@slotted/angular 0.0.0-stage → 0.1.0-beta.0

package/fesm2022/slotted-angular-pagination.mjs

@@ -0,0 +1,562 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, input, numberAttribute, booleanAttribute, output, signal, computed, HostAttributeToken, effect, untracked, ViewEncapsulation, ChangeDetectionStrategy, Component, ElementRef, Directive } from '@angular/core';
+import { injectMessages } from '@slotted/angular/i18n';
+import { SlGlyph, SlIcon } from '@slotted/angular/icon';
+import { paginationMessages } from '@slotted/core/i18n';
+import { totalPages, clampPage, pageItems, itemRange } from '@slotted/core/pagination';
+import { createControllable } from '@slotted/core/state';
+
+const PAGINATION_DEFAULT_PAGE_SIZE = 20;
+const PAGINATION_DEFAULT_PAGE_SIZE_OPTIONS = [10, 20, 50, 100];
+const PAGINATION_DEFAULTS_TOKEN = new InjectionToken('slotted pagination defaults', { providedIn: 'root', factory: () => ({}) });
+/**
+ * An application decides once how wide its rows of pages are, how many items a
+ * page holds, and whether a page change is announced. A paginator that states
+ * any of those itself still wins: an explicit input is never overridden by the
+ * token. Its words come from the language in force (`provideSlotted`).
+ */
+function providePaginationDefaults(defaults) {
+    return { provide: PAGINATION_DEFAULTS_TOKEN, useValue: defaults };
+}
+function injectPaginationDefaults() {
+    return inject(PAGINATION_DEFAULTS_TOKEN);
+}
+
+/**
+ * Moving between pages of a collection the consumer owns.
+ *
+ * **It never fetches and never slices.** The collection is the consumer's, and
+ * a family that held a copy of it would hold a stale one. `count` and
+ * `pageSize` are all the arithmetic needs, and `@slotted/core/pagination` does
+ * that arithmetic once for both bindings.
+ *
+ * **It never invents a total.** A collection whose total the server does not
+ * know states no `count`; the row of numbers is then not drawn at all, and the
+ * two triggers plus a sentence are the whole paginator.
+ *
+ * **The page can move by itself, twice.** A collection that shrinks under a
+ * reader leaves them past the end, and a change of page size moves the window
+ * they are looking through. Both emit `programmatic`, so a consumer holding
+ * the value follows rather than guessing.
+ */
+class SlPagination {
+    /**
+     * Present means controlled, for the life of the component. Both values take
+     * `undefined` as their unset state rather than a number, because a paginator
+     * that read a default as the consumer's answer would never own its own page.
+     */
+    pageValue = input(undefined, { ...(ngDevMode ? { debugName: "pageValue" } : /* istanbul ignore next */ {}), alias: 'page', transform: optionalNumber });
+    defaultPage = input(1, { ...(ngDevMode ? { debugName: "defaultPage" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    pageSizeValue = input(undefined, { ...(ngDevMode ? { debugName: "pageSizeValue" } : /* istanbul ignore next */ {}), alias: 'pageSize', transform: optionalNumber });
+    defaultPageSize = input(undefined, { ...(ngDevMode ? { debugName: "defaultPageSize" } : /* istanbul ignore next */ {}), transform: optionalNumber });
+    count = input(undefined, { ...(ngDevMode ? { debugName: "count" } : /* istanbul ignore next */ {}), transform: optionalNumber });
+    siblingCount = input(undefined, { ...(ngDevMode ? { debugName: "siblingCount" } : /* istanbul ignore next */ {}), transform: optionalNumber });
+    boundaryCount = input(undefined, { ...(ngDevMode ? { debugName: "boundaryCount" } : /* istanbul ignore next */ {}), transform: optionalNumber });
+    pageSizeOptions = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "pageSizeOptions" }] : /* istanbul ignore next */ []));
+    /**
+     * Words laid over the catalog of the language in force, key by key: the
+     * landmark's name (`label`), the controls, and the sentences.
+     */
+    messages = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []));
+    live = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "live" }] : /* istanbul ignore next */ []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Turns every page and every trigger into an anchor with a destination. */
+    itemHref = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "itemHref" }] : /* istanbul ignore next */ []));
+    /**
+     * Emitted before either value moves, carrying what it replaces, the reason
+     * and the event. Neither is the second half of a two-way binding: one slot
+     * can carry none of those.
+     */
+    pageChange = output();
+    pageSizeChange = output();
+    ownPage = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ownPage" }] : /* istanbul ignore next */ []));
+    ownSize = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ownSize" }] : /* istanbul ignore next */ []));
+    page = computed(() => this.pageValue() ?? this.ownPage() ?? this.defaultPage(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "page" }] : /* istanbul ignore next */ []));
+    pageSize = computed(() => this.pageSizeValue() ??
+        this.ownSize() ??
+        this.defaultPageSize() ??
+        this.defaults.defaultPageSize ??
+        PAGINATION_DEFAULT_PAGE_SIZE, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "pageSize" }] : /* istanbul ignore next */ []));
+    defaults = injectPaginationDefaults();
+    ownLabel = inject(new HostAttributeToken('aria-label'), { optional: true });
+    /** The family's words in the language in force, with this paginator's `messages` laid over them. */
+    t = injectMessages(paginationMessages, this.messages);
+    accessibleLabel = computed(() => this.ownLabel ?? this.t('label'), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "accessibleLabel" }] : /* istanbul ignore next */ []));
+    liveValue = computed(() => this.live() ?? this.defaults.live ?? 'polite', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "liveValue" }] : /* istanbul ignore next */ []));
+    sizeOptions = computed(() => this.pageSizeOptions() ??
+        this.defaults.pageSizeOptions ??
+        PAGINATION_DEFAULT_PAGE_SIZE_OPTIONS, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "sizeOptions" }] : /* istanbul ignore next */ []));
+    pages = computed(() => {
+        const count = this.count();
+        return count === undefined
+            ? Number.POSITIVE_INFINITY
+            : totalPages({ count, pageSize: this.pageSize() });
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "pages" }] : /* istanbul ignore next */ []));
+    currentPage = computed(() => {
+        const count = this.count();
+        return count === undefined
+            ? Math.max(1, Math.trunc(this.page()))
+            : clampPage(this.page(), this.pages());
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currentPage" }] : /* istanbul ignore next */ []));
+    items = computed(() => {
+        const count = this.count();
+        if (count === undefined)
+            return [];
+        return pageItems({
+            boundaryCount: this.boundaryCount() ?? this.defaults.boundaryCount ?? 1,
+            count,
+            page: this.currentPage(),
+            pageSize: this.pageSize(),
+            siblingCount: this.siblingCount() ?? this.defaults.siblingCount ?? 1,
+        });
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+    range = computed(() => {
+        const count = this.count();
+        return count === undefined
+            ? { start: 0, end: 0 }
+            : itemRange({ count, page: this.currentPage(), pageSize: this.pageSize() });
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "range" }] : /* istanbul ignore next */ []));
+    inert = computed(() => this.disabled() || this.loading(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "inert" }] : /* istanbul ignore next */ []));
+    canGoPrevious = computed(() => !this.inert() && this.currentPage() > 1, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "canGoPrevious" }] : /* istanbul ignore next */ []));
+    canGoNext = computed(() => !this.inert() && (this.count() === undefined || this.currentPage() < this.pages()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "canGoNext" }] : /* istanbul ignore next */ []));
+    constructor() {
+        /**
+         * The one move nobody asked for: the collection shrank under a reader who
+         * was past its new end. It runs in an effect rather than in the computed
+         * that noticed it, because a computed that emitted an event would emit one
+         * every time anything read it.
+         */
+        effect(() => {
+            const clamped = this.currentPage();
+            if (untracked(() => this.page()) === clamped)
+                return;
+            this.move(clamped, 'programmatic');
+        });
+    }
+    goToPage(next, reason = 'pointer', source) {
+        if (this.inert())
+            return;
+        const count = this.count();
+        const target = count === undefined ? Math.max(1, Math.trunc(next)) : clampPage(next, this.pages());
+        this.move(target, reason, source);
+    }
+    reset(source) {
+        this.goToPage(this.defaultPage(), 'programmatic', source);
+    }
+    next(reason = 'pointer', source) {
+        this.goToPage(this.currentPage() + 1, reason, source);
+    }
+    previous(reason = 'pointer', source) {
+        this.goToPage(this.currentPage() - 1, reason, source);
+    }
+    /**
+     * Changing how many rows a page holds moves the reader, and where they land
+     * is a decision. Clamping leaves someone on page seven at the end of the
+     * collection; resetting to page one throws away where they were. Angular
+     * Material takes the third answer and so does this: the first item of the
+     * current page stays visible.
+     */
+    setPageSize(next, reason = 'select', source) {
+        if (this.inert())
+            return;
+        const size = Math.max(1, Math.trunc(next));
+        const previous = this.pageSize();
+        if (size === previous)
+            return;
+        const firstItem = (this.currentPage() - 1) * previous;
+        const state = createControllable({
+            controlled: this.pageSizeValue(),
+            initial: previous,
+            onRequest: (request) => this.pageSizeChange.emit(request),
+        });
+        if (!state.request(size, reason, source))
+            return;
+        this.ownSize.set(size);
+        const count = this.count();
+        if (count === undefined)
+            return;
+        const kept = clampPage(Math.floor(firstItem / size) + 1, totalPages({ count, pageSize: size }));
+        if (kept !== this.currentPage())
+            this.move(kept, 'programmatic', source);
+    }
+    move(next, reason, source) {
+        const previous = untracked(() => this.page());
+        const state = createControllable({
+            controlled: untracked(() => this.pageValue()),
+            initial: previous,
+            onRequest: (request) => this.pageChange.emit(request),
+        });
+        if (state.request(next, reason, source))
+            this.ownPage.set(next);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPagination, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlPagination, isStandalone: true, selector: "nav[slPagination]", inputs: { pageValue: { classPropertyName: "pageValue", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, defaultPage: { classPropertyName: "defaultPage", publicName: "defaultPage", isSignal: true, isRequired: false, transformFunction: null }, pageSizeValue: { classPropertyName: "pageSizeValue", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, defaultPageSize: { classPropertyName: "defaultPageSize", publicName: "defaultPageSize", isSignal: true, isRequired: false, transformFunction: null }, count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, siblingCount: { classPropertyName: "siblingCount", publicName: "siblingCount", isSignal: true, isRequired: false, transformFunction: null }, boundaryCount: { classPropertyName: "boundaryCount", publicName: "boundaryCount", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, live: { classPropertyName: "live", publicName: "live", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, itemHref: { classPropertyName: "itemHref", publicName: "itemHref", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pageChange: "pageChange", pageSizeChange: "pageSizeChange" }, host: { attributes: { "data-ui": "pagination", "data-part": "root" }, properties: { "attr.aria-label": "accessibleLabel()", "attr.aria-busy": "loading() ? \"true\" : null", "attr.data-disabled": "disabled() ? \"\" : null", "attr.data-loading": "loading() ? \"\" : null" } }, exportAs: ["slPagination"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@layer slotted.components{[data-ui=pagination]{--_target: var(--slotted-pagination-target, var(--slotted-control-height-md, 34px));--_radius: var(--slotted-pagination-radius, var(--slotted-control-radius, 4px));--_muted: var(--slotted-pagination-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-pagination-color, var(--slotted-text, CanvasText));--_glyph: var(--slotted-pagination-glyph-size, var(--slotted-control-icon-size-md, 16px));--_hover-surface: var( --slotted-pagination-surface-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_active-surface: var( --slotted-pagination-surface-active, var(--slotted-tone-accent-subtle-active, ButtonFace) );align-items:center;color:var(--_strong);column-gap:var(--slotted-pagination-gap, var(--slotted-space-1, .125rem));container-name:slotted-pagination;container-type:inline-size;display:flex;flex-wrap:wrap;font-family:var(--slotted-pagination-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-pagination-font-size, var(--slotted-control-font-size-md, 13px));row-gap:var(--slotted-pagination-row-gap, var(--slotted-space-4, .5rem))}[data-ui=pagination] [data-part=list]{align-items:center;column-gap:var(--slotted-pagination-item-gap, var(--slotted-space-1, .125rem));display:flex;list-style:none;margin:0;padding:0}[data-ui=pagination] [data-part=item]{display:flex}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]){margin-inline:var(--slotted-pagination-text-gap, var(--slotted-space-4, .5rem))}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]):first-child{margin-inline-start:0}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]):last-child{margin-inline-end:0}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label])+:is([data-part=status],[data-part=summary],[data-part=page-size-label]){margin-inline-start:0}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]){align-items:center;appearance:none;background-color:transparent;block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--_radius);color:var(--_strong);cursor:pointer;display:inline-flex;font:inherit;font-variant-numeric:tabular-nums;font-weight:var(--slotted-pagination-item-weight, var(--slotted-font-weight-medium, 500));justify-content:center;min-inline-size:var(--_target);padding-inline:var(--slotted-pagination-item-padding, var(--slotted-space-2, .25rem));text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=pagination] [data-part=page]:not([aria-current]:not([aria-current=false])){color:var(--_muted)}[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]){background-color:var( --slotted-pagination-current-surface, var(--slotted-tone-accent-solid, Highlight) );color:var( --slotted-pagination-current-color, var(--slotted-tone-accent-on-solid, HighlightText) )}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{background-color:var(--_hover-surface);color:var(--_strong)}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):active{background-color:var(--_active-surface);color:var(--_strong)}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last],[data-part=page-size]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=pagination] :is([data-disabled],[data-loading]){color:var(--slotted-pagination-color-disabled, var(--slotted-disabled-foreground, GrayText))}[data-ui=pagination] [data-disabled]{cursor:not-allowed}[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]):is([data-disabled],[data-loading]){background-color:var(--slotted-disabled-background, Canvas);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=pagination] [data-loading]{cursor:progress}[data-ui=pagination] [data-part=ellipsis]{align-items:center;block-size:var(--_target);color:var(--_muted);display:inline-flex;justify-content:center;letter-spacing:var(--slotted-pagination-ellipsis-tracking, .05em);line-height:1;min-inline-size:var(--_target);translate:0 calc(-1 * var(--slotted-pagination-ellipsis-lift, .5cap))}[data-ui=pagination] :is([data-part=first],[data-part=previous],[data-part=next],[data-part=last]){--slotted-icon-size: var(--_glyph)}[data-ui=pagination] :is([data-part=first],[data-part=previous])>[data-ui=icon]{rotate:.5turn}[data-ui=pagination] :is([data-part=status],[data-part=summary]){color:var(--_muted);font-variant-numeric:tabular-nums;margin-block:0}[data-ui=pagination] [data-part=summary]{white-space:nowrap}[data-ui=pagination] [data-part=summary]{align-items:center;block-size:var(--_target);display:none}[data-ui=pagination] [data-part=page-size-label]{align-items:center;color:var(--_muted);column-gap:var(--slotted-pagination-page-size-gap, var(--slotted-space-3, .375rem));display:inline-flex;position:relative;white-space:nowrap}[data-ui=pagination] [data-part=page-size-label]>[data-ui=icon]{--slotted-icon-size: var(--_glyph);inset-block-start:50%;inset-inline-end:var(--slotted-pagination-page-size-inset, var(--slotted-space-3, .375rem));pointer-events:none;position:absolute;translate:0 -50%}[data-ui=pagination] [data-part=page-size]{appearance:none;background-color:var( --slotted-pagination-page-size-surface, var(--slotted-control-surface, Field) );block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--_radius);box-shadow:var(--slotted-control-shadow);color:var(--_strong);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;padding-inline:var(--slotted-control-padding-inline-sm, 10px) calc(var(--_glyph) + var(--slotted-space-6, 1rem));transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=pagination] [data-part=page-size]:not(:disabled):hover{border-color:var(--slotted-border-strong, ButtonBorder)}[data-ui=pagination] [data-part=page-size]:disabled{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@container slotted-pagination (max-width: 22rem){[data-ui=pagination] [data-part=list]{display:none}[data-ui=pagination] [data-part=summary]{display:flex}[data-ui=pagination]:has([data-part=summary]) [data-part=status]{display:none}[data-ui=pagination] [data-part=page-size-label]{flex-basis:100%;margin-inline:0}[data-ui=pagination] [data-part=page-size]{flex:1}[data-ui=pagination] [data-part=status]{flex:1 1 0}}@media(forced-colors:active){[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]){background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{border-color:ButtonBorder}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPagination, decorators: [{
+            type: Component,
+            args: [{ selector: 'nav[slPagination]', standalone: true, template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slPagination', host: {
+                        'data-ui': 'pagination',
+                        'data-part': 'root',
+                        '[attr.aria-label]': 'accessibleLabel()',
+                        '[attr.aria-busy]': 'loading() ? "true" : null',
+                        '[attr.data-disabled]': 'disabled() ? "" : null',
+                        '[attr.data-loading]': 'loading() ? "" : null',
+                    }, styles: ["@layer slotted.components{[data-ui=pagination]{--_target: var(--slotted-pagination-target, var(--slotted-control-height-md, 34px));--_radius: var(--slotted-pagination-radius, var(--slotted-control-radius, 4px));--_muted: var(--slotted-pagination-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-pagination-color, var(--slotted-text, CanvasText));--_glyph: var(--slotted-pagination-glyph-size, var(--slotted-control-icon-size-md, 16px));--_hover-surface: var( --slotted-pagination-surface-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_active-surface: var( --slotted-pagination-surface-active, var(--slotted-tone-accent-subtle-active, ButtonFace) );align-items:center;color:var(--_strong);column-gap:var(--slotted-pagination-gap, var(--slotted-space-1, .125rem));container-name:slotted-pagination;container-type:inline-size;display:flex;flex-wrap:wrap;font-family:var(--slotted-pagination-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-pagination-font-size, var(--slotted-control-font-size-md, 13px));row-gap:var(--slotted-pagination-row-gap, var(--slotted-space-4, .5rem))}[data-ui=pagination] [data-part=list]{align-items:center;column-gap:var(--slotted-pagination-item-gap, var(--slotted-space-1, .125rem));display:flex;list-style:none;margin:0;padding:0}[data-ui=pagination] [data-part=item]{display:flex}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]){margin-inline:var(--slotted-pagination-text-gap, var(--slotted-space-4, .5rem))}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]):first-child{margin-inline-start:0}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]):last-child{margin-inline-end:0}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label])+:is([data-part=status],[data-part=summary],[data-part=page-size-label]){margin-inline-start:0}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]){align-items:center;appearance:none;background-color:transparent;block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--_radius);color:var(--_strong);cursor:pointer;display:inline-flex;font:inherit;font-variant-numeric:tabular-nums;font-weight:var(--slotted-pagination-item-weight, var(--slotted-font-weight-medium, 500));justify-content:center;min-inline-size:var(--_target);padding-inline:var(--slotted-pagination-item-padding, var(--slotted-space-2, .25rem));text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=pagination] [data-part=page]:not([aria-current]:not([aria-current=false])){color:var(--_muted)}[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]){background-color:var( --slotted-pagination-current-surface, var(--slotted-tone-accent-solid, Highlight) );color:var( --slotted-pagination-current-color, var(--slotted-tone-accent-on-solid, HighlightText) )}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{background-color:var(--_hover-surface);color:var(--_strong)}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):active{background-color:var(--_active-surface);color:var(--_strong)}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last],[data-part=page-size]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=pagination] :is([data-disabled],[data-loading]){color:var(--slotted-pagination-color-disabled, var(--slotted-disabled-foreground, GrayText))}[data-ui=pagination] [data-disabled]{cursor:not-allowed}[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]):is([data-disabled],[data-loading]){background-color:var(--slotted-disabled-background, Canvas);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=pagination] [data-loading]{cursor:progress}[data-ui=pagination] [data-part=ellipsis]{align-items:center;block-size:var(--_target);color:var(--_muted);display:inline-flex;justify-content:center;letter-spacing:var(--slotted-pagination-ellipsis-tracking, .05em);line-height:1;min-inline-size:var(--_target);translate:0 calc(-1 * var(--slotted-pagination-ellipsis-lift, .5cap))}[data-ui=pagination] :is([data-part=first],[data-part=previous],[data-part=next],[data-part=last]){--slotted-icon-size: var(--_glyph)}[data-ui=pagination] :is([data-part=first],[data-part=previous])>[data-ui=icon]{rotate:.5turn}[data-ui=pagination] :is([data-part=status],[data-part=summary]){color:var(--_muted);font-variant-numeric:tabular-nums;margin-block:0}[data-ui=pagination] [data-part=summary]{white-space:nowrap}[data-ui=pagination] [data-part=summary]{align-items:center;block-size:var(--_target);display:none}[data-ui=pagination] [data-part=page-size-label]{align-items:center;color:var(--_muted);column-gap:var(--slotted-pagination-page-size-gap, var(--slotted-space-3, .375rem));display:inline-flex;position:relative;white-space:nowrap}[data-ui=pagination] [data-part=page-size-label]>[data-ui=icon]{--slotted-icon-size: var(--_glyph);inset-block-start:50%;inset-inline-end:var(--slotted-pagination-page-size-inset, var(--slotted-space-3, .375rem));pointer-events:none;position:absolute;translate:0 -50%}[data-ui=pagination] [data-part=page-size]{appearance:none;background-color:var( --slotted-pagination-page-size-surface, var(--slotted-control-surface, Field) );block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--_radius);box-shadow:var(--slotted-control-shadow);color:var(--_strong);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;padding-inline:var(--slotted-control-padding-inline-sm, 10px) calc(var(--_glyph) + var(--slotted-space-6, 1rem));transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=pagination] [data-part=page-size]:not(:disabled):hover{border-color:var(--slotted-border-strong, ButtonBorder)}[data-ui=pagination] [data-part=page-size]:disabled{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@container slotted-pagination (max-width: 22rem){[data-ui=pagination] [data-part=list]{display:none}[data-ui=pagination] [data-part=summary]{display:flex}[data-ui=pagination]:has([data-part=summary]) [data-part=status]{display:none}[data-ui=pagination] [data-part=page-size-label]{flex-basis:100%;margin-inline:0}[data-ui=pagination] [data-part=page-size]{flex:1}[data-ui=pagination] [data-part=status]{flex:1 1 0}}@media(forced-colors:active){[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]){background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{border-color:ButtonBorder}}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { pageValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "page", required: false }] }], defaultPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultPage", required: false }] }], pageSizeValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }], defaultPageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultPageSize", required: false }] }], count: [{ type: i0.Input, args: [{ isSignal: true, alias: "count", required: false }] }], siblingCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "siblingCount", required: false }] }], boundaryCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "boundaryCount", required: false }] }], pageSizeOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSizeOptions", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], live: [{ type: i0.Input, args: [{ isSignal: true, alias: "live", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], itemHref: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemHref", required: false }] }], pageChange: [{ type: i0.Output, args: ["pageChange"] }], pageSizeChange: [{ type: i0.Output, args: ["pageSizeChange"] }] } });
+/**
+ * A control that moves the page, on the consumer's own `button` or `a`.
+ *
+ * A button that cannot move takes the native `disabled`. An anchor cannot: it
+ * has no such attribute, and one that kept its `href` would still navigate on
+ * a middle click — so an unavailable link loses its destination and says
+ * `aria-disabled`, the shape the `link` family already ships.
+ */
+class SlPaginationTrigger {
+    pagination = inject(SlPagination);
+    ownLabel = inject(new HostAttributeToken('aria-label'), { optional: true });
+    /** A button says it cannot move with the native `disabled`; only an anchor needs `aria-disabled`. */
+    anchor = inject(ElementRef).nativeElement.tagName === 'A';
+    accessibleLabel = computed(() => this.ownLabel ?? this.defaultLabel(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "accessibleLabel" }] : /* istanbul ignore next */ []));
+    unavailable = computed(() => !this.usable(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "unavailable" }] : /* istanbul ignore next */ []));
+    href = computed(() => this.unavailable() ? null : (this.pagination.itemHref()?.(this.target()) ?? null), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "href" }] : /* istanbul ignore next */ []));
+    activate(event) {
+        if (this.unavailable())
+            return;
+        this.pagination.goToPage(this.target(), 'pointer', event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlPaginationTrigger, isStandalone: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationTrigger, decorators: [{
+            type: Directive
+        }] });
+/**
+ * One chevron for a step and two for an end, drawn unless the consumer wrote
+ * content of their own. Every one points along the reading direction and
+ * mirrors with it; the stylesheet turns the two that point back.
+ */
+const STEP_TRIGGER_TEMPLATE = `<ng-content
+  ><span slIcon directional><svg slGlyph name="chevron-right"></svg></span
+></ng-content>`;
+const END_TRIGGER_TEMPLATE = `<ng-content
+  ><span slIcon directional><svg slGlyph name="chevrons-right"></svg></span
+></ng-content>`;
+const triggerHost = {
+    '[attr.aria-label]': 'accessibleLabel()',
+    '[attr.aria-disabled]': 'anchor && unavailable() ? "true" : null',
+    '[attr.data-loading]': 'pagination.loading() ? "" : null',
+    '[attr.href]': 'href()',
+    '[disabled]': 'unavailable()',
+    '(click)': 'activate($event)',
+};
+class SlPaginationFirst extends SlPaginationTrigger {
+    part = 'first';
+    target = () => 1;
+    usable = () => this.pagination.canGoPrevious();
+    defaultLabel = () => this.pagination.t('first');
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationFirst, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlPaginationFirst, isStandalone: true, selector: "[slPaginationFirst]", host: { attributes: { "data-part": "first" }, listeners: { "click": "activate($event)" }, properties: { "attr.aria-label": "accessibleLabel()", "attr.aria-disabled": "anchor && unavailable() ? \"true\" : null", "attr.data-loading": "pagination.loading() ? \"\" : null", "attr.href": "href()", "disabled": "unavailable()", "attr.data-disabled": "unavailable() && !pagination.loading() ? \"\" : null" } }, exportAs: ["slPaginationFirst"], usesInheritance: true, ngImport: i0, template: "<ng-content\n  ><span slIcon directional><svg slGlyph name=\"chevrons-right\"></svg></span\n></ng-content>", isInline: true, dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationFirst, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[slPaginationFirst]',
+                    standalone: true,
+                    exportAs: 'slPaginationFirst',
+                    imports: [SlGlyph, SlIcon],
+                    template: END_TRIGGER_TEMPLATE,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        ...triggerHost,
+                        'data-part': 'first',
+                        '[attr.data-disabled]': 'unavailable() && !pagination.loading() ? "" : null',
+                    },
+                }]
+        }] });
+class SlPaginationPrevious extends SlPaginationTrigger {
+    part = 'previous';
+    target = () => this.pagination.currentPage() - 1;
+    usable = () => this.pagination.canGoPrevious();
+    defaultLabel = () => this.pagination.t('previous');
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationPrevious, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlPaginationPrevious, isStandalone: true, selector: "[slPaginationPrevious]", host: { attributes: { "data-part": "previous" }, listeners: { "click": "activate($event)" }, properties: { "attr.aria-label": "accessibleLabel()", "attr.aria-disabled": "anchor && unavailable() ? \"true\" : null", "attr.data-loading": "pagination.loading() ? \"\" : null", "attr.href": "href()", "disabled": "unavailable()", "attr.data-disabled": "unavailable() && !pagination.loading() ? \"\" : null" } }, exportAs: ["slPaginationPrevious"], usesInheritance: true, ngImport: i0, template: "<ng-content\n  ><span slIcon directional><svg slGlyph name=\"chevron-right\"></svg></span\n></ng-content>", isInline: true, dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationPrevious, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[slPaginationPrevious]',
+                    standalone: true,
+                    exportAs: 'slPaginationPrevious',
+                    imports: [SlGlyph, SlIcon],
+                    template: STEP_TRIGGER_TEMPLATE,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        ...triggerHost,
+                        'data-part': 'previous',
+                        '[attr.data-disabled]': 'unavailable() && !pagination.loading() ? "" : null',
+                    },
+                }]
+        }] });
+class SlPaginationNext extends SlPaginationTrigger {
+    part = 'next';
+    target = () => this.pagination.currentPage() + 1;
+    usable = () => this.pagination.canGoNext();
+    defaultLabel = () => this.pagination.t('next');
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationNext, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlPaginationNext, isStandalone: true, selector: "[slPaginationNext]", host: { attributes: { "data-part": "next" }, listeners: { "click": "activate($event)" }, properties: { "attr.aria-label": "accessibleLabel()", "attr.aria-disabled": "anchor && unavailable() ? \"true\" : null", "attr.data-loading": "pagination.loading() ? \"\" : null", "attr.href": "href()", "disabled": "unavailable()", "attr.data-disabled": "unavailable() && !pagination.loading() ? \"\" : null" } }, exportAs: ["slPaginationNext"], usesInheritance: true, ngImport: i0, template: "<ng-content\n  ><span slIcon directional><svg slGlyph name=\"chevron-right\"></svg></span\n></ng-content>", isInline: true, dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationNext, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[slPaginationNext]',
+                    standalone: true,
+                    exportAs: 'slPaginationNext',
+                    imports: [SlGlyph, SlIcon],
+                    template: STEP_TRIGGER_TEMPLATE,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        ...triggerHost,
+                        'data-part': 'next',
+                        '[attr.data-disabled]': 'unavailable() && !pagination.loading() ? "" : null',
+                    },
+                }]
+        }] });
+class SlPaginationLast extends SlPaginationTrigger {
+    part = 'last';
+    target = () => this.pagination.pages();
+    usable = () => this.pagination.canGoNext();
+    defaultLabel = () => this.pagination.t('last');
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationLast, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlPaginationLast, isStandalone: true, selector: "[slPaginationLast]", host: { attributes: { "data-part": "last" }, listeners: { "click": "activate($event)" }, properties: { "attr.aria-label": "accessibleLabel()", "attr.aria-disabled": "anchor && unavailable() ? \"true\" : null", "attr.data-loading": "pagination.loading() ? \"\" : null", "attr.href": "href()", "disabled": "unavailable()", "attr.data-disabled": "unavailable() && !pagination.loading() ? \"\" : null" } }, exportAs: ["slPaginationLast"], usesInheritance: true, ngImport: i0, template: "<ng-content\n  ><span slIcon directional><svg slGlyph name=\"chevrons-right\"></svg></span\n></ng-content>", isInline: true, dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationLast, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[slPaginationLast]',
+                    standalone: true,
+                    exportAs: 'slPaginationLast',
+                    imports: [SlGlyph, SlIcon],
+                    template: END_TRIGGER_TEMPLATE,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        ...triggerHost,
+                        'data-part': 'last',
+                        '[attr.data-disabled]': 'unavailable() && !pagination.loading() ? "" : null',
+                    },
+                }]
+        }] });
+/**
+ * The row of page numbers, and the sentence that replaces it below the
+ * family's own breakpoint. Both are rendered and exactly one is displayed, so
+ * neither is announced twice. A paginator over a collection whose total the
+ * server does not know renders nothing here.
+ */
+class SlPaginationItems {
+    pagination = inject(SlPagination);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationItems, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlPaginationItems, isStandalone: true, selector: "sl-pagination-items", host: { styleAttribute: "display: contents" }, exportAs: ["slPaginationItems"], ngImport: i0, template: `
+    @if (pagination.count() !== undefined) {
+      <ul data-part="list">
+        @for (item of pagination.items(); track item.type === 'page' ? item.value : item.side) {
+          <li data-part="item">
+            @if (item.type === 'page') {
+              @if (pagination.itemHref(); as href) {
+                <a
+                  [attr.aria-current]="item.value === pagination.currentPage() ? 'page' : null"
+                  [attr.aria-disabled]="pagination.inert() ? 'true' : null"
+                  [attr.aria-label]="pagination.t('page', { page: item.value })"
+                  [attr.data-disabled]="pagination.disabled() ? '' : null"
+                  [attr.data-loading]="pagination.loading() ? '' : null"
+                  [attr.href]="pagination.inert() ? null : href(item.value)"
+                  data-part="page"
+                  (click)="pagination.goToPage(item.value, 'pointer', $event)"
+                  >{{ item.value }}</a
+                >
+              } @else {
+                <button
+                  [attr.aria-current]="item.value === pagination.currentPage() ? 'page' : null"
+                  [attr.aria-label]="pagination.t('page', { page: item.value })"
+                  [attr.data-disabled]="pagination.disabled() ? '' : null"
+                  [attr.data-loading]="pagination.loading() ? '' : null"
+                  [disabled]="pagination.inert()"
+                  data-part="page"
+                  type="button"
+                  (click)="pagination.goToPage(item.value, 'pointer', $event)"
+                >
+                  {{ item.value }}
+                </button>
+              }
+            } @else {
+              <span aria-hidden="true" data-part="ellipsis">&#8230;</span>
+            }
+          </li>
+        }
+      </ul>
+      <span data-part="summary">{{
+        pagination.t('summary', { page: pagination.currentPage(), pages: pagination.pages() })
+      }}</span>
+    }
+  `, isInline: true, styles: ["@layer slotted.components{[data-ui=pagination]{--_target: var(--slotted-pagination-target, var(--slotted-control-height-md, 34px));--_radius: var(--slotted-pagination-radius, var(--slotted-control-radius, 4px));--_muted: var(--slotted-pagination-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-pagination-color, var(--slotted-text, CanvasText));--_glyph: var(--slotted-pagination-glyph-size, var(--slotted-control-icon-size-md, 16px));--_hover-surface: var( --slotted-pagination-surface-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_active-surface: var( --slotted-pagination-surface-active, var(--slotted-tone-accent-subtle-active, ButtonFace) );align-items:center;color:var(--_strong);column-gap:var(--slotted-pagination-gap, var(--slotted-space-1, .125rem));container-name:slotted-pagination;container-type:inline-size;display:flex;flex-wrap:wrap;font-family:var(--slotted-pagination-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-pagination-font-size, var(--slotted-control-font-size-md, 13px));row-gap:var(--slotted-pagination-row-gap, var(--slotted-space-4, .5rem))}[data-ui=pagination] [data-part=list]{align-items:center;column-gap:var(--slotted-pagination-item-gap, var(--slotted-space-1, .125rem));display:flex;list-style:none;margin:0;padding:0}[data-ui=pagination] [data-part=item]{display:flex}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]){margin-inline:var(--slotted-pagination-text-gap, var(--slotted-space-4, .5rem))}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]):first-child{margin-inline-start:0}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]):last-child{margin-inline-end:0}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label])+:is([data-part=status],[data-part=summary],[data-part=page-size-label]){margin-inline-start:0}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]){align-items:center;appearance:none;background-color:transparent;block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--_radius);color:var(--_strong);cursor:pointer;display:inline-flex;font:inherit;font-variant-numeric:tabular-nums;font-weight:var(--slotted-pagination-item-weight, var(--slotted-font-weight-medium, 500));justify-content:center;min-inline-size:var(--_target);padding-inline:var(--slotted-pagination-item-padding, var(--slotted-space-2, .25rem));text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=pagination] [data-part=page]:not([aria-current]:not([aria-current=false])){color:var(--_muted)}[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]){background-color:var( --slotted-pagination-current-surface, var(--slotted-tone-accent-solid, Highlight) );color:var( --slotted-pagination-current-color, var(--slotted-tone-accent-on-solid, HighlightText) )}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{background-color:var(--_hover-surface);color:var(--_strong)}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):active{background-color:var(--_active-surface);color:var(--_strong)}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last],[data-part=page-size]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=pagination] :is([data-disabled],[data-loading]){color:var(--slotted-pagination-color-disabled, var(--slotted-disabled-foreground, GrayText))}[data-ui=pagination] [data-disabled]{cursor:not-allowed}[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]):is([data-disabled],[data-loading]){background-color:var(--slotted-disabled-background, Canvas);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=pagination] [data-loading]{cursor:progress}[data-ui=pagination] [data-part=ellipsis]{align-items:center;block-size:var(--_target);color:var(--_muted);display:inline-flex;justify-content:center;letter-spacing:var(--slotted-pagination-ellipsis-tracking, .05em);line-height:1;min-inline-size:var(--_target);translate:0 calc(-1 * var(--slotted-pagination-ellipsis-lift, .5cap))}[data-ui=pagination] :is([data-part=first],[data-part=previous],[data-part=next],[data-part=last]){--slotted-icon-size: var(--_glyph)}[data-ui=pagination] :is([data-part=first],[data-part=previous])>[data-ui=icon]{rotate:.5turn}[data-ui=pagination] :is([data-part=status],[data-part=summary]){color:var(--_muted);font-variant-numeric:tabular-nums;margin-block:0}[data-ui=pagination] [data-part=summary]{white-space:nowrap}[data-ui=pagination] [data-part=summary]{align-items:center;block-size:var(--_target);display:none}[data-ui=pagination] [data-part=page-size-label]{align-items:center;color:var(--_muted);column-gap:var(--slotted-pagination-page-size-gap, var(--slotted-space-3, .375rem));display:inline-flex;position:relative;white-space:nowrap}[data-ui=pagination] [data-part=page-size-label]>[data-ui=icon]{--slotted-icon-size: var(--_glyph);inset-block-start:50%;inset-inline-end:var(--slotted-pagination-page-size-inset, var(--slotted-space-3, .375rem));pointer-events:none;position:absolute;translate:0 -50%}[data-ui=pagination] [data-part=page-size]{appearance:none;background-color:var( --slotted-pagination-page-size-surface, var(--slotted-control-surface, Field) );block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--_radius);box-shadow:var(--slotted-control-shadow);color:var(--_strong);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;padding-inline:var(--slotted-control-padding-inline-sm, 10px) calc(var(--_glyph) + var(--slotted-space-6, 1rem));transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=pagination] [data-part=page-size]:not(:disabled):hover{border-color:var(--slotted-border-strong, ButtonBorder)}[data-ui=pagination] [data-part=page-size]:disabled{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@container slotted-pagination (max-width: 22rem){[data-ui=pagination] [data-part=list]{display:none}[data-ui=pagination] [data-part=summary]{display:flex}[data-ui=pagination]:has([data-part=summary]) [data-part=status]{display:none}[data-ui=pagination] [data-part=page-size-label]{flex-basis:100%;margin-inline:0}[data-ui=pagination] [data-part=page-size]{flex:1}[data-ui=pagination] [data-part=status]{flex:1 1 0}}@media(forced-colors:active){[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]){background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{border-color:ButtonBorder}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationItems, decorators: [{
+            type: Component,
+            args: [{ selector: 'sl-pagination-items', standalone: true, template: `
+    @if (pagination.count() !== undefined) {
+      <ul data-part="list">
+        @for (item of pagination.items(); track item.type === 'page' ? item.value : item.side) {
+          <li data-part="item">
+            @if (item.type === 'page') {
+              @if (pagination.itemHref(); as href) {
+                <a
+                  [attr.aria-current]="item.value === pagination.currentPage() ? 'page' : null"
+                  [attr.aria-disabled]="pagination.inert() ? 'true' : null"
+                  [attr.aria-label]="pagination.t('page', { page: item.value })"
+                  [attr.data-disabled]="pagination.disabled() ? '' : null"
+                  [attr.data-loading]="pagination.loading() ? '' : null"
+                  [attr.href]="pagination.inert() ? null : href(item.value)"
+                  data-part="page"
+                  (click)="pagination.goToPage(item.value, 'pointer', $event)"
+                  >{{ item.value }}</a
+                >
+              } @else {
+                <button
+                  [attr.aria-current]="item.value === pagination.currentPage() ? 'page' : null"
+                  [attr.aria-label]="pagination.t('page', { page: item.value })"
+                  [attr.data-disabled]="pagination.disabled() ? '' : null"
+                  [attr.data-loading]="pagination.loading() ? '' : null"
+                  [disabled]="pagination.inert()"
+                  data-part="page"
+                  type="button"
+                  (click)="pagination.goToPage(item.value, 'pointer', $event)"
+                >
+                  {{ item.value }}
+                </button>
+              }
+            } @else {
+              <span aria-hidden="true" data-part="ellipsis">&#8230;</span>
+            }
+          </li>
+        }
+      </ul>
+      <span data-part="summary">{{
+        pagination.t('summary', { page: pagination.currentPage(), pages: pagination.pages() })
+      }}</span>
+    }
+  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slPaginationItems', host: { style: 'display: contents' }, styles: ["@layer slotted.components{[data-ui=pagination]{--_target: var(--slotted-pagination-target, var(--slotted-control-height-md, 34px));--_radius: var(--slotted-pagination-radius, var(--slotted-control-radius, 4px));--_muted: var(--slotted-pagination-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-pagination-color, var(--slotted-text, CanvasText));--_glyph: var(--slotted-pagination-glyph-size, var(--slotted-control-icon-size-md, 16px));--_hover-surface: var( --slotted-pagination-surface-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_active-surface: var( --slotted-pagination-surface-active, var(--slotted-tone-accent-subtle-active, ButtonFace) );align-items:center;color:var(--_strong);column-gap:var(--slotted-pagination-gap, var(--slotted-space-1, .125rem));container-name:slotted-pagination;container-type:inline-size;display:flex;flex-wrap:wrap;font-family:var(--slotted-pagination-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-pagination-font-size, var(--slotted-control-font-size-md, 13px));row-gap:var(--slotted-pagination-row-gap, var(--slotted-space-4, .5rem))}[data-ui=pagination] [data-part=list]{align-items:center;column-gap:var(--slotted-pagination-item-gap, var(--slotted-space-1, .125rem));display:flex;list-style:none;margin:0;padding:0}[data-ui=pagination] [data-part=item]{display:flex}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]){margin-inline:var(--slotted-pagination-text-gap, var(--slotted-space-4, .5rem))}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]):first-child{margin-inline-start:0}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]):last-child{margin-inline-end:0}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label])+:is([data-part=status],[data-part=summary],[data-part=page-size-label]){margin-inline-start:0}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]){align-items:center;appearance:none;background-color:transparent;block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--_radius);color:var(--_strong);cursor:pointer;display:inline-flex;font:inherit;font-variant-numeric:tabular-nums;font-weight:var(--slotted-pagination-item-weight, var(--slotted-font-weight-medium, 500));justify-content:center;min-inline-size:var(--_target);padding-inline:var(--slotted-pagination-item-padding, var(--slotted-space-2, .25rem));text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=pagination] [data-part=page]:not([aria-current]:not([aria-current=false])){color:var(--_muted)}[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]){background-color:var( --slotted-pagination-current-surface, var(--slotted-tone-accent-solid, Highlight) );color:var( --slotted-pagination-current-color, var(--slotted-tone-accent-on-solid, HighlightText) )}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{background-color:var(--_hover-surface);color:var(--_strong)}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):active{background-color:var(--_active-surface);color:var(--_strong)}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last],[data-part=page-size]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=pagination] :is([data-disabled],[data-loading]){color:var(--slotted-pagination-color-disabled, var(--slotted-disabled-foreground, GrayText))}[data-ui=pagination] [data-disabled]{cursor:not-allowed}[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]):is([data-disabled],[data-loading]){background-color:var(--slotted-disabled-background, Canvas);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=pagination] [data-loading]{cursor:progress}[data-ui=pagination] [data-part=ellipsis]{align-items:center;block-size:var(--_target);color:var(--_muted);display:inline-flex;justify-content:center;letter-spacing:var(--slotted-pagination-ellipsis-tracking, .05em);line-height:1;min-inline-size:var(--_target);translate:0 calc(-1 * var(--slotted-pagination-ellipsis-lift, .5cap))}[data-ui=pagination] :is([data-part=first],[data-part=previous],[data-part=next],[data-part=last]){--slotted-icon-size: var(--_glyph)}[data-ui=pagination] :is([data-part=first],[data-part=previous])>[data-ui=icon]{rotate:.5turn}[data-ui=pagination] :is([data-part=status],[data-part=summary]){color:var(--_muted);font-variant-numeric:tabular-nums;margin-block:0}[data-ui=pagination] [data-part=summary]{white-space:nowrap}[data-ui=pagination] [data-part=summary]{align-items:center;block-size:var(--_target);display:none}[data-ui=pagination] [data-part=page-size-label]{align-items:center;color:var(--_muted);column-gap:var(--slotted-pagination-page-size-gap, var(--slotted-space-3, .375rem));display:inline-flex;position:relative;white-space:nowrap}[data-ui=pagination] [data-part=page-size-label]>[data-ui=icon]{--slotted-icon-size: var(--_glyph);inset-block-start:50%;inset-inline-end:var(--slotted-pagination-page-size-inset, var(--slotted-space-3, .375rem));pointer-events:none;position:absolute;translate:0 -50%}[data-ui=pagination] [data-part=page-size]{appearance:none;background-color:var( --slotted-pagination-page-size-surface, var(--slotted-control-surface, Field) );block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--_radius);box-shadow:var(--slotted-control-shadow);color:var(--_strong);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;padding-inline:var(--slotted-control-padding-inline-sm, 10px) calc(var(--_glyph) + var(--slotted-space-6, 1rem));transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=pagination] [data-part=page-size]:not(:disabled):hover{border-color:var(--slotted-border-strong, ButtonBorder)}[data-ui=pagination] [data-part=page-size]:disabled{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@container slotted-pagination (max-width: 22rem){[data-ui=pagination] [data-part=list]{display:none}[data-ui=pagination] [data-part=summary]{display:flex}[data-ui=pagination]:has([data-part=summary]) [data-part=status]{display:none}[data-ui=pagination] [data-part=page-size-label]{flex-basis:100%;margin-inline:0}[data-ui=pagination] [data-part=page-size]{flex:1}[data-ui=pagination] [data-part=status]{flex:1 1 0}}@media(forced-colors:active){[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]){background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{border-color:ButtonBorder}}}\n"] }]
+        }] });
+/**
+ * "21–40 of 482", and the polite live region that announces a page change. One
+ * region announcing one sentence is the whole of the announcement.
+ */
+class SlPaginationStatus {
+    pagination = inject(SlPagination);
+    text = computed(() => {
+        const range = this.pagination.range();
+        return this.pagination.t('range', {
+            start: range.start,
+            end: range.end,
+            count: this.pagination.count() ?? 0,
+        });
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationStatus, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlPaginationStatus, isStandalone: true, selector: "p[slPaginationStatus]", host: { attributes: { "data-part": "status" }, properties: { "attr.aria-live": "pagination.liveValue()" } }, exportAs: ["slPaginationStatus"], ngImport: i0, template: '<ng-content>{{ text() }}</ng-content>', isInline: true, styles: ["@layer slotted.components{[data-ui=pagination]{--_target: var(--slotted-pagination-target, var(--slotted-control-height-md, 34px));--_radius: var(--slotted-pagination-radius, var(--slotted-control-radius, 4px));--_muted: var(--slotted-pagination-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-pagination-color, var(--slotted-text, CanvasText));--_glyph: var(--slotted-pagination-glyph-size, var(--slotted-control-icon-size-md, 16px));--_hover-surface: var( --slotted-pagination-surface-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_active-surface: var( --slotted-pagination-surface-active, var(--slotted-tone-accent-subtle-active, ButtonFace) );align-items:center;color:var(--_strong);column-gap:var(--slotted-pagination-gap, var(--slotted-space-1, .125rem));container-name:slotted-pagination;container-type:inline-size;display:flex;flex-wrap:wrap;font-family:var(--slotted-pagination-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-pagination-font-size, var(--slotted-control-font-size-md, 13px));row-gap:var(--slotted-pagination-row-gap, var(--slotted-space-4, .5rem))}[data-ui=pagination] [data-part=list]{align-items:center;column-gap:var(--slotted-pagination-item-gap, var(--slotted-space-1, .125rem));display:flex;list-style:none;margin:0;padding:0}[data-ui=pagination] [data-part=item]{display:flex}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]){margin-inline:var(--slotted-pagination-text-gap, var(--slotted-space-4, .5rem))}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]):first-child{margin-inline-start:0}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]):last-child{margin-inline-end:0}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label])+:is([data-part=status],[data-part=summary],[data-part=page-size-label]){margin-inline-start:0}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]){align-items:center;appearance:none;background-color:transparent;block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--_radius);color:var(--_strong);cursor:pointer;display:inline-flex;font:inherit;font-variant-numeric:tabular-nums;font-weight:var(--slotted-pagination-item-weight, var(--slotted-font-weight-medium, 500));justify-content:center;min-inline-size:var(--_target);padding-inline:var(--slotted-pagination-item-padding, var(--slotted-space-2, .25rem));text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=pagination] [data-part=page]:not([aria-current]:not([aria-current=false])){color:var(--_muted)}[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]){background-color:var( --slotted-pagination-current-surface, var(--slotted-tone-accent-solid, Highlight) );color:var( --slotted-pagination-current-color, var(--slotted-tone-accent-on-solid, HighlightText) )}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{background-color:var(--_hover-surface);color:var(--_strong)}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):active{background-color:var(--_active-surface);color:var(--_strong)}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last],[data-part=page-size]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=pagination] :is([data-disabled],[data-loading]){color:var(--slotted-pagination-color-disabled, var(--slotted-disabled-foreground, GrayText))}[data-ui=pagination] [data-disabled]{cursor:not-allowed}[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]):is([data-disabled],[data-loading]){background-color:var(--slotted-disabled-background, Canvas);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=pagination] [data-loading]{cursor:progress}[data-ui=pagination] [data-part=ellipsis]{align-items:center;block-size:var(--_target);color:var(--_muted);display:inline-flex;justify-content:center;letter-spacing:var(--slotted-pagination-ellipsis-tracking, .05em);line-height:1;min-inline-size:var(--_target);translate:0 calc(-1 * var(--slotted-pagination-ellipsis-lift, .5cap))}[data-ui=pagination] :is([data-part=first],[data-part=previous],[data-part=next],[data-part=last]){--slotted-icon-size: var(--_glyph)}[data-ui=pagination] :is([data-part=first],[data-part=previous])>[data-ui=icon]{rotate:.5turn}[data-ui=pagination] :is([data-part=status],[data-part=summary]){color:var(--_muted);font-variant-numeric:tabular-nums;margin-block:0}[data-ui=pagination] [data-part=summary]{white-space:nowrap}[data-ui=pagination] [data-part=summary]{align-items:center;block-size:var(--_target);display:none}[data-ui=pagination] [data-part=page-size-label]{align-items:center;color:var(--_muted);column-gap:var(--slotted-pagination-page-size-gap, var(--slotted-space-3, .375rem));display:inline-flex;position:relative;white-space:nowrap}[data-ui=pagination] [data-part=page-size-label]>[data-ui=icon]{--slotted-icon-size: var(--_glyph);inset-block-start:50%;inset-inline-end:var(--slotted-pagination-page-size-inset, var(--slotted-space-3, .375rem));pointer-events:none;position:absolute;translate:0 -50%}[data-ui=pagination] [data-part=page-size]{appearance:none;background-color:var( --slotted-pagination-page-size-surface, var(--slotted-control-surface, Field) );block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--_radius);box-shadow:var(--slotted-control-shadow);color:var(--_strong);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;padding-inline:var(--slotted-control-padding-inline-sm, 10px) calc(var(--_glyph) + var(--slotted-space-6, 1rem));transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=pagination] [data-part=page-size]:not(:disabled):hover{border-color:var(--slotted-border-strong, ButtonBorder)}[data-ui=pagination] [data-part=page-size]:disabled{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@container slotted-pagination (max-width: 22rem){[data-ui=pagination] [data-part=list]{display:none}[data-ui=pagination] [data-part=summary]{display:flex}[data-ui=pagination]:has([data-part=summary]) [data-part=status]{display:none}[data-ui=pagination] [data-part=page-size-label]{flex-basis:100%;margin-inline:0}[data-ui=pagination] [data-part=page-size]{flex:1}[data-ui=pagination] [data-part=status]{flex:1 1 0}}@media(forced-colors:active){[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]){background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{border-color:ButtonBorder}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationStatus, decorators: [{
+            type: Component,
+            args: [{ selector: 'p[slPaginationStatus]', standalone: true, template: '<ng-content>{{ text() }}</ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slPaginationStatus', host: {
+                        'data-part': 'status',
+                        '[attr.aria-live]': 'pagination.liveValue()',
+                    }, styles: ["@layer slotted.components{[data-ui=pagination]{--_target: var(--slotted-pagination-target, var(--slotted-control-height-md, 34px));--_radius: var(--slotted-pagination-radius, var(--slotted-control-radius, 4px));--_muted: var(--slotted-pagination-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-pagination-color, var(--slotted-text, CanvasText));--_glyph: var(--slotted-pagination-glyph-size, var(--slotted-control-icon-size-md, 16px));--_hover-surface: var( --slotted-pagination-surface-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_active-surface: var( --slotted-pagination-surface-active, var(--slotted-tone-accent-subtle-active, ButtonFace) );align-items:center;color:var(--_strong);column-gap:var(--slotted-pagination-gap, var(--slotted-space-1, .125rem));container-name:slotted-pagination;container-type:inline-size;display:flex;flex-wrap:wrap;font-family:var(--slotted-pagination-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-pagination-font-size, var(--slotted-control-font-size-md, 13px));row-gap:var(--slotted-pagination-row-gap, var(--slotted-space-4, .5rem))}[data-ui=pagination] [data-part=list]{align-items:center;column-gap:var(--slotted-pagination-item-gap, var(--slotted-space-1, .125rem));display:flex;list-style:none;margin:0;padding:0}[data-ui=pagination] [data-part=item]{display:flex}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]){margin-inline:var(--slotted-pagination-text-gap, var(--slotted-space-4, .5rem))}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]):first-child{margin-inline-start:0}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]):last-child{margin-inline-end:0}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label])+:is([data-part=status],[data-part=summary],[data-part=page-size-label]){margin-inline-start:0}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]){align-items:center;appearance:none;background-color:transparent;block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--_radius);color:var(--_strong);cursor:pointer;display:inline-flex;font:inherit;font-variant-numeric:tabular-nums;font-weight:var(--slotted-pagination-item-weight, var(--slotted-font-weight-medium, 500));justify-content:center;min-inline-size:var(--_target);padding-inline:var(--slotted-pagination-item-padding, var(--slotted-space-2, .25rem));text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=pagination] [data-part=page]:not([aria-current]:not([aria-current=false])){color:var(--_muted)}[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]){background-color:var( --slotted-pagination-current-surface, var(--slotted-tone-accent-solid, Highlight) );color:var( --slotted-pagination-current-color, var(--slotted-tone-accent-on-solid, HighlightText) )}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{background-color:var(--_hover-surface);color:var(--_strong)}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):active{background-color:var(--_active-surface);color:var(--_strong)}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last],[data-part=page-size]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=pagination] :is([data-disabled],[data-loading]){color:var(--slotted-pagination-color-disabled, var(--slotted-disabled-foreground, GrayText))}[data-ui=pagination] [data-disabled]{cursor:not-allowed}[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]):is([data-disabled],[data-loading]){background-color:var(--slotted-disabled-background, Canvas);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=pagination] [data-loading]{cursor:progress}[data-ui=pagination] [data-part=ellipsis]{align-items:center;block-size:var(--_target);color:var(--_muted);display:inline-flex;justify-content:center;letter-spacing:var(--slotted-pagination-ellipsis-tracking, .05em);line-height:1;min-inline-size:var(--_target);translate:0 calc(-1 * var(--slotted-pagination-ellipsis-lift, .5cap))}[data-ui=pagination] :is([data-part=first],[data-part=previous],[data-part=next],[data-part=last]){--slotted-icon-size: var(--_glyph)}[data-ui=pagination] :is([data-part=first],[data-part=previous])>[data-ui=icon]{rotate:.5turn}[data-ui=pagination] :is([data-part=status],[data-part=summary]){color:var(--_muted);font-variant-numeric:tabular-nums;margin-block:0}[data-ui=pagination] [data-part=summary]{white-space:nowrap}[data-ui=pagination] [data-part=summary]{align-items:center;block-size:var(--_target);display:none}[data-ui=pagination] [data-part=page-size-label]{align-items:center;color:var(--_muted);column-gap:var(--slotted-pagination-page-size-gap, var(--slotted-space-3, .375rem));display:inline-flex;position:relative;white-space:nowrap}[data-ui=pagination] [data-part=page-size-label]>[data-ui=icon]{--slotted-icon-size: var(--_glyph);inset-block-start:50%;inset-inline-end:var(--slotted-pagination-page-size-inset, var(--slotted-space-3, .375rem));pointer-events:none;position:absolute;translate:0 -50%}[data-ui=pagination] [data-part=page-size]{appearance:none;background-color:var( --slotted-pagination-page-size-surface, var(--slotted-control-surface, Field) );block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--_radius);box-shadow:var(--slotted-control-shadow);color:var(--_strong);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;padding-inline:var(--slotted-control-padding-inline-sm, 10px) calc(var(--_glyph) + var(--slotted-space-6, 1rem));transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=pagination] [data-part=page-size]:not(:disabled):hover{border-color:var(--slotted-border-strong, ButtonBorder)}[data-ui=pagination] [data-part=page-size]:disabled{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@container slotted-pagination (max-width: 22rem){[data-ui=pagination] [data-part=list]{display:none}[data-ui=pagination] [data-part=summary]{display:flex}[data-ui=pagination]:has([data-part=summary]) [data-part=status]{display:none}[data-ui=pagination] [data-part=page-size-label]{flex-basis:100%;margin-inline:0}[data-ui=pagination] [data-part=page-size]{flex:1}[data-ui=pagination] [data-part=status]{flex:1 1 0}}@media(forced-colors:active){[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]){background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{border-color:ButtonBorder}}}\n"] }]
+        }] });
+/**
+ * How many items a page holds.
+ *
+ * A native `select`, wrapped by its own label. `select` in a later wave owns
+ * the styled listbox; a paginator that could not change its page size until
+ * then is not one a table can use. Wrapping rather than pointing gives the
+ * control its accessible name from the platform, with no generated id.
+ */
+class SlPaginationPageSize {
+    pagination = inject(SlPagination);
+    onChange(event) {
+        const value = Number(event.target.value);
+        this.pagination.setPageSize(value, 'select', event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationPageSize, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlPaginationPageSize, isStandalone: true, selector: "sl-pagination-page-size", host: { styleAttribute: "display: contents" }, exportAs: ["slPaginationPageSize"], ngImport: i0, template: `
+    <label data-part="page-size-label">
+      <ng-content>{{ pagination.t('pageSize') }}</ng-content>
+      <select
+        [disabled]="pagination.inert()"
+        [value]="pagination.pageSize()"
+        data-part="page-size"
+        (change)="onChange($event)"
+      >
+        @for (size of pagination.sizeOptions(); track size) {
+          <option [value]="size">{{ size }}</option>
+        }
+      </select>
+      <span slIcon><svg slGlyph name="chevron-down"></svg></span>
+    </label>
+  `, isInline: true, styles: ["@layer slotted.components{[data-ui=pagination]{--_target: var(--slotted-pagination-target, var(--slotted-control-height-md, 34px));--_radius: var(--slotted-pagination-radius, var(--slotted-control-radius, 4px));--_muted: var(--slotted-pagination-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-pagination-color, var(--slotted-text, CanvasText));--_glyph: var(--slotted-pagination-glyph-size, var(--slotted-control-icon-size-md, 16px));--_hover-surface: var( --slotted-pagination-surface-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_active-surface: var( --slotted-pagination-surface-active, var(--slotted-tone-accent-subtle-active, ButtonFace) );align-items:center;color:var(--_strong);column-gap:var(--slotted-pagination-gap, var(--slotted-space-1, .125rem));container-name:slotted-pagination;container-type:inline-size;display:flex;flex-wrap:wrap;font-family:var(--slotted-pagination-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-pagination-font-size, var(--slotted-control-font-size-md, 13px));row-gap:var(--slotted-pagination-row-gap, var(--slotted-space-4, .5rem))}[data-ui=pagination] [data-part=list]{align-items:center;column-gap:var(--slotted-pagination-item-gap, var(--slotted-space-1, .125rem));display:flex;list-style:none;margin:0;padding:0}[data-ui=pagination] [data-part=item]{display:flex}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]){margin-inline:var(--slotted-pagination-text-gap, var(--slotted-space-4, .5rem))}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]):first-child{margin-inline-start:0}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]):last-child{margin-inline-end:0}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label])+:is([data-part=status],[data-part=summary],[data-part=page-size-label]){margin-inline-start:0}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]){align-items:center;appearance:none;background-color:transparent;block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--_radius);color:var(--_strong);cursor:pointer;display:inline-flex;font:inherit;font-variant-numeric:tabular-nums;font-weight:var(--slotted-pagination-item-weight, var(--slotted-font-weight-medium, 500));justify-content:center;min-inline-size:var(--_target);padding-inline:var(--slotted-pagination-item-padding, var(--slotted-space-2, .25rem));text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=pagination] [data-part=page]:not([aria-current]:not([aria-current=false])){color:var(--_muted)}[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]){background-color:var( --slotted-pagination-current-surface, var(--slotted-tone-accent-solid, Highlight) );color:var( --slotted-pagination-current-color, var(--slotted-tone-accent-on-solid, HighlightText) )}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{background-color:var(--_hover-surface);color:var(--_strong)}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):active{background-color:var(--_active-surface);color:var(--_strong)}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last],[data-part=page-size]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=pagination] :is([data-disabled],[data-loading]){color:var(--slotted-pagination-color-disabled, var(--slotted-disabled-foreground, GrayText))}[data-ui=pagination] [data-disabled]{cursor:not-allowed}[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]):is([data-disabled],[data-loading]){background-color:var(--slotted-disabled-background, Canvas);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=pagination] [data-loading]{cursor:progress}[data-ui=pagination] [data-part=ellipsis]{align-items:center;block-size:var(--_target);color:var(--_muted);display:inline-flex;justify-content:center;letter-spacing:var(--slotted-pagination-ellipsis-tracking, .05em);line-height:1;min-inline-size:var(--_target);translate:0 calc(-1 * var(--slotted-pagination-ellipsis-lift, .5cap))}[data-ui=pagination] :is([data-part=first],[data-part=previous],[data-part=next],[data-part=last]){--slotted-icon-size: var(--_glyph)}[data-ui=pagination] :is([data-part=first],[data-part=previous])>[data-ui=icon]{rotate:.5turn}[data-ui=pagination] :is([data-part=status],[data-part=summary]){color:var(--_muted);font-variant-numeric:tabular-nums;margin-block:0}[data-ui=pagination] [data-part=summary]{white-space:nowrap}[data-ui=pagination] [data-part=summary]{align-items:center;block-size:var(--_target);display:none}[data-ui=pagination] [data-part=page-size-label]{align-items:center;color:var(--_muted);column-gap:var(--slotted-pagination-page-size-gap, var(--slotted-space-3, .375rem));display:inline-flex;position:relative;white-space:nowrap}[data-ui=pagination] [data-part=page-size-label]>[data-ui=icon]{--slotted-icon-size: var(--_glyph);inset-block-start:50%;inset-inline-end:var(--slotted-pagination-page-size-inset, var(--slotted-space-3, .375rem));pointer-events:none;position:absolute;translate:0 -50%}[data-ui=pagination] [data-part=page-size]{appearance:none;background-color:var( --slotted-pagination-page-size-surface, var(--slotted-control-surface, Field) );block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--_radius);box-shadow:var(--slotted-control-shadow);color:var(--_strong);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;padding-inline:var(--slotted-control-padding-inline-sm, 10px) calc(var(--_glyph) + var(--slotted-space-6, 1rem));transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=pagination] [data-part=page-size]:not(:disabled):hover{border-color:var(--slotted-border-strong, ButtonBorder)}[data-ui=pagination] [data-part=page-size]:disabled{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@container slotted-pagination (max-width: 22rem){[data-ui=pagination] [data-part=list]{display:none}[data-ui=pagination] [data-part=summary]{display:flex}[data-ui=pagination]:has([data-part=summary]) [data-part=status]{display:none}[data-ui=pagination] [data-part=page-size-label]{flex-basis:100%;margin-inline:0}[data-ui=pagination] [data-part=page-size]{flex:1}[data-ui=pagination] [data-part=status]{flex:1 1 0}}@media(forced-colors:active){[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]){background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{border-color:ButtonBorder}}}\n"], dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlPaginationPageSize, decorators: [{
+            type: Component,
+            args: [{ selector: 'sl-pagination-page-size', standalone: true, imports: [SlGlyph, SlIcon], template: `
+    <label data-part="page-size-label">
+      <ng-content>{{ pagination.t('pageSize') }}</ng-content>
+      <select
+        [disabled]="pagination.inert()"
+        [value]="pagination.pageSize()"
+        data-part="page-size"
+        (change)="onChange($event)"
+      >
+        @for (size of pagination.sizeOptions(); track size) {
+          <option [value]="size">{{ size }}</option>
+        }
+      </select>
+      <span slIcon><svg slGlyph name="chevron-down"></svg></span>
+    </label>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slPaginationPageSize', host: { style: 'display: contents' }, styles: ["@layer slotted.components{[data-ui=pagination]{--_target: var(--slotted-pagination-target, var(--slotted-control-height-md, 34px));--_radius: var(--slotted-pagination-radius, var(--slotted-control-radius, 4px));--_muted: var(--slotted-pagination-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-pagination-color, var(--slotted-text, CanvasText));--_glyph: var(--slotted-pagination-glyph-size, var(--slotted-control-icon-size-md, 16px));--_hover-surface: var( --slotted-pagination-surface-hover, var(--slotted-tone-accent-subtle-hover, ButtonFace) );--_active-surface: var( --slotted-pagination-surface-active, var(--slotted-tone-accent-subtle-active, ButtonFace) );align-items:center;color:var(--_strong);column-gap:var(--slotted-pagination-gap, var(--slotted-space-1, .125rem));container-name:slotted-pagination;container-type:inline-size;display:flex;flex-wrap:wrap;font-family:var(--slotted-pagination-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-pagination-font-size, var(--slotted-control-font-size-md, 13px));row-gap:var(--slotted-pagination-row-gap, var(--slotted-space-4, .5rem))}[data-ui=pagination] [data-part=list]{align-items:center;column-gap:var(--slotted-pagination-item-gap, var(--slotted-space-1, .125rem));display:flex;list-style:none;margin:0;padding:0}[data-ui=pagination] [data-part=item]{display:flex}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]){margin-inline:var(--slotted-pagination-text-gap, var(--slotted-space-4, .5rem))}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]):first-child{margin-inline-start:0}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label]):last-child{margin-inline-end:0}[data-ui=pagination] :is([data-part=status],[data-part=summary],[data-part=page-size-label])+:is([data-part=status],[data-part=summary],[data-part=page-size-label]){margin-inline-start:0}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]){align-items:center;appearance:none;background-color:transparent;block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--_radius);color:var(--_strong);cursor:pointer;display:inline-flex;font:inherit;font-variant-numeric:tabular-nums;font-weight:var(--slotted-pagination-item-weight, var(--slotted-font-weight-medium, 500));justify-content:center;min-inline-size:var(--_target);padding-inline:var(--slotted-pagination-item-padding, var(--slotted-space-2, .25rem));text-decoration:none;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=pagination] [data-part=page]:not([aria-current]:not([aria-current=false])){color:var(--_muted)}[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]){background-color:var( --slotted-pagination-current-surface, var(--slotted-tone-accent-solid, Highlight) );color:var( --slotted-pagination-current-color, var(--slotted-tone-accent-on-solid, HighlightText) )}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{background-color:var(--_hover-surface);color:var(--_strong)}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):active{background-color:var(--_active-surface);color:var(--_strong)}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last],[data-part=page-size]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=pagination] :is([data-disabled],[data-loading]){color:var(--slotted-pagination-color-disabled, var(--slotted-disabled-foreground, GrayText))}[data-ui=pagination] [data-disabled]{cursor:not-allowed}[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]):is([data-disabled],[data-loading]){background-color:var(--slotted-disabled-background, Canvas);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=pagination] [data-loading]{cursor:progress}[data-ui=pagination] [data-part=ellipsis]{align-items:center;block-size:var(--_target);color:var(--_muted);display:inline-flex;justify-content:center;letter-spacing:var(--slotted-pagination-ellipsis-tracking, .05em);line-height:1;min-inline-size:var(--_target);translate:0 calc(-1 * var(--slotted-pagination-ellipsis-lift, .5cap))}[data-ui=pagination] :is([data-part=first],[data-part=previous],[data-part=next],[data-part=last]){--slotted-icon-size: var(--_glyph)}[data-ui=pagination] :is([data-part=first],[data-part=previous])>[data-ui=icon]{rotate:.5turn}[data-ui=pagination] :is([data-part=status],[data-part=summary]){color:var(--_muted);font-variant-numeric:tabular-nums;margin-block:0}[data-ui=pagination] [data-part=summary]{white-space:nowrap}[data-ui=pagination] [data-part=summary]{align-items:center;block-size:var(--_target);display:none}[data-ui=pagination] [data-part=page-size-label]{align-items:center;color:var(--_muted);column-gap:var(--slotted-pagination-page-size-gap, var(--slotted-space-3, .375rem));display:inline-flex;position:relative;white-space:nowrap}[data-ui=pagination] [data-part=page-size-label]>[data-ui=icon]{--slotted-icon-size: var(--_glyph);inset-block-start:50%;inset-inline-end:var(--slotted-pagination-page-size-inset, var(--slotted-space-3, .375rem));pointer-events:none;position:absolute;translate:0 -50%}[data-ui=pagination] [data-part=page-size]{appearance:none;background-color:var( --slotted-pagination-page-size-surface, var(--slotted-control-surface, Field) );block-size:var(--_target);border:var(--slotted-control-border-width, 1px) solid var(--slotted-control-border-color, ButtonBorder);border-radius:var(--_radius);box-shadow:var(--slotted-control-shadow);color:var(--_strong);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;padding-inline:var(--slotted-control-padding-inline-sm, 10px) calc(var(--_glyph) + var(--slotted-space-6, 1rem));transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=pagination] [data-part=page-size]:not(:disabled):hover{border-color:var(--slotted-border-strong, ButtonBorder)}[data-ui=pagination] [data-part=page-size]:disabled{background-color:var(--slotted-disabled-background, Canvas);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@container slotted-pagination (max-width: 22rem){[data-ui=pagination] [data-part=list]{display:none}[data-ui=pagination] [data-part=summary]{display:flex}[data-ui=pagination]:has([data-part=summary]) [data-part=status]{display:none}[data-ui=pagination] [data-part=page-size-label]{flex-basis:100%;margin-inline:0}[data-ui=pagination] [data-part=page-size]{flex:1}[data-ui=pagination] [data-part=status]{flex:1 1 0}}@media(forced-colors:active){[data-ui=pagination] [data-part=page][aria-current]:not([aria-current=false]){background-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=pagination] :is([data-part=page],[data-part=first],[data-part=previous],[data-part=next],[data-part=last]):not([data-disabled],[data-loading],[aria-current]:not([aria-current=false])):hover{border-color:ButtonBorder}}}\n"] }]
+        }] });
+/**
+ * Absence has to survive the transform: `numberAttribute` maps an unset input
+ * to `NaN`, and a paginator that read that would invent a total the server
+ * never gave it.
+ */
+function optionalNumber(value) {
+    if (value === undefined || value === null || value === '')
+        return undefined;
+    const parsed = numberAttribute(value);
+    return Number.isFinite(parsed) ? parsed : undefined;
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PAGINATION_DEFAULTS_TOKEN, PAGINATION_DEFAULT_PAGE_SIZE, PAGINATION_DEFAULT_PAGE_SIZE_OPTIONS, SlPagination, SlPaginationFirst, SlPaginationItems, SlPaginationLast, SlPaginationNext, SlPaginationPageSize, SlPaginationPrevious, SlPaginationStatus, injectPaginationDefaults, providePaginationDefaults };
+//# sourceMappingURL=slotted-angular-pagination.mjs.map