ngx-tethys 19.0.13 → 19.1.0-next.0

package/fesm2022/ngx-tethys-pagination.mjs

@@ -1,13 +1,12 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Pipe, ChangeDetectorRef, EventEmitter, numberAttribute, HostBinding, Input, Output, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { InjectionToken, inject, Pipe, input, numberAttribute, output, signal, model, computed, effect, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import { NgTemplateOutlet, CommonModule } from '@angular/common';
 import * as i1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
-import { useHostRenderer } from '@tethys/cdk/dom';
 import { ThyIcon, ThyIconModule } from 'ngx-tethys/icon';
 import { ThySelect, ThySelectModule } from 'ngx-tethys/select';
 import { ThyOption, ThyEnterDirective, ThySharedModule } from 'ngx-tethys/shared';
-import { isTemplateRef, coerceBooleanProperty } from 'ngx-tethys/util';
+import { isTemplateRef, coerceBooleanProperty, isBoolean, isArray, isString } from 'ngx-tethys/util';
 import { DomSanitizer } from '@angular/platform-browser';
 import { injectLocale } from 'ngx-tethys/i18n';
 
@@ -96,258 +95,252 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
 class ThyPagination {
     constructor() {
         this.paginationConfig = inject(THY_PAGINATION_CONFIG, { optional: true });
-        this.cdr = inject(ChangeDetectorRef);
         this.allLocale = injectLocale();
-        this.locale = injectLocale('pagination');
+        this.paginationLocale = injectLocale('pagination');
         this.isTemplateRef = isTemplateRef;
-        this.config = Object.assign({}, PaginationDefaultConfig, {
-            firstText: this.locale().firstPage,
-            lastText: this.locale().lastPage,
-            totalPagesFormat: this.locale().totalCount,
-            unit: this.locale().defaultUnit
-        }, this.paginationConfig.main);
+        /**
+         * 设置当前页，支持双向绑定
+         * @default 1
+         */
+        this.thyPageIndex = input(undefined, { transform: numberAttribute });
+        /**
+         * 每页条目数量
+         * @default 20
+         */
+        this.thyPageSize = input(undefined, { transform: numberAttribute });
+        /**
+         * 数据总数
+         */
+        this.thyTotal = input(undefined, { transform: numberAttribute });
+        /**
+         * 自定义分页页码，设置自定义分页页码后将不根据 Total 和 PageSize 来自动计算页码，完全以传入的页码为准
+         * @type number[]
+         */
+        this.thyCustomPages = input();
         /**
          * 是否禁用
          */
-        this.disabled = false;
+        this.thyDisabled = input(false, { transform: coerceBooleanProperty });
         /**
-         * 页码改变的回调
+         * 是否显示快速跳转
+         * @default false
          */
-        this.pageIndexChange = new EventEmitter();
+        this.thyShowQuickJumper = input(undefined, { transform: coerceBooleanProperty });
         /**
-         * 与Bootstrap pagination 兼容，后续版本会进行删除，参数保持与 bootstrap 一致
+         * 设置是否显示总页数信息
+         * @default true
          */
-        this.pageChanged = new EventEmitter();
-        this.pageSizeChanged = new EventEmitter();
-        this.pages = [];
-        this.pageIndex = 1;
-        this.range = { from: 0, to: 0 };
-        this.firstIndex = 1;
-        this.isHideOnSinglePage = false;
-        this.initialized = false;
-        this.hostRenderer = useHostRenderer();
-        this.selectSize = 'md';
-        this.selectPageSize = 20;
-        this.isPaginationClass = true;
+        this.thyShowTotalPageCount = input(undefined, { transform: coerceBooleanProperty });
+        /**
+         * 设置分页组件的大小
+         * @type sm | md | lg
+         * @default md
+         */
+        this.thySize = input('md', { alias: 'thySize' });
+        /**
+         * 设置最大显示数量，超出最大显示数后会自动进行分割显示
+         * @default 9
+         */
+        this.thyMaxCount = input(undefined, { transform: numberAttribute });
+        /**
+         * 设置边缘显示数量
+         * @default 2
+         */
+        this.thyMarginalCount = input(undefined, { transform: numberAttribute });
+        /**
+         * 设置中间区域显示数量
+         * @default 5
+         */
+        this.thyRangeCount = input(undefined, { transform: numberAttribute });
+        /**
+         * 是否显示分页大小选择器
+         * @default false
+         */
+        this.thyShowSizeChanger = input(undefined, { transform: coerceBooleanProperty });
+        /**
+         * @type number[]
+         */
+        this.thyPageSizeOptions = input(undefined);
+        /**
+         * 只有一页时是否隐藏分页器
+         * @default false
+         */
+        this.thyHideOnSinglePage = input(undefined, { transform: coerceBooleanProperty });
+        /**
+         * 分页器单位
+         * @default 条
+         */
+        this.thyUnit = input();
         /**
          * 是否显示范围和total
          * @default false
          */
-        this.showTotal = false;
-    }
-    /**
-     * 设置当前页，支持双向绑定
-     * @default 1
-     */
-    set thyPageIndex(pageIndex) {
-        this.pageIndex = pageIndex;
-        if (this.initialized) {
-            this.setPageIndex(pageIndex);
-        }
-    }
-    /**
-     * 每页条目数量
-     * @default 20
-     */
-    set thyPageSize(pageSize) {
-        this.pageSize = pageSize;
-        this.selectPageSize = pageSize;
-        if (this.initialized) {
-            this.calculatePageCount();
-            this.initializePages(this.pageIndex, this.pageCount);
-            this.cdr.markForCheck();
-        }
-    }
-    /**
-     * 总页数 与 totalPages 二选一传入
-     */
-    set thyTotal(total) {
-        this.total = total;
-        if (this.initialized) {
-            this.calculatePageCount();
-            this.setPageIndex(this.pageIndex);
-            this.cdr.markForCheck();
-        }
-    }
-    /**
-     * 自定义分页页码，设置自定义分页页码后将不根据 Total 和 PageSize 来自动计算页码，完全以传入的页码为准
-     * @type number[]
-     */
-    set thyCustomPages(pages) {
-        this.customPages = pages;
-        this.config.showTotalPageCount = false;
-        if (this.initialized) {
-            this.calculatePageCount();
-            this.initializePages(this.pageIndex, this.pageCount);
-            this.cdr.markForCheck();
-        }
-    }
-    /**
-     * 是否显示快速跳转
-     * @default false
-     */
-    set showQuickJumper(value) {
-        this.config.showQuickJumper = value;
-    }
-    /**
-     * 设置是否显示总页数信息
-     * @default true
-     */
-    set showTotalPageCount(value) {
-        this.config.showTotalPageCount = value;
-    }
-    /**
-     * 设置分页组件的大小
-     * @type sm | md | lg
-     * @default md
-     */
-    set size(size) {
-        this.selectSize = size;
-        this.hostRenderer.addClass(`thy-pagination-${size}`);
-    }
-    /**
-     * 设置最大显示数量，超出最大显示数后会自动进行分割显示
-     * @default 9
-     */
-    set maxCount(value) {
-        this.config.maxCount = value;
-    }
-    /**
-     * 设置中间区域显示数量
-     * @default 5
-     */
-    set thyRangeCount(value) {
-        if (Number.isInteger(value)) {
-            this.config.rangeCount = value;
-            if (this.initialized) {
-                this.setMarginalCount(value);
+        this.thyShowTotal = input(false);
+        /**
+         * 页码改变的回调
+         */
+        this.thyPageIndexChange = output();
+        /**
+         * 与Bootstrap pagination 兼容，后续版本会进行删除，参数保持与 bootstrap 一致
+         */
+        this.thyPageChanged = output();
+        this.thyPageSizeChanged = output();
+        this.currentPageIndex = signal(1);
+        this.currentPageSize = signal(null);
+        this.selectedPageSize = model();
+        this.firstIndex = 1;
+        this.computedConfig = computed(() => {
+            const result = Object.assign({}, PaginationDefaultConfig, {
+                firstText: this.paginationLocale().firstPage,
+                lastText: this.paginationLocale().lastPage,
+                totalPagesFormat: this.paginationLocale().totalCount,
+                unit: this.paginationLocale().defaultUnit
+            }, this.paginationConfig.main);
+            if (isBoolean(this.thyShowQuickJumper())) {
+                result.showQuickJumper = this.thyShowQuickJumper();
             }
-        }
-    }
-    set showSizeChanger(value) {
-        this.config.showSizeChanger = value;
-    }
-    /**
-     * @type number[]
-     */
-    set pageSizeOptions(value) {
-        this.config.pageSizeOptions = value;
-    }
-    /**
-     * 分页器单位
-     * @default 条
-     */
-    set unit(value) {
-        if (value) {
-            this.config.unit = value;
-        }
-    }
-    ngOnInit() {
-        this.setMarginalCount(this.config.rangeCount);
-        this.calculatePageCount();
-        this.setPageIndex(this.pageIndex);
-        this.initialized = true;
-    }
-    setMarginalCount(range) {
-        if (!this.marginalCount) {
-            this.marginalCount = range <= DEFAULT_RANGE_COUNT ? 1 : 2;
-        }
-    }
-    setPageIndex(pageIndex) {
-        this.pageIndex = pageIndex > this.pageCount ? this.pageCount : pageIndex || 1;
-        const toPageSize = this.pageIndex * this.pageSize;
-        this.range = {
-            from: (this.pageIndex - 1) * this.pageSize + 1,
-            to: toPageSize > this.total ? this.total : toPageSize
-        };
-        this.initializePages(this.pageIndex, this.pageCount);
-        this.cdr.markForCheck();
-    }
-    calculatePageCount() {
-        let pageCount = null;
-        if (this.customPages && this.customPages.length > 0) {
-            pageCount = this.customPages[this.customPages.length - 1];
-        }
-        else {
-            pageCount = this.pageSize < 1 ? 1 : Math.ceil(this.total / this.pageSize);
-        }
-        this.pageCount = Math.max(pageCount || 0, 1);
-    }
-    makePage(index, text, active) {
-        return { index, text, active };
-    }
-    initializePages(pageIndex, pageCount) {
-        if (this.customPages && this.customPages.length > 0) {
-            this.pages = this.customPages.map(page => {
-                return {
-                    index: page,
-                    text: page.toString(),
-                    active: page === +pageIndex
-                };
-            });
-            return;
-        }
-        let pages = [];
-        const marginalCount = this.marginalCount;
-        const rangeCount = this.config.rangeCount;
-        const maxCount = this.config.maxCount;
-        const isMaxSized = pageCount > maxCount;
-        if (isMaxSized) {
-            const beforePages = [];
-            const afterPages = [];
-            // mainPages
-            let start = Math.ceil(Math.max(marginalCount + 1, pageIndex - (rangeCount - 1) / 2));
-            let end = Math.ceil(Math.min(pageIndex + (rangeCount - 1) / 2, pageCount - marginalCount));
-            if (pageIndex - 1 < marginalCount) {
-                end = rangeCount;
+            if (isBoolean(this.thyShowTotalPageCount())) {
+                result.showTotalPageCount = this.thyShowTotalPageCount();
             }
-            if (pageCount - pageIndex <= marginalCount) {
-                start = pageCount - rangeCount + 1;
+            if (this.thyCustomPages() && isArray(this.thyCustomPages())) {
+                result.showTotalPageCount = false;
             }
-            for (let i = start; i <= end; i++) {
-                pages.push({
-                    index: i,
-                    text: i.toString(),
-                    active: i === +pageIndex
-                });
+            if (Number.isInteger(this.thyMaxCount())) {
+                result.maxCount = this.thyMaxCount();
             }
-            // beforePages
-            for (let i = 1; i <= marginalCount; i++) {
-                beforePages.push(this.makePage(i, i.toString(), i === pageIndex));
+            if (isString(this.thyUnit()) && this.thyUnit()) {
+                result.unit = this.thyUnit();
             }
-            if (pageIndex - Math.ceil(rangeCount / 2) > this.firstIndex && marginalCount + 1 < start) {
-                beforePages.push(this.makePage(Math.ceil((marginalCount + start) / 2), '···', null));
+            if (isBoolean(this.thyShowSizeChanger())) {
+                result.showSizeChanger = this.thyShowSizeChanger();
             }
-            // afterPages
-            if (pageIndex + Math.ceil(rangeCount / 2) < pageCount && pageCount - marginalCount > end) {
-                afterPages.push(this.makePage(Math.ceil((pageCount - marginalCount + 1 + end) / 2), '···', null));
+            if (this.thyPageSizeOptions() && isArray(this.thyPageSizeOptions())) {
+                result.pageSizeOptions = this.thyPageSizeOptions();
             }
-            for (let i = pageCount - marginalCount + 1; i <= pageCount; i++) {
-                afterPages.push(this.makePage(i, i.toString(), i === pageIndex));
+            if (Number.isInteger(this.thyRangeCount())) {
+                result.rangeCount = this.thyRangeCount();
             }
-            pages = [...beforePages, ...pages, ...afterPages];
-        }
-        else {
-            for (let i = 1; i <= pageCount; i++) {
-                pages.push({
-                    index: i,
-                    text: i.toString(),
-                    active: i === +pageIndex
+            return result;
+        });
+        this.marginalCount = computed(() => {
+            if (!this.thyMarginalCount()) {
+                return this.computedConfig().rangeCount <= DEFAULT_RANGE_COUNT ? 1 : 2;
+            }
+            else {
+                return this.thyMarginalCount();
+            }
+        });
+        this.computedPageCount = computed(() => {
+            let pageCount = null;
+            if (this.thyCustomPages() && this.thyCustomPages().length > 0) {
+                pageCount = this.thyCustomPages()[this.thyCustomPages().length - 1];
+            }
+            else {
+                pageCount = this.currentPageSize() < 1 ? 1 : Math.ceil(this.thyTotal() / this.currentPageSize());
+            }
+            return Math.max(pageCount || 0, 1);
+        });
+        this.computedPages = computed(() => {
+            const pageCount = this.computedPageCount();
+            const pageIndex = this.currentPageIndex();
+            const config = this.computedConfig();
+            if (this.thyCustomPages() && this.thyCustomPages().length > 0) {
+                return this.thyCustomPages().map(page => {
+                    return { index: page, text: page.toString(), active: page === +pageIndex };
                 });
             }
-        }
-        this.pages = pages;
+            let pages = [];
+            const marginalCount = this.marginalCount();
+            const rangeCount = config.rangeCount;
+            const maxCount = config.maxCount;
+            const isMaxSized = pageCount > maxCount;
+            if (isMaxSized) {
+                const beforePages = [];
+                const afterPages = [];
+                // mainPages
+                let start = Math.ceil(Math.max(marginalCount + 1, pageIndex - (rangeCount - 1) / 2));
+                let end = Math.ceil(Math.min(pageIndex + (rangeCount - 1) / 2, pageCount - marginalCount));
+                if (pageIndex - 1 < marginalCount) {
+                    end = rangeCount;
+                }
+                if (pageCount - pageIndex <= marginalCount) {
+                    start = pageCount - rangeCount + 1;
+                }
+                for (let i = start; i <= end; i++) {
+                    pages.push({ index: i, text: i.toString(), active: i === +pageIndex });
+                }
+                // beforePages
+                for (let i = 1; i <= marginalCount; i++) {
+                    beforePages.push(this.makePage(i, i.toString(), i === pageIndex));
+                }
+                if (pageIndex - Math.ceil(rangeCount / 2) > this.firstIndex && marginalCount + 1 < start) {
+                    beforePages.push(this.makePage(Math.ceil((marginalCount + start) / 2), '···', null));
+                }
+                // afterPages
+                if (pageIndex + Math.ceil(rangeCount / 2) < pageCount && pageCount - marginalCount > end) {
+                    afterPages.push(this.makePage(Math.ceil((pageCount - marginalCount + 1 + end) / 2), '···', null));
+                }
+                for (let i = pageCount - marginalCount + 1; i <= pageCount; i++) {
+                    afterPages.push(this.makePage(i, i.toString(), i === pageIndex));
+                }
+                pages = [...beforePages, ...pages, ...afterPages];
+            }
+            else {
+                for (let i = 1; i <= pageCount; i++) {
+                    pages.push({ index: i, text: i.toString(), active: i === +pageIndex });
+                }
+            }
+            return pages;
+        });
+        this.computedRange = computed(() => {
+            const pageIndex = this.currentPageIndex();
+            const pageSize = this.currentPageSize();
+            const total = this.thyTotal();
+            const toPageSize = pageIndex * pageSize;
+            return { from: (pageIndex - 1) * pageSize + 1, to: toPageSize > total ? total : toPageSize };
+        });
+        effect(() => {
+            const pageIndex = this.thyPageIndex();
+            if (Number.isInteger(pageIndex)) {
+                this.setPageIndex(pageIndex);
+            }
+        });
+        effect(() => {
+            let pageSize = this.thyPageSize();
+            if (Number.isInteger(pageSize)) {
+                this.currentPageSize.set(pageSize);
+                this.selectedPageSize.set(pageSize);
+            }
+            else {
+                const config = this.computedConfig();
+                if (config.pageSizeOptions && config.pageSizeOptions.length > 0) {
+                    pageSize = config.pageSizeOptions[0];
+                }
+                else {
+                    pageSize = config.pageSize;
+                }
+                this.currentPageSize.set(pageSize);
+                this.selectedPageSize.set(pageSize);
+            }
+        });
+    }
+    setPageIndex(pageIndex) {
+        pageIndex = pageIndex > this.computedPageCount() ? this.computedPageCount() : pageIndex || 1;
+        this.currentPageIndex.set(pageIndex);
+    }
+    makePage(index, text, active) {
+        return { index, text, active };
     }
     pageChange(pageIndex) {
-        this.pageIndexChange.emit(pageIndex);
-        this.pageChanged.emit({ page: pageIndex });
+        this.thyPageIndexChange.emit(pageIndex);
+        this.thyPageChanged.emit({ page: pageIndex });
     }
     selectPage(pageIndex) {
-        if (this.disabled || pageIndex === this.firstIndex - 1 || pageIndex === this.pageCount + 1) {
+        if (this.thyDisabled() || pageIndex === this.firstIndex - 1 || pageIndex === this.computedPageCount() + 1) {
             return;
         }
         this.setPageIndex(pageIndex);
-        this.pageChange(this.pageIndex);
+        this.pageChange(this.currentPageIndex());
     }
     jumpPage(input) {
         const pageIndex = +input.value;
@@ -357,13 +350,12 @@ class ThyPagination {
         input.value = '';
     }
     onPageSizeChange(event) {
-        this.pageSize = event;
-        this.calculatePageCount();
-        this.setPageIndex(this.pageIndex);
-        this.pageSizeChanged.emit(event);
+        this.currentPageSize.set(event);
+        this.setPageIndex(event);
+        this.thyPageSizeChanged.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyPagination, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyPagination, isStandalone: true, selector: "thy-pagination", inputs: { thyPageIndex: ["thyPageIndex", "thyPageIndex", numberAttribute], thyPageSize: ["thyPageSize", "thyPageSize", numberAttribute], thyTotal: ["thyTotal", "thyTotal", numberAttribute], thyCustomPages: "thyCustomPages", disabled: ["thyDisabled", "disabled", coerceBooleanProperty], showQuickJumper: ["thyShowQuickJumper", "showQuickJumper", coerceBooleanProperty], showTotalPageCount: ["thyShowTotalPageCount", "showTotalPageCount", coerceBooleanProperty], size: ["thySize", "size"], maxCount: ["thyMaxCount", "maxCount", numberAttribute], marginalCount: ["thyMarginalCount", "marginalCount", numberAttribute], thyRangeCount: ["thyRangeCount", "thyRangeCount", numberAttribute], showSizeChanger: ["thyShowSizeChanger", "showSizeChanger", coerceBooleanProperty], pageSizeOptions: ["thyPageSizeOptions", "pageSizeOptions"], hideOnSinglePage: ["thyHideOnSinglePage", "hideOnSinglePage", coerceBooleanProperty], unit: ["thyUnit", "unit"], showTotal: ["thyShowTotal", "showTotal"] }, outputs: { pageIndexChange: "thyPageIndexChange", pageChanged: "thyPageChanged", pageSizeChanged: "thyPageSizeChanged" }, host: { properties: { "class.thy-pagination": "this.isPaginationClass", "class.thy-pagination-has-total": "this.showTotal" } }, ngImport: i0, template: "@if ((hideOnSinglePage && total > pageSize) || !hideOnSinglePage) {\n  @if (showTotal) {\n    <div class=\"thy-pagination-total\">\n      @if (!isTemplateRef(showTotal)) {\n        @if (total > 0) {\n          <div class=\"mr-3\">\n            {{ locale().order }}<span class=\"number\"> {{ range.from }}-{{ range.to }} </span>{{ config.unit }}\n          </div>\n          <div>\n            {{ locale().total }}<span class=\"number\"> {{ total }} </span>{{ config.unit }}\n          </div>\n        }\n      } @else {\n        <ng-template [ngTemplateOutlet]=\"showTotal\" [ngTemplateOutletContext]=\"{ $implicit: total, range: range }\"></ng-template>\n      }\n    </div>\n  }\n  <div class=\"thy-pagination-content\">\n    @if (config.showSizeChanger) {\n      <div class=\"thy-pagination-size\">\n        <thy-select [(ngModel)]=\"selectPageSize\" [thySize]=\"selectSize\" [thyDisabled]=\"disabled\" (ngModelChange)=\"onPageSizeChange($event)\">\n          @for (option of config.pageSizeOptions; track option) {\n            <thy-option\n              class=\"page-size-option\"\n              [thyValue]=\"option\"\n              [thyLabelText]=\"option + (config.unit | paginationPerPageFormat: allLocale())\"></thy-option>\n          }\n        </thy-select>\n      </div>\n    }\n    <ul class=\"thy-pagination-pages\">\n      @if (config.boundaryLinks) {\n        <li class=\"thy-page-item\" [class.disabled]=\"disabled || pageIndex === firstIndex\" (click)=\"selectPage(firstIndex)\">\n          <a class=\"thy-page-link thy-page-link-first\" href=\"javascript:;\">\n            @if (config.firstText) {\n              {{ config.firstText }}\n            }\n            @if (config.firstIcon) {\n              <thy-icon [thyIconName]=\"config.firstIcon\"></thy-icon>\n            }\n          </a>\n        </li>\n      }\n      @if (config.directionLinks) {\n        <li class=\"thy-page-item\" [class.disabled]=\"disabled || pageIndex === firstIndex\" (click)=\"selectPage(pageIndex - 1)\">\n          <a class=\"thy-page-link page-link-pre\" href=\"javascript:;\">\n            @if (config.previousText) {\n              {{ config.previousText }}\n            }\n            @if (config.previousIcon) {\n              <thy-icon [thyIconName]=\"config.previousIcon\"></thy-icon>\n            }\n          </a>\n        </li>\n      }\n      @for (page of pages; track page.index) {\n        <li class=\"thy-page-item thy-page-number\" [class.active]=\"page.active\" [class.disabled]=\"disabled\" (click)=\"selectPage(page.index)\">\n          <a class=\"thy-page-link\" href=\"javascript:;\">{{ page.text }}</a>\n        </li>\n      }\n      @if (config.directionLinks) {\n        <li class=\"thy-page-item page-item-next\" [class.disabled]=\"disabled || pageIndex === pageCount\" (click)=\"selectPage(pageIndex + 1)\">\n          <a class=\"thy-page-link thy-page-link-next\" href=\"javascript:;\">\n            @if (config.nextText) {\n              {{ config.nextText }}\n            }\n            @if (config.nextIcon) {\n              <thy-icon [thyIconName]=\"config.nextIcon\"></thy-icon>\n            }\n          </a>\n        </li>\n      }\n      @if (config.boundaryLinks) {\n        <li class=\"thy-page-item\" [class.disabled]=\"disabled || pageIndex === pageCount\" (click)=\"selectPage(pageCount)\">\n          <a class=\"thy-page-link thy-page-link-last\" href=\"javascript:;\">\n            @if (config.lastText) {\n              {{ config.lastText }}\n            }\n            @if (config.lastIcon) {\n              <thy-icon [thyIconName]=\"config.lastIcon\"></thy-icon>\n            }\n          </a>\n        </li>\n      }\n    </ul>\n    @if (config.showTotalPageCount && config.totalPagesFormat) {\n      <div class=\"thy-pagination-count\" [innerHTML]=\"pageCount | paginationTotalPagesFormat: config.totalPagesFormat\"></div>\n    }\n    @if (config.showQuickJumper) {\n      <div class=\"thy-pagination-jumper\">\n        <div class=\"thy-pagination-jumper-input\">\n          {{ locale().jumpTo }}\n          <input type=\"text\" [disabled]=\"disabled\" #jumperInput (thyEnter)=\"jumpPage(jumperInput)\" (blur)=\"jumpPage(jumperInput)\" />\n          {{ locale().page }}\n        </div>\n      </div>\n    }\n  </div>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ThySelect, selector: "thy-select,thy-custom-select", inputs: ["thyDropdownWidthMode", "thyShowSearch", "thyPlaceHolder", "thyServerSearch", "thyLoadState", "thyAutoActiveFirstItem", "thyMode", "thySize", "thyEmptyStateText", "thyEmptySearchMessageText", "thyEnableScrollLoad", "thyAllowClear", "thyDisabled", "thySortComparator", "thyFooterTemplate", "thyPlacement", "thyOrigin", "thyFooterClass", "thyAutoExpand", "thyHasBackdrop", "thyMaxTagCount", "thyBorderless", "thyOptions", "thyPreset"], outputs: ["thyOnSearch", "thyOnScrollToBottom", "thyOnExpandStatusChange"], exportAs: ["thySelect"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ThyOption, selector: "thy-option", inputs: ["thyValue", "thyRawValue", "thyLabelText", "thyShowOptionCustom", "thySearchKey", "thyDisabled"], outputs: ["selectionChange", "visibleChange"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: ThyEnterDirective, selector: "[thyEnter]", outputs: ["thyEnter"] }, { kind: "pipe", type: PaginationTotalCountFormat, name: "paginationTotalPagesFormat" }, { kind: "pipe", type: PaginationPerPageFormat, name: "paginationPerPageFormat" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyPagination, isStandalone: true, selector: "thy-pagination", inputs: { thyPageIndex: { classPropertyName: "thyPageIndex", publicName: "thyPageIndex", isSignal: true, isRequired: false, transformFunction: null }, thyPageSize: { classPropertyName: "thyPageSize", publicName: "thyPageSize", isSignal: true, isRequired: false, transformFunction: null }, thyTotal: { classPropertyName: "thyTotal", publicName: "thyTotal", isSignal: true, isRequired: false, transformFunction: null }, thyCustomPages: { classPropertyName: "thyCustomPages", publicName: "thyCustomPages", isSignal: true, isRequired: false, transformFunction: null }, thyDisabled: { classPropertyName: "thyDisabled", publicName: "thyDisabled", isSignal: true, isRequired: false, transformFunction: null }, thyShowQuickJumper: { classPropertyName: "thyShowQuickJumper", publicName: "thyShowQuickJumper", isSignal: true, isRequired: false, transformFunction: null }, thyShowTotalPageCount: { classPropertyName: "thyShowTotalPageCount", publicName: "thyShowTotalPageCount", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyMaxCount: { classPropertyName: "thyMaxCount", publicName: "thyMaxCount", isSignal: true, isRequired: false, transformFunction: null }, thyMarginalCount: { classPropertyName: "thyMarginalCount", publicName: "thyMarginalCount", isSignal: true, isRequired: false, transformFunction: null }, thyRangeCount: { classPropertyName: "thyRangeCount", publicName: "thyRangeCount", isSignal: true, isRequired: false, transformFunction: null }, thyShowSizeChanger: { classPropertyName: "thyShowSizeChanger", publicName: "thyShowSizeChanger", isSignal: true, isRequired: false, transformFunction: null }, thyPageSizeOptions: { classPropertyName: "thyPageSizeOptions", publicName: "thyPageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, thyHideOnSinglePage: { classPropertyName: "thyHideOnSinglePage", publicName: "thyHideOnSinglePage", isSignal: true, isRequired: false, transformFunction: null }, thyUnit: { classPropertyName: "thyUnit", publicName: "thyUnit", isSignal: true, isRequired: false, transformFunction: null }, thyShowTotal: { classPropertyName: "thyShowTotal", publicName: "thyShowTotal", isSignal: true, isRequired: false, transformFunction: null }, selectedPageSize: { classPropertyName: "selectedPageSize", publicName: "selectedPageSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { thyPageIndexChange: "thyPageIndexChange", thyPageChanged: "thyPageChanged", thyPageSizeChanged: "thyPageSizeChanged", selectedPageSize: "selectedPageSizeChange" }, host: { properties: { "class.thy-pagination-sm": "thySize() === \"sm\"", "class.thy-pagination-md": "thySize() === \"md\"", "class.thy-pagination-lg": "thySize() === \"lg\"", "class.thy-pagination-has-total": "thyShowTotal()" }, classAttribute: "thy-pagination" }, ngImport: i0, template: "@let locale = paginationLocale();\n@let hideOnSinglePage = thyHideOnSinglePage();\n@let pageIndex = currentPageIndex();\n@let pageSize = currentPageSize();\n@let total = thyTotal();\n@let range = computedRange();\n@let config = computedConfig();\n@let pages = computedPages();\n@let pageCount = computedPageCount();\n@let disabled = thyDisabled();\n@let size = thySize();\n@let showTotal = thyShowTotal();\n\n@if ((hideOnSinglePage && total > pageSize) || !hideOnSinglePage) {\n  @if (showTotal) {\n    <div\n      class=\"thy-pagination-total\"\n      [class.thy-pagination-total-sm]=\"size === 'sm'\"\n      [class.thy-pagination-total-md]=\"size === 'md'\"\n      [class.thy-pagination-total-lg]=\"size === 'lg'\">\n      @if (!isTemplateRef(showTotal)) {\n        @if (total > 0) {\n          <div class=\"mr-3\">\n            {{ locale.order }}<span class=\"number\"> {{ range.from }}-{{ range.to }} </span>{{ config.unit }}\n          </div>\n          <div>\n            {{ locale.total }}<span class=\"number\"> {{ total }} </span>{{ config.unit }}\n          </div>\n        }\n      } @else {\n        <ng-template [ngTemplateOutlet]=\"showTotal\" [ngTemplateOutletContext]=\"{ $implicit: total, range: range }\"></ng-template>\n      }\n    </div>\n  }\n  <div class=\"thy-pagination-content\">\n    @if (config.showSizeChanger) {\n      <div class=\"thy-pagination-size\">\n        <thy-select [(ngModel)]=\"selectedPageSize\" [thySize]=\"size\" [thyDisabled]=\"disabled\" (ngModelChange)=\"onPageSizeChange($event)\">\n          @for (option of config.pageSizeOptions; track option) {\n            <thy-option\n              class=\"page-size-option\"\n              [thyValue]=\"option\"\n              [thyLabelText]=\"option + (config.unit | paginationPerPageFormat: allLocale())\"></thy-option>\n          }\n        </thy-select>\n      </div>\n    }\n    <ul class=\"thy-pagination-pages\">\n      @if (config.boundaryLinks) {\n        <li class=\"thy-page-item\" [class.disabled]=\"disabled || pageIndex === firstIndex\" (click)=\"selectPage(firstIndex)\">\n          <a class=\"thy-page-link thy-page-link-first\" href=\"javascript:;\">\n            @if (config.firstText) {\n              {{ config.firstText }}\n            }\n            @if (config.firstIcon) {\n              <thy-icon [thyIconName]=\"config.firstIcon\"></thy-icon>\n            }\n          </a>\n        </li>\n      }\n      @if (config.directionLinks) {\n        <li class=\"thy-page-item\" [class.disabled]=\"disabled || pageIndex === firstIndex\" (click)=\"selectPage(pageIndex - 1)\">\n          <a class=\"thy-page-link page-link-pre\" href=\"javascript:;\">\n            @if (config.previousText) {\n              {{ config.previousText }}\n            }\n            @if (config.previousIcon) {\n              <thy-icon [thyIconName]=\"config.previousIcon\"></thy-icon>\n            }\n          </a>\n        </li>\n      }\n      @for (page of pages; track page.index) {\n        <li class=\"thy-page-item thy-page-number\" [class.active]=\"page.active\" [class.disabled]=\"disabled\" (click)=\"selectPage(page.index)\">\n          <a class=\"thy-page-link\" href=\"javascript:;\">{{ page.text }}</a>\n        </li>\n      }\n      @if (config.directionLinks) {\n        <li class=\"thy-page-item page-item-next\" [class.disabled]=\"disabled || pageIndex === pageCount\" (click)=\"selectPage(pageIndex + 1)\">\n          <a class=\"thy-page-link thy-page-link-next\" href=\"javascript:;\">\n            @if (config.nextText) {\n              {{ config.nextText }}\n            }\n            @if (config.nextIcon) {\n              <thy-icon [thyIconName]=\"config.nextIcon\"></thy-icon>\n            }\n          </a>\n        </li>\n      }\n      @if (config.boundaryLinks) {\n        <li class=\"thy-page-item\" [class.disabled]=\"disabled || pageIndex === pageCount\" (click)=\"selectPage(pageCount)\">\n          <a class=\"thy-page-link thy-page-link-last\" href=\"javascript:;\">\n            @if (config.lastText) {\n              {{ config.lastText }}\n            }\n            @if (config.lastIcon) {\n              <thy-icon [thyIconName]=\"config.lastIcon\"></thy-icon>\n            }\n          </a>\n        </li>\n      }\n    </ul>\n    @if (config.showTotalPageCount && config.totalPagesFormat) {\n      <div class=\"thy-pagination-count\" [innerHTML]=\"pageCount | paginationTotalPagesFormat: config.totalPagesFormat\"></div>\n    }\n    @if (config.showQuickJumper) {\n      <div class=\"thy-pagination-jumper\">\n        <div class=\"thy-pagination-jumper-input\">\n          {{ locale.jumpTo }}\n          <input type=\"text\" [disabled]=\"disabled\" #jumperInput (thyEnter)=\"jumpPage(jumperInput)\" (blur)=\"jumpPage(jumperInput)\" />\n          {{ locale.page }}\n        </div>\n      </div>\n    }\n  </div>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ThySelect, selector: "thy-select,thy-custom-select", inputs: ["thyDropdownWidthMode", "thyShowSearch", "thyPlaceHolder", "thyServerSearch", "thyLoadState", "thyAutoActiveFirstItem", "thyMode", "thySize", "thyEmptyStateText", "thyEmptySearchMessageText", "thyEnableScrollLoad", "thyAllowClear", "thyDisabled", "thySortComparator", "thyFooterTemplate", "thyPlacement", "thyOrigin", "thyFooterClass", "thyAutoExpand", "thyHasBackdrop", "thyMaxTagCount", "thyBorderless", "thyOptions", "thyPreset"], outputs: ["thyOnSearch", "thyOnScrollToBottom", "thyOnExpandStatusChange"], exportAs: ["thySelect"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ThyOption, selector: "thy-option", inputs: ["thyValue", "thyRawValue", "thyLabelText", "thyShowOptionCustom", "thySearchKey", "thyDisabled"], outputs: ["selectionChange", "visibleChange"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: ThyEnterDirective, selector: "[thyEnter]", outputs: ["thyEnter"] }, { kind: "pipe", type: PaginationTotalCountFormat, name: "paginationTotalPagesFormat" }, { kind: "pipe", type: PaginationPerPageFormat, name: "paginationPerPageFormat" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyPagination, decorators: [{
             type: Component,
@@ -376,70 +368,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                         ThyEnterDirective,
                         PaginationTotalCountFormat,
                         PaginationPerPageFormat
-                    ], template: "@if ((hideOnSinglePage && total > pageSize) || !hideOnSinglePage) {\n  @if (showTotal) {\n    <div class=\"thy-pagination-total\">\n      @if (!isTemplateRef(showTotal)) {\n        @if (total > 0) {\n          <div class=\"mr-3\">\n            {{ locale().order }}<span class=\"number\"> {{ range.from }}-{{ range.to }} </span>{{ config.unit }}\n          </div>\n          <div>\n            {{ locale().total }}<span class=\"number\"> {{ total }} </span>{{ config.unit }}\n          </div>\n        }\n      } @else {\n        <ng-template [ngTemplateOutlet]=\"showTotal\" [ngTemplateOutletContext]=\"{ $implicit: total, range: range }\"></ng-template>\n      }\n    </div>\n  }\n  <div class=\"thy-pagination-content\">\n    @if (config.showSizeChanger) {\n      <div class=\"thy-pagination-size\">\n        <thy-select [(ngModel)]=\"selectPageSize\" [thySize]=\"selectSize\" [thyDisabled]=\"disabled\" (ngModelChange)=\"onPageSizeChange($event)\">\n          @for (option of config.pageSizeOptions; track option) {\n            <thy-option\n              class=\"page-size-option\"\n              [thyValue]=\"option\"\n              [thyLabelText]=\"option + (config.unit | paginationPerPageFormat: allLocale())\"></thy-option>\n          }\n        </thy-select>\n      </div>\n    }\n    <ul class=\"thy-pagination-pages\">\n      @if (config.boundaryLinks) {\n        <li class=\"thy-page-item\" [class.disabled]=\"disabled || pageIndex === firstIndex\" (click)=\"selectPage(firstIndex)\">\n          <a class=\"thy-page-link thy-page-link-first\" href=\"javascript:;\">\n            @if (config.firstText) {\n              {{ config.firstText }}\n            }\n            @if (config.firstIcon) {\n              <thy-icon [thyIconName]=\"config.firstIcon\"></thy-icon>\n            }\n          </a>\n        </li>\n      }\n      @if (config.directionLinks) {\n        <li class=\"thy-page-item\" [class.disabled]=\"disabled || pageIndex === firstIndex\" (click)=\"selectPage(pageIndex - 1)\">\n          <a class=\"thy-page-link page-link-pre\" href=\"javascript:;\">\n            @if (config.previousText) {\n              {{ config.previousText }}\n            }\n            @if (config.previousIcon) {\n              <thy-icon [thyIconName]=\"config.previousIcon\"></thy-icon>\n            }\n          </a>\n        </li>\n      }\n      @for (page of pages; track page.index) {\n        <li class=\"thy-page-item thy-page-number\" [class.active]=\"page.active\" [class.disabled]=\"disabled\" (click)=\"selectPage(page.index)\">\n          <a class=\"thy-page-link\" href=\"javascript:;\">{{ page.text }}</a>\n        </li>\n      }\n      @if (config.directionLinks) {\n        <li class=\"thy-page-item page-item-next\" [class.disabled]=\"disabled || pageIndex === pageCount\" (click)=\"selectPage(pageIndex + 1)\">\n          <a class=\"thy-page-link thy-page-link-next\" href=\"javascript:;\">\n            @if (config.nextText) {\n              {{ config.nextText }}\n            }\n            @if (config.nextIcon) {\n              <thy-icon [thyIconName]=\"config.nextIcon\"></thy-icon>\n            }\n          </a>\n        </li>\n      }\n      @if (config.boundaryLinks) {\n        <li class=\"thy-page-item\" [class.disabled]=\"disabled || pageIndex === pageCount\" (click)=\"selectPage(pageCount)\">\n          <a class=\"thy-page-link thy-page-link-last\" href=\"javascript:;\">\n            @if (config.lastText) {\n              {{ config.lastText }}\n            }\n            @if (config.lastIcon) {\n              <thy-icon [thyIconName]=\"config.lastIcon\"></thy-icon>\n            }\n          </a>\n        </li>\n      }\n    </ul>\n    @if (config.showTotalPageCount && config.totalPagesFormat) {\n      <div class=\"thy-pagination-count\" [innerHTML]=\"pageCount | paginationTotalPagesFormat: config.totalPagesFormat\"></div>\n    }\n    @if (config.showQuickJumper) {\n      <div class=\"thy-pagination-jumper\">\n        <div class=\"thy-pagination-jumper-input\">\n          {{ locale().jumpTo }}\n          <input type=\"text\" [disabled]=\"disabled\" #jumperInput (thyEnter)=\"jumpPage(jumperInput)\" (blur)=\"jumpPage(jumperInput)\" />\n          {{ locale().page }}\n        </div>\n      </div>\n    }\n  </div>\n}\n" }]
-        }], propDecorators: { thyPageIndex: [{
-                type: Input,
-                args: [{ transform: numberAttribute }]
-            }], thyPageSize: [{
-                type: Input,
-                args: [{ transform: numberAttribute }]
-            }], thyTotal: [{
-                type: Input,
-                args: [{ transform: numberAttribute }]
-            }], thyCustomPages: [{
-                type: Input
-            }], disabled: [{
-                type: Input,
-                args: [{ alias: 'thyDisabled', transform: coerceBooleanProperty }]
-            }], showQuickJumper: [{
-                type: Input,
-                args: [{ alias: 'thyShowQuickJumper', transform: coerceBooleanProperty }]
-            }], showTotalPageCount: [{
-                type: Input,
-                args: [{ alias: 'thyShowTotalPageCount', transform: coerceBooleanProperty }]
-            }], size: [{
-                type: Input,
-                args: ['thySize']
-            }], maxCount: [{
-                type: Input,
-                args: [{ alias: 'thyMaxCount', transform: numberAttribute }]
-            }], marginalCount: [{
-                type: Input,
-                args: [{ alias: 'thyMarginalCount', transform: numberAttribute }]
-            }], thyRangeCount: [{
-                type: Input,
-                args: [{ transform: numberAttribute }]
-            }], showSizeChanger: [{
-                type: Input,
-                args: [{ alias: 'thyShowSizeChanger', transform: coerceBooleanProperty }]
-            }], pageSizeOptions: [{
-                type: Input,
-                args: ['thyPageSizeOptions']
-            }], hideOnSinglePage: [{
-                type: Input,
-                args: [{ alias: 'thyHideOnSinglePage', transform: coerceBooleanProperty }]
-            }], unit: [{
-                type: Input,
-                args: ['thyUnit']
-            }], pageIndexChange: [{
-                type: Output,
-                args: ['thyPageIndexChange']
-            }], pageChanged: [{
-                type: Output,
-                args: ['thyPageChanged']
-            }], pageSizeChanged: [{
-                type: Output,
-                args: ['thyPageSizeChanged']
-            }], isPaginationClass: [{
-                type: HostBinding,
-                args: ['class.thy-pagination']
-            }], showTotal: [{
-                type: HostBinding,
-                args: ['class.thy-pagination-has-total']
-            }, {
-                type: Input,
-                args: ['thyShowTotal']
-            }] } });
+                    ], host: {
+                        class: 'thy-pagination',
+                        '[class.thy-pagination-sm]': 'thySize() === "sm"',
+                        '[class.thy-pagination-md]': 'thySize() === "md"',
+                        '[class.thy-pagination-lg]': 'thySize() === "lg"',
+                        '[class.thy-pagination-has-total]': 'thyShowTotal()'
+                    }, template: "@let locale = paginationLocale();\n@let hideOnSinglePage = thyHideOnSinglePage();\n@let pageIndex = currentPageIndex();\n@let pageSize = currentPageSize();\n@let total = thyTotal();\n@let range = computedRange();\n@let config = computedConfig();\n@let pages = computedPages();\n@let pageCount = computedPageCount();\n@let disabled = thyDisabled();\n@let size = thySize();\n@let showTotal = thyShowTotal();\n\n@if ((hideOnSinglePage && total > pageSize) || !hideOnSinglePage) {\n  @if (showTotal) {\n    <div\n      class=\"thy-pagination-total\"\n      [class.thy-pagination-total-sm]=\"size === 'sm'\"\n      [class.thy-pagination-total-md]=\"size === 'md'\"\n      [class.thy-pagination-total-lg]=\"size === 'lg'\">\n      @if (!isTemplateRef(showTotal)) {\n        @if (total > 0) {\n          <div class=\"mr-3\">\n            {{ locale.order }}<span class=\"number\"> {{ range.from }}-{{ range.to }} </span>{{ config.unit }}\n          </div>\n          <div>\n            {{ locale.total }}<span class=\"number\"> {{ total }} </span>{{ config.unit }}\n          </div>\n        }\n      } @else {\n        <ng-template [ngTemplateOutlet]=\"showTotal\" [ngTemplateOutletContext]=\"{ $implicit: total, range: range }\"></ng-template>\n      }\n    </div>\n  }\n  <div class=\"thy-pagination-content\">\n    @if (config.showSizeChanger) {\n      <div class=\"thy-pagination-size\">\n        <thy-select [(ngModel)]=\"selectedPageSize\" [thySize]=\"size\" [thyDisabled]=\"disabled\" (ngModelChange)=\"onPageSizeChange($event)\">\n          @for (option of config.pageSizeOptions; track option) {\n            <thy-option\n              class=\"page-size-option\"\n              [thyValue]=\"option\"\n              [thyLabelText]=\"option + (config.unit | paginationPerPageFormat: allLocale())\"></thy-option>\n          }\n        </thy-select>\n      </div>\n    }\n    <ul class=\"thy-pagination-pages\">\n      @if (config.boundaryLinks) {\n        <li class=\"thy-page-item\" [class.disabled]=\"disabled || pageIndex === firstIndex\" (click)=\"selectPage(firstIndex)\">\n          <a class=\"thy-page-link thy-page-link-first\" href=\"javascript:;\">\n            @if (config.firstText) {\n              {{ config.firstText }}\n            }\n            @if (config.firstIcon) {\n              <thy-icon [thyIconName]=\"config.firstIcon\"></thy-icon>\n            }\n          </a>\n        </li>\n      }\n      @if (config.directionLinks) {\n        <li class=\"thy-page-item\" [class.disabled]=\"disabled || pageIndex === firstIndex\" (click)=\"selectPage(pageIndex - 1)\">\n          <a class=\"thy-page-link page-link-pre\" href=\"javascript:;\">\n            @if (config.previousText) {\n              {{ config.previousText }}\n            }\n            @if (config.previousIcon) {\n              <thy-icon [thyIconName]=\"config.previousIcon\"></thy-icon>\n            }\n          </a>\n        </li>\n      }\n      @for (page of pages; track page.index) {\n        <li class=\"thy-page-item thy-page-number\" [class.active]=\"page.active\" [class.disabled]=\"disabled\" (click)=\"selectPage(page.index)\">\n          <a class=\"thy-page-link\" href=\"javascript:;\">{{ page.text }}</a>\n        </li>\n      }\n      @if (config.directionLinks) {\n        <li class=\"thy-page-item page-item-next\" [class.disabled]=\"disabled || pageIndex === pageCount\" (click)=\"selectPage(pageIndex + 1)\">\n          <a class=\"thy-page-link thy-page-link-next\" href=\"javascript:;\">\n            @if (config.nextText) {\n              {{ config.nextText }}\n            }\n            @if (config.nextIcon) {\n              <thy-icon [thyIconName]=\"config.nextIcon\"></thy-icon>\n            }\n          </a>\n        </li>\n      }\n      @if (config.boundaryLinks) {\n        <li class=\"thy-page-item\" [class.disabled]=\"disabled || pageIndex === pageCount\" (click)=\"selectPage(pageCount)\">\n          <a class=\"thy-page-link thy-page-link-last\" href=\"javascript:;\">\n            @if (config.lastText) {\n              {{ config.lastText }}\n            }\n            @if (config.lastIcon) {\n              <thy-icon [thyIconName]=\"config.lastIcon\"></thy-icon>\n            }\n          </a>\n        </li>\n      }\n    </ul>\n    @if (config.showTotalPageCount && config.totalPagesFormat) {\n      <div class=\"thy-pagination-count\" [innerHTML]=\"pageCount | paginationTotalPagesFormat: config.totalPagesFormat\"></div>\n    }\n    @if (config.showQuickJumper) {\n      <div class=\"thy-pagination-jumper\">\n        <div class=\"thy-pagination-jumper-input\">\n          {{ locale.jumpTo }}\n          <input type=\"text\" [disabled]=\"disabled\" #jumperInput (thyEnter)=\"jumpPage(jumperInput)\" (blur)=\"jumpPage(jumperInput)\" />\n          {{ locale.page }}\n        </div>\n      </div>\n    }\n  </div>\n}\n" }]
+        }], ctorParameters: () => [] });
 
 class ThyPaginationModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyPaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }