npm - @cute-widgets/base - Versions diffs - 20.0.5 → 21.0.0 - Mend

@cute-widgets/base 20.0.5 → 21.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (168) hide show

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

@@ -11,10 +11,10 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { CuteNav, CUTE_NAV } from '@cute-widgets/base/core/nav';
 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteNavbarCollapse, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteNavbarCollapse, decorators: [{
             type: Component,
             args: [{ selector: 'cute-navbar-collapse', exportAs: 'cuteNavbarCollapse', host: {
                         'class': 'cute-navbar-collapse',
@@ -92,14 +92,14 @@ class CuteNavbarContent extends CuteLayoutControl {
         super.ngOnDestroy();
         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: "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: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteNavbarContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.0", 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 }); }
+  `, 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;align-items:center;padding:.25rem 0}\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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteNavbarContent, decorators: [{
             type: Component,
             args: [{ selector: 'cute-navbar-content', template: `
     <cute-navbar-collapse>
@@ -111,7 +111,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         '[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"] }]
+                    ], 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;align-items:center;padding:.25rem 0}\n"] }]
         }], ctorParameters: () => [], propDecorators: { _collapse: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CuteNavbarCollapse), { isSignal: true }] }] } });
 /**
@@ -172,14 +172,14 @@ class CuteNavbar extends CuteLayoutControl {
             throw new Error("More than one 'cute-navbar-content' elements are found in the 'cute-navbar' component.");
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteNavbar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: CuteNavbar, isStandalone: true, selector: "cute-navbar", inputs: { position: "position" }, outputs: { expansionChange: "expansionChange" }, host: { properties: { "class.shadow": "contentExpanded()", "attr.role": "role || null", "class": "this.classBinding" }, classAttribute: "cute-navbar navbar" }, providers: [{ provide: CUTE_NAVBAR, useExisting: CuteNavbar }], queries: [{ propertyName: "navContent", predicate: CuteNavbarContent, descendants: true }], exportAs: ["cuteNavbar"], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteNavbar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: CuteNavbar, isStandalone: true, selector: "cute-navbar", inputs: { position: "position" }, outputs: { expansionChange: "expansionChange" }, host: { properties: { "class.shadow": "contentExpanded()", "attr.role": "role || null", "class": "this.classBinding" }, classAttribute: "cute-navbar navbar" }, providers: [{ provide: CUTE_NAVBAR, useExisting: CuteNavbar }], queries: [{ propertyName: "navContent", predicate: CuteNavbarContent, descendants: true }], exportAs: ["cuteNavbar"], usesInheritance: true, ngImport: i0, template: `
     <cute-container fluid>
       <ng-content></ng-content>
     </cute-container>
   `, isInline: true, styles: [".cute-navbar{z-index:1000}\n"], dependencies: [{ kind: "component", type: CuteContainer, selector: "cute-container", inputs: ["fluid"], exportAs: ["cuteContainer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteNavbar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteNavbar, decorators: [{
             type: Component,
             args: [{ selector: 'cute-navbar', template: `
     <cute-container fluid>
@@ -214,10 +214,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  * Subcomponent for company, product, or project name
  */
 class CuteNavbarBrand {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteNavbarBrand, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: CuteNavbarBrand, isStandalone: true, selector: "[cuteNavbarBrand], [cute-navbar-brand]", host: { classAttribute: "cute-navbar-brand navbar-brand" }, exportAs: ["cuteNavbarBrand"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteNavbarBrand, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: CuteNavbarBrand, isStandalone: true, selector: "[cuteNavbarBrand], [cute-navbar-brand]", host: { classAttribute: "cute-navbar-brand navbar-brand" }, exportAs: ["cuteNavbarBrand"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteNavbarBrand, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteNavbarBrand, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cuteNavbarBrand], [cute-navbar-brand]',
@@ -259,10 +259,10 @@ class CuteNavbarNav extends CuteNav {
          */
         this.scrollable = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteNavbarNav, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "20.3.15", type: CuteNavbarNav, isStandalone: true, selector: "[cuteNavbarNav], [cute-navbar-nav]", inputs: { scrollable: ["scrollable", "scrollable", booleanAttribute], scrollHeight: "scrollHeight" }, host: { properties: { "class.navbar-nav-scroll": "scrollable", "style.--bs-scroll-height": "scrollHeight" }, classAttribute: "cute-navbar-nav navbar-nav align-items-start" }, providers: [{ provide: CUTE_NAV, useExisting: CuteNavbarNav }], exportAs: ["cuteNavbarNav"], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteNavbarNav, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.2.0", type: CuteNavbarNav, isStandalone: true, selector: "[cuteNavbarNav], [cute-navbar-nav]", inputs: { scrollable: ["scrollable", "scrollable", booleanAttribute], scrollHeight: "scrollHeight" }, host: { properties: { "class.navbar-nav-scroll": "scrollable", "style.--bs-scroll-height": "scrollHeight" }, classAttribute: "cute-navbar-nav navbar-nav align-items-start" }, providers: [{ provide: CUTE_NAV, useExisting: CuteNavbarNav }], exportAs: ["cuteNavbarNav"], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteNavbarNav, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteNavbarNav, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cuteNavbarNav], [cute-navbar-nav]',
@@ -294,10 +294,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  *  This directive adjusts vertical alignment and horizontal spacing for strings of text.
  */
 class CuteNavbarText {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteNavbarText, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: CuteNavbarText, isStandalone: true, selector: "cute-navbar-text, [cuteNavbarText], [cute-navbar-text]", host: { classAttribute: "navbar-text" }, exportAs: ["cuteNavbarText"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteNavbarText, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: CuteNavbarText, isStandalone: true, selector: "cute-navbar-text, [cuteNavbarText], [cute-navbar-text]", host: { classAttribute: "navbar-text" }, exportAs: ["cuteNavbarText"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteNavbarText, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteNavbarText, decorators: [{
             type: Directive,
             args: [{
                     selector: 'cute-navbar-text, [cuteNavbarText], [cute-navbar-text]',
@@ -324,10 +324,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  * A trigger element for expand/collapse the `cute-navbar-content`.
  */
 class CuteNavbarToggler {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteNavbarToggler, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: CuteNavbarToggler, isStandalone: true, selector: "[cuteNavbarToggler], [cute-navbar-toggler]", host: { attributes: { "type": "button" }, classAttribute: "navbar-toggler border-secondary-subtle" }, exportAs: ["cuteNavbarToggler"], hostDirectives: [{ directive: i1.CuteCollapseTrigger, inputs: ["cuteCollapseTriggerFor", "cuteNavbarTogglerFor"] }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteNavbarToggler, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: CuteNavbarToggler, isStandalone: true, selector: "[cuteNavbarToggler], [cute-navbar-toggler]", host: { attributes: { "type": "button" }, classAttribute: "navbar-toggler border-secondary-subtle" }, exportAs: ["cuteNavbarToggler"], hostDirectives: [{ directive: i1.CuteCollapseTrigger, inputs: ["cuteCollapseTriggerFor", "cuteNavbarTogglerFor"] }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteNavbarToggler, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteNavbarToggler, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cuteNavbarToggler], [cute-navbar-toggler]',
@@ -356,8 +356,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  * that can be found at http://www.apache.org/licenses/LICENSE-2.0
  */
 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: [CuteCollapseModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: CuteNavbarModule, imports: [CuteCollapseModule,
             CuteNavbar,
             CuteNavbarBrand,
             CuteNavbarContent,
@@ -369,10 +369,10 @@ class CuteNavbarModule {
             CuteNavbarNav,
             CuteNavbarText,
             CuteNavbarToggler] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteNavbarModule, imports: [CuteCollapseModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteNavbarModule, imports: [CuteCollapseModule,
             CuteNavbar] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuteNavbarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CuteNavbarModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],

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

	@@ -1 +1 @@
1	- {"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":"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"}
1	+ {"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 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 {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":"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"}

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

@@ -61,10 +61,10 @@ class CutePaginatorIntl {
             return `${range} of ${length}`;
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CutePaginatorIntl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CutePaginatorIntl, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CutePaginatorIntl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CutePaginatorIntl, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CutePaginatorIntl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CutePaginatorIntl, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -399,10 +399,10 @@ class CutePaginator extends CuteFocusableControl {
             length: this.length,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CutePaginator, deps: [{ token: CutePaginatorIntl }, { token: CUTE_PAGINATOR_DEFAULT_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: CutePaginator, isStandalone: true, selector: "cute-paginator", inputs: { pageIndex: ["pageIndex", "pageIndex", numberAttribute], length: ["length", "length", numberAttribute], pageSize: ["pageSize", "pageSize", numberAttribute], pageSizeOptions: "pageSizeOptions", hidePageSize: ["hidePageSize", "hidePageSize", booleanAttribute], showFirstLastButtons: ["showFirstLastButtons", "showFirstLastButtons", booleanAttribute], showPrevNextLabels: ["showPrevNextLabels", "showPrevNextLabels", booleanAttribute], hideBorders: ["hideBorders", "hideBorders", booleanAttribute], middleSectionStyle: "middleSectionStyle", alignment: "alignment", magnitude: "magnitude", selectConfig: "selectConfig" }, outputs: { page: "page" }, host: { attributes: { "tabindex": "-1", "role": "group" }, properties: { "class.pe-none": "disabled", "class.opacity-75": "disabled", "class": "alignment ? \"justify-content-\"+alignment : \"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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", 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: "21.2.0", 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}.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{--bs-pagination-color: var(--bs-secondary-color)}.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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CutePaginator, decorators: [{
             type: Component,
             args: [{ selector: 'cute-paginator', exportAs: 'cutePaginator', host: {
                         'class': 'cute-paginator',
@@ -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         (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"] }]
+                    }, 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}.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{--bs-pagination-color: var(--bs-secondary-color)}.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
                 }, {
@@ -466,11 +466,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  */
 const TYPES = [CutePaginator];
 class CutePaginatorModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CutePaginatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: CutePaginatorModule, imports: [CommonModule, CutePaginator], exports: [CutePaginator] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CutePaginatorModule, imports: [CommonModule, TYPES] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CutePaginatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: CutePaginatorModule, imports: [CommonModule, CutePaginator], exports: [CutePaginator] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CutePaginatorModule, imports: [CommonModule, TYPES] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CutePaginatorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CutePaginatorModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, ...TYPES],