jsf.js_next_gen 4.0.0-RC.1 → 4.0.0-RC.10

package/dist/window/jsf-development.js

@@ -42,7 +42,7 @@ const SourcesCollectors_1 = __webpack_require__(/*! ./SourcesCollectors */ "./no
 const Lang_1 = __webpack_require__(/*! ./Lang */ "./node_modules/mona-dish/src/main/typescript/Lang.ts");
 var trim = Lang_1.Lang.trim;
 var isString = Lang_1.Lang.isString;
-var eIgnoreC = Lang_1.Lang.equalsIgnoreCase;
+var eqi = Lang_1.Lang.equalsIgnoreCase;
 const Global_1 = __webpack_require__(/*! ./Global */ "./node_modules/mona-dish/src/main/typescript/Global.ts");
 var objToArray = Lang_1.Lang.objToArray;
 /**
@@ -632,6 +632,15 @@ class DomQuery {
             return this._querySelectorAll(selector);
         }
     }
+    closest(selector) {
+        // We could merge both methods, but for now this is more readable
+        if (selector.indexOf("/shadow/") != -1) {
+            return this._closestDeep(selector);
+        }
+        else {
+            return this._closest(selector);
+        }
+    }
     /**
      * core byId method
      * @param id the id to search for
@@ -866,6 +875,30 @@ class DomQuery {
         });
         return this;
     }
+    /**
+     * replace convenience function, replaces one or more elements with
+     * a set of elements passed as DomQuery
+     * @param toReplace the replaced nodes as reference (original node has been replaced)
+     */
+    replace(toReplace) {
+        this.each(item => {
+            let asElem = item.getAsElem(0).value;
+            let parent = asElem.parentElement;
+            let nextElement = asElem.nextElementSibling;
+            let previousElement = asElem.previousElementSibling;
+            if (nextElement != null) {
+                new DomQuery(nextElement).insertBefore(toReplace);
+            }
+            else if (previousElement) {
+                new DomQuery(previousElement).insertAfter(toReplace);
+            }
+            else {
+                new DomQuery(parent).append(toReplace);
+            }
+            item.delete();
+        });
+        return toReplace;
+    }
     /**
      * returns a new dom query containing only the first element max
      *
@@ -1049,28 +1082,24 @@ class DomQuery {
             return new DomQuery(func());
         }
     }
-    parents(tagName) {
-        const retSet = new Set();
+    parents(selector) {
         const retArr = [];
-        const lowerTagName = tagName.toLowerCase();
-        let resolveItem = (item) => {
-            if ((item.tagName || "").toLowerCase() == lowerTagName && !retSet.has(item)) {
-                retSet.add(item);
-                retArr.push(item);
-            }
-        };
+        let parent = this.parent().filter(item => item.matchesSelector(selector));
+        while (parent.isPresent()) {
+            retArr.push(parent);
+            parent = parent.parent().filter(item => item.matchesSelector(selector));
+        }
+        return new DomQuery(...retArr);
+    }
+    parent() {
+        let ret = [];
         this.eachElem((item) => {
-            var _a;
-            while (item.parentNode || item.host) {
-                item = (_a = item === null || item === void 0 ? void 0 : item.parentNode) !== null && _a !== void 0 ? _a : item === null || item === void 0 ? void 0 : item.host;
-                resolveItem(item);
-                // nested forms not possible, performance shortcut
-                if (tagName == "form" && retArr.length) {
-                    return false;
-                }
+            let parent = item.parentNode || item.host;
+            if (parent && ret.indexOf(parent) == -1) {
+                ret.push(parent);
             }
         });
-        return new DomQuery(...retArr);
+        return new DomQuery(...ret);
     }
     copyAttrs(sourceItem) {
         sourceItem.eachElem((sourceNode) => {
@@ -1184,7 +1213,7 @@ class DomQuery {
             let tagName = item.tagName;
             let itemType = ((_a = item === null || item === void 0 ? void 0 : item.type) !== null && _a !== void 0 ? _a : '').toLowerCase();
             if (tagName &&
-                eIgnoreC(tagName, "script") &&
+                eqi(tagName, "script") &&
                 allowedItemTypes.indexOf(itemType) != -1) {
                 let src = item.getAttribute('src');
                 if ('undefined' != typeof src
@@ -1270,36 +1299,30 @@ class DomQuery {
         return this;
     }
     runCss() {
-        const applyStyle = (item, style) => {
-            var _a, _b, _c, _d;
-            let newSS = document.createElement("style");
-            document.getElementsByTagName("head")[0].appendChild(newSS);
-            let styleSheet = (_a = newSS.sheet) !== null && _a !== void 0 ? _a : newSS.styleSheet;
-            newSS.setAttribute("rel", (_b = item.getAttribute("rel")) !== null && _b !== void 0 ? _b : "stylesheet");
-            newSS.setAttribute("type", (_c = item.getAttribute("type")) !== null && _c !== void 0 ? _c : "text/css");
-            if ((_d = styleSheet === null || styleSheet === void 0 ? void 0 : styleSheet.cssText) !== null && _d !== void 0 ? _d : false) {
-                styleSheet.cssText = style;
-            }
-            else {
-                newSS.appendChild(document.createTextNode(style));
-            }
-        }, execCss = (item) => {
-            const tagName = item.tagName;
-            if (tagName && eIgnoreC(tagName, "link") && eIgnoreC(item.getAttribute("type"), "text/css")) {
-                applyStyle(item, "@import url('" + item.getAttribute("href") + "');");
-            }
-            else if (tagName && eIgnoreC(tagName, "style") && eIgnoreC(item.getAttribute("type"), "text/css")) {
-                let innerText = [];
-                // compliant browsers know child nodes
-                let childNodes = Array.prototype.slice.call(item.childNodes);
-                if (childNodes) {
-                    childNodes.forEach(child => innerText.push(child.innerHTML || child.data));
-                    // non-compliant elements innerHTML
+        const execCss = (toReplace) => {
+            const _toReplace = DomQuery.byId(toReplace);
+            const tagName = _toReplace.tagName.orElse("").value;
+            const head = DomQuery.byTagName("head");
+            if (tagName && eqi(tagName, "link") && eqi(toReplace.getAttribute("rel"), "stylesheet")) {
+                const rel = toReplace.getAttribute("rel");
+                //if possible we are now replacing the existing elements where we reference this stylesheet
+                const matches = head.querySelectorAll(`link[rel='stylesheet'][href='${rel}']`);
+                if (matches.length) {
+                    matches.replace(_toReplace);
                 }
-                else if (item.innerHTML) {
-                    innerText.push(item.innerHTML);
+                else {
+                    head.append(_toReplace);
+                }
+            }
+            else if (tagName && eqi(tagName, "style")) {
+                let innerText = _toReplace.innerHTML.replace(/\s+/gi, "");
+                let styles = head.querySelectorAll("style");
+                styles = styles.stream.filter(style => {
+                    return style.innerHTML.replace(/\s+/gi, "") == innerText;
+                }).collect(new DomQueryCollector());
+                if (!styles.length) { //already present
+                    head.append(_toReplace);
                 }
-                applyStyle(item, innerText.join(""));
             }
         };
         const scriptElements = new DomQuery(this.filterSelector("link, style"), this.querySelectorAll("link, style"));
@@ -1480,12 +1503,17 @@ class DomQuery {
                     elemType != ALLOWED_SUBMITTABLE_ELEMENTS.SUBMIT &&
                     elemType != ALLOWED_SUBMITTABLE_ELEMENTS.IMAGE) && ((elemType != ALLOWED_SUBMITTABLE_ELEMENTS.CHECKBOX && elemType != ALLOWED_SUBMITTABLE_ELEMENTS.RADIO) ||
                     element.checked)) {
-                    let files = (_b = (_a = element.value.value) === null || _a === void 0 ? void 0 : _a.files) !== null && _b !== void 0 ? _b : [];
-                    if (files === null || files === void 0 ? void 0 : files.length) {
-                        // xhr level2
-                        target.append(name).value = files[0];
+                    let uploadedFiles = (_b = (_a = element.value) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.files;
+                    let filesArr = uploadedFiles !== null && uploadedFiles !== void 0 ? uploadedFiles : [];
+                    if (filesArr === null || filesArr === void 0 ? void 0 : filesArr.length) { //files can be empty but set
+                        // xhr level2, single multiple must be passes as they are
+                        target.assign(name).value = Array.from(filesArr);
                     }
                     else {
+                        if (!!uploadedFiles) { //we skip empty file elements i
+                            return;
+                        }
+                        //checkboxes etc.. need to be appended
                         target.append(name).value = element.inputValue.value;
                     }
                 }
@@ -1730,6 +1758,47 @@ class DomQuery {
         }
         return foundNodes;
     }
+    /**
+     * query selector all on the existing dom queryX object
+     *
+     * @param selector the standard selector
+     * @return a DomQuery with the results
+     */
+    _closest(selector) {
+        var _a, _b;
+        if (!((_a = this === null || this === void 0 ? void 0 : this.rootNode) === null || _a === void 0 ? void 0 : _a.length)) {
+            return this;
+        }
+        let nodes = [];
+        for (let cnt = 0; cnt < this.rootNode.length; cnt++) {
+            if (!((_b = this.rootNode[cnt]) === null || _b === void 0 ? void 0 : _b.closest)) {
+                continue;
+            }
+            let res = [this.rootNode[cnt].closest(selector)];
+            nodes = nodes.concat(...res);
+        }
+        return new DomQuery(...nodes);
+    }
+    /*deep with a selector and a pseudo /shadow/ marker to break into the next level*/
+    _closestDeep(selector) {
+        var _a;
+        if (!((_a = this === null || this === void 0 ? void 0 : this.rootNode) === null || _a === void 0 ? void 0 : _a.length)) {
+            return this;
+        }
+        let foundNodes = new DomQuery(...this.rootNode);
+        let selectors = selector.split(/\/shadow\//);
+        for (let cnt2 = 0; cnt2 < selectors.length; cnt2++) {
+            if (selectors[cnt2] == "") {
+                continue;
+            }
+            let levelSelector = selectors[cnt2];
+            foundNodes = foundNodes.closest(levelSelector);
+            if (cnt2 < selectors.length - 1) {
+                foundNodes = foundNodes.shadowRoot;
+            }
+        }
+        return foundNodes;
+    }
     // source: https:// developer.mozilla.org/en-US/docs/Web/API/Element/matches
     // code snippet license: https:// creativecommons.org/licenses/by-sa/2.5/
     /**
@@ -2510,6 +2579,9 @@ class Config extends Optional {
      */
     shallowMerge(other, overwrite = true, withAppend = false) {
         for (let key in other.value) {
+            if ('undefined' == typeof key || null == key) {
+                continue;
+            }
             if (overwrite || !(key in this.value)) {
                 if (!withAppend) {
                     this.assign(key).value = other.getIf(key).value;
@@ -2711,7 +2783,7 @@ exports.Config = Config;
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.QueryFormStringCollector = exports.QueryFormDataCollector = exports.FormDataCollector = exports.AssocArrayCollector = exports.Run = exports.ArrayAssocArrayCollector = exports.ArrayCollector = exports.FlatMapStreamDataSource = exports.MappedStreamDataSource = exports.FilteredStreamDatasource = exports.ArrayStreamDataSource = exports.SequenceDataSource = exports.ITERATION_STATUS = void 0;
+exports.QueryFormStringCollector = exports.QueryFormDataCollector = exports.FormDataCollector = exports.AssocArrayCollector = exports.Run = exports.ArrayAssocArrayCollector = exports.InverseArrayCollector = exports.ArrayCollector = exports.FlatMapStreamDataSource = exports.MappedStreamDataSource = exports.FilteredStreamDatasource = exports.ArrayStreamDataSource = exports.SequenceDataSource = exports.ITERATION_STATUS = void 0;
 const Stream_1 = __webpack_require__(/*! ./Stream */ "./node_modules/mona-dish/src/main/typescript/Stream.ts");
 /**
  * special status of the datasource location pointer
@@ -3018,6 +3090,21 @@ class ArrayCollector {
     }
 }
 exports.ArrayCollector = ArrayCollector;
+/**
+ * collects the values as inverse array
+ */
+class InverseArrayCollector {
+    constructor() {
+        this.data = [];
+    }
+    collect(element) {
+        this.data.unshift(element);
+    }
+    get finalValue() {
+        return this.data;
+    }
+}
+exports.InverseArrayCollector = InverseArrayCollector;
 /**
  * collects an tuple array stream into an assoc array with elements being collected into arrays
  *
@@ -3353,6 +3440,15 @@ exports.Stream = Stream;
  *
  */
 class LazyStream {
+    static of(...values) {
+        return new LazyStream(new SourcesCollectors_1.ArrayStreamDataSource(...values));
+    }
+    static ofAssoc(data) {
+        return this.of(...Object.keys(data)).map(key => [key, data[key]]);
+    }
+    static ofStreamDataSource(value) {
+        return new LazyStream(value);
+    }
     constructor(parent) {
         this._limits = -1;
         /*
@@ -3363,15 +3459,6 @@ class LazyStream {
         this.pos = -1;
         this.dataSource = parent;
     }
-    static of(...values) {
-        return new LazyStream(new SourcesCollectors_1.ArrayStreamDataSource(...values));
-    }
-    static ofAssoc(data) {
-        return this.of(...Object.keys(data)).map(key => [key, data[key]]);
-    }
-    static ofStreamDataSource(value) {
-        return new LazyStream(value);
-    }
     hasNext() {
         if (this.isOverLimits()) {
             return false;
@@ -3907,12 +3994,13 @@ var faces;
          * @param channel the channel name/id
          * @param onopen The function to be invoked when the web socket is opened.
          * @param onmessage The function to be invoked when a message is received.
+         * @param onerror The function to be invoked when an error occurs.
          * @param onclose The function to be invoked when the web socket is closed.
          * @param behaviors functions which are invoked whenever a message is received
          * @param autoConnect Whether or not to automatically open the socket. Defaults to <code>false</code>.
          */
-        function init(socketClientId, url, channel, onopen, onmessage, onclose, behaviors, autoConnect) {
-            PushImpl_1.PushImpl.init(socketClientId, url, channel, onopen, onmessage, onclose, behaviors, autoConnect);
+        function init(socketClientId, url, channel, onopen, onmessage, onerror, onclose, behaviors, autoConnect) {
+            PushImpl_1.PushImpl.init(socketClientId, url, channel, onopen, onmessage, onerror, onclose, behaviors, autoConnect);
         }
         push.init = init;
         /**
@@ -4030,7 +4118,9 @@ var BlockFilter;
     BlockFilter["myfaces"] = "myfaces";
     BlockFilter["delay"] = "delay";
     BlockFilter["timeout"] = "timeout";
+    BlockFilter["resetValues"] = "resetValues";
     BlockFilter["windowId"] = "windowId";
+    BlockFilter["params"] = "params";
 })(BlockFilter || (BlockFilter = {}));
 /**
  * Core Implementation
@@ -4196,7 +4286,11 @@ var Implementation;
         const delay = (0, RequestDataResolver_1.resolveDelay)(options);
         const timeout = (0, RequestDataResolver_1.resolveTimeout)(options);
         requestCtx.assignIf(!!windowId, Const_1.P_WINDOW_ID).value = windowId;
+        // old non spec behavior will be removed after it is clear whether the removal breaks any code
         requestCtx.assign(Const_1.CTX_PARAM_PASS_THR).value = filterPassThroughValues(options.value);
+        // spec conform behavior, all passthrough params must be under "passthrough
+        const params = remapArrayToAssocArr(options.getIf(Const_1.CTX_PARAM_SPEC_PARAMS).orElse({}).value);
+        requestCtx.getIf(Const_1.CTX_PARAM_PASS_THR).shallowMerge(new mona_dish_1.Config(params), true);
         requestCtx.assignIf(!!resolvedEvent, Const_1.CTX_PARAM_PASS_THR, Const_1.P_EVT).value = resolvedEvent === null || resolvedEvent === void 0 ? void 0 : resolvedEvent.type;
         /**
          * ajax pass through context with the source
@@ -4552,7 +4646,13 @@ var Implementation;
      * Filter the options given with a blacklist, so that only
      * the values required for pass-through are processed in the ajax request
      *
+     * Note this is a bug carried over from the old implementation
+     * the spec conform behavior is to use params for passthrough values
+     * this will be removed soon, after it is cleared up wheter removing
+     * it breaks any legacy code
+     *
      * @param {Context} mappedOpts the options to be filtered
+     * @deprecated
      */
     function filterPassThroughValues(mappedOpts) {
         //we now can use the full code reduction given by our stream api
@@ -4561,6 +4661,12 @@ var Implementation;
             .filter(item => !(item[0] in BlockFilter))
             .collect(new mona_dish_1.AssocArrayCollector());
     }
+    function remapArrayToAssocArr(arrayedParams) {
+        if (Array.isArray(arrayedParams)) {
+            return mona_dish_1.Stream.of(...arrayedParams).collect(new mona_dish_1.AssocArrayCollector());
+        }
+        return arrayedParams;
+    }
     function resolveGlobalConfig() {
         var _a, _b;
         return (_b = (_a = window === null || window === void 0 ? void 0 : window[Const_1.MYFACES]) === null || _a === void 0 ? void 0 : _a.config) !== null && _b !== void 0 ? _b : {};
@@ -4622,12 +4728,13 @@ exports.PushImpl = void 0;
  * Typescript port of the faces\.push part in the myfaces implementation
  */
 const Const_1 = __webpack_require__(/*! ./core/Const */ "./src/main/typescript/impl/core/Const.ts");
+const mona_dish_1 = __webpack_require__(/*! mona-dish */ "./node_modules/mona-dish/src/main/typescript/index_core.ts");
 /**
  * Implementation class for the push functionality
  */
 var PushImpl;
 (function (PushImpl) {
-    const URL_PROTOCOL = window.location.protocol.replace("http", "ws") + "//";
+    const URL_PROTOCOL = mona_dish_1.DQ.global().location.protocol.replace("http", "ws") + "//";
     // we expose the member variables for testing purposes
     // they are not directly touched outside of tests
     /* socket map by token */
@@ -4652,14 +4759,15 @@ var PushImpl;
      * @param channel the channel name/id
      * @param onopen The function to be invoked when the web socket is opened.
      * @param onmessage The function to be invoked when a message is received.
+     * @param onerror The function to be invoked when an error occurs.
      * @param onclose The function to be invoked when the web socket is closed.
      * @param behaviors functions which are invoked whenever a message is received
      * @param autoConnect Whether or not to automatically open the socket. Defaults to <code>false</code>.
      */
-    function init(socketClientId, url, channel, onopen, onmessage, onclose, behaviors, autoConnect) {
-        var _a;
+    function init(socketClientId, url, channel, onopen, onmessage, onerror, onclose, behaviors, autoConnect) {
+        var _a, _b, _c;
         onclose = resolveFunction(onclose);
-        if (!window.WebSocket) { // IE6-9.
+        if (!mona_dish_1.DQ.global().WebSocket) { // IE6-9.
             onclose(-1, channel);
             return;
         }
@@ -4669,6 +4777,7 @@ var PushImpl;
                 'channelToken': channelToken,
                 'onopen': resolveFunction(onopen),
                 'onmessage': resolveFunction(onmessage),
+                'onerror': resolveFunction(onerror),
                 'onclose': onclose,
                 'behaviors': behaviors,
                 'autoconnect': autoConnect
@@ -4682,17 +4791,17 @@ var PushImpl;
             }
         }
         if (autoConnect) {
-            ((_a = window === null || window === void 0 ? void 0 : window.faces) !== null && _a !== void 0 ? _a : window === null || window === void 0 ? void 0 : window.jsf).push.open(socketClientId);
+            ((_b = (_a = mona_dish_1.DQ.global()) === null || _a === void 0 ? void 0 : _a.faces) !== null && _b !== void 0 ? _b : (_c = mona_dish_1.DQ.global()) === null || _c === void 0 ? void 0 : _c.jsf).push.open(socketClientId);
         }
     }
     PushImpl.init = init;
     function open(socketClientId) {
         var _a;
-        getSocket((_a = PushImpl.components === null || PushImpl.components === void 0 ? void 0 : PushImpl.components[socketClientId]) === null || _a === void 0 ? void 0 : _a.channelToken).open();
+        getSocket((_a = PushImpl.components[socketClientId]) === null || _a === void 0 ? void 0 : _a.channelToken).open();
     }
     PushImpl.open = open;
     function close(socketClientId) {
-        getSocket(PushImpl.components === null || PushImpl.components === void 0 ? void 0 : PushImpl.components[socketClientId].channelToken).close();
+        getSocket(PushImpl.components[socketClientId].channelToken).close();
     }
     PushImpl.close = close;
     // Private helper classes
@@ -4722,28 +4831,53 @@ var PushImpl;
         }
         // noinspection JSUnusedLocalSymbols
         onopen(event) {
+            var _a, _b;
             if (!this.reconnectAttempts) {
                 let clientIds = PushImpl.clientIdsByTokens[this.channelToken];
                 for (let i = clientIds.length - 1; i >= 0; i--) {
                     let socketClientId = clientIds[i];
-                    PushImpl.components[socketClientId]['onopen'](this.channel);
+                    (_b = (_a = PushImpl.components[socketClientId]) === null || _a === void 0 ? void 0 : _a['onopen']) === null || _b === void 0 ? void 0 : _b.call(_a, this.channel);
                 }
             }
             this.reconnectAttempts = 0;
         }
+        onerror(event) {
+            var _a, _b;
+            let message = JSON.parse(event.data);
+            //TODO replace this with a more readable Stream code
+            for (let i = PushImpl.clientIdsByTokens[this.channelToken].length - 1; i >= 0; i--) {
+                let socketClientId = PushImpl.clientIdsByTokens[this.channelToken][i];
+                if (document.getElementById(socketClientId)) {
+                    try {
+                        (_b = (_a = PushImpl.components[socketClientId]) === null || _a === void 0 ? void 0 : _a['onerror']) === null || _b === void 0 ? void 0 : _b.call(_a, message, this.channel, event);
+                    }
+                    catch (e) {
+                        //Ignore
+                    }
+                }
+                else {
+                    PushImpl.clientIdsByTokens[this.channelToken].splice(i, 1);
+                }
+            }
+            if (PushImpl.clientIdsByTokens[this.channelToken].length == 0) {
+                // tag disappeared
+                this.close();
+            }
+        }
         onmmessage(event) {
+            var _a, _b, _c;
             let message = JSON.parse(event.data);
             for (let i = PushImpl.clientIdsByTokens[this.channelToken].length - 1; i >= 0; i--) {
                 let socketClientId = PushImpl.clientIdsByTokens[this.channelToken][i];
                 if (document.getElementById(socketClientId)) {
                     try {
-                        PushImpl.components[socketClientId]['onmessage'](message, this.channel, event);
+                        (_b = (_a = PushImpl.components[socketClientId]) === null || _a === void 0 ? void 0 : _a['onmessage']) === null || _b === void 0 ? void 0 : _b.call(_a, message, this.channel, event);
                     }
                     catch (e) {
                         //Ignore
                     }
-                    let behaviors = PushImpl.components[socketClientId]['behaviors'];
-                    let functions = behaviors[message];
+                    let behaviors = (_c = PushImpl.components === null || PushImpl.components === void 0 ? void 0 : PushImpl.components[socketClientId]) === null || _c === void 0 ? void 0 : _c['behaviors'];
+                    let functions = behaviors === null || behaviors === void 0 ? void 0 : behaviors[message];
                     if (functions && functions.length) {
                         for (let j = 0; j < functions.length; j++) {
                             try {
@@ -4765,6 +4899,7 @@ var PushImpl;
             }
         }
         onclose(event) {
+            var _a, _b;
             if (!this.socket
                 || (event.code == 1000 && event.reason == Const_1.REASON_EXPIRED)
                 || (event.code == 1008)
@@ -4773,7 +4908,7 @@ var PushImpl;
                 let clientIds = PushImpl.clientIdsByTokens[this.channelToken];
                 for (let i = clientIds.length - 1; i >= 0; i--) {
                     let socketClientId = clientIds[i];
-                    PushImpl.components[socketClientId]['onclose'](event === null || event === void 0 ? void 0 : event.code, this === null || this === void 0 ? void 0 : this.channel, event);
+                    (_b = (_a = PushImpl.components === null || PushImpl.components === void 0 ? void 0 : PushImpl.components[socketClientId]) === null || _a === void 0 ? void 0 : _a['onclose']) === null || _b === void 0 ? void 0 : _b.call(_a, event === null || event === void 0 ? void 0 : event.code, this === null || this === void 0 ? void 0 : this.channel, event);
                 }
             }
             else {
@@ -4795,12 +4930,13 @@ var PushImpl;
             this.socket.onopen = (event) => this.onopen(event);
             this.socket.onmessage = (event) => this.onmmessage(event);
             this.socket.onclose = (event) => this.onclose(event);
+            this.socket.onerror = (event) => this.onerror(event);
         }
     }
     // Private static functions ---------------------------------------------------------------------------------------
     function getBaseURL(url) {
         if (url.indexOf("://") < 0) {
-            let base = window.location.hostname + ":" + window.location.port;
+            let base = mona_dish_1.DQ.global().location.hostname + ":" + mona_dish_1.DQ.global().location.port;
             return URL_PROTOCOL + base + url;
         }
         else {
@@ -4825,7 +4961,7 @@ var PushImpl;
     }
     function resolveFunction(fn = () => {
     }) {
-        return ((typeof fn !== "function") && (fn = window[fn]), fn);
+        return ((typeof fn !== "function") && (fn = mona_dish_1.DQ.global()[fn]), fn);
     }
 })(PushImpl = exports.PushImpl || (exports.PushImpl = {}));
 
@@ -4855,15 +4991,16 @@ var PushImpl;
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.CTX_PARAM_DELAY = exports.CTX_PARAM_PASS_THR = exports.CTX_PARAM_TR_TYPE = exports.CTX_PARAM_SRC_CTL_ID = exports.CTX_PARAM_SRC_FRM_ID = exports.CTX_PARAM_MF_INTERNAL = exports.TIMEOUT_EVENT = exports.CLIENT_ERROR = exports.SERVER_ERROR = exports.MALFORMEDXML = exports.EMPTY_RESPONSE = exports.HTTPERROR = exports.RESPONSE_XML = exports.RESPONSE_TEXT = exports.ERROR_MESSAGE = exports.ERROR_NAME = exports.STATUS = exports.SOURCE = exports.SUCCESS = exports.COMPLETE = exports.BEGIN = exports.ON_EVENT = exports.ON_ERROR = exports.EVENT = exports.ERROR = exports.WINDOW_ID = exports.CTX_PARAM_RENDER = exports.P_BEHAVIOR_EVENT = exports.P_WINDOW_ID = exports.P_RESET_VALUES = exports.P_CLIENT_WINDOW = exports.P_EVT = exports.P_RENDER = exports.P_EXECUTE = exports.P_AJAX = exports.IDENT_FORM = exports.IDENT_THIS = exports.IDENT_NONE = exports.IDENT_ALL = exports.HTML_VIEWSTATE = exports.EMPTY_MAP = exports.EMPTY_STR = exports.EMPTY_FUNC = exports.P_RESOURCE = exports.P_VIEWBODY = exports.P_VIEWHEAD = exports.P_VIEWROOT = exports.P_VIEWSTATE = exports.PARTIAL_ID = exports.P_PARTIAL_SOURCE = void 0;
-exports.REASON_EXPIRED = exports.MF_NONE = exports.SEL_SCRIPTS_STYLES = exports.MYFACES = exports.DEFERRED_HEAD_INSERTS = exports.UPDATE_ELEMS = exports.UPDATE_FORMS = exports.CMD_REDIRECT = exports.CMD_EXTENSION = exports.CMD_ATTRIBUTES = exports.CMD_ERROR = exports.CMD_EVAL = exports.CMD_INSERT = exports.CMD_DELETE = exports.CMD_UPDATE = exports.CMD_CHANGES = exports.RESP_PARTIAL = exports.ATTR_ID = exports.ATTR_VALUE = exports.ATTR_NAME = exports.ATTR_URL = exports.ERR_NO_PARTIAL_RESPONSE = exports.PHASE_PROCESS_RESPONSE = exports.SEL_RESPONSE_XML = exports.SEL_CLIENT_WINDOW_ELEM = exports.SEL_VIEWSTATE_ELEM = exports.TAG_ATTR = exports.TAG_AFTER = exports.TAG_BEFORE = exports.TAG_BODY = exports.TAG_FORM = exports.TAG_HEAD = exports.STD_ACCEPT = exports.NO_TIMEOUT = exports.MULTIPART = exports.URL_ENCODED = exports.STATE_EVT_COMPLETE = exports.STATE_EVT_TIMEOUT = exports.STATE_EVT_BEGIN = exports.REQ_TYPE_POST = exports.REQ_TYPE_GET = exports.ENCODED_URL = exports.VAL_AJAX = exports.REQ_ACCEPT = exports.HEAD_FACES_REQ = exports.CONTENT_TYPE = exports.STAGE_DEVELOPMENT = exports.CTX_PARAM_EXECUTE = exports.CTX_PARAM_RST = exports.CTX_PARAM_TIMEOUT = void 0;
-exports.$nsp = exports.UNKNOWN = exports.MAX_RECONNECT_ATTEMPTS = exports.RECONNECT_INTERVAL = exports.APPLIED_CLIENT_WINDOW = exports.APPLIED_VST = void 0;
+exports.CTX_PARAM_PASS_THR = exports.CTX_PARAM_TR_TYPE = exports.CTX_PARAM_SRC_CTL_ID = exports.CTX_PARAM_SRC_FRM_ID = exports.CTX_PARAM_MF_INTERNAL = exports.TIMEOUT_EVENT = exports.CLIENT_ERROR = exports.SERVER_ERROR = exports.MALFORMEDXML = exports.EMPTY_RESPONSE = exports.HTTPERROR = exports.RESPONSE_XML = exports.RESPONSE_TEXT = exports.ERROR_MESSAGE = exports.ERROR_NAME = exports.STATUS = exports.SOURCE = exports.SUCCESS = exports.COMPLETE = exports.BEGIN = exports.ON_EVENT = exports.ON_ERROR = exports.EVENT = exports.ERROR = exports.WINDOW_ID = exports.CTX_PARAM_RENDER = exports.P_BEHAVIOR_EVENT = exports.P_WINDOW_ID = exports.P_RESET_VALUES = exports.P_EVT = exports.P_RENDER = exports.P_EXECUTE = exports.P_AJAX = exports.IDENT_FORM = exports.IDENT_THIS = exports.IDENT_NONE = exports.IDENT_ALL = exports.HTML_CLIENT_WINDOW = exports.HTML_VIEWSTATE = exports.EMPTY_MAP = exports.EMPTY_STR = exports.EMPTY_FUNC = exports.P_RESOURCE = exports.P_VIEWBODY = exports.P_VIEWHEAD = exports.P_VIEWROOT = exports.P_CLIENT_WINDOW = exports.P_VIEWSTATE = exports.PARTIAL_ID = exports.P_PARTIAL_SOURCE = void 0;
+exports.SEL_SCRIPTS_STYLES = exports.MYFACES = exports.DEFERRED_HEAD_INSERTS = exports.UPDATE_ELEMS = exports.UPDATE_FORMS = exports.CMD_REDIRECT = exports.CMD_EXTENSION = exports.CMD_ATTRIBUTES = exports.CMD_ERROR = exports.CMD_EVAL = exports.CMD_INSERT = exports.CMD_DELETE = exports.CMD_UPDATE = exports.CMD_CHANGES = exports.RESP_PARTIAL = exports.ATTR_ID = exports.ATTR_VALUE = exports.ATTR_NAME = exports.ATTR_URL = exports.ERR_NO_PARTIAL_RESPONSE = exports.PHASE_PROCESS_RESPONSE = exports.SEL_RESPONSE_XML = exports.SEL_CLIENT_WINDOW_ELEM = exports.SEL_VIEWSTATE_ELEM = exports.TAG_ATTR = exports.TAG_AFTER = exports.TAG_BEFORE = exports.TAG_BODY = exports.TAG_FORM = exports.TAG_HEAD = exports.STD_ACCEPT = exports.NO_TIMEOUT = exports.MULTIPART = exports.URL_ENCODED = exports.STATE_EVT_COMPLETE = exports.STATE_EVT_TIMEOUT = exports.STATE_EVT_BEGIN = exports.REQ_TYPE_POST = exports.REQ_TYPE_GET = exports.ENCODED_URL = exports.VAL_AJAX = exports.REQ_ACCEPT = exports.HEAD_FACES_REQ = exports.CONTENT_TYPE = exports.STAGE_DEVELOPMENT = exports.CTX_PARAM_EXECUTE = exports.CTX_PARAM_RST = exports.CTX_PARAM_TIMEOUT = exports.CTX_PARAM_DELAY = exports.CTX_PARAM_SPEC_PARAMS = void 0;
+exports.$nsp = exports.UNKNOWN = exports.MAX_RECONNECT_ATTEMPTS = exports.RECONNECT_INTERVAL = exports.APPLIED_CLIENT_WINDOW = exports.APPLIED_VST = exports.REASON_EXPIRED = exports.MF_NONE = void 0;
 /*
  * [export const] constants
  */
 exports.P_PARTIAL_SOURCE = "jakarta.faces.source";
 exports.PARTIAL_ID = "partialId";
 exports.P_VIEWSTATE = "jakarta.faces.ViewState";
+exports.P_CLIENT_WINDOW = "jakarta.faces.ClientWindow";
 exports.P_VIEWROOT = "jakarta.faces.ViewRoot";
 exports.P_VIEWHEAD = "jakarta.faces.ViewHead";
 exports.P_VIEWBODY = "jakarta.faces.ViewBody";
@@ -4873,7 +5010,8 @@ exports.EMPTY_FUNC = Object.freeze(() => {
 });
 exports.EMPTY_STR = "";
 exports.EMPTY_MAP = Object.freeze({});
-exports.HTML_VIEWSTATE = ["<input type='hidden'", "id='", exports.P_VIEWSTATE, "' name='", exports.P_VIEWSTATE, "' value='' />"].join(exports.EMPTY_STR);
+exports.HTML_VIEWSTATE = ["<input type='hidden'", "name='", exports.P_VIEWSTATE, "' value='' />"].join(exports.EMPTY_STR);
+exports.HTML_CLIENT_WINDOW = ["<input type='hidden'", "' name='", exports.P_CLIENT_WINDOW, "' value='' />"].join(exports.EMPTY_STR);
 /*internal identifiers for options*/
 exports.IDENT_ALL = "@all";
 exports.IDENT_NONE = "@none";
@@ -4883,7 +5021,6 @@ exports.P_AJAX = "jakarta.faces.partial.ajax";
 exports.P_EXECUTE = "jakarta.faces.partial.execute";
 exports.P_RENDER = "jakarta.faces.partial.render";
 exports.P_EVT = "jakarta.faces.partial.event";
-exports.P_CLIENT_WINDOW = "jakarta.faces.ClientWindow";
 exports.P_RESET_VALUES = "jakarta.faces.partial.resetValues";
 exports.P_WINDOW_ID = "jakarta.faces.windowId";
 exports.P_BEHAVIOR_EVENT = "jakarta.faces.behavior.event";
@@ -4916,6 +5053,7 @@ exports.CTX_PARAM_SRC_FRM_ID = "_mfSourceFormId";
 exports.CTX_PARAM_SRC_CTL_ID = "_mfSourceControlId";
 exports.CTX_PARAM_TR_TYPE = "_mfTransportType";
 exports.CTX_PARAM_PASS_THR = "passThrgh";
+exports.CTX_PARAM_SPEC_PARAMS = "params";
 exports.CTX_PARAM_DELAY = "delay";
 exports.CTX_PARAM_TIMEOUT = "timeout";
 exports.CTX_PARAM_RST = "resetValues";
@@ -4935,9 +5073,9 @@ exports.URL_ENCODED = "application/x-www-form-urlencoded";
 exports.MULTIPART = "multipart/form-data";
 exports.NO_TIMEOUT = 0;
 exports.STD_ACCEPT = "text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8";
-exports.TAG_HEAD = "head";
-exports.TAG_FORM = "form";
-exports.TAG_BODY = "body";
+exports.TAG_HEAD = "HEAD";
+exports.TAG_FORM = "FORM";
+exports.TAG_BODY = "BODY";
 exports.TAG_BEFORE = "before";
 exports.TAG_AFTER = "after";
 exports.TAG_ATTR = "attribute";
@@ -5189,10 +5327,8 @@ exports.Assertions = void 0;
  * limitations under the License.
  */
 const mona_dish_1 = __webpack_require__(/*! mona-dish */ "./node_modules/mona-dish/src/main/typescript/index_core.ts");
-const Lang_1 = __webpack_require__(/*! ./Lang */ "./src/main/typescript/impl/util/Lang.ts");
-var getMessage = Lang_1.ExtLang.getMessage;
-var makeException = Lang_1.ExtLang.makeException;
 const Const_1 = __webpack_require__(/*! ../core/Const */ "./src/main/typescript/impl/core/Const.ts");
+const Lang_1 = __webpack_require__(/*! ./Lang */ "./src/main/typescript/impl/util/Lang.ts");
 /**
  * a set of internal code assertions
  * which raise an error
@@ -5207,12 +5343,12 @@ var Assertions;
         assertFunction(options.getIf(Const_1.ON_EVENT).value);
         //improve the error messages if an empty elem is passed
         //Assertions.assertElementExists(elem);
-        assert(elem.isPresent(), getMessage("ERR_MUST_BE_PROVIDED1", "{0}: source  must be provided or exist", "source element id"), "faces.ajax.request", "ArgNotSet");
+        assert(elem.isPresent(), Lang_1.ExtLang.getMessage("ERR_MUST_BE_PROVIDED1", "{0}: source  must be provided or exist", "source element id"), "faces.ajax.request", "ArgNotSet");
     }
     Assertions.assertRequestIntegrity = assertRequestIntegrity;
     function assertUrlExists(node) {
         if (node.attr(Const_1.ATTR_URL).isAbsent()) {
-            throw Assertions.raiseError(new Error(), getMessage("ERR_RED_URL", null, "processRedirect"), "processRedirect");
+            throw Assertions.raiseError(new Error(), Lang_1.ExtLang.getMessage("ERR_RED_URL", null, "processRedirect"), "processRedirect");
         }
     }
     Assertions.assertUrlExists = assertUrlExists;
@@ -5241,7 +5377,7 @@ var Assertions;
         let finalName = name !== null && name !== void 0 ? name : Const_1.MALFORMEDXML;
         let finalMessage = message !== null && message !== void 0 ? message : Const_1.EMPTY_STR;
         //TODO clean up the messy makeException, this is a perfect case for encapsulation and sane defaults
-        return makeException(error, finalTitle, finalName, "Response", caller || ((arguments.caller) ? arguments.caller.toString() : "_raiseError"), finalMessage);
+        return Lang_1.ExtLang.makeException(error, finalTitle, finalName, "Response", caller || ((arguments.caller) ? arguments.caller.toString() : "_raiseError"), finalMessage);
     }
     Assertions.raiseError = raiseError;
     /*
@@ -5264,6 +5400,13 @@ var Assertions;
         assertType(value, "function", msg, caller, title);
     }
     Assertions.assertFunction = assertFunction;
+    function assertDelay(value) {
+        if (!(value >= 0)) { // >= 0 abbreviation which covers all cases of non positive values,
+            // including NaN and non numeric strings, no type equality is deliberate here,
+            throw new Error("Invalid delay value: " + value);
+        }
+    }
+    Assertions.assertDelay = assertDelay;
 })(Assertions = exports.Assertions || (exports.Assertions = {}));
 
 
@@ -5618,6 +5761,9 @@ class ExtDomQuery extends mona_dish_1.DQ {
         var _a, _b;
         return (_b = (_a = curScript.getAsElem(0).value) === null || _a === void 0 ? void 0 : _a.nonce) !== null && _b !== void 0 ? _b : curScript.attr("nonce").value;
     }
+    filter(func) {
+        return new ExtDomQuery(super.filter(func));
+    }
 }
 exports.ExtDomQuery = ExtDomQuery;
 exports.ExtDQ = ExtDomQuery;
@@ -6079,6 +6225,7 @@ const mona_dish_1 = __webpack_require__(/*! mona-dish */ "./node_modules/mona-di
 const Const_1 = __webpack_require__(/*! ../core/Const */ "./src/main/typescript/impl/core/Const.ts");
 const Lang_1 = __webpack_require__(/*! ../util/Lang */ "./src/main/typescript/impl/util/Lang.ts");
 const ExtDomQuery_1 = __webpack_require__(/*! ../util/ExtDomQuery */ "./src/main/typescript/impl/util/ExtDomQuery.ts");
+const Assertions_1 = __webpack_require__(/*! ../util/Assertions */ "./src/main/typescript/impl/util/Assertions.ts");
 /**
  * Resolver functions for various aspects of the request data
  *
@@ -6141,7 +6288,15 @@ exports.resolveTimeout = resolveTimeout;
 function resolveDelay(options) {
     var _a;
     let getCfg = Lang_1.ExtLang.getLocalOrGlobalConfig;
-    return (_a = options.getIf(Const_1.CTX_PARAM_DELAY).value) !== null && _a !== void 0 ? _a : getCfg(options.value, Const_1.CTX_PARAM_DELAY, 0);
+    // null or non undefined will automatically be mapped to 0 aka no delay
+    let ret = (_a = options.getIf(Const_1.CTX_PARAM_DELAY).value) !== null && _a !== void 0 ? _a : getCfg(options.value, Const_1.CTX_PARAM_DELAY, 0);
+    // if delay === none, no delay must be used, aka delay 0
+    if ('none' === ret) {
+        ret = 0;
+    }
+    // negative, or invalid values will automatically get a js exception
+    Assertions_1.Assertions.assertDelay(ret);
+    return ret;
 }
 exports.resolveDelay = resolveDelay;
 /**
@@ -6190,7 +6345,7 @@ exports.getEventTarget = getEventTarget;
  * @param opts
  * @param el
  */
-function resolveDefaults(event, opts = {}, el = null) {
+function resolveDefaults(event, opts, el = null) {
     var _a;
     //deep copy the options, so that further transformations to not backfire into the callers
     const resolvedEvent = event, options = new ExtDomQuery_1.ExtConfig(opts).deepCopy, elem = mona_dish_1.DQ.byId(el || resolvedEvent.target, true), elementId = elem.id.value, requestCtx = new ExtDomQuery_1.ExtConfig({}), internalCtx = new ExtDomQuery_1.ExtConfig({}), windowId = resolveWindowId(options), isResetValues = true === ((_a = options.value) === null || _a === void 0 ? void 0 : _a.resetValues);
@@ -6557,18 +6712,25 @@ class ResponseProcessor {
         if (!shadowHead.isPresent()) {
             return;
         }
-        let oldHead = ExtDomQuery_1.ExtDomQuery.querySelectorAll(Const_1.TAG_HEAD);
-        //delete all to avoid script and style overlays
-        oldHead.querySelectorAll(Const_1.SEL_SCRIPTS_STYLES).delete();
-        // we cannot replace new elements in the head, but we can eval the elements
-        // eval means the scripts will get attached (eval script attach method)
-        // but this is done by DomQuery not in this code
-        this.storeForEval(shadowHead);
-        //incoming either the outer head tag or its children
-        //shadowHead = (shadowHead.tagName.value === "HEAD") ? shadowHead.childNodes : shadowHead;
-        //this.addToHead(shadowHead);
+        let head = ExtDomQuery_1.ExtDomQuery.querySelectorAll(Const_1.TAG_HEAD);
+        // full replace we delete everything
+        head.childNodes.delete();
+        this.addToHead(shadowHead);
     }
-    addToHead(newElements) {
+    addToHead(shadowHead) {
+        const mappedHeadData = new ExtDomQuery_1.ExtDomQuery(shadowHead);
+        const postProcessTags = ["STYLE", "LINK", "SCRIPT"];
+        const nonExecutables = mappedHeadData.filter(item => postProcessTags.indexOf(item.tagName.orElse("").value) == -1);
+        nonExecutables.runHeadInserts(true);
+        //incoming either the outer head tag or its children
+        const nodesToAdd = (shadowHead.tagName.value === "HEAD") ? shadowHead.childNodes : shadowHead;
+        // this is stored for post processing
+        // after the rest of the "pyhsical build up", head before body
+        const evalElements = nodesToAdd.stream
+            .filter(item => postProcessTags.indexOf(item.tagName.orElse("").value) != -1).collect(new mona_dish_1.DomQueryCollector());
+        this.addToHeadDeferred(evalElements);
+    }
+    addToHeadDeferred(newElements) {
         this.internalContext.assign(Const_1.DEFERRED_HEAD_INSERTS).value.push(newElements);
     }
     /**
@@ -6766,10 +6928,11 @@ class ResponseProcessor {
         mona_dish_1.Stream.ofAssoc(this.internalContext.getIf(Const_1.APPLIED_VST).orElse({}).value)
             .each((item) => {
             let value = item[1];
-            let nameSpace = mona_dish_1.DQ.byId(value.nameSpace, true).orElse(document.body);
-            let affectedForms = nameSpace.byTagName(Const_1.TAG_FORM);
-            let affectedForms2 = nameSpace.filter(item => item.tagName.orElse(Const_1.EMPTY_STR).value.toLowerCase() == Const_1.TAG_FORM);
-            this.appendViewStateToForms(new mona_dish_1.DomQuery(affectedForms, affectedForms2), value.value);
+            let namingContainerId = this.internalContext.getIf(Const_1.PARTIAL_ID);
+            let affectedForms;
+            affectedForms = this.getContainerForms(namingContainerId)
+                .filter(affectedForm => this.executeOrRenderFilter(affectedForm));
+            this.appendViewStateToForms(affectedForms, value.value);
         });
     }
     /**
@@ -6779,11 +6942,12 @@ class ResponseProcessor {
     fixClientWindow() {
         mona_dish_1.Stream.ofAssoc(this.internalContext.getIf(Const_1.APPLIED_CLIENT_WINDOW).orElse({}).value)
             .each((item) => {
-            let value = item[1];
-            let nameSpace = mona_dish_1.DQ.byId(value.nameSpace, true).orElse(document.body);
-            let affectedForms = nameSpace.byTagName(Const_1.TAG_FORM);
-            let affectedForms2 = nameSpace.filter(item => item.tagName.orElse(Const_1.EMPTY_STR).value.toLowerCase() == Const_1.TAG_FORM);
-            this.appendClientWindowToForms(new mona_dish_1.DomQuery(affectedForms, affectedForms2), value.value);
+            const value = item[1];
+            const namingContainerId = this.internalContext.getIf(Const_1.PARTIAL_ID);
+            let affectedForms;
+            affectedForms = this.getContainerForms(namingContainerId)
+                .filter(affectedForm => this.executeOrRenderFilter(affectedForm));
+            this.appendClientWindowToForms(affectedForms, value.value);
         });
     }
     /**
@@ -6825,7 +6989,11 @@ class ResponseProcessor {
     assignState(forms, selector, state) {
         forms.each((form) => {
             let stateHolders = form.querySelectorAll(selector)
-                .orElseLazy(() => ResponseProcessor.newViewStateElement(form));
+                .orElseLazy(() => {
+                return selector.indexOf("ViewState") != -1 ?
+                    ResponseProcessor.newViewStateElement(form) :
+                    ResponseProcessor.newClientWindowElement(form);
+            });
             stateHolders.attr("value").value = state;
         });
     }
@@ -6836,9 +7004,20 @@ class ResponseProcessor {
      * (usually a form node)
      */
     static newViewStateElement(parent) {
-        let newViewState = mona_dish_1.DQ.fromMarkup((0, Const_1.$nsp)(Const_1.HTML_VIEWSTATE));
-        newViewState.appendTo(parent);
-        return newViewState;
+        let newElement = mona_dish_1.DQ.fromMarkup((0, Const_1.$nsp)(Const_1.HTML_VIEWSTATE));
+        newElement.appendTo(parent);
+        return newElement;
+    }
+    /**
+     * Helper to Create a new JSF ViewState Element
+     *
+     * @param parent, the parent node to attach the viewState element to
+     * (usually a form node)
+     */
+    static newClientWindowElement(parent) {
+        let newElement = mona_dish_1.DQ.fromMarkup((0, Const_1.$nsp)(Const_1.HTML_CLIENT_WINDOW));
+        newElement.appendTo(parent);
+        return newElement;
     }
     /**
      * Stores certain aspects of the dom for later post-processing
@@ -6895,6 +7074,43 @@ class ResponseProcessor {
     triggerOnError(errorData) {
         this.externalContext.getIf(Const_1.ON_ERROR).orElse(this.internalContext.getIf(Const_1.ON_ERROR).value).orElse(Const_1.EMPTY_FUNC).value(errorData);
     }
+    /**
+     * filters the forms according to being in the execute or render cycle
+     * @param affectedForm
+     * @private
+     */
+    executeOrRenderFilter(affectedForm) {
+        let executes = this.externalContext.getIf((0, Const_1.$nsp)(Const_1.P_EXECUTE)).orElse("@none").value.split(/\s+/gi);
+        let renders = this.externalContext.getIf((0, Const_1.$nsp)(Const_1.P_RENDER)).orElse("@none").value.split(/\s+/gi);
+        let executeAndRenders = executes.concat(...renders);
+        return mona_dish_1.LazyStream.of(...executeAndRenders).filter(nameOrId => {
+            if (nameOrId == "@all") {
+                return true;
+            }
+            if (nameOrId == "@none") {
+                return true;
+            }
+            const nameOrIdSelector = `[id='${nameOrId}'], [name='#${nameOrId}']`;
+            //either the form directly is in execute or render or one of its children or one of its parents
+            return affectedForm.matchesSelector(nameOrIdSelector) ||
+                affectedForm.querySelectorAll(nameOrIdSelector).isPresent() ||
+                affectedForm.parents(nameOrIdSelector).isPresent();
+        }).first().isPresent();
+    }
+    /**
+     * gets all forms under a single naming container id
+     * @param namingContainerId
+     * @private
+     */
+    getContainerForms(namingContainerId) {
+        if (namingContainerId.isPresent()) {
+            //naming container mode, all forms under naming container id must be processed
+            return mona_dish_1.DQ.byId(namingContainerId.value).orElse((0, mona_dish_1.DQ$)(`form[name='${namingContainerId.value}']`)).byTagName(Const_1.TAG_FORM, true);
+        }
+        else {
+            return mona_dish_1.DQ.byTagName(Const_1.TAG_FORM);
+        }
+    }
 }
 exports.ResponseProcessor = ResponseProcessor;
 
@@ -6965,12 +7181,17 @@ class XhrFormData extends mona_dish_1.Config {
         //a call to getViewState before must pass the encoded line
         //a call from getViewState passes the form element as datasource,
         //so we have two call points
+        // atm we basically encode twice, to keep the code leaner
+        // this will be later optmized, practically elements
+        // which are already covered by an external viewstate do not need
+        // the encoding a second time, because they are overwritten by the viewstate again
         if (isString(dataSource)) {
             this.assignEncodedString(this.dataSource);
         }
         else {
             this.applyFormDataToConfig();
         }
+        //now assign the external viewstate overrides
         if ('undefined' != typeof viewState) {
             this.assignEncodedString(viewState);
         }
@@ -6984,23 +7205,26 @@ class XhrFormData extends mona_dish_1.Config {
      * in our ajax request
      */
     postInit(...executes) {
-        let fetchInput = (id) => {
+        let fetchFileInputs = (id) => {
+            const INPUT_FILE = "input[type='file']";
             if (id == Const_1.IDENT_ALL) {
-                return mona_dish_1.DQ.querySelectorAllDeep("input[type='file']");
+                return mona_dish_1.DQ.querySelectorAllDeep(INPUT_FILE);
             }
             else if (id == Const_1.IDENT_FORM) {
-                return this.dataSource.querySelectorAllDeep("input[type='file']");
+                return this.dataSource.matchesSelector(INPUT_FILE) ?
+                    this.dataSource :
+                    this.dataSource.querySelectorAllDeep(INPUT_FILE);
             }
             else {
                 let element = mona_dish_1.DQ.byId(id, true);
-                return this.getFileInputs(element);
+                return element.matchesSelector(INPUT_FILE) ? element : this.getFileInputs(element);
             }
         };
         let inputExists = (item) => {
             return item.isPresent();
         };
         this.isMultipartRequest = mona_dish_1.LazyStream.of(...executes)
-            .map(fetchInput)
+            .map(fetchFileInputs)
             .filter(inputExists)
             .first().isPresent();
     }
@@ -7038,8 +7262,8 @@ class XhrFormData extends mona_dish_1.Config {
             var _a, _b;
             return keyVal.length < 3 ? [(_a = keyVal === null || keyVal === void 0 ? void 0 : keyVal[0]) !== null && _a !== void 0 ? _a : [], (_b = keyVal === null || keyVal === void 0 ? void 0 : keyVal[1]) !== null && _b !== void 0 ? _b : []] : keyVal;
         }
+        //TODO fix files...
         mona_dish_1.Stream.of(...keyValueEntries)
-            //split only the first =
             .map(line => splitToKeyVal(line))
             //special case of having keys without values
             .map(keyVal => fixKeyWithoutVal(keyVal))
@@ -7075,7 +7299,10 @@ class XhrFormData extends mona_dish_1.Config {
         }
         let entries = mona_dish_1.LazyStream.of(...Object.keys(this.value))
             .filter(key => this.value.hasOwnProperty(key))
-            .flatMap(key => mona_dish_1.Stream.of(...this.value[key]).map(val => [key, val]).collect(new mona_dish_1.ArrayCollector()))
+            .flatMap(key => mona_dish_1.Stream.of(...this.value[key]).map(val => [key, val])
+            //we cannot encode file elements that is handled by multipart requests anyway
+            .filter(([, value]) => !(value instanceof ExtDomQuery_1.ExtDomQuery.global().File))
+            .collect(new mona_dish_1.ArrayCollector()))
             .map(keyVal => {
             return `${encodeURIComponent(keyVal[0])}=${encodeURIComponent(keyVal[1])}`;
         })
@@ -7532,31 +7759,32 @@ var oam;
         }
         mona_dish_1.DQ.byId(element).delete();
     };
-    // noinspection JSUnusedGlobalSymbols
+    // noinspection JSUnusedGlobalSymbols,JSUnusedLocalSymbols
     /**
      * does special form submit remapping
      * re-maps the issuing command link into something,
-     * a decode of the command link on the server can understand
+     * the "decode" of the command link on the server can understand
      *
      * @param formName
      * @param linkId
      * @param target
      * @param params
      */
-    oam.submitForm = function (formName, linkId, target, params) {
-        var _a, _b, _c, _d;
+    oam.submitForm = function (formName, linkId = null, target = null, params = {}) {
+        var _a, _b, _c, _d, _e, _f;
+        //handle a possible incoming null, not sure if this is used that way anywhere, but we allow it
+        params = (!params) ? {} : params;
         let clearFn = 'clearFormHiddenParams_' + formName.replace(/-/g, '\$:').replace(/:/g, '_');
         (_a = window === null || window === void 0 ? void 0 : window[clearFn]) === null || _a === void 0 ? void 0 : _a.call(window, formName);
         //autoscroll code
         if (((_d = (_c = (_b = window === null || window === void 0 ? void 0 : window.myfaces) === null || _b === void 0 ? void 0 : _b.core) === null || _c === void 0 ? void 0 : _c.config) === null || _d === void 0 ? void 0 : _d.autoScroll) && (window === null || window === void 0 ? void 0 : window.getScrolling)) {
             myfaces.oam.setHiddenInput(formName, 'autoScroll', window === null || window === void 0 ? void 0 : window.getScrolling());
         }
-        mona_dish_1.Stream.ofAssoc(params).each((param) => {
-            myfaces.oam.setHiddenInput(formName, param[0], param[1]);
-        });
+        let paramsStream = Array.isArray(params) ? mona_dish_1.Stream.of(...params) : mona_dish_1.Stream.ofAssoc(params);
+        paramsStream.each(([key, data]) => myfaces.oam.setHiddenInput(formName, key, data));
         //we call the namespaced function, to allow decoration, via a direct call we would
-        myfaces.oam.setHiddenInput(formName, `${formName}:_idcl`, linkId);
-        mona_dish_1.DQ.byId(document.forms[formName]).each(form => {
+        myfaces.oam.setHiddenInput(formName, `${formName}:_idcl`, linkId !== null && linkId !== void 0 ? linkId : '');
+        mona_dish_1.DQ.byId((_f = (_e = document.forms) === null || _e === void 0 ? void 0 : _e[formName]) !== null && _f !== void 0 ? _f : document.getElementById(formName)).each(form => {
             var _a;
             const ATTR_TARGET = "target";
             const formElement = form.getAsElem(0).value;
@@ -7573,8 +7801,9 @@ var oam;
             }
             finally {
                 form.attr(ATTR_TARGET).value = oldTarget;
-                mona_dish_1.Stream.ofAssoc(params).each((param) => {
-                    myfaces.oam.clearHiddenInput(formName, param[0]);
+                // noinspection JSUnusedLocalSymbols
+                paramsStream.each(([key, data]) => {
+                    myfaces.oam.clearHiddenInput(formName, key);
                 });
                 myfaces.oam.clearHiddenInput(formName, `${formName}:_idcl`);
             }
@@ -7663,6 +7892,17 @@ if (!(window === null || window === void 0 ? void 0 : window.jsf)) {
     window['jsf'] = (_a = window === null || window === void 0 ? void 0 : window.jsf) !== null && _a !== void 0 ? _a : faces;
     window.jsf.specversion = 230000;
     delete window.jsf.contextpath;
+    let faces4Init = faces.push.init;
+    /*
+     * we shim back the breaking api change from 3.0 to 4.0
+     * onerror is gone
+     */
+    faces.push.init = (socketClientId, url, channel, onopen, onmessage, 
+    // no on error api change for 4.0
+    //onerror: Function,
+    onclose, behaviors, autoConnect) => {
+        faces4Init(socketClientId, url, channel, onopen, onmessage, null, onclose, behaviors, autoConnect);
+    };
 }
 if (!((_b = window === null || window === void 0 ? void 0 : window.myfaces) === null || _b === void 0 ? void 0 : _b.ab)) {
     const myfaces = (__webpack_require__(/*! ./_api */ "./src/main/typescript/api/_api.ts").myfaces);