jsf.js_next_gen 4.1.0-beta.15 → 4.1.0-beta.17

package/README.md

@@ -281,6 +281,31 @@ Tests
 - Added tests for HiddenInputBuilder, Lang, and async queue     
 
 
+## 4.1.0-beta.17
+
+- Bugfix: caret position regression on partial updates
+  - After typing into an input that triggers an ajax request, the keyboard caret jumped to
+    the beginning of the field (e.g. typing `123` resulted in `321`). This regressed in
+    `mona-dish` `0.50.0-beta.3`'s caret restoration and is fixed there; the focused input now
+    keeps its caret whether a partial response re-renders a different component or the input
+    itself.
+- Dependency update
+  - Updated `mona-dish` to `0.50.0-beta.3`
+- Tests added
+  - Added two protocol-level regression tests (`ResponseTest`) reproducing the Tobago
+    `<tc:in>`/`<tc:out>` scenario: typing `123` keeps the caret in order for both the
+    "re-render only the output" and the "re-render the input itself" cases.
+
+## 4.1.0-beta.16
+
+- Dependency update
+  - Updated `mona-dish` to `0.50.0-beta.2`
+
+- Build / tooling improvements
+  - `dist/**`, `target/**`, `**/*.d.ts`, and `**/*.mjs` are now excluded from the `nyc` coverage report so only the implementation source is measured.
+  - Apache license header added to `dist/window/faces.d.ts` and `dist/window/jsf.d.ts` (prepended by the `build-dts` post-processing step).
+  - Apache license header added to `scripts/build-dts.mjs` and `webpack.config.ts`.
+
 ## 4.1.0-beta.15
 
 - Tests added or expanded

package/dist/docs/index.html

@@ -249,6 +249,23 @@ enqueues on separate instances to cancel each other's debounce window</li>
 <li>Added tests for ExtDomQuery (nonce DOM fallback, runHeadInserts text-node path) and ExtConfig (append, appendIf, deepCopy)</li>
 <li>Added tests for HiddenInputBuilder, Lang, and async queue</li>
 </ul>
+<h2 id="410-beta16" class="tsd-anchor-link">4.1.0-beta.16<a href="#410-beta16" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h2>
+<ul>
+<li>
+<p>Dependency update</p>
+<ul>
+<li>Updated <code>mona-dish</code> to <code>0.50.0-beta.2</code></li>
+</ul>
+</li>
+<li>
+<p>Build / tooling improvements</p>
+<ul>
+<li><code>dist/**</code>, <code>target/**</code>, <code>**/*.d.ts</code>, and <code>**/*.mjs</code> are now excluded from the <code>nyc</code> coverage report so only the implementation source is measured.</li>
+<li>Apache license header added to <code>dist/window/faces.d.ts</code> and <code>dist/window/jsf.d.ts</code> (prepended by the <code>build-dts</code> post-processing step).</li>
+<li>Apache license header added to <code>scripts/build-dts.mjs</code> and <code>webpack.config.ts</code>.</li>
+</ul>
+</li>
+</ul>
 <h2 id="410-beta15" class="tsd-anchor-link">4.1.0-beta.15<a href="#410-beta15" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h2>
 <ul>
 <li>
@@ -289,4 +306,4 @@ enqueues on separate instances to cancel each other's debounce window</li>
 generative AI Tooling, as per <a href="https://www.apache.org/legal/generative-tooling.html">https://www.apache.org/legal/generative-tooling.html</a>
 disclosures now are added!
 See AI_CONTRIBUTIONS.md for full disclosure</p>
-</div></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><a href="#🚀-scratchpad-for-the-typescript-based-reimplementation-of-jsfjs"><span>🚀 <wbr/>Scratchpad for the <wbr/>Type<wbr/>Script-<wbr/>based reimplementation of jsf.js</span></a><ul><li><a href="#what-is-this"><span>What is this?</span></a></li><li><a href="#status"><span>Status</span></a></li><li><ul><li><a href="#special-info"><span>Special <wbr/>Info</span></a></li><li><a href="#general-build"><span>General <wbr/>Build</span></a></li><li><ul><li><a href="#on-windows"><span>On <wbr/>Windows</span></a></li></ul></li><li><a href="#tests"><span>Tests</span></a></li><li><a href="#test-coverage"><span>Test <wbr/>Coverage</span></a></li><li><a href="#changelist-compared-to-the-original-implementation"><span>Changelist compared to the original implementation</span></a></li></ul></li><li><a href="#upload-support"><span>Upload <wbr/>Support</span></a></li><li><a href="#changes-since-40"><span>Changes since 4.0</span></a></li><li><a href="#changes-since-410-beta-10"><span>Changes since 4.1.0-<wbr/>beta-<wbr/>10</span></a></li><li><a href="#410-beta15"><span>4.1.0-<wbr/>beta.15</span></a></li><li><a href="#410-beta13-410-beta14"><span>4.1.0-<wbr/>beta.13 / 4.1.0-<wbr/>beta.14</span></a></li></ul></div></details></div><div class="site-menu"><nav class="tsd-navigation"><a href="modules.html">jsf.js_next_gen</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+</div></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-chevronDown"></use></svg><h3>On This Page</h3></summary><div class="tsd-accordion-details"><a href="#🚀-scratchpad-for-the-typescript-based-reimplementation-of-jsfjs"><span>🚀 <wbr/>Scratchpad for the <wbr/>Type<wbr/>Script-<wbr/>based reimplementation of jsf.js</span></a><ul><li><a href="#what-is-this"><span>What is this?</span></a></li><li><a href="#status"><span>Status</span></a></li><li><ul><li><a href="#special-info"><span>Special <wbr/>Info</span></a></li><li><a href="#general-build"><span>General <wbr/>Build</span></a></li><li><ul><li><a href="#on-windows"><span>On <wbr/>Windows</span></a></li></ul></li><li><a href="#tests"><span>Tests</span></a></li><li><a href="#test-coverage"><span>Test <wbr/>Coverage</span></a></li><li><a href="#changelist-compared-to-the-original-implementation"><span>Changelist compared to the original implementation</span></a></li></ul></li><li><a href="#upload-support"><span>Upload <wbr/>Support</span></a></li><li><a href="#changes-since-40"><span>Changes since 4.0</span></a></li><li><a href="#changes-since-410-beta-10"><span>Changes since 4.1.0-<wbr/>beta-<wbr/>10</span></a></li><li><a href="#410-beta16"><span>4.1.0-<wbr/>beta.16</span></a></li><li><a href="#410-beta15"><span>4.1.0-<wbr/>beta.15</span></a></li><li><a href="#410-beta13-410-beta14"><span>4.1.0-<wbr/>beta.13 / 4.1.0-<wbr/>beta.14</span></a></li></ul></div></details></div><div class="site-menu"><nav class="tsd-navigation"><a href="modules.html">jsf.js_next_gen</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>

package/dist/window/faces-development.js

@@ -784,7 +784,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 +797,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 +825,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 +854,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);
     }
 }
 /**
@@ -1017,10 +1018,10 @@ class DomQuery {
     }
     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);
     }
     /**
@@ -1165,7 +1166,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 +1184,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();
             }
@@ -1502,14 +1500,14 @@ 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;
     }
@@ -1829,11 +1827,16 @@ class DomQuery {
         if (this.isAbsent()) {
             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;
@@ -1854,10 +1857,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;
     }
@@ -2329,7 +2334,12 @@ class DomQuery {
     static getCaretPosition(ctrl) {
         let caretPos = 0;
         try {
-            if (document === null || document === void 0 ? void 0 : document.selection) {
+            if (typeof (ctrl === null || ctrl === void 0 ? void 0 : ctrl.selectionStart) === "number") {
+                // modern browsers expose the caret position directly via selectionStart
+                caretPos = ctrl.selectionStart;
+            }
+            else if (document === null || document === void 0 ? void 0 : document.selection) {
+                // legacy IE fallback
                 ctrl.focus();
                 let selection = document.selection.createRange();
                 // the selection now is start zero
@@ -2357,7 +2367,7 @@ 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;
+        (ctrl === null || ctrl === void 0 ? void 0 : ctrl.setSelectionRange) ? ctrl === null || ctrl === void 0 ? void 0 : ctrl.setSelectionRange(pos, pos) : null;
     }
     /**
      * Implementation of an iterator
@@ -2975,8 +2985,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');
@@ -2988,9 +2996,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;
     }