jsf.js_next_gen 4.1.0-beta.2 → 4.1.0-beta.21

package/dist/window/jsf-development.js

@@ -91,7 +91,7 @@ function append(target, ...accessPath) {
                 if (!Array.isArray(lastPathItem.target[lastPathItem.key])) {
                     lastPathItem.target[lastPathItem.key] = [lastPathItem.target[lastPathItem.key]];
                 }
-                lastPathItem.target[lastPathItem.key].push(...value);
+                (0,_Es2019Array__WEBPACK_IMPORTED_MODULE_0__.pushChunked)(lastPathItem.target[lastPathItem.key], value);
             }
         }
     })();
@@ -165,7 +165,7 @@ function alloc(arr, length, defaultVal = {}) {
     let toAdd = [];
     toAdd.length = length;
     toAdd[length - 1] = defaultVal;
-    arr.push(...toAdd);
+    (0,_Es2019Array__WEBPACK_IMPORTED_MODULE_0__.pushChunked)(arr, toAdd);
 }
 function flattenAccessPath(accessPath) {
     return new _Es2019Array__WEBPACK_IMPORTED_MODULE_0__.Es2019Array(...accessPath).flatMap((path) => path.split("["))
@@ -272,7 +272,7 @@ function _appendWithOverwrite(withAppend, target, key, arr, toAssign) {
             });
             target[key] = new _Es2019Array__WEBPACK_IMPORTED_MODULE_0__.Es2019Array(...[]);
             target[key].push(oldVal);
-            target[key].push(...newVals);
+            (0,_Es2019Array__WEBPACK_IMPORTED_MODULE_0__.pushChunked)(target[key], newVals);
         }
         else {
             let oldVal = target[key];
@@ -283,7 +283,7 @@ function _appendWithOverwrite(withAppend, target, key, arr, toAssign) {
                     newVals.push(item);
                 }
             });
-            target[key].push(...newVals);
+            (0,_Es2019Array__WEBPACK_IMPORTED_MODULE_0__.pushChunked)(target[key], newVals);
         }
     }
 }
@@ -301,10 +301,10 @@ function _appendWithoutOverwrite(withAppend, target, key, arr, toAssign) {
             let oldVal = target[key];
             target[key] = new _Es2019Array__WEBPACK_IMPORTED_MODULE_0__.Es2019Array(...[]);
             target[key].push(oldVal);
-            target[key].push(...toAssign);
+            (0,_Es2019Array__WEBPACK_IMPORTED_MODULE_0__.pushChunked)(target[key], toAssign);
         }
         else {
-            target[key].push(...toAssign);
+            (0,_Es2019Array__WEBPACK_IMPORTED_MODULE_0__.pushChunked)(target[key], toAssign);
         }
     }
 }
@@ -472,7 +472,7 @@ class Config extends _Monad__WEBPACK_IMPORTED_MODULE_1__.Optional {
         let newThis = (0,_AssocArray__WEBPACK_IMPORTED_MODULE_3__.shallowMerge)(overwrite, withAppend, this.value, other.value);
         if (Array.isArray(this._value)) {
             this._value.length = 0;
-            this._value.push(...newThis);
+            (0,_Es2019Array__WEBPACK_IMPORTED_MODULE_0__.pushChunked)(this._value, newThis);
         }
         else {
             Object.getOwnPropertyNames(this._value).forEach(key => delete this._value[key]);
@@ -579,7 +579,7 @@ class Config extends _Monad__WEBPACK_IMPORTED_MODULE_1__.Optional {
             if (this.isArray(arrPos)) {
                 if (currKey != "") {
                     currAccessPos = Array.isArray(currAccessPos.value) ?
-                        _Monad__WEBPACK_IMPORTED_MODULE_1__.Optional.fromNullable((_b = (_a = new _Es2019Array__WEBPACK_IMPORTED_MODULE_0__.Es2019Array(...currAccessPos.value)
+                        _Monad__WEBPACK_IMPORTED_MODULE_1__.Optional.fromNullable((_b = (_a = (0,_Es2019Array__WEBPACK_IMPORTED_MODULE_0__.Es2019ArrayFrom)(currAccessPos.value)
                             .find(item => {
                             var _a;
                             return !!((_a = item === null || item === void 0 ? void 0 : item[currKey]) !== null && _a !== void 0 ? _a : false);
@@ -594,7 +594,7 @@ class Config extends _Monad__WEBPACK_IMPORTED_MODULE_1__.Optional {
             }
             else {
                 //we now have an array and go further with a singular key
-                currAccessPos = (Array.isArray(currAccessPos.value)) ? _Monad__WEBPACK_IMPORTED_MODULE_1__.Optional.fromNullable((_g = new _Es2019Array__WEBPACK_IMPORTED_MODULE_0__.Es2019Array(...currAccessPos.value)
+                currAccessPos = (Array.isArray(currAccessPos.value)) ? _Monad__WEBPACK_IMPORTED_MODULE_1__.Optional.fromNullable((_g = (0,_Es2019Array__WEBPACK_IMPORTED_MODULE_0__.Es2019ArrayFrom)(currAccessPos.value)
                     .find(item => {
                     var _a;
                     return !!((_a = item === null || item === void 0 ? void 0 : item[currKey]) !== null && _a !== void 0 ? _a : false);
@@ -676,6 +676,21 @@ const isString = _Lang__WEBPACK_IMPORTED_MODULE_2__.Lang.isString;
 const eqi = _Lang__WEBPACK_IMPORTED_MODULE_2__.Lang.equalsIgnoreCase;
 const objToArray = _Lang__WEBPACK_IMPORTED_MODULE_2__.Lang.objToArray;
 
+/**
+ * chunk-safe version of target.prepend(...elements)
+ * (spreading a large element list overflows the argument stack)
+ *
+ * the chunks are prepended in reverse order, so the resulting
+ * element order is the same as a single prepend call would produce,
+ * for less than MAX_ARG_LENGTH elements this boils down to exactly
+ * one native prepend call
+ */
+function prependChunked(target, elements) {
+    for (let end = elements.length; end > 0; end -= _Es2019Array__WEBPACK_IMPORTED_MODULE_4__.MAX_ARG_LENGTH) {
+        const start = Math.max(0, end - _Es2019Array__WEBPACK_IMPORTED_MODULE_4__.MAX_ARG_LENGTH);
+        target.prepend(...elements.slice(start, end));
+    }
+}
 class NonceValueEmbedder extends _Monad__WEBPACK_IMPORTED_MODULE_0__.ValueEmbedder {
     constructor(rootElems) {
         super(rootElems === null || rootElems === void 0 ? void 0 : rootElems[0], "nonce");
@@ -784,7 +799,9 @@ function waitUntilDom(root, condition, options = {
             });
         }
         else { // fallback for legacy browsers without mutation observer
-            let interval = setInterval(() => {
+            let interval;
+            let timeout;
+            interval = setInterval(() => {
                 let found = findElement(root, condition);
                 if (!!found) {
                     if (timeout) {
@@ -795,7 +812,7 @@ function waitUntilDom(root, condition, options = {
                     success(new DomQuery(found || root));
                 }
             }, options.interval);
-            let timeout = setTimeout(() => {
+            timeout = setTimeout(() => {
                 if (interval) {
                     clearInterval(interval);
                     error(MUT_ERROR);
@@ -823,7 +840,6 @@ class ElementAttribute extends _Monad__WEBPACK_IMPORTED_MODULE_0__.ValueEmbedder
         for (let cnt = 0; cnt < val.length; cnt++) {
             val[cnt].setAttribute(this.name, value);
         }
-        val[0].setAttribute(this.name, value);
     }
     getClass() {
         return ElementAttribute;
@@ -853,10 +869,10 @@ class Style extends _Monad__WEBPACK_IMPORTED_MODULE_0__.ValueEmbedder {
         }
     }
     getClass() {
-        return ElementAttribute;
+        return Style;
     }
     static fromNullable(value, valueKey = "value") {
-        return new ElementAttribute(value, valueKey);
+        return new Style(value, valueKey);
     }
 }
 /**
@@ -904,11 +920,16 @@ class DomQuery {
                 else if (isString(rootNode[cnt])) {
                     let foundElement = DomQuery.querySelectorAll(rootNode[cnt]);
                     if (!foundElement.isAbsent()) {
-                        rootNode.push(...foundElement.values);
+                        (0,_Es2019Array__WEBPACK_IMPORTED_MODULE_4__.pushChunked)(rootNode, foundElement.values);
                     }
                 }
                 else if (rootNode[cnt] instanceof DomQuery) {
-                    this.rootNode.push(...rootNode[cnt].values);
+                    (0,_Es2019Array__WEBPACK_IMPORTED_MODULE_4__.pushChunked)(this.rootNode, rootNode[cnt].values);
+                }
+                else if (Array.isArray(rootNode[cnt])) {
+                    // flatten array arguments into the work list, so large element
+                    // arrays can be passed without spreading them into the call
+                    (0,_Es2019Array__WEBPACK_IMPORTED_MODULE_4__.pushChunked)(rootNode, rootNode[cnt]);
                 }
                 else {
                     this.rootNode.push(rootNode[cnt]);
@@ -1010,17 +1031,17 @@ class DomQuery {
         this.id.value = value;
     }
     get checked() {
-        return new _Es2019Array__WEBPACK_IMPORTED_MODULE_4__.Es2019Array(...this.values).every(el => !!(el).checked);
+        return (0,_Es2019Array__WEBPACK_IMPORTED_MODULE_4__.Es2019ArrayFrom)(this.values).every(el => !!el.checked);
     }
     set checked(newChecked) {
         this.eachElem(el => el.checked = newChecked);
     }
     get elements() {
         // a simple querySelectorAll should suffice
-        return this.querySelectorAll("input, checkbox, select, textarea, fieldset");
+        return this.querySelectorAll("input, select, textarea, fieldset");
     }
     get deepElements() {
-        let elemStr = "input, select, textarea, checkbox, fieldset";
+        let elemStr = "input, select, textarea, fieldset";
         return this.querySelectorAllDeep(elemStr);
     }
     /**
@@ -1034,14 +1055,45 @@ class DomQuery {
         if (queryRes.length) {
             found.push(queryRes);
         }
-        let shadowRoots = this.querySelectorAll("*").shadowRoot;
+        let shadowRoots = this._collectShadowRoots();
         if (shadowRoots.length) {
-            let shadowRes = shadowRoots.querySelectorAllDeep(queryStr);
+            let shadowRes = new DomQuery(shadowRoots).querySelectorAllDeep(queryStr);
             if (shadowRes.length) {
                 found.push(shadowRes);
             }
         }
-        return new DomQuery(...found);
+        return new DomQuery(found);
+    }
+    /**
+     * Collects the shadow roots hosted by the light-DOM descendants of each root
+     * node in a single pass.
+     *
+     * This replaces the prior `querySelectorAll("*").shadowRoot`, which
+     * materialized a DomQuery wrapping every element on the page and then walked
+     * that throwaway collection a second time through the shadowRoot getter. We
+     * still have to inspect every element - there is no CSS selector for "has a
+     * shadow root", so the cost stays O(number of elements) - but we drop the
+     * intermediate all-elements DomQuery and the redundant second traversal.
+     *
+     * @private
+     */
+    _collectShadowRoots() {
+        var _a, _b;
+        let shadowRoots = [];
+        for (let cnt = 0; cnt < ((_b = (_a = this === null || this === void 0 ? void 0 : this.rootNode) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0); cnt++) {
+            let root = this.rootNode[cnt];
+            if (!(root === null || root === void 0 ? void 0 : root.querySelectorAll)) {
+                continue;
+            }
+            let all = root.querySelectorAll("*");
+            for (let i = 0, len = all.length; i < len; i++) {
+                let shadowRoot = all[i].shadowRoot;
+                if (shadowRoot) {
+                    shadowRoots.push(shadowRoot);
+                }
+            }
+        }
+        return shadowRoots;
     }
     /**
      * disabled flag
@@ -1064,13 +1116,17 @@ class DomQuery {
     get childNodes() {
         let childNodeArr = [];
         this.eachElem((item) => {
-            childNodeArr = childNodeArr.concat(objToArray(item.childNodes));
+            // push the live childNodes list straight into the single target in
+            // chunks instead of concat(objToArray(...)) per root, which both
+            // copied each child list and reallocated the growing accumulator
+            // (O(roots * total children))
+            (0,_Es2019Array__WEBPACK_IMPORTED_MODULE_4__.pushChunked)(childNodeArr, item.childNodes);
         });
-        return new DomQuery(...childNodeArr);
+        return new DomQuery(childNodeArr);
     }
     get asArray() {
         // filter not supported by IE11
-        let items = new _Es2019Array__WEBPACK_IMPORTED_MODULE_4__.Es2019Array(...this.rootNode).filter(item => {
+        let items = (0,_Es2019Array__WEBPACK_IMPORTED_MODULE_4__.Es2019ArrayFrom)(this.rootNode).filter(item => {
             return item != null;
         }).map(item => {
             return DomQuery.byId(item);
@@ -1078,31 +1134,31 @@ class DomQuery {
         return items;
     }
     get offsetWidth() {
-        return new _Es2019Array__WEBPACK_IMPORTED_MODULE_4__.Es2019Array(...this.rootNode)
+        return (0,_Es2019Array__WEBPACK_IMPORTED_MODULE_4__.Es2019ArrayFrom)(this.rootNode)
             .filter(item => item != null)
             .map(elem => elem.offsetWidth)
             .reduce((accumulate, incoming) => accumulate + incoming, 0);
     }
     get offsetHeight() {
-        return new _Es2019Array__WEBPACK_IMPORTED_MODULE_4__.Es2019Array(...this.rootNode)
+        return (0,_Es2019Array__WEBPACK_IMPORTED_MODULE_4__.Es2019ArrayFrom)(this.rootNode)
             .filter(item => item != null)
             .map(elem => elem.offsetHeight)
             .reduce((accumulate, incoming) => accumulate + incoming, 0);
     }
     get offsetLeft() {
-        return new _Es2019Array__WEBPACK_IMPORTED_MODULE_4__.Es2019Array(...this.rootNode)
+        return (0,_Es2019Array__WEBPACK_IMPORTED_MODULE_4__.Es2019ArrayFrom)(this.rootNode)
             .filter(item => item != null)
             .map(elem => elem.offsetLeft)
             .reduce((accumulate, incoming) => accumulate + incoming, 0);
     }
     get offsetTop() {
-        return new _Es2019Array__WEBPACK_IMPORTED_MODULE_4__.Es2019Array(this.rootNode)
+        return (0,_Es2019Array__WEBPACK_IMPORTED_MODULE_4__.Es2019ArrayFrom)(this.rootNode)
             .filter(item => item != null)
             .map(elem => elem.offsetTop)
             .reduce((accumulate, incoming) => accumulate + incoming, 0);
     }
     get asNodeArray() {
-        return new _Es2019Array__WEBPACK_IMPORTED_MODULE_4__.Es2019Array(...this.rootNode.filter(item => item != null));
+        return (0,_Es2019Array__WEBPACK_IMPORTED_MODULE_4__.Es2019ArrayFrom)(this.rootNode.filter(item => item != null));
     }
     get nonce() {
         return new NonceValueEmbedder(this.rootNode);
@@ -1165,7 +1221,6 @@ class DomQuery {
      * @param markup the markup code to be executed from
      */
     static fromMarkup(markup) {
-        // https:// developer.mozilla.org/de/docs/Web/API/DOMParser license creative commons
         const doc = document.implementation.createHTMLDocument("");
         markup = trim(markup);
         let lowerMarkup = markup.toLowerCase();
@@ -1184,19 +1239,17 @@ class DomQuery {
             };
             let dummyPlaceHolder = new DomQuery(document.createElement("div"));
             // table needs special treatment due to the browsers auto creation
-            if (startsWithTag(lowerMarkup, "thead") || startsWithTag(lowerMarkup, "tbody")) {
+            if (startsWithTag(lowerMarkup, "thead")
+                || startsWithTag(lowerMarkup, "tbody")
+                || startsWithTag(lowerMarkup, "tfoot")) {
                 dummyPlaceHolder.html(`<table>${markup}</table>`);
                 return dummyPlaceHolder.querySelectorAll("table").get(0).childNodes.detach();
             }
-            else if (startsWithTag(lowerMarkup, "tfoot")) {
-                dummyPlaceHolder.html(`<table><thead></thead><tbody><tbody${markup}</table>`);
-                return dummyPlaceHolder.querySelectorAll("table").get(2).childNodes.detach();
-            }
             else if (startsWithTag(lowerMarkup, "tr")) {
                 dummyPlaceHolder.html(`<table><tbody>${markup}</tbody></table>`);
                 return dummyPlaceHolder.querySelectorAll("tbody").get(0).childNodes.detach();
             }
-            else if (startsWithTag(lowerMarkup, "td")) {
+            else if (startsWithTag(lowerMarkup, "td") || startsWithTag(lowerMarkup, "th")) {
                 dummyPlaceHolder.html(`<table><tbody><tr>${markup}</tr></tbody></table>`);
                 return dummyPlaceHolder.querySelectorAll("tr").get(0).childNodes.detach();
             }
@@ -1304,28 +1357,33 @@ class DomQuery {
     byId(id, includeRoot) {
         let res = [];
         if (includeRoot) {
-            res = res.concat(...new _Es2019Array__WEBPACK_IMPORTED_MODULE_4__.Es2019Array(...((this === null || this === void 0 ? void 0 : this.rootNode) || []))
-                .filter(((item) => id == item.id))
+            res = res.concat((0,_Es2019Array__WEBPACK_IMPORTED_MODULE_4__.Es2019ArrayFrom)((this === null || this === void 0 ? void 0 : this.rootNode) || [])
+                .filter((item) => id == item.id)
                 .map(item => new DomQuery(item)));
         }
         // for some strange kind of reason the # selector fails
         // on hidden elements we use the attributes match selector
         // that works
         res = res.concat(this.querySelectorAll(`[id="${id}"]`));
-        return new DomQuery(...res);
+        return new DomQuery(res);
     }
     byIdDeep(id, includeRoot) {
         let res = [];
         if (includeRoot) {
-            res = res.concat(new _Es2019Array__WEBPACK_IMPORTED_MODULE_4__.Es2019Array(...((this === null || this === void 0 ? void 0 : this.rootNode) || []))
+            res = res.concat((0,_Es2019Array__WEBPACK_IMPORTED_MODULE_4__.Es2019ArrayFrom)((this === null || this === void 0 ? void 0 : this.rootNode) || [])
                 .filter(item => id == item.id)
                 .map(item => new DomQuery(item)));
         }
+        // a "deep" id search must collect matches across every scope: ids are
+        // unique only within a single node-tree, so the same id may legitimately
+        // exist in the light DOM and inside one or more shadow roots at once.
+        // We therefore cannot short-circuit on a light-DOM hit and must run the
+        // full deep search.
         let subItems = this.querySelectorAllDeep(`[id="${id}"]`);
         if (subItems.length) {
             res.push(subItems);
         }
-        return new DomQuery(...res);
+        return new DomQuery(res);
     }
     /**
      * same as byId just for the tag name
@@ -1337,12 +1395,15 @@ class DomQuery {
         var _a;
         let res = [];
         if (includeRoot) {
-            res = new _Es2019Array__WEBPACK_IMPORTED_MODULE_4__.Es2019Array(...((_a = this === null || this === void 0 ? void 0 : this.rootNode) !== null && _a !== void 0 ? _a : []))
-                .filter(element => (element === null || element === void 0 ? void 0 : element.tagName) == tagName)
-                .reduce((reduction, item) => reduction.concat([item]), res);
+            // append the matching roots in a single pass; the prior
+            // reduce(reduction.concat([item])) reallocated the accumulator on
+            // every match (O(matches^2))
+            let matchingRoots = (0,_Es2019Array__WEBPACK_IMPORTED_MODULE_4__.Es2019ArrayFrom)((_a = this === null || this === void 0 ? void 0 : this.rootNode) !== null && _a !== void 0 ? _a : [])
+                .filter(element => (element === null || element === void 0 ? void 0 : element.tagName) == tagName);
+            (0,_Es2019Array__WEBPACK_IMPORTED_MODULE_4__.pushChunked)(res, matchingRoots);
         }
         (deep) ? res.push(this.querySelectorAllDeep(tagName)) : res.push(this.querySelectorAll(tagName));
-        return new DomQuery(...res);
+        return new DomQuery(res);
     }
     /**
      * attr accessor, usage myQuery.attr("class").value = "bla"
@@ -1463,7 +1524,7 @@ class DomQuery {
                 matched.push(item);
             }
         });
-        return new DomQuery(...matched);
+        return new DomQuery(matched);
     }
     /**
      * checks whether any item in this domQuery level matches the selector
@@ -1502,19 +1563,19 @@ class DomQuery {
         return this;
     }
     firstElem(func = item => item) {
-        if (this.rootNode.length > 1) {
+        if (this.rootNode.length > 0) {
             func(this.rootNode[0], 0);
         }
         return this;
     }
     lastElem(func = item => item) {
-        if (this.rootNode.length > 1) {
-            func(this.rootNode[this.rootNode.length - 1], 0);
+        if (this.rootNode.length > 0) {
+            func(this.rootNode[this.rootNode.length - 1], this.rootNode.length - 1);
         }
         return this;
     }
     each(func) {
-        new _Es2019Array__WEBPACK_IMPORTED_MODULE_4__.Es2019Array(...this.rootNode)
+        (0,_Es2019Array__WEBPACK_IMPORTED_MODULE_4__.Es2019ArrayFrom)(this.rootNode)
             .forEach((item, cnt) => {
             // we could use a filter, but for the best performance we don´t
             if (item == null) {
@@ -1583,7 +1644,7 @@ class DomQuery {
         this.each((item) => {
             func(item) ? reArr.push(item) : null;
         });
-        return new DomQuery(...reArr);
+        return new DomQuery(reArr);
     }
     /**
      * global eval head appendix method
@@ -1698,7 +1759,7 @@ class DomQuery {
         let res = [];
         res.push(this);
         res = res.concat(toInsertParams);
-        return new DomQuery(...res);
+        return new DomQuery(res);
     }
     insertBefore(...toInsertParams) {
         this.each(existingItem => {
@@ -1713,7 +1774,7 @@ class DomQuery {
         let res = [];
         res.push(this);
         res = res.concat(toInsertParams);
-        return new DomQuery(...res);
+        return new DomQuery(res);
     }
     orElse(...elseValue) {
         if (this.isPresent()) {
@@ -1744,7 +1805,7 @@ class DomQuery {
             }
             parent = parent.parent();
         }
-        return new DomQuery(...ret);
+        return new DomQuery(ret);
     }
     /**
      * finds the first parent in the hierarchy for which the selector matches
@@ -1771,7 +1832,7 @@ class DomQuery {
             retArr.push(parent);
             parent = parent.parent().filter(item => item.matchesSelector(selector));
         }
-        return new DomQuery(...retArr);
+        return new DomQuery(retArr);
     }
     parent() {
         let ret = [];
@@ -1781,7 +1842,7 @@ class DomQuery {
                 ret.push(parent);
             }
         });
-        return new DomQuery(...ret);
+        return new DomQuery(ret);
     }
     copyAttrs(sourceItem) {
         sourceItem.eachElem((sourceNode) => {
@@ -1827,13 +1888,18 @@ class DomQuery {
     outerHTML(markup, runEmbeddedScripts, runEmbeddedCss, deep = false) {
         var _a;
         if (this.isAbsent()) {
-            return;
+            return undefined;
         }
-        let focusElementId = (_a = document === null || document === void 0 ? void 0 : document.activeElement) === null || _a === void 0 ? void 0 : _a.id;
-        let caretPosition = (focusElementId) ? DomQuery.getCaretPosition(document.activeElement) : null;
+        let toReplace = this.getAsElem(0).value;
+        let activeElement = document === null || document === void 0 ? void 0 : document.activeElement;
+        let focusElementId = activeElement === null || activeElement === void 0 ? void 0 : activeElement.id;
+        // only save/restore the caret if the focused element is actually part of the
+        // subtree that gets replaced. Otherwise updating an unrelated component would
+        // reset the caret of a different, still focused input field.
+        let restoreFocus = !!focusElementId && !!((_a = toReplace === null || toReplace === void 0 ? void 0 : toReplace.contains) === null || _a === void 0 ? void 0 : _a.call(toReplace, activeElement));
+        let caretPosition = restoreFocus ? DomQuery.getCaretPosition(activeElement) : null;
         let nodes = DomQuery.fromMarkup(markup);
         let res = [];
-        let toReplace = this.getAsElem(0).value;
         let firstInsert = nodes.get(0);
         let parentNode = toReplace.parentNode;
         let replaced = firstInsert.getAsElem(0).value;
@@ -1845,8 +1911,8 @@ class DomQuery {
         }
         let insertAdditionalItems = [];
         if (nodes.length > 1) {
-            insertAdditionalItems = insertAdditionalItems.concat(...nodes.values.slice(1));
-            res.push(DomQuery.byId(replaced).insertAfter(new DomQuery(...insertAdditionalItems)));
+            insertAdditionalItems = insertAdditionalItems.concat(nodes.values.slice(1));
+            res.push(DomQuery.byId(replaced).insertAfter(new DomQuery(insertAdditionalItems)));
         }
         if (runEmbeddedScripts) {
             this.runScripts();
@@ -1854,10 +1920,12 @@ class DomQuery {
         if (runEmbeddedCss) {
             this.runCss();
         }
-        let focusElement = DomQuery.byId(focusElementId);
-        if (focusElementId && focusElement.isPresent() &&
-            caretPosition != null && "undefined" != typeof caretPosition) {
-            focusElement.eachElem(item => DomQuery.setCaretPosition(item, caretPosition));
+        if (restoreFocus) {
+            let focusElement = DomQuery.byId(focusElementId);
+            if (focusElement.isPresent() &&
+                caretPosition != null && "undefined" != typeof caretPosition) {
+                focusElement.eachElem(item => DomQuery.setCaretPosition(item, caretPosition));
+            }
         }
         return nodes;
     }
@@ -1874,7 +1942,7 @@ class DomQuery {
                 // scripts before we run the 'include' command
                 // this.globalEval(finalScripts.join("\n"));
                 let joinedScripts = [];
-                new _Es2019Array__WEBPACK_IMPORTED_MODULE_4__.Es2019Array(...scriptsToProcess).forEach(item => {
+                (0,_Es2019Array__WEBPACK_IMPORTED_MODULE_4__.Es2019ArrayFrom)(scriptsToProcess).forEach(item => {
                     if (!item.nonce) {
                         joinedScripts.push(item.evalText);
                     }
@@ -1974,7 +2042,8 @@ class DomQuery {
                 // because in the head appendix
                 // method only a console
                 // error would be raised as well
-                console.error(e.message || e.description);
+                const error = e;
+                console.error(error.message || error.description);
             }
         }
         finally {
@@ -2126,7 +2195,7 @@ class DomQuery {
         // browser behavior no element name no encoding (normal submit fails in that case)
         // https:// issues.apache.org/jira/browse/MYFACES-2847
         if (this.name.isAbsent()) {
-            return;
+            return undefined;
         }
         // let´s keep it side-effects free
         let target = (0,_AssocArray__WEBPACK_IMPORTED_MODULE_5__.simpleShallowMerge)(toMerge);
@@ -2228,7 +2297,7 @@ class DomQuery {
         if (_Monad__WEBPACK_IMPORTED_MODULE_0__.Optional.fromNullable(to).isAbsent()) {
             to = this.length;
         }
-        return new DomQuery(...this.rootNode.slice(from, Math.min(to, this.length)));
+        return new DomQuery(this.rootNode.slice(from, Math.min(to, this.length)));
     }
     limits(end) {
         this._limits = end;
@@ -2276,7 +2345,7 @@ class DomQuery {
                 throw new Error("Shadow dom creation not supported by the browser, please use a shim, to gain this functionality");
             }
         });
-        return new DomQuery(...shadowRoots);
+        return new DomQuery(shadowRoots);
     }
     /**
      * helper to fix a common dom problem
@@ -2301,8 +2370,10 @@ class DomQuery {
     get shadowElements() {
         let shadowElements = this.querySelectorAll("*")
             .filter(item => item.hasShadow);
-        let mapped = (shadowElements.allElems() || []).map(element => element.shadowRoot);
-        return new DomQuery(...mapped);
+        let mapped = (shadowElements.allElems() || [])
+            .map(element => element.shadowRoot)
+            .filter((root) => !!root);
+        return new DomQuery(mapped);
     }
     get shadowRoot() {
         let shadowRoots = [];
@@ -2311,7 +2382,7 @@ class DomQuery {
                 shadowRoots.push(this.rootNode[cnt].shadowRoot);
             }
         }
-        return new DomQuery(...shadowRoots);
+        return new DomQuery(shadowRoots);
     }
     get hasShadow() {
         for (let cnt = 0; cnt < this.rootNode.length; cnt++) {
@@ -2321,25 +2392,18 @@ class DomQuery {
         }
         return false;
     }
-    // from
-    // http:// blog.vishalon.net/index.php/javascript-getting-and-setting-caret-position-in-textarea/
     static getCaretPosition(ctrl) {
-        let caretPos = 0;
         try {
-            if (document === null || document === void 0 ? void 0 : document.selection) {
-                ctrl.focus();
-                let selection = document.selection.createRange();
-                // the selection now is start zero
-                selection.moveStart('character', -ctrl.value.length);
-                // the caret-position is the selection start
-                caretPos = selection.text.length;
+            // selectionStart is supported on text inputs/textareas in every relevant
+            // browser (IE9+ and all modern engines)
+            if (typeof (ctrl === null || ctrl === void 0 ? void 0 : ctrl.selectionStart) === "number") {
+                return ctrl.selectionStart;
             }
         }
         catch (e) {
-            // now this is ugly, but not supported input types throw errors for selectionStart
-            // just in case someone dumps this code onto unsupported browsers
+            // some input types throw on selectionStart access; treat as "no caret"
         }
-        return caretPos;
+        return 0;
     }
     /**
      * sets the caret position
@@ -2354,7 +2418,19 @@ class DomQuery {
     static setCaretPosition(ctrl, pos) {
         (ctrl === null || ctrl === void 0 ? void 0 : ctrl.focus) ? ctrl === null || ctrl === void 0 ? void 0 : ctrl.focus() : null;
         // the selection range is our caret position
-        (ctrl === null || ctrl === void 0 ? void 0 : ctrl.setSelectiongRange) ? ctrl === null || ctrl === void 0 ? void 0 : ctrl.setSelectiongRange(pos, pos) : null;
+        //
+        // setSelectionRange exists on every HTMLInputElement, but the DOM spec
+        // mandates that calling it on input types which do not support text
+        // selection (checkbox, radio, button, file, ...) throws an
+        // InvalidStateError. Hence a plain existence check is not enough; we
+        // additionally swallow the error so the focus above still takes effect
+        // (silent fail as documented).
+        try {
+            (ctrl === null || ctrl === void 0 ? void 0 : ctrl.setSelectionRange) ? ctrl === null || ctrl === void 0 ? void 0 : ctrl.setSelectionRange(pos, pos) : null;
+        }
+        catch (e) {
+            // input type does not support a caret/selection -> nothing to set
+        }
     }
     /**
      * Implementation of an iterator
@@ -2379,13 +2455,13 @@ class DomQuery {
      */
     concat(toAttach, filterDoubles = true) {
         let domQueries = this.asArray;
-        const ret = new DomQuery(...domQueries.concat(toAttach.asArray));
+        const ret = new DomQuery(domQueries.concat(toAttach.asArray));
         // we now filter the doubles out
         if (!filterDoubles) {
             return ret;
         }
         let idx = {}; // ie11 does not support sets, we have to fake it
-        return new DomQuery(...ret.asArray.filter(node => {
+        return new DomQuery(ret.asArray.filter(node => {
             const notFound = !(idx === null || idx === void 0 ? void 0 : idx[node.value.value.outerHTML]);
             idx[node.value.value.outerHTML] = true;
             return notFound;
@@ -2397,13 +2473,13 @@ class DomQuery {
     }
     prependTo(elem) {
         elem.eachElem(item => {
-            item.prepend(...this.allElems());
+            prependChunked(item, this.allElems());
         });
         return this;
     }
     prepend(elem) {
         this.eachElem(item => {
-            item.prepend(...elem.allElems());
+            prependChunked(item, elem.allElems());
         });
         return this;
     }
@@ -2424,9 +2500,13 @@ class DomQuery {
                 continue;
             }
             let res = this.rootNode[cnt].querySelectorAll(selector);
-            nodes = nodes.concat(...objToArray(res));
+            // push the NodeList straight into the single target array in
+            // argument-stack-safe chunks; this avoids the objToArray copy plus
+            // the concat reallocation, which doubled a large result set (e.g. the
+            // querySelectorAll("*") shadow scan) on every root iteration
+            (0,_Es2019Array__WEBPACK_IMPORTED_MODULE_4__.pushChunked)(nodes, res);
         }
-        return new DomQuery(...nodes);
+        return new DomQuery(nodes);
     }
     /*deep with a selector and a pseudo /shadow/ marker to break into the next level*/
     _querySelectorAllDeep(selector) {
@@ -2434,7 +2514,7 @@ class DomQuery {
         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 foundNodes = new DomQuery(this.rootNode);
         let selectors = selector.split(/\/shadow\//);
         for (let cnt2 = 0; cnt2 < selectors.length; cnt2++) {
             if (selectors[cnt2] == "") {
@@ -2465,9 +2545,9 @@ class DomQuery {
                 continue;
             }
             let res = [this.rootNode[cnt].closest(selector)];
-            nodes = nodes.concat(...res);
+            nodes = nodes.concat(res);
         }
-        return new DomQuery(...nodes);
+        return new DomQuery(nodes);
     }
     /*deep with a selector and a pseudo /shadow/ marker to break into the next level*/
     _closestDeep(selector) {
@@ -2475,7 +2555,7 @@ class DomQuery {
         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 foundNodes = new DomQuery(this.rootNode);
         let selectors = selector.split(/\/shadow\//);
         for (let cnt2 = 0; cnt2 < selectors.length; cnt2++) {
             if (selectors[cnt2] == "") {
@@ -2612,7 +2692,7 @@ class DomQueryCollector {
         this.data.push(element);
     }
     get finalValue() {
-        return new DomQuery(...this.data);
+        return new DomQuery(this.data);
     }
 }
 /**
@@ -2637,25 +2717,54 @@ const DQ$ = DomQuery.querySelectorAll;
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   Es2019Array: () => (/* binding */ Es2019Array),
-/* harmony export */   _Es2019Array: () => (/* binding */ _Es2019Array)
+/* harmony export */   Es2019ArrayFrom: () => (/* binding */ Es2019ArrayFrom),
+/* harmony export */   MAX_ARG_LENGTH: () => (/* binding */ MAX_ARG_LENGTH),
+/* harmony export */   _Es2019Array: () => (/* binding */ _Es2019Array),
+/* harmony export */   _Es2019ArrayFromArr: () => (/* binding */ _Es2019ArrayFromArr),
+/* harmony export */   pushChunked: () => (/* binding */ pushChunked)
 /* harmony export */ });
 /**
  * Extended array
  */
+/**
+ * Max number of elements passed per function call.
+ * Spreading or applying a large array into a single call
+ * ("fn(...data)") overflows the argument stack on most browsers
+ * (Chrome throws "RangeError: Maximum call stack size exceeded"
+ * at roughly 65k arguments), so bulk operations must be chunked.
+ */
+const MAX_ARG_LENGTH = 30000;
+/**
+ * Appends the contents of source to target in argument-stack-safe chunks,
+ * the chunk-safe replacement for target.push(...source)
+ *
+ * @param target the array to append to
+ * @param source the elements to append
+ * @returns target for chaining
+ */
+function pushChunked(target, source) {
+    for (let start = 0, len = source.length; start < len; start += MAX_ARG_LENGTH) {
+        Array.prototype.push.apply(target, Array.prototype.slice.call(source, start, start + MAX_ARG_LENGTH));
+    }
+    return target;
+}
 /**
  * Extended array which adds various es 2019 shim functions to the normal array
  * We must remap all array producing functions in order to keep
  * the delegation active, once we are in!
  */
 class Es2019Array_ extends Array {
-    constructor(...another) {
-        super(...another);
+    constructor(another = []) {
+        super();
+        // species constructors and legacy code paths may pass a scalar
+        another = Array.isArray(another) ? another : [another];
         if (another._another) {
             this._another = another._another;
         }
         else {
             this._another = another;
         }
+        pushChunked(this, another);
         //for testing it definitely runs into this branch because we are on es5 level
         //if (!(Array.prototype).flatMap as any) {
         this.flatMap = (flatMapFun) => this._flatMap(flatMapFun);
@@ -2666,27 +2775,27 @@ class Es2019Array_ extends Array {
     }
     map(callbackfn, thisArg) {
         const ret = Array.prototype.map.call(this._another, callbackfn, thisArg);
-        return new _Es2019Array(...ret);
+        return _Es2019ArrayFromArr(ret);
     }
     concat(...items) {
-        const ret = Array.prototype.concat.call(this._another, ...items);
-        return new _Es2019Array(...ret);
+        const ret = Array.prototype.concat.apply(this._another, items);
+        return _Es2019ArrayFromArr(ret);
     }
     reverse() {
         const ret = Array.prototype.reverse.call(this._another);
-        return new _Es2019Array(...ret);
+        return _Es2019ArrayFromArr(ret);
     }
     slice(start, end) {
         const ret = Array.prototype.slice.call(this._another, start, end);
-        return new _Es2019Array(...ret);
+        return _Es2019ArrayFromArr(ret);
     }
     splice(start, deleteCount) {
         const ret = Array.prototype.splice.call(this._another, start, deleteCount !== null && deleteCount !== void 0 ? deleteCount : 0);
-        return new _Es2019Array(...ret);
+        return _Es2019ArrayFromArr(ret);
     }
     filter(predicate, thisArg) {
         const ret = Array.prototype.filter.call(this._another, predicate, thisArg);
-        return new _Es2019Array(...ret);
+        return _Es2019ArrayFromArr(ret);
     }
     reduce(callbackfn, initialValue) {
         const ret = Array.prototype.reduce.call(this._another, callbackfn, initialValue);
@@ -2711,7 +2820,7 @@ class Es2019Array_ extends Array {
             res = res.concat(mapped);
         };
         arr.forEach(reFlat);
-        return new Es2019Array(...res);
+        return Es2019ArrayFrom(res);
     }
     _flatMap(mapperFunction) {
         let res = this.map(item => mapperFunction(item));
@@ -2721,7 +2830,14 @@ class Es2019Array_ extends Array {
 //let _Es2019Array = function<T>(...data: T[]) {};
 //let oldProto = Es2019Array.prototype;
 function _Es2019Array(...data) {
-    let ret = new Es2019Array_(...data);
+    return _Es2019ArrayFromArr(data);
+}
+/**
+ * chunk-safe variant of _Es2019Array which takes the backing array
+ * directly instead of spreading it into the call
+ */
+function _Es2019ArrayFromArr(data) {
+    let ret = new Es2019Array_(data);
     let proxied = new Proxy(ret, {
         get(target, p, receiver) {
             if ("symbol" == typeof p) {
@@ -2743,20 +2859,26 @@ function _Es2019Array(...data) {
     return proxied;
 }
 ;
-/**
- * this is the switch between normal array and our shim
- * the shim is only provided in case the native browser
- * does not yet have flatMap support on arrays
- */
-// Runtime check for browser compatibility — TypeScript knows flatMap exists in lib but older browsers may not have it.
-var Es2019Array = (Array.prototype.flatMap) ? function (...data) {
+var Es2019Array = ((Array.prototype.flatMap) ? function (...data) {
     // sometimes the typescript compiler produces
     // an array without flatmap between boundaries (the result produces True for Array.isArray
     // but has no flatMap function, could be a node issue also or Typescript!
     // we remap that (could be related to: https://github.com/microsoft/TypeScript/issues/31033
     // the check and remap fixes the issue which should not exist in the first place
-    return (data === null || data === void 0 ? void 0 : data.flatMap) ? data : _Es2019Array(...data);
-} : _Es2019Array;
+    return (data === null || data === void 0 ? void 0 : data.flatMap) ? data : _Es2019ArrayFromArr(data);
+} : _Es2019Array);
+/**
+ * chunk-safe variant of new Es2019Array(...source) -
+ * spreading a large array into the constructor call overflows the
+ * argument stack ("Maximum call stack size exceeded"), this builder
+ * copies the data over in safe chunks instead
+ *
+ * @param source an array or array-like holding the initial data
+ */
+function Es2019ArrayFrom(source) {
+    const data = pushChunked([], source);
+    return (Array.prototype.flatMap) ? data : _Es2019ArrayFromArr(data);
+}
 
 
 /***/ },
@@ -2931,7 +3053,7 @@ var Lang;
         //special condition array delivered no offset no pack
         if ((obj) instanceof Array && !offset && !pack)
             return obj;
-        return new _Es2019Array__WEBPACK_IMPORTED_MODULE_1__.Es2019Array(...pack.concat(Array.prototype.slice.call(obj, offset)));
+        return (0,_Es2019Array__WEBPACK_IMPORTED_MODULE_1__.Es2019ArrayFrom)(pack.concat(Array.prototype.slice.call(obj, offset)));
     }
     Lang.objToArray = objToArray;
     /**
@@ -2978,8 +3100,6 @@ var Lang;
         return it instanceof Function || typeof it === "function";
     }
     Lang.isFunc = isFunc;
-    // code from https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Object/assign
-    // license https://creativecommons.org/licenses/by-sa/2.5/
     function objAssign(target, ...theArgs) {
         if (target == null) { // TypeError if undefined or null
             throw new TypeError('Cannot convert undefined or null to object');
@@ -2991,9 +3111,11 @@ var Lang;
         }
         theArgs.filter(item => item != null).forEach(item => {
             let nextSource = item;
-            Object.keys(nextSource)
-                .filter(nextKey => Object.prototype.hasOwnProperty.call(nextSource, nextKey))
-                .forEach(nextKey => to[nextKey] = nextSource[nextKey]);
+            const stringKeys = Object.keys(nextSource);
+            const symbolKeys = Object.getOwnPropertySymbols(nextSource)
+                .filter(sym => Object.prototype.propertyIsEnumerable.call(nextSource, sym));
+            [...stringKeys, ...symbolKeys]
+                .forEach(key => to[key] = nextSource[key]);
         });
         return to;
     }
@@ -3341,6 +3463,313 @@ class ValueEmbedder extends Optional {
 ValueEmbedder.absent = ValueEmbedder.fromNullable(null);
 
 
+/***/ },
+
+/***/ "./node_modules/mona-dish/src/main/typescript/Promise.ts"
+/*!***************************************************************!*\
+  !*** ./node_modules/mona-dish/src/main/typescript/Promise.ts ***!
+  \***************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   CancellablePromise: () => (/* binding */ CancellablePromise),
+/* harmony export */   Promise: () => (/* binding */ Promise),
+/* harmony export */   PromiseStatus: () => (/* binding */ PromiseStatus),
+/* harmony export */   interval: () => (/* binding */ interval),
+/* harmony export */   timeout: () => (/* binding */ timeout)
+/* harmony export */ });
+/* harmony import */ var _Monad__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Monad */ "./node_modules/mona-dish/src/main/typescript/Monad.ts");
+/*!
+ * 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.
+ */
+
+var PromiseStatus;
+(function (PromiseStatus) {
+    PromiseStatus[PromiseStatus["PENDING"] = 0] = "PENDING";
+    PromiseStatus[PromiseStatus["FULFILLED"] = 1] = "FULFILLED";
+    PromiseStatus[PromiseStatus["REJECTED"] = 2] = "REJECTED";
+})(PromiseStatus || (PromiseStatus = {}));
+/*
+ * Promise wrappers for timeout and interval
+ */
+function timeout(timeout) {
+    let handler = null;
+    return new CancellablePromise((apply, reject) => {
+        handler = setTimeout(() => apply(), timeout);
+    }, () => {
+        if (handler) {
+            clearTimeout(handler);
+            handler = null;
+        }
+    });
+}
+function interval(timeout) {
+    let handler = null;
+    return new CancellablePromise((apply, reject) => {
+        handler = setInterval(() => {
+            apply();
+        }, timeout);
+    }, () => {
+        if (handler) {
+            clearInterval(handler);
+            handler = null;
+        }
+    });
+}
+/**
+ * a small (probably not 100% correct, although I tried to be correct as possible) Promise implementation
+ * for systems which do not have a promise implemented
+ * Note, although an internal state is kept, this is sideffect free since
+ * is value is a function to operate on, hence no real state is kept internally, except for the then
+ * and catch calling order
+ */
+class Promise {
+    constructor(executor) {
+        this.status = PromiseStatus.PENDING;
+        this.allFuncs = [];
+        //super(executor);
+        this.value = executor;
+        this.value((data) => this.resolve(data), (data) => this.reject(data));
+    }
+    static all(...promises) {
+        let promiseCnt = 0;
+        let myapply;
+        let myPromise = new Promise((apply, reject) => {
+            myapply = apply;
+        });
+        let executor = () => {
+            promiseCnt++;
+            if (promises.length == promiseCnt) {
+                myapply();
+            }
+        };
+        executor.__last__ = true;
+        for (let cnt = 0; cnt < promises.length; cnt++) {
+            promises[cnt].finally(executor);
+        }
+        return myPromise;
+    }
+    static race(...promises) {
+        let promiseCnt = 0;
+        let myapply;
+        let myreject;
+        let myPromise = new Promise((apply, reject) => {
+            myapply = apply;
+            myreject = reject;
+        });
+        let thenexecutor = () => {
+            if (!!myapply) {
+                myapply();
+            }
+            myapply = null;
+            myreject = null;
+            return null;
+        };
+        thenexecutor.__last__ = true;
+        let catchexeutor = () => {
+            if (!!myreject) {
+                myreject();
+            }
+            myreject = null;
+            myapply = null;
+            return null;
+        };
+        catchexeutor.__last__ = true;
+        for (let cnt = 0; cnt < promises.length; cnt++) {
+            promises[cnt].then(thenexecutor);
+            promises[cnt].catch(catchexeutor);
+        }
+        return myPromise;
+    }
+    static reject(reason) {
+        let retVal = new Promise((resolve, reject) => {
+            //not really doable without a hack
+            if (reason instanceof Promise) {
+                reason.then((val) => {
+                    reject(val);
+                });
+            }
+            else {
+                setTimeout(() => {
+                    reject(reason);
+                }, 1);
+            }
+        });
+        return retVal;
+    }
+    static resolve(reason) {
+        let retVal = new Promise((resolve, reject) => {
+            //not really doable without a hack
+            if (reason instanceof Promise) {
+                reason.then((val) => resolve(val));
+            }
+            else {
+                setTimeout(() => {
+                    resolve(reason);
+                }, 1);
+            }
+        });
+        return retVal;
+    }
+    then(executorFunc, catchfunc) {
+        this.allFuncs.push({ "then": executorFunc });
+        if (catchfunc) {
+            this.allFuncs.push({ "catch": catchfunc });
+        }
+        this.spliceLastFuncs();
+        return this;
+    }
+    catch(executorFunc) {
+        this.allFuncs.push({ "catch": executorFunc });
+        this.spliceLastFuncs();
+        return this;
+    }
+    finally(executorFunc) {
+        if (this.__reason__) {
+            this.__reason__.finally(executorFunc);
+            return undefined;
+        }
+        this.allFuncs.push({ "finally": executorFunc });
+        this.spliceLastFuncs();
+        return this;
+    }
+    resolve(val) {
+        while (this.allFuncs.length) {
+            if (!this.allFuncs[0].then) {
+                break;
+            }
+            let fn = this.allFuncs.shift();
+            let funcResult = _Monad__WEBPACK_IMPORTED_MODULE_0__.Optional.fromNullable(fn.then(val));
+            if (funcResult.isPresent()) {
+                funcResult = funcResult.flatMap();
+                val = funcResult.value;
+                if (val instanceof Promise) {
+                    //let func = (newVal: any) => {this.resolve(newVal)};
+                    //func.__last__  = true;
+                    //val.then(func);
+                    this.transferIntoNewPromise(val);
+                    return;
+                }
+            }
+            else {
+                break;
+            }
+        }
+        this.appyFinally();
+        this.status = PromiseStatus.FULFILLED;
+    }
+    reject(val) {
+        while (this.allFuncs.length) {
+            if (this.allFuncs[0].finally) {
+                break;
+            }
+            let fn = this.allFuncs.shift();
+            if (fn.catch) {
+                let funcResult = _Monad__WEBPACK_IMPORTED_MODULE_0__.Optional.fromNullable(fn.catch(val));
+                if (funcResult.isPresent()) {
+                    funcResult = funcResult.flatMap();
+                    val = funcResult.value;
+                    if (val instanceof Promise) {
+                        //val.then((newVal: any) => {this.resolve(newVal)});
+                        this.transferIntoNewPromise(val);
+                        return;
+                    }
+                    this.status = PromiseStatus.REJECTED;
+                    break;
+                }
+                else {
+                    break;
+                }
+            }
+        }
+        this.status = PromiseStatus.REJECTED;
+        this.appyFinally();
+    }
+    appyFinally() {
+        while (this.allFuncs.length) {
+            let fn = this.allFuncs.shift();
+            if (fn.finally) {
+                fn.finally();
+            }
+        }
+    }
+    spliceLastFuncs() {
+        let lastFuncs = [];
+        let rest = [];
+        for (let cnt = 0; cnt < this.allFuncs.length; cnt++) {
+            for (let key in this.allFuncs[cnt]) {
+                if (this.allFuncs[cnt][key].__last__) {
+                    lastFuncs.push(this.allFuncs[cnt]);
+                }
+                else {
+                    rest.push(this.allFuncs[cnt]);
+                }
+            }
+        }
+        this.allFuncs = rest.concat(lastFuncs);
+    }
+    transferIntoNewPromise(val) {
+        for (let cnt = 0; cnt < this.allFuncs.length; cnt++) {
+            for (let key in this.allFuncs[cnt]) {
+                val[key](this.allFuncs[cnt][key]);
+            }
+        }
+    }
+}
+/**
+ * a cancellable promise
+ * a Promise with a cancel function, which can be cancellend any time
+ * this is useful for promises which use cancellable asynchronous operations
+ * note, even in a cancel state, the finally of the promise is executed, however
+ * subsequent thens are not anymore.
+ * The current then however is fished or a catch is called depending on how the outer
+ * operation reacts to a cancel order.
+ */
+class CancellablePromise extends Promise {
+    /**
+     * @param executor asynchronous callback operation which triggers the callback
+     * @param cancellator cancel operation, separate from the trigger operation
+     */
+    constructor(executor, cancellator) {
+        super(executor);
+        this.cancellator = () => {
+        };
+        this.cancellator = cancellator;
+    }
+    cancel() {
+        this.status = PromiseStatus.REJECTED;
+        this.appyFinally();
+        //lets terminate it once and for all, the finally has been applied
+        this.allFuncs = [];
+    }
+    then(executorFunc, catchfunc) {
+        return super.then(executorFunc, catchfunc);
+    }
+    catch(executorFunc) {
+        return super.catch(executorFunc);
+    }
+    finally(executorFunc) {
+        return super.finally(executorFunc);
+    }
+}
+
+
 /***/ },
 
 /***/ "./node_modules/mona-dish/src/main/typescript/SourcesCollectors.ts"
@@ -3420,7 +3849,17 @@ class MultiStreamDatasource {
     constructor(first, ...strms) {
         this.first = first;
         this.selectedPos = 0;
-        this.strms = [first].concat(...strms);
+        // callers may pass single data sources or entire arrays of them,
+        // we flatten one level here (chunk-safe, no spread into a call)
+        this.strms = [first];
+        strms.forEach(strm => {
+            if (Array.isArray(strm)) {
+                (0,_Es2019Array__WEBPACK_IMPORTED_MODULE_0__.pushChunked)(this.strms, strm);
+            }
+            else {
+                this.strms.push(strm);
+            }
+        });
         this.activeStrm = this.strms[this.selectedPos];
     }
     current() {
@@ -3522,6 +3961,18 @@ class ArrayStreamDataSource {
         this.dataPos = -1;
         this.value = value;
     }
+    /**
+     * chunk-safe factory, takes the backing array directly instead
+     * of spreading it into the constructor call (spreading large arrays
+     * overflows the argument stack)
+     *
+     * @param data the array to stream over
+     */
+    static ofArray(data) {
+        const ret = new ArrayStreamDataSource();
+        ret.value = data !== null && data !== void 0 ? data : [];
+        return ret;
+    }
     lookAhead(cnt = 1) {
         if ((this.dataPos + cnt) > this.value.length - 1) {
             return ITERATION_STATUS.EO_STRM;
@@ -3612,7 +4063,7 @@ class FilteredStreamDatasource {
      */
     lookAhead(cnt = 1) {
         var _a;
-        let lookupVal;
+        let lookupVal = ITERATION_STATUS.EO_STRM;
         for (let loop = 1; cnt > 0 && (lookupVal = this.inputDataSource.lookAhead(loop)) != ITERATION_STATUS.EO_STRM; loop++) {
             let inCache = (_a = this._filterIdx) === null || _a === void 0 ? void 0 : _a[this._unfilteredPos + loop];
             if (inCache || this.filterFunc(lookupVal)) {
@@ -3775,8 +4226,8 @@ class QueryFormStringCollector {
         }
     }
     get finalValue() {
-        return new _Es2019Array__WEBPACK_IMPORTED_MODULE_0__.Es2019Array(...this.formData)
-            .map(keyVal => keyVal.join("="))
+        return (0,_Es2019Array__WEBPACK_IMPORTED_MODULE_0__.Es2019ArrayFrom)(this.formData)
+            .map((keyVal) => keyVal.join("="))
             .reduce((item1, item2) => [item1, item2].join("&"));
     }
 }
@@ -3788,11 +4239,805 @@ class ArrayCollector {
     constructor() {
         this.data = [];
     }
-    collect(element) {
-        this.data.push(element);
+    collect(element) {
+        this.data.push(element);
+    }
+    get finalValue() {
+        return this.data;
+    }
+}
+
+
+/***/ },
+
+/***/ "./node_modules/mona-dish/src/main/typescript/Stream.ts"
+/*!**************************************************************!*\
+  !*** ./node_modules/mona-dish/src/main/typescript/Stream.ts ***!
+  \**************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   FlatMapStreamDataSource: () => (/* binding */ FlatMapStreamDataSource),
+/* harmony export */   LazyStream: () => (/* binding */ LazyStream),
+/* harmony export */   Stream: () => (/* binding */ Stream)
+/* harmony export */ });
+/* harmony import */ var _Monad__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Monad */ "./node_modules/mona-dish/src/main/typescript/Monad.ts");
+/* harmony import */ var _SourcesCollectors__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./SourcesCollectors */ "./node_modules/mona-dish/src/main/typescript/SourcesCollectors.ts");
+/* harmony import */ var _DomQuery__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./DomQuery */ "./node_modules/mona-dish/src/main/typescript/DomQuery.ts");
+/*!
+ * 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.
+ */
+/*
+ * A small stream implementation
+ */
+
+
+
+/**
+ * Same for flatmap to deal with element -> stream mappings
+ */
+class FlatMapStreamDataSource {
+    constructor(func, parent) {
+        /**
+         * the currently active stream
+         * coming from an incoming element
+         * once the end of this one is reached
+         * it is swapped out by another one
+         * from the next element
+         */
+        this.activeDataSource = null;
+        this.walkedDataSources = [];
+        this._currPos = 0;
+        this.mapFunc = func;
+        this.inputDataSource = parent;
+    }
+    hasNext() {
+        return this.resolveActiveHasNext() || this.resolveNextHasNext();
+    }
+    resolveActiveHasNext() {
+        let next = false;
+        if (this.activeDataSource) {
+            next = this.activeDataSource.hasNext();
+        }
+        return next;
+    }
+    lookAhead(cnt = 1) {
+        var _a;
+        let lookAhead = (_a = this === null || this === void 0 ? void 0 : this.activeDataSource) === null || _a === void 0 ? void 0 : _a.lookAhead(cnt);
+        if ((this === null || this === void 0 ? void 0 : this.activeDataSource) && lookAhead != _SourcesCollectors__WEBPACK_IMPORTED_MODULE_1__.ITERATION_STATUS.EO_STRM) {
+            //this should cover 95% of all cases
+            return lookAhead;
+        }
+        if (this.activeDataSource) {
+            cnt -= (0,_SourcesCollectors__WEBPACK_IMPORTED_MODULE_1__.calculateSkips)(this.activeDataSource);
+        }
+        //the idea is basically to look into the streams sub-sequentially for a match
+        //after each stream we have to take into consideration that the skipCnt is
+        //reduced by the number of datasets we already have looked into in the previous stream/datasource
+        //unfortunately for now we have to loop into them, so we introduce a small o2 here
+        for (let dsLoop = 1; true; dsLoop++) {
+            let datasourceData = this.inputDataSource.lookAhead(dsLoop);
+            //we have looped out
+            //no embedded data anymore? we are done, data
+            //can either be a scalar an array or another datasource
+            if (datasourceData === _SourcesCollectors__WEBPACK_IMPORTED_MODULE_1__.ITERATION_STATUS.EO_STRM) {
+                return _SourcesCollectors__WEBPACK_IMPORTED_MODULE_1__.ITERATION_STATUS.EO_STRM;
+            }
+            let mappedData = this.mapFunc(datasourceData);
+            //it either comes in as datasource or as array
+            //both cases must be unified into a datasource
+            let currentDataSource = this.toDatasource(mappedData);
+            //we now run again  a lookahead
+            let ret = currentDataSource.lookAhead(cnt);
+            //if the value is found then we are set
+            if (ret != _SourcesCollectors__WEBPACK_IMPORTED_MODULE_1__.ITERATION_STATUS.EO_STRM) {
+                return ret;
+            }
+            //reduce the next lookahead by the number of elements
+            //we are now skipping in the current data source
+            cnt -= (0,_SourcesCollectors__WEBPACK_IMPORTED_MODULE_1__.calculateSkips)(currentDataSource);
+        }
+    }
+    toDatasource(mapped) {
+        let ds = Array.isArray(mapped) ? _SourcesCollectors__WEBPACK_IMPORTED_MODULE_1__.ArrayStreamDataSource.ofArray(mapped) : mapped;
+        this.walkedDataSources.push(ds);
+        return ds;
+    }
+    resolveNextHasNext() {
+        let next = false;
+        while (!next && this.inputDataSource.hasNext()) {
+            let mapped = this.mapFunc(this.inputDataSource.next());
+            this.activeDataSource = this.toDatasource(mapped);
+            next = this.activeDataSource.hasNext();
+        }
+        return next;
+    }
+    next() {
+        if (this.hasNext()) {
+            this._currPos++;
+            return this.activeDataSource.next();
+        }
+        return undefined;
+    }
+    reset() {
+        this.inputDataSource.reset();
+        this.walkedDataSources.forEach(ds => ds.reset());
+        this.walkedDataSources = [];
+        this._currPos = 0;
+        this.activeDataSource = null;
+    }
+    current() {
+        if (!this.activeDataSource) {
+            this.hasNext();
+        }
+        return this.activeDataSource.current();
+    }
+}
+/**
+ * A simple typescript based reimplementation of streams
+ *
+ * This is the early eval version
+ * for a lazy eval version check, LazyStream, which is api compatible
+ * to this implementation, however with the benefit of being able
+ * to provide infinite data sources and generic data providers, the downside
+ * is, it might be a tad slower in some situations
+ */
+class Stream {
+    constructor(...value) {
+        this._limits = -1;
+        this.pos = -1;
+        this.value = value;
+    }
+    static of(...data) {
+        return Stream.ofArr(data);
+    }
+    /**
+     * chunk-safe factory, takes the backing array directly instead of
+     * spreading it into the call (Stream.of(...largeArray) overflows the
+     * argument stack on large arrays)
+     *
+     * @param data the array to stream over
+     */
+    static ofArr(data) {
+        const ret = new Stream();
+        ret.value = data !== null && data !== void 0 ? data : [];
+        return ret;
+    }
+    static ofAssoc(data) {
+        return this.ofArr(Object.keys(data)).map(key => [key, data[key]]);
+    }
+    static ofDataSource(dataSource) {
+        let value = [];
+        while (dataSource.hasNext()) {
+            value.push(dataSource.next());
+        }
+        return Stream.ofArr(value);
+    }
+    static ofDomQuery(value) {
+        return Stream.ofArr(value.asArray);
+    }
+    static ofConfig(value) {
+        return Stream.ofArr(Object.keys(value.value)).map(key => [key, value.value[key]]);
+    }
+    current() {
+        if (this.pos == -1) {
+            return _SourcesCollectors__WEBPACK_IMPORTED_MODULE_1__.ITERATION_STATUS.BEF_STRM;
+        }
+        if (this.pos >= this.value.length) {
+            return _SourcesCollectors__WEBPACK_IMPORTED_MODULE_1__.ITERATION_STATUS.EO_STRM;
+        }
+        return this.value[this.pos];
+    }
+    limits(end) {
+        this._limits = end;
+        return this;
+    }
+    /**
+     * concat for streams, so that you can concat two streams together
+     * @param toAppend
+     */
+    concat(...toAppend) {
+        let toConcat = [this].concat(toAppend);
+        return Stream.ofArr(toConcat).flatMap(item => item);
+    }
+    onElem(fn) {
+        for (let cnt = 0; cnt < this.value.length && (this._limits == -1 || cnt < this._limits); cnt++) {
+            if (fn(this.value[cnt], cnt) === false) {
+                break;
+            }
+        }
+        return this;
+    }
+    each(fn) {
+        this.onElem(fn);
+        this.reset();
+    }
+    map(fn) {
+        if (!fn) {
+            fn = (inval) => inval;
+        }
+        let res = [];
+        this.each((item) => {
+            res.push(fn(item));
+        });
+        return Stream.ofArr(res);
+    }
+    /*
+     * we need to implement it to fulfill the contract, although it is used only internally
+     * all values are flattened when accessed anyway, so there is no need to call this method
+     */
+    flatMap(fn) {
+        let ret = [];
+        this.each(item => {
+            let strmR = fn(item);
+            ret = Array.isArray(strmR) ? ret.concat(strmR) : ret.concat(strmR.value);
+        });
+        return Stream.ofArr(ret);
+    }
+    filter(fn) {
+        let res = [];
+        this.each((data) => {
+            if (fn(data)) {
+                res.push(data);
+            }
+        });
+        return Stream.ofArr(res);
+    }
+    reduce(fn, startVal = null) {
+        let offset = startVal != null ? 0 : 1;
+        let val1 = startVal != null ? startVal : this.value.length ? this.value[0] : null;
+        for (let cnt = offset; cnt < this.value.length && (this._limits == -1 || cnt < this._limits); cnt++) {
+            val1 = fn(val1, this.value[cnt]);
+        }
+        this.reset();
+        return _Monad__WEBPACK_IMPORTED_MODULE_0__.Optional.fromNullable(val1);
+    }
+    first() {
+        this.reset();
+        return this.value && this.value.length ? _Monad__WEBPACK_IMPORTED_MODULE_0__.Optional.fromNullable(this.value[0]) : _Monad__WEBPACK_IMPORTED_MODULE_0__.Optional.absent;
+    }
+    last() {
+        //could be done via reduce, but is faster this way
+        let length = this._limits > 0 ? Math.min(this._limits, this.value.length) : this.value.length;
+        this.reset();
+        return _Monad__WEBPACK_IMPORTED_MODULE_0__.Optional.fromNullable(length ? this.value[length - 1] : null);
+    }
+    anyMatch(fn) {
+        for (let cnt = 0; cnt < this.value.length && (this._limits == -1 || cnt < this._limits); cnt++) {
+            if (fn(this.value[cnt])) {
+                return true;
+            }
+        }
+        this.reset();
+        return false;
+    }
+    allMatch(fn) {
+        if (!this.value.length) {
+            return false;
+        }
+        let matches = 0;
+        for (let cnt = 0; cnt < this.value.length; cnt++) {
+            if (fn(this.value[cnt])) {
+                matches++;
+            }
+        }
+        this.reset();
+        return matches == this.value.length;
+    }
+    noneMatch(fn) {
+        let matches = 0;
+        for (let cnt = 0; cnt < this.value.length; cnt++) {
+            if (!fn(this.value[cnt])) {
+                matches++;
+            }
+        }
+        this.reset();
+        return matches == this.value.length;
+    }
+    sort(comparator) {
+        let newArr = this.value.slice().sort(comparator);
+        return Stream.ofArr(newArr);
+    }
+    collect(collector) {
+        this.each(data => collector.collect(data));
+        this.reset();
+        return collector.finalValue;
+    }
+    //-- internally exposed methods needed for the interconnectivity
+    hasNext() {
+        let isLimitsReached = this._limits != -1 && this.pos >= this._limits - 1;
+        let isEndOfArray = this.pos >= this.value.length - 1;
+        return !(isLimitsReached || isEndOfArray);
+    }
+    next() {
+        if (!this.hasNext()) {
+            return null;
+        }
+        this.pos++;
+        return this.value[this.pos];
+    }
+    lookAhead(cnt = 1) {
+        if ((this.pos + cnt) >= this.value.length) {
+            return _SourcesCollectors__WEBPACK_IMPORTED_MODULE_1__.ITERATION_STATUS.EO_STRM;
+        }
+        return this.value[this.pos + cnt];
+    }
+    [Symbol.iterator]() {
+        return {
+            next: () => {
+                let done = !this.hasNext();
+                let val = this.next();
+                return {
+                    done: done,
+                    value: val
+                };
+            }
+        };
+    }
+    /*get observable(): Observable<T> {
+        return from(this);
+    }*/
+    reset() {
+        this.pos = -1;
+    }
+}
+/**
+ * Lazy implementation of a Stream
+ * The idea is to connect the intermediate
+ * streams as datasources like a linked list
+ * with reverse referencing and for special
+ * operations like filtering flatmapping
+ * have intermediate datasources in the list
+ * with specialized functions.
+ *
+ * Sort of a modified pipe valve pattern
+ * the streams are the pipes the intermediate
+ * data sources are the valves
+ *
+ * We then can use passed in functions to control
+ * the flow in the valves
+ *
+ * That way we can have a lazy evaluating stream
+ *
+ * So if an endpoint requests data
+ * a callback trace goes back the stream list
+ * which triggers an operation upwards
+ * which sends data down the drain which then is processed
+ * and filtered until one element hits the endpoint.
+ *
+ * That is repeated, until all elements are processed
+ * or an internal limit is hit.
+ *
+ */
+class LazyStream {
+    static of(...values) {
+        return LazyStream.ofArr(values);
+    }
+    /**
+     * chunk-safe factory, takes the backing array directly instead of
+     * spreading it into the call (LazyStream.of(...largeArray) overflows
+     * the argument stack on large arrays)
+     *
+     * @param data the array to stream over
+     */
+    static ofArr(data) {
+        return new LazyStream(_SourcesCollectors__WEBPACK_IMPORTED_MODULE_1__.ArrayStreamDataSource.ofArray(data));
+    }
+    static ofAssoc(data) {
+        return this.ofArr(Object.keys(data)).map(key => [key, data[key]]);
+    }
+    static ofStreamDataSource(value) {
+        return new LazyStream(value);
+    }
+    static ofDomQuery(value) {
+        return LazyStream.ofArr(value.asArray);
+    }
+    static ofConfig(value) {
+        return LazyStream.ofArr(Object.keys(value.value)).map(key => [key, value.value[key]]);
+    }
+    constructor(parent) {
+        this._limits = -1;
+        /*
+         * needed to have the limits check working
+         * we need to keep track of the current position
+         * in the stream
+         */
+        this.pos = -1;
+        this.dataSource = parent;
+    }
+    hasNext() {
+        if (this.isOverLimits()) {
+            return false;
+        }
+        return this.dataSource.hasNext();
+    }
+    next() {
+        let next = this.dataSource.next();
+        // @ts-ignore
+        this.pos++;
+        return next;
+    }
+    lookAhead(cnt = 1) {
+        return this.dataSource.lookAhead(cnt);
+    }
+    current() {
+        return this.dataSource.current();
+    }
+    reset() {
+        this.dataSource.reset();
+        this.pos = -1;
+        this._limits = -1;
+    }
+    /**
+     * concat for streams, so that you can concat two streams together
+     * @param toAppend
+     */
+    concat(...toAppend) {
+        //this.dataSource =  new MultiStreamDatasource<T>(this, ... toAppend);
+        //return this;
+        return LazyStream.ofStreamDataSource(new _SourcesCollectors__WEBPACK_IMPORTED_MODULE_1__.MultiStreamDatasource(this, toAppend));
+        //return LazyStream.of(<IStream<T>>this, ...toAppend).flatMap(item => item);
+    }
+    nextFilter(fn) {
+        if (this.hasNext()) {
+            let newVal = this.next();
+            if (!fn(newVal)) {
+                return this.nextFilter(fn);
+            }
+            return newVal;
+        }
+        return null;
+    }
+    limits(max) {
+        this._limits = max;
+        return this;
+    }
+    //main stream methods
+    collect(collector) {
+        while (this.hasNext()) {
+            let t = this.next();
+            collector.collect(t);
+        }
+        this.reset();
+        return collector.finalValue;
+    }
+    onElem(fn) {
+        return new LazyStream(new _SourcesCollectors__WEBPACK_IMPORTED_MODULE_1__.MappedStreamDataSource((el) => {
+            if (fn(el, this.pos) === false) {
+                this.stop();
+            }
+            return el;
+        }, this));
+    }
+    filter(fn) {
+        return new LazyStream(new _SourcesCollectors__WEBPACK_IMPORTED_MODULE_1__.FilteredStreamDatasource(fn, this));
+    }
+    map(fn) {
+        return new LazyStream(new _SourcesCollectors__WEBPACK_IMPORTED_MODULE_1__.MappedStreamDataSource(fn, this));
+    }
+    flatMap(fn) {
+        return new LazyStream(new FlatMapStreamDataSource(fn, this));
+    }
+    //endpoint
+    each(fn) {
+        while (this.hasNext()) {
+            if (fn(this.next()) === false) {
+                this.stop();
+            }
+        }
+        this.reset();
+    }
+    reduce(fn, startVal = null) {
+        if (!this.hasNext()) {
+            return _Monad__WEBPACK_IMPORTED_MODULE_0__.Optional.absent;
+        }
+        let value1;
+        let value2 = _SourcesCollectors__WEBPACK_IMPORTED_MODULE_1__.ITERATION_STATUS.EO_STRM;
+        if (startVal != null) {
+            value1 = startVal;
+            value2 = this.next();
+        }
+        else {
+            value1 = this.next();
+            if (!this.hasNext()) {
+                return _Monad__WEBPACK_IMPORTED_MODULE_0__.Optional.fromNullable(value1);
+            }
+            value2 = this.next();
+        }
+        value1 = fn(value1, value2);
+        while (this.hasNext()) {
+            value2 = this.next();
+            value1 = fn(value1, value2);
+        }
+        this.reset();
+        return _Monad__WEBPACK_IMPORTED_MODULE_0__.Optional.fromNullable(value1);
+    }
+    last() {
+        if (!this.hasNext()) {
+            return _Monad__WEBPACK_IMPORTED_MODULE_0__.Optional.absent;
+        }
+        return this.reduce((el1, el2) => el2);
+    }
+    first() {
+        this.reset();
+        if (!this.hasNext()) {
+            return _Monad__WEBPACK_IMPORTED_MODULE_0__.Optional.absent;
+        }
+        return _Monad__WEBPACK_IMPORTED_MODULE_0__.Optional.fromNullable(this.next());
+    }
+    anyMatch(fn) {
+        while (this.hasNext()) {
+            if (fn(this.next())) {
+                return true;
+            }
+        }
+        return false;
+    }
+    allMatch(fn) {
+        while (this.hasNext()) {
+            if (!fn(this.next())) {
+                return false;
+            }
+        }
+        return true;
+    }
+    noneMatch(fn) {
+        while (this.hasNext()) {
+            if (fn(this.next())) {
+                return false;
+            }
+        }
+        return true;
+    }
+    sort(comparator) {
+        let arr = this.collect(new _SourcesCollectors__WEBPACK_IMPORTED_MODULE_1__.ArrayCollector());
+        arr = arr.sort(comparator);
+        return LazyStream.ofArr(arr);
+    }
+    get value() {
+        return this.collect(new _SourcesCollectors__WEBPACK_IMPORTED_MODULE_1__.ArrayCollector());
+    }
+    [Symbol.iterator]() {
+        return {
+            next: () => {
+                let done = !this.hasNext();
+                let val = this.next();
+                return {
+                    done: done,
+                    value: val
+                };
+            }
+        };
+    }
+    /*get observable(): Observable<T> {
+        return from(this);
+    }*/
+    stop() {
+        this.pos = this._limits + 1000000000;
+        this._limits = 0;
+    }
+    isOverLimits() {
+        return this._limits != -1 && this.pos >= this._limits - 1;
+    }
+}
+/**
+ * 1.0 backwards compatibility functions
+ *
+ * this restores the stream and lazy stream
+ * property on DomQuery on prototype level
+ *
+ */
+Object.defineProperty(_DomQuery__WEBPACK_IMPORTED_MODULE_2__.DomQuery.prototype, "stream", {
+    get: function stream() {
+        return Stream.ofDomQuery(this);
+    }
+});
+Object.defineProperty(_DomQuery__WEBPACK_IMPORTED_MODULE_2__.DomQuery.prototype, "lazyStream", {
+    get: function lazyStream() {
+        return LazyStream.ofDomQuery(this);
+    }
+});
+
+
+/***/ },
+
+/***/ "./node_modules/mona-dish/src/main/typescript/TagBuilder.ts"
+/*!******************************************************************!*\
+  !*** ./node_modules/mona-dish/src/main/typescript/TagBuilder.ts ***!
+  \******************************************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   TagBuilder: () => (/* binding */ TagBuilder)
+/* harmony export */ });
+/* harmony import */ var _DomQuery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./DomQuery */ "./node_modules/mona-dish/src/main/typescript/DomQuery.ts");
+/* harmony import */ var _Global__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Global */ "./node_modules/mona-dish/src/main/typescript/Global.ts");
+/*!
+ * 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.
+ */
+//poliyfill from @webcomponents/webcomponentsjs
+
+
+if ("undefined" != typeof _Global__WEBPACK_IMPORTED_MODULE_1__._global$) {
+    (function () {
+        if (void 0 === (0,_Global__WEBPACK_IMPORTED_MODULE_1__._global$)().Reflect || void 0 === (0,_Global__WEBPACK_IMPORTED_MODULE_1__._global$)().customElements || ((0,_Global__WEBPACK_IMPORTED_MODULE_1__._global$)().customElements).polyfillWrapFlushCallback)
+            return;
+        const a = HTMLElement;
+        (0,_Global__WEBPACK_IMPORTED_MODULE_1__._global$)().HTMLElement = {
+            HTMLElement: function HTMLElement() {
+                return Reflect.construct(a, [], this.constructor);
+            }
+        }.HTMLElement, HTMLElement.prototype = a.prototype, HTMLElement.prototype.constructor = HTMLElement, Object.setPrototypeOf(HTMLElement, a);
+    })();
+}
+/**
+ * beginning custom tag support
+ *
+ * This api is still experimental
+ * and might be interwoven with DomQuery
+ * so it is bound to change
+ *
+ * it follows a builder pattern to allow easier creations
+ * with less code of custom tags
+ */
+class TagBuilder {
+    // noinspection JSUnusedGlobalSymbols
+    static withTagName(tagName) {
+        return new TagBuilder(tagName);
+    }
+    // noinspection JSUnusedGlobalSymbols
+    constructor(tagName) {
+        this.extendsType = HTMLElement;
+        this.observedAttrs = [];
+        this.tagName = tagName;
+    }
+    // noinspection JSUnusedGlobalSymbols
+    withObservedAttributes(...oAttrs) {
+        this.observedAttrs = oAttrs;
+    }
+    // noinspection JSUnusedGlobalSymbols
+    withConnectedCallback(callback) {
+        this.connectedCallback = callback;
+        return this;
+    }
+    // noinspection JSUnusedGlobalSymbols
+    withDisconnectedCallback(callback) {
+        this.disconnectedCallback = callback;
+        return this;
+    }
+    // noinspection JSUnusedGlobalSymbols
+    withAdoptedCallback(callback) {
+        this.adoptedCallback = callback;
+        return this;
+    }
+    // noinspection JSUnusedGlobalSymbols
+    withAttributeChangedCallback(callback) {
+        this.attributeChangedCallback = callback;
+        return this;
+    }
+    // noinspection JSUnusedGlobalSymbols
+    withExtendsType(extendsType) {
+        this.extendsType = extendsType;
+        return this;
+    }
+    // noinspection JSUnusedGlobalSymbols
+    withOptions(theOptions) {
+        this.theOptions = theOptions;
+        return this;
     }
-    get finalValue() {
-        return this.data;
+    // noinspection JSUnusedGlobalSymbols
+    withClass(clazz) {
+        if (this.markup) {
+            throw Error("Markup already defined, markup must be set in the class");
+        }
+        this.clazz = clazz;
+        return this;
+    }
+    // noinspection JSUnusedGlobalSymbols
+    withMarkup(markup) {
+        if (this.clazz) {
+            throw Error("Class already defined, markup must be set in the class");
+        }
+        this.markup = markup;
+        return this;
+    }
+    // noinspection JSUnusedGlobalSymbols
+    register() {
+        if (!this.clazz && !this.markup) {
+            throw Error("Class or markup must be defined");
+        }
+        if (this.clazz) {
+            let applyCallback = (name) => {
+                let outerCallback = this[name];
+                let protoCallback = this.clazz.prototype[name];
+                let finalCallback = outerCallback || protoCallback;
+                if (finalCallback) {
+                    this.clazz.prototype[name] = function () {
+                        if (outerCallback) {
+                            finalCallback.apply(_DomQuery__WEBPACK_IMPORTED_MODULE_0__.DomQuery.byId(this));
+                        }
+                        else {
+                            protoCallback.apply(this);
+                        }
+                    };
+                }
+            };
+            applyCallback("connectedCallback");
+            applyCallback("disconnectedCallback");
+            applyCallback("adoptedCallback");
+            applyCallback("attributeChangedCallback");
+            //TODO how do we handle the oAttrs?
+            if (this.observedAttrs.length) {
+                Object.defineProperty(this.clazz.prototype, "observedAttributes", {
+                    get() {
+                        return this.observedAttrs;
+                    }
+                });
+            }
+            (0,_Global__WEBPACK_IMPORTED_MODULE_1__._global$)().customElements.define(this.tagName, this.clazz, this.theOptions || null);
+        }
+        else {
+            let _t_ = this;
+            let applyCallback = (name, scope) => {
+                if (_t_[name]) {
+                    _t_[name].apply(_DomQuery__WEBPACK_IMPORTED_MODULE_0__.DomQuery.byId(scope));
+                }
+            };
+            (0,_Global__WEBPACK_IMPORTED_MODULE_1__._global$)().customElements.define(this.tagName, class extends this.extendsType {
+                constructor() {
+                    super();
+                    this.innerHTML = _t_.markup;
+                }
+                // noinspection JSUnusedGlobalSymbols
+                static get observedAttributes() {
+                    return _t_.observedAttrs;
+                }
+                // noinspection JSUnusedGlobalSymbols
+                connectedCallback() {
+                    applyCallback("connectedCallback", this);
+                }
+                // noinspection JSUnusedGlobalSymbols
+                disconnectedCallback() {
+                    applyCallback("disconnectedCallback", this);
+                }
+                // noinspection JSUnusedGlobalSymbols
+                adoptedCallback() {
+                    applyCallback("adoptedCallback", this);
+                }
+                // noinspection JSUnusedGlobalSymbols
+                attributeChangedCallback() {
+                    applyCallback("attributeChangedCallback", this);
+                }
+            }, this.theOptions || null);
+        }
     }
 }
 
@@ -3904,36 +5149,57 @@ const XQ = XMLQuery;
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   Assoc: () => (/* reexport module object */ _AssocArray__WEBPACK_IMPORTED_MODULE_4__),
-/* harmony export */   CONFIG_ANY: () => (/* reexport safe */ _Config__WEBPACK_IMPORTED_MODULE_5__.CONFIG_ANY),
-/* harmony export */   CONFIG_VALUE: () => (/* reexport safe */ _Config__WEBPACK_IMPORTED_MODULE_5__.CONFIG_VALUE),
-/* harmony export */   Config: () => (/* reexport safe */ _Config__WEBPACK_IMPORTED_MODULE_5__.Config),
+/* harmony export */   ArrayCollector: () => (/* reexport safe */ _SourcesCollectors__WEBPACK_IMPORTED_MODULE_6__.ArrayCollector),
+/* harmony export */   ArrayStreamDataSource: () => (/* reexport safe */ _SourcesCollectors__WEBPACK_IMPORTED_MODULE_6__.ArrayStreamDataSource),
+/* harmony export */   Assoc: () => (/* reexport module object */ _AssocArray__WEBPACK_IMPORTED_MODULE_7__),
+/* harmony export */   AssocArrayCollector: () => (/* reexport safe */ _SourcesCollectors__WEBPACK_IMPORTED_MODULE_6__.AssocArrayCollector),
+/* harmony export */   CONFIG_ANY: () => (/* reexport safe */ _Config__WEBPACK_IMPORTED_MODULE_8__.CONFIG_ANY),
+/* harmony export */   CONFIG_VALUE: () => (/* reexport safe */ _Config__WEBPACK_IMPORTED_MODULE_8__.CONFIG_VALUE),
+/* harmony export */   CancellablePromise: () => (/* reexport safe */ _Promise__WEBPACK_IMPORTED_MODULE_3__.CancellablePromise),
+/* harmony export */   Config: () => (/* reexport safe */ _Config__WEBPACK_IMPORTED_MODULE_8__.Config),
+/* harmony export */   ConfigCollector: () => (/* reexport safe */ _SourcesCollectors__WEBPACK_IMPORTED_MODULE_6__.ConfigCollector),
 /* harmony export */   DQ: () => (/* reexport safe */ _DomQuery__WEBPACK_IMPORTED_MODULE_0__.DQ),
 /* harmony export */   DQ$: () => (/* reexport safe */ _DomQuery__WEBPACK_IMPORTED_MODULE_0__.DQ$),
 /* harmony export */   DomQuery: () => (/* reexport safe */ _DomQuery__WEBPACK_IMPORTED_MODULE_0__.DomQuery),
 /* harmony export */   DomQueryCollector: () => (/* reexport safe */ _DomQuery__WEBPACK_IMPORTED_MODULE_0__.DomQueryCollector),
 /* harmony export */   ElementAttribute: () => (/* reexport safe */ _DomQuery__WEBPACK_IMPORTED_MODULE_0__.ElementAttribute),
-/* harmony export */   Es2019Array: () => (/* reexport safe */ _Es2019Array__WEBPACK_IMPORTED_MODULE_6__.Es2019Array),
+/* harmony export */   Es2019Array: () => (/* reexport safe */ _Es2019Array__WEBPACK_IMPORTED_MODULE_9__.Es2019Array),
+/* harmony export */   FilteredStreamDatasource: () => (/* reexport safe */ _SourcesCollectors__WEBPACK_IMPORTED_MODULE_6__.FilteredStreamDatasource),
+/* harmony export */   FlatMapStreamDataSource: () => (/* reexport safe */ _Stream__WEBPACK_IMPORTED_MODULE_5__.FlatMapStreamDataSource),
+/* harmony export */   FormDataCollector: () => (/* reexport safe */ _SourcesCollectors__WEBPACK_IMPORTED_MODULE_6__.FormDataCollector),
 /* harmony export */   Lang: () => (/* reexport safe */ _Lang__WEBPACK_IMPORTED_MODULE_1__.Lang),
+/* harmony export */   LazyStream: () => (/* reexport safe */ _Stream__WEBPACK_IMPORTED_MODULE_5__.LazyStream),
+/* harmony export */   MappedStreamDataSource: () => (/* reexport safe */ _SourcesCollectors__WEBPACK_IMPORTED_MODULE_6__.MappedStreamDataSource),
 /* harmony export */   Monad: () => (/* reexport safe */ _Monad__WEBPACK_IMPORTED_MODULE_2__.Monad),
+/* harmony export */   MultiStreamDatasource: () => (/* reexport safe */ _SourcesCollectors__WEBPACK_IMPORTED_MODULE_6__.MultiStreamDatasource),
 /* harmony export */   Optional: () => (/* reexport safe */ _Monad__WEBPACK_IMPORTED_MODULE_2__.Optional),
+/* harmony export */   PromiseStatus: () => (/* reexport safe */ _Promise__WEBPACK_IMPORTED_MODULE_3__.PromiseStatus),
+/* harmony export */   QueryFormDataCollector: () => (/* reexport safe */ _SourcesCollectors__WEBPACK_IMPORTED_MODULE_6__.QueryFormDataCollector),
+/* harmony export */   QueryFormStringCollector: () => (/* reexport safe */ _SourcesCollectors__WEBPACK_IMPORTED_MODULE_6__.QueryFormStringCollector),
+/* harmony export */   SequenceDataSource: () => (/* reexport safe */ _SourcesCollectors__WEBPACK_IMPORTED_MODULE_6__.SequenceDataSource),
+/* harmony export */   Stream: () => (/* reexport safe */ _Stream__WEBPACK_IMPORTED_MODULE_5__.Stream),
+/* harmony export */   TagBuilder: () => (/* reexport safe */ _TagBuilder__WEBPACK_IMPORTED_MODULE_10__.TagBuilder),
 /* harmony export */   ValueEmbedder: () => (/* reexport safe */ _Monad__WEBPACK_IMPORTED_MODULE_2__.ValueEmbedder),
-/* harmony export */   XMLQuery: () => (/* reexport safe */ _XmlQuery__WEBPACK_IMPORTED_MODULE_3__.XMLQuery),
-/* harmony export */   XQ: () => (/* reexport safe */ _XmlQuery__WEBPACK_IMPORTED_MODULE_3__.XQ),
-/* harmony export */   _Es2019Array: () => (/* reexport safe */ _Es2019Array__WEBPACK_IMPORTED_MODULE_6__._Es2019Array),
-/* harmony export */   append: () => (/* reexport safe */ _AssocArray__WEBPACK_IMPORTED_MODULE_4__.append),
-/* harmony export */   assign: () => (/* reexport safe */ _AssocArray__WEBPACK_IMPORTED_MODULE_4__.assign),
-/* harmony export */   assignIf: () => (/* reexport safe */ _AssocArray__WEBPACK_IMPORTED_MODULE_4__.assignIf),
-/* harmony export */   shallowMerge: () => (/* reexport safe */ _AssocArray__WEBPACK_IMPORTED_MODULE_4__.shallowMerge),
-/* harmony export */   simpleShallowMerge: () => (/* reexport safe */ _AssocArray__WEBPACK_IMPORTED_MODULE_4__.simpleShallowMerge)
+/* harmony export */   XMLQuery: () => (/* reexport safe */ _XmlQuery__WEBPACK_IMPORTED_MODULE_4__.XMLQuery),
+/* harmony export */   XQ: () => (/* reexport safe */ _XmlQuery__WEBPACK_IMPORTED_MODULE_4__.XQ),
+/* harmony export */   _Es2019Array: () => (/* reexport safe */ _Es2019Array__WEBPACK_IMPORTED_MODULE_9__._Es2019Array),
+/* harmony export */   append: () => (/* reexport safe */ _AssocArray__WEBPACK_IMPORTED_MODULE_7__.append),
+/* harmony export */   assign: () => (/* reexport safe */ _AssocArray__WEBPACK_IMPORTED_MODULE_7__.assign),
+/* harmony export */   assignIf: () => (/* reexport safe */ _AssocArray__WEBPACK_IMPORTED_MODULE_7__.assignIf),
+/* harmony export */   shallowMerge: () => (/* reexport safe */ _AssocArray__WEBPACK_IMPORTED_MODULE_7__.shallowMerge),
+/* harmony export */   simpleShallowMerge: () => (/* reexport safe */ _AssocArray__WEBPACK_IMPORTED_MODULE_7__.simpleShallowMerge)
 /* harmony export */ });
 /* harmony import */ var _DomQuery__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./DomQuery */ "./node_modules/mona-dish/src/main/typescript/DomQuery.ts");
 /* harmony import */ var _Lang__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Lang */ "./node_modules/mona-dish/src/main/typescript/Lang.ts");
 /* harmony import */ var _Monad__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Monad */ "./node_modules/mona-dish/src/main/typescript/Monad.ts");
-/* harmony import */ var _XmlQuery__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./XmlQuery */ "./node_modules/mona-dish/src/main/typescript/XmlQuery.ts");
-/* harmony import */ var _AssocArray__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./AssocArray */ "./node_modules/mona-dish/src/main/typescript/AssocArray.ts");
-/* harmony import */ var _Config__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Config */ "./node_modules/mona-dish/src/main/typescript/Config.ts");
-/* harmony import */ var _Es2019Array__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Es2019Array */ "./node_modules/mona-dish/src/main/typescript/Es2019Array.ts");
+/* harmony import */ var _Promise__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Promise */ "./node_modules/mona-dish/src/main/typescript/Promise.ts");
+/* harmony import */ var _XmlQuery__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./XmlQuery */ "./node_modules/mona-dish/src/main/typescript/XmlQuery.ts");
+/* harmony import */ var _Stream__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Stream */ "./node_modules/mona-dish/src/main/typescript/Stream.ts");
+/* harmony import */ var _SourcesCollectors__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./SourcesCollectors */ "./node_modules/mona-dish/src/main/typescript/SourcesCollectors.ts");
+/* harmony import */ var _AssocArray__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./AssocArray */ "./node_modules/mona-dish/src/main/typescript/AssocArray.ts");
+/* harmony import */ var _Config__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Config */ "./node_modules/mona-dish/src/main/typescript/Config.ts");
+/* harmony import */ var _Es2019Array__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Es2019Array */ "./node_modules/mona-dish/src/main/typescript/Es2019Array.ts");
+/* harmony import */ var _TagBuilder__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./TagBuilder */ "./node_modules/mona-dish/src/main/typescript/TagBuilder.ts");
 /*!
  * Licensed to the Apache Software Foundation (ASF) under one
  * or more contributor license agreements.  See the NOTICE file
@@ -3964,6 +5230,10 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
+
+
+
 /***/ },
 
 /***/ "./src/main/typescript/api/_api.ts"
@@ -4159,7 +5429,7 @@ var faces;
          * @returns true if the chain has succeeded false otherwise
          */
         function chain(source, event, ...funcs) {
-            return _impl_AjaxImpl__WEBPACK_IMPORTED_MODULE_0__.Implementation.chain(source, event, ...funcs);
+            return _impl_AjaxImpl__WEBPACK_IMPORTED_MODULE_0__.Implementation.chain(source, event !== null && event !== void 0 ? event : null, ...funcs);
         }
         util.chain = chain;
     })(util = faces.util || (faces.util = {}));
@@ -4687,7 +5957,7 @@ var Implementation;
         }
         finally {
             if (clearRequestQueue) {
-                Implementation.requestQueue.clear();
+                Implementation.requestQueue === null || Implementation.requestQueue === void 0 ? void 0 : Implementation.requestQueue.clear();
             }
         }
     }
@@ -4927,7 +6197,7 @@ var Implementation;
          * 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 => {
+        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 : _core_Const__WEBPACK_IMPORTED_MODULE_7__.EMPTY_STR;
@@ -5013,7 +6283,7 @@ var Implementation;
         //we now can use the full code reduction given by our stream api
         //to filter
         return ofAssoc(mappedOpts)
-            .filter((item => !(item[0] in BlockFilter)))
+            .filter(((item) => !(item[0] in BlockFilter)))
             .reduce(collectAssoc, {});
     }
     /**
@@ -5028,7 +6298,7 @@ var Implementation;
         //we now can use the full code reduction given by our stream api
         //to filter
         return (_a = ofAssoc(mappedOpts)
-            .filter((item => (item[0] == "myfaces")))
+            .filter(((item) => (item[0] == "myfaces")))
             .reduce(collectAssoc, {})) === null || _a === void 0 ? void 0 : _a[_core_Const__WEBPACK_IMPORTED_MODULE_7__.MYFACES];
     }
     function remapArrayToAssocArr(arrayedParams) {
@@ -5110,16 +6380,21 @@ var PushImpl;
     // @deprecated because we can assume at least for the newer versions
     // that the protocol is properly set!
     const URL_PROTOCOL = mona_dish__WEBPACK_IMPORTED_MODULE_1__.DQ.global().location.protocol.replace("http", "ws") + "//";
-    // we expose the member variables for testing purposes
-    // they are not directly touched outside of tests
-    /* socket map by token */
+    /** @internal */
     PushImpl.sockets = {};
     /* component attributes by clientId */
+    /** @internal */
     PushImpl.components = {};
     /* client ids by token (share websocket connection) */
+    /** @internal */
     PushImpl.clientIdsByTokens = {};
     // needed for testing
+    /** @internal */
     function reset() {
+        Object.values(PushImpl.sockets).forEach(s => { try {
+            s.close();
+        }
+        catch (e) { /* ignore */ } });
         PushImpl.sockets = {};
         PushImpl.components = {};
         PushImpl.clientIdsByTokens = {};
@@ -5195,55 +6470,36 @@ var PushImpl;
             this.channelToken = channelToken;
             this.url = url;
             this.channel = channel;
+            this.socket = null;
             this.reconnectAttempts = 0;
+            this.hasEverConnected = false;
+            this.hasNotifiedInitialOpenAttempt = false;
         }
         open() {
-            if (this.socket && this.socket.readyState == 1) {
+            if (this.socket && this.socket.readyState === 1) {
                 return;
             }
             this.socket = new WebSocket(this.url);
             this.bindCallbacks();
+            this.notifyInitialOpenAttempt();
         }
         // noinspection JSUnusedLocalSymbols
         onopen(event) {
-            var _a, _b;
-            if (!this.reconnectAttempts) {
-                let clientIds = PushImpl.clientIdsByTokens[this.channelToken];
-                for (let i = clientIds.length - 1; i >= 0; i--) {
-                    let socketClientId = clientIds[i];
-                    (_b = (_a = PushImpl.components[socketClientId]) === null || _a === void 0 ? void 0 : _a['onopen']) === null || _b === void 0 ? void 0 : _b.call(_a, this.channel);
-                }
-            }
+            this.hasEverConnected = true;
             this.reconnectAttempts = 0;
         }
         onerror(event) {
-            var _a, _b, _c;
-            let message = JSON.parse((_a = event === null || event === void 0 ? void 0 : event.data) !== null && _a !== void 0 ? _a : null);
-            //TODO replace this with a more readable Stream code
-            for (let i = PushImpl.clientIdsByTokens[this.channelToken].length - 1; i >= 0; i--) {
-                let socketClientId = PushImpl.clientIdsByTokens[this.channelToken][i];
-                if (document.getElementById(socketClientId)) {
-                    try {
-                        (_c = (_b = PushImpl.components[socketClientId]) === null || _b === void 0 ? void 0 : _b['onerror']) === null || _c === void 0 ? void 0 : _c.call(_b, message, this.channel, event);
-                    }
-                    catch (e) {
-                        //Ignore
-                    }
-                }
-                else {
-                    PushImpl.clientIdsByTokens[this.channelToken].splice(i, 1);
-                }
-            }
-            if (PushImpl.clientIdsByTokens[this.channelToken].length == 0) {
-                // tag disappeared
-                this.close();
-            }
+            // Native WebSocket error events do not expose the close reason code.
+            // Faces onerror is fired from onclose only when a reconnect is attempted.
         }
-        onmmessage(event) {
+        onmessage(event) {
             var _a, _b, _c;
             let message = JSON.parse(event.data);
-            for (let i = PushImpl.clientIdsByTokens[this.channelToken].length - 1; i >= 0; i--) {
-                let socketClientId = PushImpl.clientIdsByTokens[this.channelToken][i];
+            let clientIds = PushImpl.clientIdsByTokens[this.channelToken];
+            if (!clientIds)
+                return; // socket was torn down (reset()) while message was pending
+            for (let i = clientIds.length - 1; i >= 0; i--) {
+                let socketClientId = clientIds[i];
                 if (document.getElementById(socketClientId)) {
                     try {
                         (_b = (_a = PushImpl.components[socketClientId]) === null || _a === void 0 ? void 0 : _a['onmessage']) === null || _b === void 0 ? void 0 : _b.call(_a, message, this.channel, event);
@@ -5265,30 +6521,25 @@ var PushImpl;
                     }
                 }
                 else {
-                    PushImpl.clientIdsByTokens[this.channelToken].splice(i, 1);
+                    clientIds.splice(i, 1);
                 }
             }
-            if (PushImpl.clientIdsByTokens[this.channelToken].length == 0) {
+            if (clientIds.length === 0) {
                 // tag disappeared
                 this.close();
             }
         }
         onclose(event) {
-            var _a, _b;
-            if (!this.socket
-                || (event.code == 1000 && event.reason == _core_Const__WEBPACK_IMPORTED_MODULE_0__.REASON_EXPIRED)
-                || (event.code == 1008)
-                || (!this.reconnectAttempts)
-                || (this.reconnectAttempts >= _core_Const__WEBPACK_IMPORTED_MODULE_0__.MAX_RECONNECT_ATTEMPTS)) {
-                let clientIds = PushImpl.clientIdsByTokens[this.channelToken];
-                for (let i = clientIds.length - 1; i >= 0; i--) {
-                    let socketClientId = clientIds[i];
-                    (_b = (_a = PushImpl.components === null || PushImpl.components === void 0 ? void 0 : PushImpl.components[socketClientId]) === null || _a === void 0 ? void 0 : _a['onclose']) === null || _b === void 0 ? void 0 : _b.call(_a, event === null || event === void 0 ? void 0 : event.code, this === null || this === void 0 ? void 0 : this.channel, event);
-                }
-            }
-            else {
-                setTimeout(this.open, _core_Const__WEBPACK_IMPORTED_MODULE_0__.RECONNECT_INTERVAL * this.reconnectAttempts++);
+            if (this.isTerminalClose(event)) {
+                this.notifyClose(event);
+                this.resetConnectionState();
+                return;
             }
+            if (!this.notifyErrorAndPruneMissingComponents(event))
+                return;
+            if (this.closeIfChannelHasNoComponents())
+                return;
+            this.scheduleReconnect();
         }
         ;
         close() {
@@ -5298,12 +6549,85 @@ var PushImpl;
                 s.close();
             }
         }
+        notifyInitialOpenAttempt() {
+            var _a, _b;
+            if (this.reconnectAttempts || this.hasNotifiedInitialOpenAttempt)
+                return;
+            this.hasNotifiedInitialOpenAttempt = true;
+            let clientIds = PushImpl.clientIdsByTokens[this.channelToken];
+            if (!clientIds)
+                return; // socket was torn down (reset()) while timer was pending
+            for (let i = clientIds.length - 1; i >= 0; i--) {
+                let socketClientId = clientIds[i];
+                (_b = (_a = PushImpl.components[socketClientId]) === null || _a === void 0 ? void 0 : _a['onopen']) === null || _b === void 0 ? void 0 : _b.call(_a, this.channel);
+            }
+        }
+        isTerminalClose(event) {
+            return !this.socket
+                // Spec: no reconnect when the very first connection attempt fails.
+                // onerror must also not be invoked in this case, only onclose.
+                || !this.hasEverConnected
+                // Spec: code 1000 (normal closure) is always terminal, regardless of reason.
+                || event.code === 1000
+                // 1008 = Policy Violation. Reconnecting would hit the same rejection again.
+                || event.code === 1008
+                || this.reconnectAttempts >= _core_Const__WEBPACK_IMPORTED_MODULE_0__.MAX_RECONNECT_ATTEMPTS;
+        }
+        notifyClose(event) {
+            var _a, _b;
+            let clientIds = PushImpl.clientIdsByTokens[this.channelToken];
+            if (!clientIds)
+                return; // already torn down (reset() called while socket was open)
+            for (let i = clientIds.length - 1; i >= 0; i--) {
+                let socketClientId = clientIds[i];
+                (_b = (_a = PushImpl.components === null || PushImpl.components === void 0 ? void 0 : PushImpl.components[socketClientId]) === null || _a === void 0 ? void 0 : _a['onclose']) === null || _b === void 0 ? void 0 : _b.call(_a, event === null || event === void 0 ? void 0 : event.code, this === null || this === void 0 ? void 0 : this.channel, event);
+            }
+        }
+        resetConnectionState() {
+            this.reconnectAttempts = 0;
+            this.hasEverConnected = false;
+            this.hasNotifiedInitialOpenAttempt = false;
+        }
+        notifyErrorAndPruneMissingComponents(event) {
+            var _a, _b;
+            let clientIds = PushImpl.clientIdsByTokens[this.channelToken];
+            if (!clientIds)
+                return false; // already torn down (reset() called while socket was open)
+            for (let i = clientIds.length - 1; i >= 0; i--) {
+                let socketClientId = clientIds[i];
+                if (document.getElementById(socketClientId)) {
+                    try {
+                        (_b = (_a = PushImpl.components === null || PushImpl.components === void 0 ? void 0 : PushImpl.components[socketClientId]) === null || _a === void 0 ? void 0 : _a['onerror']) === null || _b === void 0 ? void 0 : _b.call(_a, event === null || event === void 0 ? void 0 : event.code, this === null || this === void 0 ? void 0 : this.channel, event);
+                    }
+                    catch (e) {
+                        //Ignore
+                    }
+                }
+                else {
+                    clientIds.splice(i, 1);
+                }
+            }
+            return true;
+        }
+        closeIfChannelHasNoComponents() {
+            var _a;
+            if (((_a = PushImpl.clientIdsByTokens[this.channelToken]) === null || _a === void 0 ? void 0 : _a.length) !== 0)
+                return false;
+            // tag disappeared
+            this.close();
+            return true;
+        }
+        scheduleReconnect() {
+            const reconnectAttempt = ++this.reconnectAttempts;
+            this.socket = null;
+            setTimeout(() => this.open(), _core_Const__WEBPACK_IMPORTED_MODULE_0__.RECONNECT_INTERVAL * reconnectAttempt);
+        }
         /**
          * bind the callbacks to the socket callbacks
          */
         bindCallbacks() {
             this.socket.onopen = (event) => this.onopen(event);
-            this.socket.onmessage = (event) => this.onmmessage(event);
+            this.socket.onmessage = (event) => this.onmessage(event);
             this.socket.onclose = (event) => this.onclose(event);
             this.socket.onerror = (event) => this.onerror(event);
         }
@@ -5338,9 +6662,12 @@ var PushImpl;
             throw new Error("Unknown channelToken: " + channelToken);
         }
     }
-    function resolveFunction(fn = () => {
-    }) {
-        return ((typeof fn !== "function") && (fn = mona_dish__WEBPACK_IMPORTED_MODULE_1__.DQ.global()[fn]), fn);
+    function resolveFunction(fn) {
+        if (typeof fn === "function")
+            return fn;
+        if (typeof fn === "string" && typeof mona_dish__WEBPACK_IMPORTED_MODULE_1__.DQ.global()[fn] === "function")
+            return mona_dish__WEBPACK_IMPORTED_MODULE_1__.DQ.global()[fn];
+        return (() => { });
     }
 })(PushImpl || (PushImpl = {}));
 
@@ -5641,7 +6968,7 @@ const UNKNOWN = "UNKNOWN";
  */
 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);
+    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;
 }
 function $nsp(inputNamespace) {
     if ((!inputNamespace) || !(inputNamespace === null || inputNamespace === void 0 ? void 0 : inputNamespace.replace)) {
@@ -5757,7 +7084,7 @@ class Messages {
         /** @constant */
         this.ERR_TRANSPORT = "Transport type {0} does not exist";
         /** @constant */
-        this.ERR_EVT_PASS = "an event must be passed down (either a an event object null or undefined) ";
+        this.ERR_EVT_PASS = "an event must be passed down (either an event object null or undefined) ";
         /** @constant */
         this.ERR_CONSTRUCT = "Parts of the response couldn't be retrieved when constructing the event data= {0} ";
         /** @constant */
@@ -5873,7 +7200,7 @@ var Assertions;
     Assertions.assertRequestIntegrity = assertRequestIntegrity;
     function assertUrlExists(node) {
         if (node.attr(_core_Const__WEBPACK_IMPORTED_MODULE_1__.ATTR_URL).isAbsent()) {
-            throw Assertions.raiseError(new Error(), _Lang__WEBPACK_IMPORTED_MODULE_2__.ExtLang.getMessage("ERR_RED_URL", null, "processRedirect"), "processRedirect");
+            throw Assertions.raiseError(new Error(), _Lang__WEBPACK_IMPORTED_MODULE_2__.ExtLang.getMessage("ERR_RED_URL", undefined, "processRedirect"), "processRedirect");
         }
     }
     Assertions.assertUrlExists = assertUrlExists;
@@ -6004,7 +7331,7 @@ class AsyncRunnable {
     }
     /**
      * registers a finally functor
-     * @param func the functor for the finally handling chanin
+     * @param func the functor for the finally handling chain
      */
     finally(func) {
         // no ie11 support we probably are going to revert to shims for that one
@@ -6064,7 +7391,7 @@ __webpack_require__.r(__webpack_exports__);
  */
 const IS_FACES_SOURCE = (source) => {
     //spec version smaller 4 we have to deal with the jsf namespace
-    return source && !!((source === null || source === void 0 ? void 0 : source.search(/\/jakarta\.faces\.resource.*\/faces\.js.*/)) != -1 ||
+    return !!source && !!(source.search(/\/jakarta\.faces\.resource.*\/faces\.js.*/) != -1 ||
         (source === null || source === void 0 ? void 0 : source.search(/\/faces-development\.js.*/)) != -1 ||
         (source === null || source === void 0 ? void 0 : source.search(/\/faces-uncompressed\.js.*/)) != -1 ||
         (source === null || source === void 0 ? void 0 : source.search(/\/faces[^.]*\.js.*ln=jakarta.faces.*/gi)) != -1 ||
@@ -6089,6 +7416,9 @@ const IS_INTERNAL_SOURCE = (source) => {
     return source.search(/\/faces[^.]*\.js.*ln=myfaces.testscripts.*/gi) != -1 || source.search(/\/jsf[^.]*\.js.*ln=myfaces.testscripts.*/gi) != -1;
 };
 const ATTR_SRC = 'src';
+function isRegExpMatchArray(value) {
+    return value != null && value.length > 1;
+}
 /**
  * Extension which adds implementation specific
  * meta-data to our dom query
@@ -6151,8 +7481,8 @@ class ExtDomQuery extends mona_dish__WEBPACK_IMPORTED_MODULE_0__.DQ {
         // the last possibility
         let nonceScript = mona_dish__WEBPACK_IMPORTED_MODULE_0__.Optional.fromNullable((_a = mona_dish__WEBPACK_IMPORTED_MODULE_0__.DQ
             .querySelectorAll("script[src], link[src]").asArray
-            .filter((item) => item.nonce.isPresent() && item.attr(ATTR_SRC) != null)
-            .filter(item => IS_FACES_SOURCE(item.attr(ATTR_SRC).value))) === null || _a === void 0 ? void 0 : _a[0]);
+            .filter((item) => item.nonce.isPresent() && item.attr(ATTR_SRC).value != null)
+            .filter(item => { var _a; return IS_FACES_SOURCE((_a = item.attr(ATTR_SRC).value) !== null && _a !== void 0 ? _a : undefined); })) === null || _a === void 0 ? void 0 : _a[0]);
         if (!(nonceScript === null || nonceScript === void 0 ? void 0 : nonceScript.value)) {
             return mona_dish__WEBPACK_IMPORTED_MODULE_0__.ValueEmbedder.absent;
         }
@@ -6170,16 +7500,13 @@ class ExtDomQuery extends mona_dish__WEBPACK_IMPORTED_MODULE_0__.DQ {
         var _a;
         //perfect application for lazy stream
         return mona_dish__WEBPACK_IMPORTED_MODULE_0__.Optional.fromNullable((_a = mona_dish__WEBPACK_IMPORTED_MODULE_0__.DQ.querySelectorAll("script[src], link[src]").asArray
-            .filter(item => IS_FACES_SOURCE(item.attr(ATTR_SRC).value))
-            .map(item => item.attr(ATTR_SRC).value.match(regExp))
-            .filter(item => item != null && item.length > 1)
+            .filter(item => { var _a; return IS_FACES_SOURCE((_a = item.attr(ATTR_SRC).value) !== null && _a !== void 0 ? _a : undefined); })
+            .map(item => { var _a; return ((_a = item.attr(ATTR_SRC).value) !== null && _a !== void 0 ? _a : "").match(regExp); })
+            .filter(isRegExpMatchArray)
             .map((result) => {
             return decodeURIComponent(result[1]);
         })) === null || _a === void 0 ? void 0 : _a[0]);
     }
-    globalEval(code, nonce) {
-        return new ExtDomQuery(super.globalEval(code, nonce !== null && nonce !== void 0 ? nonce : this.nonce.value));
-    }
     // called from base class runScripts, do not delete
     // noinspection JSUnusedGlobalSymbols
     globalEvalSticky(code, nonce) {
@@ -6335,7 +7662,7 @@ class ExtConfig extends mona_dish__WEBPACK_IMPORTED_MODULE_0__.Config {
         if (!this.$nspEnabled) {
             return accessPath;
         }
-        return new mona_dish__WEBPACK_IMPORTED_MODULE_0__.Es2019Array(...accessPath).map(key => (0,_core_Const__WEBPACK_IMPORTED_MODULE_1__.$nsp)(key));
+        return new mona_dish__WEBPACK_IMPORTED_MODULE_0__.Es2019Array(...accessPath).map((key) => (0,_core_Const__WEBPACK_IMPORTED_MODULE_1__.$nsp)(key));
     }
 }
 
@@ -6359,6 +7686,21 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var mona_dish__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! mona-dish */ "./node_modules/mona-dish/src/main/typescript/index_core.ts");
 /* harmony import */ var _ExtDomQuery__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ExtDomQuery */ "./src/main/typescript/impl/util/ExtDomQuery.ts");
 /* harmony import */ var _core_Const__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../core/Const */ "./src/main/typescript/impl/core/Const.ts");
+/*! 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.
+ */
 
 
 
@@ -6377,10 +7719,10 @@ function encodeFormData(formData, paramsMapper = (inStr, inVal) => [inStr, inVal
         return defaultStr;
     }
     const assocValues = formData.value;
-    const expandValueArrAndRename = key => assocValues[key].map(val => paramsMapper(key, val));
-    const isPropertyKey = key => assocValues.hasOwnProperty(key);
+    const expandValueArrAndRename = (key) => assocValues[key].map((val) => paramsMapper(key, val));
+    const isPropertyKey = (key) => assocValues.hasOwnProperty(key);
     const isNotFile = ([, value]) => !(value instanceof _ExtDomQuery__WEBPACK_IMPORTED_MODULE_1__.ExtDomQuery.global().File);
-    const mapIntoUrlParam = keyVal => `${encodeURIComponent(keyVal[0])}=${encodeURIComponent(keyVal[1])}`;
+    const mapIntoUrlParam = (keyVal) => `${encodeURIComponent(keyVal[0])}=${encodeURIComponent(keyVal[1])}`;
     return new mona_dish__WEBPACK_IMPORTED_MODULE_0__.Es2019Array(...Object.keys(assocValues))
         .filter(isPropertyKey)
         .flatMap(expandValueArrAndRename)
@@ -6393,16 +7735,16 @@ function encodeFormData(formData, paramsMapper = (inStr, inVal) => [inStr, inVal
  * @param encoded encoded string
  */
 function decodeEncodedValues(encoded) {
-    const filterBlanks = item => !!(item || '').replace(/\s+/g, '');
-    const splitKeyValuePair = _line => {
+    const filterBlanks = (item) => !!(item || '').replace(/\s+/g, '');
+    const splitKeyValuePair = (_line) => {
         let line = decodeURIComponent(_line);
         let index = line.indexOf("=");
-        if (index == -1) {
+        if (index === -1) {
             return [line];
         }
         return [line.substring(0, index), line.substring(index + 1)];
     };
-    let requestParamEntries = encoded.split(/&/gi);
+    let requestParamEntries = encoded.split("&");
     return requestParamEntries.filter(filterBlanks).map(splitKeyValuePair);
 }
 /**
@@ -6411,9 +7753,9 @@ function decodeEncodedValues(encoded) {
  */
 function resolveFiles(dataSource) {
     const expandFilesArr = ([key, files]) => {
-        return [...files].map(file => [key, file]);
+        return [...files].map((file) => [key, file]);
     };
-    const remapFileInput = fileInput => {
+    const remapFileInput = (fileInput) => {
         return [fileInput.name.value || fileInput.id.value, fileInput.filesFromElem(0)];
     };
     const files = dataSource
@@ -6492,9 +7834,8 @@ __webpack_require__.r(__webpack_exports__);
  */
 class HiddenInputBuilder {
     constructor(selector) {
-        this.selector = selector;
         this.namedViewRoot = false;
-        const isViewState = selector.indexOf((0,_core_Const__WEBPACK_IMPORTED_MODULE_1__.$nsp)(_core_Const__WEBPACK_IMPORTED_MODULE_1__.P_VIEWSTATE)) != -1;
+        const isViewState = selector.includes((0,_core_Const__WEBPACK_IMPORTED_MODULE_1__.$nsp)(_core_Const__WEBPACK_IMPORTED_MODULE_1__.P_VIEWSTATE));
         this.name = isViewState ? _core_Const__WEBPACK_IMPORTED_MODULE_1__.P_VIEWSTATE : _core_Const__WEBPACK_IMPORTED_MODULE_1__.P_CLIENT_WINDOW;
         this.template = isViewState ? _core_Const__WEBPACK_IMPORTED_MODULE_1__.HTML_VIEWSTATE : _core_Const__WEBPACK_IMPORTED_MODULE_1__.HTML_CLIENT_WINDOW;
     }
@@ -6511,37 +7852,39 @@ class HiddenInputBuilder {
         return this;
     }
     build() {
-        var _a, _b, _c;
-        const SEP = (0,_core_Const__WEBPACK_IMPORTED_MODULE_1__.$faces)().separatorchar;
-        let existingStates = (0,mona_dish__WEBPACK_IMPORTED_MODULE_0__.DQ$)(`[name*='${(0,_core_Const__WEBPACK_IMPORTED_MODULE_1__.$nsp)(this.name)}']`);
-        let cnt = existingStates.asArray.map(state => {
-            let ident = state.id.orElse("0").value;
-            ident = ident.substring(ident.lastIndexOf(SEP) + 1);
-            return parseInt(ident);
-        })
-            .filter(item => {
-            return !isNaN(item);
-        })
-            .reduce((item1, item2) => {
-            return Math.max(item1, item2);
-        }, 0); //we start with 1 (see cnt++)
-        //the maximum  new ident is the current max + 1
-        cnt++;
+        var _a;
         const newElement = mona_dish__WEBPACK_IMPORTED_MODULE_0__.DQ.fromMarkup((0,_core_Const__WEBPACK_IMPORTED_MODULE_1__.$nsp)(this.template));
-        newElement.id.value = (((_a = this.namingContainerId) === null || _a === void 0 ? void 0 : _a.length) ?
-            [this.namingContainerId, (0,_core_Const__WEBPACK_IMPORTED_MODULE_1__.$nsp)(this.name), cnt] :
-            [(0,_core_Const__WEBPACK_IMPORTED_MODULE_1__.$nsp)(this.name), cnt]).join(SEP);
-        //name must be prefixed with the naming container id as well according to the jsdocs
-        if (this.namedViewRoot) {
-            newElement.name.value = ((_b = this.namingContainerId) === null || _b === void 0 ? void 0 : _b.length) ?
-                [this.namingContainerId, (0,_core_Const__WEBPACK_IMPORTED_MODULE_1__.$nsp)(this.name)].join(SEP) : (0,_core_Const__WEBPACK_IMPORTED_MODULE_1__.$nsp)(this.name);
-        }
-        else {
-            newElement.name.value = (0,_core_Const__WEBPACK_IMPORTED_MODULE_1__.$nsp)(this.name);
-        }
-        (_c = this === null || this === void 0 ? void 0 : this.parent) === null || _c === void 0 ? void 0 : _c.append(newElement);
+        newElement.id.value = this.buildId();
+        newElement.name.value = this.buildName();
+        (_a = this.parent) === null || _a === void 0 ? void 0 : _a.append(newElement);
         return newElement;
     }
+    buildId() {
+        var _a;
+        const separator = (0,_core_Const__WEBPACK_IMPORTED_MODULE_1__.$faces)().separatorchar;
+        const parts = ((_a = this.namingContainerId) === null || _a === void 0 ? void 0 : _a.length) ?
+            [this.namingContainerId, (0,_core_Const__WEBPACK_IMPORTED_MODULE_1__.$nsp)(this.name), this.nextIndex()] :
+            [(0,_core_Const__WEBPACK_IMPORTED_MODULE_1__.$nsp)(this.name), this.nextIndex()];
+        return parts.join(separator);
+    }
+    buildName() {
+        var _a;
+        if (!this.namedViewRoot) {
+            return (0,_core_Const__WEBPACK_IMPORTED_MODULE_1__.$nsp)(this.name);
+        }
+        return ((_a = this.namingContainerId) === null || _a === void 0 ? void 0 : _a.length) ?
+            [this.namingContainerId, (0,_core_Const__WEBPACK_IMPORTED_MODULE_1__.$nsp)(this.name)].join((0,_core_Const__WEBPACK_IMPORTED_MODULE_1__.$faces)().separatorchar) :
+            (0,_core_Const__WEBPACK_IMPORTED_MODULE_1__.$nsp)(this.name);
+    }
+    nextIndex() {
+        const separator = (0,_core_Const__WEBPACK_IMPORTED_MODULE_1__.$faces)().separatorchar;
+        return (0,mona_dish__WEBPACK_IMPORTED_MODULE_0__.DQ$)(`[name*='${(0,_core_Const__WEBPACK_IMPORTED_MODULE_1__.$nsp)(this.name)}']`).asArray
+            .map(state => state.id.orElse("0").value)
+            .map(id => id.substring(id.lastIndexOf(separator) + 1))
+            .map(idSuffix => parseInt(idSuffix))
+            .filter(idSuffix => !isNaN(idSuffix))
+            .reduce((max, idSuffix) => Math.max(max, idSuffix), 0) + 1;
+    }
 }
 
 
@@ -6585,13 +7928,12 @@ __webpack_require__.r(__webpack_exports__);
 var ExtLang;
 (function (ExtLang) {
     let installedLocale;
-    let nameSpace = "impl/util/Lang/";
+    const nameSpace = "impl/util/Lang/";
     function getLanguage() {
         //TODO global config override
-        var _a, _b;
-        let language = (_b = (_a = navigator.languages) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : navigator === null || navigator === void 0 ? void 0 : navigator.language;
-        language = language.split("-")[0];
-        return language;
+        var _a, _b, _c;
+        const language = (_c = (_b = (_a = navigator.languages) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : navigator === null || navigator === void 0 ? void 0 : navigator.language) !== null && _c !== void 0 ? _c : "en";
+        return language.split("-")[0];
     }
     ExtLang.getLanguage = getLanguage;
     //should be in lang, but for now here to avoid recursive imports, not sure if typescript still has a problem with those
@@ -6713,15 +8055,15 @@ var ExtLang;
      * @param event
      */
     function getForm(elem, event) {
-        let queryElem = new mona_dish__WEBPACK_IMPORTED_MODULE_0__.DQ(elem);
-        let eventTarget = (event) ? new mona_dish__WEBPACK_IMPORTED_MODULE_0__.DQ((0,_xhrCore_RequestDataResolver__WEBPACK_IMPORTED_MODULE_3__.getEventTarget)(event)) : mona_dish__WEBPACK_IMPORTED_MODULE_0__.DomQuery.absent;
+        const queryElem = new mona_dish__WEBPACK_IMPORTED_MODULE_0__.DQ(elem);
+        const eventTarget = (event) ? new mona_dish__WEBPACK_IMPORTED_MODULE_0__.DQ((0,_xhrCore_RequestDataResolver__WEBPACK_IMPORTED_MODULE_3__.getEventTarget)(event)) : mona_dish__WEBPACK_IMPORTED_MODULE_0__.DomQuery.absent;
         if (queryElem.isTag(_core_Const__WEBPACK_IMPORTED_MODULE_2__.HTML_TAG_FORM)) {
             return queryElem;
         }
         //html 5 for handling
         if (queryElem.attr(_core_Const__WEBPACK_IMPORTED_MODULE_2__.HTML_TAG_FORM).isPresent()) {
-            let formId = queryElem.attr(_core_Const__WEBPACK_IMPORTED_MODULE_2__.HTML_TAG_FORM).value;
-            let foundForm = mona_dish__WEBPACK_IMPORTED_MODULE_0__.DQ.byId(formId, true);
+            const formId = queryElem.attr(_core_Const__WEBPACK_IMPORTED_MODULE_2__.HTML_TAG_FORM).value;
+            const foundForm = mona_dish__WEBPACK_IMPORTED_MODULE_0__.DQ.byId(formId, true);
             if (foundForm.isPresent()) {
                 return foundForm;
             }
@@ -6764,7 +8106,7 @@ var ExtLang;
      */
     function ofAssoc(value) {
         return new mona_dish__WEBPACK_IMPORTED_MODULE_0__.Es2019Array(...Object.keys(value))
-            .map(key => [key, value[key]]);
+            .map((key) => [key, value[key]]);
     }
     ExtLang.ofAssoc = ofAssoc;
     function collectAssoc(target, item) {
@@ -6835,6 +8177,21 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   XhrQueueController: () => (/* binding */ XhrQueueController)
 /* harmony export */ });
 /* harmony import */ var _Lang__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Lang */ "./src/main/typescript/impl/util/Lang.ts");
+/*! 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.
+ */
 
 const debounce = _Lang__WEBPACK_IMPORTED_MODULE_0__.ExtLang.debounce;
 /**
@@ -6846,6 +8203,7 @@ class XhrQueueController {
     constructor() {
         this.queue = [];
         this.taskRunning = false;
+        this.debounceKey = `xhrQueue_${XhrQueueController.instanceCount++}`;
     }
     /**
      * executes or enqueues an element
@@ -6854,7 +8212,7 @@ class XhrQueueController {
      * until the debounce window for the timeout is closed.
      */
     enqueue(runnable, timeOut = 0) {
-        debounce("xhrQueue", () => {
+        debounce(this.debounceKey, () => {
             const requestHandler = this.enrichRunnable(runnable);
             if (!this.taskRunning) {
                 this.signalTaskRunning();
@@ -6922,6 +8280,9 @@ class XhrQueueController {
         this.taskRunning = !this.isEmpty;
     }
 }
+// Each instance needs its own debounce key: a shared key would cause enqueues
+// on separate instances to cancel each other's debounce window.
+XhrQueueController.instanceCount = 0;
 
 
 /***/ },
@@ -6978,6 +8339,7 @@ var ErrorType;
  * I will add deprecated myfaces backwards compatibility attributes as well
  */
 class ErrorData extends _EventData__WEBPACK_IMPORTED_MODULE_2__.EventData {
+    /** @internal */
     constructor(source, errorName, errorMessage, responseText = null, responseXML = null, responseCode = -1, statusOverride = null, type = ErrorType.CLIENT_ERROR) {
         super();
         this.type = "error";
@@ -6999,13 +8361,16 @@ class ErrorData extends _EventData__WEBPACK_IMPORTED_MODULE_2__.EventData {
             this.serverErrorMessage = this.errorMessage;
         }
     }
+    /** @internal */
     static fromClient(e) {
         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 : _core_Const__WEBPACK_IMPORTED_MODULE_0__.EMPTY_STR, (_c = e === null || e === void 0 ? void 0 : e.message) !== null && _c !== void 0 ? _c : _core_Const__WEBPACK_IMPORTED_MODULE_0__.EMPTY_STR, (_d = e === null || e === void 0 ? void 0 : e.stack) !== null && _d !== void 0 ? _d : _core_Const__WEBPACK_IMPORTED_MODULE_0__.EMPTY_STR);
     }
+    /** @internal */
     static fromHttpConnection(source, name, message, responseText, responseXML, responseCode, status = _core_Const__WEBPACK_IMPORTED_MODULE_0__.EMPTY_STR) {
         return new ErrorData(source, name, message, responseText, responseXML, responseCode, status, ErrorType.HTTP_ERROR);
     }
+    /** @internal */
     static fromGeneric(context, errorCode, errorType = ErrorType.SERVER_ERROR) {
         let getMsg = this.getMsg;
         let source = getMsg(context, _core_Const__WEBPACK_IMPORTED_MODULE_0__.SOURCE);
@@ -7019,6 +8384,7 @@ class ErrorData extends _EventData__WEBPACK_IMPORTED_MODULE_2__.EventData {
     static getMsg(context, param) {
         return getMessage(context.getIf(param).orElse(_core_Const__WEBPACK_IMPORTED_MODULE_0__.EMPTY_STR).value);
     }
+    /** @internal */
     static fromServerError(context) {
         return this.fromGeneric(context, -1);
     }
@@ -7057,6 +8423,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 class EventData {
+    /** @internal */
     static createFromRequest(request, internalContext, context, /*event name*/ name) {
         let eventData = new EventData();
         let internalSource = "_internal._source";
@@ -7157,9 +8524,10 @@ function resolveHandlerFunc(requestContext, responseContext, funcName) {
         .orElse(_core_Const__WEBPACK_IMPORTED_MODULE_1__.EMPTY_FUNC).value;
 }
 function resolveTargetUrl(srcFormElement) {
-    return (typeof srcFormElement.elements[_core_Const__WEBPACK_IMPORTED_MODULE_1__.ENCODED_URL] == 'undefined') ?
+    const formElements = srcFormElement.elements;
+    return (typeof formElements[_core_Const__WEBPACK_IMPORTED_MODULE_1__.ENCODED_URL] == 'undefined') ?
         srcFormElement.action :
-        srcFormElement.elements[_core_Const__WEBPACK_IMPORTED_MODULE_1__.ENCODED_URL].value;
+        formElements[_core_Const__WEBPACK_IMPORTED_MODULE_1__.ENCODED_URL].value;
 }
 function resolveFinalUrl(sourceForm, formData, ajaxType = _core_Const__WEBPACK_IMPORTED_MODULE_1__.REQ_TYPE_POST) {
     let targetUrl = resolveTargetUrl(sourceForm.getAsElem(0).value);
@@ -7501,9 +8869,7 @@ var Response;
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   resolveContexts: () => (/* binding */ resolveContexts),
-/* harmony export */   resolveResponseXML: () => (/* binding */ resolveResponseXML),
-/* harmony export */   resolveSourceElement: () => (/* binding */ resolveSourceElement),
-/* harmony export */   resolveSourceForm: () => (/* binding */ resolveSourceForm)
+/* harmony export */   resolveResponseXML: () => (/* binding */ resolveResponseXML)
 /* harmony export */ });
 /* harmony import */ var mona_dish__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! mona-dish */ "./node_modules/mona-dish/src/main/typescript/index_core.ts");
 /* harmony import */ var _util_Assertions__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../util/Assertions */ "./src/main/typescript/impl/util/Assertions.ts");
@@ -7528,7 +8894,6 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-
 /**
  * Resolver functions for various aspects of the response data
  *
@@ -7574,38 +8939,6 @@ function resolveContexts(context) {
     internalContext.assign(_core_Const__WEBPACK_IMPORTED_MODULE_2__.UPDATE_ELEMS).value = [];
     return { externalContext, internalContext };
 }
-/**
- * fetches the source element out of our contexts
- *
- * @param context the external context which should host the source id
- * @param internalContext internal pass-through fall back
- *
- */
-function resolveSourceElement(context, internalContext) {
-    let elemId = resolveSourceElementId(context, internalContext);
-    return mona_dish__WEBPACK_IMPORTED_MODULE_0__.DQ.byId(elemId.value, true);
-}
-/**
- * fetches the source form if it still exists
- * also embedded forms and parent forms are taken into consideration
- * as fallbacks
- *
- * @param internalContext
- * @param elem
- */
-function resolveSourceForm(internalContext, elem) {
-    let sourceFormId = internalContext.getIf(_core_Const__WEBPACK_IMPORTED_MODULE_2__.CTX_PARAM_SRC_FRM_ID);
-    let sourceForm = new mona_dish__WEBPACK_IMPORTED_MODULE_0__.DQ(sourceFormId.isPresent() ? document.forms[sourceFormId.value] : null);
-    sourceForm = sourceForm.orElseLazy(() => elem.firstParent(_core_Const__WEBPACK_IMPORTED_MODULE_2__.HTML_TAG_FORM))
-        .orElseLazy(() => elem.querySelectorAll(_core_Const__WEBPACK_IMPORTED_MODULE_2__.HTML_TAG_FORM))
-        .orElseLazy(() => mona_dish__WEBPACK_IMPORTED_MODULE_0__.DQ.querySelectorAll(_core_Const__WEBPACK_IMPORTED_MODULE_2__.HTML_TAG_FORM));
-    return sourceForm;
-}
-function resolveSourceElementId(context, internalContext) {
-    //?internal context?? used to be external one
-    return internalContext.getIf(_core_Const__WEBPACK_IMPORTED_MODULE_2__.CTX_PARAM_SRC_CTL_ID)
-        .orElseLazy(() => context.getIf(_core_Const__WEBPACK_IMPORTED_MODULE_2__.SOURCE, "id").value);
-}
 
 
 /***/ },
@@ -7881,6 +9214,7 @@ class ResponseProcessor {
             this.internalContext.assign(_core_Const__WEBPACK_IMPORTED_MODULE_6__.APPLIED_CLIENT_WINDOW, node.id.value).value = new _core_ImplTypes__WEBPACK_IMPORTED_MODULE_4__.StateHolder((0,_core_Const__WEBPACK_IMPORTED_MODULE_6__.$nsp)(node.id.value), state);
             return true;
         }
+        return false;
     }
     /**
      * generic global eval which runs the embedded css and scripts
@@ -7949,6 +9283,7 @@ class ResponseProcessor {
      * proper viewState -> form assignment
      *
      * @param forms the forms to append the viewState to
+     * @param namedViewRoot if set to true, the name is also prefixed
      * @param viewState the final viewState
      * @param namingContainerId
      */
@@ -7959,6 +9294,7 @@ class ResponseProcessor {
      * proper clientWindow -> form assignment
      *
      * @param forms the forms to append the viewState to
+     * @param namedViewRoot if set to true, the name is also prefixed
      * @param clientWindow the final viewState
      * @param namingContainerId
      */
@@ -8060,7 +9396,7 @@ class ResponseProcessor {
             .orElseLazy(() => this.externalContext.getIf((0,_core_Const__WEBPACK_IMPORTED_MODULE_6__.$nsp)(_core_Const__WEBPACK_IMPORTED_MODULE_6__.P_RENDER)).value)
             .orElse(_core_Const__WEBPACK_IMPORTED_MODULE_6__.IDENT_NONE).value.split(/\s+/gi);
         const executeAndRenders = executes.concat(...renders);
-        return [...executeAndRenders].filter(nameOrId => {
+        return [...executeAndRenders].filter((nameOrId) => {
             if ([_core_Const__WEBPACK_IMPORTED_MODULE_6__.IDENT_ALL, _core_Const__WEBPACK_IMPORTED_MODULE_6__.IDENT_NONE].indexOf(nameOrId) != -1) {
                 return true;
             }
@@ -8157,9 +9493,7 @@ class XhrFormData extends mona_dish__WEBPACK_IMPORTED_MODULE_0__.Config {
      */
     constructor(dataSource, paramsMapper = defaultParamsMapper, executes, partialIds) {
         super({});
-        this.dataSource = dataSource;
         this.paramsMapper = paramsMapper;
-        this.partialIds = partialIds;
         /**
          * Checks if the given datasource is a multipart request source
          * multipart is only needed if one of the executes is a file input
@@ -8168,51 +9502,17 @@ class XhrFormData extends mona_dish__WEBPACK_IMPORTED_MODULE_0__.Config {
          * instead of an encoded string files cannot be sent that way
          */
         this.isMultipartRequest = false;
-        //encode and append the issuing item if not a partial ids array of ids is passed
         /*
-         * Spec. 13.3.1
-         * Collect and encode input elements.
-         * Additionally the hidden element jakarta.faces.ViewState
-         * Enhancement partial page submit
+         * Spec. 13.3.1 — order matters: detect multipart first, encode fields second,
+         * apply view state last (so it is not double-counted if already present in fields).
          */
-        this.resolveRequestType(this.dataSource, executes);
-        this.encodeSubmittableFields(this.dataSource, this.partialIds);
-        this.applyViewState(this.dataSource);
+        this.initFormData(dataSource, executes, partialIds);
     }
     /**
      * @returns a Form data representation, this is needed for file submits
      */
     toFormData() {
-        /*
-           * expands key: [item1, item2]
-           * to: [{key: key,  value: item1}, {key: key, value: item2}]
-           */
-        let expandValueArrays = ([key, item]) => {
-            if (Array.isArray(item)) {
-                return new mona_dish__WEBPACK_IMPORTED_MODULE_0__.Es2019Array(...item).map(value => {
-                    return { key, value };
-                });
-            }
-            return [{ key, value: item }];
-        };
-        /*
-         * remaps the incoming {key, value} tuples
-         * to naming container prefixed keys and values
-         */
-        let remapForNamingContainer = ({ key, value }) => {
-            key = this.remapKeyForNamingContainer(key);
-            return { key, value };
-        };
-        /*
-         * collects everything into a FormData object
-         */
-        return ofAssoc(this.value)
-            .flatMap(expandValueArrays)
-            .map(remapForNamingContainer)
-            .reduce((formData, { key, value }) => {
-            formData.append(key, value);
-            return formData;
-        }, new FormData());
+        return this.buildFormData();
     }
     /**
      * returns an encoded string representation of our xhr form data
@@ -8223,13 +9523,18 @@ class XhrFormData extends mona_dish__WEBPACK_IMPORTED_MODULE_0__.Config {
         return (0,_util_FileUtils__WEBPACK_IMPORTED_MODULE_2__.encodeFormData)(this, this.paramsMapper, defaultStr);
     }
     /**
-     * generic post init code, for now, this performs some post assign data post-processing
-     * @param rootElement the root element which knows the request type (usually a form)
-     * @param executes the executable dom nodes which need to be processed into the form data, which we can send
-     * in our ajax request
+     * Drives the three-phase form data initialisation in the required order.
+     */
+    initFormData(dataSource, executes, partialIds) {
+        this.detectMultipartRequest(dataSource, executes);
+        this.encodeSubmittableFields(dataSource, partialIds);
+        this.applyViewState(dataSource);
+    }
+    /**
+     * Sets isMultipartRequest when any of the executed elements is a file input.
      */
-    resolveRequestType(rootElement, executes) {
-        if (!executes || executes.indexOf(_core_Const__WEBPACK_IMPORTED_MODULE_1__.IDENT_NONE) != -1) {
+    detectMultipartRequest(rootElement, executes) {
+        if (!executes || executes.includes(_core_Const__WEBPACK_IMPORTED_MODULE_1__.IDENT_NONE)) {
             return;
         }
         this.isMultipartRequest = rootElement.isMultipartCandidate(true);
@@ -8243,8 +9548,8 @@ class XhrFormData extends mona_dish__WEBPACK_IMPORTED_MODULE_0__.Config {
         if (this.getIf((0,_core_Const__WEBPACK_IMPORTED_MODULE_1__.$nsp)(_core_Const__WEBPACK_IMPORTED_MODULE_1__.P_VIEWSTATE)).isPresent()) {
             return;
         }
-        let viewStateElement = form.querySelectorAllDeep(`[name*='${(0,_core_Const__WEBPACK_IMPORTED_MODULE_1__.$nsp)(_core_Const__WEBPACK_IMPORTED_MODULE_1__.P_VIEWSTATE)}'`);
-        let viewState = viewStateElement.inputValue;
+        const viewStateElement = form.querySelectorAllDeep(`[name*='${(0,_core_Const__WEBPACK_IMPORTED_MODULE_1__.$nsp)(_core_Const__WEBPACK_IMPORTED_MODULE_1__.P_VIEWSTATE)}'`);
+        const viewState = viewStateElement.inputValue;
         this.appendIf(viewState.isPresent(), this.remapKeyForNamingContainer(viewStateElement.name.value)).value = viewState.value;
     }
     /**
@@ -8255,18 +9560,54 @@ class XhrFormData extends mona_dish__WEBPACK_IMPORTED_MODULE_0__.Config {
     encodeSubmittableFields(parentItem, partialIds = []) {
         const mergeIntoThis = ([key, value]) => this.append(key).value = value;
         const namingContainerRemap = ([key, value]) => this.paramsMapper(key, value);
-        const remappedPartialIds = partialIds.map(partialId => this.remapKeyForNamingContainer(partialId));
-        const partialIdsFilter = ([key, value]) => (!remappedPartialIds.length || key.indexOf("@") == 0) ? true :
-            remappedPartialIds.indexOf(key) != -1;
-        let inputs = (0,_util_FileUtils__WEBPACK_IMPORTED_MODULE_2__.getFormInputsAsArr)(parentItem);
-        inputs
+        const remappedPartialIds = partialIds.map(id => this.remapKeyForNamingContainer(id));
+        (0,_util_FileUtils__WEBPACK_IMPORTED_MODULE_2__.getFormInputsAsArr)(parentItem)
             .map(_util_FileUtils__WEBPACK_IMPORTED_MODULE_2__.fixEmptyParameters)
             .map(namingContainerRemap)
-            .filter(partialIdsFilter)
+            .filter(([key]) => this.isFieldIncluded(key, remappedPartialIds))
             .forEach(mergeIntoThis);
     }
+    /**
+     * Returns true when the field should be included in the submission.
+     * Special "@"-prefixed keys (internal markers) are always included.
+     * When no partial ids are specified, everything passes through.
+     */
+    isFieldIncluded(key, remappedPartialIds) {
+        if (!remappedPartialIds.length || key.startsWith("@")) {
+            return true;
+        }
+        return remappedPartialIds.includes(key);
+    }
+    /**
+     * Builds the FormData object from the internal key→value[] map.
+     * Arrays are expanded so each value becomes a separate FormData entry.
+     */
+    buildFormData() {
+        const expandValueArrays = ([key, item]) => {
+            if (Array.isArray(item)) {
+                return new mona_dish__WEBPACK_IMPORTED_MODULE_0__.Es2019Array(...item).map((value) => ({ key, value }));
+            }
+            return [{ key, value: item }];
+        };
+        const remapForNamingContainer = ({ key, value }) => ({
+            key: this.remapKeyForNamingContainer(key),
+            value
+        });
+        return ofAssoc(this.value)
+            .flatMap(expandValueArrays)
+            .map(remapForNamingContainer)
+            .reduce((formData, { key, value }) => {
+            formData.append(key, value);
+            return formData;
+        }, new FormData());
+    }
+    /**
+     * Applies paramsMapper to remap only the key, ignoring the value transformation.
+     * EMPTY_STR is passed as a placeholder since only the remapped key is used.
+     */
     remapKeyForNamingContainer(key) {
-        return this.paramsMapper(key, "")[0];
+        const [remappedKey] = this.paramsMapper(key, _core_Const__WEBPACK_IMPORTED_MODULE_1__.EMPTY_STR); // value is a required arg but irrelevant here; only the remapped key is used
+        return remappedKey;
     }
 }
 
@@ -8351,6 +9692,8 @@ class XhrRequest extends _util_AsyncRunnable__WEBPACK_IMPORTED_MODULE_0__.AsyncR
         this.timeout = timeout;
         this.ajaxType = ajaxType;
         this.contentType = contentType;
+        this.ERR_INVALID_RESPONSE = "Invalid Response";
+        this.ERR_EMPTY_RESPONSE = "Empty Response";
         this.stopProgress = false;
         this.xhrObject = new XMLHttpRequest();
         // we omit promises here because we have to deal with cancel functionality,
@@ -8359,12 +9702,9 @@ class XhrRequest extends _util_AsyncRunnable__WEBPACK_IMPORTED_MODULE_0__.AsyncR
         this.registerXhrCallbacks((data) => this.resolve(data), (data) => this.reject(data));
     }
     start() {
-        let ignoreErr = failSaveExecute;
-        let xhrObject = this.xhrObject;
-        let sourceForm = mona_dish__WEBPACK_IMPORTED_MODULE_1__.DQ.byId(this.internalContext.getIf(_core_Const__WEBPACK_IMPORTED_MODULE_7__.CTX_PARAM_SRC_FRM_ID).value);
-        let executesArr = () => {
-            return this.requestContext.getIf(_core_Const__WEBPACK_IMPORTED_MODULE_7__.CTX_PARAM_REQ_PASS_THR, _core_Const__WEBPACK_IMPORTED_MODULE_7__.P_EXECUTE).get(_core_Const__WEBPACK_IMPORTED_MODULE_7__.IDENT_NONE).value.split(/\s+/gi);
-        };
+        const ignoreErr = failSaveExecute;
+        const xhrObject = this.xhrObject;
+        const sourceForm = mona_dish__WEBPACK_IMPORTED_MODULE_1__.DQ.byId(this.internalContext.getIf(_core_Const__WEBPACK_IMPORTED_MODULE_7__.CTX_PARAM_SRC_FRM_ID).value);
         try {
             // encoded we need to decode
             // We generated a base representation of the current form
@@ -8374,10 +9714,9 @@ class XhrRequest extends _util_AsyncRunnable__WEBPACK_IMPORTED_MODULE_0__.AsyncR
             // whatever the formData object delivers
             // the partialIdsArray arr is almost deprecated legacy code where we allowed to send a separate list of partial
             // ids for reduced load and server processing, this will be removed soon, we can handle the same via execute
-            const executes = executesArr();
+            const executes = this.requestContext.getIf(_core_Const__WEBPACK_IMPORTED_MODULE_7__.CTX_PARAM_REQ_PASS_THR, _core_Const__WEBPACK_IMPORTED_MODULE_7__.P_EXECUTE).get(_core_Const__WEBPACK_IMPORTED_MODULE_7__.IDENT_NONE).value.split(/\s+/gi);
             const partialIdsArray = this.internalContext.getIf(_core_Const__WEBPACK_IMPORTED_MODULE_7__.CTX_PARAM_PPS).value === true ? executes : [];
             const formData = new _XhrFormData__WEBPACK_IMPORTED_MODULE_3__.XhrFormData(sourceForm, (0,_RequestDataResolver__WEBPACK_IMPORTED_MODULE_8__.resoveNamingContainerMapper)(this.internalContext), executes, partialIdsArray);
-            this.contentType = formData.isMultipartRequest ? "undefined" : this.contentType;
             // next step the pass through parameters are merged in for post params
             this.requestContext.$nspEnabled = false;
             const requestContext = this.requestContext;
@@ -8407,18 +9746,16 @@ class XhrRequest extends _util_AsyncRunnable__WEBPACK_IMPORTED_MODULE_0__.AsyncR
             responseContext.assign(_core_Const__WEBPACK_IMPORTED_MODULE_7__.ON_EVENT).value = requestContext.getIf(_core_Const__WEBPACK_IMPORTED_MODULE_7__.ON_EVENT).value;
             responseContext.assign(_core_Const__WEBPACK_IMPORTED_MODULE_7__.ON_ERROR).value = requestContext.getIf(_core_Const__WEBPACK_IMPORTED_MODULE_7__.ON_ERROR).value;
             xhrObject.open(this.ajaxType, (0,_RequestDataResolver__WEBPACK_IMPORTED_MODULE_8__.resolveFinalUrl)(sourceForm, formData, this.ajaxType), true);
-            // adding timeout
-            this.timeout ? xhrObject.timeout = this.timeout : null;
+            if (this.timeout)
+                xhrObject.timeout = this.timeout;
             // a bug in the xhr stub library prevents the setRequestHeader to be properly executed on fake xhr objects
             // normal browsers should resolve this
             // tests can quietly fail on this one
-            if (this.contentType != "undefined") {
+            if (!formData.isMultipartRequest) {
                 ignoreErr(() => xhrObject.setRequestHeader(_core_Const__WEBPACK_IMPORTED_MODULE_7__.CONTENT_TYPE, `${this.contentType}; charset=utf-8`));
             }
             ignoreErr(() => xhrObject.setRequestHeader(_core_Const__WEBPACK_IMPORTED_MODULE_7__.HEAD_FACES_REQ, _core_Const__WEBPACK_IMPORTED_MODULE_7__.VAL_AJAX));
-            // probably not needed anymore, will test this
-            // some webkit based mobile browsers do not follow the w3c spec of
-            // setting, they accept headers automatically
+            // some webkit based mobile browsers do not follow the w3c spec for Accept headers
             ignoreErr(() => xhrObject.setRequestHeader(_core_Const__WEBPACK_IMPORTED_MODULE_7__.REQ_ACCEPT, _core_Const__WEBPACK_IMPORTED_MODULE_7__.STD_ACCEPT));
             this.sendEvent(_core_Const__WEBPACK_IMPORTED_MODULE_7__.BEGIN);
             this.sendRequest(formData);
@@ -8449,7 +9786,6 @@ class XhrRequest extends _util_AsyncRunnable__WEBPACK_IMPORTED_MODULE_0__.AsyncR
      * @param reject
      */
     registerXhrCallbacks(resolve, reject) {
-        var _a, _b;
         const xhrObject = this.xhrObject;
         xhrObject.onabort = () => {
             this.onAbort(resolve, reject);
@@ -8463,50 +9799,11 @@ class XhrRequest extends _util_AsyncRunnable__WEBPACK_IMPORTED_MODULE_0__.AsyncR
         xhrObject.onloadend = () => {
             this.onResponseProcessed(this.xhrObject, resolve);
         };
-        if (xhrObject === null || xhrObject === void 0 ? void 0 : xhrObject.upload) {
-            //this is an  extension so that we can send the upload object of the current
-            //request before any operation
-            (_b = (_a = this.internalContext.getIf(_core_Const__WEBPACK_IMPORTED_MODULE_7__.CTX_PARAM_UPLOAD_PREINIT)).value) === null || _b === void 0 ? void 0 : _b.call(_a, xhrObject.upload);
-            //now we hook in the upload events
-            xhrObject.upload.addEventListener("progress", (event) => {
-                var _a, _b;
-                (_b = (_a = this.internalContext.getIf(_core_Const__WEBPACK_IMPORTED_MODULE_7__.CTX_PARAM_UPLOAD_ON_PROGRESS)).value) === null || _b === void 0 ? void 0 : _b.call(_a, xhrObject.upload, event);
-            });
-            xhrObject.upload.addEventListener("load", (event) => {
-                var _a, _b;
-                (_b = (_a = this.internalContext.getIf(_core_Const__WEBPACK_IMPORTED_MODULE_7__.CTX_PARAM_UPLOAD_LOAD)).value) === null || _b === void 0 ? void 0 : _b.call(_a, xhrObject.upload, event);
-            });
-            xhrObject.upload.addEventListener("loadstart", (event) => {
-                var _a, _b;
-                (_b = (_a = this.internalContext.getIf(_core_Const__WEBPACK_IMPORTED_MODULE_7__.CTX_PARAM_UPLOAD_LOADSTART)).value) === null || _b === void 0 ? void 0 : _b.call(_a, xhrObject.upload, event);
-            });
-            xhrObject.upload.addEventListener("loadend", (event) => {
-                var _a, _b;
-                (_b = (_a = this.internalContext.getIf(_core_Const__WEBPACK_IMPORTED_MODULE_7__.CTX_PARAM_UPLOAD_LOADEND)).value) === null || _b === void 0 ? void 0 : _b.call(_a, xhrObject.upload, event);
-            });
-            xhrObject.upload.addEventListener("abort", (event) => {
-                var _a, _b;
-                (_b = (_a = this.internalContext.getIf(_core_Const__WEBPACK_IMPORTED_MODULE_7__.CTX_PARAM_UPLOAD_ABORT)).value) === null || _b === void 0 ? void 0 : _b.call(_a, xhrObject.upload, event);
-            });
-            xhrObject.upload.addEventListener("timeout", (event) => {
-                var _a, _b;
-                (_b = (_a = this.internalContext.getIf(_core_Const__WEBPACK_IMPORTED_MODULE_7__.CTX_PARAM_UPLOAD_TIMEOUT)).value) === null || _b === void 0 ? void 0 : _b.call(_a, xhrObject.upload, event);
-            });
-            xhrObject.upload.addEventListener("error", (event) => {
-                var _a, _b;
-                (_b = (_a = this.internalContext.getIf(_core_Const__WEBPACK_IMPORTED_MODULE_7__.CTX_PARAM_UPLOAD_ERROR)).value) === null || _b === void 0 ? void 0 : _b.call(_a, xhrObject.upload, event);
-            });
-        }
+        this.registerUploadCallbacks(xhrObject);
         xhrObject.onerror = (errorData) => {
-            // Safari in rare cases triggers an error when cancelling a request internally, or when
-            // in this case we simply ignore the request and clear up the queue, because
-            // it is not safe anymore to proceed with the current queue
-            // This bypasses a Safari issue where it keeps requests hanging after page unload
-            // and then triggers a cancel error on then instead of just stopping
-            // and clearing the code
-            // in a page unload case it is safe to clear the queue
-            // in the exact safari case any request after this one in the queue is invalid
-            // because the queue references xhr requests to a page which already is gone!
+            // Older Safari/WebKit and Chrome/Chromium versions can cancel XHRs during
+            // navigation or download handoff by triggering onerror with status=0/readyState=4.
+            // Treat that as queue cleanup rather than reporting a user-facing Ajax error.
             if (this.isCancelledResponse(this.xhrObject)) {
                 /*
                  * this triggers the catch chain and after that finally
@@ -8522,6 +9819,42 @@ class XhrRequest extends _util_AsyncRunnable__WEBPACK_IMPORTED_MODULE_0__.AsyncR
             this.handleError(errorData);
         };
     }
+    registerUploadCallbacks(xhrObject) {
+        var _a, _b;
+        if (!(xhrObject === null || xhrObject === void 0 ? void 0 : xhrObject.upload)) {
+            return;
+        }
+        // fire the pre-init hook so callers can inspect the upload object before any transfer starts
+        (_b = (_a = this.internalContext.getIf(_core_Const__WEBPACK_IMPORTED_MODULE_7__.CTX_PARAM_UPLOAD_PREINIT)).value) === null || _b === void 0 ? void 0 : _b.call(_a, xhrObject.upload);
+        xhrObject.upload.addEventListener("progress", (event) => {
+            var _a, _b;
+            (_b = (_a = this.internalContext.getIf(_core_Const__WEBPACK_IMPORTED_MODULE_7__.CTX_PARAM_UPLOAD_ON_PROGRESS)).value) === null || _b === void 0 ? void 0 : _b.call(_a, xhrObject.upload, event);
+        });
+        xhrObject.upload.addEventListener("load", (event) => {
+            var _a, _b;
+            (_b = (_a = this.internalContext.getIf(_core_Const__WEBPACK_IMPORTED_MODULE_7__.CTX_PARAM_UPLOAD_LOAD)).value) === null || _b === void 0 ? void 0 : _b.call(_a, xhrObject.upload, event);
+        });
+        xhrObject.upload.addEventListener("loadstart", (event) => {
+            var _a, _b;
+            (_b = (_a = this.internalContext.getIf(_core_Const__WEBPACK_IMPORTED_MODULE_7__.CTX_PARAM_UPLOAD_LOADSTART)).value) === null || _b === void 0 ? void 0 : _b.call(_a, xhrObject.upload, event);
+        });
+        xhrObject.upload.addEventListener("loadend", (event) => {
+            var _a, _b;
+            (_b = (_a = this.internalContext.getIf(_core_Const__WEBPACK_IMPORTED_MODULE_7__.CTX_PARAM_UPLOAD_LOADEND)).value) === null || _b === void 0 ? void 0 : _b.call(_a, xhrObject.upload, event);
+        });
+        xhrObject.upload.addEventListener("abort", (event) => {
+            var _a, _b;
+            (_b = (_a = this.internalContext.getIf(_core_Const__WEBPACK_IMPORTED_MODULE_7__.CTX_PARAM_UPLOAD_ABORT)).value) === null || _b === void 0 ? void 0 : _b.call(_a, xhrObject.upload, event);
+        });
+        xhrObject.upload.addEventListener("timeout", (event) => {
+            var _a, _b;
+            (_b = (_a = this.internalContext.getIf(_core_Const__WEBPACK_IMPORTED_MODULE_7__.CTX_PARAM_UPLOAD_TIMEOUT)).value) === null || _b === void 0 ? void 0 : _b.call(_a, xhrObject.upload, event);
+        });
+        xhrObject.upload.addEventListener("error", (event) => {
+            var _a, _b;
+            (_b = (_a = this.internalContext.getIf(_core_Const__WEBPACK_IMPORTED_MODULE_7__.CTX_PARAM_UPLOAD_ERROR)).value) === null || _b === void 0 ? void 0 : _b.call(_a, xhrObject.upload, event);
+        });
+    }
     isCancelledResponse(currentTarget) {
         return (currentTarget === null || currentTarget === void 0 ? void 0 : currentTarget.status) === 0 && // cancelled internally by browser
             (currentTarget === null || currentTarget === void 0 ? void 0 : currentTarget.readyState) === 4 &&
@@ -8534,29 +9867,10 @@ class XhrRequest extends _util_AsyncRunnable__WEBPACK_IMPORTED_MODULE_0__.AsyncR
      * Those methods are the callbacks called by
      * the xhr object depending on its own state
      */
-    /**
-     * client side abort... also here for now we clean the queue
-     *
-     * @param resolve
-     * @param reject
-     * @private
-     */
-    onAbort(resolve, reject) {
-        // reject means clear queue, in this case we abort entirely the processing
-        // does not happen yet, we have to probably rethink this strategy in the future
-        // when we introduce cancel functionality
+    onAbort(_resolve, reject) {
         this.handleHttpError(reject);
     }
-    /**
-     * request timeout, this must be handled like a generic server error per spec
-     * unfortunately, so we have to jump to the next item (we cancelled before)
-     * @param resolve
-     * @param reject
-     * @private
-     */
-    onTimeout(resolve, reject) {
-        // timeout also means we we probably should clear the queue,
-        // the state is unsafe for the next requests
+    onTimeout(resolve, _reject) {
         this.sendEvent(_core_Const__WEBPACK_IMPORTED_MODULE_7__.STATE_EVT_TIMEOUT);
         this.handleHttpError(resolve);
     }
@@ -8581,29 +9895,26 @@ class XhrRequest extends _util_AsyncRunnable__WEBPACK_IMPORTED_MODULE_0__.AsyncR
         const responseXML = new mona_dish__WEBPACK_IMPORTED_MODULE_1__.XMLQuery((_a = this.xhrObject) === null || _a === void 0 ? void 0 : _a.responseXML);
         const responseText = (_c = (_b = this.xhrObject) === null || _b === void 0 ? void 0 : _b.responseText) !== null && _c !== void 0 ? _c : "";
         const responseCode = (_e = (_d = this.xhrObject) === null || _d === void 0 ? void 0 : _d.status) !== null && _e !== void 0 ? _e : -1;
+        // HTTP status takes priority: a non-2xx response is always an HTTP error,
+        // regardless of what the body contains (e.g. an HTML error page from a 404
+        // must not be misreported as malformedXML).
+        if (responseCode >= 300 || responseCode < 200) {
+            this.handleHttpError(resolve);
+            return true;
+        }
         if (responseXML.isXMLParserError()) {
             // Firefox: malformed XML produces a Document with <parsererror>
-            const errorName = "Invalid Response";
-            const errorMessage = "The response xml is invalid";
-            this.handleGenericResponseError(errorName, errorMessage, _core_Const__WEBPACK_IMPORTED_MODULE_7__.MALFORMEDXML, resolve);
+            this.handleGenericResponseError(this.ERR_INVALID_RESPONSE, "The response xml is invalid", _core_Const__WEBPACK_IMPORTED_MODULE_7__.MALFORMEDXML, resolve);
             return true;
         }
         else if (responseXML.isAbsent() && responseText.trim().length > 0) {
             // Chrome: responseXML is null for unparseable XML, but responseText has content
-            const errorName = "Invalid Response";
-            const errorMessage = "The response xml is invalid";
-            this.handleGenericResponseError(errorName, errorMessage, _core_Const__WEBPACK_IMPORTED_MODULE_7__.MALFORMEDXML, resolve);
+            this.handleGenericResponseError(this.ERR_INVALID_RESPONSE, "The response xml is invalid", _core_Const__WEBPACK_IMPORTED_MODULE_7__.MALFORMEDXML, resolve);
             return true;
         }
         else if (responseXML.isAbsent()) {
             // Truly empty response
-            const errorName = "Empty Response";
-            const errorMessage = "The response has provided no data";
-            this.handleGenericResponseError(errorName, errorMessage, _core_Const__WEBPACK_IMPORTED_MODULE_7__.EMPTY_RESPONSE, resolve);
-            return true;
-        }
-        else if (responseCode >= 300 || responseCode < 200) {
-            this.handleHttpError(resolve);
+            this.handleGenericResponseError(this.ERR_EMPTY_RESPONSE, "The response has provided no data", _core_Const__WEBPACK_IMPORTED_MODULE_7__.EMPTY_RESPONSE, resolve);
             return true;
         }
         return false;
@@ -8613,7 +9924,7 @@ class XhrRequest extends _util_AsyncRunnable__WEBPACK_IMPORTED_MODULE_0__.AsyncR
         const errorData = new _ErrorData__WEBPACK_IMPORTED_MODULE_4__.ErrorData(this.internalContext.getIf(_core_Const__WEBPACK_IMPORTED_MODULE_7__.CTX_PARAM_SRC_CTL_ID).value, errorName, errorMessage, (_b = (_a = this.xhrObject) === null || _a === void 0 ? void 0 : _a.responseText) !== null && _b !== void 0 ? _b : "", (_d = (_c = this.xhrObject) === null || _c === void 0 ? void 0 : _c.responseXML) !== null && _d !== void 0 ? _d : null, this.xhrObject.status, responseStatus);
         this.finalizeError(errorData, resolve);
     }
-    handleHttpError(resolveOrReject, errorMessage = "Generic HTTP Serror") {
+    handleHttpError(resolveOrReject, errorMessage = "Generic HTTP Error") {
         var _a, _b, _c, _d, _e, _f;
         this.stopProgress = true;
         const errorData = new _ErrorData__WEBPACK_IMPORTED_MODULE_4__.ErrorData(this.internalContext.getIf(_core_Const__WEBPACK_IMPORTED_MODULE_7__.CTX_PARAM_SRC_CTL_ID).value, _core_Const__WEBPACK_IMPORTED_MODULE_7__.HTTP_ERROR, errorMessage, (_b = (_a = this.xhrObject) === null || _a === void 0 ? void 0 : _a.responseText) !== null && _b !== void 0 ? _b : "", (_d = (_c = this.xhrObject) === null || _c === void 0 ? void 0 : _c.responseXML) !== null && _d !== void 0 ? _d : null, (_f = (_e = this.xhrObject) === null || _e === void 0 ? void 0 : _e.status) !== null && _f !== void 0 ? _f : -1, _core_Const__WEBPACK_IMPORTED_MODULE_7__.HTTP_ERROR);
@@ -8631,33 +9942,17 @@ class XhrRequest extends _util_AsyncRunnable__WEBPACK_IMPORTED_MODULE_0__.AsyncR
             this.stopProgress = true;
         }
     }
-    /**
-     * last minute cleanup, the request now either is fully done
-     * or not by having had a cancel or error event be
-     * @param data
-     * @param resolve
-     * @private
-     */
     onResponseProcessed(data, resolve) {
-        // if stop progress true, the cleanup already has been performed
-        if (this.stopProgress) {
-            return;
+        if (!this.stopProgress) {
+            resolve(data);
         }
-        /*
-         * normal case, cleanup == next item if possible
-         */
-        resolve(data);
     }
     sendRequest(formData) {
-        const isPost = this.ajaxType != _core_Const__WEBPACK_IMPORTED_MODULE_7__.REQ_TYPE_GET;
-        if (formData.isMultipartRequest) {
-            // in case of a multipart request we send in a formData object as body
-            this.xhrObject.send((isPost) ? formData.toFormData() : null);
-        }
-        else {
-            // in case of a normal request we send it normally
-            this.xhrObject.send((isPost) ? formData.toString() : null);
+        if (this.ajaxType === _core_Const__WEBPACK_IMPORTED_MODULE_7__.REQ_TYPE_GET) {
+            this.xhrObject.send(null);
+            return;
         }
+        this.xhrObject.send(formData.isMultipartRequest ? formData.toFormData() : formData.toString());
     }
     /*
      * other helpers
@@ -8670,7 +9965,7 @@ class XhrRequest extends _util_AsyncRunnable__WEBPACK_IMPORTED_MODULE_0__.AsyncR
             // this in onError, but also we cannot swallow it.
             // We need to resolve the local handlers lazily,
             // because some frameworks might decorate them over the context in the response
-            let eventHandler = (0,_RequestDataResolver__WEBPACK_IMPORTED_MODULE_8__.resolveHandlerFunc)(this.requestContext, this.responseContext, _core_Const__WEBPACK_IMPORTED_MODULE_7__.ON_EVENT);
+            const eventHandler = (0,_RequestDataResolver__WEBPACK_IMPORTED_MODULE_8__.resolveHandlerFunc)(this.requestContext, this.responseContext, _core_Const__WEBPACK_IMPORTED_MODULE_7__.ON_EVENT);
             _AjaxImpl__WEBPACK_IMPORTED_MODULE_2__.Implementation.sendEvent(eventData, eventHandler);
         }
         catch (e) {
@@ -8687,17 +9982,19 @@ class XhrRequest extends _util_AsyncRunnable__WEBPACK_IMPORTED_MODULE_0__.AsyncR
     }
     handleError(exception, responseFormatError = false) {
         var _a;
-        const errorData = (responseFormatError) ? _ErrorData__WEBPACK_IMPORTED_MODULE_4__.ErrorData.fromHttpConnection(exception.source, exception.type, (_a = exception.message) !== null && _a !== void 0 ? _a : _core_Const__WEBPACK_IMPORTED_MODULE_7__.EMPTY_STR, exception.responseText, exception.responseXML, exception.responseCode, exception.status) : _ErrorData__WEBPACK_IMPORTED_MODULE_4__.ErrorData.fromClient(exception);
+        const errorData = responseFormatError
+            ? _ErrorData__WEBPACK_IMPORTED_MODULE_4__.ErrorData.fromHttpConnection(exception.source, exception.type, (_a = exception.message) !== null && _a !== void 0 ? _a : _core_Const__WEBPACK_IMPORTED_MODULE_7__.EMPTY_STR, exception.responseText, exception.responseXML, exception.responseCode, exception.status)
+            : _ErrorData__WEBPACK_IMPORTED_MODULE_4__.ErrorData.fromClient(exception);
         const eventHandler = (0,_RequestDataResolver__WEBPACK_IMPORTED_MODULE_8__.resolveHandlerFunc)(this.requestContext, this.responseContext, _core_Const__WEBPACK_IMPORTED_MODULE_7__.ON_ERROR);
         _AjaxImpl__WEBPACK_IMPORTED_MODULE_2__.Implementation.sendError(errorData, eventHandler);
     }
     appendIssuingItem(formData) {
         var _a, _b;
         const issuingItemId = this.internalContext.getIf(_core_Const__WEBPACK_IMPORTED_MODULE_7__.CTX_PARAM_SRC_CTL_ID).value;
-        //to avoid sideffects with buttons we only can append the issuing item if no behavior event is set
+        //to avoid side effects with buttons we only can append the issuing item if no behavior event is set
         //MYFACES-4679!
         const eventType = (_b = (_a = formData.getIf((0,_core_Const__WEBPACK_IMPORTED_MODULE_7__.$nsp)(_core_Const__WEBPACK_IMPORTED_MODULE_7__.P_BEHAVIOR_EVENT)).value) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : null;
-        const isBehaviorEvent = (!!eventType) && eventType != 'click';
+        const isBehaviorEvent = !!eventType && eventType !== 'click';
         //not encoded
         if (issuingItemId && formData.getIf(issuingItemId).isAbsent() && !isBehaviorEvent) {
             const issuingItem = mona_dish__WEBPACK_IMPORTED_MODULE_1__.DQ.byId(issuingItemId);
@@ -8706,10 +10003,11 @@ class XhrRequest extends _util_AsyncRunnable__WEBPACK_IMPORTED_MODULE_0__.AsyncR
             const type = issuingItem.type.orElse("").value.toLowerCase();
             //Checkbox and radio only value pass if checked is set, otherwise they should not show
             //up at all, and if checked is set, they either can have a value or simply being boolean
-            if ((type == XhrRequest.TYPE_CHECKBOX || type == XhrRequest.TYPE_RADIO) && !issuingItem.checked) {
+            const isCheckable = type === XhrRequest.TYPE_CHECKBOX || type === XhrRequest.TYPE_RADIO;
+            if (isCheckable && !issuingItem.checked) {
                 return;
             }
-            else if ((type == XhrRequest.TYPE_CHECKBOX || type == XhrRequest.TYPE_RADIO)) {
+            else if (isCheckable) {
                 arr.assign(issuingItemId).value = itemValue.orElse(true).value;
             }
             else if (itemValue.isPresent()) {
@@ -8775,7 +10073,8 @@ var oam;
      * @param value the value to be rendered
      */
     oam.setHiddenInput = function (formName, name, value) {
-        mona_dish__WEBPACK_IMPORTED_MODULE_0__.DQ.byId(document.forms[formName])
+        const forms = document.forms;
+        mona_dish__WEBPACK_IMPORTED_MODULE_0__.DQ.byId(forms[formName])
             .each(form => {
             const input = form.querySelectorAll(`input[type='hidden'][name='${name}']`);
             if (input.isPresent()) {
@@ -8795,8 +10094,10 @@ var oam;
      * @param name the name of the input field
      */
     oam.clearHiddenInput = function (formName, name) {
-        var _a, _b, _c;
-        let element = (_c = (_b = (_a = document.forms) === null || _a === void 0 ? void 0 : _a[formName]) === null || _b === void 0 ? void 0 : _b.elements) === null || _c === void 0 ? void 0 : _c[name];
+        var _a;
+        const forms = document.forms;
+        const elements = (_a = forms === null || forms === void 0 ? void 0 : forms[formName]) === null || _a === void 0 ? void 0 : _a.elements;
+        let element = elements === null || elements === void 0 ? void 0 : elements[name];
         if (!element) {
             return;
         }
@@ -8814,7 +10115,7 @@ var oam;
      * @param params
      */
     oam.submitForm = function (formName, linkId = null, target = null, params = {}) {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e;
         //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, '_');
@@ -8827,7 +10128,8 @@ var oam;
         paramsStream.forEach(([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 !== null && linkId !== void 0 ? linkId : '');
-        mona_dish__WEBPACK_IMPORTED_MODULE_0__.DQ.byId((_f = (_e = document.forms) === null || _e === void 0 ? void 0 : _e[formName]) !== null && _f !== void 0 ? _f : document.getElementById(formName)).each(form => {
+        const forms = document.forms;
+        mona_dish__WEBPACK_IMPORTED_MODULE_0__.DQ.byId((_e = forms === null || forms === void 0 ? void 0 : forms[formName]) !== null && _e !== void 0 ? _e : document.getElementById(formName)).each(form => {
             var _a;
             const ATTR_TARGET = "target";
             const formElement = form.getAsElem(0).value;
@@ -8966,7 +10268,7 @@ __webpack_require__.r(__webpack_exports__);
  * limitations under the License.
  */
 
-var _a, _b, _c, _d, _e;
+var _a, _b, _c;
 /**
  * jsf.js init layer which provides as per spec the proper
  * window namespace if it does not exist already
@@ -8974,32 +10276,23 @@ var _a, _b, _c, _d, _e;
  * on jsf2.3 or earlier level, for 4.0+ please include faces.js
  */
 if (!(window === null || window === void 0 ? void 0 : window.jsf)) {
-    const faces = (__webpack_require__(/*! ./_api */ "./src/main/typescript/api/_api.ts").faces);
-    window['jsf'] = (_a = window === null || window === void 0 ? void 0 : window.jsf) !== null && _a !== void 0 ? _a : faces;
+    const myfacesApi = (__webpack_require__(/*! ./_api */ "./src/main/typescript/api/_api.ts").faces);
+    window['jsf'] = (_a = window === null || window === void 0 ? void 0 : window.jsf) !== null && _a !== void 0 ? _a : Object.assign(Object.assign({}, myfacesApi), { push: Object.assign({}, myfacesApi.push) });
     window.jsf.specversion = 230000;
     delete window.jsf.contextpath;
-    let faces4Init = faces.push.init;
     /*
      * we shim back the breaking api change from 3.0 to 4.0
-     * onerror is gone
+     * JSF 2.3 did not expose a websocket onerror callback.
      */
-    faces.push.init = (socketClientId, url, channel, onopen, onmessage, 
-    // no on error api change for 4.0
-    //onerror: Function,
-    onclose, behaviors, autoConnect) => {
-        faces4Init(socketClientId, url, channel, onopen, onmessage, null, onclose, behaviors, autoConnect);
+    window.jsf.push.init = (socketClientId, url, channel, onopen, onmessage, onclose, behaviors, autoConnect) => {
+        myfacesApi.push.init(socketClientId, url, channel, onopen, onmessage, null, onclose, behaviors, autoConnect);
     };
 }
 if (!((_b = window === null || window === void 0 ? void 0 : window.myfaces) === null || _b === void 0 ? void 0 : _b.ab)) {
     const myfaces = (__webpack_require__(/*! ./_api */ "./src/main/typescript/api/_api.ts").myfaces);
     //namespace might be extended is not exclusively reserved so we merge
     window["myfaces"] = (_c = window === null || window === void 0 ? void 0 : window.myfaces) !== null && _c !== void 0 ? _c : {};
-    if (!((_d = window === null || window === void 0 ? void 0 : window.myfaces) === null || _d === void 0 ? void 0 : _d.ab)) {
-        const myfaces = (__webpack_require__(/*! ./_api */ "./src/main/typescript/api/_api.ts").myfaces);
-        //namespace might be extended is not exclusively reserved so we merge
-        window["myfaces"] = (_e = window === null || window === void 0 ? void 0 : window.myfaces) !== null && _e !== void 0 ? _e : {};
-        Object.keys(myfaces).forEach(key => { var _a, _b; return window.myfaces[key] = (_b = (_a = window.myfaces) === null || _a === void 0 ? void 0 : _a[key]) !== null && _b !== void 0 ? _b : myfaces[key]; });
-    }
+    Object.keys(myfaces).forEach(key => { var _a, _b; return window.myfaces[key] = (_b = (_a = window.myfaces) === null || _a === void 0 ? void 0 : _a[key]) !== null && _b !== void 0 ? _b : myfaces[key]; });
 }
 var jsf = window.jsf;
 var myfaces = window.myfaces;