@egose/shadcn-theme-ng 0.0.28 → 0.1.0

package/pagination/fesm2022/pagination.mjs

@@ -13,12 +13,12 @@ class HlmPagination {
     /** The aria-label for the pagination component. */
     ariaLabel = input('pagination', { ...(ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {}), alias: 'aria-label' });
     constructor() {
-        classes(() => 'mx-auto flex w-full justify-center');
+        classes(() => "mx-auto flex w-full justify-center");
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmPagination, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: HlmPagination, isStandalone: true, selector: "[hlmPagination],hlm-pagination", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "pagination", "role": "navigation" }, properties: { "attr.aria-label": "ariaLabel()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmPagination, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: HlmPagination, isStandalone: true, selector: "[hlmPagination],hlm-pagination", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "pagination", "role": "navigation" }, properties: { "attr.aria-label": "ariaLabel()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmPagination, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmPagination, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hlmPagination],hlm-pagination',
@@ -32,12 +32,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
 
 class HlmPaginationContent {
     constructor() {
-        classes(() => 'gap-1 flex items-center');
+        classes(() => "gap-1 flex items-center");
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmPaginationContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmPaginationContent, isStandalone: true, selector: "ul[hlmPaginationContent]", host: { attributes: { "data-slot": "pagination-content" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmPaginationContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmPaginationContent, isStandalone: true, selector: "ul[hlmPaginationContent]", host: { attributes: { "data-slot": "pagination-content" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmPaginationContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmPaginationContent, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ul[hlmPaginationContent]',
@@ -52,13 +52,10 @@ class HlmPaginationEllipsis {
     constructor() {
         classes(() => "size-9 [&_ng-icon:not([class*='text-'])]:text-[length:--spacing(4)] flex items-center justify-center");
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmPaginationEllipsis, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: HlmPaginationEllipsis, isStandalone: true, selector: "hlm-pagination-ellipsis", inputs: { srOnlyText: { classPropertyName: "srOnlyText", publicName: "srOnlyText", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "pagination-ellipsis" } }, providers: [provideIcons({ lucideEllipsis })], ngImport: i0, template: `
-    <ng-icon name="lucideEllipsis" />
-    <span class="sr-only">{{ srOnlyText() }}</span>
-  `, isInline: true, dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmPaginationEllipsis, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.3", type: HlmPaginationEllipsis, isStandalone: true, selector: "hlm-pagination-ellipsis", inputs: { srOnlyText: { classPropertyName: "srOnlyText", publicName: "srOnlyText", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "pagination-ellipsis" } }, providers: [provideIcons({ lucideEllipsis })], ngImport: i0, template: "\n    <ng-icon name=\"lucideEllipsis\" />\n    <span class=\"sr-only\">{{ srOnlyText() }}</span>\n  ", isInline: true, dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmPaginationEllipsis, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmPaginationEllipsis, decorators: [{
             type: Component,
             args: [{
                     selector: 'hlm-pagination-ellipsis',
@@ -66,18 +63,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
                     providers: [provideIcons({ lucideEllipsis })],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     host: { 'data-slot': 'pagination-ellipsis' },
-                    template: `
-    <ng-icon name="lucideEllipsis" />
-    <span class="sr-only">{{ srOnlyText() }}</span>
-  `,
+                    template: "\n    <ng-icon name=\"lucideEllipsis\" />\n    <span class=\"sr-only\">{{ srOnlyText() }}</span>\n  ",
                 }]
         }], ctorParameters: () => [], propDecorators: { srOnlyText: [{ type: i0.Input, args: [{ isSignal: true, alias: "srOnlyText", required: false }] }] } });
 
 class HlmPaginationItem {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmPaginationItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmPaginationItem, isStandalone: true, selector: "li[hlmPaginationItem]", host: { attributes: { "data-slot": "pagination-item" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmPaginationItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: HlmPaginationItem, isStandalone: true, selector: "li[hlmPaginationItem]", host: { attributes: { "data-slot": "pagination-item" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmPaginationItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmPaginationItem, decorators: [{
             type: Directive,
             args: [{
                     selector: 'li[hlmPaginationItem]',
@@ -96,18 +90,18 @@ class HlmPaginationLink {
     ...(ngDevMode ? [undefined, { debugName: "link" }] : /* istanbul ignore next */ []));
     constructor() {
         classes(() => [
-            'relative',
+            "relative",
             buttonVariants({
                 variant: this.isActive() ? 'outline' : 'ghost',
                 size: this.size(),
             }),
-            this.link() === undefined && 'cursor-pointer',
+            this.link() === undefined && "cursor-pointer",
         ]);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmPaginationLink, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: HlmPaginationLink, isStandalone: true, selector: "[hlmPaginationLink]", inputs: { isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "pagination-link" }, properties: { "attr.data-active": "isActive() ? \"true\" : null", "attr.aria-current": "isActive() ? \"page\" : null" } }, hostDirectives: [{ directive: i1.RouterLink, inputs: ["target", "target", "queryParams", "queryParams", "fragment", "fragment", "queryParamsHandling", "queryParamsHandling", "state", "state", "info", "info", "relativeTo", "relativeTo", "preserveFragment", "preserveFragment", "skipLocationChange", "skipLocationChange", "replaceUrl", "replaceUrl", "routerLink", "link"] }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmPaginationLink, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: HlmPaginationLink, isStandalone: true, selector: "[hlmPaginationLink]", inputs: { isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "pagination-link" }, properties: { "attr.data-active": "isActive() ? \"true\" : null", "attr.aria-current": "isActive() ? \"page\" : null" } }, hostDirectives: [{ directive: i1.RouterLink, inputs: ["target", "target", "queryParams", "queryParams", "fragment", "fragment", "queryParamsHandling", "queryParamsHandling", "state", "state", "info", "info", "relativeTo", "relativeTo", "preserveFragment", "preserveFragment", "skipLocationChange", "skipLocationChange", "replaceUrl", "replaceUrl", "routerLink", "link"] }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmPaginationLink, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmPaginationLink, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hlmPaginationLink]',
@@ -159,45 +153,19 @@ class HlmPaginationNext {
     ...(ngDevMode ? [{ debugName: "_labelClass" }] : /* istanbul ignore next */ []));
     _size = computed(() => (this.iconOnly() ? 'icon' : 'default'), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "_size" }] : /* istanbul ignore next */ []));
-    _computedClass = computed(() => hlm(!this.iconOnly() && 'pe-2!', this.userClass()), /* @ts-ignore */
+    _computedClass = computed(() => hlm(!this.iconOnly() && "pe-2!", this.userClass()), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmPaginationNext, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: HlmPaginationNext, isStandalone: true, selector: "hlm-pagination-next", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, queryParams: { classPropertyName: "queryParams", publicName: "queryParams", isSignal: true, isRequired: false, transformFunction: null }, queryParamsHandling: { classPropertyName: "queryParamsHandling", publicName: "queryParamsHandling", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, iconOnly: { classPropertyName: "iconOnly", publicName: "iconOnly", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideIcons({ lucideChevronRight })], ngImport: i0, template: `
-    <a
-      hlmPaginationLink
-      [class]="_computedClass()"
-      [link]="link()"
-      [queryParams]="queryParams()"
-      [queryParamsHandling]="queryParamsHandling()"
-      [size]="_size()"
-      [attr.aria-label]="ariaLabel()"
-    >
-      <span [class]="_labelClass()">{{ text() }}</span>
-      <ng-icon name="lucideChevronRight" class="rtl:rotate-180" />
-    </a>
-  `, isInline: true, dependencies: [{ kind: "directive", type: HlmPaginationLink, selector: "[hlmPaginationLink]", inputs: ["isActive", "size", "link"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmPaginationNext, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.3", type: HlmPaginationNext, isStandalone: true, selector: "hlm-pagination-next", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, queryParams: { classPropertyName: "queryParams", publicName: "queryParams", isSignal: true, isRequired: false, transformFunction: null }, queryParamsHandling: { classPropertyName: "queryParamsHandling", publicName: "queryParamsHandling", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, iconOnly: { classPropertyName: "iconOnly", publicName: "iconOnly", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideIcons({ lucideChevronRight })], ngImport: i0, template: "\n    <a\n      hlmPaginationLink\n      [class]=\"_computedClass()\"\n      [link]=\"link()\"\n      [queryParams]=\"queryParams()\"\n      [queryParamsHandling]=\"queryParamsHandling()\"\n      [size]=\"_size()\"\n      [attr.aria-label]=\"ariaLabel()\"\n    >\n      <span [class]=\"_labelClass()\">{{ text() }}</span>\n      <ng-icon name=\"lucideChevronRight\" class=\"rtl:rotate-180\" />\n    </a>\n  ", isInline: true, dependencies: [{ kind: "directive", type: HlmPaginationLink, selector: "[hlmPaginationLink]", inputs: ["isActive", "size", "link"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmPaginationNext, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmPaginationNext, decorators: [{
             type: Component,
             args: [{
                     selector: 'hlm-pagination-next',
                     imports: [HlmPaginationLink, NgIcon],
                     providers: [provideIcons({ lucideChevronRight })],
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `
-    <a
-      hlmPaginationLink
-      [class]="_computedClass()"
-      [link]="link()"
-      [queryParams]="queryParams()"
-      [queryParamsHandling]="queryParamsHandling()"
-      [size]="_size()"
-      [attr.aria-label]="ariaLabel()"
-    >
-      <span [class]="_labelClass()">{{ text() }}</span>
-      <ng-icon name="lucideChevronRight" class="rtl:rotate-180" />
-    </a>
-  `,
+                    template: "\n    <a\n      hlmPaginationLink\n      [class]=\"_computedClass()\"\n      [link]=\"link()\"\n      [queryParams]=\"queryParams()\"\n      [queryParamsHandling]=\"queryParamsHandling()\"\n      [size]=\"_size()\"\n      [attr.aria-label]=\"ariaLabel()\"\n    >\n      <span [class]=\"_labelClass()\">{{ text() }}</span>\n      <ng-icon name=\"lucideChevronRight\" class=\"rtl:rotate-180\" />\n    </a>\n  ",
                 }]
         }], propDecorators: { userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], link: [{ type: i0.Input, args: [{ isSignal: true, alias: "link", required: false }] }], queryParams: [{ type: i0.Input, args: [{ isSignal: true, alias: "queryParams", required: false }] }], queryParamsHandling: [{ type: i0.Input, args: [{ isSignal: true, alias: "queryParamsHandling", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], iconOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconOnly", required: false }] }] } });
 
@@ -219,49 +187,23 @@ class HlmPaginationPrevious {
     ...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
     /** Whether the button should only display the icon. */
     iconOnly = input(false, { ...(ngDevMode ? { debugName: "iconOnly" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    _labelClass = computed(() => hlm(this.iconOnly() ? 'sr-only' : 'hidden sm:block'), /* @ts-ignore */
+    _labelClass = computed(() => hlm(this.iconOnly() ? "sr-only" : "hidden sm:block"), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "_labelClass" }] : /* istanbul ignore next */ []));
     _size = computed(() => (this.iconOnly() ? 'icon' : 'default'), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "_size" }] : /* istanbul ignore next */ []));
-    _computedClass = computed(() => hlm(!this.iconOnly() && 'ps-2!', this.userClass()), /* @ts-ignore */
+    _computedClass = computed(() => hlm(!this.iconOnly() && "ps-2!", this.userClass()), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "_computedClass" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmPaginationPrevious, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: HlmPaginationPrevious, isStandalone: true, selector: "hlm-pagination-previous", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, queryParams: { classPropertyName: "queryParams", publicName: "queryParams", isSignal: true, isRequired: false, transformFunction: null }, queryParamsHandling: { classPropertyName: "queryParamsHandling", publicName: "queryParamsHandling", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, iconOnly: { classPropertyName: "iconOnly", publicName: "iconOnly", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideIcons({ lucideChevronLeft })], ngImport: i0, template: `
-    <a
-      hlmPaginationLink
-      [class]="_computedClass()"
-      [link]="link()"
-      [queryParams]="queryParams()"
-      [queryParamsHandling]="queryParamsHandling()"
-      [size]="_size()"
-      [attr.aria-label]="ariaLabel()"
-    >
-      <ng-icon name="lucideChevronLeft" class="rtl:rotate-180" />
-      <span [class]="_labelClass()">{{ text() }}</span>
-    </a>
-  `, isInline: true, dependencies: [{ kind: "directive", type: HlmPaginationLink, selector: "[hlmPaginationLink]", inputs: ["isActive", "size", "link"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmPaginationPrevious, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.3", type: HlmPaginationPrevious, isStandalone: true, selector: "hlm-pagination-previous", inputs: { userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, queryParams: { classPropertyName: "queryParams", publicName: "queryParams", isSignal: true, isRequired: false, transformFunction: null }, queryParamsHandling: { classPropertyName: "queryParamsHandling", publicName: "queryParamsHandling", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, iconOnly: { classPropertyName: "iconOnly", publicName: "iconOnly", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideIcons({ lucideChevronLeft })], ngImport: i0, template: "\n    <a\n      hlmPaginationLink\n      [class]=\"_computedClass()\"\n      [link]=\"link()\"\n      [queryParams]=\"queryParams()\"\n      [queryParamsHandling]=\"queryParamsHandling()\"\n      [size]=\"_size()\"\n      [attr.aria-label]=\"ariaLabel()\"\n    >\n      <ng-icon name=\"lucideChevronLeft\" class=\"rtl:rotate-180\" />\n      <span [class]=\"_labelClass()\">{{ text() }}</span>\n    </a>\n  ", isInline: true, dependencies: [{ kind: "directive", type: HlmPaginationLink, selector: "[hlmPaginationLink]", inputs: ["isActive", "size", "link"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmPaginationPrevious, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmPaginationPrevious, decorators: [{
             type: Component,
             args: [{
                     selector: 'hlm-pagination-previous',
                     imports: [HlmPaginationLink, NgIcon],
                     providers: [provideIcons({ lucideChevronLeft })],
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `
-    <a
-      hlmPaginationLink
-      [class]="_computedClass()"
-      [link]="link()"
-      [queryParams]="queryParams()"
-      [queryParamsHandling]="queryParamsHandling()"
-      [size]="_size()"
-      [attr.aria-label]="ariaLabel()"
-    >
-      <ng-icon name="lucideChevronLeft" class="rtl:rotate-180" />
-      <span [class]="_labelClass()">{{ text() }}</span>
-    </a>
-  `,
+                    template: "\n    <a\n      hlmPaginationLink\n      [class]=\"_computedClass()\"\n      [link]=\"link()\"\n      [queryParams]=\"queryParams()\"\n      [queryParamsHandling]=\"queryParamsHandling()\"\n      [size]=\"_size()\"\n      [attr.aria-label]=\"ariaLabel()\"\n    >\n      <ng-icon name=\"lucideChevronLeft\" class=\"rtl:rotate-180\" />\n      <span [class]=\"_labelClass()\">{{ text() }}</span>\n    </a>\n  ",
                 }]
         }], propDecorators: { userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], link: [{ type: i0.Input, args: [{ isSignal: true, alias: "link", required: false }] }], queryParams: [{ type: i0.Input, args: [{ isSignal: true, alias: "queryParams", required: false }] }], queryParamsHandling: [{ type: i0.Input, args: [{ isSignal: true, alias: "queryParamsHandling", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], iconOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconOnly", required: false }] }] } });
 
@@ -337,61 +279,10 @@ class HlmNumberedPagination {
     goToLast() {
         this.currentPage.set(this._lastPageNumber());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmNumberedPagination, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: HlmNumberedPagination, isStandalone: true, selector: "hlm-numbered-pagination", inputs: { currentPage: { classPropertyName: "currentPage", publicName: "currentPage", isSignal: true, isRequired: true, transformFunction: null }, itemsPerPage: { classPropertyName: "itemsPerPage", publicName: "itemsPerPage", isSignal: true, isRequired: true, transformFunction: null }, totalItems: { classPropertyName: "totalItems", publicName: "totalItems", isSignal: true, isRequired: true, transformFunction: null }, maxSize: { classPropertyName: "maxSize", publicName: "maxSize", isSignal: true, isRequired: false, transformFunction: null }, showEdges: { classPropertyName: "showEdges", publicName: "showEdges", isSignal: true, isRequired: false, transformFunction: null }, pageSizes: { classPropertyName: "pageSizes", publicName: "pageSizes", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { currentPage: "currentPageChange", itemsPerPage: "itemsPerPageChange" }, ngImport: i0, template: `
-    <div class="flex items-center justify-between gap-2 px-4 py-2">
-      <div class="flex items-center gap-1 text-sm text-nowrap text-gray-600">
-        <b>{{ totalItems() }}</b>
-        total items |
-        <b>{{ _lastPageNumber() }}</b>
-        pages
-      </div>
-
-      <nav hlmPagination>
-        <ul hlmPaginationContent>
-          @if (showEdges() && !_isFirstPageActive()) {
-            <li hlmPaginationItem (click)="goToPrevious()">
-              <hlm-pagination-previous />
-            </li>
-          }
-
-          @for (page of _pages(); track page) {
-            <li hlmPaginationItem>
-              @if (page === '...') {
-                <hlm-pagination-ellipsis />
-              } @else {
-                <a hlmPaginationLink [isActive]="currentPage() === page" (click)="currentPage.set(page)">
-                  {{ page }}
-                </a>
-              }
-            </li>
-          }
-
-          @if (showEdges() && !_isLastPageActive()) {
-            <li hlmPaginationItem (click)="goToNext()">
-              <hlm-pagination-next />
-            </li>
-          }
-        </ul>
-      </nav>
-
-      <!-- Show Page Size selector -->
-      <hlm-select [(value)]="itemsPerPage" class="ml-auto">
-        <hlm-select-trigger class="w-fit">
-          <hlm-select-value />
-        </hlm-select-trigger>
-        <hlm-select-content *hlmSelectPortal>
-          <hlm-select-group>
-            @for (pageSize of _pageSizesWithCurrent(); track pageSize) {
-              <hlm-select-item [value]="pageSize">{{ pageSize }}</hlm-select-item>
-            }
-          </hlm-select-group>
-        </hlm-select-content>
-      </hlm-select>
-    </div>
-  `, isInline: true, dependencies: [{ kind: "directive", type: HlmPagination, selector: "[hlmPagination],hlm-pagination", inputs: ["aria-label"] }, { kind: "directive", type: HlmPaginationContent, selector: "ul[hlmPaginationContent]" }, { kind: "directive", type: HlmPaginationItem, selector: "li[hlmPaginationItem]" }, { kind: "component", type: HlmPaginationPrevious, selector: "hlm-pagination-previous", inputs: ["class", "link", "queryParams", "queryParamsHandling", "aria-label", "text", "iconOnly"] }, { kind: "component", type: HlmPaginationNext, selector: "hlm-pagination-next", inputs: ["class", "link", "queryParams", "queryParamsHandling", "aria-label", "text", "iconOnly"] }, { kind: "directive", type: HlmPaginationLink, selector: "[hlmPaginationLink]", inputs: ["isActive", "size", "link"] }, { kind: "component", type: HlmPaginationEllipsis, selector: "hlm-pagination-ellipsis", inputs: ["srOnlyText"] }, { kind: "directive", type: i1$1.HlmSelect, selector: "[hlmSelect],hlm-select" }, { kind: "component", type: i1$1.HlmSelectContent, selector: "hlm-select-content", inputs: ["showScroll"] }, { kind: "directive", type: i1$1.HlmSelectGroup, selector: "[hlmSelectGroup],hlm-select-group" }, { kind: "component", type: i1$1.HlmSelectItem, selector: "hlm-select-item" }, { kind: "directive", type: i1$1.HlmSelectPortal, selector: "[hlmSelectPortal]" }, { kind: "component", type: i1$1.HlmSelectTrigger, selector: "hlm-select-trigger", inputs: ["class", "buttonId", "size", "forceInvalid"] }, { kind: "directive", type: i1$1.HlmSelectValue, selector: "[hlmSelectValue],hlm-select-value" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmNumberedPagination, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: HlmNumberedPagination, isStandalone: true, selector: "hlm-numbered-pagination", inputs: { currentPage: { classPropertyName: "currentPage", publicName: "currentPage", isSignal: true, isRequired: true, transformFunction: null }, itemsPerPage: { classPropertyName: "itemsPerPage", publicName: "itemsPerPage", isSignal: true, isRequired: true, transformFunction: null }, totalItems: { classPropertyName: "totalItems", publicName: "totalItems", isSignal: true, isRequired: true, transformFunction: null }, maxSize: { classPropertyName: "maxSize", publicName: "maxSize", isSignal: true, isRequired: false, transformFunction: null }, showEdges: { classPropertyName: "showEdges", publicName: "showEdges", isSignal: true, isRequired: false, transformFunction: null }, pageSizes: { classPropertyName: "pageSizes", publicName: "pageSizes", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { currentPage: "currentPageChange", itemsPerPage: "itemsPerPageChange" }, ngImport: i0, template: "\n    <div class=\"flex items-center justify-between gap-2 px-4 py-2\">\n      <div class=\"flex items-center gap-1 text-sm text-nowrap text-gray-600\">\n        <b>{{ totalItems() }}</b>\n        total items |\n        <b>{{ _lastPageNumber() }}</b>\n        pages\n      </div>\n\n      <nav hlmPagination>\n        <ul hlmPaginationContent>\n          @if (showEdges() && !_isFirstPageActive()) {\n            <li hlmPaginationItem (click)=\"goToPrevious()\">\n              <hlm-pagination-previous />\n            </li>\n          }\n\n          @for (page of _pages(); track page) {\n            <li hlmPaginationItem>\n              @if (page === '...') {\n                <hlm-pagination-ellipsis />\n              } @else {\n                <a hlmPaginationLink [isActive]=\"currentPage() === page\" (click)=\"currentPage.set(page)\">\n                  {{ page }}\n                </a>\n              }\n            </li>\n          }\n\n          @if (showEdges() && !_isLastPageActive()) {\n            <li hlmPaginationItem (click)=\"goToNext()\">\n              <hlm-pagination-next />\n            </li>\n          }\n        </ul>\n      </nav>\n\n      <!-- Show Page Size selector -->\n      <hlm-select [(value)]=\"itemsPerPage\" class=\"ml-auto\">\n        <hlm-select-trigger class=\"w-fit\">\n          <hlm-select-value />\n        </hlm-select-trigger>\n        <hlm-select-content *hlmSelectPortal>\n          <hlm-select-group>\n            @for (pageSize of _pageSizesWithCurrent(); track pageSize) {\n              <hlm-select-item [value]=\"pageSize\">{{ pageSize }}</hlm-select-item>\n            }\n          </hlm-select-group>\n        </hlm-select-content>\n      </hlm-select>\n    </div>\n  ", isInline: true, dependencies: [{ kind: "directive", type: HlmPagination, selector: "[hlmPagination],hlm-pagination", inputs: ["aria-label"] }, { kind: "directive", type: HlmPaginationContent, selector: "ul[hlmPaginationContent]" }, { kind: "directive", type: HlmPaginationItem, selector: "li[hlmPaginationItem]" }, { kind: "component", type: HlmPaginationPrevious, selector: "hlm-pagination-previous", inputs: ["class", "link", "queryParams", "queryParamsHandling", "aria-label", "text", "iconOnly"] }, { kind: "component", type: HlmPaginationNext, selector: "hlm-pagination-next", inputs: ["class", "link", "queryParams", "queryParamsHandling", "aria-label", "text", "iconOnly"] }, { kind: "directive", type: HlmPaginationLink, selector: "[hlmPaginationLink]", inputs: ["isActive", "size", "link"] }, { kind: "component", type: HlmPaginationEllipsis, selector: "hlm-pagination-ellipsis", inputs: ["srOnlyText"] }, { kind: "directive", type: i1$1.HlmSelect, selector: "[hlmSelect],hlm-select" }, { kind: "component", type: i1$1.HlmSelectContent, selector: "hlm-select-content", inputs: ["showScroll"] }, { kind: "directive", type: i1$1.HlmSelectGroup, selector: "[hlmSelectGroup],hlm-select-group" }, { kind: "component", type: i1$1.HlmSelectItem, selector: "hlm-select-item" }, { kind: "directive", type: i1$1.HlmSelectPortal, selector: "[hlmSelectPortal]" }, { kind: "component", type: i1$1.HlmSelectTrigger, selector: "hlm-select-trigger", inputs: ["class", "buttonId", "ariaDescribedby", "wrapperDisabled", "size", "forceInvalid"] }, { kind: "directive", type: i1$1.HlmSelectValue, selector: "[hlmSelectValue],hlm-select-value" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmNumberedPagination, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmNumberedPagination, decorators: [{
             type: Component,
             args: [{
                     selector: 'hlm-numbered-pagination',
@@ -406,58 +297,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
                         HlmSelectImports,
                     ],
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `
-    <div class="flex items-center justify-between gap-2 px-4 py-2">
-      <div class="flex items-center gap-1 text-sm text-nowrap text-gray-600">
-        <b>{{ totalItems() }}</b>
-        total items |
-        <b>{{ _lastPageNumber() }}</b>
-        pages
-      </div>
-
-      <nav hlmPagination>
-        <ul hlmPaginationContent>
-          @if (showEdges() && !_isFirstPageActive()) {
-            <li hlmPaginationItem (click)="goToPrevious()">
-              <hlm-pagination-previous />
-            </li>
-          }
-
-          @for (page of _pages(); track page) {
-            <li hlmPaginationItem>
-              @if (page === '...') {
-                <hlm-pagination-ellipsis />
-              } @else {
-                <a hlmPaginationLink [isActive]="currentPage() === page" (click)="currentPage.set(page)">
-                  {{ page }}
-                </a>
-              }
-            </li>
-          }
-
-          @if (showEdges() && !_isLastPageActive()) {
-            <li hlmPaginationItem (click)="goToNext()">
-              <hlm-pagination-next />
-            </li>
-          }
-        </ul>
-      </nav>
-
-      <!-- Show Page Size selector -->
-      <hlm-select [(value)]="itemsPerPage" class="ml-auto">
-        <hlm-select-trigger class="w-fit">
-          <hlm-select-value />
-        </hlm-select-trigger>
-        <hlm-select-content *hlmSelectPortal>
-          <hlm-select-group>
-            @for (pageSize of _pageSizesWithCurrent(); track pageSize) {
-              <hlm-select-item [value]="pageSize">{{ pageSize }}</hlm-select-item>
-            }
-          </hlm-select-group>
-        </hlm-select-content>
-      </hlm-select>
-    </div>
-  `,
+                    template: "\n    <div class=\"flex items-center justify-between gap-2 px-4 py-2\">\n      <div class=\"flex items-center gap-1 text-sm text-nowrap text-gray-600\">\n        <b>{{ totalItems() }}</b>\n        total items |\n        <b>{{ _lastPageNumber() }}</b>\n        pages\n      </div>\n\n      <nav hlmPagination>\n        <ul hlmPaginationContent>\n          @if (showEdges() && !_isFirstPageActive()) {\n            <li hlmPaginationItem (click)=\"goToPrevious()\">\n              <hlm-pagination-previous />\n            </li>\n          }\n\n          @for (page of _pages(); track page) {\n            <li hlmPaginationItem>\n              @if (page === '...') {\n                <hlm-pagination-ellipsis />\n              } @else {\n                <a hlmPaginationLink [isActive]=\"currentPage() === page\" (click)=\"currentPage.set(page)\">\n                  {{ page }}\n                </a>\n              }\n            </li>\n          }\n\n          @if (showEdges() && !_isLastPageActive()) {\n            <li hlmPaginationItem (click)=\"goToNext()\">\n              <hlm-pagination-next />\n            </li>\n          }\n        </ul>\n      </nav>\n\n      <!-- Show Page Size selector -->\n      <hlm-select [(value)]=\"itemsPerPage\" class=\"ml-auto\">\n        <hlm-select-trigger class=\"w-fit\">\n          <hlm-select-value />\n        </hlm-select-trigger>\n        <hlm-select-content *hlmSelectPortal>\n          <hlm-select-group>\n            @for (pageSize of _pageSizesWithCurrent(); track pageSize) {\n              <hlm-select-item [value]=\"pageSize\">{{ pageSize }}</hlm-select-item>\n            }\n          </hlm-select-group>\n        </hlm-select-content>\n      </hlm-select>\n    </div>\n  ",
                 }]
         }], propDecorators: { currentPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentPage", required: true }] }, { type: i0.Output, args: ["currentPageChange"] }], itemsPerPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemsPerPage", required: true }] }, { type: i0.Output, args: ["itemsPerPageChange"] }], totalItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalItems", required: true }] }], maxSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxSize", required: false }] }], showEdges: [{ type: i0.Input, args: [{ isSignal: true, alias: "showEdges", required: false }] }], pageSizes: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSizes", required: false }] }] } });
 /**
@@ -603,75 +443,12 @@ class HlmNumberedPaginationQueryParams {
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "_pages" }] : /* istanbul ignore next */ []));
     constructor() {
-        classes(() => 'flex items-center justify-between gap-2 px-4 py-2');
+        classes(() => "flex items-center justify-between gap-2 px-4 py-2");
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmNumberedPaginationQueryParams, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: HlmNumberedPaginationQueryParams, isStandalone: true, selector: "hlm-numbered-pagination-query-params", inputs: { currentPage: { classPropertyName: "currentPage", publicName: "currentPage", isSignal: true, isRequired: true, transformFunction: null }, itemsPerPage: { classPropertyName: "itemsPerPage", publicName: "itemsPerPage", isSignal: true, isRequired: true, transformFunction: null }, totalItems: { classPropertyName: "totalItems", publicName: "totalItems", isSignal: true, isRequired: true, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, maxSize: { classPropertyName: "maxSize", publicName: "maxSize", isSignal: true, isRequired: false, transformFunction: null }, showEdges: { classPropertyName: "showEdges", publicName: "showEdges", isSignal: true, isRequired: false, transformFunction: null }, pageSizes: { classPropertyName: "pageSizes", publicName: "pageSizes", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { currentPage: "currentPageChange", itemsPerPage: "itemsPerPageChange" }, ngImport: i0, template: `
-    <div class="flex items-center gap-1 text-sm text-nowrap text-gray-600">
-      <b>{{ totalItems() }}</b>
-      total items |
-      <b>{{ _lastPageNumber() }}</b>
-      pages
-    </div>
-
-    <nav hlmPagination>
-      <ul hlmPaginationContent>
-        @if (showEdges() && !_isFirstPageActive()) {
-          <li hlmPaginationItem>
-            <hlm-pagination-previous
-              [link]="link()"
-              [queryParams]="{ page: currentPage() - 1 }"
-              queryParamsHandling="merge"
-            />
-          </li>
-        }
-
-        @for (page of _pages(); track page) {
-          <li hlmPaginationItem>
-            @if (page === '...') {
-              <hlm-pagination-ellipsis />
-            } @else {
-              <a
-                hlmPaginationLink
-                [link]="currentPage() !== page ? link() : undefined"
-                [queryParams]="{ page }"
-                queryParamsHandling="merge"
-                [isActive]="currentPage() === page"
-              >
-                {{ page }}
-              </a>
-            }
-          </li>
-        }
-
-        @if (showEdges() && !_isLastPageActive()) {
-          <li hlmPaginationItem>
-            <hlm-pagination-next
-              [link]="link()"
-              [queryParams]="{ page: currentPage() + 1 }"
-              queryParamsHandling="merge"
-            />
-          </li>
-        }
-      </ul>
-    </nav>
-
-    <!-- Show Page Size selector -->
-    <hlm-select [(value)]="itemsPerPage" class="ml-auto">
-      <hlm-select-trigger class="w-fit">
-        <hlm-select-value />
-      </hlm-select-trigger>
-      <hlm-select-content *hlmSelectPortal>
-        <hlm-select-group>
-          @for (pageSize of _pageSizesWithCurrent(); track pageSize) {
-            <hlm-select-item [value]="pageSize">{{ pageSize }}</hlm-select-item>
-          }
-        </hlm-select-group>
-      </hlm-select-content>
-    </hlm-select>
-  `, isInline: true, dependencies: [{ kind: "directive", type: HlmPagination, selector: "[hlmPagination],hlm-pagination", inputs: ["aria-label"] }, { kind: "directive", type: HlmPaginationContent, selector: "ul[hlmPaginationContent]" }, { kind: "directive", type: HlmPaginationItem, selector: "li[hlmPaginationItem]" }, { kind: "component", type: HlmPaginationPrevious, selector: "hlm-pagination-previous", inputs: ["class", "link", "queryParams", "queryParamsHandling", "aria-label", "text", "iconOnly"] }, { kind: "component", type: HlmPaginationNext, selector: "hlm-pagination-next", inputs: ["class", "link", "queryParams", "queryParamsHandling", "aria-label", "text", "iconOnly"] }, { kind: "directive", type: HlmPaginationLink, selector: "[hlmPaginationLink]", inputs: ["isActive", "size", "link"] }, { kind: "component", type: HlmPaginationEllipsis, selector: "hlm-pagination-ellipsis", inputs: ["srOnlyText"] }, { kind: "directive", type: i1$1.HlmSelect, selector: "[hlmSelect],hlm-select" }, { kind: "component", type: i1$1.HlmSelectContent, selector: "hlm-select-content", inputs: ["showScroll"] }, { kind: "directive", type: i1$1.HlmSelectGroup, selector: "[hlmSelectGroup],hlm-select-group" }, { kind: "component", type: i1$1.HlmSelectItem, selector: "hlm-select-item" }, { kind: "directive", type: i1$1.HlmSelectPortal, selector: "[hlmSelectPortal]" }, { kind: "component", type: i1$1.HlmSelectTrigger, selector: "hlm-select-trigger", inputs: ["class", "buttonId", "size", "forceInvalid"] }, { kind: "directive", type: i1$1.HlmSelectValue, selector: "[hlmSelectValue],hlm-select-value" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmNumberedPaginationQueryParams, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: HlmNumberedPaginationQueryParams, isStandalone: true, selector: "hlm-numbered-pagination-query-params", inputs: { currentPage: { classPropertyName: "currentPage", publicName: "currentPage", isSignal: true, isRequired: true, transformFunction: null }, itemsPerPage: { classPropertyName: "itemsPerPage", publicName: "itemsPerPage", isSignal: true, isRequired: true, transformFunction: null }, totalItems: { classPropertyName: "totalItems", publicName: "totalItems", isSignal: true, isRequired: true, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, maxSize: { classPropertyName: "maxSize", publicName: "maxSize", isSignal: true, isRequired: false, transformFunction: null }, showEdges: { classPropertyName: "showEdges", publicName: "showEdges", isSignal: true, isRequired: false, transformFunction: null }, pageSizes: { classPropertyName: "pageSizes", publicName: "pageSizes", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { currentPage: "currentPageChange", itemsPerPage: "itemsPerPageChange" }, ngImport: i0, template: "\n    <div class=\"flex items-center gap-1 text-sm text-nowrap text-gray-600\">\n      <b>{{ totalItems() }}</b>\n      total items |\n      <b>{{ _lastPageNumber() }}</b>\n      pages\n    </div>\n\n    <nav hlmPagination>\n      <ul hlmPaginationContent>\n        @if (showEdges() && !_isFirstPageActive()) {\n          <li hlmPaginationItem>\n            <hlm-pagination-previous\n              [link]=\"link()\"\n              [queryParams]=\"{ page: currentPage() - 1 }\"\n              queryParamsHandling=\"merge\"\n            />\n          </li>\n        }\n\n        @for (page of _pages(); track page) {\n          <li hlmPaginationItem>\n            @if (page === '...') {\n              <hlm-pagination-ellipsis />\n            } @else {\n              <a\n                hlmPaginationLink\n                [link]=\"currentPage() !== page ? link() : undefined\"\n                [queryParams]=\"{ page }\"\n                queryParamsHandling=\"merge\"\n                [isActive]=\"currentPage() === page\"\n              >\n                {{ page }}\n              </a>\n            }\n          </li>\n        }\n\n        @if (showEdges() && !_isLastPageActive()) {\n          <li hlmPaginationItem>\n            <hlm-pagination-next\n              [link]=\"link()\"\n              [queryParams]=\"{ page: currentPage() + 1 }\"\n              queryParamsHandling=\"merge\"\n            />\n          </li>\n        }\n      </ul>\n    </nav>\n\n    <!-- Show Page Size selector -->\n    <hlm-select [(value)]=\"itemsPerPage\" class=\"ml-auto\">\n      <hlm-select-trigger class=\"w-fit\">\n        <hlm-select-value />\n      </hlm-select-trigger>\n      <hlm-select-content *hlmSelectPortal>\n        <hlm-select-group>\n          @for (pageSize of _pageSizesWithCurrent(); track pageSize) {\n            <hlm-select-item [value]=\"pageSize\">{{ pageSize }}</hlm-select-item>\n          }\n        </hlm-select-group>\n      </hlm-select-content>\n    </hlm-select>\n  ", isInline: true, dependencies: [{ kind: "directive", type: HlmPagination, selector: "[hlmPagination],hlm-pagination", inputs: ["aria-label"] }, { kind: "directive", type: HlmPaginationContent, selector: "ul[hlmPaginationContent]" }, { kind: "directive", type: HlmPaginationItem, selector: "li[hlmPaginationItem]" }, { kind: "component", type: HlmPaginationPrevious, selector: "hlm-pagination-previous", inputs: ["class", "link", "queryParams", "queryParamsHandling", "aria-label", "text", "iconOnly"] }, { kind: "component", type: HlmPaginationNext, selector: "hlm-pagination-next", inputs: ["class", "link", "queryParams", "queryParamsHandling", "aria-label", "text", "iconOnly"] }, { kind: "directive", type: HlmPaginationLink, selector: "[hlmPaginationLink]", inputs: ["isActive", "size", "link"] }, { kind: "component", type: HlmPaginationEllipsis, selector: "hlm-pagination-ellipsis", inputs: ["srOnlyText"] }, { kind: "directive", type: i1$1.HlmSelect, selector: "[hlmSelect],hlm-select" }, { kind: "component", type: i1$1.HlmSelectContent, selector: "hlm-select-content", inputs: ["showScroll"] }, { kind: "directive", type: i1$1.HlmSelectGroup, selector: "[hlmSelectGroup],hlm-select-group" }, { kind: "component", type: i1$1.HlmSelectItem, selector: "hlm-select-item" }, { kind: "directive", type: i1$1.HlmSelectPortal, selector: "[hlmSelectPortal]" }, { kind: "component", type: i1$1.HlmSelectTrigger, selector: "hlm-select-trigger", inputs: ["class", "buttonId", "ariaDescribedby", "wrapperDisabled", "size", "forceInvalid"] }, { kind: "directive", type: i1$1.HlmSelectValue, selector: "[hlmSelectValue],hlm-select-value" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmNumberedPaginationQueryParams, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmNumberedPaginationQueryParams, decorators: [{
             type: Component,
             args: [{
                     selector: 'hlm-numbered-pagination-query-params',
@@ -686,70 +463,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
                         HlmSelectImports,
                     ],
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `
-    <div class="flex items-center gap-1 text-sm text-nowrap text-gray-600">
-      <b>{{ totalItems() }}</b>
-      total items |
-      <b>{{ _lastPageNumber() }}</b>
-      pages
-    </div>
-
-    <nav hlmPagination>
-      <ul hlmPaginationContent>
-        @if (showEdges() && !_isFirstPageActive()) {
-          <li hlmPaginationItem>
-            <hlm-pagination-previous
-              [link]="link()"
-              [queryParams]="{ page: currentPage() - 1 }"
-              queryParamsHandling="merge"
-            />
-          </li>
-        }
-
-        @for (page of _pages(); track page) {
-          <li hlmPaginationItem>
-            @if (page === '...') {
-              <hlm-pagination-ellipsis />
-            } @else {
-              <a
-                hlmPaginationLink
-                [link]="currentPage() !== page ? link() : undefined"
-                [queryParams]="{ page }"
-                queryParamsHandling="merge"
-                [isActive]="currentPage() === page"
-              >
-                {{ page }}
-              </a>
-            }
-          </li>
-        }
-
-        @if (showEdges() && !_isLastPageActive()) {
-          <li hlmPaginationItem>
-            <hlm-pagination-next
-              [link]="link()"
-              [queryParams]="{ page: currentPage() + 1 }"
-              queryParamsHandling="merge"
-            />
-          </li>
-        }
-      </ul>
-    </nav>
-
-    <!-- Show Page Size selector -->
-    <hlm-select [(value)]="itemsPerPage" class="ml-auto">
-      <hlm-select-trigger class="w-fit">
-        <hlm-select-value />
-      </hlm-select-trigger>
-      <hlm-select-content *hlmSelectPortal>
-        <hlm-select-group>
-          @for (pageSize of _pageSizesWithCurrent(); track pageSize) {
-            <hlm-select-item [value]="pageSize">{{ pageSize }}</hlm-select-item>
-          }
-        </hlm-select-group>
-      </hlm-select-content>
-    </hlm-select>
-  `,
+                    template: "\n    <div class=\"flex items-center gap-1 text-sm text-nowrap text-gray-600\">\n      <b>{{ totalItems() }}</b>\n      total items |\n      <b>{{ _lastPageNumber() }}</b>\n      pages\n    </div>\n\n    <nav hlmPagination>\n      <ul hlmPaginationContent>\n        @if (showEdges() && !_isFirstPageActive()) {\n          <li hlmPaginationItem>\n            <hlm-pagination-previous\n              [link]=\"link()\"\n              [queryParams]=\"{ page: currentPage() - 1 }\"\n              queryParamsHandling=\"merge\"\n            />\n          </li>\n        }\n\n        @for (page of _pages(); track page) {\n          <li hlmPaginationItem>\n            @if (page === '...') {\n              <hlm-pagination-ellipsis />\n            } @else {\n              <a\n                hlmPaginationLink\n                [link]=\"currentPage() !== page ? link() : undefined\"\n                [queryParams]=\"{ page }\"\n                queryParamsHandling=\"merge\"\n                [isActive]=\"currentPage() === page\"\n              >\n                {{ page }}\n              </a>\n            }\n          </li>\n        }\n\n        @if (showEdges() && !_isLastPageActive()) {\n          <li hlmPaginationItem>\n            <hlm-pagination-next\n              [link]=\"link()\"\n              [queryParams]=\"{ page: currentPage() + 1 }\"\n              queryParamsHandling=\"merge\"\n            />\n          </li>\n        }\n      </ul>\n    </nav>\n\n    <!-- Show Page Size selector -->\n    <hlm-select [(value)]=\"itemsPerPage\" class=\"ml-auto\">\n      <hlm-select-trigger class=\"w-fit\">\n        <hlm-select-value />\n      </hlm-select-trigger>\n      <hlm-select-content *hlmSelectPortal>\n        <hlm-select-group>\n          @for (pageSize of _pageSizesWithCurrent(); track pageSize) {\n            <hlm-select-item [value]=\"pageSize\">{{ pageSize }}</hlm-select-item>\n          }\n        </hlm-select-group>\n      </hlm-select-content>\n    </hlm-select>\n  ",
                 }]
         }], ctorParameters: () => [], propDecorators: { currentPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentPage", required: true }] }, { type: i0.Output, args: ["currentPageChange"] }], itemsPerPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemsPerPage", required: true }] }, { type: i0.Output, args: ["itemsPerPageChange"] }], totalItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalItems", required: true }] }], link: [{ type: i0.Input, args: [{ isSignal: true, alias: "link", required: false }] }], maxSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxSize", required: false }] }], showEdges: [{ type: i0.Input, args: [{ isSignal: true, alias: "showEdges", required: false }] }], pageSizes: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSizes", required: false }] }] } });
 
@@ -768,8 +482,8 @@ const HlmPaginationImports = [
     HlmNumberedPaginationQueryParams,
 ];
 class HlmPaginationModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmPaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.7", ngImport: i0, type: HlmPaginationModule, imports: [HlmPagination,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmPaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.3", ngImport: i0, type: HlmPaginationModule, imports: [HlmPagination,
             HlmPaginationContent,
             HlmPaginationItem,
             HlmPaginationLink,
@@ -786,13 +500,13 @@ class HlmPaginationModule {
             HlmPaginationEllipsis,
             HlmNumberedPagination,
             HlmNumberedPaginationQueryParams] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmPaginationModule, imports: [HlmPaginationPrevious,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmPaginationModule, imports: [HlmPaginationPrevious,
             HlmPaginationNext,
             HlmPaginationEllipsis,
             HlmNumberedPagination,
             HlmNumberedPaginationQueryParams] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmPaginationModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: HlmPaginationModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...HlmPaginationImports],
@@ -805,4 +519,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
  */
 
 export { HlmNumberedPagination, HlmNumberedPaginationQueryParams, HlmPagination, HlmPaginationContent, HlmPaginationEllipsis, HlmPaginationImports, HlmPaginationItem, HlmPaginationLink, HlmPaginationModule, HlmPaginationNext, HlmPaginationPrevious, createPageArray, outOfBoundCorrection };
-//# sourceMappingURL=pagination.mjs.map
+