@rcarls/rc-pagination 0.0.0-next-20261102181447

package/CHANGELOG.md

@@ -0,0 +1,85 @@
+# @rcarls/rc-pagination
+
+## 0.0.0-next-20261102181447
+
+### Minor Changes
+
+- 34fa00a: Adds `rc-pagination`, a pagination enhancer for a native `<nav>` holding page links or
+  buttons tagged with `data-rc-page`. It keeps `aria-current="page"` on the current page, names
+  the landmark and numbered controls, disables steps past either end, and fires a cancelable
+  `rc-pagination-change` that can hand link navigation to a client-side router. The DOM-free
+  `paginationRange()` helper, also at `@rcarls/rc-pagination/range`, builds the page list on a
+  server. The aggregate, the React wrappers, and all four themes cover it.
+
+### Patch Changes
+
+- 4db22ea: Adds `rc-data-table`, a sortable-header enhancer for a native `<table>` that follows the
+  WAI-ARIA sortable table example. Authored `<button>` or link controls in
+  `<th data-rc-sort-key>` headers request a sort; the element reflects it as `aria-sort` on the
+  active header, draws a distinct indicator for each sort state, and fires a cancelable
+  `rc-data-table-sort` for the consumer to re-render the rows. It never sorts data itself. The
+  host becomes a focusable group named by the caption while the table overflows. The aggregate,
+  the React wrappers, and all four themes cover it.
+
+  `rc-pagination` now places its live region on the document body instead of inside the
+  element, so it never joins the consumer's markup.
+
+- b9fd59d: `LiveAnnouncer` mounts its region before each announcement in the open dialog or
+  popover around its host, else the document's current body, and creates it on
+  first use. An announcement after Turbo replaces `document.body` around a
+  permanent element, or after a DOM morph removes the region, now reaches
+  assistive technology instead of a detached node. `rc-pagination` and
+  `rc-data-table` with `announce` also announce from inside an open modal dialog,
+  where the body was inert. `announcerRootFor()` is exported for custom roots.
+
+  Breaking changes:
+
+  - `LiveAnnouncer` takes the host element and an optional `{ root }` resolver
+    instead of a mount node. Replace `new LiveAnnouncer($root)` with
+    `new LiveAnnouncer($host, { root: () => $root })`, or drop `root` to use the
+    dialog-aware default.
+
+- 760742b: Preserve authored disabled states when pagination controls leave an edge. Numbered targets beyond
+  the page total now request the last page, and stale links do not navigate to an out-of-range URL.
+- Updated dependencies [e3dfa59]
+- Updated dependencies [50d5610]
+- Updated dependencies [9ee769c]
+- Updated dependencies [1179f24]
+- Updated dependencies [595fe37]
+- Updated dependencies [38cd00c]
+- Updated dependencies [5c006de]
+- Updated dependencies [a6553ff]
+- Updated dependencies [2205478]
+- Updated dependencies [4341311]
+- Updated dependencies [899bb5e]
+- Updated dependencies [25fcfe0]
+- Updated dependencies [51f6403]
+- Updated dependencies [9caca6b]
+- Updated dependencies [2a499c0]
+- Updated dependencies [b9fd59d]
+- Updated dependencies [b764a3c]
+- Updated dependencies [6c3a2d1]
+- Updated dependencies [54d9ead]
+- Updated dependencies [3c0b1f6]
+- Updated dependencies [9723b63]
+- Updated dependencies [b9175e9]
+- Updated dependencies [c8b762b]
+- Updated dependencies [55e1e7f]
+- Updated dependencies [f1ca82d]
+- Updated dependencies [b87f27b]
+- Updated dependencies [32ebead]
+- Updated dependencies [bfefedd]
+- Updated dependencies [c130173]
+- Updated dependencies [6fef402]
+- Updated dependencies [11680b6]
+- Updated dependencies [223d36c]
+- Updated dependencies [7b91a44]
+- Updated dependencies [aa04ead]
+- Updated dependencies [ac65b5b]
+- Updated dependencies [429a0c1]
+- Updated dependencies [ccdf1cf]
+- Updated dependencies [afcfef8]
+- Updated dependencies [3f21c58]
+- Updated dependencies [e00df90]
+- Updated dependencies [11ef1ad]
+  - @rcarls/rc-common@0.0.0-next-20261102181447

package/README.md

@@ -0,0 +1,44 @@
+# `@rcarls/rc-pagination`
+
+Pagination enhancer for a native `<nav>` holding page links or buttons, with a server-safe
+page range helper.
+
+Docs: [https://richardcarls.github.io/rc-webcomponents/components/rc-pagination](https://richardcarls.github.io/rc-webcomponents/components/rc-pagination).
+
+## Installation
+
+```sh
+yarn add @rcarls/rc-pagination lit
+```
+
+```js
+import '@rcarls/rc-pagination/define';
+```
+
+## Usage
+
+```html
+<rc-pagination total="3" page="2">
+  <nav>
+    <ul>
+      <li><a href="?page=1" data-rc-page="previous" rel="prev">Previous</a></li>
+      <li><a href="?page=1" data-rc-page="1">1</a></li>
+      <li><a href="?page=2" data-rc-page="2" aria-current="page">2</a></li>
+      <li><a href="?page=3" data-rc-page="3">3</a></li>
+      <li><a href="?page=3" data-rc-page="next" rel="next">Next</a></li>
+    </ul>
+  </nav>
+</rc-pagination>
+```
+
+The element keeps `aria-current="page"` current, names the landmark and numbered controls,
+disables steps past either end, and fires a cancelable `rc-pagination-change` on activation.
+
+Build the list with `paginationRange()` from `@rcarls/rc-pagination/range`, which has no DOM
+dependency and runs on a server:
+
+```js
+import { paginationRange } from '@rcarls/rc-pagination/range';
+
+paginationRange({ page: 6, total: 12 }); // [1, 'ellipsis', 5, 6, 7, 'ellipsis', 12]
+```

package/dist/base.css

@@ -0,0 +1,2 @@
+/* rc-pagination light-DOM base styles. Link with data-rc-light-dom-base="rc-pagination" to skip the runtime copy. */
+@layer rc-base{rc-pagination{display:block}rc-pagination>nav>:is(ul,ol){align-items:center;gap:var(--rc-pagination-gap,.25em);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}rc-pagination [data-rc-page]{min-inline-size:var(--rc-pagination-item-min-inline-size,auto);justify-content:center;align-items:center;display:inline-flex}rc-pagination a[data-rc-page][aria-disabled=true]{cursor:default}}

package/dist/custom-elements.json

@@ -0,0 +1,486 @@
+{
+  "schemaVersion": "1.0.0",
+  "readme": "",
+  "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "src/define.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "rc-pagination",
+          "declaration": {
+            "name": "RCPagination",
+            "module": "/src/index.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/index.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/rc-pagination.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/paginationBaseStyles.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/range.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/paginationBaseStyles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "PAGINATION_BASE_CSS",
+          "default": "cssText` @layer rc-base { rc-pagination { display: block; } rc-pagination > nav > :is(ul, ol) { display: flex; flex-wrap: wrap; align-items: center; gap: var(--rc-pagination-gap, 0.25em); margin: 0; padding: 0; list-style: none; } rc-pagination [data-rc-page] { display: inline-flex; align-items: center; justify-content: center; min-inline-size: var(--rc-pagination-item-min-inline-size, auto); } rc-pagination a[data-rc-page][aria-disabled='true'] { cursor: default; } } `",
+          "description": "Light-DOM base styles for the pagination list.\n\nThe consumer's `<nav>`, list, and controls stay in light DOM. These rules lay\nthe list out as a wrapping inline row and give each control a minimum size;\nthemes supply the shape, color, and state layers."
+        },
+        {
+          "kind": "variable",
+          "name": "ensurePaginationBaseStyles",
+          "type": {
+            "text": "(root: Document | ShadowRoot) => void"
+          },
+          "description": "Installs the pagination list styles once per containing root."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "PAGINATION_BASE_CSS",
+          "declaration": {
+            "name": "PAGINATION_BASE_CSS",
+            "module": "src/paginationBaseStyles.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ensurePaginationBaseStyles",
+          "declaration": {
+            "name": "ensurePaginationBaseStyles",
+            "module": "src/paginationBaseStyles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/range.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "paginationRange",
+          "return": {
+            "type": {
+              "text": "PaginationItem[]"
+            }
+          },
+          "parameters": [
+            {
+              "name": "{\n  page,\n  total,\n  siblings = 1,\n  boundaries = 1,\n}",
+              "type": {
+                "text": "PaginationRangeOptions"
+              }
+            }
+          ],
+          "description": "The page numbers to render for a pagination list, with `'ellipsis'` where a\nrun of pages is hidden. A gap of a single page shows that page instead, so\nan ellipsis always stands for at least two pages.\n\nPure and DOM-free: import it from `@rcarls/rc-pagination/range` to build the\nmarkup on a server without loading the element."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "paginationRange",
+          "declaration": {
+            "name": "paginationRange",
+            "module": "src/range.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/rc-pagination.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "DEFAULT_PAGINATION_MESSAGES",
+          "type": {
+            "text": "Readonly<RCPaginationMessages>"
+          }
+        },
+        {
+          "kind": "class",
+          "description": "Pagination enhancer for a native `<nav>` holding a list of page links or\nbuttons.\n\nThere is no WAI-ARIA pattern for pagination; the markup follows the GOV.UK\nand USWDS models. The consumer renders the list, usually from\n`paginationRange()`, and tags each control with `data-rc-page`: a page\nnumber, or `previous`, `next`, `first`, or `last`. The markup works before the\nelement upgrades. The element then keeps `aria-current=\"page\"` on the\ncurrent page, names the landmark and unlabeled controls, disables steps past\neither end, and reports each user request as `rc-pagination-change`.\n\nLinks navigate as usual unless a listener cancels `rc-pagination-change`,\nwhich also cancels the click, for client-side routing. Buttons only report.\nA numbered target above `total` reports the last page; its stale link does\nnot navigate to an out-of-range URL.\nIn uncontrolled use the element moves to the requested page itself; set\n`page` to control it.\n\nBuilt-in text follows the element's own `lang`, else `<html lang>`: per\nelement through `messages`, or for every instance through\n`registerMessages()` from `@rcarls/rc-common` under `rc-pagination`.",
+          "name": "RCPagination",
+          "cssProperties": [
+            {
+              "description": "Space between items.",
+              "name": "--rc-pagination-gap",
+              "default": "0.25em"
+            },
+            {
+              "description": "Minimum inline size of each item. Defers to the content size when unset.",
+              "name": "--rc-pagination-item-min-inline-size"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "total",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "description": "Number of pages."
+            },
+            {
+              "kind": "field",
+              "name": "announce",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Announces each user change through a polite live region."
+            },
+            {
+              "kind": "field",
+              "name": "messages",
+              "type": {
+                "text": "Partial<RCPaginationMessages> | undefined"
+              },
+              "description": "Built-in text overrides; unset keys fall back to registered text, then English."
+            },
+            {
+              "kind": "field",
+              "name": "_page",
+              "type": {
+                "text": "number | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_defaultPage",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "1"
+            },
+            {
+              "kind": "field",
+              "name": "_uncontrolledPage",
+              "type": {
+                "text": "number | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_pageInitialized",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_messages",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new MessagesController( this, 'rc-pagination', DEFAULT_PAGINATION_MESSAGES, { overrides: () => this.messages }, )"
+            },
+            {
+              "kind": "field",
+              "name": "_observer",
+              "type": {
+                "text": "MutationObserver | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_announcer",
+              "type": {
+                "text": "LiveAnnouncer | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_writtenLabel",
+              "type": {
+                "text": "string | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "_writtenNames",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new WeakMap<Element, string | null>()"
+            },
+            {
+              "kind": "field",
+              "name": "_$managedCurrent",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new Set<Element>()"
+            },
+            {
+              "kind": "field",
+              "name": "_$managedDisabled",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new Set<Element>()"
+            },
+            {
+              "kind": "field",
+              "name": "_disabledBeforeEdge",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new Map<Element, string | null>()"
+            },
+            {
+              "kind": "field",
+              "name": "page",
+              "type": {
+                "text": "number"
+              },
+              "description": "Current page, 1-based and clamped to `[1, total]`. Host writes are silent."
+            },
+            {
+              "kind": "field",
+              "name": "defaultPage",
+              "type": {
+                "text": "number"
+              },
+              "description": "Initial page for uncontrolled use."
+            },
+            {
+              "kind": "method",
+              "name": "createRenderRoot",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "HTMLElement"
+                }
+              },
+              "description": "Renders nothing: the consumer's `<nav>` stays the element's only content."
+            },
+            {
+              "kind": "method",
+              "name": "firstUpdated",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "updated",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_clamp",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "page",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_target",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "PageTarget | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "$item",
+                  "type": {
+                    "text": "Element"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_resolve",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "target",
+                  "type": {
+                    "text": "PageTarget"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_sync",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_syncName",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "$item",
+                  "type": {
+                    "text": "Element"
+                  }
+                },
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "numbered",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "description": "Gives a control its default name unless the author named it. Numbered\ncontrols always get one (\"Page 3\" contains the visible \"3\"); steps only\nwhen they have no visible text, such as an icon-only button."
+            },
+            {
+              "kind": "field",
+              "name": "_onClick",
+              "privacy": "private"
+            }
+          ],
+          "events": [
+            {
+              "description": "Fired when the user activates a page control. Cancelable; canceling it also cancels the click, so a link does not navigate.",
+              "name": "rc-pagination-change"
+            }
+          ],
+          "attributes": [
+            {
+              "description": "Controlled current page, 1-based. Host writes are silent.",
+              "name": "page"
+            },
+            {
+              "description": "Initial page for uncontrolled use. Defaults to 1.",
+              "name": "default-page"
+            },
+            {
+              "description": "Number of pages.",
+              "name": "total"
+            },
+            {
+              "description": "Announces the new page through a polite live region after each user change.",
+              "name": "announce"
+            }
+          ],
+          "superclass": {
+            "name": "ReactiveElement",
+            "package": "lit"
+          },
+          "tagName": "rc-pagination",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DEFAULT_PAGINATION_MESSAGES",
+          "declaration": {
+            "name": "DEFAULT_PAGINATION_MESSAGES",
+            "module": "src/rc-pagination.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "RCPagination",
+          "declaration": {
+            "name": "RCPagination",
+            "module": "src/rc-pagination.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "RCPagination",
+            "module": "src/rc-pagination.ts"
+          }
+        }
+      ]
+    }
+  ]
+}

package/dist/range.js

@@ -0,0 +1,25 @@
+function p({
+  page: u,
+  total: l,
+  siblings: i = 1,
+  boundaries: r = 1
+}) {
+  const n = Math.max(0, Math.floor(l));
+  if (n === 0)
+    return [];
+  const h = Math.min(Math.max(1, Math.floor(u)), n), c = /* @__PURE__ */ new Set(), s = (a, o) => {
+    for (let t = Math.max(1, a); t <= Math.min(n, o); t += 1)
+      c.add(t);
+  };
+  s(1, r), s(n - r + 1, n), s(h - i, h + i);
+  const f = [...c].sort((a, o) => a - o), e = [];
+  for (const [a, o] of f.entries()) {
+    const t = f[a - 1];
+    t !== void 0 && o - t === 2 ? e.push(t + 1) : t !== void 0 && o - t > 2 && e.push("ellipsis"), e.push(o);
+  }
+  return e;
+}
+export {
+  p as paginationRange
+};
+//# sourceMappingURL=range.js.map

package/dist/range.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"range.js","sources":["../src/range.ts"],"sourcesContent":["/** One slot in a pagination list: a page number or a gap of hidden pages. */\nexport type PaginationItem = number | 'ellipsis';\n\nexport interface PaginationRangeOptions {\n  /** The current page, 1-based. Clamped to `[1, total]`. */\n  page: number;\n  /** The number of pages. */\n  total: number;\n  /** Pages shown on each side of the current page. Defaults to 1. */\n  siblings?: number;\n  /** Pages always shown at each end. Defaults to 1. */\n  boundaries?: number;\n}\n\n/**\n * The page numbers to render for a pagination list, with `'ellipsis'` where a\n * run of pages is hidden. A gap of a single page shows that page instead, so\n * an ellipsis always stands for at least two pages.\n *\n * Pure and DOM-free: import it from `@rcarls/rc-pagination/range` to build the\n * markup on a server without loading the element.\n *\n * @example\n * paginationRange({ page: 6, total: 12 }); // [1, 'ellipsis', 5, 6, 7, 'ellipsis', 12]\n */\nexport function paginationRange({\n  page,\n  total,\n  siblings = 1,\n  boundaries = 1,\n}: PaginationRangeOptions): PaginationItem[] {\n  const last = Math.max(0, Math.floor(total));\n\n  if (last === 0) {\n    return [];\n  }\n\n  const current = Math.min(Math.max(1, Math.floor(page)), last);\n  const shown = new Set<number>();\n\n  const add = (from: number, to: number) => {\n    for (let value = Math.max(1, from); value <= Math.min(last, to); value += 1) {\n      shown.add(value);\n    }\n  };\n\n  add(1, boundaries);\n  add(last - boundaries + 1, last);\n  add(current - siblings, current + siblings);\n\n  const pages = [...shown].sort((a, b) => a - b);\n  const items: PaginationItem[] = [];\n\n  for (const [index, value] of pages.entries()) {\n    const previous = pages[index - 1];\n\n    if (previous !== undefined && value - previous === 2) {\n      items.push(previous + 1);\n    } else if (previous !== undefined && value - previous > 2) {\n      items.push('ellipsis');\n    }\n\n    items.push(value);\n  }\n\n  return items;\n}\n"],"names":["paginationRange","page","total","siblings","boundaries","last","current","shown","add","from","to","value","pages","b","items","index","previous"],"mappings":"AAyBO,SAASA,EAAgB;AAAA,EAC9B,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AACf,GAA6C;AAC3C,QAAMC,IAAO,KAAK,IAAI,GAAG,KAAK,MAAMH,CAAK,CAAC;AAE1C,MAAIG,MAAS;AACX,WAAO,CAAA;AAGT,QAAMC,IAAU,KAAK,IAAI,KAAK,IAAI,GAAG,KAAK,MAAML,CAAI,CAAC,GAAGI,CAAI,GACtDE,wBAAY,IAAA,GAEZC,IAAM,CAACC,GAAcC,MAAe;AACxC,aAASC,IAAQ,KAAK,IAAI,GAAGF,CAAI,GAAGE,KAAS,KAAK,IAAIN,GAAMK,CAAE,GAAGC,KAAS;AACxE,MAAAJ,EAAM,IAAII,CAAK;AAAA,EAEnB;AAEA,EAAAH,EAAI,GAAGJ,CAAU,GACjBI,EAAIH,IAAOD,IAAa,GAAGC,CAAI,GAC/BG,EAAIF,IAAUH,GAAUG,IAAUH,CAAQ;AAE1C,QAAMS,IAAQ,CAAC,GAAGL,CAAK,EAAE,KAAK,CAAC,GAAGM,MAAM,IAAIA,CAAC,GACvCC,IAA0B,CAAA;AAEhC,aAAW,CAACC,GAAOJ,CAAK,KAAKC,EAAM,WAAW;AAC5C,UAAMI,IAAWJ,EAAMG,IAAQ,CAAC;AAEhC,IAAIC,MAAa,UAAaL,IAAQK,MAAa,IACjDF,EAAM,KAAKE,IAAW,CAAC,IACdA,MAAa,UAAaL,IAAQK,IAAW,KACtDF,EAAM,KAAK,UAAU,GAGvBA,EAAM,KAAKH,CAAK;AAAA,EAClB;AAEA,SAAOG;AACT;"}

package/dist/rc-pagination-define.js

@@ -0,0 +1,12 @@
+import { R as a } from "./rc-pagination-mkpZ0mCK.js";
+import { D as o, P as i, e as s } from "./rc-pagination-mkpZ0mCK.js";
+import { paginationRange as m } from "./range.js";
+customElements.get("rc-pagination") || customElements.define("rc-pagination", a);
+export {
+  o as DEFAULT_PAGINATION_MESSAGES,
+  i as PAGINATION_BASE_CSS,
+  a as RCPagination,
+  s as ensurePaginationBaseStyles,
+  m as paginationRange
+};
+//# sourceMappingURL=rc-pagination-define.js.map

package/dist/rc-pagination-define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rc-pagination-define.js","sources":["../src/define.ts"],"sourcesContent":["import { RCPagination } from './index.js';\n\nif (!customElements.get('rc-pagination')) {\n  customElements.define('rc-pagination', RCPagination);\n}\n\nexport * from './index.js';\n"],"names":["RCPagination"],"mappings":";;;AAEK,eAAe,IAAI,eAAe,KACrC,eAAe,OAAO,iBAAiBA,CAAY;"}

package/dist/rc-pagination-mkpZ0mCK.js

@@ -0,0 +1,196 @@
+import { ReactiveElement as v } from "lit";
+import { property as d } from "lit/decorators.js";
+import { defineLightDomBaseStyles as y, cssText as P, MessagesController as E, LiveAnnouncer as w, syncDefaultAttribute as f, numberFormat as A } from "@rcarls/rc-common";
+const $ = P`@layer rc-base{rc-pagination{display:block}rc-pagination>nav>:is(ul,ol){align-items:center;gap:var(--rc-pagination-gap,.25em);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}rc-pagination [data-rc-page]{min-inline-size:var(--rc-pagination-item-min-inline-size,auto);justify-content:center;align-items:center;display:inline-flex}rc-pagination a[data-rc-page][aria-disabled=true]{cursor:default}}`, C = y("rc-pagination", $);
+var N = Object.defineProperty, S = Object.getOwnPropertyDescriptor, h = (o, e, t, r) => {
+  for (var i = r > 1 ? void 0 : r ? S(e, t) : e, l = o.length - 1, n; l >= 0; l--)
+    (n = o[l]) && (i = (r ? n(e, t, i) : n(i)) || i);
+  return r && i && N(e, t, i), i;
+};
+const _ = ":scope > nav", b = "[data-rc-page]", p = (o, e) => A(e, { useGrouping: !1 }).format(o), D = Object.freeze({
+  label: "Pagination",
+  page: (o, e, t) => `Page ${p(o, t)}`,
+  previous: "Previous page",
+  next: "Next page",
+  first: "First page",
+  last: "Last page",
+  status: (o, e, t) => `Page ${p(o, t)} of ${p(e, t)}`
+});
+class g extends v {
+  constructor() {
+    super(...arguments), this.total = 1, this.announce = !1, this._defaultPage = 1, this._pageInitialized = !1, this._messages = new E(
+      this,
+      "rc-pagination",
+      D,
+      { overrides: () => this.messages }
+    ), this._writtenLabel = null, this._writtenNames = /* @__PURE__ */ new WeakMap(), this._$managedCurrent = /* @__PURE__ */ new Set(), this._$managedDisabled = /* @__PURE__ */ new Set(), this._disabledBeforeEdge = /* @__PURE__ */ new Map(), this._onClick = (e) => {
+      const t = e.target?.closest?.(b), r = this.querySelector(_);
+      if (!t || !r?.contains(t))
+        return;
+      const i = this._target(t);
+      if (i === void 0)
+        return;
+      if (this._$managedDisabled.has(t)) {
+        e.preventDefault();
+        return;
+      }
+      const l = this.page, n = this._resolve(i);
+      if (typeof i == "number" && i !== n && e.preventDefault(), n === l)
+        return;
+      const c = new CustomEvent("rc-pagination-change", {
+        bubbles: !0,
+        composed: !0,
+        cancelable: !0,
+        detail: { page: n, previousPage: l }
+      });
+      if (!this.dispatchEvent(c)) {
+        e.preventDefault();
+        return;
+      }
+      this._page === void 0 && (this._uncontrolledPage = n, this.requestUpdate("page", l)), this.announce && (this._announcer ??= new w(this), this._announcer.announce(
+        this._messages.value.status(n, this._clamp(this.total), this._messages.locale)
+      ));
+    };
+  }
+  get page() {
+    return this._clamp(this._page ?? this._uncontrolledPage ?? this._defaultPage);
+  }
+  set page(e) {
+    const t = this.page;
+    this._page = e, this._pageInitialized = !0, this.requestUpdate("page", t);
+  }
+  get defaultPage() {
+    return this._defaultPage;
+  }
+  set defaultPage(e) {
+    const t = this._defaultPage;
+    this._defaultPage = e, !this._pageInitialized && this._page === void 0 && this._uncontrolledPage === void 0 && this.requestUpdate("page", this.page), this.requestUpdate("defaultPage", t);
+  }
+  /** Renders nothing: the consumer's `<nav>` stays the element's only content. */
+  createRenderRoot() {
+    return this;
+  }
+  connectedCallback() {
+    super.connectedCallback(), C(this.getRootNode()), this._observer ??= new MutationObserver(() => this._sync()), this._observer.observe(this, {
+      childList: !0,
+      subtree: !0,
+      attributes: !0,
+      attributeFilter: ["data-rc-page", "aria-label", "aria-labelledby"]
+    }), this.addEventListener("click", this._onClick);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._observer?.disconnect(), this.removeEventListener("click", this._onClick), this._announcer?.dispose(), this._announcer = void 0;
+  }
+  firstUpdated() {
+  }
+  updated() {
+    this._sync();
+  }
+  _clamp(e) {
+    const t = Math.max(1, Math.floor(this.total) || 1), r = Number.isFinite(e) ? Math.floor(e) : 1;
+    return Math.min(Math.max(1, r), t);
+  }
+  _target(e) {
+    const t = e.getAttribute("data-rc-page")?.trim() ?? "";
+    if (t === "previous" || t === "next" || t === "first" || t === "last")
+      return t;
+    const r = Number(t);
+    return Number.isInteger(r) && r > 0 ? r : void 0;
+  }
+  _resolve(e) {
+    switch (e) {
+      case "previous":
+        return this._clamp(this.page - 1);
+      case "next":
+        return this._clamp(this.page + 1);
+      case "first":
+        return 1;
+      case "last":
+        return this._clamp(this.total);
+      default:
+        return this._clamp(e);
+    }
+  }
+  _sync() {
+    const e = this.querySelector(_);
+    if (!e)
+      return;
+    const t = this._messages.value, r = this._messages.locale;
+    e.hasAttribute("aria-labelledby") ? this._writtenLabel = null : this._writtenLabel = f(
+      e,
+      "aria-label",
+      t.label,
+      this._writtenLabel
+    );
+    const i = this.page, l = this._clamp(this.total), n = /* @__PURE__ */ new Set(), c = /* @__PURE__ */ new Set();
+    for (const a of e.querySelectorAll(b)) {
+      const s = this._target(a);
+      s !== void 0 && (typeof s == "number" ? (s === i && n.add(a), this._syncName(a, t.page(s, l, r), !0)) : (((s === "previous" || s === "first") && i <= 1 || (s === "next" || s === "last") && i >= l) && c.add(a), this._syncName(a, t[s], !1)));
+    }
+    for (const a of this._$managedCurrent)
+      n.has(a) || a.removeAttribute("aria-current");
+    for (const a of n)
+      a.setAttribute("aria-current", "page");
+    this._$managedCurrent.clear(), n.forEach((a) => this._$managedCurrent.add(a));
+    for (const a of this._$managedDisabled)
+      if (!c.has(a)) {
+        const s = m(a);
+        if (this._disabledBeforeEdge.has(a) && s) {
+          const u = this._disabledBeforeEdge.get(a) ?? null;
+          a.getAttribute(s) === (s === "disabled" ? "" : "true") && (u === null ? a.removeAttribute(s) : a.setAttribute(s, u)), this._disabledBeforeEdge.delete(a);
+        }
+      }
+    for (const a of c) {
+      const s = m(a);
+      if (s && (!this._$managedDisabled.has(a) || this._disabledBeforeEdge.has(a) && !a.hasAttribute(s))) {
+        const u = a.getAttribute(s);
+        u !== (s === "disabled" ? "" : "true") && (this._$managedDisabled.has(a) || this._disabledBeforeEdge.set(a, u), a.setAttribute(s, s === "disabled" ? "" : "true"));
+      }
+    }
+    this._$managedDisabled.clear(), c.forEach((a) => this._$managedDisabled.add(a));
+  }
+  /**
+   * Gives a control its default name unless the author named it. Numbered
+   * controls always get one ("Page 3" contains the visible "3"); steps only
+   * when they have no visible text, such as an icon-only button.
+   */
+  _syncName(e, t, r) {
+    if (!r && e.textContent?.trim())
+      return;
+    const i = f(
+      e,
+      "aria-label",
+      t,
+      this._writtenNames.get(e) ?? null
+    );
+    this._writtenNames.set(e, i);
+  }
+}
+h([
+  d({ type: Number })
+], g.prototype, "total", 2);
+h([
+  d({ type: Boolean })
+], g.prototype, "announce", 2);
+h([
+  d({ attribute: !1 })
+], g.prototype, "messages", 2);
+h([
+  d({ type: Number })
+], g.prototype, "page", 1);
+h([
+  d({ type: Number, attribute: "default-page" })
+], g.prototype, "defaultPage", 1);
+function m(o) {
+  if (o instanceof HTMLButtonElement)
+    return "disabled";
+  if (o instanceof HTMLAnchorElement)
+    return "aria-disabled";
+}
+export {
+  D,
+  $ as P,
+  g as R,
+  C as e
+};
+//# sourceMappingURL=rc-pagination-mkpZ0mCK.js.map

package/dist/rc-pagination-mkpZ0mCK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rc-pagination-mkpZ0mCK.js","sources":["../src/paginationBaseStyles.ts","../src/rc-pagination.ts"],"sourcesContent":["import { cssText, defineLightDomBaseStyles } from '@rcarls/rc-common';\n\n/**\n * Light-DOM base styles for the pagination list.\n *\n * The consumer's `<nav>`, list, and controls stay in light DOM. These rules lay\n * the list out as a wrapping inline row and give each control a minimum size;\n * themes supply the shape, color, and state layers.\n */\nexport const PAGINATION_BASE_CSS = cssText`\n@layer rc-base {\n  rc-pagination {\n    display: block;\n  }\n\n  rc-pagination > nav > :is(ul, ol) {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--rc-pagination-gap, 0.25em);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  rc-pagination [data-rc-page] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-inline-size: var(--rc-pagination-item-min-inline-size, auto);\n  }\n\n  rc-pagination a[data-rc-page][aria-disabled='true'] {\n    cursor: default;\n  }\n}\n`;\n\n/** Installs the pagination list styles once per containing root. */\nexport const ensurePaginationBaseStyles: (root: Document | ShadowRoot) => void =\n  defineLightDomBaseStyles('rc-pagination', PAGINATION_BASE_CSS);\n","import { ReactiveElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport {\n  LiveAnnouncer,\n  MessagesController,\n  numberFormat,\n  syncDefaultAttribute,\n} from '@rcarls/rc-common';\nimport { ensurePaginationBaseStyles } from './paginationBaseStyles.js';\n\nconst NAV_SELECTOR = ':scope > nav';\nconst ITEM_SELECTOR = '[data-rc-page]';\n\n/** A `data-rc-page` value: a page number, or a step relative to the current page. */\ntype PageTarget = number | 'previous' | 'next' | 'first' | 'last';\n\n/** Built-in text of `rc-pagination`. */\nexport interface RCPaginationMessages {\n  /** Accessible name for the `<nav>` landmark when the author gives it none. */\n  label: string;\n  /** Accessible name of a numbered page link or button. */\n  page: (page: number, total: number, locale?: string) => string;\n  /** Name of a previous control that has no text of its own. */\n  previous: string;\n  /** Name of a next control that has no text of its own. */\n  next: string;\n  /** Name of a first-page control that has no text of its own. */\n  first: string;\n  /** Name of a last-page control that has no text of its own. */\n  last: string;\n  /** Announcement after a page change, when `announce` is set. */\n  status: (page: number, total: number, locale?: string) => string;\n}\n\nconst formatPage = (value: number, locale?: string) =>\n  numberFormat(locale, { useGrouping: false }).format(value);\n\nexport const DEFAULT_PAGINATION_MESSAGES: Readonly<RCPaginationMessages> = Object.freeze({\n  label: 'Pagination',\n  page: (page: number, _total: number, locale?: string) => `Page ${formatPage(page, locale)}`,\n  previous: 'Previous page',\n  next: 'Next page',\n  first: 'First page',\n  last: 'Last page',\n  status: (page: number, total: number, locale?: string) =>\n    `Page ${formatPage(page, locale)} of ${formatPage(total, locale)}`,\n});\n\ndeclare module '@rcarls/rc-common' {\n  interface RcMessageCatalog {\n    'rc-pagination': RCPaginationMessages;\n  }\n}\n\n/** Detail of `rc-pagination-change`. */\nexport interface RCPaginationChangeEvent {\n  /** The page the user asked for. */\n  page: number;\n  /** The page that was current when the user asked. */\n  previousPage: number;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'rc-pagination': RCPagination;\n  }\n\n  interface HTMLElementEventMap {\n    'rc-pagination-change': CustomEvent<RCPaginationChangeEvent>;\n  }\n}\n\n/**\n * Pagination enhancer for a native `<nav>` holding a list of page links or\n * buttons.\n *\n * There is no WAI-ARIA pattern for pagination; the markup follows the GOV.UK\n * and USWDS models. The consumer renders the list, usually from\n * `paginationRange()`, and tags each control with `data-rc-page`: a page\n * number, or `previous`, `next`, `first`, or `last`. The markup works before the\n * element upgrades. The element then keeps `aria-current=\"page\"` on the\n * current page, names the landmark and unlabeled controls, disables steps past\n * either end, and reports each user request as `rc-pagination-change`.\n *\n * Links navigate as usual unless a listener cancels `rc-pagination-change`,\n * which also cancels the click, for client-side routing. Buttons only report.\n * A numbered target above `total` reports the last page; its stale link does\n * not navigate to an out-of-range URL.\n * In uncontrolled use the element moves to the requested page itself; set\n * `page` to control it.\n *\n * Built-in text follows the element's own `lang`, else `<html lang>`: per\n * element through `messages`, or for every instance through\n * `registerMessages()` from `@rcarls/rc-common` under `rc-pagination`.\n *\n * @see {@link https://richardcarls.github.io/rc-webcomponents/components/rc-pagination rc-pagination docs}\n * @see {@link https://design-system.service.gov.uk/components/pagination/ GOV.UK pagination}\n *\n * @fires rc-pagination-change - Fired when the user activates a page control. Cancelable;\n *   canceling it also cancels the click, so a link does not navigate.\n *\n * @attr page - Controlled current page, 1-based. Host writes are silent.\n * @attr default-page - Initial page for uncontrolled use. Defaults to 1.\n * @attr total - Number of pages.\n * @attr announce - Announces the new page through a polite live region after each user change.\n *\n * @cssprop [--rc-pagination-gap=0.25em] - Space between items.\n * @cssprop [--rc-pagination-item-min-inline-size] - Minimum inline size of each item. Defers to\n *   the content size when unset.\n */\nexport class RCPagination extends ReactiveElement {\n  /** Number of pages. */\n  @property({ type: Number })\n  total = 1;\n\n  /** Announces each user change through a polite live region. */\n  @property({ type: Boolean })\n  announce = false;\n\n  /** Built-in text overrides; unset keys fall back to registered text, then English. */\n  @property({ attribute: false })\n  messages: Partial<RCPaginationMessages> | undefined;\n\n  private _page: number | undefined;\n  private _defaultPage = 1;\n  private _uncontrolledPage: number | undefined;\n  private _pageInitialized = false;\n\n  private readonly _messages = new MessagesController(\n    this,\n    'rc-pagination',\n    DEFAULT_PAGINATION_MESSAGES,\n    { overrides: () => this.messages },\n  );\n\n  // Created on connect or first use, so constructing the element without a\n  // DOM (a server render) cannot throw.\n  private _observer: MutationObserver | undefined;\n  private _announcer: LiveAnnouncer | undefined;\n  private _writtenLabel: string | null = null;\n  private readonly _writtenNames = new WeakMap<Element, string | null>();\n  private readonly _$managedCurrent = new Set<Element>();\n  private readonly _$managedDisabled = new Set<Element>();\n  private readonly _disabledBeforeEdge = new Map<Element, string | null>();\n\n  /** Current page, 1-based and clamped to `[1, total]`. Host writes are silent. */\n  @property({ type: Number })\n  get page(): number {\n    return this._clamp(this._page ?? this._uncontrolledPage ?? this._defaultPage);\n  }\n\n  set page(value: number | undefined) {\n    const oldValue = this.page;\n\n    this._page = value;\n    this._pageInitialized = true;\n    this.requestUpdate('page', oldValue);\n  }\n\n  /** Initial page for uncontrolled use. */\n  @property({ type: Number, attribute: 'default-page' })\n  get defaultPage(): number {\n    return this._defaultPage;\n  }\n\n  set defaultPage(value: number) {\n    const oldValue = this._defaultPage;\n\n    this._defaultPage = value;\n\n    if (\n      !this._pageInitialized &&\n      this._page === undefined &&\n      this._uncontrolledPage === undefined\n    ) {\n      this.requestUpdate('page', this.page);\n    }\n\n    this.requestUpdate('defaultPage', oldValue);\n  }\n\n  /** Renders nothing: the consumer's `<nav>` stays the element's only content. */\n  protected override createRenderRoot(): HTMLElement {\n    return this;\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    ensurePaginationBaseStyles(this.getRootNode() as Document | ShadowRoot);\n    this._observer ??= new MutationObserver(() => this._sync());\n\n    this._observer.observe(this, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: ['data-rc-page', 'aria-label', 'aria-labelledby'],\n    });\n\n    this.addEventListener('click', this._onClick);\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._observer?.disconnect();\n    this.removeEventListener('click', this._onClick);\n    this._announcer?.dispose();\n    this._announcer = undefined;\n  }\n\n  protected override firstUpdated(): void {\n    if (import.meta.env.DEV && !this.querySelector(NAV_SELECTOR)) {\n      console.warn(\n        '[rc-pagination] No direct child <nav> found. Place a native <nav> with a list of ' +\n          '<a data-rc-page=\"2\"> or <button data-rc-page=\"2\"> controls inside <rc-pagination>.',\n        this,\n      );\n    }\n  }\n\n  protected override updated(): void {\n    this._sync();\n  }\n\n  private _clamp(page: number): number {\n    const last = Math.max(1, Math.floor(this.total) || 1);\n    const value = Number.isFinite(page) ? Math.floor(page) : 1;\n\n    return Math.min(Math.max(1, value), last);\n  }\n\n  private _target($item: Element): PageTarget | undefined {\n    const raw = $item.getAttribute('data-rc-page')?.trim() ?? '';\n\n    if (raw === 'previous' || raw === 'next' || raw === 'first' || raw === 'last') {\n      return raw;\n    }\n\n    const value = Number(raw);\n\n    return Number.isInteger(value) && value > 0 ? value : undefined;\n  }\n\n  private _resolve(target: PageTarget): number {\n    switch (target) {\n      case 'previous':\n        return this._clamp(this.page - 1);\n      case 'next':\n        return this._clamp(this.page + 1);\n      case 'first':\n        return 1;\n      case 'last':\n        return this._clamp(this.total);\n      default:\n        return this._clamp(target);\n    }\n  }\n\n  private _sync(): void {\n    const $nav = this.querySelector<HTMLElement>(NAV_SELECTOR);\n\n    if (!$nav) {\n      return;\n    }\n\n    const messages = this._messages.value;\n    const locale = this._messages.locale;\n\n    if ($nav.hasAttribute('aria-labelledby')) {\n      this._writtenLabel = null;\n    } else {\n      this._writtenLabel = syncDefaultAttribute(\n        $nav,\n        'aria-label',\n        messages.label,\n        this._writtenLabel,\n      );\n    }\n\n    const page = this.page;\n    const total = this._clamp(this.total);\n    const $current = new Set<Element>();\n    const $disabled = new Set<Element>();\n\n    for (const $item of $nav.querySelectorAll(ITEM_SELECTOR)) {\n      const target = this._target($item);\n\n      if (target === undefined) {\n        continue;\n      }\n\n      if (typeof target === 'number') {\n        if (target === page) {\n          $current.add($item);\n        }\n\n        this._syncName($item, messages.page(target, total, locale), true);\n      } else {\n        const atEdge =\n          ((target === 'previous' || target === 'first') && page <= 1) ||\n          ((target === 'next' || target === 'last') && page >= total);\n\n        if (atEdge) {\n          $disabled.add($item);\n        }\n\n        this._syncName($item, messages[target], false);\n      }\n    }\n\n    for (const $item of this._$managedCurrent) {\n      if (!$current.has($item)) {\n        $item.removeAttribute('aria-current');\n      }\n    }\n\n    for (const $item of $current) {\n      $item.setAttribute('aria-current', 'page');\n    }\n\n    this._$managedCurrent.clear();\n    $current.forEach(($item) => this._$managedCurrent.add($item));\n\n    for (const $item of this._$managedDisabled) {\n      if (!$disabled.has($item)) {\n        const attribute = disabledAttribute($item);\n\n        if (this._disabledBeforeEdge.has($item) && attribute) {\n          const original = this._disabledBeforeEdge.get($item) ?? null;\n\n          if ($item.getAttribute(attribute) === (attribute === 'disabled' ? '' : 'true')) {\n            if (original === null) {\n              $item.removeAttribute(attribute);\n            } else {\n              $item.setAttribute(attribute, original);\n            }\n          }\n\n          this._disabledBeforeEdge.delete($item);\n        }\n      }\n    }\n\n    for (const $item of $disabled) {\n      const attribute = disabledAttribute($item);\n\n      if (\n        attribute &&\n        (!this._$managedDisabled.has($item) ||\n          (this._disabledBeforeEdge.has($item) && !$item.hasAttribute(attribute)))\n      ) {\n        const original = $item.getAttribute(attribute);\n\n        if (original !== (attribute === 'disabled' ? '' : 'true')) {\n          if (!this._$managedDisabled.has($item)) {\n            this._disabledBeforeEdge.set($item, original);\n          }\n\n          $item.setAttribute(attribute, attribute === 'disabled' ? '' : 'true');\n        }\n      }\n    }\n\n    this._$managedDisabled.clear();\n    $disabled.forEach(($item) => this._$managedDisabled.add($item));\n  }\n\n  /**\n   * Gives a control its default name unless the author named it. Numbered\n   * controls always get one (\"Page 3\" contains the visible \"3\"); steps only\n   * when they have no visible text, such as an icon-only button.\n   */\n  private _syncName($item: Element, name: string, numbered: boolean): void {\n    if (!numbered && $item.textContent?.trim()) {\n      return;\n    }\n\n    const written = syncDefaultAttribute(\n      $item,\n      'aria-label',\n      name,\n      this._writtenNames.get($item) ?? null,\n    );\n\n    this._writtenNames.set($item, written);\n  }\n\n  private _onClick = (event: MouseEvent): void => {\n    const $item = (event.target as Element | null)?.closest?.(ITEM_SELECTOR);\n    const $nav = this.querySelector(NAV_SELECTOR);\n\n    if (!$item || !$nav?.contains($item)) {\n      return;\n    }\n\n    const target = this._target($item);\n\n    if (target === undefined) {\n      return;\n    }\n\n    if (this._$managedDisabled.has($item)) {\n      event.preventDefault();\n\n      return;\n    }\n\n    const previousPage = this.page;\n    const page = this._resolve(target);\n\n    // A stale numbered link may still point beyond `total`; report the\n    // clamped page without following that invalid URL.\n    if (typeof target === 'number' && target !== page) {\n      event.preventDefault();\n    }\n\n    if (page === previousPage) {\n      return;\n    }\n\n    const change = new CustomEvent<RCPaginationChangeEvent>('rc-pagination-change', {\n      bubbles: true,\n      composed: true,\n      cancelable: true,\n      detail: { page, previousPage },\n    });\n\n    if (!this.dispatchEvent(change)) {\n      event.preventDefault();\n\n      return;\n    }\n\n    if (this._page === undefined) {\n      this._uncontrolledPage = page;\n      this.requestUpdate('page', previousPage);\n    }\n\n    if (this.announce) {\n      // The live region lives outside the host so it never joins the\n      // consumer's list markup, which a framework may own. It mounts in the\n      // open dialog around the host, else the current body.\n      this._announcer ??= new LiveAnnouncer(this);\n\n      this._announcer.announce(\n        this._messages.value.status(page, this._clamp(this.total), this._messages.locale),\n      );\n    }\n  };\n}\n\n/** The native or ARIA disabled attribute owned by a pagination control. */\nfunction disabledAttribute($item: Element): 'disabled' | 'aria-disabled' | undefined {\n  if ($item instanceof HTMLButtonElement) {\n    return 'disabled';\n  }\n\n  if ($item instanceof HTMLAnchorElement) {\n    return 'aria-disabled';\n  }\n\n  return undefined;\n}\n\nexport default RCPagination;\n"],"names":["PAGINATION_BASE_CSS","cssText","ensurePaginationBaseStyles","defineLightDomBaseStyles","NAV_SELECTOR","ITEM_SELECTOR","formatPage","value","locale","numberFormat","DEFAULT_PAGINATION_MESSAGES","page","_total","total","RCPagination","ReactiveElement","MessagesController","event","$item","$nav","target","previousPage","change","LiveAnnouncer","oldValue","last","raw","messages","syncDefaultAttribute","$current","$disabled","attribute","disabledAttribute","original","name","numbered","written","__decorateClass","property"],"mappings":"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"}

package/dist/rc-pagination.js

@@ -0,0 +1,10 @@
+import { D as n, P as o, R as s, e as A } from "./rc-pagination-mkpZ0mCK.js";
+import { paginationRange as i } from "./range.js";
+export {
+  n as DEFAULT_PAGINATION_MESSAGES,
+  o as PAGINATION_BASE_CSS,
+  s as RCPagination,
+  A as ensurePaginationBaseStyles,
+  i as paginationRange
+};
+//# sourceMappingURL=rc-pagination.js.map

package/dist/rc-pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rc-pagination.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/types/packages/rc-pagination/src/define.d.ts

@@ -0,0 +1 @@
+export * from './index.js';

package/dist/types/packages/rc-pagination/src/index.d.ts

@@ -0,0 +1,3 @@
+export * from './rc-pagination.js';
+export * from './paginationBaseStyles.js';
+export * from './range.js';

package/dist/types/packages/rc-pagination/src/paginationBaseStyles.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Light-DOM base styles for the pagination list.
+ *
+ * The consumer's `<nav>`, list, and controls stay in light DOM. These rules lay
+ * the list out as a wrapping inline row and give each control a minimum size;
+ * themes supply the shape, color, and state layers.
+ */
+export declare const PAGINATION_BASE_CSS: string;
+/** Installs the pagination list styles once per containing root. */
+export declare const ensurePaginationBaseStyles: (root: Document | ShadowRoot) => void;

package/dist/types/packages/rc-pagination/src/range.d.ts

@@ -0,0 +1,24 @@
+/** One slot in a pagination list: a page number or a gap of hidden pages. */
+export type PaginationItem = number | 'ellipsis';
+export interface PaginationRangeOptions {
+    /** The current page, 1-based. Clamped to `[1, total]`. */
+    page: number;
+    /** The number of pages. */
+    total: number;
+    /** Pages shown on each side of the current page. Defaults to 1. */
+    siblings?: number;
+    /** Pages always shown at each end. Defaults to 1. */
+    boundaries?: number;
+}
+/**
+ * The page numbers to render for a pagination list, with `'ellipsis'` where a
+ * run of pages is hidden. A gap of a single page shows that page instead, so
+ * an ellipsis always stands for at least two pages.
+ *
+ * Pure and DOM-free: import it from `@rcarls/rc-pagination/range` to build the
+ * markup on a server without loading the element.
+ *
+ * @example
+ * paginationRange({ page: 6, total: 12 }); // [1, 'ellipsis', 5, 6, 7, 'ellipsis', 12]
+ */
+export declare function paginationRange({ page, total, siblings, boundaries, }: PaginationRangeOptions): PaginationItem[];

package/dist/types/packages/rc-pagination/src/rc-pagination.d.ts

@@ -0,0 +1,121 @@
+import { ReactiveElement } from 'lit';
+/** Built-in text of `rc-pagination`. */
+export interface RCPaginationMessages {
+    /** Accessible name for the `<nav>` landmark when the author gives it none. */
+    label: string;
+    /** Accessible name of a numbered page link or button. */
+    page: (page: number, total: number, locale?: string) => string;
+    /** Name of a previous control that has no text of its own. */
+    previous: string;
+    /** Name of a next control that has no text of its own. */
+    next: string;
+    /** Name of a first-page control that has no text of its own. */
+    first: string;
+    /** Name of a last-page control that has no text of its own. */
+    last: string;
+    /** Announcement after a page change, when `announce` is set. */
+    status: (page: number, total: number, locale?: string) => string;
+}
+export declare const DEFAULT_PAGINATION_MESSAGES: Readonly<RCPaginationMessages>;
+declare module '@rcarls/rc-common' {
+    interface RcMessageCatalog {
+        'rc-pagination': RCPaginationMessages;
+    }
+}
+/** Detail of `rc-pagination-change`. */
+export interface RCPaginationChangeEvent {
+    /** The page the user asked for. */
+    page: number;
+    /** The page that was current when the user asked. */
+    previousPage: number;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rc-pagination': RCPagination;
+    }
+    interface HTMLElementEventMap {
+        'rc-pagination-change': CustomEvent<RCPaginationChangeEvent>;
+    }
+}
+/**
+ * Pagination enhancer for a native `<nav>` holding a list of page links or
+ * buttons.
+ *
+ * There is no WAI-ARIA pattern for pagination; the markup follows the GOV.UK
+ * and USWDS models. The consumer renders the list, usually from
+ * `paginationRange()`, and tags each control with `data-rc-page`: a page
+ * number, or `previous`, `next`, `first`, or `last`. The markup works before the
+ * element upgrades. The element then keeps `aria-current="page"` on the
+ * current page, names the landmark and unlabeled controls, disables steps past
+ * either end, and reports each user request as `rc-pagination-change`.
+ *
+ * Links navigate as usual unless a listener cancels `rc-pagination-change`,
+ * which also cancels the click, for client-side routing. Buttons only report.
+ * A numbered target above `total` reports the last page; its stale link does
+ * not navigate to an out-of-range URL.
+ * In uncontrolled use the element moves to the requested page itself; set
+ * `page` to control it.
+ *
+ * Built-in text follows the element's own `lang`, else `<html lang>`: per
+ * element through `messages`, or for every instance through
+ * `registerMessages()` from `@rcarls/rc-common` under `rc-pagination`.
+ *
+ * @see {@link https://richardcarls.github.io/rc-webcomponents/components/rc-pagination rc-pagination docs}
+ * @see {@link https://design-system.service.gov.uk/components/pagination/ GOV.UK pagination}
+ *
+ * @fires rc-pagination-change - Fired when the user activates a page control. Cancelable;
+ *   canceling it also cancels the click, so a link does not navigate.
+ *
+ * @attr page - Controlled current page, 1-based. Host writes are silent.
+ * @attr default-page - Initial page for uncontrolled use. Defaults to 1.
+ * @attr total - Number of pages.
+ * @attr announce - Announces the new page through a polite live region after each user change.
+ *
+ * @cssprop [--rc-pagination-gap=0.25em] - Space between items.
+ * @cssprop [--rc-pagination-item-min-inline-size] - Minimum inline size of each item. Defers to
+ *   the content size when unset.
+ */
+export declare class RCPagination extends ReactiveElement {
+    /** Number of pages. */
+    total: number;
+    /** Announces each user change through a polite live region. */
+    announce: boolean;
+    /** Built-in text overrides; unset keys fall back to registered text, then English. */
+    messages: Partial<RCPaginationMessages> | undefined;
+    private _page;
+    private _defaultPage;
+    private _uncontrolledPage;
+    private _pageInitialized;
+    private readonly _messages;
+    private _observer;
+    private _announcer;
+    private _writtenLabel;
+    private readonly _writtenNames;
+    private readonly _$managedCurrent;
+    private readonly _$managedDisabled;
+    private readonly _disabledBeforeEdge;
+    /** Current page, 1-based and clamped to `[1, total]`. Host writes are silent. */
+    get page(): number;
+    set page(value: number | undefined);
+    /** Initial page for uncontrolled use. */
+    get defaultPage(): number;
+    set defaultPage(value: number);
+    /** Renders nothing: the consumer's `<nav>` stays the element's only content. */
+    protected createRenderRoot(): HTMLElement;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected firstUpdated(): void;
+    protected updated(): void;
+    private _clamp;
+    private _target;
+    private _resolve;
+    private _sync;
+    /**
+     * Gives a control its default name unless the author named it. Numbered
+     * controls always get one ("Page 3" contains the visible "3"); steps only
+     * when they have no visible text, such as an icon-only button.
+     */
+    private _syncName;
+    private _onClick;
+}
+export default RCPagination;

package/package.json

@@ -0,0 +1,72 @@
+{
+  "name": "@rcarls/rc-pagination",
+  "publishConfig": {
+    "access": "public"
+  },
+  "version": "0.0.0-next-20261102181447",
+  "description": "Pagination enhancer for a native <nav> holding page links or buttons, with a server-safe page range helper.",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/richardcarls/rc-webcomponents.git",
+    "directory": "packages/rc-pagination"
+  },
+  "homepage": "https://richardcarls.github.io/rc-webcomponents/components/rc-pagination",
+  "license": "MIT",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/rc-pagination.js",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/types/packages/rc-pagination/src/index.d.ts",
+        "default": "./dist/rc-pagination.js"
+      }
+    },
+    "./define": {
+      "import": {
+        "types": "./dist/types/packages/rc-pagination/src/define.d.ts",
+        "default": "./dist/rc-pagination-define.js"
+      }
+    },
+    "./range": {
+      "import": {
+        "types": "./dist/types/packages/rc-pagination/src/range.d.ts",
+        "default": "./dist/range.js"
+      }
+    },
+    "./base.css": "./dist/base.css"
+  },
+  "types": "./dist/types/packages/rc-pagination/src/index.d.ts",
+  "sideEffects": [
+    "./dist/rc-pagination-define.js",
+    "./dist/base.css"
+  ],
+  "customElements": "dist/custom-elements.json",
+  "scripts": {
+    "build": "tsc && vite build && node ../../scripts/emit-light-dom-base-css.mjs && cem analyze",
+    "cem:analyze": "cem analyze",
+    "test:browser": "vitest --run",
+    "test:browser:chrome": "vitest --run --project=chromium",
+    "test:browser:firefox": "vitest --run --project=firefox"
+  },
+  "dependencies": {
+    "@rcarls/rc-common": "0.0.0-next-20261102181447"
+  },
+  "devDependencies": {
+    "@custom-elements-manifest/analyzer": "0.11.0",
+    "@vitest/browser-playwright": "4.1.5",
+    "lit": "^3.0.0",
+    "playwright": "^1.56.0",
+    "rollup": "^4.60.2",
+    "typescript": "~5.9.3",
+    "vite": "^7.1.7",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^4.0.6",
+    "vitest-browser-lit": "^1.0.1"
+  },
+  "peerDependencies": {
+    "lit": "^3.0.0"
+  }
+}