diff --git a/projects/igniteui-angular/grids/core/src/services/exporter-common/yielding-loop.ts b/projects/igniteui-angular/grids/core/src/services/exporter-common/yielding-loop.ts index dce3c53ceee..e13a463ec9c 100644 --- a/projects/igniteui-angular/grids/core/src/services/exporter-common/yielding-loop.ts +++ b/projects/igniteui-angular/grids/core/src/services/exporter-common/yielding-loop.ts @@ -1,6 +1,8 @@ +import { setImmediate } from '../../setImmediate'; + /** * Executes a loop in chunks to avoid blocking the UI thread. - * Uses setTimeout(0) for macrotask scheduling between chunks. + * Uses setImmediate for efficient scheduling between chunks. * @hidden * @internal */ @@ -12,7 +14,7 @@ export const yieldingLoop = (count: number, chunkSize: number, callback: (index: callback(i); } if (i < count) { - setTimeout(chunk, 0); + setImmediate(chunk); } else { done(); } diff --git a/projects/igniteui-angular/grids/core/src/setImmediate.ts b/projects/igniteui-angular/grids/core/src/setImmediate.ts new file mode 100644 index 00000000000..ca3edd360ca --- /dev/null +++ b/projects/igniteui-angular/grids/core/src/setImmediate.ts @@ -0,0 +1,72 @@ +/* Copyright (c) 2014-2020 Denis Pushkarev + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN + * THE SOFTWARE + */ + +// Note: Originally copied from core-js-pure package and modified. (https://github.com/zloirock/core-js) + +const queue = {}; +let counter = 0; +let eventListenerAdded = false; + +declare global { + interface Window { + setImmediate: any; + clearImmediate: any; + } +} + +const run = (id) => { + if (queue.hasOwnProperty(id)) { + const fn = queue[id]; + delete queue[id]; + fn(); + } +}; + +const listener = (event) => run(event.data); + +// Use function instead of arrow function to workaround an issue in codesandbox +export function setImmediate(cb: () => void, ...args) { + if (window.setImmediate) { + return window.setImmediate(cb); + } + + if (!eventListenerAdded) { + eventListenerAdded = true; + window.addEventListener('message', listener, false); + } + + queue[++counter] = () => { + cb.apply(undefined, args); + }; + + const windowLocation = window.location; + window.postMessage(counter + '', windowLocation.protocol + '//' + windowLocation.host); + + return counter; +} + +export function clearImmediate(id: any) { + if (window.clearImmediate) { + return window.clearImmediate(id); + } + + delete queue[id]; +}