jsf.js_next_gen 4.0.1-beta.6 → 4.0.1-beta.8

package/dist/docs/assets/style.css

@@ -483,10 +483,9 @@ blockquote {
     .has-menu .col-menu {
         visibility: visible;
         transform: translate(0, 0);
-        display: grid;
-        align-items: center;
-        grid-template-rows: auto 1fr;
-        grid-gap: 1.5rem;
+        display: flex;
+        flex-direction: column;
+        gap: 1.5rem;
         max-height: 100vh;
         padding: 1rem 2rem;
     }
@@ -911,7 +910,7 @@ a.tsd-index-link {
     margin-right: 0.8rem;
 }
 
-@media (min-width: 1024px) {
+@media (min-width: 1025px) {
     .col-content {
         margin: 2rem auto;
     }

package/dist/window/faces-development.js

@@ -248,7 +248,7 @@ function simpleShallowMerge(...assocArrays) {
 }
 exports.simpleShallowMerge = simpleShallowMerge;
 /**
- * Shallow merge as in config
+ * Shallow merge as in config, but on raw associative arrays
  *
  * @param overwrite
  * @param withAppend
@@ -982,6 +982,10 @@ class DomQuery {
     get asNodeArray() {
         return new Es2019Array_1.Es2019Array(...this.rootNode.filter(item => item != null));
     }
+    get nonce() {
+        var _a, _b, _c, _d, _e;
+        return Monad_1.Optional.fromNullable((_c = (_b = (_a = this === null || this === void 0 ? void 0 : this.rootNode) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.nonce) !== null && _c !== void 0 ? _c : (_e = (_d = this === null || this === void 0 ? void 0 : this.rootNode) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.getAttribute("nonce"));
+    }
     static querySelectorAllDeep(selector) {
         return new DomQuery(document).querySelectorAllDeep(selector);
     }
@@ -1859,33 +1863,19 @@ class DomQuery {
         const execCss = (toReplace) => {
             const _toReplace = DomQuery.byId(toReplace);
             const tagName = _toReplace.tagName.orElse("").value;
-            const head = DomQuery.byTagName("head");
-            if (tagName && eqi(tagName, "link") && eqi(toReplace.getAttribute("rel"), "stylesheet")) {
-                const rel = toReplace.getAttribute("rel");
-                //if possible we are now replacing the existing elements where we reference this stylesheet
-                const matches = head.querySelectorAll(`link[rel='stylesheet'][href='${rel}']`);
-                if (matches.length) {
-                    matches.replace(_toReplace);
-                }
-                else {
-                    head.append(_toReplace);
-                }
-            }
-            else if (tagName && eqi(tagName, "style")) {
-                let innerText = _toReplace.innerHTML.replace(/\s+/gi, "");
-                let styles = head.querySelectorAll("style");
-                let filteredStyles = styles.asArray.filter(style => {
-                    return style.innerHTML.replace(/\s+/gi, "") == innerText;
-                });
-                styles = new DomQuery(...filteredStyles);
-                if (!styles.length) { //already present
-                    head.append(_toReplace);
-                }
-            }
+            let newElement = DomQuery.fromMarkup(`<${tagName.toLowerCase()} />`);
+            newElement = newElement.copyAttrs(_toReplace);
+            newElement.innerHTML = toReplace.innerHTML;
+            // css suffices a simple replace to get it eval-ed, no need
+            // for a full head replace
+            _toReplace.replace(newElement);
         };
-        const scriptElements = new DomQuery(this.filterSelector("link, style"), this.querySelectorAll("link, style"));
-        scriptElements.asArray
+        const cssElems = new DomQuery(this.filterSelector("link, style"), this.querySelectorAll("link, style"));
+        cssElems.asArray
             .flatMap(item => [...item.values])
+            // sort to make sure the execution order is correct
+            // this is needed because we mix 2 queries together
+            // -3 is needed due to the compareDocumentPosition return value
             .sort((node1, node2) => node1.compareDocumentPosition(node2) - 3)
             .forEach(item => execCss(item));
         return this;
@@ -2482,12 +2472,12 @@ class DomQuery {
         }
     }
 }
-exports.DomQuery = DomQuery;
 DomQuery.absent = new DomQuery();
 /**
  * reference to the environmental global object
  */
 DomQuery.global = Global_1._global$;
+exports.DomQuery = DomQuery;
 /**
  * Various collectors
  * which can be used in conjunction with Streams
@@ -2642,7 +2632,12 @@ exports._Es2019Array = _Es2019Array;
  * does not yet have flatMap support on arrays
  */
 exports.Es2019Array = (Array.prototype.flatMap) ? function (...data) {
-    return 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;
 
 
@@ -3164,9 +3159,9 @@ class Optional extends Monad {
         });
     }
 }
-exports.Optional = Optional;
 /*default value for absent*/
 Optional.absent = Optional.fromNullable(null);
+exports.Optional = Optional;
 // --------------------- From here onwards we break out the side effect free limits ------------
 /**
  * ValueEmbedder is the writeable version
@@ -3219,9 +3214,9 @@ class ValueEmbedder extends Optional {
         return new ValueEmbedder(value, valueKey);
     }
 }
-exports.ValueEmbedder = ValueEmbedder;
 /*default value for absent*/
 ValueEmbedder.absent = ValueEmbedder.fromNullable(null);
+exports.ValueEmbedder = ValueEmbedder;
 
 
 /***/ }),
@@ -4570,7 +4565,7 @@ var Implementation;
         /*
          * lazy helper to fetch the window id from the included faces.js
          */
-        let fetchWindowIdFromJSFJS = () => ExtDomQuery_1.ExtDomQuery.searchJsfJsFor(/jfwid=([^&;]*)/).orElse(null).value;
+        let fetchWindowIdFromJSFJS = () => ExtDomQuery_1.ExtDomQuery.searchJsfJsFor(/jfwid=([^&;]*)/).orElse(null);
         /*
          * fetch window id from the url
          */
@@ -4580,8 +4575,8 @@ var Implementation;
             const results = regex.exec(href);
             //initial trial over the url and a regexp
             if (results != null)
-                return results[1];
-            return null;
+                return mona_dish_1.Optional.fromNullable(results[1]);
+            return mona_dish_1.Optional.fromNullable(null);
         };
         /*
          * functional double check based on stream reduction
@@ -4617,7 +4612,7 @@ var Implementation;
         /*
          * return the window id or null
          */
-        return formWindowId != INIT ? formWindowId : (fetchWindowIdFromURL() || fetchWindowIdFromJSFJS());
+        return formWindowId != INIT ? formWindowId : (fetchWindowIdFromURL() || fetchWindowIdFromJSFJS()).value;
     }
     Implementation.getClientWindow = getClientWindow;
     /**
@@ -5809,10 +5804,10 @@ class ExtDomQuery extends mona_dish_1.DQ {
             if (result.length > 1) {
                 throw Error("Multiple different windowIds found in document");
             }
-            return (result.isPresent()) ? result.getAsElem(0).value.value : fetchWindowIdFromURL();
+            return mona_dish_1.Optional.fromNullable((result.isPresent()) ? result.getAsElem(0).value.value : fetchWindowIdFromURL());
         }
         else {
-            return fetchWindowIdFromURL();
+            return mona_dish_1.Optional.fromNullable(fetchWindowIdFromURL());
         }
     }
     /*
@@ -5820,29 +5815,27 @@ class ExtDomQuery extends mona_dish_1.DQ {
     * this is done once and only lazily
     */
     get nonce() {
-        var _a;
+        var _a, _b, _c;
         //already processed
         let myfacesConfig = new ExtConfig(window.myfaces);
-        let nonce = myfacesConfig.getIf("config", "cspMeta", "nonce");
-        if (nonce.value) {
-            return nonce.value;
+        let globalNonce = myfacesConfig.getIf("config", "cspMeta", "nonce");
+        if (!!globalNonce.value) {
+            return mona_dish_1.Optional.fromNullable(globalNonce.value);
         }
         let curScript = new mona_dish_1.DQ(document.currentScript);
         //since our baseline atm is ie11 we cannot use document.currentScript globally
-        if (!!this.extractNonce(curScript)) {
+        let nonce = curScript.nonce;
+        if (nonce.isPresent()) {
             // fast-path for modern browsers
-            return this.extractNonce(curScript);
+            return nonce;
         }
         // fallback if the currentScript method fails, we just search the jsf tags for nonce, this is
         // the last possibility
         let nonceScript = mona_dish_1.Optional.fromNullable((_a = mona_dish_1.DQ
             .querySelectorAll("script[src], link[src]").asArray
-            .filter((item) => this.extractNonce(item) && item.attr(ATTR_SRC) != null)
+            .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]);
-        if (nonceScript.isPresent()) {
-            return this.extractNonce(nonceScript.value);
-        }
-        return null;
+        return mona_dish_1.Optional.fromNullable((_c = (_b = nonceScript.value) === null || _b === void 0 ? void 0 : _b.nonce) === null || _c === void 0 ? void 0 : _c.value);
     }
     static searchJsfJsFor(item) {
         return new ExtDomQuery(document).searchJsfJsFor(item);
@@ -5864,12 +5857,12 @@ class ExtDomQuery extends mona_dish_1.DQ {
         })) === 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));
+        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) {
-        return new ExtDomQuery(super.globalEvalSticky(code, nonce !== null && nonce !== void 0 ? nonce : this.nonce));
+        return new ExtDomQuery(super.globalEvalSticky(code, nonce !== null && nonce !== void 0 ? nonce : this.nonce.value));
     }
     /**
      * decorated run scripts which takes our jsf extensions into consideration
@@ -5943,10 +5936,6 @@ class ExtDomQuery extends mona_dish_1.DQ {
         const ret = mona_dish_1.DomQuery.byId(selector, deep);
         return new ExtDomQuery(ret);
     }
-    extractNonce(curScript) {
-        var _a, _b;
-        return (_b = (_a = curScript.getAsElem(0).value) === null || _a === void 0 ? void 0 : _a.nonce) !== null && _b !== void 0 ? _b : curScript.attr("nonce").value;
-    }
     filter(func) {
         return new ExtDomQuery(super.filter(func));
     }
@@ -6878,7 +6867,7 @@ exports.resolveDelay = resolveDelay;
  */
 function resolveWindowId(options) {
     var _a, _b;
-    return (_b = (_a = options === null || options === void 0 ? void 0 : options.value) === null || _a === void 0 ? void 0 : _a.windowId) !== null && _b !== void 0 ? _b : ExtDomQuery_1.ExtDomQuery.windowId;
+    return (_b = (_a = options === null || options === void 0 ? void 0 : options.value) === null || _a === void 0 ? void 0 : _a.windowId) !== null && _b !== void 0 ? _b : ExtDomQuery_1.ExtDomQuery.windowId.value;
 }
 exports.resolveWindowId = resolveWindowId;
 /**