jsf.js_next_gen 4.0.0-RC.2 → 4.0.0-RC.21

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;
 /**
@@ -340,6 +340,12 @@ class DomQuery {
     set val(value) {
         this.inputValue.value = value;
     }
+    get nodeId() {
+        return this.id.value;
+    }
+    set nodeId(value) {
+        this.id.value = value;
+    }
     get checked() {
         return Stream_1.Stream.of(...this.values).allMatch(el => !!el.checked);
     }
@@ -632,6 +638,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 +881,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 +1088,57 @@ class DomQuery {
             return new DomQuery(func());
         }
     }
-    parents(tagName) {
-        const retSet = new Set();
-        const retArr = [];
-        const lowerTagName = tagName.toLowerCase();
-        let resolveItem = (item) => {
-            if ((item.tagName || "").toLowerCase() == lowerTagName && !retSet.has(item)) {
-                retSet.add(item);
-                retArr.push(item);
+    /**
+     * find all parents in the hierarchy for which the selector matches
+     * @param selector
+     */
+    allParents(selector) {
+        let parent = this.parent();
+        let ret = [];
+        while (parent.isPresent()) {
+            if (parent.matchesSelector(selector)) {
+                ret.push(parent);
             }
-        };
+            parent = parent.parent();
+        }
+        return new DomQuery(...ret);
+    }
+    /**
+     * finds the first parent in the hierarchy for which the selector matches
+     * @param selector
+     */
+    firstParent(selector) {
+        let parent = this.parent();
+        while (parent.isPresent()) {
+            if (parent.matchesSelector(selector)) {
+                return parent;
+            }
+            parent = parent.parent();
+        }
+        return DomQuery.absent;
+    }
+    /**
+     * fetches all parents as long as the filter criterium matches
+     * @param selector
+     */
+    parentsWhileMatch(selector) {
+        const retArr = [];
+        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 || item.shadowRoot;
+            if (parent && ret.indexOf(parent) == -1) {
+                ret.push(parent);
             }
         });
-        return new DomQuery(...retArr);
+        return new DomQuery(...ret);
     }
     copyAttrs(sourceItem) {
         sourceItem.eachElem((sourceNode) => {
@@ -1184,7 +1252,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 +1338,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 {
+                    head.append(_toReplace);
                 }
-                else if (item.innerHTML) {
-                    innerText.push(item.innerHTML);
+            }
+            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 +1542,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 +1797,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/
     /**
@@ -2134,7 +2242,7 @@ var Lang;
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.Config = exports.ValueEmbedder = exports.Optional = exports.Monad = void 0;
+exports.Config = exports.CONFIG_ANY = exports.CONFIG_VALUE = exports.ValueEmbedder = exports.Optional = exports.Monad = void 0;
 /**
  * A module which keeps  basic monadish like definitions in place without any sidedependencies to other modules.
  * Useful if you need the functions in another library to keep its dependencies down
@@ -2250,6 +2358,7 @@ class Optional extends Monad {
      * capabilites, unfortunately typesceript does not allow to have its own elvis operator
      * this is some syntactic sugar however which is quite useful*/
     getIf(...key) {
+        key = this.preprocessKeys(...key);
         let currentPos = this;
         for (let cnt = 0; cnt < key.length; cnt++) {
             let currKey = this.keyVal(key[cnt]);
@@ -2378,6 +2487,23 @@ class Optional extends Monad {
             return Optional.absent;
         }
     }
+    preprocessKeys(...keys) {
+        return Stream_1.Stream.of(...keys)
+            .flatMap(item => {
+            return Stream_1.Stream.of(...item.split(/\]\s*\[/gi))
+                .map(item => {
+                item = item.replace(/^\s+|\s+$/g, "");
+                if (item.indexOf("[") == -1 && item.indexOf("]") != -1) {
+                    item = "[" + item;
+                }
+                if (item.indexOf("]") == -1 && item.indexOf("[") != -1) {
+                    item = item + "]";
+                }
+                return item;
+            });
+        })
+            .collect(new SourcesCollectors_1.ArrayCollector());
+    }
 }
 exports.Optional = Optional;
 /*default value for absent*/
@@ -2469,6 +2595,9 @@ class ConfigEntry extends ValueEmbedder {
 }
 /*default value for absent*/
 ConfigEntry.absent = ConfigEntry.fromNullable(null);
+exports.CONFIG_VALUE = "__END_POINT__";
+exports.CONFIG_ANY = "__ANY_POINT__";
+const ALL_VALUES = "*";
 /**
  * Config, basically an optional wrapper for a json structure
  * (not sideeffect free, since we can alter the internal config state
@@ -2476,8 +2605,9 @@ ConfigEntry.absent = ConfigEntry.fromNullable(null);
  * since this would swallow a lot of performane and ram
  */
 class Config extends Optional {
-    constructor(root) {
+    constructor(root, configDef) {
         super(root);
+        this.configDef = configDef;
     }
     /**
      * shallow copy getter, copies only the first level, references the deeper nodes
@@ -2510,6 +2640,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;
@@ -2542,10 +2675,11 @@ class Config extends Optional {
         if (noKeys) {
             return;
         }
+        this.assertAccessPath(...accessPath);
         let lastKey = accessPath[accessPath.length - 1];
         let currKey, finalKey = this.keyVal(lastKey);
         let pathExists = this.getIf(...accessPath).isPresent();
-        this.buildPath(accessPath);
+        this.buildPath(...accessPath);
         let finalKeyArrPos = this.arrayIndex(lastKey);
         if (finalKeyArrPos > -1) {
             throw Error("Append only possible on non array properties, use assign on indexed data");
@@ -2581,7 +2715,8 @@ class Config extends Optional {
         if (accessPath.length < 1) {
             return;
         }
-        this.buildPath(accessPath);
+        this.assertAccessPath(...accessPath);
+        this.buildPath(...accessPath);
         let currKey = this.keyVal(accessPath[accessPath.length - 1]);
         let arrPos = this.arrayIndex(accessPath[accessPath.length - 1]);
         let retVal = new ConfigEntry(accessPath.length == 1 ? this.value : this.getIf.apply(this, accessPath.slice(0, accessPath.length - 1)).value, currKey, arrPos);
@@ -2602,6 +2737,7 @@ class Config extends Optional {
      * @param accessPath the access path
      */
     getIf(...accessPath) {
+        this.assertAccessPath(...accessPath);
         return this.getClass().fromNullable(super.getIf.apply(this, accessPath).value);
     }
     /**
@@ -2630,12 +2766,67 @@ class Config extends Optional {
     setVal(val) {
         this._value = val;
     }
+    /**
+     * asserts the access path for a semy typed access
+      * @param accessPath
+     * @private
+     */
+    assertAccessPath(...accessPath) {
+        var _a, _b;
+        accessPath = this.preprocessKeys(...accessPath);
+        if (!this.configDef) {
+            //untyped
+            return;
+        }
+        let currAccessPos = null;
+        const ERR_ACCESS_PATH = "Access Path to config invalid";
+        const ABSENT = "__ABSENT__";
+        currAccessPos = this.configDef;
+        for (let cnt = 0; cnt < accessPath.length; cnt++) {
+            let currKey = this.keyVal(accessPath[cnt]);
+            let arrPos = this.arrayIndex(accessPath[cnt]);
+            //key index
+            if (this.isArray(arrPos)) {
+                if (currKey != "") {
+                    currAccessPos = (Array.isArray(currAccessPos)) ?
+                        Stream_1.Stream.of(...currAccessPos)
+                            .filter(item => { var _a; return !!((_a = item === null || item === void 0 ? void 0 : item[currKey]) !== null && _a !== void 0 ? _a : false); })
+                            .map(item => item === null || item === void 0 ? void 0 : item[currKey]).first() :
+                        Optional.fromNullable((_a = currAccessPos === null || currAccessPos === void 0 ? void 0 : currAccessPos[currKey]) !== null && _a !== void 0 ? _a : null);
+                }
+                else {
+                    currAccessPos = (Array.isArray(currAccessPos)) ?
+                        Stream_1.Stream.of(...currAccessPos)
+                            .filter(item => Array.isArray(item))
+                            .flatMap(item => Stream_1.Stream.of(...item)).first() : Optional.absent;
+                }
+                //we noe store either the current array or the filtered look ahead to go further
+            }
+            else {
+                //we now have an array and go further with a singular key
+                currAccessPos = (Array.isArray(currAccessPos)) ? Stream_1.Stream.of(...currAccessPos)
+                    .filter(item => { var _a; return !!((_a = item === null || item === void 0 ? void 0 : item[currKey]) !== null && _a !== void 0 ? _a : false); })
+                    .map(item => item === null || item === void 0 ? void 0 : item[currKey])
+                    .first() :
+                    Optional.fromNullable((_b = currAccessPos === null || currAccessPos === void 0 ? void 0 : currAccessPos[currKey]) !== null && _b !== void 0 ? _b : null);
+            }
+            if (!currAccessPos.isPresent()) {
+                throw Error(ERR_ACCESS_PATH);
+            }
+            currAccessPos = currAccessPos.value;
+            //no further testing needed, from this point onwards we are on our own
+            if (currAccessPos == exports.CONFIG_ANY) {
+                return;
+            }
+        }
+    }
     /**
      * builds the config path
      *
      * @param accessPath a sequential array of accessPath containing either a key name or an array reference name[<index>]
      */
-    buildPath(accessPath) {
+    buildPath(...accessPath) {
+        accessPath = this.preprocessKeys(...accessPath);
         let val = this;
         let parentVal = this.getClass().fromNullable(null);
         let parentPos = -1;
@@ -2649,7 +2840,7 @@ class Config extends Optional {
         for (let cnt = 0; cnt < accessPath.length; cnt++) {
             let currKey = this.keyVal(accessPath[cnt]);
             let arrPos = this.arrayIndex(accessPath[cnt]);
-            if (currKey === "" && arrPos >= 0) {
+            if (this.isArrayPos(currKey, arrPos)) {
                 val.setVal((val.value instanceof Array) ? val.value : []);
                 alloc(val.value, arrPos + 1);
                 if (parentPos >= 0) {
@@ -2661,7 +2852,7 @@ class Config extends Optional {
                 continue;
             }
             let tempVal = val.getIf(currKey);
-            if (arrPos == -1) {
+            if (this.isNoArray(arrPos)) {
                 if (tempVal.isAbsent()) {
                     tempVal = this.getClass().fromNullable(val.value[currKey] = {});
                 }
@@ -2681,6 +2872,15 @@ class Config extends Optional {
         }
         return this;
     }
+    isNoArray(arrPos) {
+        return arrPos == -1;
+    }
+    isArray(arrPos) {
+        return !this.isNoArray(arrPos);
+    }
+    isArrayPos(currKey, arrPos) {
+        return currKey === "" && arrPos >= 0;
+    }
 }
 exports.Config = Config;
 
@@ -2711,7 +2911,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 +3218,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 +3568,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 +3587,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;
@@ -3652,7 +3867,7 @@ exports.XQ = XMLQuery;
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.QueryFormDataCollector = exports.FormDataCollector = exports.AssocArrayCollector = exports.ArrayCollector = exports.QueryFormStringCollector = exports.SequenceDataSource = exports.FlatMapStreamDataSource = exports.FilteredStreamDatasource = exports.MappedStreamDataSource = exports.ArrayStreamDataSource = exports.LazyStream = exports.Stream = exports.XQ = exports.XMLQuery = exports.ValueEmbedder = exports.Optional = exports.Monad = exports.Config = exports.Lang = exports.DQ$ = exports.DQ = exports.DomQueryCollector = exports.ElementAttribute = exports.DomQuery = void 0;
+exports.QueryFormDataCollector = exports.FormDataCollector = exports.AssocArrayCollector = exports.ArrayCollector = exports.QueryFormStringCollector = exports.SequenceDataSource = exports.FlatMapStreamDataSource = exports.FilteredStreamDatasource = exports.MappedStreamDataSource = exports.ArrayStreamDataSource = exports.LazyStream = exports.Stream = exports.XQ = exports.XMLQuery = exports.ValueEmbedder = exports.Optional = exports.Monad = exports.CONFIG_ANY = exports.CONFIG_VALUE = exports.Config = exports.Lang = exports.DQ$ = exports.DQ = exports.DomQueryCollector = exports.ElementAttribute = exports.DomQuery = void 0;
 /*!
  * Licensed to the Apache Software Foundation (ASF) under one
  * or more contributor license agreements.  See the NOTICE file
@@ -3681,6 +3896,8 @@ var Lang_1 = __webpack_require__(/*! ./Lang */ "./node_modules/mona-dish/src/mai
 Object.defineProperty(exports, "Lang", ({ enumerable: true, get: function () { return Lang_1.Lang; } }));
 var Monad_1 = __webpack_require__(/*! ./Monad */ "./node_modules/mona-dish/src/main/typescript/Monad.ts");
 Object.defineProperty(exports, "Config", ({ enumerable: true, get: function () { return Monad_1.Config; } }));
+Object.defineProperty(exports, "CONFIG_VALUE", ({ enumerable: true, get: function () { return Monad_1.CONFIG_VALUE; } }));
+Object.defineProperty(exports, "CONFIG_ANY", ({ enumerable: true, get: function () { return Monad_1.CONFIG_ANY; } }));
 Object.defineProperty(exports, "Monad", ({ enumerable: true, get: function () { return Monad_1.Monad; } }));
 Object.defineProperty(exports, "Optional", ({ enumerable: true, get: function () { return Monad_1.Optional; } }));
 Object.defineProperty(exports, "ValueEmbedder", ({ enumerable: true, get: function () { return Monad_1.ValueEmbedder; } }));
@@ -3951,17 +4168,18 @@ var myfaces;
      * @param options
      */
     function ab(source, event, eventName, execute, render, options = {}) {
-        var _a;
+        var _a, _b;
         if (eventName) {
-            options[(0, Const_1.$nsp)(Const_1.P_BEHAVIOR_EVENT)] = eventName;
+            options[Const_1.CTX_OPTIONS_PARAMS] = (_a = options === null || options === void 0 ? void 0 : options[Const_1.CTX_OPTIONS_PARAMS]) !== null && _a !== void 0 ? _a : {};
+            options[Const_1.CTX_OPTIONS_PARAMS][(0, Const_1.$nsp)(Const_1.P_BEHAVIOR_EVENT)] = eventName;
         }
         if (execute) {
-            options[Const_1.CTX_PARAM_EXECUTE] = execute;
+            options[Const_1.CTX_OPTIONS_EXECUTE] = execute;
         }
         if (render) {
             options[Const_1.CTX_PARAM_RENDER] = render;
         }
-        ((_a = window === null || window === void 0 ? void 0 : window.faces) !== null && _a !== void 0 ? _a : window.jsf).ajax.request(source, event, options);
+        ((_b = window === null || window === void 0 ? void 0 : window.faces) !== null && _b !== void 0 ? _b : window.jsf).ajax.request(source, event, options);
     }
     myfaces.ab = ab;
     /**
@@ -4031,7 +4249,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
@@ -4183,7 +4403,9 @@ var Implementation;
      */
     function request(el, event, opts) {
         var _a, _b, _c;
-        const { resolvedEvent, options, elem, elementId, requestCtx, internalCtx, windowId, isResetValues } = (0, RequestDataResolver_1.resolveDefaults)(event, opts, el);
+        const { options, elem, elementId, windowId, isResetValues } = (0, RequestDataResolver_1.resolveDefaults)(event, opts, el);
+        const requestCtx = new ExtDomQuery_1.ExtConfig({});
+        const internalCtx = new ExtDomQuery_1.ExtConfig({});
         Assertions_1.Assertions.assertRequestIntegrity(options, elem);
         /**
          * fetch the parent form
@@ -4192,18 +4414,30 @@ var Implementation;
          * so that people can use dummy forms and work
          * with detached objects
          */
-        const form = (0, RequestDataResolver_1.resolveForm)(requestCtx, elem, resolvedEvent);
+        const form = (0, RequestDataResolver_1.resolveForm)(elem, event);
+        const viewId = (0, RequestDataResolver_1.resolveViewId)(form);
         const formId = form.id.value;
         const delay = (0, RequestDataResolver_1.resolveDelay)(options);
         const timeout = (0, RequestDataResolver_1.resolveTimeout)(options);
         requestCtx.assignIf(!!windowId, Const_1.P_WINDOW_ID).value = windowId;
-        requestCtx.assign(Const_1.CTX_PARAM_PASS_THR).value = filterPassThroughValues(options.value);
-        requestCtx.assignIf(!!resolvedEvent, Const_1.CTX_PARAM_PASS_THR, Const_1.P_EVT).value = resolvedEvent === null || resolvedEvent === void 0 ? void 0 : resolvedEvent.type;
+        // old non spec behavior will be removed after it is clear whether the removal breaks any code
+        requestCtx.assign(Const_1.CTX_PARAM_REQ_PASS_THR).value = extractLegacyParams(options.value);
+        // spec conform behavior, all passthrough params must be under "passthrough
+        const params = remapArrayToAssocArr(options.getIf(Const_1.CTX_OPTIONS_PARAMS).orElse({}).value);
+        //we turn off the remapping for the param merge, because we do not want to have
+        //any namespacing to be remapped
+        let ctxPassthrough = requestCtx.getIf(Const_1.CTX_PARAM_REQ_PASS_THR);
+        ctxPassthrough.$nspEnabled = false;
+        ctxPassthrough.shallowMerge(new mona_dish_1.Config(params), true);
+        //now we turn it on again
+        ctxPassthrough.$nspEnabled = true;
+        requestCtx.assignIf(!!event, Const_1.CTX_PARAM_REQ_PASS_THR, Const_1.P_EVT).value = event === null || event === void 0 ? void 0 : event.type;
         /**
          * ajax pass through context with the source
          * onresolved Event and onerror Event
          */
         requestCtx.assign(Const_1.SOURCE).value = elementId;
+        requestCtx.assign(Const_1.VIEW_ID).value = viewId;
         /**
          * on resolvedEvent and onError...
          * those values will be traversed later on
@@ -4218,11 +4452,11 @@ var Implementation;
         /**
          * binding contract the jakarta.faces.source must be set
          */
-        requestCtx.assign(Const_1.CTX_PARAM_PASS_THR, Const_1.P_PARTIAL_SOURCE).value = elementId;
+        requestCtx.assign(Const_1.CTX_PARAM_REQ_PASS_THR, Const_1.P_PARTIAL_SOURCE).value = elementId;
         /**
          * jakarta.faces.partial.ajax must be set to true
          */
-        requestCtx.assign(Const_1.CTX_PARAM_PASS_THR, Const_1.P_AJAX).value = true;
+        requestCtx.assign(Const_1.CTX_PARAM_REQ_PASS_THR, Const_1.P_AJAX).value = true;
         /**
          * if resetValues is set to true
          * then we have to set jakarta.faces.resetValues as well
@@ -4230,7 +4464,7 @@ var Implementation;
          * the value has to be explicitly true, according to
          * the specs jsdoc
          */
-        requestCtx.assignIf(isResetValues, Const_1.CTX_PARAM_PASS_THR, Const_1.P_RESET_VALUES).value = true;
+        requestCtx.assignIf(isResetValues, Const_1.CTX_PARAM_REQ_PASS_THR, Const_1.P_RESET_VALUES).value = true;
         // additional meta information to speed things up, note internal non jsf
         // pass through options are stored under _mfInternal in the context
         internalCtx.assign(Const_1.CTX_PARAM_SRC_FRM_ID).value = formId;
@@ -4239,9 +4473,8 @@ var Implementation;
         // mojarra under blackbox conditions.
         // I assume it does the same as our formId_submit=1 so leaving it out
         // won't hurt but for the sake of compatibility we are going to add it
-        requestCtx.assign(Const_1.CTX_PARAM_PASS_THR, formId).value = formId;
+        requestCtx.assign(Const_1.CTX_PARAM_REQ_PASS_THR, formId).value = formId;
         internalCtx.assign(Const_1.CTX_PARAM_SRC_CTL_ID).value = elementId;
-        internalCtx.assign(Const_1.CTX_PARAM_TR_TYPE).value = Const_1.REQ_TYPE_POST;
         assignClientWindowId(form, requestCtx);
         assignExecute(options, requestCtx, form, elementId);
         assignRender(options, requestCtx, form, elementId);
@@ -4414,7 +4647,7 @@ var Implementation;
          *  because it makes it easier to detect bugs
          */
         let element = mona_dish_1.DQ.byId(form, true);
-        if (!element.isTag(Const_1.TAG_FORM)) {
+        if (!element.isTag(Const_1.HTML_TAG_FORM)) {
             throw new Error(getMessage("ERR_VIEWSTATE"));
         }
         let formData = new XhrFormData_1.XhrFormData(element);
@@ -4452,7 +4685,7 @@ var Implementation;
      */
     function assignRender(requestOptions, targetContext, issuingForm, sourceElementId) {
         if (requestOptions.getIf(Const_1.CTX_PARAM_RENDER).isPresent()) {
-            remapDefaultConstants(targetContext.getIf(Const_1.CTX_PARAM_PASS_THR).get({}), Const_1.P_RENDER, requestOptions.getIf(Const_1.CTX_PARAM_RENDER).value, issuingForm, sourceElementId);
+            remapDefaultConstants(targetContext.getIf(Const_1.CTX_PARAM_REQ_PASS_THR).get({}), Const_1.P_RENDER, requestOptions.getIf(Const_1.CTX_PARAM_RENDER).value, issuingForm, sourceElementId, targetContext.getIf(Const_1.VIEW_ID).value);
         }
     }
     /**
@@ -4468,16 +4701,16 @@ var Implementation;
      * @param sourceElementId the executing element triggering the faces.ajax.request (id of it)
      */
     function assignExecute(requestOptions, targetContext, issuingForm, sourceElementId) {
-        if (requestOptions.getIf(Const_1.CTX_PARAM_EXECUTE).isPresent()) {
+        if (requestOptions.getIf(Const_1.CTX_OPTIONS_EXECUTE).isPresent()) {
             /*the options must be a blank delimited list of strings*/
             /*compliance with Mojarra which automatically adds @this to an execute
              * the spec rev 2.0a however states, if none is issued nothing at all should be sent down
              */
-            requestOptions.assign(Const_1.CTX_PARAM_EXECUTE).value = [requestOptions.getIf(Const_1.CTX_PARAM_EXECUTE).value, Const_1.IDENT_THIS].join(" ");
-            remapDefaultConstants(targetContext.getIf(Const_1.CTX_PARAM_PASS_THR).get({}), Const_1.P_EXECUTE, requestOptions.getIf(Const_1.CTX_PARAM_EXECUTE).value, issuingForm, sourceElementId);
+            requestOptions.assign(Const_1.CTX_OPTIONS_EXECUTE).value = [requestOptions.getIf(Const_1.CTX_OPTIONS_EXECUTE).value, Const_1.IDENT_THIS].join(" ");
+            remapDefaultConstants(targetContext.getIf(Const_1.CTX_PARAM_REQ_PASS_THR).get({}), Const_1.P_EXECUTE, requestOptions.getIf(Const_1.CTX_OPTIONS_EXECUTE).value, issuingForm, sourceElementId, targetContext.getIf(Const_1.VIEW_ID).value);
         }
         else {
-            targetContext.assign(Const_1.CTX_PARAM_PASS_THR, Const_1.P_EXECUTE).value = sourceElementId;
+            targetContext.assign(Const_1.CTX_PARAM_REQ_PASS_THR, Const_1.P_EXECUTE).value = sourceElementId;
         }
     }
     /**
@@ -4487,16 +4720,15 @@ var Implementation;
      * @param targetContext the target context receiving the value
      */
     function assignClientWindowId(form, targetContext) {
-        var _a;
-        let clientWindow = ((_a = window === null || window === void 0 ? void 0 : window.faces) !== null && _a !== void 0 ? _a : window === null || window === void 0 ? void 0 : window.jsf).getClientWindow(form.getAsElem(0).value);
+        let clientWindow = (0, Const_1.$faces)().getClientWindow(form.getAsElem(0).value);
         if (clientWindow) {
-            targetContext.assign(Const_1.CTX_PARAM_PASS_THR, Const_1.P_CLIENT_WINDOW).value = clientWindow;
+            targetContext.assign(Const_1.CTX_PARAM_REQ_PASS_THR, Const_1.P_CLIENT_WINDOW).value = clientWindow;
         }
     }
     /**
      * transforms the user values to the expected one
      * with the proper none all form and this handling
-     * (note we also could use a simple string replace but then
+     * (note we also could use a simple string replace, but then
      * we would have had double entries under some circumstances)
      *
      * there are several standardized constants which need a special treatment
@@ -4507,12 +4739,58 @@ var Implementation;
      * @param userValues the passed user values (aka input string which needs to be transformed)
      * @param issuingForm the form where the issuing element originates
      * @param issuingElementId the issuing element
+     * @param rootNamingContainerId the naming container id ("" default if none is given)
      */
-    function remapDefaultConstants(targetConfig, targetKey, userValues, issuingForm, issuingElementId) {
+    function remapDefaultConstants(targetConfig, targetKey, userValues, issuingForm, issuingElementId, rootNamingContainerId = "") {
         //a cleaner implementation of the transform list method
+        const SEP = (0, Const_1.$faces)().separatorchar;
         let iterValues = (userValues) ? trim(userValues).split(/\s+/gi) : [];
         let ret = [];
         let processed = {};
+        /**
+         * remaps the client ids for the portlet case so that the server
+         * can deal with them either prefixed ir not
+         * also resolves the absolute id case (it was assumed the server does this, but
+         * apparently the RI does not, so we have to follow the RI behavior here)
+         * @param componentIdToTransform the componentId which needs post processing
+         */
+        const remapNamingContainer = componentIdToTransform => {
+            // pattern :<anything> must be prepended by viewRoot if there is one,
+            // otherwise we are in a not namespaced then only the id has to match
+            const rootNamingContainerPrefix = (rootNamingContainerId.length) ? rootNamingContainerId + SEP : Const_1.EMPTY_STR;
+            let formClientId = issuingForm.id.value;
+            // nearest parent naming container relative to the form
+            const nearestNamingContainer = formClientId.substring(0, formClientId.lastIndexOf(SEP));
+            const nearestNamingContainerPrefix = (nearestNamingContainer.length) ? nearestNamingContainer + SEP : Const_1.EMPTY_STR;
+            // Absolute search expressions, always start with SEP or the name of the root naming container
+            const hasLeadingSep = componentIdToTransform.indexOf(SEP) === 0;
+            const isAbsolutSearchExpr = hasLeadingSep || (rootNamingContainerId.length
+                && componentIdToTransform.indexOf(rootNamingContainerPrefix) == 0);
+            let finalIdentifier = "";
+            if (isAbsolutSearchExpr) {
+                //we cut off the leading sep if there is one
+                componentIdToTransform = hasLeadingSep ? componentIdToTransform.substring(1) : componentIdToTransform;
+                componentIdToTransform = componentIdToTransform.indexOf(rootNamingContainerPrefix) == 0 ? componentIdToTransform.substring(rootNamingContainerPrefix.length) : componentIdToTransform;
+                //now we prepend either the prefix or "" from the cut-off string to get the final result
+                finalIdentifier = [rootNamingContainerPrefix, componentIdToTransform].join(Const_1.EMPTY_STR);
+            }
+            else { //relative search according to the javadoc
+                //we cut off the root naming container id from the form
+                if (formClientId.indexOf(rootNamingContainerPrefix) == 0) {
+                    formClientId = formClientId.substring(rootNamingContainerPrefix.length);
+                }
+                //If prependId = true, the outer form id must be present in the id if same form
+                let hasPrependId = componentIdToTransform.indexOf(formClientId) == 0;
+                finalIdentifier = hasPrependId ?
+                    [rootNamingContainerPrefix, componentIdToTransform].join(Const_1.EMPTY_STR) :
+                    [nearestNamingContainerPrefix, componentIdToTransform].join(Const_1.EMPTY_STR);
+            }
+            // We need to double check because we have scenarios where we have a naming container
+            // and no prepend (aka tobago testcase "must handle ':' in IDs properly", scenario 3,
+            // in this case we return the component id, and be happy
+            // we can roll a dom check here
+            return (!!document.getElementById(finalIdentifier)) ? finalIdentifier : componentIdToTransform;
+        };
         // in this case we do not use lazy stream because it wont bring any code reduction
         // or speedup
         for (let cnt = 0; cnt < iterValues.length; cnt++) {
@@ -4530,38 +4808,49 @@ var Implementation;
                     return targetConfig;
                 //@form pushes the issuing form id into our list
                 case Const_1.IDENT_FORM:
-                    ret.push(issuingForm.id.value);
+                    ret.push(remapNamingContainer(issuingForm.id.value));
                     processed[issuingForm.id.value] = true;
                     break;
                 //@this is replaced with the current issuing element id
                 case Const_1.IDENT_THIS:
                     if (!(issuingElementId in processed)) {
-                        ret.push(issuingElementId);
+                        ret.push(remapNamingContainer(issuingElementId));
                         processed[issuingElementId] = true;
                     }
                     break;
                 default:
-                    ret.push(iterValues[cnt]);
+                    ret.push(remapNamingContainer(iterValues[cnt]));
                     processed[iterValues[cnt]] = true;
             }
         }
-        //We now add the target as joined list
         targetConfig.assign(targetKey).value = ret.join(" ");
         return targetConfig;
     }
     /**
      * Filter the options given with a blacklist, so that only
-     * the values required for pass-through are processed in the ajax request
+     * the values required for params-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 whether removing
+     * it breaks any legacy code
      *
      * @param {Context} mappedOpts the options to be filtered
+     * @deprecated
      */
-    function filterPassThroughValues(mappedOpts) {
+    function extractLegacyParams(mappedOpts) {
         //we now can use the full code reduction given by our stream api
         //to filter
         return mona_dish_1.Stream.ofAssoc(mappedOpts)
             .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 : {};
@@ -4886,15 +5175,17 @@ 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.DELAY_NONE = exports.CTX_OPTIONS_DELAY = exports.CTX_OPTIONS_PARAMS = 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_OVERRIDE = 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.VIEW_ID = exports.PARTIAL_ID = exports.P_PARTIAL_SOURCE = void 0;
+exports.UPDATE_FORMS = exports.XML_TAG_ATTR = exports.XML_TAG_AFTER = exports.XML_TAG_BEFORE = exports.XML_TAG_REDIRECT = exports.XML_TAG_EXTENSION = exports.XML_TAG_ATTRIBUTES = exports.XML_TAG_ERROR = exports.XML_TAG_EVAL = exports.XML_TAG_INSERT = exports.XML_TAG_DELETE = exports.XML_TAG_UPDATE = exports.XML_TAG_CHANGES = exports.XML_TAG_PARTIAL_RESP = 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.HTML_TAG_STYLE = exports.HTML_TAG_SCRIPT = exports.HTML_TAG_LINK = exports.HTML_TAG_BODY = exports.HTML_TAG_FORM = exports.HTML_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.CTX_PARAM_REQ_PASS_THR = exports.CTX_PARAM_SRC_CTL_ID = exports.CTX_PARAM_SRC_FRM_ID = exports.CTX_PARAM_MF_INTERNAL = exports.CTX_OPTIONS_EXECUTE = exports.CTX_OPTIONS_RESET = exports.CTX_OPTIONS_TIMEOUT = void 0;
+exports.$nsp = exports.$faces = exports.UNKNOWN = exports.MAX_RECONNECT_ATTEMPTS = exports.RECONNECT_INTERVAL = exports.APPLIED_CLIENT_WINDOW = exports.APPLIED_VST = exports.REASON_EXPIRED = exports.MF_NONE = exports.MYFACES = exports.DEFERRED_HEAD_INSERTS = exports.UPDATE_ELEMS = void 0;
 /*
  * [export const] constants
  */
 exports.P_PARTIAL_SOURCE = "jakarta.faces.source";
 exports.PARTIAL_ID = "partialId";
+exports.VIEW_ID = "myfaves.viewId";
 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";
@@ -4904,7 +5195,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";
@@ -4913,8 +5205,9 @@ exports.IDENT_FORM = "@form";
 exports.P_AJAX = "jakarta.faces.partial.ajax";
 exports.P_EXECUTE = "jakarta.faces.partial.execute";
 exports.P_RENDER = "jakarta.faces.partial.render";
+/*render override for viewbody or viewroot, in both cases an all is performed*/
+exports.P_RENDER_OVERRIDE = "_myfaces.rendeOverride";
 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";
@@ -4942,16 +5235,16 @@ exports.MALFORMEDXML = "malformedXML";
 exports.SERVER_ERROR = "serverError";
 exports.CLIENT_ERROR = "clientError";
 exports.TIMEOUT_EVENT = "timeout";
-exports.CTX_PARAM_MF_INTERNAL = "_mfInternal";
-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_DELAY = "delay";
-exports.CTX_PARAM_TIMEOUT = "timeout";
-exports.CTX_PARAM_RST = "resetValues";
-exports.CTX_PARAM_EXECUTE = "execute";
-exports.STAGE_DEVELOPMENT = "Development";
+exports.CTX_OPTIONS_PARAMS = "params";
+exports.CTX_OPTIONS_DELAY = "delay";
+exports.DELAY_NONE = 'none';
+exports.CTX_OPTIONS_TIMEOUT = "timeout";
+exports.CTX_OPTIONS_RESET = "resetValues";
+exports.CTX_OPTIONS_EXECUTE = "execute";
+exports.CTX_PARAM_MF_INTERNAL = "myfaces.internal";
+exports.CTX_PARAM_SRC_FRM_ID = "myfaces.source.formId";
+exports.CTX_PARAM_SRC_CTL_ID = "myfaces.source.controlId";
+exports.CTX_PARAM_REQ_PASS_THR = "myfaces.request.passThrough";
 exports.CONTENT_TYPE = "Content-Type";
 exports.HEAD_FACES_REQ = "Faces-Request";
 exports.REQ_ACCEPT = "Accept";
@@ -4966,12 +5259,12 @@ 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_BEFORE = "before";
-exports.TAG_AFTER = "after";
-exports.TAG_ATTR = "attribute";
+exports.HTML_TAG_HEAD = "HEAD";
+exports.HTML_TAG_FORM = "FORM";
+exports.HTML_TAG_BODY = "BODY";
+exports.HTML_TAG_LINK = "LINK";
+exports.HTML_TAG_SCRIPT = "SCRIPT";
+exports.HTML_TAG_STYLE = "STYLE";
 exports.SEL_VIEWSTATE_ELEM = "[name='" + exports.P_VIEWSTATE + "']";
 exports.SEL_CLIENT_WINDOW_ELEM = "[name='" + exports.P_CLIENT_WINDOW + "']";
 exports.SEL_RESPONSE_XML = "responseXML";
@@ -4982,29 +5275,31 @@ exports.ATTR_NAME = "name";
 exports.ATTR_VALUE = "value";
 exports.ATTR_ID = "id";
 /*partial response types*/
-exports.RESP_PARTIAL = "partial-response";
+exports.XML_TAG_PARTIAL_RESP = "partial-response";
 /*partial commands*/
-exports.CMD_CHANGES = "changes";
-exports.CMD_UPDATE = "update";
-exports.CMD_DELETE = "delete";
-exports.CMD_INSERT = "insert";
-exports.CMD_EVAL = "eval";
-exports.CMD_ERROR = "error";
-exports.CMD_ATTRIBUTES = "attributes";
-exports.CMD_EXTENSION = "extension";
-exports.CMD_REDIRECT = "redirect";
+exports.XML_TAG_CHANGES = "changes";
+exports.XML_TAG_UPDATE = "update";
+exports.XML_TAG_DELETE = "delete";
+exports.XML_TAG_INSERT = "insert";
+exports.XML_TAG_EVAL = "eval";
+exports.XML_TAG_ERROR = "error";
+exports.XML_TAG_ATTRIBUTES = "attributes";
+exports.XML_TAG_EXTENSION = "extension";
+exports.XML_TAG_REDIRECT = "redirect";
+exports.XML_TAG_BEFORE = "before";
+exports.XML_TAG_AFTER = "after";
+exports.XML_TAG_ATTR = "attribute";
 /*other constants*/
-exports.UPDATE_FORMS = "_updateForms";
-exports.UPDATE_ELEMS = "_updateElems";
+exports.UPDATE_FORMS = "myfaces.updateForms";
+exports.UPDATE_ELEMS = "myfaces.updateElems";
 //we want the head elements to be processed before we process the body
 //but after the inner html is done
-exports.DEFERRED_HEAD_INSERTS = "_headElems";
+exports.DEFERRED_HEAD_INSERTS = "myfaces.headElems";
 exports.MYFACES = "myfaces";
-exports.SEL_SCRIPTS_STYLES = "script, style, link";
 exports.MF_NONE = "__mf_none__";
 exports.REASON_EXPIRED = "Expired";
-exports.APPLIED_VST = "appliedViewState";
-exports.APPLIED_CLIENT_WINDOW = "appliedClientWindow";
+exports.APPLIED_VST = "myfaces.appliedViewState";
+exports.APPLIED_CLIENT_WINDOW = "myfaces.appliedClientWindow";
 exports.RECONNECT_INTERVAL = 500;
 exports.MAX_RECONNECT_ATTEMPTS = 25;
 exports.UNKNOWN = "UNKNOWN";
@@ -5015,6 +5310,11 @@ exports.UNKNOWN = "UNKNOWN";
  * To take the compatibility layer out this method just has to be
  * changed to a simple value passthrough
  */
+function $faces() {
+    var _a;
+    return ((_a = window === null || window === void 0 ? void 0 : window.faces) !== null && _a !== void 0 ? _a : window === null || window === void 0 ? void 0 : window.jsf);
+}
+exports.$faces = $faces;
 function $nsp(inputNamespace) {
     if ((!inputNamespace) || !(inputNamespace === null || inputNamespace === void 0 ? void 0 : inputNamespace.replace)) {
         return inputNamespace;
@@ -5220,10 +5520,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
@@ -5238,12 +5536,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;
@@ -5254,7 +5552,7 @@ var Assertions;
     function assertValidXMLResponse(responseXML) {
         assert(!responseXML.isAbsent(), Const_1.EMPTY_RESPONSE, Const_1.PHASE_PROCESS_RESPONSE);
         assert(!responseXML.isXMLParserError(), responseXML.parserErrorText(Const_1.EMPTY_STR), Const_1.PHASE_PROCESS_RESPONSE);
-        assert(responseXML.querySelectorAll(Const_1.RESP_PARTIAL).isPresent(), Const_1.ERR_NO_PARTIAL_RESPONSE, Const_1.PHASE_PROCESS_RESPONSE);
+        assert(responseXML.querySelectorAll(Const_1.XML_TAG_PARTIAL_RESP).isPresent(), Const_1.ERR_NO_PARTIAL_RESPONSE, Const_1.PHASE_PROCESS_RESPONSE);
     }
     Assertions.assertValidXMLResponse = assertValidXMLResponse;
     /**
@@ -5272,7 +5570,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;
     /*
@@ -5295,6 +5593,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 = {}));
 
 
@@ -5610,8 +5915,8 @@ class ExtDomQuery extends mona_dish_1.DQ {
                 return true;
             }
             let reference = element.attr("href")
-                .orElse(element.attr("src").value)
-                .orElse(element.attr("rel").value);
+                .orElseLazy(() => element.attr("src").value)
+                .orElseLazy(() => element.attr("rel").value);
             if (!reference.isPresent()) {
                 return true;
             }
@@ -5649,6 +5954,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;
@@ -5659,6 +5967,7 @@ exports.ExtDQ = ExtDomQuery;
 class ExtConfig extends mona_dish_1.Config {
     constructor(root) {
         super(root);
+        this.$nspEnabled = true;
     }
     assignIf(condition, ...accessPath) {
         const accessPathMapped = this.remap(accessPath);
@@ -5715,12 +6024,93 @@ class ExtConfig extends mona_dish_1.Config {
      * @private returns an array of access paths with version remapped namespaces
      */
     remap(accessPath) {
+        if (!this.$nspEnabled) {
+            return accessPath;
+        }
         return mona_dish_1.Stream.of(...accessPath).map(key => (0, Const_1.$nsp)(key)).collect(new mona_dish_1.ArrayCollector());
     }
 }
 exports.ExtConfig = ExtConfig;
 
 
+/***/ }),
+
+/***/ "./src/main/typescript/impl/util/HiddenInputBuilder.ts":
+/*!*************************************************************!*\
+  !*** ./src/main/typescript/impl/util/HiddenInputBuilder.ts ***!
+  \*************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+
+/*! Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to you under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ */
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.HiddenInputBuilder = void 0;
+const mona_dish_1 = __webpack_require__(/*! mona-dish */ "./node_modules/mona-dish/src/main/typescript/index_core.ts");
+const Const_1 = __webpack_require__(/*! ../core/Const */ "./src/main/typescript/impl/core/Const.ts");
+/**
+ * Builder for hidden inputs.
+ * ATM only ViewState and Client window
+ * are supported (per spec)
+ *
+ * Improves readability in the response processor!
+ */
+class HiddenInputBuilder {
+    constructor(selector) {
+        this.selector = selector;
+        const isViewState = selector.indexOf((0, Const_1.$nsp)(Const_1.P_VIEWSTATE)) != -1;
+        this.name = isViewState ? Const_1.P_VIEWSTATE : Const_1.P_CLIENT_WINDOW;
+        this.template = isViewState ? Const_1.HTML_VIEWSTATE : Const_1.HTML_CLIENT_WINDOW;
+    }
+    withNamingContainerId(namingContainer) {
+        this.namingContainerId = namingContainer;
+        return this;
+    }
+    withParent(parent) {
+        this.parent = parent;
+        return this;
+    }
+    build() {
+        var _a, _b, _c;
+        const SEP = (0, Const_1.$faces)().separatorchar;
+        let existingStates = (0, mona_dish_1.DQ$)(`[name*='${(0, Const_1.$nsp)(this.name)}']`);
+        let cnt = existingStates.stream.map(state => {
+            let ident = state.id.orElse("-1").value;
+            ident = ident.substring(ident.lastIndexOf(SEP) + 1);
+            return parseInt(ident);
+        })
+            .filter(item => !isNaN(item))
+            .reduce((item1, item2) => Math.max(item1, item2), -1).value;
+        //the maximum  new ident is the current max + 1
+        cnt++;
+        const newElement = mona_dish_1.DQ.fromMarkup((0, Const_1.$nsp)(this.template));
+        newElement.id.value = (((_a = this.namingContainerId) === null || _a === void 0 ? void 0 : _a.length) ?
+            [this.namingContainerId, (0, Const_1.$nsp)(this.name), cnt] :
+            [(0, Const_1.$nsp)(this.name), cnt]).join(SEP);
+        //name must be prefixed with the naming container id as well according to the jsdocs
+        newElement.name.value = ((_b = this.namingContainerId) === null || _b === void 0 ? void 0 : _b.length) ?
+            [this.namingContainerId, (0, Const_1.$nsp)(this.name)].join(SEP) : (0, Const_1.$nsp)(this.name);
+        (_c = this === null || this === void 0 ? void 0 : this.parent) === null || _c === void 0 ? void 0 : _c.append(newElement);
+        return newElement;
+    }
+}
+exports.HiddenInputBuilder = HiddenInputBuilder;
+
+
 /***/ }),
 
 /***/ "./src/main/typescript/impl/util/Lang.ts":
@@ -5745,8 +6135,6 @@ exports.ExtConfig = ExtConfig;
  * See the License for the specific language governing permissions and
  * limitations under the License.
  *
- * todo replace singleton with module definition
- *
  */
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.ExtLang = void 0;
@@ -5887,22 +6275,22 @@ var ExtLang;
      */
     function getForm(elem, event) {
         let queryElem = new mona_dish_1.DQ(elem);
-        let eventTarget = new mona_dish_1.DQ((0, RequestDataResolver_1.getEventTarget)(event));
-        if (queryElem.isTag(Const_1.TAG_FORM)) {
+        let eventTarget = (event) ? new mona_dish_1.DQ((0, RequestDataResolver_1.getEventTarget)(event)) : mona_dish_1.DomQuery.absent;
+        if (queryElem.isTag(Const_1.HTML_TAG_FORM)) {
             return queryElem;
         }
         //html 5 for handling
-        if (queryElem.attr(Const_1.TAG_FORM).isPresent()) {
-            let formId = queryElem.attr(Const_1.TAG_FORM).value;
+        if (queryElem.attr(Const_1.HTML_TAG_FORM).isPresent()) {
+            let formId = queryElem.attr(Const_1.HTML_TAG_FORM).value;
             let foundForm = mona_dish_1.DQ.byId(formId, true);
             if (foundForm.isPresent()) {
                 return foundForm;
             }
         }
-        let form = queryElem.parents(Const_1.TAG_FORM)
-            .orElseLazy(() => queryElem.byTagName(Const_1.TAG_FORM, true))
-            .orElseLazy(() => eventTarget.parents(Const_1.TAG_FORM))
-            .orElseLazy(() => eventTarget.byTagName(Const_1.TAG_FORM))
+        let form = queryElem.firstParent(Const_1.HTML_TAG_FORM)
+            .orElseLazy(() => queryElem.byTagName(Const_1.HTML_TAG_FORM, true))
+            .orElseLazy(() => eventTarget.firstParent(Const_1.HTML_TAG_FORM))
+            .orElseLazy(() => eventTarget.byTagName(Const_1.HTML_TAG_FORM))
             .first();
         assertFormExists(form);
         return form;
@@ -5985,13 +6373,15 @@ var ErrorType;
  * I will add deprecated myfaces backwards compatibility attributes as well
  */
 class ErrorData extends EventData_1.EventData {
-    constructor(source, errorName, errorMessage, responseText = null, responseXML = null, responseCode = "200", status = "UNKNOWN", type = ErrorType.CLIENT_ERROR) {
+    constructor(source, errorName, errorMessage, responseText = null, responseXML = null, responseCode = "200", status = "", type = ErrorType.CLIENT_ERROR) {
         super();
         this.type = "error";
-        this.source = source;
-        this.type = "error";
+        this.source = document.getElementById(source);
+        this.sourceId = source;
+        this.type = Const_1.ERROR;
         this.errorName = errorName;
-        this.message = this.errorMessage = errorMessage;
+        //tck requires that the type is prefixed to the message itself (jsdoc also) in case of a server error
+        this.message = this.errorMessage = (type == Const_1.SERVER_ERROR) ? type + ": " + errorMessage : errorMessage;
         this.responseCode = responseCode;
         this.responseText = responseText;
         this.status = status;
@@ -6002,10 +6392,10 @@ class ErrorData extends EventData_1.EventData {
         }
     }
     static fromClient(e) {
-        var _a, _b, _c;
-        return new ErrorData("client", (_a = e === null || e === void 0 ? void 0 : e.name) !== null && _a !== void 0 ? _a : '', (_b = e === null || e === void 0 ? void 0 : e.message) !== null && _b !== void 0 ? _b : '', (_c = e === null || e === void 0 ? void 0 : e.stack) !== null && _c !== void 0 ? _c : '');
+        var _a, _b, _c, _d;
+        return new ErrorData((_a = e === null || e === void 0 ? void 0 : e.source) !== null && _a !== void 0 ? _a : "client", (_b = e === null || e === void 0 ? void 0 : e.name) !== null && _b !== void 0 ? _b : Const_1.EMPTY_STR, (_c = e === null || e === void 0 ? void 0 : e.message) !== null && _c !== void 0 ? _c : Const_1.EMPTY_STR, (_d = e === null || e === void 0 ? void 0 : e.stack) !== null && _d !== void 0 ? _d : Const_1.EMPTY_STR);
     }
-    static fromHttpConnection(source, name, message, responseText, responseCode, status = 'UNKNOWN') {
+    static fromHttpConnection(source, name, message, responseText, responseCode, status = Const_1.EMPTY_STR) {
         return new ErrorData(source, name, message, responseText, responseCode, `${responseCode}`, status, ErrorType.HTTP_ERROR);
     }
     static fromGeneric(context, errorCode, errorType = ErrorType.SERVER_ERROR) {
@@ -6019,7 +6409,7 @@ class ErrorData extends EventData_1.EventData {
         return new ErrorData(source, errorName, errorMessage, responseText, responseXML, errorCode + Const_1.EMPTY_STR, status, errorType);
     }
     static getMsg(context, param) {
-        return getMessage(context.getIf(param).orElse(Const_1.UNKNOWN).value);
+        return getMessage(context.getIf(param).orElse(Const_1.EMPTY_STR).value);
     }
     static fromServerError(context) {
         return this.fromGeneric(context, -1);
@@ -6064,7 +6454,7 @@ class EventData {
         eventData.status = name;
         let sourceId = context.getIf(Const_1.SOURCE)
             .orElseLazy(() => context.getIf(Const_1.P_PARTIAL_SOURCE).value)
-            .orElseLazy(() => context.getIf(Const_1.CTX_PARAM_PASS_THR, Const_1.P_PARTIAL_SOURCE).value)
+            .orElseLazy(() => context.getIf(Const_1.CTX_PARAM_REQ_PASS_THR, Const_1.P_PARTIAL_SOURCE).value)
             .value;
         if (sourceId) {
             eventData.source = mona_dish_1.DQ.byId(sourceId, true).first().value.value;
@@ -6105,11 +6495,12 @@ exports.EventData = EventData;
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.resolveDefaults = exports.getEventTarget = exports.resolveWindowId = exports.resolveDelay = exports.resolveTimeout = exports.resolveForm = exports.resolveFinalUrl = exports.resolveTargetUrl = exports.resolveHandlerFunc = void 0;
+exports.resolveDefaults = exports.getEventTarget = exports.resolveWindowId = exports.resolveDelay = exports.resolveTimeout = exports.resolveViewId = exports.resolveForm = exports.resolveFinalUrl = exports.resolveTargetUrl = exports.resolveHandlerFunc = void 0;
 const mona_dish_1 = __webpack_require__(/*! mona-dish */ "./node_modules/mona-dish/src/main/typescript/index_core.ts");
 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
  *
@@ -6146,22 +6537,27 @@ exports.resolveFinalUrl = resolveFinalUrl;
  * it is either the id or the parent form of the element or an embedded form
  * of the element
  *
- * @param requestCtx
  * @param elem
  * @param event
  */
-function resolveForm(requestCtx, elem, event) {
-    var _a, _b, _c;
-    const configId = (_c = (_b = (_a = requestCtx.value) === null || _a === void 0 ? void 0 : _a.myfaces) === null || _b === void 0 ? void 0 : _b.form) !== null && _c !== void 0 ? _c : Const_1.MF_NONE;
-    return mona_dish_1.DQ
-        .byId(configId, true)
-        .orElseLazy(() => Lang_1.ExtLang.getForm(elem.getAsElem(0).value, event));
+function resolveForm(elem, event) {
+    return Lang_1.ExtLang.getForm(elem.getAsElem(0).value, event);
 }
 exports.resolveForm = resolveForm;
+function resolveViewId(form) {
+    const viewState = form.querySelectorAll(`input[type='hidden'][name*='${(0, Const_1.$nsp)(Const_1.P_VIEWSTATE)}']`).id.orElse("").value;
+    const divider = (0, Const_1.$faces)().separatorchar;
+    const viewId = viewState.split(divider, 2)[0];
+    const viewStateViewId = viewId.indexOf((0, Const_1.$nsp)(Const_1.P_VIEWSTATE)) === -1 ? viewId : "";
+    // myfaces specific, we in non portlet environments prepend the viewId
+    // even without being in a naming container, the other components ignore that
+    return form.id.value.indexOf(viewStateViewId) === 0 ? viewStateViewId : "";
+}
+exports.resolveViewId = resolveViewId;
 function resolveTimeout(options) {
     var _a;
     let getCfg = Lang_1.ExtLang.getLocalOrGlobalConfig;
-    return (_a = options.getIf(Const_1.CTX_PARAM_TIMEOUT).value) !== null && _a !== void 0 ? _a : getCfg(options.value, Const_1.CTX_PARAM_TIMEOUT, 0);
+    return (_a = options.getIf(Const_1.CTX_OPTIONS_TIMEOUT).value) !== null && _a !== void 0 ? _a : getCfg(options.value, Const_1.CTX_OPTIONS_TIMEOUT, 0);
 }
 exports.resolveTimeout = resolveTimeout;
 /**
@@ -6170,9 +6566,15 @@ exports.resolveTimeout = resolveTimeout;
  * @param options ... the options object, in most cases it will host the delay value
  */
 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, 'none', or undefined will automatically be mapped to 0 aka no delay
+    // the config delay will be dropped not needed anymore, it does not really
+    // make sense anymore now that it is part of a local spec
+    let ret = options.getIf(Const_1.CTX_OPTIONS_DELAY).orElse(0).value;
+    // if delay === none, no delay must be used, aka delay 0
+    ret = (Const_1.DELAY_NONE === ret) ? 0 : ret;
+    // negative, or invalid values will automatically get a js exception
+    Assertions_1.Assertions.assertDelay(ret);
+    return ret;
 }
 exports.resolveDelay = resolveDelay;
 /**
@@ -6221,11 +6623,18 @@ 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);
-    return { resolvedEvent, options, elem, elementId, requestCtx, internalCtx, windowId, isResetValues };
+    const elem = mona_dish_1.DQ.byId(el || event.target, true);
+    const options = new ExtDomQuery_1.ExtConfig(opts).deepCopy;
+    return {
+        options: options,
+        elem: elem,
+        elementId: elem.id.value,
+        windowId: resolveWindowId(options),
+        isResetValues: true === ((_a = options.value) === null || _a === void 0 ? void 0 : _a.resetValues)
+    };
 }
 exports.resolveDefaults = resolveDefaults;
 
@@ -6331,9 +6740,9 @@ exports.resolveSourceElement = resolveSourceElement;
 function resolveSourceForm(internalContext, elem) {
     let sourceFormId = internalContext.getIf(Const_1.CTX_PARAM_SRC_FRM_ID);
     let sourceForm = new mona_dish_2.DQ(sourceFormId.isPresent() ? document.forms[sourceFormId.value] : null);
-    sourceForm = sourceForm.orElseLazy(() => elem.parents(Const_1.TAG_FORM))
-        .orElseLazy(() => elem.querySelectorAll(Const_1.TAG_FORM))
-        .orElseLazy(() => mona_dish_2.DQ.querySelectorAll(Const_1.TAG_FORM));
+    sourceForm = sourceForm.orElseLazy(() => elem.firstParent(Const_1.HTML_TAG_FORM))
+        .orElseLazy(() => elem.querySelectorAll(Const_1.HTML_TAG_FORM))
+        .orElseLazy(() => mona_dish_2.DQ.querySelectorAll(Const_1.HTML_TAG_FORM));
     return sourceForm;
 }
 exports.resolveSourceForm = resolveSourceForm;
@@ -6395,7 +6804,7 @@ var Response;
         let responseProcessor = new ResponseProcessor_1.ResponseProcessor(req, externalContext, internalContext);
         internalContext.assign(Const_1.RESPONSE_XML).value = responseXML;
         // we now process the partial tags, or in none given raise an error
-        responseXML.querySelectorAll(Const_1.RESP_PARTIAL)
+        responseXML.querySelectorAll(Const_1.XML_TAG_PARTIAL_RESP)
             .each(item => processPartialTag(item, responseProcessor, internalContext));
         // We now process the viewStates, client windows and the elements to be evaluated are delayed.
         // The reason for this is that often it is better
@@ -6414,17 +6823,17 @@ var Response;
      */
     function processPartialTag(node, responseProcessor, internalContext) {
         internalContext.assign(Const_1.PARTIAL_ID).value = node.id;
-        const SEL_SUB_TAGS = [Const_1.CMD_ERROR, Const_1.CMD_REDIRECT, Const_1.CMD_CHANGES].join(",");
+        const SEL_SUB_TAGS = [Const_1.XML_TAG_ERROR, Const_1.XML_TAG_REDIRECT, Const_1.XML_TAG_CHANGES].join(",");
         // now we can process the main operations
         node.querySelectorAll(SEL_SUB_TAGS).each((node) => {
             switch (node.tagName.value) {
-                case Const_1.CMD_ERROR:
+                case Const_1.XML_TAG_ERROR:
                     responseProcessor.error(node);
                     break;
-                case Const_1.CMD_REDIRECT:
+                case Const_1.XML_TAG_REDIRECT:
                     responseProcessor.redirect(node);
                     break;
-                case Const_1.CMD_CHANGES:
+                case Const_1.XML_TAG_CHANGES:
                     processChangesTag(node, responseProcessor);
                     break;
             }
@@ -6432,7 +6841,7 @@ var Response;
     }
     let processInsert = function (responseProcessor, node) {
         // path1 insert after as child tags
-        if (node.querySelectorAll([Const_1.TAG_BEFORE, Const_1.TAG_AFTER].join(",")).length) {
+        if (node.querySelectorAll([Const_1.XML_TAG_BEFORE, Const_1.XML_TAG_AFTER].join(",")).length) {
             responseProcessor.insertWithSubTags(node);
         }
         else { // insert before after with id
@@ -6446,25 +6855,25 @@ var Response;
      * @param responseProcessor
      */
     function processChangesTag(node, responseProcessor) {
-        const ALLOWED_TAGS = [Const_1.CMD_UPDATE, Const_1.CMD_EVAL, Const_1.CMD_INSERT, Const_1.CMD_DELETE, Const_1.CMD_ATTRIBUTES, Const_1.CMD_EXTENSION].join(", ");
+        const ALLOWED_TAGS = [Const_1.XML_TAG_UPDATE, Const_1.XML_TAG_EVAL, Const_1.XML_TAG_INSERT, Const_1.XML_TAG_DELETE, Const_1.XML_TAG_ATTRIBUTES, Const_1.XML_TAG_EXTENSION].join(", ");
         node.querySelectorAll(ALLOWED_TAGS).each((node) => {
             switch (node.tagName.value) {
-                case Const_1.CMD_UPDATE:
+                case Const_1.XML_TAG_UPDATE:
                     processUpdateTag(node, responseProcessor);
                     break;
-                case Const_1.CMD_EVAL:
+                case Const_1.XML_TAG_EVAL:
                     responseProcessor.eval(node);
                     break;
-                case Const_1.CMD_INSERT:
+                case Const_1.XML_TAG_INSERT:
                     processInsert(responseProcessor, node);
                     break;
-                case Const_1.CMD_DELETE:
+                case Const_1.XML_TAG_DELETE:
                     responseProcessor.delete(node);
                     break;
-                case Const_1.CMD_ATTRIBUTES:
+                case Const_1.XML_TAG_ATTRIBUTES:
                     responseProcessor.attributes(node);
                     break;
-                case Const_1.CMD_EXTENSION:
+                case Const_1.XML_TAG_EXTENSION:
                     break;
             }
         });
@@ -6557,8 +6966,9 @@ const ErrorData_1 = __webpack_require__(/*! ./ErrorData */ "./src/main/typescrip
 const ImplTypes_1 = __webpack_require__(/*! ../core/ImplTypes */ "./src/main/typescript/impl/core/ImplTypes.ts");
 const EventData_1 = __webpack_require__(/*! ./EventData */ "./src/main/typescript/impl/xhrCore/EventData.ts");
 const Const_1 = __webpack_require__(/*! ../core/Const */ "./src/main/typescript/impl/core/Const.ts");
-var trim = mona_dish_1.Lang.trim;
 const ExtDomQuery_1 = __webpack_require__(/*! ../util/ExtDomQuery */ "./src/main/typescript/impl/util/ExtDomQuery.ts");
+const HiddenInputBuilder_1 = __webpack_require__(/*! ../util/HiddenInputBuilder */ "./src/main/typescript/impl/util/HiddenInputBuilder.ts");
+var trim = mona_dish_1.Lang.trim;
 /**
  * Response processor
  *
@@ -6584,22 +6994,31 @@ class ResponseProcessor {
      * the data incoming must represent the html representation of the head itself one way or the other
      */
     replaceHead(shadowDocument) {
-        let shadowHead = shadowDocument.querySelectorAll(Const_1.TAG_HEAD);
+        const shadowHead = shadowDocument.querySelectorAll(Const_1.HTML_TAG_HEAD);
         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);
+        const head = ExtDomQuery_1.ExtDomQuery.querySelectorAll(Const_1.HTML_TAG_HEAD);
+        // full replace we delete everything
+        head.childNodes.delete();
+        this.addToHead(shadowHead);
+        //we copy the attributes as well (just in case myfaces introduces the id in head)
+        head.copyAttrs(shadowHead);
+    }
+    addToHead(shadowHead) {
+        const mappedHeadData = new ExtDomQuery_1.ExtDomQuery(shadowHead);
+        const scriptTags = [Const_1.HTML_TAG_SCRIPT];
+        const nonExecutables = mappedHeadData.filter(item => scriptTags.indexOf(item.tagName.orElse("").value) == -1);
+        nonExecutables.runHeadInserts(true);
         //incoming either the outer head tag or its children
-        //shadowHead = (shadowHead.tagName.value === "HEAD") ? shadowHead.childNodes : shadowHead;
-        //this.addToHead(shadowHead);
-    }
-    addToHead(newElements) {
+        const nodesToAdd = (shadowHead.tagName.value === "HEAD") ? shadowHead.childNodes : shadowHead;
+        // this is stored for "post" processing
+        // after the rest of the "physical build up", head before body
+        const scriptElements = nodesToAdd.stream
+            .filter(item => scriptTags.indexOf(item.tagName.orElse("").value) != -1).collect(new mona_dish_1.DomQueryCollector());
+        this.addToHeadDeferred(scriptElements);
+    }
+    addToHeadDeferred(newElements) {
         this.internalContext.assign(Const_1.DEFERRED_HEAD_INSERTS).value.push(newElements);
     }
     /**
@@ -6611,17 +7030,18 @@ class ResponseProcessor {
      * @param shadowDocument .. an incoming shadow document hosting the new nodes
      */
     replaceBody(shadowDocument) {
-        let shadowBody = shadowDocument.querySelectorAll(Const_1.TAG_BODY);
+        const shadowBody = shadowDocument.querySelectorAll(Const_1.HTML_TAG_BODY);
         if (!shadowBody.isPresent()) {
             return;
         }
-        let shadowInnerHTML = shadowBody.html().value;
-        let resultingBody = ExtDomQuery_1.ExtDomQuery.querySelectorAll(Const_1.TAG_BODY).html(shadowInnerHTML);
-        let updateForms = resultingBody.querySelectorAll(Const_1.TAG_FORM);
+        const shadowInnerHTML = shadowBody.innerHTML;
+        const resultingBody = ExtDomQuery_1.ExtDomQuery.querySelectorAll(Const_1.HTML_TAG_BODY);
+        const updateForms = resultingBody.querySelectorAll(Const_1.HTML_TAG_FORM);
         // main difference, we cannot replace the body itself, but only its content
         // we need a separate step for post-processing the incoming
         // attributes, like classes, styles etc...
-        resultingBody.copyAttrs(shadowBody);
+        resultingBody.html(shadowInnerHTML).copyAttrs(shadowBody);
+        this.externalContext.assign((0, Const_1.$nsp)(Const_1.P_RENDER_OVERRIDE)).value = "@all";
         this.storeForPostProcessing(updateForms, resultingBody);
     }
     /**
@@ -6645,15 +7065,15 @@ class ResponseProcessor {
          *      <error-message><![CDATA[message]]></error-message>
          * <error>
          */
-        let mergedErrorData = new ExtDomQuery_1.ExtConfig({});
+        const mergedErrorData = new ExtDomQuery_1.ExtConfig({});
         mergedErrorData.assign(Const_1.SOURCE).value = this.externalContext.getIf(Const_1.P_PARTIAL_SOURCE).get(0).value;
         mergedErrorData.assign(Const_1.ERROR_NAME).value = node.querySelectorAll(Const_1.ERROR_NAME).textContent(Const_1.EMPTY_STR);
         mergedErrorData.assign(Const_1.ERROR_MESSAGE).value = node.querySelectorAll(Const_1.ERROR_MESSAGE).cDATAAsString;
-        let hasResponseXML = this.internalContext.get(Const_1.RESPONSE_XML).isPresent();
+        const hasResponseXML = this.internalContext.get(Const_1.RESPONSE_XML).isPresent();
         //we now store the response xml also in the error data for further details
         mergedErrorData.assignIf(hasResponseXML, Const_1.RESPONSE_XML).value = this.internalContext.getIf(Const_1.RESPONSE_XML).value.get(0).value;
         // error post-processing and enrichment (standard messages from keys)
-        let errorData = ErrorData_1.ErrorData.fromServerError(mergedErrorData);
+        const errorData = ErrorData_1.ErrorData.fromServerError(mergedErrorData);
         // we now trigger an internally stored onError function which might be an attached to the context
         // either we do not have an internal on error, or an on error has been based via params from the outside.
         // In both cases they are attached to our contexts
@@ -6667,7 +7087,7 @@ class ResponseProcessor {
      */
     redirect(node) {
         Assertions_1.Assertions.assertUrlExists(node);
-        let redirectUrl = trim(node.attr(Const_1.ATTR_URL).value);
+        const redirectUrl = trim(node.attr(Const_1.ATTR_URL).value);
         if (redirectUrl != Const_1.EMPTY_STR) {
             window.location.href = redirectUrl;
         }
@@ -6678,8 +7098,8 @@ class ResponseProcessor {
      * @param cdataBlock the cdata block with the new html code
      */
     update(node, cdataBlock) {
-        let result = ExtDomQuery_1.ExtDomQuery.byId(node.id.value, true).outerHTML(cdataBlock, false, false);
-        let sourceForm = result === null || result === void 0 ? void 0 : result.parents(Const_1.TAG_FORM).orElseLazy(() => result.byTagName(Const_1.TAG_FORM, true));
+        const result = ExtDomQuery_1.ExtDomQuery.byId(node.id.value, true).outerHTML(cdataBlock, false, false);
+        const sourceForm = result === null || result === void 0 ? void 0 : result.firstParent(Const_1.HTML_TAG_FORM).orElseLazy(() => result.byTagName(Const_1.HTML_TAG_FORM, true));
         if (sourceForm) {
             this.storeForPostProcessing(sourceForm, result);
         }
@@ -6697,8 +7117,8 @@ class ResponseProcessor {
      * @param node
      */
     attributes(node) {
-        let elem = mona_dish_1.DQ.byId(node.id.value, true);
-        node.byTagName(Const_1.TAG_ATTR).each((item) => {
+        const elem = mona_dish_1.DQ.byId(node.id.value, true);
+        node.byTagName(Const_1.XML_TAG_ATTR).each((item) => {
             elem.attr(item.attr(Const_1.ATTR_NAME).value).value = item.attr(Const_1.ATTR_VALUE).value;
         });
     }
@@ -6716,15 +7136,15 @@ class ResponseProcessor {
      */
     insert(node) {
         //let insertId = node.id; //not used atm
-        let before = node.attr(Const_1.TAG_BEFORE);
-        let after = node.attr(Const_1.TAG_AFTER);
-        let insertNodes = mona_dish_1.DQ.fromMarkup(node.cDATAAsString);
+        const before = node.attr(Const_1.XML_TAG_BEFORE);
+        const after = node.attr(Const_1.XML_TAG_AFTER);
+        const insertNodes = mona_dish_1.DQ.fromMarkup(node.cDATAAsString);
         if (before.isPresent()) {
             mona_dish_1.DQ.byId(before.value, true).insertBefore(insertNodes);
             this.internalContext.assign(Const_1.UPDATE_ELEMS).value.push(insertNodes);
         }
         if (after.isPresent()) {
-            let domQuery = mona_dish_1.DQ.byId(after.value, true);
+            const domQuery = mona_dish_1.DQ.byId(after.value, true);
             domQuery.insertAfter(insertNodes);
             this.internalContext.assign(Const_1.UPDATE_ELEMS).value.push(insertNodes);
         }
@@ -6735,19 +7155,19 @@ class ResponseProcessor {
      * @param node the node hosting the insert data
      */
     insertWithSubTags(node) {
-        let before = node.querySelectorAll(Const_1.TAG_BEFORE);
-        let after = node.querySelectorAll(Const_1.TAG_AFTER);
+        const before = node.querySelectorAll(Const_1.XML_TAG_BEFORE);
+        const after = node.querySelectorAll(Const_1.XML_TAG_AFTER);
         before.each(item => {
-            let insertId = item.attr(Const_1.ATTR_ID);
-            let insertNodes = mona_dish_1.DQ.fromMarkup(item.cDATAAsString);
+            const insertId = item.attr(Const_1.ATTR_ID);
+            const insertNodes = mona_dish_1.DQ.fromMarkup(item.cDATAAsString);
             if (insertId.isPresent()) {
                 mona_dish_1.DQ.byId(insertId.value, true).insertBefore(insertNodes);
                 this.internalContext.assign(Const_1.UPDATE_ELEMS).value.push(insertNodes);
             }
         });
         after.each(item => {
-            let insertId = item.attr(Const_1.ATTR_ID);
-            let insertNodes = mona_dish_1.DQ.fromMarkup(item.cDATAAsString);
+            const insertId = item.attr(Const_1.ATTR_ID);
+            const insertNodes = mona_dish_1.DQ.fromMarkup(item.cDATAAsString);
             if (insertId.isPresent()) {
                 mona_dish_1.DQ.byId(insertId.value, true).insertAfter(insertNodes);
                 this.internalContext.assign(Const_1.UPDATE_ELEMS).value.push(insertNodes);
@@ -6761,7 +7181,7 @@ class ResponseProcessor {
      */
     processViewState(node) {
         if (ResponseProcessor.isViewStateNode(node)) {
-            let state = node.cDATAAsString;
+            const state = node.cDATAAsString;
             this.internalContext.assign(Const_1.APPLIED_VST, node.id.value).value = new ImplTypes_1.StateHolder((0, Const_1.$nsp)(node.id.value), state);
             return true;
         }
@@ -6769,7 +7189,7 @@ class ResponseProcessor {
     }
     processClientWindow(node) {
         if (ResponseProcessor.isClientWindowNode(node)) {
-            let state = node.cDATAAsString;
+            const state = node.cDATAAsString;
             this.internalContext.assign(Const_1.APPLIED_CLIENT_WINDOW, node.id.value).value = new ImplTypes_1.StateHolder((0, Const_1.$nsp)(node.id.value), state);
             return true;
         }
@@ -6795,12 +7215,11 @@ class ResponseProcessor {
      */
     fixViewStates() {
         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);
+            .each(([, value]) => {
+            const namingContainerId = this.internalContext.getIf(Const_1.PARTIAL_ID);
+            const affectedForms = this.getContainerForms(namingContainerId)
+                .filter(affectedForm => this.isInExecuteOrRender(affectedForm));
+            this.appendViewStateToForms(affectedForms, value.value, namingContainerId.orElse("").value);
         });
     }
     /**
@@ -6809,21 +7228,20 @@ 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);
+            .each(([, value]) => {
+            const namingContainerId = this.internalContext.getIf(Const_1.PARTIAL_ID);
+            const affectedForms = this.getContainerForms(namingContainerId)
+                .filter(affectedForm => this.isInExecuteOrRender(affectedForm));
+            this.appendClientWindowToForms(affectedForms, value.value, namingContainerId.orElse("").value);
         });
     }
     /**
      * all processing done we can close the request and send the appropriate events
      */
     done() {
-        let eventData = EventData_1.EventData.createFromRequest(this.request.value, this.externalContext, Const_1.SUCCESS);
+        const eventData = EventData_1.EventData.createFromRequest(this.request.value, this.externalContext, Const_1.SUCCESS);
         //because some frameworks might decorate them over the context in the response
-        let eventHandler = this.externalContext.getIf(Const_1.ON_EVENT).orElseLazy(() => this.internalContext.getIf(Const_1.ON_EVENT).value).orElse(Const_1.EMPTY_FUNC).value;
+        const eventHandler = this.externalContext.getIf(Const_1.ON_EVENT).orElseLazy(() => this.internalContext.getIf(Const_1.ON_EVENT).value).orElse(Const_1.EMPTY_FUNC).value;
         AjaxImpl_1.Implementation.sendEvent(eventData, eventHandler);
     }
     /**
@@ -6831,18 +7249,20 @@ class ResponseProcessor {
      *
      * @param forms the forms to append the viewState to
      * @param viewState the final viewState
+     * @param namingContainerId
      */
-    appendViewStateToForms(forms, viewState) {
-        this.assignState(forms, (0, Const_1.$nsp)(Const_1.SEL_VIEWSTATE_ELEM), viewState);
+    appendViewStateToForms(forms, viewState, namingContainerId = "") {
+        this.assignState(forms, (0, Const_1.$nsp)(Const_1.SEL_VIEWSTATE_ELEM), viewState, namingContainerId);
     }
     /**
      * proper clientWindow -> form assignment
      *
      * @param forms the forms to append the viewState to
      * @param clientWindow the final viewState
+     * @param namingContainerId
      */
-    appendClientWindowToForms(forms, clientWindow) {
-        this.assignState(forms, (0, Const_1.$nsp)(Const_1.SEL_CLIENT_WINDOW_ELEM), clientWindow);
+    appendClientWindowToForms(forms, clientWindow, namingContainerId = "") {
+        this.assignState(forms, (0, Const_1.$nsp)(Const_1.SEL_CLIENT_WINDOW_ELEM), clientWindow, namingContainerId);
     }
     /**
      * generic append state which appends a certain state as hidden element to an existing set of forms
@@ -6851,26 +7271,26 @@ class ResponseProcessor {
      * @param selector the selector for the state
      * @param state the state itself which needs to be assigned
      *
+     * @param namingContainerId
      * @private
      */
-    assignState(forms, selector, state) {
-        forms.each((form) => {
-            let stateHolders = form.querySelectorAll(selector)
-                .orElseLazy(() => ResponseProcessor.newViewStateElement(form));
-            stateHolders.attr("value").value = state;
+    assignState(forms, selector, state, namingContainerId) {
+        /**
+         * creates the viewState or client window id element
+         * @param form
+         */
+        const createAndAppendHiddenInput = (form) => {
+            return new HiddenInputBuilder_1.HiddenInputBuilder(selector)
+                .withNamingContainerId(namingContainerId)
+                .withParent(form)
+                .build();
+        };
+        forms.each(form => {
+            const hiddenInput = form.querySelectorAll(selector)
+                .orElseLazy(() => createAndAppendHiddenInput(form));
+            hiddenInput.val = state;
         });
     }
-    /**
-     * Helper to Create a new JSF ViewState Element
-     *
-     * @param parent, the parent node to attach the viewState element to
-     * (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;
-    }
     /**
      * Stores certain aspects of the dom for later post-processing
      *
@@ -6904,11 +7324,11 @@ class ResponseProcessor {
      * @returns if it is a viewState node
      */
     static isViewStateNode(node) {
-        var _a, _b, _c, _d, _e, _f, _g;
-        let separatorChar = ((_a = window === null || window === void 0 ? void 0 : window.faces) !== null && _a !== void 0 ? _a : window === null || window === void 0 ? void 0 : window.jsf).separatorchar;
-        return "undefined" != typeof ((_b = node === null || node === void 0 ? void 0 : node.id) === null || _b === void 0 ? void 0 : _b.value) && (((_c = node === null || node === void 0 ? void 0 : node.id) === null || _c === void 0 ? void 0 : _c.value) == (0, Const_1.$nsp)(Const_1.P_VIEWSTATE) ||
-            ((_e = (_d = node === null || node === void 0 ? void 0 : node.id) === null || _d === void 0 ? void 0 : _d.value) === null || _e === void 0 ? void 0 : _e.indexOf([separatorChar, (0, Const_1.$nsp)(Const_1.P_VIEWSTATE)].join(Const_1.EMPTY_STR))) != -1 ||
-            ((_g = (_f = node === null || node === void 0 ? void 0 : node.id) === null || _f === void 0 ? void 0 : _f.value) === null || _g === void 0 ? void 0 : _g.indexOf([(0, Const_1.$nsp)(Const_1.P_VIEWSTATE), separatorChar].join(Const_1.EMPTY_STR))) != -1);
+        var _a, _b, _c, _d, _e, _f;
+        const SEP = (0, Const_1.$faces)().separatorchar;
+        return "undefined" != typeof ((_a = node === null || node === void 0 ? void 0 : node.id) === null || _a === void 0 ? void 0 : _a.value) && (((_b = node === null || node === void 0 ? void 0 : node.id) === null || _b === void 0 ? void 0 : _b.value) == (0, Const_1.$nsp)(Const_1.P_VIEWSTATE) ||
+            ((_d = (_c = node === null || node === void 0 ? void 0 : node.id) === null || _c === void 0 ? void 0 : _c.value) === null || _d === void 0 ? void 0 : _d.indexOf([SEP, (0, Const_1.$nsp)(Const_1.P_VIEWSTATE)].join(Const_1.EMPTY_STR))) != -1 ||
+            ((_f = (_e = node === null || node === void 0 ? void 0 : node.id) === null || _e === void 0 ? void 0 : _e.value) === null || _f === void 0 ? void 0 : _f.indexOf([(0, Const_1.$nsp)(Const_1.P_VIEWSTATE), SEP].join(Const_1.EMPTY_STR))) != -1);
     }
     /**
      * incoming client window node also needs special processing
@@ -6917,14 +7337,57 @@ class ResponseProcessor {
      * @returns true of it ii
      */
     static isClientWindowNode(node) {
-        var _a, _b, _c, _d, _e, _f, _g;
-        let separatorChar = ((_a = window === null || window === void 0 ? void 0 : window.faces) !== null && _a !== void 0 ? _a : window === null || window === void 0 ? void 0 : window.jsf).separatorchar;
-        return "undefined" != typeof ((_b = node === null || node === void 0 ? void 0 : node.id) === null || _b === void 0 ? void 0 : _b.value) && (((_c = node === null || node === void 0 ? void 0 : node.id) === null || _c === void 0 ? void 0 : _c.value) == (0, Const_1.$nsp)(Const_1.P_CLIENT_WINDOW) ||
-            ((_e = (_d = node === null || node === void 0 ? void 0 : node.id) === null || _d === void 0 ? void 0 : _d.value) === null || _e === void 0 ? void 0 : _e.indexOf([separatorChar, (0, Const_1.$nsp)(Const_1.P_CLIENT_WINDOW)].join(Const_1.EMPTY_STR))) != -1 ||
-            ((_g = (_f = node === null || node === void 0 ? void 0 : node.id) === null || _f === void 0 ? void 0 : _f.value) === null || _g === void 0 ? void 0 : _g.indexOf([(0, Const_1.$nsp)(Const_1.P_CLIENT_WINDOW), separatorChar].join(Const_1.EMPTY_STR))) != -1);
+        var _a, _b, _c, _d, _e, _f;
+        const SEP = (0, Const_1.$faces)().separatorchar;
+        return "undefined" != typeof ((_a = node === null || node === void 0 ? void 0 : node.id) === null || _a === void 0 ? void 0 : _a.value) && (((_b = node === null || node === void 0 ? void 0 : node.id) === null || _b === void 0 ? void 0 : _b.value) == (0, Const_1.$nsp)(Const_1.P_CLIENT_WINDOW) ||
+            ((_d = (_c = node === null || node === void 0 ? void 0 : node.id) === null || _c === void 0 ? void 0 : _c.value) === null || _d === void 0 ? void 0 : _d.indexOf([SEP, (0, Const_1.$nsp)(Const_1.P_CLIENT_WINDOW)].join(Const_1.EMPTY_STR))) != -1 ||
+            ((_f = (_e = node === null || node === void 0 ? void 0 : node.id) === null || _e === void 0 ? void 0 : _e.value) === null || _f === void 0 ? void 0 : _f.indexOf([(0, Const_1.$nsp)(Const_1.P_CLIENT_WINDOW), SEP].join(Const_1.EMPTY_STR))) != -1);
     }
     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);
+        this.externalContext.getIf(Const_1.ON_ERROR).orElseLazy(() => this.internalContext.getIf(Const_1.ON_ERROR).value).orElse(Const_1.EMPTY_FUNC).value(errorData);
+    }
+    /**
+     * filters the forms according to being member of the "execute" or "render" cycle
+     * @param affectedForm
+     * @private
+     */
+    isInExecuteOrRender(affectedForm) {
+        const executes = this.externalContext.getIf((0, Const_1.$nsp)(Const_1.P_EXECUTE)).orElse("@none").value.split(/\s+/gi);
+        const renders = this.externalContext.getIf(Const_1.P_RENDER_OVERRIDE)
+            .orElseLazy(() => this.externalContext.getIf((0, Const_1.$nsp)(Const_1.P_RENDER)).value)
+            .orElse(Const_1.IDENT_NONE).value.split(/\s+/gi);
+        const executeAndRenders = executes.concat(...renders);
+        return mona_dish_1.LazyStream.of(...executeAndRenders).filter(nameOrId => {
+            if ([Const_1.IDENT_ALL, Const_1.IDENT_NONE].indexOf(nameOrId) != -1) {
+                return true;
+            }
+            const NAME_OR_ID = this.getNameOrIdSelector(nameOrId);
+            //either the form directly is in execute or render or one of its children or one of its parents
+            return affectedForm.matchesSelector(NAME_OR_ID) ||
+                affectedForm.querySelectorAll(NAME_OR_ID).isPresent() ||
+                affectedForm.firstParent(NAME_OR_ID).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 (0, mona_dish_1.DQ$)(this.getNameOrIdSelector(namingContainerId.value))
+                // missing condition if the naming container is not present we have to
+                // use the body as fallback
+                .orElseLazy(() => mona_dish_1.DQ.byTagName(Const_1.HTML_TAG_BODY))
+                .byTagName(Const_1.HTML_TAG_FORM, true);
+        }
+        else {
+            return mona_dish_1.DQ.byTagName(Const_1.HTML_TAG_FORM);
+        }
+    }
+    getNameOrIdSelector(nameOrId) {
+        return `[id='${nameOrId}'], [name='${nameOrId}']`;
     }
 }
 exports.ResponseProcessor = ResponseProcessor;
@@ -7049,8 +7512,10 @@ class XhrFormData extends mona_dish_1.Config {
      * @param form the form holding the view state value
      */
     applyViewState(form) {
-        let viewState = form.byId(Const_1.P_VIEWSTATE, true).inputValue;
-        this.appendIf(viewState.isPresent(), Const_1.P_VIEWSTATE).value = viewState.value;
+        let viewStateElement = form.querySelectorAllDeep(`[name*='${Const_1.P_VIEWSTATE}'`);
+        let viewState = viewStateElement.inputValue;
+        // this.appendIf(viewState.isPresent(), P_VIEWSTATE).value = viewState.value;
+        this.appendIf(viewState.isPresent(), viewStateElement.name.value).value = viewState.value;
     }
     /**
      * assigns an url encoded string to this xhrFormData object
@@ -7274,15 +7739,14 @@ class XhrRequest {
         });
     }
     start() {
-        var _a;
         let ignoreErr = failSaveExecute;
         let xhrObject = this.xhrObject;
         let executesArr = () => {
-            return this.requestContext.getIf(Const_1.CTX_PARAM_PASS_THR, Const_1.P_EXECUTE).get("none").value.split(/\s+/gi);
+            return this.requestContext.getIf(Const_1.CTX_PARAM_REQ_PASS_THR, Const_1.P_EXECUTE).get("none").value.split(/\s+/gi);
         };
         try {
             let formElement = this.sourceForm.getAsElem(0).value;
-            let viewState = ((_a = window === null || window === void 0 ? void 0 : window.faces) !== null && _a !== void 0 ? _a : window === null || window === void 0 ? void 0 : window.jsf).getViewState(formElement);
+            let viewState = (0, Const_1.$faces)().getViewState(formElement);
             // encoded we need to decode
             // We generated a base representation of the current form
             // in case someone has overloaded the viewState with additional decorators we merge
@@ -7295,13 +7759,21 @@ class XhrRequest {
             let formData = new XhrFormData_1.XhrFormData(this.sourceForm, viewState, executesArr(), this.partialIdsArray);
             this.contentType = formData.isMultipartRequest ? "undefined" : this.contentType;
             // next step the pass through parameters are merged in for post params
+            this.requestContext.$nspEnabled = false;
             let requestContext = this.requestContext;
-            let passThroughParams = requestContext.getIf(Const_1.CTX_PARAM_PASS_THR);
+            let requestPassThroughParams = requestContext.getIf(Const_1.CTX_PARAM_REQ_PASS_THR);
+            requestPassThroughParams.$nspEnabled = false;
             // this is an extension where we allow pass through parameters to be sent down additionally
             // this can be used and is used in the impl to enrich the post request parameters with additional
             // information
-            formData.shallowMerge(passThroughParams, true, true);
-            this.responseContext = passThroughParams.deepCopy;
+            try {
+                formData.shallowMerge(requestPassThroughParams, true, true);
+            }
+            finally {
+                this.requestContext.$nspEnabled = true;
+                requestPassThroughParams.$nspEnabled = true;
+            }
+            this.responseContext = requestPassThroughParams.deepCopy;
             // we have to shift the internal passthroughs around to build up our response context
             let responseContext = this.responseContext;
             responseContext.assign(Const_1.CTX_PARAM_MF_INTERNAL).value = this.internalContext.value;
@@ -7419,7 +7891,7 @@ class XhrRequest {
         reject();
     }
     onSuccess(resolve) {
-        var _a, _b, _c;
+        var _a, _b;
         this.sendEvent(Const_1.COMPLETE);
         // malformed responses always result in empty response xml
         // per spec a valid response cannot be empty
@@ -7427,7 +7899,7 @@ class XhrRequest {
             this.handleMalFormedXML(resolve);
             return;
         }
-        ((_b = window === null || window === void 0 ? void 0 : window.faces) !== null && _b !== void 0 ? _b : window.jsf).ajax.response(this.xhrObject, (_c = this.responseContext.value) !== null && _c !== void 0 ? _c : {});
+        (0, Const_1.$faces)().ajax.response(this.xhrObject, (_b = this.responseContext.value) !== null && _b !== void 0 ? _b : {});
     }
     handleMalFormedXML(resolve) {
         var _a;
@@ -7437,9 +7909,9 @@ class XhrRequest {
             status: Const_1.MALFORMEDXML,
             responseCode: 200,
             responseText: (_a = this.xhrObject) === null || _a === void 0 ? void 0 : _a.responseText,
-            source: {
-                id: this.source.id.value
-            }
+            // we remap the element just in case it gets replaced
+            // it will be unremapped
+            source: this.source.id.value
         };
         try {
             this.handleError(errorData, true);
@@ -7477,6 +7949,7 @@ class XhrRequest {
      * other helpers
      */
     sendEvent(evtType) {
+        var _a;
         let eventData = EventData_1.EventData.createFromRequest(this.xhrObject, this.requestContext, evtType);
         try {
             // User code error, we might cover
@@ -7487,6 +7960,7 @@ class XhrRequest {
             AjaxImpl_1.Implementation.sendEvent(eventData, eventHandler);
         }
         catch (e) {
+            e.source = (_a = e === null || e === void 0 ? void 0 : e.source) !== null && _a !== void 0 ? _a : this.requestContext.getIf(Const_1.SOURCE).value;
             this.handleError(e);
             throw e;
         }
@@ -7574,36 +8048,39 @@ 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;
-            const oldTarget = form.attr(ATTR_TARGET).value;
-            form.attr(ATTR_TARGET).value = target;
+            const oldTarget = form.getAsElem(0).value.getAttribute("target");
+            if (target != "null" && target) {
+                form.getAsElem(0).value.setAttribute("target", target);
+            }
             const result = (_a = formElement === null || formElement === void 0 ? void 0 : formElement.onsubmit) === null || _a === void 0 ? void 0 : _a.call(formElement, null);
             try {
                 if ((!!result) || 'undefined' == typeof result) {
@@ -7614,9 +8091,15 @@ var oam;
                 window === null || window === void 0 ? void 0 : window.console.error(e);
             }
             finally {
-                form.attr(ATTR_TARGET).value = oldTarget;
-                mona_dish_1.Stream.ofAssoc(params).each((param) => {
-                    myfaces.oam.clearHiddenInput(formName, param[0]);
+                if (oldTarget == null || oldTarget == "null") {
+                    form.getAsElem(0).value.removeAttribute("target");
+                }
+                else {
+                    form.getAsElem(0).value.setAttribute("target", oldTarget);
+                }
+                // noinspection JSUnusedLocalSymbols
+                paramsStream.each(([key, data]) => {
+                    myfaces.oam.clearHiddenInput(formName, key);
                 });
                 myfaces.oam.clearHiddenInput(formName, `${formName}:_idcl`);
             }