Fix unreadable counter digit on not-yet-reached steps (#3023)

Co-authored-by: Paweł Kuna <1282324+codecalm@users.noreply.github.com>
Co-authored-by: codecalm <codecalm@gmail.com>

screenshots/layouts/ScreenshotAppLayout.astro

@@ -177,7 +177,11 @@ const libJsFiles = pageLibEntries.flatMap(([, lib]) => (lib.js ?? []).map((file)
     </nav>
 
     {libJsFiles.map((src) => <script is:inline src={src} defer />)}
-    <script is:inline src={`/dist/js/tabler${min}.js`} defer></script>
+    <!-- ESM-only build: load as a module and re-expose the namespace as a local
+    shim so the capture pages' window.tabler.Dropdown/Offcanvas calls keep working.
+    A static import (not import()) so window.tabler is set before DOMContentLoaded,
+    the way the old classic script guaranteed. -->
+    <script is:inline type="module" set:html={`import * as tabler from '/dist/js/tabler${min}.js';\nwindow.tabler = tabler;`} />
 
     <PageScripts />
 

screenshots/layouts/ScreenshotLayout.astro

@@ -160,7 +160,11 @@ const libJsFiles = pageLibEntries.flatMap(([, lib]) => (lib.js ?? []).map((file)
     </div>
 
     {libJsFiles.map((src) => <script is:inline src={src} defer />)}
-    <script is:inline src={`/dist/js/tabler${min}.js`} defer></script>
+    <!-- ESM-only build: load as a module and re-expose the namespace as a local
+    shim so the capture pages' window.tabler.Dropdown/Offcanvas calls keep working.
+    A static import (not import()) so window.tabler is set before DOMContentLoaded,
+    the way the old classic script guaranteed. -->
+    <script is:inline type="module" set:html={`import * as tabler from '/dist/js/tabler${min}.js';\nwindow.tabler = tabler;`} />
 
     <!-- components that render via CaptureScript (e.g. Chart) queue their init script
     into shared/lib/page-scripts instead of inlining it where used; this drains it. -->