@cute-widgets/base 20.0.4 → 20.0.5

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

@@ -1,13 +1,28 @@
 import * as i0 from '@angular/core';
-import { inject, signal, ChangeDetectionStrategy, ViewEncapsulation, Component, InjectionToken, EventEmitter, computed, isDevMode, HostBinding, Output, Input, ContentChildren, Directive, booleanAttribute, NgModule } from '@angular/core';
+import { ChangeDetectionStrategy, ViewEncapsulation, Component, inject, signal, viewChild, InjectionToken, EventEmitter, computed, isDevMode, HostBinding, Output, Input, ContentChildren, Directive, booleanAttribute, NgModule } from '@angular/core';
 import { CuteLayoutControl } from '@cute-widgets/base/abstract';
 import { CuteContainer } from '@cute-widgets/base/layout';
-import * as i1 from '@cute-widgets/base/collapse';
-import { CuteCollapse, CuteCollapseTrigger } from '@cute-widgets/base/collapse';
 import { Subscription } from 'rxjs';
+import { MediaMatcher } from '@angular/cdk/layout';
+import { bsBreakpoints } from '@cute-widgets/base/core';
+import * as i1 from '@cute-widgets/base/collapse';
+import { CuteCollapseBase, CuteCollapseTrigger, CuteCollapseModule } from '@cute-widgets/base/collapse';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { CuteNav, CUTE_NAV } from '@cute-widgets/base/core/nav';
-import { CommonModule } from '@angular/common';
+
+class CuteNavbarCollapse extends CuteCollapseBase {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteNavbarCollapse, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: CuteNavbarCollapse, isStandalone: true, selector: "cute-navbar-collapse", host: { properties: { "class": "\"cute-navbar-collapse-\"+(horizontal ? \"horizontal\" : \"vertical\")+\" \"+getState()", "class.cute-navbar-collapse-animations-enabled": "!disableAnimation", "id": "id || null" }, classAttribute: "cute-navbar-collapse" }, exportAs: ["cuteNavbarCollapse"], usesInheritance: true, ngImport: i0, template: "<div class=\"cute-navbar-collapse-content\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".cute-navbar-collapse{display:grid;width:100%;overflow:hidden}.cute-navbar-collapse .cute-navbar-collapse-content{min-height:0;overflow:hidden;transition:display .1s;transition-timing-function:ease-in-out;transition-behavior:allow-discrete;display:none}.cute-navbar-collapse.expanded .cute-navbar-collapse-content{display:block}.cute-navbar-collapse.collapsed .cute-navbar-collapse-content{display:none}.cute-navbar-collapse.cute-navbar-collapse-vertical{grid-template-rows:0fr}.cute-navbar-collapse.cute-navbar-collapse-vertical.expanded{grid-template-rows:1fr}.cute-navbar-collapse.cute-navbar-collapse-vertical.collapsed{grid-template-rows:0fr}.cute-navbar-collapse.cute-navbar-collapse-vertical.cute-navbar-collapse-animations-enabled{transition:grid-template-rows .2s}.cute-navbar-collapse.cute-navbar-collapse-horizontal{grid-template-columns:0fr}.cute-navbar-collapse.cute-navbar-collapse-horizontal.expanded{grid-template-columns:1fr}.cute-navbar-collapse.cute-navbar-collapse-horizontal.collapsed{grid-template-columns:0fr}.cute-navbar-collapse.cute-navbar-collapse-horizontal.cute-navbar-collapse-animations-enabled{transition:grid-template-columns .2s}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteNavbarCollapse, decorators: [{
+            type: Component,
+            args: [{ selector: 'cute-navbar-collapse', exportAs: 'cuteNavbarCollapse', host: {
+                        'class': 'cute-navbar-collapse',
+                        '[class]': '"cute-navbar-collapse-"+(horizontal ? "horizontal" : "vertical")+" "+getState()',
+                        '[class.cute-navbar-collapse-animations-enabled]': '!disableAnimation',
+                        '[id]': 'id || null',
+                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"cute-navbar-collapse-content\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".cute-navbar-collapse{display:grid;width:100%;overflow:hidden}.cute-navbar-collapse .cute-navbar-collapse-content{min-height:0;overflow:hidden;transition:display .1s;transition-timing-function:ease-in-out;transition-behavior:allow-discrete;display:none}.cute-navbar-collapse.expanded .cute-navbar-collapse-content{display:block}.cute-navbar-collapse.collapsed .cute-navbar-collapse-content{display:none}.cute-navbar-collapse.cute-navbar-collapse-vertical{grid-template-rows:0fr}.cute-navbar-collapse.cute-navbar-collapse-vertical.expanded{grid-template-rows:1fr}.cute-navbar-collapse.cute-navbar-collapse-vertical.collapsed{grid-template-rows:0fr}.cute-navbar-collapse.cute-navbar-collapse-vertical.cute-navbar-collapse-animations-enabled{transition:grid-template-rows .2s}.cute-navbar-collapse.cute-navbar-collapse-horizontal{grid-template-columns:0fr}.cute-navbar-collapse.cute-navbar-collapse-horizontal.expanded{grid-template-columns:1fr}.cute-navbar-collapse.cute-navbar-collapse-horizontal.collapsed{grid-template-columns:0fr}.cute-navbar-collapse.cute-navbar-collapse-horizontal.cute-navbar-collapse-animations-enabled{transition:grid-template-columns .2s}\n"] }]
+        }] });
 
 /**
  * @license Apache-2.0
@@ -17,64 +32,87 @@ import { CommonModule } from '@angular/common';
  * 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
  */
+let uniqueId = 0;
 /**
  * Collapsible navbar content.
  */
-class CuteNavbarContent extends CuteCollapse {
+class CuteNavbarContent extends CuteLayoutControl {
     constructor() {
         super();
-        this._subscription = new Subscription();
+        this._selfSubscriptions = new Subscription();
         this._navbar = inject(CUTE_NAVBAR);
+        this.mediaMatcher = inject(MediaMatcher);
         this._breakpointMatches = signal(false, ...(ngDevMode ? [{ debugName: "_breakpointMatches" }] : []));
-        this._subscription.add(this._navbar.breakpointState.subscribe(state => {
+        this._collapse = viewChild.required(CuteNavbarCollapse);
+        this._navbarMediaQueries = bsBreakpoints.getMediaQueries(this._navbar.breakpoint ?? []);
+        this._selfSubscriptions.add(this._navbar.breakpointState.subscribe(state => {
             this._breakpointMatches.set(state.matches);
             if (!state.matches) {
-                this.close(); // if content was in the 'expanded' state when the screen width changed
+                this._collapse().close(); // if content was in the 'expanded' state when the screen width changed
                 this._navbar.expansionChange.emit(false);
             }
         }));
-        this._subscription.add(this.afterExpand.subscribe(() => {
+    }
+    get expanded() {
+        return this._collapse().expanded;
+    }
+    get mediaMatches() {
+        if (this._navbarMediaQueries.length) {
+            return this.mediaMatcher.matchMedia(this._navbarMediaQueries[0]).matches;
+        }
+        return false;
+    }
+    generateId() {
+        return `cute-navbar-content-${uniqueId++}`;
+    }
+    open() {
+        this._collapse().open();
+    }
+    close() {
+        this._collapse().close();
+    }
+    toggle() {
+        this._collapse().toggle();
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this._selfSubscriptions.add(this._collapse().afterExpand.subscribe(() => {
             if (this._breakpointMatches()) {
                 this._navbar.expansionChange.emit(true);
             }
         }));
-        this._subscription.add(this.afterCollapse.subscribe(() => this._navbar.expansionChange.emit(false)));
+        this._selfSubscriptions.add(this._collapse().afterCollapse.subscribe(() => {
+            this._navbar.expansionChange.emit(false);
+        }));
     }
-    getState() {
-        if (this._breakpointMatches()) {
-            return super.getState();
-        }
-        // Parent class, CuteCollapse, uses this state to trigger the expanding process.
-        // But we use it for the sake of `visibility` property only.
-        // TODO: Change to a simpler and clearer algorithm.
-        return 'expanded';
+    ngAfterViewChecked() {
+        this._breakpointMatches.set(this.mediaMatches);
     }
     ngOnDestroy() {
         super.ngOnDestroy();
-        this._subscription.unsubscribe();
+        this._selfSubscriptions.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteNavbarContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: CuteNavbarContent, isStandalone: true, selector: "cute-navbar-content", host: { properties: { "class.show": "expanded" }, classAttribute: "navbar-collapse collapse" }, exportAs: ["cuteNavbarContent"], usesInheritance: true, ngImport: i0, template: `
-    <ng-content></ng-content>
-  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.15", type: CuteNavbarContent, isStandalone: true, selector: "cute-navbar-content", host: { properties: { "class.breakpoint-matches": "_breakpointMatches()" }, classAttribute: "cute-navbar-content navbar-collapse" }, viewQueries: [{ propertyName: "_collapse", first: true, predicate: CuteNavbarCollapse, descendants: true, isSignal: true }], exportAs: ["cuteNavbarContent"], usesInheritance: true, ngImport: i0, template: `
+    <cute-navbar-collapse>
+      <ng-content></ng-content>
+    </cute-navbar-collapse>
+  `, isInline: true, styles: [".cute-navbar-content:not(.breakpoint-matches) cute-navbar-collapse{display:block}.cute-navbar-content:not(.breakpoint-matches) cute-navbar-collapse .cute-navbar-collapse-content{display:flex}\n"], dependencies: [{ kind: "component", type: CuteNavbarCollapse, selector: "cute-navbar-collapse", exportAs: ["cuteNavbarCollapse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteNavbarContent, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'cute-navbar-content',
-                    template: `
-    <ng-content></ng-content>
-  `,
-                    exportAs: 'cuteNavbarContent',
-                    host: {
-                        'class': 'navbar-collapse collapse',
-                        '[class.show]': 'expanded',
-                    },
-                    encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    standalone: true,
-                }]
-        }], ctorParameters: () => [] });
+            args: [{ selector: 'cute-navbar-content', template: `
+    <cute-navbar-collapse>
+      <ng-content></ng-content>
+    </cute-navbar-collapse>
+  `, exportAs: 'cuteNavbarContent', host: {
+                        'class': 'cute-navbar-content navbar-collapse',
+                        //'[class.collapsed]': '!expanded',
+                        '[class.breakpoint-matches]': '_breakpointMatches()',
+                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CuteNavbarCollapse,
+                    ], styles: [".cute-navbar-content:not(.breakpoint-matches) cute-navbar-collapse{display:block}.cute-navbar-content:not(.breakpoint-matches) cute-navbar-collapse .cute-navbar-collapse-content{display:flex}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { _collapse: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CuteNavbarCollapse), { isSignal: true }] }] } });
 
 /**
  * @license Apache-2.0
@@ -115,12 +153,14 @@ class CuteNavbar extends CuteLayoutControl {
     }
     constructor() {
         super();
+        this._expanded = signal(false, ...(ngDevMode ? [{ debugName: "_expanded" }] : []));
         /** Event emitted when the navbar's content expansion status changed. */
         this.expansionChange = new EventEmitter();
         this.contentExpanded = computed(() => this._expanded(), ...(ngDevMode ? [{ debugName: "contentExpanded" }] : []));
-        this._expanded = signal(false, ...(ngDevMode ? [{ debugName: "_expanded" }] : []));
         this.role = "navigation";
-        this.expansionChange.pipe(takeUntilDestroyed()).subscribe(state => this._expanded.set(state));
+        this.expansionChange.pipe(takeUntilDestroyed()).subscribe(state => {
+            this._expanded.set(state);
+        });
     }
     generateId() {
         return `cute-navbar-${++nextId}`;
@@ -317,7 +357,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  */
 class CuteNavbarModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: CuteNavbarModule, imports: [CommonModule,
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: CuteNavbarModule, imports: [CuteCollapseModule,
             CuteNavbar,
             CuteNavbarBrand,
             CuteNavbarContent,
@@ -329,7 +369,7 @@ class CuteNavbarModule {
             CuteNavbarNav,
             CuteNavbarText,
             CuteNavbarToggler] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteNavbarModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteNavbarModule, imports: [CuteCollapseModule,
             CuteNavbar] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteNavbarModule, decorators: [{
@@ -337,7 +377,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
             args: [{
                     declarations: [],
                     imports: [
-                        CommonModule,
+                        CuteCollapseModule,
                         CuteNavbar,
                         CuteNavbarBrand,
                         CuteNavbarContent,

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

@@ -1 +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/**\r\n * A full-height and lightweight navigation container for including other navigation components.\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/**\r\n * A trigger element for expand/collapse the `cute-navbar-content`.\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":";;;;;;;;;;;AAAA;;;;;;;AAOG;AAMH;;AAEG;AAeG,MAAO,iBAAkB,SAAQ,YAAY,CAAA;AAKjD,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;AALD,QAAA,IAAA,CAAA,aAAa,GAAiB,IAAI,YAAY,EAAE;AAC9C,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,WAAW,CAAC;AAC7B,QAAA,IAAA,CAAA,kBAAkB,GAAG,MAAM,CAAU,KAAK,8DAAC;AAKnD,QAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CACpB,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,SAAS,CAAC,KAAK,IAAG;YAC7C,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC;AAC1C,YAAA,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;AAClB,gBAAA,IAAI,CAAC,KAAK,EAAE,CAAC;gBACb,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC;YAC1C;QACD,CAAC,CAAC,CACJ;AACD,QAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CACpB,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,MAAK;AAC9B,YAAA,IAAI,IAAI,CAAC,kBAAkB,EAAE,EAAE;gBAC7B,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;YACzC;QACF,CAAC,CAAC,CACH;QACD,IAAI,CAAC,aAAa,CAAC,GAAG,CACpB,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAC7E;IACH;IAES,QAAQ,GAAA;AACf,QAAA,IAAI,IAAI,CAAC,kBAAkB,EAAE,EAAE;AAC7B,YAAA,OAAO,KAAK,CAAC,QAAQ,EAAE;QACzB;;;;AAIA,QAAA,OAAO,UAAU;IACnB;IAES,WAAW,GAAA;QAClB,KAAK,CAAC,WAAW,EAAE;AACnB,QAAA,IAAI,CAAC,aAAa,CAAC,WAAW,EAAE;IAClC;+GA1CW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,YAAA,EAAA,UAAA,EAAA,EAAA,cAAA,EAAA,0BAAA,EAAA,EAAA,QAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAZlB,CAAA;;AAET,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAUU,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAd7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,QAAQ,EAAE,CAAA;;AAET,EAAA,CAAA;AACD,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,IAAI,EAAE;AACJ,wBAAA,OAAO,EAAE,0BAA0B;AACnC,wBAAA,cAAc,EAAE,UAAU;AAC3B,qBAAA;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;;AC7BD;;;;;;;AAOG;MAgBU,WAAW,GAAG,IAAI,cAAc,CAAa,aAAa;AAEvE,IAAI,MAAM,GAAG,CAAC;AAEd;;;AAGG;AAwBG,MAAO,UAAW,SAAQ,iBAAiB,CAAA;AAY/C,IAAA,IACI,YAAY,GAAA;QACd,IAAI,SAAS,GAAG,EAAE;AAElB,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,YAAA,SAAS,IAAI,gBAAgB,GAAC,IAAI,CAAC,UAAU;QAC/C;AACA,QAAA,QAAQ,IAAI,CAAC,QAAQ;AACnB,YAAA,KAAK,WAAW;AAChB,YAAA,KAAK,cAAc;AACjB,gBAAA,SAAS,IAAI,GAAG,GAAC,IAAI,CAAC,QAAQ;gBAC9B;AACF,YAAA,KAAK,YAAY;AACjB,YAAA,KAAK,eAAe;AAClB,gBAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,oBAAA,SAAS,IAAK,GAAG,GAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,GAAC,IAAI,CAAC,UAAU,GAAC,GAAG,CAAC;gBACvE;qBAAO;AACL,oBAAA,SAAS,IAAI,GAAG,GAAC,IAAI,CAAC,QAAQ;gBAChC;gBACA;;AAEJ,QAAA,OAAO,SAAS;IAClB;AAEA,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;;AA9BC,QAAA,IAAA,CAAA,eAAe,GAAG,IAAI,YAAY,EAAW;QAE9C,IAAA,CAAA,eAAe,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;AACnD,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAU,KAAK,qDAAC;AA4BxC,QAAA,IAAI,CAAC,IAAI,GAAG,YAAY;QACxB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC,SAAS,CAAC,KAAK,IAAI,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IAC/F;IAEU,UAAU,GAAA;AAClB,QAAA,OAAO,CAAA,YAAA,EAAe,EAAE,MAAM,CAAA,CAAE;IAClC;IAES,kBAAkB,GAAA;QACzB,KAAK,CAAC,kBAAkB,EAAE;QAE1B,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,IAAI,CAAC;AAC1C,QAAA,IAAI,KAAK,GAAG,CAAC,IAAI,SAAS,EAAE,EAAE;AAC5B,YAAA,MAAM,IAAI,KAAK,CAAC,wFAAwF,CAAC;QAC3G;IACF;+GArDW,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAV,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,cAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,OAAA,EAAA,mBAAA,EAAA,EAAA,cAAA,EAAA,oBAAA,EAAA,EAAA,SAAA,EALV,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,YAAA,EAAA,SAAA,EAM7C,iBAAiB,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAtBxB,CAAA;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,8BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAaU,aAAa,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,eAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAIb,UAAU,EAAA,UAAA,EAAA,CAAA;kBAvBtB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,EAAA,QAAA,EACb,CAAA;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAMS,YAAY,EAAA,IAAA,EAChB;AACJ,wBAAA,OAAO,EAAE,oBAAoB;AAC7B,wBAAA,gBAAgB,EAAE,mBAAmB;AACrC,wBAAA,aAAa,EAAE,cAAc;qBAC9B,EAAA,SAAA,EACU,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,YAAY,EAAE,CAAC,WACrD,CAAE,aAAa,CAAE,EAAA,aAAA,EACX,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,8BAAA,CAAA,EAAA;;sBAG9C,eAAe;AAAC,gBAAA,IAAA,EAAA,CAAA,iBAAiB,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC;;sBAGtD;;sBAGA;;sBAKA,WAAW;uBAAC,OAAO;;;AClEtB;;;;;;;AAOG;AAGH;;AAEG;MASU,eAAe,CAAA;+GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wCAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,gCAAA,EAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAR3B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,wCAAwC;AAClD,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,IAAI,EAAE;AACF,wBAAA,OAAO,EAAE;AACZ,qBAAA;AACD,oBAAA,UAAU,EAAE,IAAI;AACnB,iBAAA;;;ACpBD;;;;;;;AAOG;AAIH;;AAEG;AAYG,MAAO,aAAc,SAAQ,OAAO,CAAA;;IASxC,IACI,YAAY,KAAwB,OAAO,IAAI,CAAC,aAAa,CAAC,CAAA;IAClE,IAAI,YAAY,CAAC,KAAkC,EAAA;AACjD,QAAA,IAAI,KAAK,KAAK,IAAI,CAAC,aAAa,EAAE;AAChC,YAAA,IAAI,OAAO,KAAK,KAAG,QAAQ,EAAE;AAC3B,gBAAA,KAAK,GAAG,CAAA,EAAG,KAAK,CAAA,EAAA,CAAI;YACtB;AACA,YAAA,IAAI,CAAC,aAAa,GAAG,KAAK;QAC5B;IACF;AAGA,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;AApBT;;;AAGG;QACmC,IAAA,CAAA,UAAU,GAAY,KAAK;IAiBjE;+GAvBW,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oCAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAML,gBAAgB,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,yBAAA,EAAA,YAAA,EAAA,0BAAA,EAAA,cAAA,EAAA,EAAA,cAAA,EAAA,8CAAA,EAAA,EAAA,SAAA,EARxB,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAC,CAAC,EAAA,QAAA,EAAA,CAAA,eAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAEjD,aAAa,EAAA,UAAA,EAAA,CAAA;kBAXzB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,oCAAoC;AAC9C,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,IAAI,EAAE;AACJ,wBAAA,OAAO,EAAE,8CAA8C;AACvD,wBAAA,2BAA2B,EAAE,YAAY;AACzC,wBAAA,4BAA4B,EAAE,cAAc;AAC7C,qBAAA;AACD,oBAAA,UAAU,EAAE,IAAI;oBAChB,SAAS,EAAE,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAA,aAAe,EAAC,CAAC;AAC7D,iBAAA;;sBAOE,KAAK;uBAAC,EAAC,SAAS,EAAE,gBAAgB,EAAC;;sBAGnC;;;AClCH;;;;;;;AAOG;AAGH;;AAEG;MASU,cAAc,CAAA;+GAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wDAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,aAAA,EAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAR1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,wDAAwD;AAClE,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,IAAI,EAAE;AACJ,wBAAA,OAAO,EAAE;AACV,qBAAA;AACD,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;;ACpBD;;;;;;;;;;AAUG;AAIH;;AAEG;MAiBU,iBAAiB,CAAA;+GAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4CAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,cAAA,EAAA,wCAAA,EAAA,EAAA,QAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,EAAA,sBAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAhB7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,4CAA4C;AACtD,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,IAAI,EAAE;AACF,wBAAA,OAAO,EAAE,wCAAwC;AACjD,wBAAA,MAAM,EAAE,QAAQ;AACnB,qBAAA;AACD,oBAAA,cAAc,EAAE;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,mBAAmB;4BAC9B,MAAM,EAAE,CAAC,6CAA6C,CAAC;AACvD,4BAAA,OAAO,EAAE,EAAE;AACZ;AACF,qBAAA;AACD,oBAAA,UAAU,EAAE,IAAI;AACnB,iBAAA;;;AChCD;;;;;;;AAOG;MA+BU,gBAAgB,CAAA;+GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YAlBzB,YAAY;YACZ,UAAU;YACV,eAAe;YACf,iBAAiB;YACjB,aAAa;YACb,cAAc;AACd,YAAA,iBAAiB,aAGjB,UAAU;YACV,eAAe;YACf,iBAAiB;YACjB,aAAa;YACb,cAAc;YACd,iBAAiB,CAAA,EAAA,CAAA,CAAA;AAIR,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YAlBzB,YAAY;YACZ,UAAU,CAAA,EAAA,CAAA,CAAA;;4FAiBD,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBArB5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,EAAE;AAChB,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,UAAU;wBACV,eAAe;wBACf,iBAAiB;wBACjB,aAAa;wBACb,cAAc;wBACd,iBAAiB;AAClB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,UAAU;wBACV,eAAe;wBACf,iBAAiB;wBACjB,aAAa;wBACb,cAAc;wBACd,iBAAiB;AAClB,qBAAA;AACD,oBAAA,SAAS,EAAE,EAAE;AACd,iBAAA;;;ACrCD;;AAEG;;;;"}
+{"version":3,"file":"cute-widgets-base-navbar.mjs","sources":["../../../../projects/cute-widgets/base/navbar/src/navbar-collapse.component.ts","../../../../projects/cute-widgets/base/navbar/src/navbar-collapse.component.html","../../../../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":["import {CuteCollapseBase} from '@cute-widgets/base/collapse';\r\nimport {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'cute-navbar-collapse',\r\n  templateUrl: './navbar-collapse.component.html',\r\n  styleUrl: './navbar-collapse.component.scss',\r\n  exportAs: 'cuteNavbarCollapse',\r\n  host: {\r\n    'class': 'cute-navbar-collapse',\r\n    '[class]': '\"cute-navbar-collapse-\"+(horizontal ? \"horizontal\" : \"vertical\")+\" \"+getState()',\r\n    '[class.cute-navbar-collapse-animations-enabled]': '!disableAnimation',\r\n    '[id]': 'id || null',\r\n  },\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class CuteNavbarCollapse extends CuteCollapseBase {}\r\n","<div class=\"cute-navbar-collapse-content\">\r\n  <ng-content></ng-content>\r\n</div>\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  AfterViewChecked,\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  inject,\r\n  OnDestroy, OnInit,\r\n  signal, viewChild,\r\n  ViewEncapsulation\r\n} from \"@angular/core\";\r\nimport {CUTE_NAVBAR} from './navbar.component';\r\nimport {Subscription} from 'rxjs';\r\nimport {CuteLayoutControl, Expandable} from '@cute-widgets/base/abstract';\r\nimport {MediaMatcher} from '@angular/cdk/layout';\r\nimport {bsBreakpoints} from '@cute-widgets/base/core';\r\nimport {CuteNavbarCollapse} from './navbar-collapse.component';\r\n\r\nlet uniqueId: number = 0;\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    <cute-navbar-collapse>\r\n      <ng-content></ng-content>\r\n    </cute-navbar-collapse>\r\n  `,\r\n  styleUrl: './navbar-content.component.scss',\r\n  exportAs: 'cuteNavbarContent',\r\n  host: {\r\n    'class': 'cute-navbar-content navbar-collapse',\r\n    //'[class.collapsed]': '!expanded',\r\n    '[class.breakpoint-matches]': '_breakpointMatches()',\r\n  },\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  imports: [\r\n    CuteNavbarCollapse,\r\n  ]\r\n})\r\nexport class CuteNavbarContent extends CuteLayoutControl implements Expandable, AfterViewChecked {\r\n  private _selfSubscriptions: Subscription = new Subscription();\r\n  protected _navbar = inject(CUTE_NAVBAR);\r\n  protected mediaMatcher = inject(MediaMatcher);\r\n  protected _breakpointMatches = signal<boolean>(false);\r\n  protected _collapse = viewChild.required(CuteNavbarCollapse);\r\n\r\n  private readonly _navbarMediaQueries: string[];\r\n\r\n  constructor() {\r\n    super();\r\n\r\n    this._navbarMediaQueries = bsBreakpoints.getMediaQueries(this._navbar.breakpoint ?? []);\r\n\r\n    this._selfSubscriptions.add(\r\n      this._navbar.breakpointState.subscribe(state => {\r\n        this._breakpointMatches.set(state.matches);\r\n        if (!state.matches) {\r\n          this._collapse().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\r\n  }\r\n\r\n  get expanded(): boolean {\r\n    return this._collapse().expanded;\r\n  }\r\n\r\n  private get mediaMatches(): boolean {\r\n    if (this._navbarMediaQueries.length) {\r\n      return this.mediaMatcher.matchMedia(this._navbarMediaQueries[0]).matches;\r\n    }\r\n    return false;\r\n  }\r\n\r\n  protected override generateId(): string {\r\n    return `cute-navbar-content-${uniqueId++}`;\r\n  }\r\n\r\n  open() {\r\n    this._collapse().open();\r\n  }\r\n\r\n  close() {\r\n    this._collapse().close();\r\n  }\r\n\r\n  toggle() {\r\n    this._collapse().toggle();\r\n  }\r\n\r\n  override ngOnInit() {\r\n    super.ngOnInit();\r\n\r\n     this._selfSubscriptions.add(\r\n      this._collapse().afterExpand.subscribe(() => {\r\n        if (this._breakpointMatches()) {\r\n          this._navbar.expansionChange.emit(true);\r\n        }\r\n      })\r\n    );\r\n    this._selfSubscriptions.add(\r\n      this._collapse().afterCollapse.subscribe(() => {\r\n        this._navbar.expansionChange.emit(false);\r\n      })\r\n    );\r\n  }\r\n\r\n  ngAfterViewChecked() {\r\n    this._breakpointMatches.set(this.mediaMatches);\r\n  }\r\n\r\n  override ngOnDestroy() {\r\n    super.ngOnDestroy();\r\n    this._selfSubscriptions.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  private _expanded = signal<boolean>(false);\r\n\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\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\r\n    this.expansionChange.pipe(takeUntilDestroyed()).subscribe(state => {\r\n        this._expanded.set(state);\r\n    });\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/**\r\n * A full-height and lightweight navigation container for including other navigation components.\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/**\r\n * A trigger element for expand/collapse the `cute-navbar-content`.\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\nimport {CuteCollapseModule} from '@cute-widgets/base/collapse';\r\n\r\n@NgModule({\r\n  declarations: [],\r\n  imports: [\r\n    CuteCollapseModule,\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":";;;;;;;;;;;;AAiBM,MAAO,kBAAmB,SAAQ,gBAAgB,CAAA;+GAA3C,kBAAkB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,yYCjB/B,2FAGA,EAAA,MAAA,EAAA,CAAA,+oCAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FDca,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAd9B,SAAS;+BACE,sBAAsB,EAAA,QAAA,EAGtB,oBAAoB,EAAA,IAAA,EACxB;AACJ,wBAAA,OAAO,EAAE,sBAAsB;AAC/B,wBAAA,SAAS,EAAE,iFAAiF;AAC5F,wBAAA,iDAAiD,EAAE,mBAAmB;AACtE,wBAAA,MAAM,EAAE,YAAY;AACrB,qBAAA,EAAA,aAAA,EACc,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,2FAAA,EAAA,MAAA,EAAA,CAAA,+oCAAA,CAAA,EAAA;;;AEfjD;;;;;;;AAOG;AAiBH,IAAI,QAAQ,GAAW,CAAC;AAExB;;AAEG;AAqBG,MAAO,iBAAkB,SAAQ,iBAAiB,CAAA;AAStD,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;AATD,QAAA,IAAA,CAAA,kBAAkB,GAAiB,IAAI,YAAY,EAAE;AACnD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,WAAW,CAAC;AAC7B,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC;AACnC,QAAA,IAAA,CAAA,kBAAkB,GAAG,MAAM,CAAU,KAAK,8DAAC;AAC3C,QAAA,IAAA,CAAA,SAAS,GAAG,SAAS,CAAC,QAAQ,CAAC,kBAAkB,CAAC;AAO1D,QAAA,IAAI,CAAC,mBAAmB,GAAG,aAAa,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,IAAI,EAAE,CAAC;AAEvF,QAAA,IAAI,CAAC,kBAAkB,CAAC,GAAG,CACzB,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,SAAS,CAAC,KAAK,IAAG;YAC7C,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC;AAC1C,YAAA,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;gBAClB,IAAI,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,CAAC;gBACzB,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC;YAC1C;QACF,CAAC,CAAC,CACH;IAEH;AAEA,IAAA,IAAI,QAAQ,GAAA;AACV,QAAA,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC,QAAQ;IAClC;AAEA,IAAA,IAAY,YAAY,GAAA;AACtB,QAAA,IAAI,IAAI,CAAC,mBAAmB,CAAC,MAAM,EAAE;AACnC,YAAA,OAAO,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO;QAC1E;AACA,QAAA,OAAO,KAAK;IACd;IAEmB,UAAU,GAAA;AAC3B,QAAA,OAAO,CAAA,oBAAA,EAAuB,QAAQ,EAAE,CAAA,CAAE;IAC5C;IAEA,IAAI,GAAA;AACF,QAAA,IAAI,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE;IACzB;IAEA,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE;IAC1B;IAEA,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,SAAS,EAAE,CAAC,MAAM,EAAE;IAC3B;IAES,QAAQ,GAAA;QACf,KAAK,CAAC,QAAQ,EAAE;AAEf,QAAA,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAC1B,IAAI,CAAC,SAAS,EAAE,CAAC,WAAW,CAAC,SAAS,CAAC,MAAK;AAC1C,YAAA,IAAI,IAAI,CAAC,kBAAkB,EAAE,EAAE;gBAC7B,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;YACzC;QACF,CAAC,CAAC,CACH;AACD,QAAA,IAAI,CAAC,kBAAkB,CAAC,GAAG,CACzB,IAAI,CAAC,SAAS,EAAE,CAAC,aAAa,CAAC,SAAS,CAAC,MAAK;YAC5C,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC;QAC1C,CAAC,CAAC,CACH;IACH;IAEA,kBAAkB,GAAA;QAChB,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC;IAChD;IAES,WAAW,GAAA;QAClB,KAAK,CAAC,WAAW,EAAE;AACnB,QAAA,IAAI,CAAC,kBAAkB,CAAC,WAAW,EAAE;IACvC;+GA7EW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,0BAAA,EAAA,sBAAA,EAAA,EAAA,cAAA,EAAA,qCAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,WAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAKa,kBAAkB,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAvBjD,CAAA;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,mMAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAWC,kBAAkB,EAAA,QAAA,EAAA,sBAAA,EAAA,QAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAGT,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBApB7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,EAAA,QAAA,EACrB,CAAA;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAES,mBAAmB,EAAA,IAAA,EACvB;AACJ,wBAAA,OAAO,EAAE,qCAAqC;;AAE9C,wBAAA,4BAA4B,EAAE,sBAAsB;AACrD,qBAAA,EAAA,aAAA,EACc,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC;wBACP,kBAAkB;AACnB,qBAAA,EAAA,MAAA,EAAA,CAAA,mMAAA,CAAA,EAAA;qHAOwC,kBAAkB,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;ACtD7D;;;;;;;AAOG;MAgBU,WAAW,GAAG,IAAI,cAAc,CAAa,aAAa;AAEvE,IAAI,MAAM,GAAG,CAAC;AAEd;;;AAGG;AAwBG,MAAO,UAAW,SAAQ,iBAAiB,CAAA;AAa/C,IAAA,IACI,YAAY,GAAA;QACd,IAAI,SAAS,GAAG,EAAE;AAElB,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,YAAA,SAAS,IAAI,gBAAgB,GAAC,IAAI,CAAC,UAAU;QAC/C;AACA,QAAA,QAAQ,IAAI,CAAC,QAAQ;AACnB,YAAA,KAAK,WAAW;AAChB,YAAA,KAAK,cAAc;AACjB,gBAAA,SAAS,IAAI,GAAG,GAAC,IAAI,CAAC,QAAQ;gBAC9B;AACF,YAAA,KAAK,YAAY;AACjB,YAAA,KAAK,eAAe;AAClB,gBAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,oBAAA,SAAS,IAAK,GAAG,GAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,GAAC,IAAI,CAAC,UAAU,GAAC,GAAG,CAAC;gBACvE;qBAAO;AACL,oBAAA,SAAS,IAAI,GAAG,GAAC,IAAI,CAAC,QAAQ;gBAChC;gBACA;;AAEJ,QAAA,OAAO,SAAS;IAClB;AAEA,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;AArCD,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAU,KAAK,qDAAC;;AAQhC,QAAA,IAAA,CAAA,eAAe,GAAG,IAAI,YAAY,EAAW;QAE9C,IAAA,CAAA,eAAe,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;AA4BzD,QAAA,IAAI,CAAC,IAAI,GAAG,YAAY;AAExB,QAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC,SAAS,CAAC,KAAK,IAAG;AAC9D,YAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC;AAC7B,QAAA,CAAC,CAAC;IACJ;IAEU,UAAU,GAAA;AAClB,QAAA,OAAO,CAAA,YAAA,EAAe,EAAE,MAAM,CAAA,CAAE;IAClC;IAES,kBAAkB,GAAA;QACzB,KAAK,CAAC,kBAAkB,EAAE;QAE1B,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,IAAI,CAAC;AAC1C,QAAA,IAAI,KAAK,GAAG,CAAC,IAAI,SAAS,EAAE,EAAE;AAC5B,YAAA,MAAM,IAAI,KAAK,CAAC,wFAAwF,CAAC;QAC3G;IACF;+GAzDW,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAV,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,cAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,OAAA,EAAA,mBAAA,EAAA,EAAA,cAAA,EAAA,oBAAA,EAAA,EAAA,SAAA,EALV,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,YAAA,EAAA,SAAA,EAQ7C,iBAAiB,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAxBxB,CAAA;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,8BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAaU,aAAa,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,eAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAIb,UAAU,EAAA,UAAA,EAAA,CAAA;kBAvBtB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,EAAA,QAAA,EACb,CAAA;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAMS,YAAY,EAAA,IAAA,EAChB;AACJ,wBAAA,OAAO,EAAE,oBAAoB;AAC7B,wBAAA,gBAAgB,EAAE,mBAAmB;AACrC,wBAAA,aAAa,EAAE,cAAc;qBAC9B,EAAA,SAAA,EACU,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,YAAY,EAAE,CAAC,WACrD,CAAE,aAAa,CAAE,EAAA,aAAA,EACX,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,8BAAA,CAAA,EAAA;;sBAK9C,eAAe;AAAC,gBAAA,IAAA,EAAA,CAAA,iBAAiB,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC;;sBAGtD;;sBAGA;;sBAIA,WAAW;uBAAC,OAAO;;;ACnEtB;;;;;;;AAOG;AAGH;;AAEG;MASU,eAAe,CAAA;+GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wCAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,gCAAA,EAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAR3B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,wCAAwC;AAClD,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,IAAI,EAAE;AACF,wBAAA,OAAO,EAAE;AACZ,qBAAA;AACD,oBAAA,UAAU,EAAE,IAAI;AACnB,iBAAA;;;ACpBD;;;;;;;AAOG;AAIH;;AAEG;AAYG,MAAO,aAAc,SAAQ,OAAO,CAAA;;IASxC,IACI,YAAY,KAAwB,OAAO,IAAI,CAAC,aAAa,CAAC,CAAA;IAClE,IAAI,YAAY,CAAC,KAAkC,EAAA;AACjD,QAAA,IAAI,KAAK,KAAK,IAAI,CAAC,aAAa,EAAE;AAChC,YAAA,IAAI,OAAO,KAAK,KAAG,QAAQ,EAAE;AAC3B,gBAAA,KAAK,GAAG,CAAA,EAAG,KAAK,CAAA,EAAA,CAAI;YACtB;AACA,YAAA,IAAI,CAAC,aAAa,GAAG,KAAK;QAC5B;IACF;AAGA,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;AApBT;;;AAGG;QACmC,IAAA,CAAA,UAAU,GAAY,KAAK;IAiBjE;+GAvBW,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oCAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAML,gBAAgB,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,yBAAA,EAAA,YAAA,EAAA,0BAAA,EAAA,cAAA,EAAA,EAAA,cAAA,EAAA,8CAAA,EAAA,EAAA,SAAA,EARxB,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAC,CAAC,EAAA,QAAA,EAAA,CAAA,eAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAEjD,aAAa,EAAA,UAAA,EAAA,CAAA;kBAXzB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,oCAAoC;AAC9C,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,IAAI,EAAE;AACJ,wBAAA,OAAO,EAAE,8CAA8C;AACvD,wBAAA,2BAA2B,EAAE,YAAY;AACzC,wBAAA,4BAA4B,EAAE,cAAc;AAC7C,qBAAA;AACD,oBAAA,UAAU,EAAE,IAAI;oBAChB,SAAS,EAAE,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAA,aAAe,EAAC,CAAC;AAC7D,iBAAA;;sBAOE,KAAK;uBAAC,EAAC,SAAS,EAAE,gBAAgB,EAAC;;sBAGnC;;;AClCH;;;;;;;AAOG;AAGH;;AAEG;MASU,cAAc,CAAA;+GAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wDAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,aAAA,EAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAR1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,wDAAwD;AAClE,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,IAAI,EAAE;AACJ,wBAAA,OAAO,EAAE;AACV,qBAAA;AACD,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;;ACpBD;;;;;;;;;;AAUG;AAIH;;AAEG;MAiBU,iBAAiB,CAAA;+GAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4CAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,cAAA,EAAA,wCAAA,EAAA,EAAA,QAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,EAAA,sBAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAhB7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,4CAA4C;AACtD,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,IAAI,EAAE;AACF,wBAAA,OAAO,EAAE,wCAAwC;AACjD,wBAAA,MAAM,EAAE,QAAQ;AACnB,qBAAA;AACD,oBAAA,cAAc,EAAE;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,mBAAmB;4BAC9B,MAAM,EAAE,CAAC,6CAA6C,CAAC;AACvD,4BAAA,OAAO,EAAE,EAAE;AACZ;AACF,qBAAA;AACD,oBAAA,UAAU,EAAE,IAAI;AACnB,iBAAA;;;AChCD;;;;;;;AAOG;MAgCU,gBAAgB,CAAA;+GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YAlBzB,kBAAkB;YAClB,UAAU;YACV,eAAe;YACf,iBAAiB;YACjB,aAAa;YACb,cAAc;AACd,YAAA,iBAAiB,aAGjB,UAAU;YACV,eAAe;YACf,iBAAiB;YACjB,aAAa;YACb,cAAc;YACd,iBAAiB,CAAA,EAAA,CAAA,CAAA;AAIR,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YAlBzB,kBAAkB;YAClB,UAAU,CAAA,EAAA,CAAA,CAAA;;4FAiBD,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBArB5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,EAAE;AAChB,oBAAA,OAAO,EAAE;wBACP,kBAAkB;wBAClB,UAAU;wBACV,eAAe;wBACf,iBAAiB;wBACjB,aAAa;wBACb,cAAc;wBACd,iBAAiB;AAClB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,UAAU;wBACV,eAAe;wBACf,iBAAiB;wBACjB,aAAa;wBACb,cAAc;wBACd,iBAAiB;AAClB,qBAAA;AACD,oBAAA,SAAS,EAAE,EAAE;AACd,iBAAA;;;ACtCD;;AAEG;;;;"}

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

@@ -194,12 +194,12 @@ class CutePaginator extends CuteFocusableControl {
         super.ngOnDestroy();
         this._intlChanges.unsubscribe();
     }
-    onMouseDown(event) {
+    onPointerDown(event) {
         if (this.middleSectionStyle == "5-pages") {
             this.hideActive.set(true);
         }
     }
-    onMouseUp(event) {
+    onPointerUp(event) {
         this.hideActive.set(false);
     }
     /** Whether the specified index is the `active` page of the paginator */
@@ -400,7 +400,7 @@ class CutePaginator extends CuteFocusableControl {
         });
     }
     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 : \"justify-content-sm-start\"", "attr.magnitude": "magnitude" }, 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 page-prev\" [class.me-auto]=\"alignment=='between'\">\r\n      <a class=\"page-link 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         (mouseup)=\"onMouseUp($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      @let pageNumbers = getPageNumbers();\r\n      @for (pageNo of pageNumbers; track pageNo) {\r\n        <li class=\"page-item page-number\">\r\n          <a [attr.tabindex]=\"isNaN(pageNo)?-1:0\"\r\n             class=\"page-link\"\r\n             [class.active]=\"!hideActive() && isActivePage(pageNo)\"\r\n             [class.shadow]=\"!hideActive() && isActivePage(pageNo)\"\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             (mouseup)=\"onMouseUp($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\" aria-live=\"polite\">\r\n        {{_intl.getRangeLabel(pageIndex, pageSize, length)}}\r\n      </li>\r\n    }\r\n\r\n    <li class=\"page-item page-next\" [class.ms-auto]=\"alignment=='between'\">\r\n      <a class=\"page-link 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         (mouseup)=\"onMouseUp($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 page-last\">\r\n        <a class=\"page-link\"\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;flex-wrap:wrap-reverse;max-width:100%;align-items:center;justify-content: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[magnitude=small] .page-size-value{font-size:.875rem}.cute-paginator[magnitude=large] .page-size-value{font-size:1.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:where(.page-prev,.page-next,.page-first,.page-last){display:grid;-webkit-user-select:none;user-select:none}.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:where(.page-next,.page-prev) .page-link>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:4em;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);background-color:var(--bs-pagination-bg)}.cute-paginator .pagination:where(:not(.pagination-sm,.pagination-lg)) svg{margin-top:-2px}.cute-paginator .pagination-sm svg{width:.875rem;margin-top:-2px}.cute-paginator .pagination-lg svg{width:1.25rem;height:1.25rem;margin-top:-4px}\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 }); }
+    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 : \"justify-content-sm-start\"", "attr.magnitude": "magnitude" }, 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 page-prev\" [class.me-auto]=\"alignment=='between'\">\r\n      <a class=\"page-link 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         (pointerdown)=\"onPointerDown($event)\"\r\n         (pointerup)=\"onPointerUp($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      @let pageNumbers = getPageNumbers();\r\n      @for (pageNo of pageNumbers; track pageNo) {\r\n        <li class=\"page-item page-number\">\r\n          <a [attr.tabindex]=\"isNaN(pageNo)?-1:0\"\r\n             class=\"page-link\"\r\n             [class.active]=\"!hideActive() && isActivePage(pageNo)\"\r\n             [class.shadow]=\"!hideActive() && isActivePage(pageNo)\"\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             (pointerdown)=\"onPointerDown($event)\"\r\n             (pointerup)=\"onPointerUp($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\" aria-live=\"polite\">\r\n        {{_intl.getRangeLabel(pageIndex, pageSize, length)}}\r\n      </li>\r\n    }\r\n\r\n    <li class=\"page-item page-next\" [class.ms-auto]=\"alignment=='between'\">\r\n      <a class=\"page-link 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         (pointerdown)=\"onPointerDown($event)\"\r\n         (pointerup)=\"onPointerUp($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 page-last\">\r\n        <a class=\"page-link\"\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;flex-wrap:wrap-reverse;max-width:100%;align-items:center;justify-content: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[magnitude=small] .page-size-value{font-size:.875rem}.cute-paginator[magnitude=large] .page-size-value{font-size:1.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:where(.page-prev,.page-next,.page-first,.page-last){display:grid;-webkit-user-select:none;user-select:none}.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:where(.page-next,.page-prev) .page-link>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:4em;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);background-color:var(--bs-pagination-bg)}.cute-paginator .pagination:where(:not(.pagination-sm,.pagination-lg)) svg{margin-top:-2px}.cute-paginator .pagination-sm svg{width:.875rem;margin-top:-2px}.cute-paginator .pagination-lg svg{width:1.25rem;height:1.25rem;margin-top:-4px}\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,
@@ -412,7 +412,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         '[attr.magnitude]': 'magnitude',
                         '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 page-prev\" [class.me-auto]=\"alignment=='between'\">\r\n      <a class=\"page-link 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         (mouseup)=\"onMouseUp($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      @let pageNumbers = getPageNumbers();\r\n      @for (pageNo of pageNumbers; track pageNo) {\r\n        <li class=\"page-item page-number\">\r\n          <a [attr.tabindex]=\"isNaN(pageNo)?-1:0\"\r\n             class=\"page-link\"\r\n             [class.active]=\"!hideActive() && isActivePage(pageNo)\"\r\n             [class.shadow]=\"!hideActive() && isActivePage(pageNo)\"\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             (mouseup)=\"onMouseUp($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\" aria-live=\"polite\">\r\n        {{_intl.getRangeLabel(pageIndex, pageSize, length)}}\r\n      </li>\r\n    }\r\n\r\n    <li class=\"page-item page-next\" [class.ms-auto]=\"alignment=='between'\">\r\n      <a class=\"page-link 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         (mouseup)=\"onMouseUp($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 page-last\">\r\n        <a class=\"page-link\"\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;flex-wrap:wrap-reverse;max-width:100%;align-items:center;justify-content: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[magnitude=small] .page-size-value{font-size:.875rem}.cute-paginator[magnitude=large] .page-size-value{font-size:1.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:where(.page-prev,.page-next,.page-first,.page-last){display:grid;-webkit-user-select:none;user-select:none}.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:where(.page-next,.page-prev) .page-link>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:4em;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);background-color:var(--bs-pagination-bg)}.cute-paginator .pagination:where(:not(.pagination-sm,.pagination-lg)) svg{margin-top:-2px}.cute-paginator .pagination-sm svg{width:.875rem;margin-top:-2px}.cute-paginator .pagination-lg svg{width:1.25rem;height:1.25rem;margin-top:-4px}\n"] }]
+                    }, 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 page-prev\" [class.me-auto]=\"alignment=='between'\">\r\n      <a class=\"page-link 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         (pointerdown)=\"onPointerDown($event)\"\r\n         (pointerup)=\"onPointerUp($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      @let pageNumbers = getPageNumbers();\r\n      @for (pageNo of pageNumbers; track pageNo) {\r\n        <li class=\"page-item page-number\">\r\n          <a [attr.tabindex]=\"isNaN(pageNo)?-1:0\"\r\n             class=\"page-link\"\r\n             [class.active]=\"!hideActive() && isActivePage(pageNo)\"\r\n             [class.shadow]=\"!hideActive() && isActivePage(pageNo)\"\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             (pointerdown)=\"onPointerDown($event)\"\r\n             (pointerup)=\"onPointerUp($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\" aria-live=\"polite\">\r\n        {{_intl.getRangeLabel(pageIndex, pageSize, length)}}\r\n      </li>\r\n    }\r\n\r\n    <li class=\"page-item page-next\" [class.ms-auto]=\"alignment=='between'\">\r\n      <a class=\"page-link 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         (pointerdown)=\"onPointerDown($event)\"\r\n         (pointerup)=\"onPointerUp($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 page-last\">\r\n        <a class=\"page-link\"\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;flex-wrap:wrap-reverse;max-width:100%;align-items:center;justify-content: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[magnitude=small] .page-size-value{font-size:.875rem}.cute-paginator[magnitude=large] .page-size-value{font-size:1.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:where(.page-prev,.page-next,.page-first,.page-last){display:grid;-webkit-user-select:none;user-select:none}.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:where(.page-next,.page-prev) .page-link>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:4em;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);background-color:var(--bs-pagination-bg)}.cute-paginator .pagination:where(:not(.pagination-sm,.pagination-lg)) svg{margin-top:-2px}.cute-paginator .pagination-sm svg{width:.875rem;margin-top:-2px}.cute-paginator .pagination-lg svg{width:1.25rem;height:1.25rem;margin-top:-4px}\n"] }]
         }], ctorParameters: () => [{ type: CutePaginatorIntl }, { type: undefined, decorators: [{
                     type: Optional
                 }, {