jsf.js_next_gen 4.0.0-beta-14 → 4.0.0-beta-16

package/dist/window/jsf-development.js

@@ -62,27 +62,28 @@ var Submittables;
     Submittables["CHECKBOX"] = "checkbox";
 })(Submittables || (Submittables = {}));
 /**
- * helper to fix a common problem that a system has to wait until a certain condition is reached
- * depening on the browser this uses either the mutation observer or a semi compatible interval as fallback
- * @param root the root domquery element to start from
- * @param condition the condition lambda to be fullfilled
+ * helper to fix a common problem that a system has to wait, until a certain condition is reached.
+ * Depending on the browser this uses either the Mutation Observer or a semi compatible interval as fallback.
+ * @param root the root DomQuery element to start from
+ * @param condition the condition lambda to be fulfilled
  * @param options options for the search
  */
 function waitUntilDom(root, condition, options = { attributes: true, childList: true, subtree: true, timeout: 500, interval: 100 }) {
     return new Promise((success, error) => {
+        let observer = null;
         const MUT_ERROR = new Error("Mutation observer timeout");
         //we do the same but for now ignore the options on the dom query
         //we cannot use absent here, because the condition might search for an absent element
         function findElement(root, condition) {
             let found = null;
-            if (condition(root)) {
+            if (!!condition(root)) {
                 return root;
             }
             if (options.childList) {
-                found = (condition(root)) ? root : root.childNodes.first(condition).value.value;
+                found = (condition(root)) ? root : root.childNodes.filter(item => condition(item)).first().value.value;
             }
             else if (options.subtree) {
-                found = (condition(root)) ? root : root.querySelectorAll(" * ").first(condition).value;
+                found = (condition(root)) ? root : root.querySelectorAll(" * ").filter(item => condition(item)).first().value.value;
             }
             else {
                 found = (condition(root)) ? root : null;
@@ -90,22 +91,24 @@ function waitUntilDom(root, condition, options = { attributes: true, childList:
             return found;
         }
         let foundElement = root;
-        if ((foundElement = findElement(foundElement, condition)) != null) {
+        if (!!(foundElement = findElement(foundElement, condition))) {
             success(new DomQuery(foundElement));
             return;
         }
         if ('undefined' != typeof MutationObserver) {
             const mutTimeout = setTimeout(() => {
+                observer.disconnect();
                 return error(MUT_ERROR);
             }, options.timeout);
             const callback = (mutationList) => {
-                const found = new DomQuery(mutationList.map((mut) => mut.target)).first(condition);
-                if (found) {
+                const found = new DomQuery(mutationList.map((mut) => mut.target)).filter(item => condition(item)).first();
+                if (found.isPresent()) {
                     clearTimeout(mutTimeout);
-                    success(found);
+                    observer.disconnect();
+                    success(new DomQuery(found || root));
                 }
             };
-            const observer = new window.MutationObserver(callback);
+            observer = new window.MutationObserver(callback);
             // browsers might ignore it, but we cannot break the api in the case
             // hence no timeout is passed
             let observableOpts = Object.assign({}, options);
@@ -117,13 +120,13 @@ function waitUntilDom(root, condition, options = { attributes: true, childList:
         else { //fallback for legacy browsers without mutation observer
             let interval = setInterval(() => {
                 let found = findElement(root, condition);
-                if (found) {
+                if (!!found) {
                     if (timeout) {
                         clearTimeout(timeout);
                         clearInterval(interval);
                         interval = null;
-                        success(found);
                     }
+                    success(new DomQuery(found || root));
                 }
             }, options.interval);
             let timeout = setTimeout(() => {
@@ -7032,13 +7035,11 @@ class XhrRequest {
         }, data);
     }
     catch(func) {
-        //this.$promise.catch(func);
         this.catchFuncs.push(func);
         return this;
     }
     finally(func) {
         //no ie11 support we probably are going to revert to shims for that one
-        //(<any>this.$promise).then(func).catch(func);
         this.catchFuncs.push(func);
         this.thenFunc.push(func);
         return this;
@@ -7070,15 +7071,32 @@ class XhrRequest {
             this.onDone(this.xhrObject, resolve);
         };
         xhrObject.onerror = (errorData) => {
+            // some browsers trigger an error when cancelling a request internally
+            // 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
+            if (this.isCancelledResponse(this.xhrObject)) {
+                reject();
+                this.stopProgress = true;
+                return;
+            }
             this.onError(errorData, reject);
         };
     }
+    isCancelledResponse(currentTarget) {
+        return (currentTarget === null || currentTarget === void 0 ? void 0 : currentTarget.status) === 0 && //cancelled by browser
+            (currentTarget === null || currentTarget === void 0 ? void 0 : currentTarget.readyState) === 4 &&
+            (currentTarget === null || currentTarget === void 0 ? void 0 : currentTarget.responseText) === '' &&
+            (currentTarget === null || currentTarget === void 0 ? void 0 : currentTarget.responseXML) === null;
+    }
     /*
-     * xhr processing callbacks
-     *
-     * Those methods are the callbacks called by
-     * the xhr object depending on its own state
-     */
+         * xhr processing callbacks
+         *
+         * Those methods are the callbacks called by
+         * the xhr object depending on its own state
+         */
     onAbort(reject) {
         reject();
     }
@@ -7112,13 +7130,14 @@ class XhrRequest {
             this.handleError(errorData, true);
         }
         finally {
-            //we issue a resolve in this case to allow the system to recover
+            // we issue a resolve in this case to allow the system to recover
+            // reject would clean up the queue
             resolve(errorData);
-            //reject();
         }
         //non blocking non clearing
     }
     onDone(data, resolve) {
+        // if stop progress a special handling including resolve is already performed
         if (this.stopProgress) {
             return;
         }
@@ -7147,7 +7166,7 @@ class XhrRequest {
         try {
             //user code error, we might cover
             //this in onError but also we cannot swallow it
-            //we need to resolve the local handlers lazyly,
+            //we need to resolve the local handlers lazily,
             //because some frameworks might decorate them over the context in the response
             let eventHandler = (0, RequestDataResolver_1.resolveHandlerFunc)(this.requestContext, this.responseContext, Const_1.ON_EVENT);
             AjaxImpl_1.Implementation.sendEvent(eventData, eventHandler);