diff --git a/packages/calcite-components/src/runtime.ts b/packages/calcite-components/src/runtime.ts index a87cf7f77ad..5fa04a18b6a 100644 --- a/packages/calcite-components/src/runtime.ts +++ b/packages/calcite-components/src/runtime.ts @@ -1,7 +1,5 @@ import { makeRuntime } from "@arcgis/lumina"; -import globalScript from "./utils/globalScript"; - -globalScript(); +import "./utils/globalScript"; export const runtime = makeRuntime(); diff --git a/packages/calcite-components/src/utils/globalScript.ts b/packages/calcite-components/src/utils/globalScript.ts index 39d7f338f7d..bd162f53931 100644 --- a/packages/calcite-components/src/utils/globalScript.ts +++ b/packages/calcite-components/src/utils/globalScript.ts @@ -1,20 +1,18 @@ +/** + * This file is imported in src/runtime.ts + */ import { isServer } from "lit"; import { initModeChangeEvent } from "./mode"; import { stampVersion } from "./config"; -/** - * This file is imported in Stencil's `globalScript` config option. - * - * @see [Stencil's globalScript](https://stenciljs.com/docs/config#globalscript). - */ -export default function (): void { - if (!isServer) { - if (document.readyState === "interactive") { - initModeChangeEvent(); - } else { - document.addEventListener("DOMContentLoaded", () => initModeChangeEvent(), { once: true }); - } +if (!isServer) { + if (document.readyState === "interactive") { + initModeChangeEvent(); + } else { + document.addEventListener("DOMContentLoaded", initModeChangeEvent, { once: true }); } +} - stampVersion(); +if (process.env.NODE_ENV !== "test") { + queueMicrotask(stampVersion); }