@cute-widgets/base 20.0.1

package/fesm2022/cute-widgets-base-navbar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cute-widgets-base-navbar.mjs","sources":["../../../../projects/cute-widgets/base/navbar/src/navbar-content.component.ts","../../../../projects/cute-widgets/base/navbar/src/navbar.component.ts","../../../../projects/cute-widgets/base/navbar/src/navbar-brand.directive.ts","../../../../projects/cute-widgets/base/navbar/src/navbar-nav.directive.ts","../../../../projects/cute-widgets/base/navbar/src/navbar-text.directive.ts","../../../../projects/cute-widgets/base/navbar/src/navbar-toggler.directive.ts","../../../../projects/cute-widgets/base/navbar/src/navbar.module.ts","../../../../projects/cute-widgets/base/navbar/cute-widgets-base-navbar.ts"],"sourcesContent":["/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\nimport {ChangeDetectionStrategy, Component, inject, signal, ViewEncapsulation} from \"@angular/core\";\r\nimport {CuteCollapse, CuteCollapseState} from \"@cute-widgets/base/collapse\";\r\nimport {CUTE_NAVBAR} from './navbar.component';\r\nimport {Subscription} from 'rxjs';\r\n\r\n/**\r\n * Collapsible navbar content.\r\n */\r\n@Component({\r\n  selector: 'cute-navbar-content',\r\n  template: `\r\n    <ng-content></ng-content>\r\n  `,\r\n  exportAs: 'cuteNavbarContent',\r\n  host: {\r\n    'class': 'navbar-collapse collapse',\r\n    '[class.show]': 'expanded',\r\n  },\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  standalone: true,\r\n})\r\nexport class CuteNavbarContent extends CuteCollapse {\r\n  private _subscription: Subscription = new Subscription();\r\n  protected _navbar = inject(CUTE_NAVBAR);\r\n  protected _breakpointMatches = signal<boolean>(false);\r\n\r\n  constructor() {\r\n    super();\r\n\r\n    this._subscription.add(\r\n      this._navbar.breakpointState.subscribe(state => {\r\n        this._breakpointMatches.set(state.matches);\r\n        if (!state.matches) {\r\n          this.close(); // if content was in the 'expanded' state when the screen width changed\r\n          this._navbar.expansionChange.emit(false);\r\n        }\r\n       })\r\n    );\r\n    this._subscription.add(\r\n      this.afterExpand.subscribe(() => {\r\n        if (this._breakpointMatches()) {\r\n          this._navbar.expansionChange.emit(true);\r\n        }\r\n      })\r\n    );\r\n    this._subscription.add(\r\n      this.afterCollapse.subscribe(() => this._navbar.expansionChange.emit(false))\r\n    );\r\n  }\r\n\r\n  override getState(): CuteCollapseState  {\r\n    if (this._breakpointMatches()) {\r\n      return super.getState();\r\n    }\r\n    // Parent class, CuteCollapse, uses this state to trigger the expanding process.\r\n    // But we use it for the sake of `visibility` property only.\r\n    // TODO: Change to a simpler and clearer algorithm.\r\n    return 'expanded';\r\n  }\r\n\r\n  override ngOnDestroy() {\r\n    super.ngOnDestroy();\r\n    this._subscription.unsubscribe();\r\n  }\r\n\r\n}\r\n","/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\nimport {\r\n  ChangeDetectionStrategy,\r\n  Component, computed, ContentChildren, EventEmitter,\r\n  HostBinding,\r\n  InjectionToken,\r\n  Input, isDevMode, Output, QueryList, signal, ViewEncapsulation,\r\n} from \"@angular/core\";\r\nimport {CuteLayoutControl} from \"@cute-widgets/base/abstract\";\r\nimport {CuteContainer} from \"@cute-widgets/base/layout\";\r\nimport {CuteNavbarContent} from './navbar-content.component';\r\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\r\n\r\n/** Navbar's vertical non-static position. */\r\nexport type NavbarPosition=\"fixed-top\"|\"fixed-bottom\"|\"sticky-top\"|\"sticky-bottom\";\r\n\r\nexport const CUTE_NAVBAR = new InjectionToken<CuteNavbar>(\"CUTE_NAVBAR\");\r\n\r\nlet nextId = 0;\r\n\r\n/**\r\n * Powerful and responsive navigation header in which responsive behavior depends on `CuteCollapse` component.\r\n * Includes support for branding, navigation, and more.\r\n */\r\n@Component({\r\n  selector: 'cute-navbar',\r\n  template: `\r\n    <cute-container fluid>\r\n      <ng-content></ng-content>\r\n    </cute-container>\r\n  `,\r\n  styles: [`\r\n    .cute-navbar {\r\n      z-index: 1000; /* CWT: 'cdk-overlay-container' has a rule {z-index: 1000} */\r\n    }\r\n  `],\r\n  exportAs: 'cuteNavbar',\r\n  host: {\r\n    'class': 'cute-navbar navbar',\r\n    '[class.shadow]': 'contentExpanded()',\r\n    '[attr.role]': 'role || null',\r\n  },\r\n  providers: [{ provide: CUTE_NAVBAR, useExisting: CuteNavbar }],\r\n  imports: [ CuteContainer ],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class CuteNavbar extends CuteLayoutControl {\r\n  @ContentChildren(CuteNavbarContent, {descendants: true}) navContent: QueryList<CuteNavbarContent> | undefined;\r\n\r\n  /** Placement `navbar` in non-static position, if the `position` differs from the default.  */\r\n  @Input() position: NavbarPosition | undefined;\r\n\r\n  /** Event emitted when the navbar's content expansion status changed. */\r\n  @Output() expansionChange = new EventEmitter<boolean>();\r\n\r\n  readonly contentExpanded = computed(() => this._expanded());\r\n  private _expanded = signal<boolean>(false);\r\n\r\n  @HostBinding(\"class\")\r\n  get classBinding(): string {\r\n    let classList = \"\";\r\n\r\n    if (this.breakpoint) {\r\n      classList += \"navbar-expand-\"+this.breakpoint;\r\n    }\r\n    switch (this.position) {\r\n      case \"fixed-top\":\r\n      case \"fixed-bottom\":\r\n        classList += \" \"+this.position;\r\n        break;\r\n      case \"sticky-top\":\r\n      case \"sticky-bottom\":\r\n        if (this.breakpoint) {\r\n          classList +=  \" \"+this.position.replace(\"-\", \"-\"+this.breakpoint+\"-\");\r\n        } else {\r\n          classList += \" \"+this.position;\r\n        }\r\n        break;\r\n    }\r\n    return classList;\r\n  }\r\n\r\n  constructor() {\r\n    super();\r\n    this.role = \"navigation\";\r\n    this.expansionChange.pipe(takeUntilDestroyed()).subscribe(state => this._expanded.set(state));\r\n  }\r\n\r\n  protected generateId(): string {\r\n    return `cute-navbar-${++nextId}`;\r\n  }\r\n\r\n  override ngAfterContentInit() {\r\n    super.ngAfterContentInit();\r\n\r\n    const count = this.navContent?.length || 0;\r\n    if (count > 1 && isDevMode()) {\r\n      throw new Error(\"More than one 'cute-navbar-content' elements are found in the 'cute-navbar' component.\");\r\n    }\r\n  }\r\n\r\n}\r\n","/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\nimport {Directive} from \"@angular/core\";\r\n\r\n/**\r\n * Subcomponent for company, product, or project name\r\n */\r\n@Directive({\r\n    selector: '[cuteNavbarBrand], [cute-navbar-brand]',\r\n    exportAs: 'cuteNavbarBrand',\r\n    host: {\r\n        'class': 'cute-navbar-brand navbar-brand'\r\n    },\r\n    standalone: true,\r\n})\r\nexport class CuteNavbarBrand {}\r\n","/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\nimport {booleanAttribute, Directive, Input} from \"@angular/core\";\r\nimport {CuteNav, CUTE_NAV} from \"@cute-widgets/base/core/nav\";\r\n\r\n@Directive({\r\n  selector: '[cuteNavbarNav], [cute-navbar-nav]',\r\n  exportAs: 'cuteNavbarNav',\r\n  host: {\r\n    'class': 'cute-navbar-nav navbar-nav align-items-start',\r\n    '[class.navbar-nav-scroll]': 'scrollable',\r\n    '[style.--bs-scroll-height]': 'scrollHeight',\r\n  },\r\n  standalone: true,\r\n  providers: [{provide: CUTE_NAV, useExisting: CuteNavbarNav}],\r\n})\r\nexport class CuteNavbarNav extends CuteNav {\r\n\r\n  /**\r\n   * Enable/disable vertical scrolling within the toggleable contents of a collapsed `navbar`.\r\n   * By default, scrolling kicks in at 75vh (or 75% of the viewport height).\r\n   */\r\n  @Input({transform: booleanAttribute}) scrollable: boolean = false;\r\n\r\n  /** The minimum height of the expanded content that triggers the scrolling mode when `scrollable` property is enabled. Default is **75vh**. */\r\n  @Input()\r\n  get scrollHeight(): string | undefined {return this._scrollHeight;}\r\n  set scrollHeight(value: string | number | undefined) {\r\n    if (value !== this._scrollHeight) {\r\n      if (typeof value===\"number\") {\r\n        value = `${value}px`;\r\n      }\r\n      this._scrollHeight = value;\r\n    }\r\n  }\r\n  private _scrollHeight: string | undefined;\r\n\r\n  constructor() {\r\n    super();\r\n  }\r\n\r\n}\r\n","/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\nimport {Directive} from \"@angular/core\";\r\n\r\n/**\r\n *  This directive adjusts vertical alignment and horizontal spacing for strings of text.\r\n */\r\n@Directive({\r\n  selector: 'cute-navbar-text, [cuteNavbarText], [cute-navbar-text]',\r\n  exportAs: 'cuteNavbarText',\r\n  host: {\r\n    'class': 'navbar-text'\r\n  },\r\n  standalone: true,\r\n})\r\nexport class CuteNavbarText {}\r\n","/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * This code is a modification of the `@angular/material` original\r\n * code licensed under MIT-style License (https://angular.dev/license).\r\n */\r\nimport {Directive} from \"@angular/core\";\r\nimport {CuteCollapseTrigger} from \"@cute-widgets/base/collapse\";\r\n\r\n@Directive({\r\n    selector: '[cuteNavbarToggler], [cute-navbar-toggler]',\r\n    exportAs: 'cuteNavbarToggler',\r\n    host: {\r\n        'class': 'navbar-toggler border-secondary-subtle',\r\n        'type': 'button',\r\n    },\r\n    hostDirectives: [\r\n      {\r\n        directive: CuteCollapseTrigger,\r\n        inputs: ['cuteCollapseTriggerFor:cuteNavbarTogglerFor'],\r\n        outputs: [],\r\n      }\r\n    ],\r\n    standalone: true,\r\n})\r\nexport class CuteNavbarToggler {}\r\n","/**\r\n * @license Apache-2.0\r\n *\r\n * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.\r\n *\r\n * You may not use this file except in compliance with the License\r\n * that can be found at http://www.apache.org/licenses/LICENSE-2.0\r\n */\r\nimport { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport {CuteNavbar} from \"./navbar.component\";\r\nimport {CuteNavbarBrand} from \"./navbar-brand.directive\";\r\nimport {CuteNavbarContent} from \"./navbar-content.component\";\r\nimport {CuteNavbarToggler} from \"./navbar-toggler.directive\";\r\nimport {CuteNavbarNav} from \"./navbar-nav.directive\";\r\nimport {CuteNavbarText} from \"./navbar-text.directive\";\r\n\r\n@NgModule({\r\n  declarations: [],\r\n  imports: [\r\n    CommonModule,\r\n    CuteNavbar,\r\n    CuteNavbarBrand,\r\n    CuteNavbarContent,\r\n    CuteNavbarNav,\r\n    CuteNavbarText,\r\n    CuteNavbarToggler,\r\n  ],\r\n  exports: [\r\n    CuteNavbar,\r\n    CuteNavbarBrand,\r\n    CuteNavbarContent,\r\n    CuteNavbarNav,\r\n    CuteNavbarText,\r\n    CuteNavbarToggler,\r\n  ],\r\n  providers: [],\r\n})\r\nexport class CuteNavbarModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/cute-widgets-base-paginator.mjs

@@ -0,0 +1,485 @@
+import * as i0 from '@angular/core';
+import { Injectable, InjectionToken, numberAttribute, EventEmitter, booleanAttribute, Output, Input, Optional, Inject, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { CuteFormField, CuteLabel } from '@cute-widgets/base/form-field';
+import { CuteSelect } from '@cute-widgets/base/select';
+import { CuteTooltip } from '@cute-widgets/base/tooltip';
+import { CuteFocusableControl } from '@cute-widgets/base/abstract';
+import { CuteOption } from '@cute-widgets/base/core/option';
+import { Subject } from 'rxjs';
+import { CommonModule } from '@angular/common';
+
+/**
+ * @license Apache-2.0
+ *
+ * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.
+ *
+ * You may not use this file except in compliance with the License
+ * that can be found at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * This code is a modification of the `@angular/material` original
+ * code licensed under MIT-style License (https://angular.dev/license).
+ */
+/**
+ * To modify the labels and text displayed, create a new instance of CutePaginatorIntl and
+ * include it in a custom provider
+ */
+class CutePaginatorIntl {
+    constructor() {
+        /**
+         * Stream to emit from when labels are changed. Use this to notify components when the labels have
+         * changed after initialization.
+         */
+        this.changes = new Subject();
+        /** A label for the page size selector. */
+        this.itemsPerPageLabel = 'Items per page:';
+        /** A label for the button that increments the current page. */
+        this.nextPageLabel = 'Next';
+        /** A hint for the button that increments the current page. */
+        this.nextPageLabelHint = 'Next page';
+        /** A label for the button that decrements the current page. */
+        this.previousPageLabel = 'Previous';
+        /** A hint for the button that decrements the current page. */
+        this.previousPageLabelHint = 'Previous page';
+        /** A label for the button that moves to the first page. */
+        this.firstPageLabel = 'First';
+        /** A hint for the button that moves to the first page. */
+        this.firstPageLabelHint = 'First page';
+        /** A label for the button that moves to the last page. */
+        this.lastPageLabel = 'Last';
+        /** A hint for the button that moves to the last page. */
+        this.lastPageLabelHint = 'Last page';
+        /** A label for the range of items within the current page and the length of the whole list. */
+        this.getRangeLabel = (page, pageSize, length) => {
+            let range = "0";
+            if (length != 0 && pageSize != 0) {
+                length = Math.max(length, 0);
+                const startIndex = page * pageSize;
+                // If the start index exceeds the list length, do not try and fix the end index to the end.
+                const endIndex = startIndex < length ? Math.min(startIndex + pageSize, length) : startIndex + pageSize;
+                range = `${startIndex + 1} – ${endIndex}`;
+            }
+            return `${range} of ${length}`;
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CutePaginatorIntl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CutePaginatorIntl, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CutePaginatorIntl, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * @license Apache-2.0
+ *
+ * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.
+ *
+ * You may not use this file except in compliance with the License
+ * that can be found at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * This code is a modification of the `@angular/material` original
+ * code licensed under MIT-style License (https://angular.dev/license).
+ */
+/** The default page size if there is no page size and there are no provided page size options. */
+const DEFAULT_PAGE_SIZE = 50;
+/** Maximum visible page indexes */
+const MAX_VISIBLE_PAGES = 5;
+/** Injection token that can be used to provide the default options for the paginator module. */
+const CUTE_PAGINATOR_DEFAULT_OPTIONS = new InjectionToken('CUTE_PAGINATOR_DEFAULT_OPTIONS');
+let nextUniqueId = 0;
+/**
+ * Component to provide navigation between paged information. Displays the size of the current
+ * page, user-selectable options to change that size, what items are being shown, and
+ * navigational button to go to the previous or next page.
+ */
+class CutePaginator extends CuteFocusableControl {
+    /** The zero-based page index of the displayed list of items. Defaulted to 0. */
+    get pageIndex() { return this._pageIndex; }
+    set pageIndex(value) {
+        const oldIndex = this._pageIndex;
+        if (oldIndex != value) {
+            this._pageIndex = Math.max(value || 0, 0);
+            this._updateFirstLastVisibleIndexes(this._pageIndex, oldIndex);
+            this.markForCheck();
+        }
+    }
+    /** The total number of items that are being paginated. Defaulted to 0. */
+    get length() { return this._length; }
+    set length(value) {
+        this._length = value || 0;
+        this.markForCheck();
+    }
+    /** Number of items to display on a page. By default, set to 50. */
+    get pageSize() { return this._pageSize; }
+    set pageSize(value) {
+        this._pageSize = Math.max(value || 0, 0);
+        this._updateDisplayedPageSizeOptions();
+    }
+    /** The set of provided page size options to display to the user. */
+    get pageSizeOptions() { return this._pageSizeOptions; }
+    set pageSizeOptions(value) {
+        this._pageSizeOptions = (value || []).map(p => numberAttribute(p, 0));
+        this._updateDisplayedPageSizeOptions();
+    }
+    constructor(_intl, defaults) {
+        super();
+        this._intl = _intl;
+        this._firstVisiblePageIndex = 0;
+        this._lastVisiblePageIndex = NaN;
+        /** If set, styles the "page size" form field with the designated style. */
+        //_formFieldAppearance?: CuteFormFieldAppearance;
+        /** ID for the DOM node containing the pagination's items per-page label. */
+        this._pageSizeLabelId = `cute-paginator-page-size-label-${nextUniqueId++}`;
+        this.hideActive = false;
+        this._pageIndex = 0;
+        this._length = 0;
+        this._pageSize = 0;
+        this._pageSizeOptions = [];
+        /** Whether to hide the page size selection UI from the user. */
+        this.hidePageSize = false;
+        /** Whether to show the first/last buttons UI to the user. */
+        this.showFirstLastButtons = false;
+        /** Whether to change the previous/next buttons UI with a text labels */
+        this.showPrevNextLabels = false;
+        /** Whether to hide all internal borders in the paginator */
+        this.hideBorders = false;
+        /** Style of the pagination's middle section. Note that previous/next buttons are always shown. */
+        this.middleSectionStyle = 'range';
+        /** Changes the alignment of the pagination sections in the parent container */
+        this.alignment = "between";
+        /** Used to configure the underlying `CuteSelect` inside the paginator. */
+        this.selectConfig = {};
+        /** Event emitted when the paginator changes the page size or page index. */
+        this.page = new EventEmitter();
+        /** Displayed a set of page size options. Will be sorted and include the current page size. */
+        this._displayedPageSizeOptions = [];
+        this.isNaN = isNaN;
+        this.onmousedown = onmousedown;
+        this._intlChanges = _intl.changes.subscribe(() => this.markForCheck());
+        if (defaults) {
+            const { pageSize, pageSizeOptions, hidePageSize, showFirstLastButtons, showPrevNextLabels, hideBorders, } = defaults;
+            if (pageSize != null) {
+                this._pageSize = pageSize;
+            }
+            if (pageSizeOptions != null) {
+                this._pageSizeOptions = pageSizeOptions;
+            }
+            if (hidePageSize != null) {
+                this.hidePageSize = hidePageSize;
+            }
+            if (showFirstLastButtons != null) {
+                this.showFirstLastButtons = showFirstLastButtons;
+            }
+            if (showPrevNextLabels != null) {
+                this.showPrevNextLabels = showPrevNextLabels;
+            }
+            if (hideBorders != null) {
+                this.hideBorders = hideBorders;
+            }
+        }
+        //this._formFieldAppearance = defaults?.formFieldAppearance || 'outline';
+    }
+    generateId() {
+        return `cute-paginator-${nextUniqueId++}`;
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this._updateDisplayedPageSizeOptions();
+    }
+    ngOnChanges(changes) {
+        super.ngOnChanges(changes);
+        this._updateFirstLastVisibleIndexes(this.pageIndex, this.pageIndex);
+    }
+    ngAfterViewChecked() {
+        this.hideActive = false;
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this._intlChanges.unsubscribe();
+    }
+    onMouseDown(event) {
+        if (this.middleSectionStyle == "5-pages") {
+            this.hideActive = true;
+            this._changeDetectorRef.detectChanges();
+        }
+    }
+    /** Whether the specified index is the `active` page of the paginator */
+    isActivePage(index) {
+        return index == this.pageIndex;
+    }
+    _updateFirstLastVisibleIndexes(newIndex, oldIndex) {
+        if (this.middleSectionStyle != "5-pages") {
+            return;
+        }
+        const numPages = this.getNumberOfPages();
+        if (numPages > 0 && (newIndex >= 0 && newIndex < numPages)) {
+            const numVisiblePages = Math.min(numPages, MAX_VISIBLE_PAGES);
+            const middleIndex = this._firstVisiblePageIndex + Math.ceil(numVisiblePages / 2) - 1;
+            if (newIndex <= middleIndex && numPages <= numVisiblePages) {
+                this._firstVisiblePageIndex = 0;
+                this._lastVisiblePageIndex = numVisiblePages - 1;
+            }
+            else if (newIndex == (numPages - 1)) {
+                this._firstVisiblePageIndex = newIndex - numVisiblePages + 1;
+                this._lastVisiblePageIndex = newIndex;
+            }
+            else if (newIndex > middleIndex) {
+                // go forward
+                this._lastVisiblePageIndex += newIndex - middleIndex;
+                this._lastVisiblePageIndex = Math.min(this._lastVisiblePageIndex, numPages - 1);
+                this._firstVisiblePageIndex = this._lastVisiblePageIndex - numVisiblePages + 1;
+                this._firstVisiblePageIndex = Math.max(this._firstVisiblePageIndex, 0);
+            }
+            else if (newIndex < middleIndex) {
+                // go backward
+                this._firstVisiblePageIndex -= middleIndex - newIndex;
+                this._firstVisiblePageIndex = Math.max(this._firstVisiblePageIndex, 0);
+                this._lastVisiblePageIndex = this._firstVisiblePageIndex + numVisiblePages - 1;
+            }
+        }
+    }
+    /** Advances to the next page if it exists. */
+    nextPage() {
+        if (!this.hasNextPage()) {
+            return;
+        }
+        const previousPageIndex = this.pageIndex;
+        this.pageIndex = this.pageIndex + 1;
+        this._emitPageEvent(previousPageIndex);
+    }
+    /** Move back to the previous page if it exists. */
+    previousPage() {
+        if (!this.hasPreviousPage()) {
+            return;
+        }
+        const previousPageIndex = this.pageIndex;
+        this.pageIndex = this.pageIndex - 1;
+        this._emitPageEvent(previousPageIndex);
+    }
+    /** Move to the first page if not already there. */
+    firstPage() {
+        // hasPreviousPage being false implies at the start
+        if (!this.hasPreviousPage()) {
+            return;
+        }
+        const previousPageIndex = this.pageIndex;
+        this.pageIndex = 0;
+        this._emitPageEvent(previousPageIndex);
+    }
+    /** Move to the last page if not already there. */
+    lastPage() {
+        // hasNextPage being false implies at the end
+        if (!this.hasNextPage()) {
+            return;
+        }
+        const previousPageIndex = this.pageIndex;
+        this.pageIndex = this.getNumberOfPages() - 1;
+        this._emitPageEvent(previousPageIndex);
+    }
+    /**
+     * Move to the page with the specified index
+     * @param index Zero based page number to move
+     */
+    gotoPage(index) {
+        if (index >= 0 && index < this.getNumberOfPages() && !this.isActivePage(index)) {
+            const previousPageIndex = this.pageIndex;
+            this.pageIndex = index;
+            this._emitPageEvent(previousPageIndex);
+        }
+    }
+    /** Whether there is a previous page. */
+    hasPreviousPage() {
+        return this.pageIndex >= 1 && this.pageSize != 0;
+    }
+    /** Whether there is a next page. */
+    hasNextPage() {
+        const maxPageIndex = this.getNumberOfPages() - 1;
+        return this.pageIndex < maxPageIndex && this.pageSize != 0;
+    }
+    /** Calculate the number of pages */
+    getNumberOfPages() {
+        if (!this.pageSize) {
+            return 0;
+        }
+        return Math.ceil(this.length / this.pageSize);
+    }
+    /** Whether the paginator hasn't any page to paginate */
+    empty() {
+        return this.getNumberOfPages() == 0;
+    }
+    /** Transforms the calculated total pages' value to an array of page numbers */
+    getPageNumbers() {
+        let count = this.getNumberOfPages();
+        if (count == 0) {
+            return [];
+        }
+        let pages = [];
+        if (this.middleSectionStyle == "5-pages") {
+            if (isNaN(this._lastVisiblePageIndex)) {
+                return [];
+            }
+            count = this._lastVisiblePageIndex - this._firstVisiblePageIndex + 1;
+            pages = Array(count);
+            for (let i = 0; i < count; i++) {
+                pages[i] = i + this._firstVisiblePageIndex;
+            }
+        }
+        else {
+            pages = Array(count);
+            for (let i = 0; i < count; i++) {
+                pages[i] = i;
+            }
+        }
+        return pages;
+    }
+    /**
+     * Changes the page size so that the first item displayed on the page will still be
+     * displayed using the new page size.
+     *
+     * For example, if the page size is 10 and on the second page (items indexed 10-19), then
+     * switching so that the page size is 5 will set the third page as the current page so
+     * that the 10th item will still be displayed.
+     */
+    _changePageSize(pageSize) {
+        // The current page needs to be updated to reflect the new page size. Navigate to the page
+        // containing the previous page's first item.
+        const startIndex = this.pageIndex * this.pageSize;
+        const previousPageIndex = this.pageIndex;
+        this.pageIndex = Math.floor(startIndex / pageSize) || 0;
+        this.pageSize = pageSize;
+        this._updateFirstLastVisibleIndexes(this.pageIndex, previousPageIndex);
+        this.markForCheck();
+        this._emitPageEvent(previousPageIndex);
+    }
+    /** Checks whether the buttons for going forwards should be disabled. */
+    _nextButtonDisabled() {
+        return this.disabled || !this.hasNextPage();
+    }
+    /** Checks whether the buttons for going backwards should be disabled. */
+    _previousButtonDisabled() {
+        return this.disabled || !this.hasPreviousPage();
+    }
+    _getMagnitudeCssClass() {
+        if (this.magnitude == "large") {
+            return "pagination-lg";
+        }
+        else if (this.magnitude == "small") {
+            return "pagination-sm";
+        }
+        return "";
+    }
+    /**
+     * Updates the list of page size options to display to the user. Includes making sure that
+     * the page size is an option and that the list is sorted.
+     */
+    _updateDisplayedPageSizeOptions() {
+        if (!this.isInitialized) {
+            return;
+        }
+        // If no page size is provided, use the first page size option or the default page size.
+        if (!this.pageSize) {
+            this._pageSize =
+                this.pageSizeOptions.length != 0 ? this.pageSizeOptions[0] : DEFAULT_PAGE_SIZE;
+        }
+        this._displayedPageSizeOptions = this.pageSizeOptions.slice();
+        if (this._displayedPageSizeOptions.indexOf(this.pageSize) === -1) {
+            this._displayedPageSizeOptions.push(this.pageSize);
+        }
+        // Sort the numbers using a number-specific sort function.
+        this._displayedPageSizeOptions.sort((a, b) => a - b);
+        this.markForCheck();
+    }
+    /** Emits an event notifying that a change of the paginator's properties has been triggered. */
+    _emitPageEvent(previousPageIndex) {
+        this.page.emit({
+            previousPageIndex,
+            pageIndex: this.pageIndex,
+            pageSize: this.pageSize,
+            length: this.length,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CutePaginator, deps: [{ token: CutePaginatorIntl }, { token: CUTE_PAGINATOR_DEFAULT_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: CutePaginator, isStandalone: true, selector: "cute-paginator", inputs: { pageIndex: ["pageIndex", "pageIndex", numberAttribute], length: ["length", "length", numberAttribute], pageSize: ["pageSize", "pageSize", numberAttribute], pageSizeOptions: "pageSizeOptions", hidePageSize: ["hidePageSize", "hidePageSize", booleanAttribute], showFirstLastButtons: ["showFirstLastButtons", "showFirstLastButtons", booleanAttribute], showPrevNextLabels: ["showPrevNextLabels", "showPrevNextLabels", booleanAttribute], hideBorders: ["hideBorders", "hideBorders", booleanAttribute], middleSectionStyle: "middleSectionStyle", alignment: "alignment", magnitude: "magnitude", selectConfig: "selectConfig" }, outputs: { page: "page" }, host: { attributes: { "tabindex": "-1", "role": "group" }, properties: { "class.pe-none": "disabled", "class.opacity-75": "disabled", "class": "alignment ? \"justify-content-\"+alignment : undefined" }, classAttribute: "cute-paginator" }, exportAs: ["cutePaginator"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (!hidePageSize) {\r\n  <div class=\"page-size\">\r\n\r\n    <cute-label class=\"page-size-label\"\r\n                [magnitude]=\"magnitude\"\r\n                [attr.id]=\"_pageSizeLabelId\">\r\n      {{_intl.itemsPerPageLabel}}\r\n    </cute-label>\r\n\r\n    @if (_displayedPageSizeOptions.length > 1) {\r\n\r\n      <cute-form-field\r\n              class=\"page-size-select\"\r\n              [class.me-auto]=\"true\"\r\n              subscriptSizing=\"dynamic\"\r\n              [color]=\"color\">\r\n\r\n        <cute-select\r\n          [value]=\"pageSize\"\r\n          [disabled]=\"disabled\"\r\n          [color]=\"color\"\r\n          [magnitude]=\"magnitude\"\r\n          [aria-labelledby]=\"_pageSizeLabelId\"\r\n          [panelClass]=\"selectConfig.panelClass || 'shadow-lg'\"\r\n          [disableOptionCentering]=\"selectConfig.disableOptionCentering\"\r\n          (selectionChange)=\"_changePageSize($event.value)\"\r\n          hideSingleSelectionIndicator>\r\n          @for (pageSizeOption of _displayedPageSizeOptions; track pageSizeOption) {\r\n            <cute-option [value]=\"pageSizeOption\">\r\n              {{pageSizeOption}}\r\n            </cute-option>\r\n          }\r\n        </cute-select>\r\n      </cute-form-field>\r\n    } @else {\r\n      <div class=\"page-size-value\">{{pageSize}}</div>\r\n    }\r\n  </div>\r\n}\r\n\r\n<nav [attr.aria-label]=\"ariaLabel\">\r\n\r\n  <ul class=\"pagination\"\r\n      [class]=\"_getMagnitudeCssClass()+(alignment=='between' ? '' : ' justify-content-'+alignment)\"\r\n      [class.gap-1]=\"hideBorders\"\r\n      [style.--bs-focus-ring-color]='color ? \"rgba(var(--bs-\"+color+\"-rgb), var(--bs-focus-ring-opacity))\" : \"\"'\r\n      [style.--bs-pagination-color]='color ? \"var(--bs-\"+color+\")\" : \"\"'\r\n      [style.--bs-pagination-active-bg]='color ? \"var(--bs-\"+color+\")\" : \"\"'\r\n      [style.--bs-pagination-active-border-color]='color ? \"rgb(var(--bs-\"+color+\"-rgb))\" : \"\"'\r\n      [style.--bs-pagination-border-width]=\"hideBorders ? 0 : undefined\"\r\n  >\r\n    @if (showFirstLastButtons) {\r\n      <li class=\"page-item page-first\">\r\n        <a class=\"page-link\"\r\n           [tabindex]=\"_previousButtonDisabled() ? -1 : 0\"\r\n           [class.disabled]=\"_previousButtonDisabled()\"\r\n           [class]=\"color && !_previousButtonDisabled() ? 'link-'+color : ''\"\r\n           [class.focus-ring]=\"color != null\"\r\n           [style.float]=\"'left'\"\r\n           [attr.aria-label]=\"_intl.firstPageLabelHint || _intl.firstPageLabel\"\r\n           [cuteTooltip]=\"_intl.firstPageLabelHint || _intl.firstPageLabel\"\r\n           [cuteTooltipDisabled]=\"_previousButtonDisabled()\"\r\n           [cuteTooltipPosition]=\"'above'\"\r\n           (click)=\"firstPage()\"\r\n           (keydown.space)=\"firstPage();$event.preventDefault();\"\r\n        >\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\"\r\n               fill=\"currentColor\" class=\"bi bi-chevron-double-left\"\r\n               viewBox=\"0 0 16 16\"\r\n               focusable=\"false\" aria-hidden=\"true\">\r\n            <path fill-rule=\"evenodd\" d=\"M8.354 1.646a.5.5 0 0 1 0 .708L2.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z\"/>\r\n            <path fill-rule=\"evenodd\" d=\"M12.354 1.646a.5.5 0 0 1 0 .708L6.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z\"/>\r\n          </svg>\r\n        </a>\r\n      </li>\r\n    }\r\n\r\n    <li class=\"page-item\" [class.me-auto]=\"alignment=='between'\">\r\n      <a class=\"page-link page-prev rounded-start-1\"\r\n         [tabindex]=\"_previousButtonDisabled() ? -1 : 0\"\r\n         [class]=\"color && !_previousButtonDisabled() ? 'link-'+color : ''\"\r\n         [class.disabled]=\"_previousButtonDisabled()\"\r\n         [class.focus-ring]=\"color != null\"\r\n         [class.rounded-start-1]=\"hideBorders\"\r\n         [attr.aria-label]=\"_intl.previousPageLabelHint || _intl.previousPageLabel\"\r\n         [cuteTooltip]=\"_intl.previousPageLabelHint || _intl.previousPageLabel\"\r\n         [cuteTooltipDisabled]=\"_previousButtonDisabled()\"\r\n         [cuteTooltipPosition]=\"'above'\"\r\n         (mousedown)=\"onMouseDown($event)\"\r\n         (click)=\"previousPage()\"\r\n         (keydown.space)=\"previousPage();$event.preventDefault();\"\r\n      >\r\n        @if (showPrevNextLabels) {\r\n          {{_intl.previousPageLabel}}\r\n        } @else {\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\"\r\n               fill=\"currentColor\" class=\"bi bi-chevron-left\"\r\n               viewBox=\"0 0 16 16\"\r\n               focusable=\"false\" aria-hidden=\"true\">\r\n            <path fill-rule=\"evenodd\" d=\"M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z\"/>\r\n          </svg>\r\n        }\r\n      </a>\r\n    </li>\r\n\r\n    @if (middleSectionStyle.endsWith('pages')) {\r\n      @for (pageNo of getPageNumbers(); track pageNo) {\r\n        <li class=\"page-item\">\r\n          <a [attr.tabindex]=\"isNaN(pageNo)?-1:0\"\r\n             class=\"page-link page-number\"\r\n             [class.active]=\"isActivePage(pageNo) && !hideActive\"\r\n             [class.shadow]=\"isActivePage(pageNo) && !hideActive\"\r\n             [class.rounded-1]=\"hideBorders\"\r\n             [class]=\"color && !isActivePage(pageNo) ? 'link-'+color : ''\"\r\n             [class.focus-ring]=\"color != null\"\r\n             [attr.aria-current]=\"isActivePage(pageNo) ? 'page' : ''\"\r\n             (mousedown)=\"onMouseDown($event)\"\r\n             (click)=\"gotoPage(pageNo);\"\r\n             (keydown.space)=\"gotoPage(pageNo);$event.preventDefault();\"\r\n          >\r\n            {{pageNo + 1}}\r\n          </a>\r\n        </li>\r\n      }\r\n\r\n    } @else if (middleSectionStyle=='range') {\r\n      <li class=\"cute-paginator-range-label\"\r\n          [class]=\"color ? 'link-'+color : ''\"\r\n          aria-live=\"polite\">\r\n        {{_intl.getRangeLabel(pageIndex, pageSize, length)}}\r\n      </li>\r\n    }\r\n\r\n    <li class=\"page-item\" [class.ms-auto]=\"alignment=='between'\">\r\n      <a class=\"page-link page-next rounded-end-1\"\r\n         [tabindex]=\"_nextButtonDisabled() ? -1 : 0\"\r\n         [class]=\"color && !_nextButtonDisabled() ? 'link-'+color : ''\"\r\n         [class.disabled]=\"_nextButtonDisabled()\"\r\n         [class.focus-ring]=\"color != null\"\r\n         [class.rounded-end-1]=\"hideBorders\"\r\n         [attr.aria-label]=\"_intl.nextPageLabelHint || _intl.nextPageLabel\"\r\n         [cuteTooltip]=\"_intl.nextPageLabelHint || _intl.nextPageLabel\"\r\n         [cuteTooltipDisabled]=\"_nextButtonDisabled()\"\r\n         [cuteTooltipPosition]=\"'above'\"\r\n         (mousedown)=\"onMouseDown($event)\"\r\n         (click)=\"nextPage()\"\r\n         (keydown.space)=\"nextPage();$event.preventDefault();\"\r\n      >\r\n        @if (showPrevNextLabels) {\r\n          {{_intl.nextPageLabel}}\r\n        } @else {\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\"\r\n               fill=\"currentColor\" class=\"bi bi-chevron-right\"\r\n               viewBox=\"0 0 16 16\"\r\n               focusable=\"false\" aria-hidden=\"true\">\r\n            <path fill-rule=\"evenodd\" d=\"M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z\"/>\r\n          </svg>\r\n        }\r\n      </a>\r\n    </li>\r\n\r\n    @if (showFirstLastButtons) {\r\n      <li class=\"page-item\">\r\n        <a class=\"page-link page-last\"\r\n           [tabindex]=\"_nextButtonDisabled() ? -1 : 0\"\r\n           [class.disabled]=\"_nextButtonDisabled()\"\r\n           [class]=\"color && !_nextButtonDisabled() ? 'link-'+color : ''\"\r\n           [class.focus-ring]=\"color != null\"\r\n           [attr.aria-label]=\"_intl.lastPageLabelHint || _intl.lastPageLabel\"\r\n           [cuteTooltip]=\"_intl.lastPageLabelHint || _intl.lastPageLabel\"\r\n           [cuteTooltipDisabled]=\"_nextButtonDisabled()\"\r\n           [cuteTooltipPosition]=\"'above'\"\r\n           (click)=\"lastPage()\"\r\n           (keydown.space)=\"lastPage();$event.preventDefault();\"\r\n        >\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\"\r\n               fill=\"currentColor\" class=\"bi bi-chevron-double-right\"\r\n               viewBox=\"0 0 16 16\"\r\n               focusable=\"false\" aria-hidden=\"true\">\r\n            <path fill-rule=\"evenodd\" d=\"M3.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L9.293 8 3.646 2.354a.5.5 0 0 1 0-.708z\"/>\r\n            <path fill-rule=\"evenodd\" d=\"M7.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L13.293 8 7.646 2.354a.5.5 0 0 1 0-.708z\"/>\r\n          </svg>\r\n        </a>\r\n      </li>\r\n    }\r\n  </ul>\r\n</nav>\r\n", styles: [".cute-paginator{display:flex;max-width:100%;align-items:center;gap:.5rem}.cute-paginator .page-size{display:flex;font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);background-color:var(--bs-pagination-bg);align-items:center}.cute-paginator .page-size .page-size-label{margin-right:.25rem;overflow:hidden;white-space:nowrap;text-align:center;text-overflow:ellipsis}.cute-paginator .page-size .page-size-select{width:6rem;padding:0 .25rem}.cute-paginator .pagination{align-items:center;margin:0;--bs-pagination-color: var(--bs-secondary-color)}.cute-paginator .pagination .page-item{cursor:pointer}.cute-paginator .pagination .page-item:has(.page-prev,.page-next){display:grid}.cute-paginator .pagination .page-item .page-link{-webkit-user-select:none;user-select:none}.cute-paginator .pagination .page-item .page-link:not(:has(>svg)){white-space:nowrap;text-align:center;text-overflow:ellipsis}.cute-paginator .pagination .page-item:has(.page-link.disabled,.disabled>.page-link){cursor:auto}[dir=rtl] .cute-paginator .pagination .page-item:last-child .page-link{border-radius:var(--bs-pagination-border-radius) 0 0 var(--bs-pagination-border-radius)}[dir=rtl] .cute-paginator .pagination .page-item:last-child .page-link>svg{transform:rotate(180deg)}[dir=rtl] .cute-paginator .pagination .page-item:first-child .page-link{border-radius:0 var(--bs-pagination-border-radius) var(--bs-pagination-border-radius) 0}[dir=rtl] .cute-paginator .pagination .page-item:first-child .page-link>svg{transform:rotate(180deg)}[dir=rtl] .cute-paginator .pagination .page-item .page-next>svg,[dir=rtl] .cute-paginator .pagination .page-item .page-prev>svg{transform:rotate(180deg)}.cute-paginator .pagination .cute-paginator-range-label{display:inline-block;overflow:hidden;white-space:nowrap;text-align:center;text-overflow:ellipsis;text-decoration:none;min-width:7rem;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);background-color:var(--bs-pagination-bg)}.cute-paginator .pagination-sm svg{width:.875rem}.cute-paginator .pagination-lg svg{width:1.25rem}\n"], dependencies: [{ kind: "component", type: CuteFormField, selector: "cute-form-field", inputs: ["hideValidStyle", "hideRequiredMarker", "magnitude", "floatLabel", "subscriptSizing", "hintLabel"], exportAs: ["cuteFormField"] }, { kind: "component", type: CuteSelect, selector: "cute-select", inputs: ["aria-describedby", "panelClass", "disableRipple", "hideSingleSelectionIndicator", "placeholder", "multiple", "disableOptionCentering", "compareWith", "value", "errorStateMatcher", "magnitude", "typeaheadDebounceInterval", "sortComparator", "panelWidth", "panelHeight", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["cuteSelect"] }, { kind: "directive", type: CuteTooltip, selector: "[cuteTooltip]", inputs: ["cuteTooltipPosition", "cuteTooltipPositionAtOrigin", "cuteTooltipDisabled", "cuteTooltipShowDelay", "cuteTooltipHideDelay", "cuteTooltipTouchGestures", "cuteTooltip", "cuteTooltipClass"], exportAs: ["cuteTooltip"] }, { kind: "component", type: CuteOption, selector: "cute-option", inputs: ["value"], outputs: ["onSelectionChange"], exportAs: ["cuteOption"] }, { kind: "directive", type: CuteLabel, selector: "cute-label", inputs: ["magnitude"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CutePaginator, decorators: [{
+            type: Component,
+            args: [{ selector: 'cute-paginator', exportAs: 'cutePaginator', host: {
+                        'class': 'cute-paginator',
+                        '[class.pe-none]': 'disabled',
+                        '[class.opacity-75]': 'disabled',
+                        '[class]': 'alignment ? "justify-content-"+alignment : undefined',
+                        'tabindex': '-1',
+                        'role': 'group',
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [CuteFormField, CuteSelect, CuteTooltip, CuteOption, CuteLabel], template: "@if (!hidePageSize) {\r\n  <div class=\"page-size\">\r\n\r\n    <cute-label class=\"page-size-label\"\r\n                [magnitude]=\"magnitude\"\r\n                [attr.id]=\"_pageSizeLabelId\">\r\n      {{_intl.itemsPerPageLabel}}\r\n    </cute-label>\r\n\r\n    @if (_displayedPageSizeOptions.length > 1) {\r\n\r\n      <cute-form-field\r\n              class=\"page-size-select\"\r\n              [class.me-auto]=\"true\"\r\n              subscriptSizing=\"dynamic\"\r\n              [color]=\"color\">\r\n\r\n        <cute-select\r\n          [value]=\"pageSize\"\r\n          [disabled]=\"disabled\"\r\n          [color]=\"color\"\r\n          [magnitude]=\"magnitude\"\r\n          [aria-labelledby]=\"_pageSizeLabelId\"\r\n          [panelClass]=\"selectConfig.panelClass || 'shadow-lg'\"\r\n          [disableOptionCentering]=\"selectConfig.disableOptionCentering\"\r\n          (selectionChange)=\"_changePageSize($event.value)\"\r\n          hideSingleSelectionIndicator>\r\n          @for (pageSizeOption of _displayedPageSizeOptions; track pageSizeOption) {\r\n            <cute-option [value]=\"pageSizeOption\">\r\n              {{pageSizeOption}}\r\n            </cute-option>\r\n          }\r\n        </cute-select>\r\n      </cute-form-field>\r\n    } @else {\r\n      <div class=\"page-size-value\">{{pageSize}}</div>\r\n    }\r\n  </div>\r\n}\r\n\r\n<nav [attr.aria-label]=\"ariaLabel\">\r\n\r\n  <ul class=\"pagination\"\r\n      [class]=\"_getMagnitudeCssClass()+(alignment=='between' ? '' : ' justify-content-'+alignment)\"\r\n      [class.gap-1]=\"hideBorders\"\r\n      [style.--bs-focus-ring-color]='color ? \"rgba(var(--bs-\"+color+\"-rgb), var(--bs-focus-ring-opacity))\" : \"\"'\r\n      [style.--bs-pagination-color]='color ? \"var(--bs-\"+color+\")\" : \"\"'\r\n      [style.--bs-pagination-active-bg]='color ? \"var(--bs-\"+color+\")\" : \"\"'\r\n      [style.--bs-pagination-active-border-color]='color ? \"rgb(var(--bs-\"+color+\"-rgb))\" : \"\"'\r\n      [style.--bs-pagination-border-width]=\"hideBorders ? 0 : undefined\"\r\n  >\r\n    @if (showFirstLastButtons) {\r\n      <li class=\"page-item page-first\">\r\n        <a class=\"page-link\"\r\n           [tabindex]=\"_previousButtonDisabled() ? -1 : 0\"\r\n           [class.disabled]=\"_previousButtonDisabled()\"\r\n           [class]=\"color && !_previousButtonDisabled() ? 'link-'+color : ''\"\r\n           [class.focus-ring]=\"color != null\"\r\n           [style.float]=\"'left'\"\r\n           [attr.aria-label]=\"_intl.firstPageLabelHint || _intl.firstPageLabel\"\r\n           [cuteTooltip]=\"_intl.firstPageLabelHint || _intl.firstPageLabel\"\r\n           [cuteTooltipDisabled]=\"_previousButtonDisabled()\"\r\n           [cuteTooltipPosition]=\"'above'\"\r\n           (click)=\"firstPage()\"\r\n           (keydown.space)=\"firstPage();$event.preventDefault();\"\r\n        >\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\"\r\n               fill=\"currentColor\" class=\"bi bi-chevron-double-left\"\r\n               viewBox=\"0 0 16 16\"\r\n               focusable=\"false\" aria-hidden=\"true\">\r\n            <path fill-rule=\"evenodd\" d=\"M8.354 1.646a.5.5 0 0 1 0 .708L2.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z\"/>\r\n            <path fill-rule=\"evenodd\" d=\"M12.354 1.646a.5.5 0 0 1 0 .708L6.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z\"/>\r\n          </svg>\r\n        </a>\r\n      </li>\r\n    }\r\n\r\n    <li class=\"page-item\" [class.me-auto]=\"alignment=='between'\">\r\n      <a class=\"page-link page-prev rounded-start-1\"\r\n         [tabindex]=\"_previousButtonDisabled() ? -1 : 0\"\r\n         [class]=\"color && !_previousButtonDisabled() ? 'link-'+color : ''\"\r\n         [class.disabled]=\"_previousButtonDisabled()\"\r\n         [class.focus-ring]=\"color != null\"\r\n         [class.rounded-start-1]=\"hideBorders\"\r\n         [attr.aria-label]=\"_intl.previousPageLabelHint || _intl.previousPageLabel\"\r\n         [cuteTooltip]=\"_intl.previousPageLabelHint || _intl.previousPageLabel\"\r\n         [cuteTooltipDisabled]=\"_previousButtonDisabled()\"\r\n         [cuteTooltipPosition]=\"'above'\"\r\n         (mousedown)=\"onMouseDown($event)\"\r\n         (click)=\"previousPage()\"\r\n         (keydown.space)=\"previousPage();$event.preventDefault();\"\r\n      >\r\n        @if (showPrevNextLabels) {\r\n          {{_intl.previousPageLabel}}\r\n        } @else {\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\"\r\n               fill=\"currentColor\" class=\"bi bi-chevron-left\"\r\n               viewBox=\"0 0 16 16\"\r\n               focusable=\"false\" aria-hidden=\"true\">\r\n            <path fill-rule=\"evenodd\" d=\"M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z\"/>\r\n          </svg>\r\n        }\r\n      </a>\r\n    </li>\r\n\r\n    @if (middleSectionStyle.endsWith('pages')) {\r\n      @for (pageNo of getPageNumbers(); track pageNo) {\r\n        <li class=\"page-item\">\r\n          <a [attr.tabindex]=\"isNaN(pageNo)?-1:0\"\r\n             class=\"page-link page-number\"\r\n             [class.active]=\"isActivePage(pageNo) && !hideActive\"\r\n             [class.shadow]=\"isActivePage(pageNo) && !hideActive\"\r\n             [class.rounded-1]=\"hideBorders\"\r\n             [class]=\"color && !isActivePage(pageNo) ? 'link-'+color : ''\"\r\n             [class.focus-ring]=\"color != null\"\r\n             [attr.aria-current]=\"isActivePage(pageNo) ? 'page' : ''\"\r\n             (mousedown)=\"onMouseDown($event)\"\r\n             (click)=\"gotoPage(pageNo);\"\r\n             (keydown.space)=\"gotoPage(pageNo);$event.preventDefault();\"\r\n          >\r\n            {{pageNo + 1}}\r\n          </a>\r\n        </li>\r\n      }\r\n\r\n    } @else if (middleSectionStyle=='range') {\r\n      <li class=\"cute-paginator-range-label\"\r\n          [class]=\"color ? 'link-'+color : ''\"\r\n          aria-live=\"polite\">\r\n        {{_intl.getRangeLabel(pageIndex, pageSize, length)}}\r\n      </li>\r\n    }\r\n\r\n    <li class=\"page-item\" [class.ms-auto]=\"alignment=='between'\">\r\n      <a class=\"page-link page-next rounded-end-1\"\r\n         [tabindex]=\"_nextButtonDisabled() ? -1 : 0\"\r\n         [class]=\"color && !_nextButtonDisabled() ? 'link-'+color : ''\"\r\n         [class.disabled]=\"_nextButtonDisabled()\"\r\n         [class.focus-ring]=\"color != null\"\r\n         [class.rounded-end-1]=\"hideBorders\"\r\n         [attr.aria-label]=\"_intl.nextPageLabelHint || _intl.nextPageLabel\"\r\n         [cuteTooltip]=\"_intl.nextPageLabelHint || _intl.nextPageLabel\"\r\n         [cuteTooltipDisabled]=\"_nextButtonDisabled()\"\r\n         [cuteTooltipPosition]=\"'above'\"\r\n         (mousedown)=\"onMouseDown($event)\"\r\n         (click)=\"nextPage()\"\r\n         (keydown.space)=\"nextPage();$event.preventDefault();\"\r\n      >\r\n        @if (showPrevNextLabels) {\r\n          {{_intl.nextPageLabel}}\r\n        } @else {\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\"\r\n               fill=\"currentColor\" class=\"bi bi-chevron-right\"\r\n               viewBox=\"0 0 16 16\"\r\n               focusable=\"false\" aria-hidden=\"true\">\r\n            <path fill-rule=\"evenodd\" d=\"M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z\"/>\r\n          </svg>\r\n        }\r\n      </a>\r\n    </li>\r\n\r\n    @if (showFirstLastButtons) {\r\n      <li class=\"page-item\">\r\n        <a class=\"page-link page-last\"\r\n           [tabindex]=\"_nextButtonDisabled() ? -1 : 0\"\r\n           [class.disabled]=\"_nextButtonDisabled()\"\r\n           [class]=\"color && !_nextButtonDisabled() ? 'link-'+color : ''\"\r\n           [class.focus-ring]=\"color != null\"\r\n           [attr.aria-label]=\"_intl.lastPageLabelHint || _intl.lastPageLabel\"\r\n           [cuteTooltip]=\"_intl.lastPageLabelHint || _intl.lastPageLabel\"\r\n           [cuteTooltipDisabled]=\"_nextButtonDisabled()\"\r\n           [cuteTooltipPosition]=\"'above'\"\r\n           (click)=\"lastPage()\"\r\n           (keydown.space)=\"lastPage();$event.preventDefault();\"\r\n        >\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\"\r\n               fill=\"currentColor\" class=\"bi bi-chevron-double-right\"\r\n               viewBox=\"0 0 16 16\"\r\n               focusable=\"false\" aria-hidden=\"true\">\r\n            <path fill-rule=\"evenodd\" d=\"M3.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L9.293 8 3.646 2.354a.5.5 0 0 1 0-.708z\"/>\r\n            <path fill-rule=\"evenodd\" d=\"M7.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L13.293 8 7.646 2.354a.5.5 0 0 1 0-.708z\"/>\r\n          </svg>\r\n        </a>\r\n      </li>\r\n    }\r\n  </ul>\r\n</nav>\r\n", styles: [".cute-paginator{display:flex;max-width:100%;align-items:center;gap:.5rem}.cute-paginator .page-size{display:flex;font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);background-color:var(--bs-pagination-bg);align-items:center}.cute-paginator .page-size .page-size-label{margin-right:.25rem;overflow:hidden;white-space:nowrap;text-align:center;text-overflow:ellipsis}.cute-paginator .page-size .page-size-select{width:6rem;padding:0 .25rem}.cute-paginator .pagination{align-items:center;margin:0;--bs-pagination-color: var(--bs-secondary-color)}.cute-paginator .pagination .page-item{cursor:pointer}.cute-paginator .pagination .page-item:has(.page-prev,.page-next){display:grid}.cute-paginator .pagination .page-item .page-link{-webkit-user-select:none;user-select:none}.cute-paginator .pagination .page-item .page-link:not(:has(>svg)){white-space:nowrap;text-align:center;text-overflow:ellipsis}.cute-paginator .pagination .page-item:has(.page-link.disabled,.disabled>.page-link){cursor:auto}[dir=rtl] .cute-paginator .pagination .page-item:last-child .page-link{border-radius:var(--bs-pagination-border-radius) 0 0 var(--bs-pagination-border-radius)}[dir=rtl] .cute-paginator .pagination .page-item:last-child .page-link>svg{transform:rotate(180deg)}[dir=rtl] .cute-paginator .pagination .page-item:first-child .page-link{border-radius:0 var(--bs-pagination-border-radius) var(--bs-pagination-border-radius) 0}[dir=rtl] .cute-paginator .pagination .page-item:first-child .page-link>svg{transform:rotate(180deg)}[dir=rtl] .cute-paginator .pagination .page-item .page-next>svg,[dir=rtl] .cute-paginator .pagination .page-item .page-prev>svg{transform:rotate(180deg)}.cute-paginator .pagination .cute-paginator-range-label{display:inline-block;overflow:hidden;white-space:nowrap;text-align:center;text-overflow:ellipsis;text-decoration:none;min-width:7rem;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);background-color:var(--bs-pagination-bg)}.cute-paginator .pagination-sm svg{width:.875rem}.cute-paginator .pagination-lg svg{width:1.25rem}\n"] }]
+        }], ctorParameters: () => [{ type: CutePaginatorIntl }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [CUTE_PAGINATOR_DEFAULT_OPTIONS]
+                }] }], propDecorators: { pageIndex: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], length: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], pageSize: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], pageSizeOptions: [{
+                type: Input
+            }], hidePageSize: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], showFirstLastButtons: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], showPrevNextLabels: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], hideBorders: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], middleSectionStyle: [{
+                type: Input
+            }], alignment: [{
+                type: Input
+            }], magnitude: [{
+                type: Input
+            }], selectConfig: [{
+                type: Input
+            }], page: [{
+                type: Output
+            }] } });
+
+/**
+ * @license Apache-2.0
+ *
+ * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.
+ *
+ * You may not use this file except in compliance with the License
+ * that can be found at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * This code is a modification of the `@angular/material` original
+ * code licensed under MIT-style License (https://angular.dev/license).
+ */
+const TYPES = [CutePaginator];
+class CutePaginatorModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CutePaginatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: CutePaginatorModule, imports: [CommonModule, CutePaginator], exports: [CutePaginator] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CutePaginatorModule, imports: [CommonModule, TYPES] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CutePaginatorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, ...TYPES],
+                    exports: TYPES,
+                    declarations: [],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CUTE_PAGINATOR_DEFAULT_OPTIONS, CutePaginator, CutePaginatorModule };
+//# sourceMappingURL=cute-widgets-base-paginator.mjs.map