@nordwerk/scroll-carousel 0.1.0 → 0.1.1

package/AGENTS.md

@@ -2,7 +2,7 @@
 
 Two parts: how to build a carousel with this package in a project, and how to work on the package
 itself. Human documentation is in README.md; live examples with code are at
-https://studio-nordwerk.github.io/scroll-carousel/.
+https://www.nordwerk.studio/oss/scroll-carousel.
 
 ## Part 1: using the package
 
@@ -79,7 +79,9 @@ JavaScript, never move slides with transforms, never clone slides.
 - `src/astro/Carousel.astro`: shipped as source.
 - `src/carousel.css`: all layout and the default controls.
 - `site/`: the documentation site (`generate.mjs` writes `_site/`), including the wireframe
-  patterns in `wireframes.mjs`. Content there is fictional.
+  patterns in `wireframes.mjs`. Content there is fictional. CI publishes it to GitHub Pages;
+  www.nordwerk.studio/oss/scroll-carousel serves the same files through a proxy that rewrites
+  `<base href>`, so every link in the site must stay relative to `<base>`.
 - `test/unit/`: node's test runner on the TypeScript sources.
 - `test/e2e/`: Playwright against `_site/` and the adapter fixtures from `scripts/fixtures.mjs`.
 

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## 0.1.1 (2026-09-21)
+
+- Astro and `templateLabels`: `statusSingle` template for when only one slide is visible, so a
+  status like "Items {first} to {last}" does not read "Items 2 to 2".
+- Documentation moved to https://www.nordwerk.studio/oss/scroll-carousel; the GitHub Pages
+  address forwards there.
+
 ## 0.1.0 (2026-09-21)
 
 First version.

package/README.md

@@ -5,7 +5,7 @@ so the markup your server sends is already the final layout: no layout shift, no
 no device detection on the server. A small script adds arrows, dots, paging by group, an API and
 change events. Drag and autoplay are opt-in plugins. No runtime dependencies.
 
-**Live examples:** https://studio-nordwerk.github.io/scroll-carousel/ (every configuration, with
+**Live examples:** https://www.nordwerk.studio/oss/scroll-carousel (every configuration, with
 its code, plus common storefront patterns as wireframes next to the library options they replace).
 
 | Part | gzip, minified |

package/dist/markup.d.ts

@@ -36,10 +36,15 @@ export declare function responsiveCss(id: string, props: LayoutProps): string;
  * Start alignment only. It expects the root as its previous sibling.
  */
 export declare const PRE_POSITION: string;
-/** Label templates such as 'Slide {n} of {count}' turned into label functions. */
+/**
+ * Label templates such as 'Slide {n} of {count}' turned into label functions. `statusSingle`
+ * is used when only one slide is visible, e.g. 'Item {first} of {count}' next to a `status` of
+ * 'Items {first} to {last} of {count}'.
+ */
 export declare function templateLabels(templates?: {
     page?: string;
     status?: string;
+    statusSingle?: string;
 }): {
     page?: ((n: number, count: number) => string) | undefined;
     status?: ((first: number, last: number, count: number) => string) | undefined;

package/dist/markup.js

@@ -4,7 +4,7 @@ import {
   baseVars,
   responsiveCss,
   templateLabels
-} from "./shared/chunk-I4ZMRKZV.js";
+} from "./shared/chunk-QHWWA243.js";
 export {
   PRE_POSITION,
   baseStyle,

package/dist/preact.js

@@ -1,9 +1,9 @@
 import {
   createAdapter
-} from "./shared/chunk-5Q4YPVNK.js";
+} from "./shared/chunk-I3QEUR7L.js";
 import "./shared/chunk-HPGJKTV5.js";
 import "./shared/chunk-3THCBXDW.js";
-import "./shared/chunk-I4ZMRKZV.js";
+import "./shared/chunk-QHWWA243.js";
 
 // src/preact.ts
 import { Fragment, createElement, toChildArray } from "preact";

package/dist/react.js

@@ -1,9 +1,9 @@
 import {
   createAdapter
-} from "./shared/chunk-5Q4YPVNK.js";
+} from "./shared/chunk-I3QEUR7L.js";
 import "./shared/chunk-HPGJKTV5.js";
 import "./shared/chunk-3THCBXDW.js";
-import "./shared/chunk-I4ZMRKZV.js";
+import "./shared/chunk-QHWWA243.js";
 
 // src/react.ts
 import { Children, Fragment, createElement, useEffect, useId, useLayoutEffect, useRef, useState } from "react";

package/dist/shared/{chunk-5Q4YPVNK.js → chunk-I3QEUR7L.js}

@@ -5,7 +5,7 @@ import {
   PRE_POSITION,
   baseVars,
   responsiveCss
-} from "./chunk-I4ZMRKZV.js";
+} from "./chunk-QHWWA243.js";
 
 // src/adapter.ts
 var chevron = (h, path) => h("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", focusable: "false" }, h("path", { d: path }));

package/dist/shared/{chunk-I4ZMRKZV.js → chunk-QHWWA243.js}

@@ -43,10 +43,11 @@ function responsiveCss(id, props) {
 var PRE_POSITION = "(function(r){var t=r.querySelector('[data-sc-track]'),s=t&&t.querySelector('[data-sc-initial]'),f=t&&t.firstElementChild;if(!s||s==f)return;var a=s.getBoundingClientRect(),b=f.getBoundingClientRect();t.scrollLeft=getComputedStyle(t).direction=='rtl'?a.right-b.right:a.left-b.left})(document.currentScript.previousElementSibling)";
 function templateLabels(templates = {}) {
   const fill = (template, values) => template.replace(/\{(\w+)\}/g, (match, name) => name in values ? String(values[name]) : match);
+  const status = templates.status || templates.statusSingle;
   return {
     ...templates.page && { page: (n, count) => fill(templates.page, { n, count }) },
-    ...templates.status && {
-      status: (first, last, count) => fill(templates.status, { first, last, count })
+    ...status && {
+      status: (first, last, count) => fill(first == last && templates.statusSingle ? templates.statusSingle : status, { first, last, count })
     }
   };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nordwerk/scroll-carousel",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "A dependency-free carousel on native scrolling: CSS scroll snap first, arrows, dots, paging and an API as progressive enhancement.",
   "license": "MIT",
   "type": "module",
@@ -8,7 +8,7 @@
     "type": "git",
     "url": "git+https://github.com/studio-nordwerk/scroll-carousel.git"
   },
-  "homepage": "https://studio-nordwerk.github.io/scroll-carousel/",
+  "homepage": "https://www.nordwerk.studio/oss/scroll-carousel",
   "keywords": [
     "carousel",
     "slider",
@@ -87,6 +87,7 @@
   },
   "devDependencies": {
     "@axe-core/playwright": "4.13.0",
+    "@fontsource-variable/geist": "^5.3.0",
     "@playwright/test": "1.61.1",
     "@types/node": "^24.0.0",
     "@types/react": "^19.3.0",

package/src/astro/Carousel.astro

@@ -21,8 +21,11 @@ interface Props extends LayoutProps {
   drag?: boolean;
   /** Milliseconds per page; renders the play button. */
   autoplay?: number;
-  /** Label templates: page 'Slide {n} of {count}', status 'Items {first} to {last} of {count}', prev, next. */
-  labels?: { page?: string; status?: string; prev?: string; next?: string; play?: string; pause?: string };
+  /**
+   * Label templates: page 'Slide {n} of {count}', status 'Items {first} to {last} of {count}',
+   * statusSingle 'Item {first} of {count}' for one visible slide, prev, next, play, pause.
+   */
+  labels?: { page?: string; status?: string; statusSingle?: string; prev?: string; next?: string; play?: string; pause?: string };
 }
 
 const props = Astro.props;