From 90a763d376dad2f8d2a82a20cbb9e1be1451b791 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Mon, 2 Feb 2026 10:24:30 +0000 Subject: [PATCH 1/3] Initial plan From ba5c20be44bd364f552f8cce4972d881628ee5a6 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Mon, 2 Feb 2026 10:29:07 +0000 Subject: [PATCH 2/3] refactor(grids): revert to setImmediate for better performance in yieldingLoop Co-authored-by: kdinev <1472513+kdinev@users.noreply.github.com> --- .../services/exporter-common/yielding-loop.ts | 6 +- .../grids/core/src/setImmediate.ts | 72 +++++++++++++++++++ 2 files changed, 76 insertions(+), 2 deletions(-) create mode 100644 projects/igniteui-angular/grids/core/src/setImmediate.ts 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..c56850e8a8c 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 microtask 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]; +} From b61fd9034f6bb3ed0e3d1f90c0a650f1fad00c14 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Mon, 2 Feb 2026 10:29:48 +0000 Subject: [PATCH 3/3] docs(grids): fix comment about setImmediate scheduling Co-authored-by: kdinev <1472513+kdinev@users.noreply.github.com> --- .../grids/core/src/services/exporter-common/yielding-loop.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) 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 c56850e8a8c..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 @@ -2,7 +2,7 @@ import { setImmediate } from '../../setImmediate'; /** * Executes a loop in chunks to avoid blocking the UI thread. - * Uses setImmediate for efficient microtask scheduling between chunks. + * Uses setImmediate for efficient scheduling between chunks. * @hidden * @internal */