@malva-ui/core 0.1.13 → 0.1.14

package/fesm2022/malva-ui-core-pagination.mjs

@@ -0,0 +1,458 @@
+import * as i0 from '@angular/core';
+import { signal, computed, isDevMode, Injectable, Directive, contentChild, input, model, inject, effect, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { range, MlvStructural, mlvNextId } from '@malva-ui/cdk/utils';
+import { NgTemplateOutlet } from '@angular/common';
+import { MlvButton } from '@malva-ui/core/button';
+import { LucideChevronLeft, LucideChevronRight } from '@lucide/angular';
+import { MlvInput } from '@malva-ui/core/input';
+import { MlvClick } from '@malva-ui/cdk/accessibility';
+import { MlvPopup, MlvPopupTrigger, MlvPopupContent } from '@malva-ui/core/popup';
+import { MlvDropdownPanel } from '@malva-ui/core/dropdown';
+import { MlvSelectionService } from '@malva-ui/core/form-utils';
+import { MLV_PAGINATION_I18N, MlvI18nResolverService } from '@malva-ui/i18n';
+
+/** Constant representing the number of pages which appear before and after current page. */
+const CORNER_DISPLAY_PAGES = 1;
+const SIDE_CURRENT_DISPLAY_PAGES = 2;
+/**
+ * Helper class that is used to retrieve all the pages, the number of pages, and to validate the pagination object.
+ */
+class MlvPaginationService {
+    /** @hidden */
+    moreElementValue = -1;
+    pagination = signal({
+        currentPage: 1,
+        totalItems: 0,
+        itemsPerPage: 0,
+        itemsPerPageOptions: [],
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "pagination" }] : /* istanbul ignore next */ []));
+    /**
+     * A number array representing the pages of the pagination object.
+     * Array length always the same and configured by CORNER_DISPLAY_PAGES & SIDE_CURRENT_DISPLAY_PAGES.
+     */
+    pages = computed(() => {
+        const pagination = this.pagination();
+        if (!pagination.currentPage) {
+            pagination.currentPage = 1;
+        }
+        this.validate();
+        const totalPages = this.totalPages();
+        const pages = range(totalPages, (i) => i + 1);
+        // +1 for current page, +2 for "more" elements - after start & before end pages
+        const pagesToDisplay = CORNER_DISPLAY_PAGES * 2 + SIDE_CURRENT_DISPLAY_PAGES * 2 + 1 + 2;
+        if (pages.length <= pagesToDisplay) {
+            return pages;
+        }
+        const pagesBefore = pagination.currentPage - 1;
+        const pagesAfter = totalPages - pagination.currentPage;
+        const minimalPagesGap = Math.round(pagesToDisplay / 2);
+        if (pagesBefore < minimalPagesGap) {
+            return [
+                ...pages.slice(0, pagesToDisplay - 2),
+                this.moreElementValue,
+                ...pages.slice(totalPages - CORNER_DISPLAY_PAGES),
+            ];
+        }
+        if (pagesAfter < minimalPagesGap) {
+            return [
+                ...pages.slice(0, CORNER_DISPLAY_PAGES),
+                this.moreElementValue,
+                ...pages.slice(totalPages - pagesToDisplay + 2),
+            ];
+        }
+        return [
+            ...pages.slice(0, CORNER_DISPLAY_PAGES),
+            this.moreElementValue,
+            ...pages.slice(pagination.currentPage - SIDE_CURRENT_DISPLAY_PAGES - 1, pagination.currentPage + SIDE_CURRENT_DISPLAY_PAGES),
+            this.moreElementValue,
+            ...pages.slice(totalPages - CORNER_DISPLAY_PAGES),
+        ];
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "pages" }] : /* istanbul ignore next */ []));
+    /**
+     * Total number of pages.
+     */
+    totalPages = computed(() => {
+        const pagination = this.pagination();
+        if (!pagination.itemsPerPage) {
+            return 0;
+        }
+        return Math.ceil(pagination.totalItems / pagination.itemsPerPage);
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "totalPages" }] : /* istanbul ignore next */ []));
+    normalizedItemsPerPageOptions = computed(() => {
+        const pagination = this.pagination();
+        if (pagination.totalItems <= pagination.itemsPerPageOptions[0]) {
+            return [];
+        }
+        if (pagination.totalItems >=
+            pagination.itemsPerPageOptions[pagination.itemsPerPageOptions.length - 1]) {
+            return pagination.itemsPerPageOptions;
+        }
+        const index = pagination.itemsPerPageOptions.findIndex((option) => option >= pagination.totalItems);
+        return pagination.itemsPerPageOptions.slice(0, index + 1);
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "normalizedItemsPerPageOptions" }] : /* istanbul ignore next */ []));
+    /**
+     * Provides validation for the pagination object.
+     */
+    validate() {
+        if (isDevMode()) {
+            const pagination = this.pagination();
+            if (isNaN(pagination.totalItems) || pagination.totalItems <= 0) {
+                console.warn(`"totalItems" must be a number greater than zero but got "${pagination.totalItems}". This warning only appears in development mode.`);
+            }
+            const itemsPerPage = pagination.itemsPerPage ?? NaN;
+            if (isNaN(itemsPerPage) || itemsPerPage <= 0) {
+                console.warn(`"itemsPerPage" must be a number greater than zero but got "${pagination.itemsPerPage}". This warning only appears in development mode.`);
+            }
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvPaginationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvPaginationService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvPaginationService, decorators: [{
+            type: Injectable
+        }] });
+
+/**
+ * Replaces the item-count text of `mlv-pagination` with a projected template.
+ *
+ * Receives `MlvPagination.getCellContext()`: `$implicit` is the current page,
+ * plus `total`, `start`, `end` and `options`.
+ *
+ * @example
+ * ```html
+ * <mlv-pagination [totalItems]="total" [(currentPage)]="page">
+ *   <ng-template mlvPaginationCount let-page let-total="total">
+ *     Page {{ page }} · {{ total }} records
+ *   </ng-template>
+ * </mlv-pagination>
+ * ```
+ */
+class MlvPaginationCount extends MlvStructural {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvPaginationCount, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvPaginationCount, isStandalone: true, selector: "[mlvPaginationCount]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvPaginationCount, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvPaginationCount]',
+                }]
+        }] });
+/**
+ * Replaces the whole items-per-page selector of `mlv-pagination` — the trigger
+ * button *and* its dropdown — with a projected template. Rendered only while
+ * there is more than one per-page option to offer.
+ *
+ * Receives the same context as {@link MlvPaginationCount}. The template owns the
+ * entire interaction, so it must call `setItemsPerPage()` itself.
+ *
+ * @example
+ * ```html
+ * <mlv-pagination #p [totalItems]="total" [(currentPage)]="page">
+ *   <ng-template mlvPaginationPerPageItem let-options="options">
+ *     @for (option of options; track option) {
+ *       <button type="button" (click)="p.setItemsPerPage(option)">{{ option }}</button>
+ *     }
+ *   </ng-template>
+ * </mlv-pagination>
+ * ```
+ */
+class MlvPaginationPerPageItem extends MlvStructural {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvPaginationPerPageItem, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvPaginationPerPageItem, isStandalone: true, selector: "[mlvPaginationPerPageItem]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvPaginationPerPageItem, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvPaginationPerPageItem]',
+                }]
+        }] });
+
+/** Constant representing the default number of items per page. */
+const DEFAULT_ITEMS_PER_PAGE = 10;
+const DEFAULT_ITEMS_PER_PAGE_OPTIONS = [10, 30, 60, 100, Infinity];
+/**
+ * Pagination control: an item-count line with an items-per-page selector, and a
+ * page-navigation strip with prev/next arrows and numbered page buttons.
+ *
+ * Both `currentPage` and `itemsPerPage` are two-way bindable models — the
+ * component owns no data, only the position within it. `totalItems` is the one
+ * required input.
+ *
+ * The page strip collapses on **page count**, not on width: once there are more
+ * pages than fit the fixed window, `MlvPaginationService` replaces the middle
+ * runs with an ellipsis marker that renders as a small numeric field. Type a
+ * page number there and press Enter to jump. The whole strip is hidden while
+ * there is only one page, and the per-page selector is hidden while
+ * `totalItems` is at or below the smallest `perPageOptions` entry.
+ *
+ * @example Basic
+ * ```html
+ * <mlv-pagination [totalItems]="total" [(currentPage)]="page" />
+ * ```
+ *
+ * @example Custom per-page choices, including "all items"
+ * ```html
+ * <mlv-pagination
+ *   [totalItems]="total"
+ *   [(currentPage)]="page"
+ *   [(itemsPerPage)]="perPage"
+ *   [perPageOptions]="[10, 25, 50, Infinity]"
+ * />
+ * ```
+ *
+ * @example Replacing the item-count text
+ * ```html
+ * <mlv-pagination [totalItems]="total" [(currentPage)]="page">
+ *   <ng-template mlvPaginationCount let-page let-start="start" let-end="end">
+ *     Showing {{ start }}–{{ end }} on page {{ page }}
+ *   </ng-template>
+ * </mlv-pagination>
+ * ```
+ */
+class MlvPagination {
+    /** @protected Projected custom item-count template, if any. */
+    _itemsCountRef = contentChild(MlvPaginationCount, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_itemsCountRef" }] : /* istanbul ignore next */ []));
+    /** @protected Projected custom items-per-page template, if any. */
+    _itemsPerPageRef = contentChild(MlvPaginationPerPageItem, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_itemsPerPageRef" }] : /* istanbul ignore next */ []));
+    /**
+     * Unique id for this pagination instance, defaulted to a generated one.
+     *
+     * **Currently inert** — nothing reads it. The per-page trigger and its
+     * listbox pair through their own generated `_perPageListboxId`, and the id is
+     * not reflected onto the host. Binding it compiles but changes nothing.
+     */
+    id = input(mlvNextId('mlv-pagination'), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    /**
+     * Adds `mlv-pagination--mobile` to the host.
+     *
+     * The library ships **no rules** for that class — the component's own layout
+     * is identical either way. Treat it as a styling hook for the consumer, not
+     * as a built-in responsive mode.
+     */
+    mobile = input(false, { ...(ngDevMode ? { debugName: "mobile" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /**
+     * Total number of items across all pages. Required.
+     *
+     * Drives the page count (`totalItems / itemsPerPage`), the "X–Y of Z" range
+     * text, and which `perPageOptions` are offered: the list is cut after the
+     * first option that covers `totalItems`, and the selector disappears entirely
+     * when `totalItems` is at or below the smallest option.
+     *
+     * Not coerced: bind a `number`, not a route-param string.
+     */
+    totalItems = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "totalItems" }] : /* istanbul ignore next */ []));
+    /**
+     * Items shown per page. Two-way bindable; also set by the per-page selector.
+     * `Infinity` means "all items on one page".
+     */
+    itemsPerPage = model(DEFAULT_ITEMS_PER_PAGE, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "itemsPerPage" }] : /* istanbul ignore next */ []));
+    /**
+     * Choices offered by the items-per-page selector.
+     *
+     * The list is cut after the first option that covers `totalItems` — so one
+     * "show everything" choice always survives and the rest are dropped. Include
+     * `Infinity` to offer "All (Z)" for datasets larger than every option.
+     */
+    perPageOptions = input(DEFAULT_ITEMS_PER_PAGE_OPTIONS, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "perPageOptions" }] : /* istanbul ignore next */ []));
+    /**
+     * **Currently inert** — nothing reads it. The item count is always rendered;
+     * project an `[mlvPaginationCount]` template to change or suppress the text.
+     */
+    displayTotalItems = input(true, { ...(ngDevMode ? { debugName: "displayTotalItems" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /** Currently active page, 1-based. Two-way bindable. */
+    currentPage = model(1, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currentPage" }] : /* istanbul ignore next */ []));
+    /**
+     * Density applied to the items-per-page dropdown list.
+     *
+     * The dropdown panel is portaled to the CDK overlay container, outside the
+     * component's DOM tree, so ancestor density classes cannot cascade into it.
+     * Forwarded to the underlying `mlv-popup`, which stamps the resolved
+     * `mlv--{density}` class on the detached panel. When omitted, the global
+     * `MlvDensityService` density applies.
+     */
+    mlvDensity = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "mlvDensity" }] : /* istanbul ignore next */ []));
+    /** @protected Component-scoped pagination state service. */
+    _service = inject(MlvPaginationService);
+    /** @protected The component's i18n strings signal. */
+    _i18n = inject(MLV_PAGINATION_I18N);
+    /** @private Resolver for ICU parameterized i18n strings. */
+    _resolver = inject(MlvI18nResolverService);
+    /** @protected Index of the first item shown on the current page (1-based). */
+    _currentItemsStart = computed(() => (this.currentPage() - 1) * this.itemsPerPage() + 1, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_currentItemsStart" }] : /* istanbul ignore next */ []));
+    /** @protected Index of the last item shown on the current page (clamped to total). */
+    _currentItemsEnd = computed(() => {
+        const calculatedEnd = this._currentItemsStart() + this.itemsPerPage() - 1;
+        return Math.min(calculatedEnd, this.totalItems());
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_currentItemsEnd" }] : /* istanbul ignore next */ []));
+    /** @protected `Infinity` constant exposed for the "All items" per-page option comparison in the template. */
+    infinity = Infinity;
+    /** @protected Resolved total item count display (e.g. "50 items"). */
+    _resolvedItemCount = computed(() => {
+        const i18n = this._i18n();
+        return this._resolver.resolve(i18n, 'itemCount', {
+            count: this.totalItems(),
+        });
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_resolvedItemCount" }] : /* istanbul ignore next */ []));
+    /** @protected Resolved "X–Y of Z" range display. */
+    _resolvedRange = computed(() => {
+        const i18n = this._i18n();
+        return this._resolver.resolve(i18n, 'itemRange', {
+            start: this._currentItemsStart(),
+            end: this._currentItemsEnd(),
+            total: this.totalItems(),
+        });
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_resolvedRange" }] : /* istanbul ignore next */ []));
+    /** @protected Resolved "All (Z)" label for the Infinity per-page option in the trigger button. */
+    _resolvedAllItems = computed(() => {
+        const i18n = this._i18n();
+        return this._resolver.resolve(i18n, 'allItems', {
+            total: this.totalItems(),
+        });
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_resolvedAllItems" }] : /* istanbul ignore next */ []));
+    /** @protected Resolves per-page option label (e.g. "10 items per page" or "All (50)"). */
+    _resolvedPerPageLabel(option) {
+        const i18n = this._i18n();
+        if (option === Infinity) {
+            return this._resolver.resolve(i18n, 'allItems', {
+                total: this.totalItems(),
+            });
+        }
+        return this._resolver.resolve(i18n, 'itemsPerPage', {
+            count: option,
+        });
+    }
+    /**
+     * @protected Per-page choices in the shape `mlv-dropdown-panel` consumes.
+     *
+     * Labels come from {@link _resolvedPerPageLabel}, so the `Infinity` entry keeps
+     * its "All (Z)" wording rather than rendering as a number.
+     */
+    _perPageOptions = computed(() => this._service.normalizedItemsPerPageOptions().map((option) => ({
+        label: this._resolvedPerPageLabel(option),
+        value: option,
+    })), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_perPageOptions" }] : /* istanbul ignore next */ []));
+    /** @protected Currently selected per-page value, as the panel's array shape. */
+    _selectedPerPage = computed(() => [
+        this.itemsPerPage(),
+    ], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_selectedPerPage" }] : /* istanbul ignore next */ []));
+    /** @protected Id linking the trigger's `aria-controls` to the panel's listbox. */
+    _perPageListboxId = mlvNextId('mlv-pagination-per-page');
+    /** @private Aggregated pagination inputs pushed into the pagination service. */
+    _paginationObject = computed(() => ({
+        totalItems: this.totalItems(),
+        currentPage: this.currentPage(),
+        itemsPerPage: this.itemsPerPage(),
+        itemsPerPageOptions: this.perPageOptions(),
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_paginationObject" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            this._service.pagination.set(this._paginationObject());
+        });
+    }
+    /**
+     * Template context handed to a projected `[mlvPaginationCount]` or
+     * `[mlvPaginationPerPageItem]` slot.
+     *
+     * `$implicit` is the current page; `start`/`end` are the 1-based indices of
+     * the first and last item on it (`end` clamped to `totalItems`); `options` is
+     * the per-page list after trimming against `totalItems`.
+     */
+    getCellContext() {
+        return {
+            $implicit: this.currentPage(),
+            total: this.totalItems(),
+            start: this._currentItemsStart(),
+            end: this._currentItemsEnd(),
+            options: this._service.normalizedItemsPerPageOptions(),
+        };
+    }
+    /**
+     * Sets `currentPage`. Performs no clamping — callers inside the component
+     * only reach it from enabled controls, so the page is already in range.
+     */
+    goToPage(page) {
+        this.currentPage.set(page);
+    }
+    /** Sets `itemsPerPage`. `Infinity` puts every item on one page. */
+    setItemsPerPage(itemsPerPage) {
+        this.itemsPerPage.set(itemsPerPage);
+    }
+    /**
+     * @protected Applies a per-page choice from the dropdown panel.
+     *
+     * The panel's selection model is array-shaped even for single select, so the
+     * one value is unwrapped here. An empty emission means the panel deselected
+     * rather than selected, which is not a per-page choice.
+     */
+    _onPerPageChange(values) {
+        const [next] = values;
+        if (next === undefined)
+            return;
+        this.setItemsPerPage(next);
+    }
+    /**
+     * Jumps to the page typed into an ellipsis page-jump field (Enter keydown).
+     * Out-of-range values are ignored — the field keeps its text and the page
+     * does not change.
+     */
+    setPageFromInput(event) {
+        const value = Number(event.target.value);
+        const totalPages = this._service.totalPages();
+        if (value < 1 || value > totalPages) {
+            return;
+        }
+        this.goToPage(value);
+    }
+    /** @protected Resolves the accessible label for a numbered page button. */
+    _pageAriaLabel(page) {
+        return this._resolver.resolve(this._i18n(), 'page', { page });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvPagination, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvPagination, isStandalone: true, selector: "mlv-pagination", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, mobile: { classPropertyName: "mobile", publicName: "mobile", isSignal: true, isRequired: false, transformFunction: null }, totalItems: { classPropertyName: "totalItems", publicName: "totalItems", isSignal: true, isRequired: true, transformFunction: null }, itemsPerPage: { classPropertyName: "itemsPerPage", publicName: "itemsPerPage", isSignal: true, isRequired: false, transformFunction: null }, perPageOptions: { classPropertyName: "perPageOptions", publicName: "perPageOptions", isSignal: true, isRequired: false, transformFunction: null }, displayTotalItems: { classPropertyName: "displayTotalItems", publicName: "displayTotalItems", isSignal: true, isRequired: false, transformFunction: null }, currentPage: { classPropertyName: "currentPage", publicName: "currentPage", isSignal: true, isRequired: false, transformFunction: null }, mlvDensity: { classPropertyName: "mlvDensity", publicName: "mlvDensity", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemsPerPage: "itemsPerPageChange", currentPage: "currentPageChange" }, host: { properties: { "class.mlv-pagination--mobile": "mobile()" }, classAttribute: "mlv-pagination" }, providers: [MlvPaginationService, MlvSelectionService], queries: [{ propertyName: "_itemsCountRef", first: true, predicate: MlvPaginationCount, descendants: true, isSignal: true }, { propertyName: "_itemsPerPageRef", first: true, predicate: MlvPaginationPerPageItem, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"mlv-pagination__items-count-wrapper\">\n  <div class=\"mlv-pagination__items-count\">\n    @if (_itemsCountRef()?.templateRef; as itemsCountTpl) {\n    <ng-template\n      [ngTemplateOutlet]=\"itemsCountTpl\"\n      [ngTemplateOutletContext]=\"getCellContext()\"\n    ></ng-template>\n    } @else {\n    <span>{{ _resolvedItemCount() }}</span>\n    }\n  </div>\n\n  @if (_service.normalizedItemsPerPageOptions().length) {\n  <div class=\"mlv-pagination__items-per-page\">\n    @if (_itemsPerPageRef()?.templateRef; as itemsPerPageTpl) {\n    <ng-template\n      [ngTemplateOutlet]=\"itemsPerPageTpl\"\n      [ngTemplateOutletContext]=\"getCellContext()\"\n    ></ng-template>\n    } @else {\n    <button\n      type=\"button\"\n      mlvButton\n      mlvDensity=\"compact\"\n      variant=\"transparent\"\n      #popupTrigger=\"mlvPopupTrigger\"\n      [mlvPopupTrigger]=\"perPagePopup\"\n      [ariaHasPopup]=\"'listbox'\"\n      [attr.aria-controls]=\"_perPageListboxId\"\n    >\n      @if (infinity === itemsPerPage()) { {{ _resolvedAllItems() }} } @else { {{\n      _resolvedRange() }} }\n    </button>\n    <mlv-popup #perPagePopup [mlvDensity]=\"mlvDensity()\">\n      <!--\n        The shared panel owns the listbox pattern: it pins listRole/itemRole and\n        the aria selection defaults, and renders the selected state, so none of\n        that is hand-rolled here. Same composition mlv-select uses.\n      -->\n      <mlv-dropdown-panel\n        *mlvPopupContent\n        [options]=\"_perPageOptions()\"\n        [selectedValues]=\"_selectedPerPage()\"\n        [listboxId]=\"_perPageListboxId\"\n        (valueChange)=\"_onPerPageChange($event); popupTrigger.close()\"\n      />\n    </mlv-popup>\n    }\n  </div>\n  }\n</div>\n\n@if (_service.totalPages() > 1) {\n<div\n  class=\"mlv-pagination__items-wrapper\"\n  role=\"navigation\"\n  [attr.aria-label]=\"_i18n().navigationLabel\"\n>\n  <div class=\"mlv-pagination__items\">\n    <button\n      type=\"button\"\n      mlvDensity=\"compact\"\n      class=\"mlv-pagination__item\"\n      shape=\"square\"\n      variant=\"transparent\"\n      mlvButton\n      [disabled]=\"currentPage() === 1\"\n      (mlvClick)=\"goToPage(currentPage() - 1)\"\n      [attr.aria-label]=\"_i18n().previousPage\"\n    >\n      <svg lucideChevronLeft size=\"20\" />\n    </button>\n\n    <div class=\"mlv-pagination__items__container\">\n      @for (page of _service.pages(); track `${page}-${$index}`) { @if (page ===\n      _service.moreElementValue) {\n      <mlv-input\n        type=\"number\"\n        (keydown.enter)=\"setPageFromInput($event)\"\n        class=\"mlv-pagination__item mlv-pagination__item--input\"\n        placeholder=\"...\"\n        [ariaLabel]=\"_i18n().goToPage\"\n      />\n      } @else {\n      <button\n        type=\"button\"\n        mlvDensity=\"compact\"\n        class=\"mlv-pagination__item\"\n        [variant]=\"page === currentPage() ? 'primary' : 'transparent'\"\n        shape=\"square\"\n        mlvButton\n        (mlvClick)=\"goToPage(page)\"\n        [attr.aria-current]=\"page === currentPage() ? 'page' : null\"\n        [attr.aria-label]=\"_pageAriaLabel(page)\"\n      >\n        {{ page }}\n      </button>\n      } }\n    </div>\n\n    <button\n      type=\"button\"\n      mlvDensity=\"compact\"\n      class=\"mlv-pagination__item\"\n      variant=\"transparent\"\n      shape=\"square\"\n      mlvButton\n      [disabled]=\"currentPage() === _service.totalPages()\"\n      (mlvClick)=\"goToPage(currentPage() + 1)\"\n      [attr.aria-label]=\"_i18n().nextPage\"\n    >\n      <svg lucideChevronRight size=\"20\" />\n    </button>\n  </div>\n</div>\n}\n", styles: ["@layer mlv.components{.mlv-pagination{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-pagination *{box-sizing:border-box}.mlv-pagination{display:flex;align-items:center;gap:1.25rem;padding:1.25rem 0}.mlv-pagination__items-count{font-size:var(--mlv-font-size-s);color:var(--mlv-text-secondary)}.mlv-pagination__items-count-wrapper{display:flex;align-items:center;flex-basis:400%;white-space:nowrap;gap:var(--mlv-spacing-2)}.mlv-pagination__items-wrapper{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;flex-basis:60%}.mlv-pagination__items-per-page-container{flex-basis:30%}.mlv-pagination__items-per-page-container>div{display:flex;gap:var(--mlv-spacing-2)}.mlv-pagination__items{display:flex;align-items:center;gap:1rem}.mlv-pagination__items__container{display:flex;align-items:center;gap:var(--mlv-spacing-2)}.mlv-pagination__item.mlv-pagination__item--input .mlv-form-control-wrapper{width:var(--mlv-height-s);height:var(--mlv-height-s);--form-ctrl-height: var(--mlv-height-s);display:block}.mlv-pagination__item.mlv-pagination__item--input .mlv-form-control-wrapper__control-container{padding:.125rem}.mlv-pagination__item.mlv-pagination__item--input .mlv-input__native{text-align:center;height:1.625rem;font-size:var(--mlv-font-size-s)}.mlv-pagination__item.mlv-pagination__item--input .mlv-input__native::-webkit-inner-spin-button{display:none}.mlv-pagination__item.mlv-pagination__item--input .mlv-form-control-wrapper__label-container,.mlv-pagination__item.mlv-pagination__item--input .mlv-form-control-wrapper__message-container{display:none}.mlv-pagination__item-per-page__description{width:var(--mlv-pagination-item-width, 0);opacity:var(--mlv-pagination-item-opacity, 0);transition:width var(--mlv-duration-fast) var(--mlv-ease-out),opacity var(--mlv-duration-normal) var(--mlv-ease-out)}@media(prefers-reduced-motion:reduce){.mlv-pagination__item-per-page__description{transition:none}}.mlv-pagination__item-per-page--active{--mlv-pagination-item-width: fit-content;--mlv-pagination-item-opacity: 1}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MlvButton, selector: "button[mlvButton], a[mlvButton]", inputs: ["variant", "shape", "disabled", "loading", "selected"] }, { kind: "component", type: LucideChevronLeft, selector: "svg[lucideChevronLeft]" }, { kind: "component", type: LucideChevronRight, selector: "svg[lucideChevronRight]" }, { kind: "component", type: MlvInput, selector: "mlv-input", inputs: ["type", "placeholder", "autocomplete", "inputMode", "maxLength", "minLength", "pattern", "name", "autofocus", "min", "max", "step", "bare", "projectControl", "role", "ariaExpanded", "ariaHasPopup", "ariaAutocomplete", "ariaControls", "ariaActiveDescendant", "ariaDescribedBy", "value"], outputs: ["valueChange", "inputFocus", "inputBlur"] }, { kind: "directive", type: MlvClick, selector: "[mlvClick]", inputs: ["disabled", "hostRole"], outputs: ["mlvClick"] }, { kind: "component", type: MlvPopup, selector: "mlv-popup", inputs: ["position", "positions", "width", "height", "minWidth", "minHeight", "maxWidth", "maxHeight", "hasArrow", "hasShadow", "class", "mlvDensity", "flexibleDimensions", "scrollStrategy", "hasBackdrop", "restrictPosition", "panelRole", "modal", "ariaLabel", "dismissExcludeElements", "mobileMode", "mobileBreakpoint", "mobileTitle", "mobileCloseLabel", "opened"], outputs: ["openedChange", "afterOpened", "afterClosed"] }, { kind: "component", type: MlvDropdownPanel, selector: "mlv-dropdown-panel", inputs: ["scrollMode", "minHeight", "maxHeight", "options", "multiple", "selectedValues", "itemTemplate", "focusMode", "activeIndex", "listboxId", "ariaLabel", "highlightQuery", "loading", "loadingText", "loadingMore", "hasMore", "infiniteScrollThreshold"], outputs: ["loadMore", "valueChange"] }, { kind: "directive", type: MlvPopupTrigger, selector: "[mlvPopupTrigger]", inputs: ["mlvPopupTrigger", "triggerOn", "ariaHasPopup"], exportAs: ["mlvPopupTrigger"] }, { kind: "directive", type: MlvPopupContent, selector: "[mlvPopupContent]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvPagination, decorators: [{
+            type: Component,
+            args: [{ selector: 'mlv-pagination', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [MlvPaginationService, MlvSelectionService], imports: [
+                        NgTemplateOutlet,
+                        MlvButton,
+                        LucideChevronLeft,
+                        LucideChevronRight,
+                        MlvInput,
+                        MlvClick,
+                        MlvPopup,
+                        MlvDropdownPanel,
+                        MlvPopupTrigger,
+                        MlvPopupContent,
+                    ], host: {
+                        class: 'mlv-pagination',
+                        '[class.mlv-pagination--mobile]': 'mobile()',
+                    }, template: "<div class=\"mlv-pagination__items-count-wrapper\">\n  <div class=\"mlv-pagination__items-count\">\n    @if (_itemsCountRef()?.templateRef; as itemsCountTpl) {\n    <ng-template\n      [ngTemplateOutlet]=\"itemsCountTpl\"\n      [ngTemplateOutletContext]=\"getCellContext()\"\n    ></ng-template>\n    } @else {\n    <span>{{ _resolvedItemCount() }}</span>\n    }\n  </div>\n\n  @if (_service.normalizedItemsPerPageOptions().length) {\n  <div class=\"mlv-pagination__items-per-page\">\n    @if (_itemsPerPageRef()?.templateRef; as itemsPerPageTpl) {\n    <ng-template\n      [ngTemplateOutlet]=\"itemsPerPageTpl\"\n      [ngTemplateOutletContext]=\"getCellContext()\"\n    ></ng-template>\n    } @else {\n    <button\n      type=\"button\"\n      mlvButton\n      mlvDensity=\"compact\"\n      variant=\"transparent\"\n      #popupTrigger=\"mlvPopupTrigger\"\n      [mlvPopupTrigger]=\"perPagePopup\"\n      [ariaHasPopup]=\"'listbox'\"\n      [attr.aria-controls]=\"_perPageListboxId\"\n    >\n      @if (infinity === itemsPerPage()) { {{ _resolvedAllItems() }} } @else { {{\n      _resolvedRange() }} }\n    </button>\n    <mlv-popup #perPagePopup [mlvDensity]=\"mlvDensity()\">\n      <!--\n        The shared panel owns the listbox pattern: it pins listRole/itemRole and\n        the aria selection defaults, and renders the selected state, so none of\n        that is hand-rolled here. Same composition mlv-select uses.\n      -->\n      <mlv-dropdown-panel\n        *mlvPopupContent\n        [options]=\"_perPageOptions()\"\n        [selectedValues]=\"_selectedPerPage()\"\n        [listboxId]=\"_perPageListboxId\"\n        (valueChange)=\"_onPerPageChange($event); popupTrigger.close()\"\n      />\n    </mlv-popup>\n    }\n  </div>\n  }\n</div>\n\n@if (_service.totalPages() > 1) {\n<div\n  class=\"mlv-pagination__items-wrapper\"\n  role=\"navigation\"\n  [attr.aria-label]=\"_i18n().navigationLabel\"\n>\n  <div class=\"mlv-pagination__items\">\n    <button\n      type=\"button\"\n      mlvDensity=\"compact\"\n      class=\"mlv-pagination__item\"\n      shape=\"square\"\n      variant=\"transparent\"\n      mlvButton\n      [disabled]=\"currentPage() === 1\"\n      (mlvClick)=\"goToPage(currentPage() - 1)\"\n      [attr.aria-label]=\"_i18n().previousPage\"\n    >\n      <svg lucideChevronLeft size=\"20\" />\n    </button>\n\n    <div class=\"mlv-pagination__items__container\">\n      @for (page of _service.pages(); track `${page}-${$index}`) { @if (page ===\n      _service.moreElementValue) {\n      <mlv-input\n        type=\"number\"\n        (keydown.enter)=\"setPageFromInput($event)\"\n        class=\"mlv-pagination__item mlv-pagination__item--input\"\n        placeholder=\"...\"\n        [ariaLabel]=\"_i18n().goToPage\"\n      />\n      } @else {\n      <button\n        type=\"button\"\n        mlvDensity=\"compact\"\n        class=\"mlv-pagination__item\"\n        [variant]=\"page === currentPage() ? 'primary' : 'transparent'\"\n        shape=\"square\"\n        mlvButton\n        (mlvClick)=\"goToPage(page)\"\n        [attr.aria-current]=\"page === currentPage() ? 'page' : null\"\n        [attr.aria-label]=\"_pageAriaLabel(page)\"\n      >\n        {{ page }}\n      </button>\n      } }\n    </div>\n\n    <button\n      type=\"button\"\n      mlvDensity=\"compact\"\n      class=\"mlv-pagination__item\"\n      variant=\"transparent\"\n      shape=\"square\"\n      mlvButton\n      [disabled]=\"currentPage() === _service.totalPages()\"\n      (mlvClick)=\"goToPage(currentPage() + 1)\"\n      [attr.aria-label]=\"_i18n().nextPage\"\n    >\n      <svg lucideChevronRight size=\"20\" />\n    </button>\n  </div>\n</div>\n}\n", styles: ["@layer mlv.components{.mlv-pagination{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-pagination *{box-sizing:border-box}.mlv-pagination{display:flex;align-items:center;gap:1.25rem;padding:1.25rem 0}.mlv-pagination__items-count{font-size:var(--mlv-font-size-s);color:var(--mlv-text-secondary)}.mlv-pagination__items-count-wrapper{display:flex;align-items:center;flex-basis:400%;white-space:nowrap;gap:var(--mlv-spacing-2)}.mlv-pagination__items-wrapper{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;flex-basis:60%}.mlv-pagination__items-per-page-container{flex-basis:30%}.mlv-pagination__items-per-page-container>div{display:flex;gap:var(--mlv-spacing-2)}.mlv-pagination__items{display:flex;align-items:center;gap:1rem}.mlv-pagination__items__container{display:flex;align-items:center;gap:var(--mlv-spacing-2)}.mlv-pagination__item.mlv-pagination__item--input .mlv-form-control-wrapper{width:var(--mlv-height-s);height:var(--mlv-height-s);--form-ctrl-height: var(--mlv-height-s);display:block}.mlv-pagination__item.mlv-pagination__item--input .mlv-form-control-wrapper__control-container{padding:.125rem}.mlv-pagination__item.mlv-pagination__item--input .mlv-input__native{text-align:center;height:1.625rem;font-size:var(--mlv-font-size-s)}.mlv-pagination__item.mlv-pagination__item--input .mlv-input__native::-webkit-inner-spin-button{display:none}.mlv-pagination__item.mlv-pagination__item--input .mlv-form-control-wrapper__label-container,.mlv-pagination__item.mlv-pagination__item--input .mlv-form-control-wrapper__message-container{display:none}.mlv-pagination__item-per-page__description{width:var(--mlv-pagination-item-width, 0);opacity:var(--mlv-pagination-item-opacity, 0);transition:width var(--mlv-duration-fast) var(--mlv-ease-out),opacity var(--mlv-duration-normal) var(--mlv-ease-out)}@media(prefers-reduced-motion:reduce){.mlv-pagination__item-per-page__description{transition:none}}.mlv-pagination__item-per-page--active{--mlv-pagination-item-width: fit-content;--mlv-pagination-item-opacity: 1}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { _itemsCountRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MlvPaginationCount), { isSignal: true }] }], _itemsPerPageRef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MlvPaginationPerPageItem), { isSignal: true }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], mobile: [{ type: i0.Input, args: [{ isSignal: true, alias: "mobile", required: false }] }], totalItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalItems", required: true }] }], itemsPerPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemsPerPage", required: false }] }, { type: i0.Output, args: ["itemsPerPageChange"] }], perPageOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "perPageOptions", required: false }] }], displayTotalItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayTotalItems", required: false }] }], currentPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentPage", required: false }] }, { type: i0.Output, args: ["currentPageChange"] }], mlvDensity: [{ type: i0.Input, args: [{ isSignal: true, alias: "mlvDensity", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MlvPagination, MlvPaginationCount, MlvPaginationPerPageItem, MlvPaginationService };
+//# sourceMappingURL=malva-ui-core-pagination.mjs.map

package/fesm2022/malva-ui-core-pagination.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"malva-ui-core-pagination.mjs","sources":["../../../../libs/core/pagination/src/lib/pagination/pagination.service.ts","../../../../libs/core/pagination/src/lib/pagination/pagination.directives.ts","../../../../libs/core/pagination/src/lib/pagination/pagination.ts","../../../../libs/core/pagination/src/lib/pagination/pagination.html","../../../../libs/core/pagination/src/malva-ui-core-pagination.ts"],"sourcesContent":["import { range } from '@malva-ui/cdk/utils';\nimport { computed, Injectable, isDevMode, signal } from '@angular/core';\nimport type { MlvPaginationObject } from './pagination.model';\n\n/** Constant representing the number of pages which appear before and after current page. */\nconst CORNER_DISPLAY_PAGES = 1;\nconst SIDE_CURRENT_DISPLAY_PAGES = 2;\n\n/**\n * Helper class that is used to retrieve all the pages, the number of pages, and to validate the pagination object.\n */\n@Injectable()\nexport class MlvPaginationService {\n  /** @hidden */\n  readonly moreElementValue = -1;\n\n  readonly pagination = signal<MlvPaginationObject>({\n    currentPage: 1,\n    totalItems: 0,\n    itemsPerPage: 0,\n    itemsPerPageOptions: [],\n  });\n\n  /**\n   * A number array representing the pages of the pagination object.\n   * Array length always the same and configured by CORNER_DISPLAY_PAGES & SIDE_CURRENT_DISPLAY_PAGES.\n   */\n  readonly pages = computed(() => {\n    const pagination = this.pagination();\n\n    if (!pagination.currentPage) {\n      pagination.currentPage = 1;\n    }\n\n    this.validate();\n\n    const totalPages = this.totalPages();\n    const pages = range(totalPages, (i) => i + 1);\n\n    // +1 for current page, +2 for \"more\" elements - after start & before end pages\n    const pagesToDisplay =\n      CORNER_DISPLAY_PAGES * 2 + SIDE_CURRENT_DISPLAY_PAGES * 2 + 1 + 2;\n\n    if (pages.length <= pagesToDisplay) {\n      return pages;\n    }\n\n    const pagesBefore = pagination.currentPage - 1;\n    const pagesAfter = totalPages - pagination.currentPage;\n    const minimalPagesGap = Math.round(pagesToDisplay / 2);\n\n    if (pagesBefore < minimalPagesGap) {\n      return [\n        ...pages.slice(0, pagesToDisplay - 2),\n        this.moreElementValue,\n        ...pages.slice(totalPages - CORNER_DISPLAY_PAGES),\n      ];\n    }\n\n    if (pagesAfter < minimalPagesGap) {\n      return [\n        ...pages.slice(0, CORNER_DISPLAY_PAGES),\n        this.moreElementValue,\n        ...pages.slice(totalPages - pagesToDisplay + 2),\n      ];\n    }\n\n    return [\n      ...pages.slice(0, CORNER_DISPLAY_PAGES),\n      this.moreElementValue,\n      ...pages.slice(\n        pagination.currentPage - SIDE_CURRENT_DISPLAY_PAGES - 1,\n        pagination.currentPage + SIDE_CURRENT_DISPLAY_PAGES,\n      ),\n      this.moreElementValue,\n      ...pages.slice(totalPages - CORNER_DISPLAY_PAGES),\n    ];\n  });\n\n  /**\n   * Total number of pages.\n   */\n  totalPages = computed(() => {\n    const pagination = this.pagination();\n\n    if (!pagination.itemsPerPage) {\n      return 0;\n    }\n\n    return Math.ceil(pagination.totalItems / pagination.itemsPerPage);\n  });\n\n  normalizedItemsPerPageOptions = computed(() => {\n    const pagination = this.pagination();\n\n    if (pagination.totalItems <= pagination.itemsPerPageOptions[0]) {\n      return [];\n    }\n\n    if (\n      pagination.totalItems >=\n      pagination.itemsPerPageOptions[pagination.itemsPerPageOptions.length - 1]\n    ) {\n      return pagination.itemsPerPageOptions;\n    }\n\n    const index = pagination.itemsPerPageOptions.findIndex(\n      (option) => option >= pagination.totalItems,\n    );\n\n    return pagination.itemsPerPageOptions.slice(0, index + 1);\n  });\n\n  /**\n   * Provides validation for the pagination object.\n   */\n  validate(): void {\n    if (isDevMode()) {\n      const pagination = this.pagination();\n\n      if (isNaN(pagination.totalItems) || pagination.totalItems <= 0) {\n        console.warn(\n          `\"totalItems\" must be a number greater than zero but got \"${pagination.totalItems}\". This warning only appears in development mode.`,\n        );\n      }\n\n      const itemsPerPage = pagination.itemsPerPage ?? NaN;\n      if (isNaN(itemsPerPage) || itemsPerPage <= 0) {\n        console.warn(\n          `\"itemsPerPage\" must be a number greater than zero but got \"${pagination.itemsPerPage}\". This warning only appears in development mode.`,\n        );\n      }\n    }\n  }\n}\n","import { Directive } from '@angular/core';\nimport { MlvStructural } from '@malva-ui/cdk/utils';\n\n/**\n * Replaces the item-count text of `mlv-pagination` with a projected template.\n *\n * Receives `MlvPagination.getCellContext()`: `$implicit` is the current page,\n * plus `total`, `start`, `end` and `options`.\n *\n * @example\n * ```html\n * <mlv-pagination [totalItems]=\"total\" [(currentPage)]=\"page\">\n *   <ng-template mlvPaginationCount let-page let-total=\"total\">\n *     Page {{ page }} · {{ total }} records\n *   </ng-template>\n * </mlv-pagination>\n * ```\n */\n@Directive({\n  selector: '[mlvPaginationCount]',\n})\nexport class MlvPaginationCount extends MlvStructural {}\n\n/**\n * Replaces the whole items-per-page selector of `mlv-pagination` — the trigger\n * button *and* its dropdown — with a projected template. Rendered only while\n * there is more than one per-page option to offer.\n *\n * Receives the same context as {@link MlvPaginationCount}. The template owns the\n * entire interaction, so it must call `setItemsPerPage()` itself.\n *\n * @example\n * ```html\n * <mlv-pagination #p [totalItems]=\"total\" [(currentPage)]=\"page\">\n *   <ng-template mlvPaginationPerPageItem let-options=\"options\">\n *     @for (option of options; track option) {\n *       <button type=\"button\" (click)=\"p.setItemsPerPage(option)\">{{ option }}</button>\n *     }\n *   </ng-template>\n * </mlv-pagination>\n * ```\n */\n@Directive({\n  selector: '[mlvPaginationPerPageItem]',\n})\nexport class MlvPaginationPerPageItem extends MlvStructural {}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  input,\n  model,\n  inject,\n  computed,\n  effect,\n  contentChild,\n} from '@angular/core';\nimport type { BooleanInput } from '@angular/cdk/coercion';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { MlvPaginationService } from './pagination.service';\nimport type { MlvPaginationObject } from './pagination.model';\nimport {\n  MlvPaginationCount,\n  MlvPaginationPerPageItem,\n} from './pagination.directives';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { MlvButton } from '@malva-ui/core/button';\nimport { LucideChevronLeft, LucideChevronRight } from '@lucide/angular';\nimport { MlvInput } from '@malva-ui/core/input';\nimport { MlvClick } from '@malva-ui/cdk/accessibility';\nimport { mlvNextId } from '@malva-ui/cdk/utils';\nimport type { MlvDensity } from '@malva-ui/cdk/density';\nimport {\n  MlvPopup,\n  MlvPopupContent,\n  MlvPopupTrigger,\n} from '@malva-ui/core/popup';\nimport { MlvDropdownPanel } from '@malva-ui/core/dropdown';\nimport type { MlvSelectOption } from '@malva-ui/core/dropdown';\nimport { MlvSelectionService } from '@malva-ui/core/form-utils';\nimport { MLV_PAGINATION_I18N, MlvI18nResolverService } from '@malva-ui/i18n';\n\n/** Constant representing the default number of items per page. */\nconst DEFAULT_ITEMS_PER_PAGE = 10;\n\nconst DEFAULT_ITEMS_PER_PAGE_OPTIONS = [10, 30, 60, 100, Infinity];\n\n/**\n * Pagination control: an item-count line with an items-per-page selector, and a\n * page-navigation strip with prev/next arrows and numbered page buttons.\n *\n * Both `currentPage` and `itemsPerPage` are two-way bindable models — the\n * component owns no data, only the position within it. `totalItems` is the one\n * required input.\n *\n * The page strip collapses on **page count**, not on width: once there are more\n * pages than fit the fixed window, `MlvPaginationService` replaces the middle\n * runs with an ellipsis marker that renders as a small numeric field. Type a\n * page number there and press Enter to jump. The whole strip is hidden while\n * there is only one page, and the per-page selector is hidden while\n * `totalItems` is at or below the smallest `perPageOptions` entry.\n *\n * @example Basic\n * ```html\n * <mlv-pagination [totalItems]=\"total\" [(currentPage)]=\"page\" />\n * ```\n *\n * @example Custom per-page choices, including \"all items\"\n * ```html\n * <mlv-pagination\n *   [totalItems]=\"total\"\n *   [(currentPage)]=\"page\"\n *   [(itemsPerPage)]=\"perPage\"\n *   [perPageOptions]=\"[10, 25, 50, Infinity]\"\n * />\n * ```\n *\n * @example Replacing the item-count text\n * ```html\n * <mlv-pagination [totalItems]=\"total\" [(currentPage)]=\"page\">\n *   <ng-template mlvPaginationCount let-page let-start=\"start\" let-end=\"end\">\n *     Showing {{ start }}–{{ end }} on page {{ page }}\n *   </ng-template>\n * </mlv-pagination>\n * ```\n */\n@Component({\n  selector: 'mlv-pagination',\n  templateUrl: './pagination.html',\n  styleUrl: './pagination.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  // `mlv-dropdown-panel` injects `MlvSelectionService` non-optionally and expects\n  // its owner to provide it, the same way `mlv-select` and `mlv-combobox` do. The\n  // panel only uses it as a focus-first channel, so nothing here reads selection\n  // state from it — `selectedValues` stays the single source of truth.\n  providers: [MlvPaginationService, MlvSelectionService],\n  imports: [\n    NgTemplateOutlet,\n    MlvButton,\n    LucideChevronLeft,\n    LucideChevronRight,\n    MlvInput,\n    MlvClick,\n    MlvPopup,\n    MlvDropdownPanel,\n    MlvPopupTrigger,\n    MlvPopupContent,\n  ],\n  host: {\n    class: 'mlv-pagination',\n    '[class.mlv-pagination--mobile]': 'mobile()',\n  },\n})\nexport class MlvPagination {\n  /** @protected Projected custom item-count template, if any. */\n  protected readonly _itemsCountRef = contentChild(MlvPaginationCount);\n\n  /** @protected Projected custom items-per-page template, if any. */\n  protected readonly _itemsPerPageRef = contentChild(MlvPaginationPerPageItem);\n\n  /**\n   * Unique id for this pagination instance, defaulted to a generated one.\n   *\n   * **Currently inert** — nothing reads it. The per-page trigger and its\n   * listbox pair through their own generated `_perPageListboxId`, and the id is\n   * not reflected onto the host. Binding it compiles but changes nothing.\n   */\n  readonly id = input<string>(mlvNextId('mlv-pagination'));\n\n  /**\n   * Adds `mlv-pagination--mobile` to the host.\n   *\n   * The library ships **no rules** for that class — the component's own layout\n   * is identical either way. Treat it as a styling hook for the consumer, not\n   * as a built-in responsive mode.\n   */\n  readonly mobile = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /**\n   * Total number of items across all pages. Required.\n   *\n   * Drives the page count (`totalItems / itemsPerPage`), the \"X–Y of Z\" range\n   * text, and which `perPageOptions` are offered: the list is cut after the\n   * first option that covers `totalItems`, and the selector disappears entirely\n   * when `totalItems` is at or below the smallest option.\n   *\n   * Not coerced: bind a `number`, not a route-param string.\n   */\n  readonly totalItems = input.required<number>();\n\n  /**\n   * Items shown per page. Two-way bindable; also set by the per-page selector.\n   * `Infinity` means \"all items on one page\".\n   */\n  readonly itemsPerPage = model<number>(DEFAULT_ITEMS_PER_PAGE);\n\n  /**\n   * Choices offered by the items-per-page selector.\n   *\n   * The list is cut after the first option that covers `totalItems` — so one\n   * \"show everything\" choice always survives and the rest are dropped. Include\n   * `Infinity` to offer \"All (Z)\" for datasets larger than every option.\n   */\n  readonly perPageOptions = input<number[]>(DEFAULT_ITEMS_PER_PAGE_OPTIONS);\n\n  /**\n   * **Currently inert** — nothing reads it. The item count is always rendered;\n   * project an `[mlvPaginationCount]` template to change or suppress the text.\n   */\n  readonly displayTotalItems = input<boolean, BooleanInput>(true, {\n    transform: coerceBooleanProperty,\n  });\n\n  /** Currently active page, 1-based. Two-way bindable. */\n  readonly currentPage = model<number>(1);\n\n  /**\n   * Density applied to the items-per-page dropdown list.\n   *\n   * The dropdown panel is portaled to the CDK overlay container, outside the\n   * component's DOM tree, so ancestor density classes cannot cascade into it.\n   * Forwarded to the underlying `mlv-popup`, which stamps the resolved\n   * `mlv--{density}` class on the detached panel. When omitted, the global\n   * `MlvDensityService` density applies.\n   */\n  readonly mlvDensity = input<MlvDensity | undefined>(undefined);\n\n  /** @protected Component-scoped pagination state service. */\n  protected readonly _service = inject(MlvPaginationService);\n\n  /** @protected The component's i18n strings signal. */\n  protected readonly _i18n = inject(MLV_PAGINATION_I18N);\n\n  /** @private Resolver for ICU parameterized i18n strings. */\n  private readonly _resolver = inject(MlvI18nResolverService);\n\n  /** @protected Index of the first item shown on the current page (1-based). */\n  protected readonly _currentItemsStart = computed(\n    () => (this.currentPage() - 1) * this.itemsPerPage() + 1,\n  );\n  /** @protected Index of the last item shown on the current page (clamped to total). */\n  protected readonly _currentItemsEnd = computed(() => {\n    const calculatedEnd = this._currentItemsStart() + this.itemsPerPage() - 1;\n    return Math.min(calculatedEnd, this.totalItems());\n  });\n\n  /** @protected `Infinity` constant exposed for the \"All items\" per-page option comparison in the template. */\n  protected readonly infinity = Infinity;\n\n  /** @protected Resolved total item count display (e.g. \"50 items\"). */\n  protected readonly _resolvedItemCount = computed(() => {\n    const i18n = this._i18n();\n    return this._resolver.resolve(\n      i18n as unknown as Record<string, string>,\n      'itemCount',\n      {\n        count: this.totalItems(),\n      },\n    );\n  });\n\n  /** @protected Resolved \"X–Y of Z\" range display. */\n  protected readonly _resolvedRange = computed(() => {\n    const i18n = this._i18n();\n    return this._resolver.resolve(\n      i18n as unknown as Record<string, string>,\n      'itemRange',\n      {\n        start: this._currentItemsStart(),\n        end: this._currentItemsEnd(),\n        total: this.totalItems(),\n      },\n    );\n  });\n\n  /** @protected Resolved \"All (Z)\" label for the Infinity per-page option in the trigger button. */\n  protected readonly _resolvedAllItems = computed(() => {\n    const i18n = this._i18n();\n    return this._resolver.resolve(\n      i18n as unknown as Record<string, string>,\n      'allItems',\n      {\n        total: this.totalItems(),\n      },\n    );\n  });\n\n  /** @protected Resolves per-page option label (e.g. \"10 items per page\" or \"All (50)\"). */\n  protected _resolvedPerPageLabel(option: number): string {\n    const i18n = this._i18n();\n    if (option === Infinity) {\n      return this._resolver.resolve(\n        i18n as unknown as Record<string, string>,\n        'allItems',\n        {\n          total: this.totalItems(),\n        },\n      );\n    }\n    return this._resolver.resolve(\n      i18n as unknown as Record<string, string>,\n      'itemsPerPage',\n      {\n        count: option,\n      },\n    );\n  }\n\n  /**\n   * @protected Per-page choices in the shape `mlv-dropdown-panel` consumes.\n   *\n   * Labels come from {@link _resolvedPerPageLabel}, so the `Infinity` entry keeps\n   * its \"All (Z)\" wording rather than rendering as a number.\n   */\n  protected readonly _perPageOptions = computed<MlvSelectOption<number>[]>(() =>\n    this._service.normalizedItemsPerPageOptions().map((option) => ({\n      label: this._resolvedPerPageLabel(option),\n      value: option,\n    })),\n  );\n\n  /** @protected Currently selected per-page value, as the panel's array shape. */\n  protected readonly _selectedPerPage = computed<number[]>(() => [\n    this.itemsPerPage(),\n  ]);\n\n  /** @protected Id linking the trigger's `aria-controls` to the panel's listbox. */\n  protected readonly _perPageListboxId = mlvNextId('mlv-pagination-per-page');\n\n  /** @private Aggregated pagination inputs pushed into the pagination service. */\n  private readonly _paginationObject = computed<MlvPaginationObject>(() => ({\n    totalItems: this.totalItems(),\n    currentPage: this.currentPage(),\n    itemsPerPage: this.itemsPerPage(),\n    itemsPerPageOptions: this.perPageOptions(),\n  }));\n\n  constructor() {\n    effect(() => {\n      this._service.pagination.set(this._paginationObject());\n    });\n  }\n\n  /**\n   * Template context handed to a projected `[mlvPaginationCount]` or\n   * `[mlvPaginationPerPageItem]` slot.\n   *\n   * `$implicit` is the current page; `start`/`end` are the 1-based indices of\n   * the first and last item on it (`end` clamped to `totalItems`); `options` is\n   * the per-page list after trimming against `totalItems`.\n   */\n  getCellContext() {\n    return {\n      $implicit: this.currentPage(),\n      total: this.totalItems(),\n      start: this._currentItemsStart(),\n      end: this._currentItemsEnd(),\n      options: this._service.normalizedItemsPerPageOptions(),\n    };\n  }\n\n  /**\n   * Sets `currentPage`. Performs no clamping — callers inside the component\n   * only reach it from enabled controls, so the page is already in range.\n   */\n  goToPage(page: number) {\n    this.currentPage.set(page);\n  }\n\n  /** Sets `itemsPerPage`. `Infinity` puts every item on one page. */\n  setItemsPerPage(itemsPerPage: number): void {\n    this.itemsPerPage.set(itemsPerPage);\n  }\n\n  /**\n   * @protected Applies a per-page choice from the dropdown panel.\n   *\n   * The panel's selection model is array-shaped even for single select, so the\n   * one value is unwrapped here. An empty emission means the panel deselected\n   * rather than selected, which is not a per-page choice.\n   */\n  protected _onPerPageChange(values: readonly number[]): void {\n    const [next] = values;\n    if (next === undefined) return;\n\n    this.setItemsPerPage(next);\n  }\n\n  /**\n   * Jumps to the page typed into an ellipsis page-jump field (Enter keydown).\n   * Out-of-range values are ignored — the field keeps its text and the page\n   * does not change.\n   */\n  setPageFromInput(event: Event): void {\n    const value = Number((event.target as HTMLInputElement).value);\n\n    const totalPages = this._service.totalPages();\n\n    if (value < 1 || value > totalPages) {\n      return;\n    }\n\n    this.goToPage(value);\n  }\n\n  /** @protected Resolves the accessible label for a numbered page button. */\n  protected _pageAriaLabel(page: number): string {\n    return this._resolver.resolve(\n      this._i18n() as unknown as Record<string, string>,\n      'page',\n      { page },\n    );\n  }\n}\n","<div class=\"mlv-pagination__items-count-wrapper\">\n  <div class=\"mlv-pagination__items-count\">\n    @if (_itemsCountRef()?.templateRef; as itemsCountTpl) {\n    <ng-template\n      [ngTemplateOutlet]=\"itemsCountTpl\"\n      [ngTemplateOutletContext]=\"getCellContext()\"\n    ></ng-template>\n    } @else {\n    <span>{{ _resolvedItemCount() }}</span>\n    }\n  </div>\n\n  @if (_service.normalizedItemsPerPageOptions().length) {\n  <div class=\"mlv-pagination__items-per-page\">\n    @if (_itemsPerPageRef()?.templateRef; as itemsPerPageTpl) {\n    <ng-template\n      [ngTemplateOutlet]=\"itemsPerPageTpl\"\n      [ngTemplateOutletContext]=\"getCellContext()\"\n    ></ng-template>\n    } @else {\n    <button\n      type=\"button\"\n      mlvButton\n      mlvDensity=\"compact\"\n      variant=\"transparent\"\n      #popupTrigger=\"mlvPopupTrigger\"\n      [mlvPopupTrigger]=\"perPagePopup\"\n      [ariaHasPopup]=\"'listbox'\"\n      [attr.aria-controls]=\"_perPageListboxId\"\n    >\n      @if (infinity === itemsPerPage()) { {{ _resolvedAllItems() }} } @else { {{\n      _resolvedRange() }} }\n    </button>\n    <mlv-popup #perPagePopup [mlvDensity]=\"mlvDensity()\">\n      <!--\n        The shared panel owns the listbox pattern: it pins listRole/itemRole and\n        the aria selection defaults, and renders the selected state, so none of\n        that is hand-rolled here. Same composition mlv-select uses.\n      -->\n      <mlv-dropdown-panel\n        *mlvPopupContent\n        [options]=\"_perPageOptions()\"\n        [selectedValues]=\"_selectedPerPage()\"\n        [listboxId]=\"_perPageListboxId\"\n        (valueChange)=\"_onPerPageChange($event); popupTrigger.close()\"\n      />\n    </mlv-popup>\n    }\n  </div>\n  }\n</div>\n\n@if (_service.totalPages() > 1) {\n<div\n  class=\"mlv-pagination__items-wrapper\"\n  role=\"navigation\"\n  [attr.aria-label]=\"_i18n().navigationLabel\"\n>\n  <div class=\"mlv-pagination__items\">\n    <button\n      type=\"button\"\n      mlvDensity=\"compact\"\n      class=\"mlv-pagination__item\"\n      shape=\"square\"\n      variant=\"transparent\"\n      mlvButton\n      [disabled]=\"currentPage() === 1\"\n      (mlvClick)=\"goToPage(currentPage() - 1)\"\n      [attr.aria-label]=\"_i18n().previousPage\"\n    >\n      <svg lucideChevronLeft size=\"20\" />\n    </button>\n\n    <div class=\"mlv-pagination__items__container\">\n      @for (page of _service.pages(); track `${page}-${$index}`) { @if (page ===\n      _service.moreElementValue) {\n      <mlv-input\n        type=\"number\"\n        (keydown.enter)=\"setPageFromInput($event)\"\n        class=\"mlv-pagination__item mlv-pagination__item--input\"\n        placeholder=\"...\"\n        [ariaLabel]=\"_i18n().goToPage\"\n      />\n      } @else {\n      <button\n        type=\"button\"\n        mlvDensity=\"compact\"\n        class=\"mlv-pagination__item\"\n        [variant]=\"page === currentPage() ? 'primary' : 'transparent'\"\n        shape=\"square\"\n        mlvButton\n        (mlvClick)=\"goToPage(page)\"\n        [attr.aria-current]=\"page === currentPage() ? 'page' : null\"\n        [attr.aria-label]=\"_pageAriaLabel(page)\"\n      >\n        {{ page }}\n      </button>\n      } }\n    </div>\n\n    <button\n      type=\"button\"\n      mlvDensity=\"compact\"\n      class=\"mlv-pagination__item\"\n      variant=\"transparent\"\n      shape=\"square\"\n      mlvButton\n      [disabled]=\"currentPage() === _service.totalPages()\"\n      (mlvClick)=\"goToPage(currentPage() + 1)\"\n      [attr.aria-label]=\"_i18n().nextPage\"\n    >\n      <svg lucideChevronRight size=\"20\" />\n    </button>\n  </div>\n</div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}