@acorex/components 7.0.41 → 7.1.0

package/esm2022/data-pager/src/data-pager-info.component.mjs

@@ -0,0 +1,61 @@
+import { AXTranslator } from '@acorex/core/translation';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Inject, } from '@angular/core';
+import { AXDataPagerChild, AXPagerComponent, } from './data-pager-base.component';
+import * as i0 from "@angular/core";
+import * as i1 from "./data-pager-base.component";
+export class AXDataPagerInfoComponent extends AXDataPagerChild {
+    elementRef;
+    cdr;
+    _parent;
+    constructor(elementRef, cdr, _parent) {
+        super(elementRef, cdr);
+        this.elementRef = elementRef;
+        this.cdr = cdr;
+        this._parent = _parent;
+    }
+    text = AXTranslator.get('datapager.info.text');
+    _textFormatted;
+    onViewInit() {
+        this._updateText();
+        this._parent.onStateChanged.subscribe((c) => {
+            this._updateText();
+        });
+    }
+    _updateText() {
+        const info = this._parent.state;
+        if ([info.range, info.range.from, info.totalItems].every((c) => c)) {
+            this._textFormatted = this.text
+                .replace('[from]', info.range.from.toString())
+                .replace('[to]', info.range.to.toString())
+                .replace('[totalItems]', info.totalItems.toString())
+                .replace('[page]', info.page.toString())
+                .replace('[totalPages]', info.totalPages.toString());
+            this.cdr.markForCheck();
+        }
+        else {
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerInfoComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXPagerComponent }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXDataPagerInfoComponent, selector: "ax-data-pager-info", inputs: { text: "text" }, host: { classAttribute: "ax-data-pager-info" }, providers: [
+            { provide: AXDataPagerChild, useExisting: AXDataPagerInfoComponent },
+        ], usesInheritance: true, ngImport: i0, template: `{{ _textFormatted }}`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerInfoComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-data-pager-info',
+                    template: `{{ _textFormatted }}`,
+                    host: { class: 'ax-data-pager-info' },
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    providers: [
+                        { provide: AXDataPagerChild, useExisting: AXDataPagerInfoComponent },
+                    ],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.AXPagerComponent, decorators: [{
+                    type: Inject,
+                    args: [AXPagerComponent]
+                }] }]; }, propDecorators: { text: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1wYWdlci1pbmZvLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL2RhdGEtcGFnZXIvc3JjL2RhdGEtcGFnZXItaW5mby5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3hELE9BQU8sRUFDTCxTQUFTLEVBQ1QsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUdqQixLQUFLLEVBQ0wsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDTCxnQkFBZ0IsRUFDaEIsZ0JBQWdCLEdBQ2pCLE1BQU0sNkJBQTZCLENBQUM7OztBQVlyQyxNQUFNLE9BQU8sd0JBQXlCLFNBQVEsZ0JBQWdCO0lBRWxEO0lBQ0E7SUFFQTtJQUpWLFlBQ1UsVUFBc0MsRUFDdEMsR0FBc0IsRUFFdEIsT0FBeUI7UUFFakMsS0FBSyxDQUFDLFVBQVUsRUFBRSxHQUFHLENBQUMsQ0FBQztRQUxmLGVBQVUsR0FBVixVQUFVLENBQTRCO1FBQ3RDLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBRXRCLFlBQU8sR0FBUCxPQUFPLENBQWtCO0lBR25DLENBQUM7SUFHRCxJQUFJLEdBQVcsWUFBWSxDQUFDLEdBQUcsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDO0lBRXZELGNBQWMsQ0FBUztJQUV2QixVQUFVO1FBQ1IsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ25CLElBQUksQ0FBQyxPQUFPLENBQUMsY0FBYyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFO1lBQzFDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUNyQixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFTyxXQUFXO1FBQ2pCLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDO1FBQ2hDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ2xFLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLElBQUk7aUJBQzVCLE9BQU8sQ0FBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7aUJBQzdDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsUUFBUSxFQUFFLENBQUM7aUJBQ3pDLE9BQU8sQ0FBQyxjQUFjLEVBQUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxRQUFRLEVBQUUsQ0FBQztpQkFDbkQsT0FBTyxDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO2lCQUN2QyxPQUFPLENBQUMsY0FBYyxFQUFFLElBQUksQ0FBQyxVQUFVLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQztZQUN2RCxJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO1NBQ3pCO2FBQU07U0FDTjtJQUNILENBQUM7dUdBbENVLHdCQUF3Qiw2RUFJekIsZ0JBQWdCOzJGQUpmLHdCQUF3Qix1SEFKeEI7WUFDVCxFQUFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxXQUFXLEVBQUUsd0JBQXdCLEVBQUU7U0FDckUsaURBTlMsc0JBQXNCOzsyRkFRckIsd0JBQXdCO2tCQVZwQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxvQkFBb0I7b0JBQzlCLFFBQVEsRUFBRSxzQkFBc0I7b0JBQ2hDLElBQUksRUFBRSxFQUFFLEtBQUssRUFBRSxvQkFBb0IsRUFBRTtvQkFDckMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUNyQyxTQUFTLEVBQUU7d0JBQ1QsRUFBRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsV0FBVywwQkFBMEIsRUFBRTtxQkFDckU7aUJBQ0Y7OzBCQUtJLE1BQU07MkJBQUMsZ0JBQWdCOzRDQU8xQixJQUFJO3NCQURILEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWFRyYW5zbGF0b3IgfSBmcm9tICdAYWNvcmV4L2NvcmUvdHJhbnNsYXRpb24nO1xyXG5pbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBWaWV3RW5jYXBzdWxhdGlvbixcclxuICBFbGVtZW50UmVmLFxyXG4gIENoYW5nZURldGVjdG9yUmVmLFxyXG4gIElucHV0LFxyXG4gIEluamVjdCxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtcclxuICBBWERhdGFQYWdlckNoaWxkLFxyXG4gIEFYUGFnZXJDb21wb25lbnQsXHJcbn0gZnJvbSAnLi9kYXRhLXBhZ2VyLWJhc2UuY29tcG9uZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXgtZGF0YS1wYWdlci1pbmZvJyxcclxuICB0ZW1wbGF0ZTogYHt7IF90ZXh0Rm9ybWF0dGVkIH19YCxcclxuICBob3N0OiB7IGNsYXNzOiAnYXgtZGF0YS1wYWdlci1pbmZvJyB9LFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgICB7IHByb3ZpZGU6IEFYRGF0YVBhZ2VyQ2hpbGQsIHVzZUV4aXN0aW5nOiBBWERhdGFQYWdlckluZm9Db21wb25lbnQgfSxcclxuICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQVhEYXRhUGFnZXJJbmZvQ29tcG9uZW50IGV4dGVuZHMgQVhEYXRhUGFnZXJDaGlsZCB7XHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWY8SFRNTERpdkVsZW1lbnQ+LFxyXG4gICAgcHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmLFxyXG4gICAgQEluamVjdChBWFBhZ2VyQ29tcG9uZW50KVxyXG4gICAgcHJpdmF0ZSBfcGFyZW50OiBBWFBhZ2VyQ29tcG9uZW50XHJcbiAgKSB7XHJcbiAgICBzdXBlcihlbGVtZW50UmVmLCBjZHIpO1xyXG4gIH1cclxuXHJcbiAgQElucHV0KClcclxuICB0ZXh0OiBzdHJpbmcgPSBBWFRyYW5zbGF0b3IuZ2V0KCdkYXRhcGFnZXIuaW5mby50ZXh0Jyk7XHJcblxyXG4gIF90ZXh0Rm9ybWF0dGVkOiBzdHJpbmc7XHJcblxyXG4gIG9uVmlld0luaXQoKSB7XHJcbiAgICB0aGlzLl91cGRhdGVUZXh0KCk7XHJcbiAgICB0aGlzLl9wYXJlbnQub25TdGF0ZUNoYW5nZWQuc3Vic2NyaWJlKChjKSA9PiB7XHJcbiAgICAgIHRoaXMuX3VwZGF0ZVRleHQoKTtcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBfdXBkYXRlVGV4dCgpIHtcclxuICAgIGNvbnN0IGluZm8gPSB0aGlzLl9wYXJlbnQuc3RhdGU7XHJcbiAgICBpZiAoW2luZm8ucmFuZ2UsIGluZm8ucmFuZ2UuZnJvbSwgaW5mby50b3RhbEl0ZW1zXS5ldmVyeSgoYykgPT4gYykpIHtcclxuICAgICAgdGhpcy5fdGV4dEZvcm1hdHRlZCA9IHRoaXMudGV4dFxyXG4gICAgICAgIC5yZXBsYWNlKCdbZnJvbV0nLCBpbmZvLnJhbmdlLmZyb20udG9TdHJpbmcoKSlcclxuICAgICAgICAucmVwbGFjZSgnW3RvXScsIGluZm8ucmFuZ2UudG8udG9TdHJpbmcoKSlcclxuICAgICAgICAucmVwbGFjZSgnW3RvdGFsSXRlbXNdJywgaW5mby50b3RhbEl0ZW1zLnRvU3RyaW5nKCkpXHJcbiAgICAgICAgLnJlcGxhY2UoJ1twYWdlXScsIGluZm8ucGFnZS50b1N0cmluZygpKVxyXG4gICAgICAgIC5yZXBsYWNlKCdbdG90YWxQYWdlc10nLCBpbmZvLnRvdGFsUGFnZXMudG9TdHJpbmcoKSk7XHJcbiAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xyXG4gICAgfSBlbHNlIHtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIl19

package/esm2022/data-pager/src/data-pager-input-selector.component.mjs

@@ -0,0 +1,53 @@
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, Inject } from "@angular/core";
+import { AXDataPagerChild, AXPagerComponent } from "./data-pager-base.component";
+import * as i0 from "@angular/core";
+import * as i1 from "@acorex/components/number-box";
+import * as i2 from "./data-pager-base.component";
+export class AXDataPagerInputSelectorComponent extends AXDataPagerChild {
+    _parent;
+    cdr;
+    constructor(elementRef, _parent, cdr) {
+        super(elementRef, cdr);
+        this._parent = _parent;
+        this.cdr = cdr;
+    }
+    _totalPages = 1;
+    _currentPage = 1;
+    onViewInit() {
+        this._currentPage = this._parent.state.page;
+        this._totalPages = this._parent.state.totalPages;
+        this._parent.onStateChanged.subscribe(c => {
+            this._currentPage = c.page;
+            this._totalPages = c.totalPages;
+            this.cdr.markForCheck();
+        });
+    }
+    _handleValueChanged(e) {
+        //TODO: debounceTime
+        this._parent.goToPage(e.value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerInputSelectorComponent, deps: [{ token: i0.ElementRef }, { token: AXPagerComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXDataPagerInputSelectorComponent, selector: "ax-data-pager-input-selector", providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerInputSelectorComponent }], usesInheritance: true, ngImport: i0, template: `
+        <ax-number-box [value]="_currentPage" class="ax-sm" (onValueChanged)="_handleValueChanged($event)" [showSpinButtons]="false"
+            [minValue]="1" [maxValue]="_totalPages" allowNull="false">
+        </ax-number-box>
+    `, isInline: true, dependencies: [{ kind: "component", type: i1.AXNumberBoxComponent, selector: "ax-number-box", inputs: ["disabled", "readonly", "tabIndex", "size", "value", "state", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "name", "checked", "thousandsSeparator", "padDecimalZeros", "step", "decimals", "decimalStep", "showSpinButtons", "minValue", "maxValue"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerInputSelectorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-data-pager-input-selector',
+                    template: `
+        <ax-number-box [value]="_currentPage" class="ax-sm" (onValueChanged)="_handleValueChanged($event)" [showSpinButtons]="false"
+            [minValue]="1" [maxValue]="_totalPages" allowNull="false">
+        </ax-number-box>
+    `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerInputSelectorComponent }]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i2.AXPagerComponent, decorators: [{
+                    type: Inject,
+                    args: [AXPagerComponent]
+                }] }, { type: i0.ChangeDetectorRef }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1wYWdlci1pbnB1dC1zZWxlY3Rvci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29tcG9uZW50cy9kYXRhLXBhZ2VyL3NyYy9kYXRhLXBhZ2VyLWlucHV0LXNlbGVjdG9yLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLHVCQUF1QixFQUFFLGlCQUFpQixFQUFpQyxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFN0gsT0FBTyxFQUFFLGdCQUFnQixFQUFFLGdCQUFnQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7Ozs7QUFhakYsTUFBTSxPQUFPLGlDQUFrQyxTQUFRLGdCQUFnQjtJQUt2RDtJQUNBO0lBSlosWUFDSSxVQUFzQixFQUVkLE9BQXlCLEVBQ3pCLEdBQXNCO1FBRTlCLEtBQUssQ0FBQyxVQUFVLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFIZixZQUFPLEdBQVAsT0FBTyxDQUFrQjtRQUN6QixRQUFHLEdBQUgsR0FBRyxDQUFtQjtJQUdsQyxDQUFDO0lBRUQsV0FBVyxHQUFXLENBQUMsQ0FBQztJQUN4QixZQUFZLEdBQVcsQ0FBQyxDQUFDO0lBRXpCLFVBQVU7UUFDTixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQztRQUM1QyxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLFVBQVUsQ0FBQztRQUNqRCxJQUFJLENBQUMsT0FBTyxDQUFDLGNBQWMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDdEMsSUFBSSxDQUFDLFlBQVksR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDO1lBQzNCLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxDQUFDLFVBQVUsQ0FBQztZQUNoQyxJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQzVCLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVELG1CQUFtQixDQUFDLENBQThCO1FBQzlDLG9CQUFvQjtRQUNwQixJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsS0FBZSxDQUFDLENBQUM7SUFDN0MsQ0FBQzt1R0EzQlEsaUNBQWlDLDRDQUk5QixnQkFBZ0I7MkZBSm5CLGlDQUFpQyx1REFGL0IsQ0FBQyxFQUFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxXQUFXLEVBQUUsaUNBQWlDLEVBQUUsQ0FBQyxpREFQaEY7Ozs7S0FJVDs7MkZBS1EsaUNBQWlDO2tCQVg3QyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSw4QkFBOEI7b0JBQ3hDLFFBQVEsRUFBRTs7OztLQUlUO29CQUNELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsU0FBUyxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsV0FBVyxtQ0FBbUMsRUFBRSxDQUFDO2lCQUM3Rjs7MEJBS1EsTUFBTTsyQkFBQyxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBWaWV3RW5jYXBzdWxhdGlvbiwgRWxlbWVudFJlZiwgQ2hhbmdlRGV0ZWN0b3JSZWYsIEluamVjdCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7IEFYVmFsdWVDaGFuZ2VkRXZlbnQgfSBmcm9tIFwiQGFjb3JleC9jb21wb25lbnRzL2NvbW1vblwiO1xyXG5pbXBvcnQgeyBBWERhdGFQYWdlckNoaWxkLCBBWFBhZ2VyQ29tcG9uZW50IH0gZnJvbSBcIi4vZGF0YS1wYWdlci1iYXNlLmNvbXBvbmVudFwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2F4LWRhdGEtcGFnZXItaW5wdXQtc2VsZWN0b3InLFxyXG4gICAgdGVtcGxhdGU6IGBcclxuICAgICAgICA8YXgtbnVtYmVyLWJveCBbdmFsdWVdPVwiX2N1cnJlbnRQYWdlXCIgY2xhc3M9XCJheC1zbVwiIChvblZhbHVlQ2hhbmdlZCk9XCJfaGFuZGxlVmFsdWVDaGFuZ2VkKCRldmVudClcIiBbc2hvd1NwaW5CdXR0b25zXT1cImZhbHNlXCJcclxuICAgICAgICAgICAgW21pblZhbHVlXT1cIjFcIiBbbWF4VmFsdWVdPVwiX3RvdGFsUGFnZXNcIiBhbGxvd051bGw9XCJmYWxzZVwiPlxyXG4gICAgICAgIDwvYXgtbnVtYmVyLWJveD5cclxuICAgIGAsXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbiAgICBwcm92aWRlcnM6IFt7IHByb3ZpZGU6IEFYRGF0YVBhZ2VyQ2hpbGQsIHVzZUV4aXN0aW5nOiBBWERhdGFQYWdlcklucHV0U2VsZWN0b3JDb21wb25lbnQgfV1cclxufSlcclxuZXhwb3J0IGNsYXNzIEFYRGF0YVBhZ2VySW5wdXRTZWxlY3RvckNvbXBvbmVudCBleHRlbmRzIEFYRGF0YVBhZ2VyQ2hpbGQge1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKFxyXG4gICAgICAgIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsXHJcbiAgICAgICAgQEluamVjdChBWFBhZ2VyQ29tcG9uZW50KVxyXG4gICAgICAgIHByaXZhdGUgX3BhcmVudDogQVhQYWdlckNvbXBvbmVudCxcclxuICAgICAgICBwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWZcclxuICAgICkge1xyXG4gICAgICAgIHN1cGVyKGVsZW1lbnRSZWYsIGNkcik7XHJcbiAgICB9XHJcblxyXG4gICAgX3RvdGFsUGFnZXM6IG51bWJlciA9IDE7XHJcbiAgICBfY3VycmVudFBhZ2U6IG51bWJlciA9IDE7XHJcblxyXG4gICAgb25WaWV3SW5pdCgpIHtcclxuICAgICAgICB0aGlzLl9jdXJyZW50UGFnZSA9IHRoaXMuX3BhcmVudC5zdGF0ZS5wYWdlO1xyXG4gICAgICAgIHRoaXMuX3RvdGFsUGFnZXMgPSB0aGlzLl9wYXJlbnQuc3RhdGUudG90YWxQYWdlcztcclxuICAgICAgICB0aGlzLl9wYXJlbnQub25TdGF0ZUNoYW5nZWQuc3Vic2NyaWJlKGMgPT4ge1xyXG4gICAgICAgICAgICB0aGlzLl9jdXJyZW50UGFnZSA9IGMucGFnZTtcclxuICAgICAgICAgICAgdGhpcy5fdG90YWxQYWdlcyA9IGMudG90YWxQYWdlcztcclxuICAgICAgICAgICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcblxyXG4gICAgX2hhbmRsZVZhbHVlQ2hhbmdlZChlOiBBWFZhbHVlQ2hhbmdlZEV2ZW50PG51bWJlcj4pIHtcclxuICAgICAgICAvL1RPRE86IGRlYm91bmNlVGltZVxyXG4gICAgICAgIHRoaXMuX3BhcmVudC5nb1RvUGFnZShlLnZhbHVlIGFzIG51bWJlcik7XHJcbiAgICB9XHJcbn0iXX0=

package/esm2022/data-pager/src/data-pager-next-buttons.components.mjs

@@ -0,0 +1,66 @@
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, Inject } from "@angular/core";
+import { AXDataPagerChild, AXPagerComponent } from "./data-pager-base.component";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@acorex/components/button";
+import * as i3 from "@acorex/components/decorators";
+import * as i4 from "./data-pager-base.component";
+export class AXDataPagerNextButtonsComponent extends AXDataPagerChild {
+    elementRef;
+    cdr;
+    _parent;
+    constructor(elementRef, cdr, _parent) {
+        super(elementRef, cdr);
+        this.elementRef = elementRef;
+        this.cdr = cdr;
+        this._parent = _parent;
+    }
+    onViewInit() {
+        this._checkDisabled();
+        //
+        this._parent.onStateChanged.subscribe(c => {
+            this._checkDisabled();
+        });
+    }
+    _checkDisabled() {
+        this.disabled = this._parent.state.page == this._parent.state.totalPages;
+    }
+    _emitOnLastPageClick(e) {
+        this._parent.goLastPage();
+    }
+    _emitOnNextPageClick(e) {
+        this._parent.goNextPage();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerNextButtonsComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXPagerComponent }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXDataPagerNextButtonsComponent, selector: "ax-data-pager-next-buttons", providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerNextButtonsComponent }], usesInheritance: true, ngImport: i0, template: `
+            <ax-button  [disabled]="disabled" look="blank" color="ghost" class="ax-sm"  title="Go to the next page" (onClick)="_emitOnNextPageClick($event)" >
+                <ax-icon [ngClass]="{'ax-icon-chevron-left': rtl,'ax-icon-chevron-right': !rtl}"></ax-icon>  
+                <i ></i>              
+            </ax-button>
+            <ax-button  [disabled]="disabled" look="blank" color="ghost" class="ax-sm" title="Go to the last page" (onClick)="_emitOnLastPageClick($event)">
+                <ax-icon [ngClass]="{'ax-icon-first-page': rtl,'ax-icon-last-page': !rtl}"></ax-icon>
+            </ax-button>
+    `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerNextButtonsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-data-pager-next-buttons',
+                    template: `
+            <ax-button  [disabled]="disabled" look="blank" color="ghost" class="ax-sm"  title="Go to the next page" (onClick)="_emitOnNextPageClick($event)" >
+                <ax-icon [ngClass]="{'ax-icon-chevron-left': rtl,'ax-icon-chevron-right': !rtl}"></ax-icon>  
+                <i ></i>              
+            </ax-button>
+            <ax-button  [disabled]="disabled" look="blank" color="ghost" class="ax-sm" title="Go to the last page" (onClick)="_emitOnLastPageClick($event)">
+                <ax-icon [ngClass]="{'ax-icon-first-page': rtl,'ax-icon-last-page': !rtl}"></ax-icon>
+            </ax-button>
+    `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerNextButtonsComponent }]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i4.AXPagerComponent, decorators: [{
+                    type: Inject,
+                    args: [AXPagerComponent]
+                }] }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1wYWdlci1uZXh0LWJ1dHRvbnMuY29tcG9uZW50cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL2RhdGEtcGFnZXIvc3JjL2RhdGEtcGFnZXItbmV4dC1idXR0b25zLmNvbXBvbmVudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSx1QkFBdUIsRUFBRSxpQkFBaUIsRUFBaUMsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTdILE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDOzs7Ozs7QUFpQmpGLE1BQU0sT0FBTywrQkFBZ0MsU0FBUSxnQkFBZ0I7SUFHckQ7SUFDQTtJQUVBO0lBSlosWUFDWSxVQUFzQixFQUN0QixHQUFzQixFQUV0QixPQUF5QjtRQUVqQyxLQUFLLENBQUMsVUFBVSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBTGYsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUN0QixRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQUV0QixZQUFPLEdBQVAsT0FBTyxDQUFrQjtJQUdyQyxDQUFDO0lBRUQsVUFBVTtRQUNOLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN0QixFQUFFO1FBQ0YsSUFBSSxDQUFDLE9BQU8sQ0FBQyxjQUFjLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ3RDLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUMxQixDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFTyxjQUFjO1FBQ2xCLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsSUFBSSxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLFVBQVUsQ0FBQztJQUM3RSxDQUFDO0lBRUQsb0JBQW9CLENBQUMsQ0FBZTtRQUNoQyxJQUFJLENBQUMsT0FBTyxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQzlCLENBQUM7SUFFRCxvQkFBb0IsQ0FBQyxDQUFlO1FBQ2hDLElBQUksQ0FBQyxPQUFPLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDOUIsQ0FBQzt1R0E3QlEsK0JBQStCLDZFQUs1QixnQkFBZ0I7MkZBTG5CLCtCQUErQixxREFGN0IsQ0FBQyxFQUFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxXQUFXLEVBQUUsK0JBQStCLEVBQUUsQ0FBQyxpREFYOUU7Ozs7Ozs7O0tBUVQ7OzJGQUtRLCtCQUErQjtrQkFmM0MsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsNEJBQTRCO29CQUN0QyxRQUFRLEVBQUU7Ozs7Ozs7O0tBUVQ7b0JBQ0QsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUNyQyxTQUFTLEVBQUUsQ0FBQyxFQUFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxXQUFXLGlDQUFpQyxFQUFFLENBQUM7aUJBQzNGOzswQkFNUSxNQUFNOzJCQUFDLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIFZpZXdFbmNhcHN1bGF0aW9uLCBFbGVtZW50UmVmLCBDaGFuZ2VEZXRlY3RvclJlZiwgSW5qZWN0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgQVhDbGlja0V2ZW50IH0gZnJvbSBcIkBhY29yZXgvY29tcG9uZW50cy9jb21tb25cIjtcclxuaW1wb3J0IHsgQVhEYXRhUGFnZXJDaGlsZCwgQVhQYWdlckNvbXBvbmVudCB9IGZyb20gXCIuL2RhdGEtcGFnZXItYmFzZS5jb21wb25lbnRcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdheC1kYXRhLXBhZ2VyLW5leHQtYnV0dG9ucycsXHJcbiAgICB0ZW1wbGF0ZTogYFxyXG4gICAgICAgICAgICA8YXgtYnV0dG9uICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiBsb29rPVwiYmxhbmtcIiBjb2xvcj1cImdob3N0XCIgY2xhc3M9XCJheC1zbVwiICB0aXRsZT1cIkdvIHRvIHRoZSBuZXh0IHBhZ2VcIiAob25DbGljayk9XCJfZW1pdE9uTmV4dFBhZ2VDbGljaygkZXZlbnQpXCIgPlxyXG4gICAgICAgICAgICAgICAgPGF4LWljb24gW25nQ2xhc3NdPVwieydheC1pY29uLWNoZXZyb24tbGVmdCc6IHJ0bCwnYXgtaWNvbi1jaGV2cm9uLXJpZ2h0JzogIXJ0bH1cIj48L2F4LWljb24+ICBcclxuICAgICAgICAgICAgICAgIDxpID48L2k+ICAgICAgICAgICAgICBcclxuICAgICAgICAgICAgPC9heC1idXR0b24+XHJcbiAgICAgICAgICAgIDxheC1idXR0b24gIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIGxvb2s9XCJibGFua1wiIGNvbG9yPVwiZ2hvc3RcIiBjbGFzcz1cImF4LXNtXCIgdGl0bGU9XCJHbyB0byB0aGUgbGFzdCBwYWdlXCIgKG9uQ2xpY2spPVwiX2VtaXRPbkxhc3RQYWdlQ2xpY2soJGV2ZW50KVwiPlxyXG4gICAgICAgICAgICAgICAgPGF4LWljb24gW25nQ2xhc3NdPVwieydheC1pY29uLWZpcnN0LXBhZ2UnOiBydGwsJ2F4LWljb24tbGFzdC1wYWdlJzogIXJ0bH1cIj48L2F4LWljb24+XHJcbiAgICAgICAgICAgIDwvYXgtYnV0dG9uPlxyXG4gICAgYCxcclxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICAgIHByb3ZpZGVyczogW3sgcHJvdmlkZTogQVhEYXRhUGFnZXJDaGlsZCwgdXNlRXhpc3Rpbmc6IEFYRGF0YVBhZ2VyTmV4dEJ1dHRvbnNDb21wb25lbnQgfV1cclxufSlcclxuZXhwb3J0IGNsYXNzIEFYRGF0YVBhZ2VyTmV4dEJ1dHRvbnNDb21wb25lbnQgZXh0ZW5kcyBBWERhdGFQYWdlckNoaWxkIHtcclxuXHJcbiAgICBjb25zdHJ1Y3RvcihcclxuICAgICAgICBwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsXHJcbiAgICAgICAgcHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmLFxyXG4gICAgICAgIEBJbmplY3QoQVhQYWdlckNvbXBvbmVudClcclxuICAgICAgICBwcml2YXRlIF9wYXJlbnQ6IEFYUGFnZXJDb21wb25lbnQsXHJcbiAgICApIHtcclxuICAgICAgICBzdXBlcihlbGVtZW50UmVmLCBjZHIpO1xyXG4gICAgfVxyXG5cclxuICAgIG9uVmlld0luaXQoKSB7XHJcbiAgICAgICAgdGhpcy5fY2hlY2tEaXNhYmxlZCgpO1xyXG4gICAgICAgIC8vXHJcbiAgICAgICAgdGhpcy5fcGFyZW50Lm9uU3RhdGVDaGFuZ2VkLnN1YnNjcmliZShjID0+IHtcclxuICAgICAgICAgICAgdGhpcy5fY2hlY2tEaXNhYmxlZCgpO1xyXG4gICAgICAgIH0pO1xyXG4gICAgfVxyXG5cclxuICAgIHByaXZhdGUgX2NoZWNrRGlzYWJsZWQoKSB7XHJcbiAgICAgICAgdGhpcy5kaXNhYmxlZCA9IHRoaXMuX3BhcmVudC5zdGF0ZS5wYWdlID09IHRoaXMuX3BhcmVudC5zdGF0ZS50b3RhbFBhZ2VzO1xyXG4gICAgfVxyXG5cclxuICAgIF9lbWl0T25MYXN0UGFnZUNsaWNrKGU6IEFYQ2xpY2tFdmVudCkge1xyXG4gICAgICAgIHRoaXMuX3BhcmVudC5nb0xhc3RQYWdlKCk7XHJcbiAgICB9XHJcblxyXG4gICAgX2VtaXRPbk5leHRQYWdlQ2xpY2soZTogQVhDbGlja0V2ZW50KSB7XHJcbiAgICAgICAgdGhpcy5fcGFyZW50LmdvTmV4dFBhZ2UoKTtcclxuICAgIH1cclxufSJdfQ==

package/esm2022/data-pager/src/data-pager-numeric-selector.component.mjs

@@ -0,0 +1,100 @@
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, Inject } from "@angular/core";
+import { AXDataPagerChild, AXPagerComponent } from "./data-pager-base.component";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@acorex/components/button";
+import * as i3 from "@acorex/components/decorators";
+import * as i4 from "./data-pager-base.component";
+export class AXDataPagerNumericSelectorComponent extends AXDataPagerChild {
+    _parent;
+    _zone;
+    constructor(_elementRef, _cdr, _parent, _zone) {
+        super(_elementRef, _cdr);
+        this._parent = _parent;
+        this._zone = _zone;
+    }
+    _items = [];
+    _currentPage = 1;
+    _lastPage = 1;
+    _displayCount = 5;
+    onViewInit() {
+        this._generateDisplayItems();
+        this._parent.onStateChanged.subscribe(c => {
+            this._generateDisplayItems();
+        });
+    }
+    _generateDisplayItems() {
+        this._currentPage = this._parent.state.page;
+        this._lastPage = this._parent.state.totalPages;
+        //
+        this._items = [];
+        const start = Math.max(0, ((Math.ceil(this._currentPage / this._displayCount) - 1) * this._displayCount) + 1);
+        const end = Math.min(start + this._displayCount - 1, this._lastPage);
+        //
+        if (start > this._displayCount) {
+            this._items.push({
+                iconClass: 'ax-icon-more ax-rotation-90',
+                data: start - 1
+            });
+        }
+        //
+        for (let i = start; i <= end; i++) {
+            this._items.push({
+                text: i.toString(),
+                data: i
+            });
+        }
+        if (end < this._lastPage) {
+            this._items.push({
+                iconClass: 'ax-icon-more ax-rotation-90',
+                data: end + 1
+            });
+        }
+        this._cdr.detectChanges();
+    }
+    _handleOnItemClick(e) {
+        this._parent.goToPage(Number(e.data));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerNumericSelectorComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXPagerComponent }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXDataPagerNumericSelectorComponent, selector: "ax-data-pager-numeric-selector", providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerNumericSelectorComponent }], usesInheritance: true, ngImport: i0, template: `
+        <ax-button [disabled]="_currentPage==1"  look="blank" color="ghost" class="ax-sm"   (onClick)="_handleOnItemClick({data:1})">
+            <ax-icon [ngClass]="{'ax-icon-last-page': rtl,'ax-icon-first-page': !rtl}"></ax-icon>
+        </ax-button>
+        <ax-button-group color="ghost" look="blank" class="ax-sm"  >
+            <ax-button  *ngFor="let item of _items" color="ghost" look="blank" [selected]="_currentPage==item.data"  class="ax-sm" [text]="item.text" (onClick)="_handleOnItemClick(item)">
+                <ax-icon [class]="item.iconClass" *ngIf="item.iconClass">
+                </ax-icon>
+            </ax-button>
+        </ax-button-group>
+        <ax-button [disabled]="_currentPage==_lastPage"  look="blank" color="ghost" class="ax-sm"   (onClick)="_handleOnItemClick({data:_lastPage})">
+        <ax-icon [ngClass]="{'ax-icon-last-page': !rtl,'ax-icon-first-page': rtl}"></ax-icon>
+        </ax-button>
+    `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }, { kind: "component", type: i2.AXButtonGroupComponent, selector: "ax-button-group", inputs: ["disabled", "tabIndex", "color", "look", "selection"], outputs: ["onBlur", "onFocus", "lookChange", "colorChange", "selectionChange", "onItemClick"] }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerNumericSelectorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-data-pager-numeric-selector',
+                    template: `
+        <ax-button [disabled]="_currentPage==1"  look="blank" color="ghost" class="ax-sm"   (onClick)="_handleOnItemClick({data:1})">
+            <ax-icon [ngClass]="{'ax-icon-last-page': rtl,'ax-icon-first-page': !rtl}"></ax-icon>
+        </ax-button>
+        <ax-button-group color="ghost" look="blank" class="ax-sm"  >
+            <ax-button  *ngFor="let item of _items" color="ghost" look="blank" [selected]="_currentPage==item.data"  class="ax-sm" [text]="item.text" (onClick)="_handleOnItemClick(item)">
+                <ax-icon [class]="item.iconClass" *ngIf="item.iconClass">
+                </ax-icon>
+            </ax-button>
+        </ax-button-group>
+        <ax-button [disabled]="_currentPage==_lastPage"  look="blank" color="ghost" class="ax-sm"   (onClick)="_handleOnItemClick({data:_lastPage})">
+        <ax-icon [ngClass]="{'ax-icon-last-page': !rtl,'ax-icon-first-page': rtl}"></ax-icon>
+        </ax-button>
+    `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerNumericSelectorComponent }]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i4.AXPagerComponent, decorators: [{
+                    type: Inject,
+                    args: [AXPagerComponent]
+                }] }, { type: i0.NgZone }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1wYWdlci1udW1lcmljLXNlbGVjdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL2RhdGEtcGFnZXIvc3JjL2RhdGEtcGFnZXItbnVtZXJpYy1zZWxlY3Rvci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSx1QkFBdUIsRUFBRSxpQkFBaUIsRUFBaUMsTUFBTSxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBRXJJLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDOzs7Ozs7QUFzQmpGLE1BQU0sT0FBTyxtQ0FBb0MsU0FBUSxnQkFBZ0I7SUFNekQ7SUFDQTtJQUxaLFlBQ0ksV0FBdUIsRUFDdkIsSUFBdUIsRUFFZixPQUF5QixFQUN6QixLQUFhO1FBRXJCLEtBQUssQ0FBQyxXQUFXLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFIakIsWUFBTyxHQUFQLE9BQU8sQ0FBa0I7UUFDekIsVUFBSyxHQUFMLEtBQUssQ0FBUTtJQUd6QixDQUFDO0lBR0QsTUFBTSxHQUFtQixFQUFFLENBQUM7SUFDNUIsWUFBWSxHQUFXLENBQUMsQ0FBQztJQUN6QixTQUFTLEdBQVcsQ0FBQyxDQUFDO0lBRWQsYUFBYSxHQUFXLENBQUMsQ0FBQztJQUVsQyxVQUFVO1FBQ04sSUFBSSxDQUFDLHFCQUFxQixFQUFFLENBQUM7UUFDN0IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxjQUFjLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBRXRDLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1FBQ2pDLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVPLHFCQUFxQjtRQUN6QixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQztRQUM1QyxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLFVBQVUsQ0FBQztRQUMvQyxFQUFFO1FBQ0YsSUFBSSxDQUFDLE1BQU0sR0FBRyxFQUFFLENBQUM7UUFFakIsTUFBTSxLQUFLLEdBQVcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO1FBQ3RILE1BQU0sR0FBRyxHQUFXLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxhQUFhLEdBQUcsQ0FBQyxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUM3RSxFQUFFO1FBQ0YsSUFBSSxLQUFLLEdBQUcsSUFBSSxDQUFDLGFBQWEsRUFBRTtZQUM1QixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQztnQkFDYixTQUFTLEVBQUUsNkJBQTZCO2dCQUN4QyxJQUFJLEVBQUUsS0FBSyxHQUFHLENBQUM7YUFDbEIsQ0FBQyxDQUFDO1NBQ047UUFDRCxFQUFFO1FBQ0YsS0FBSyxJQUFJLENBQUMsR0FBRyxLQUFLLEVBQUUsQ0FBQyxJQUFJLEdBQUcsRUFBRSxDQUFDLEVBQUUsRUFBRTtZQUMvQixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQztnQkFDYixJQUFJLEVBQUUsQ0FBQyxDQUFDLFFBQVEsRUFBRTtnQkFDbEIsSUFBSSxFQUFFLENBQUM7YUFDVixDQUFDLENBQUM7U0FDTjtRQUNELElBQUksR0FBRyxHQUFHLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDdEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUM7Z0JBQ2IsU0FBUyxFQUFFLDZCQUE2QjtnQkFDeEMsSUFBSSxFQUFFLEdBQUcsR0FBRyxDQUFDO2FBQ2hCLENBQUMsQ0FBQztTQUNOO1FBQ0QsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRUQsa0JBQWtCLENBQUMsQ0FBTTtRQUNyQixJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7SUFDMUMsQ0FBQzt1R0E1RFEsbUNBQW1DLDZFQUtoQyxnQkFBZ0I7MkZBTG5CLG1DQUFtQyx5REFGakMsQ0FBQyxFQUFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxXQUFXLEVBQUUsbUNBQW1DLEVBQUUsQ0FBQyxpREFoQmxGOzs7Ozs7Ozs7Ozs7O0tBYVQ7OzJGQUtRLG1DQUFtQztrQkFwQi9DLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLGdDQUFnQztvQkFDMUMsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7O0tBYVQ7b0JBQ0QsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUNyQyxTQUFTLEVBQUUsQ0FBQyxFQUFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxXQUFXLHFDQUFxQyxFQUFFLENBQUM7aUJBQy9GOzswQkFNUSxNQUFNOzJCQUFDLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIFZpZXdFbmNhcHN1bGF0aW9uLCBFbGVtZW50UmVmLCBDaGFuZ2VEZXRlY3RvclJlZiwgSW5qZWN0LCBOZ1pvbmUgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBBWEJ1dHRvbkl0ZW0gfSBmcm9tIFwiQGFjb3JleC9jb21wb25lbnRzL2J1dHRvblwiO1xyXG5pbXBvcnQgeyBBWERhdGFQYWdlckNoaWxkLCBBWFBhZ2VyQ29tcG9uZW50IH0gZnJvbSBcIi4vZGF0YS1wYWdlci1iYXNlLmNvbXBvbmVudFwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2F4LWRhdGEtcGFnZXItbnVtZXJpYy1zZWxlY3RvcicsXHJcbiAgICB0ZW1wbGF0ZTogYFxyXG4gICAgICAgIDxheC1idXR0b24gW2Rpc2FibGVkXT1cIl9jdXJyZW50UGFnZT09MVwiICBsb29rPVwiYmxhbmtcIiBjb2xvcj1cImdob3N0XCIgY2xhc3M9XCJheC1zbVwiICAgKG9uQ2xpY2spPVwiX2hhbmRsZU9uSXRlbUNsaWNrKHtkYXRhOjF9KVwiPlxyXG4gICAgICAgICAgICA8YXgtaWNvbiBbbmdDbGFzc109XCJ7J2F4LWljb24tbGFzdC1wYWdlJzogcnRsLCdheC1pY29uLWZpcnN0LXBhZ2UnOiAhcnRsfVwiPjwvYXgtaWNvbj5cclxuICAgICAgICA8L2F4LWJ1dHRvbj5cclxuICAgICAgICA8YXgtYnV0dG9uLWdyb3VwIGNvbG9yPVwiZ2hvc3RcIiBsb29rPVwiYmxhbmtcIiBjbGFzcz1cImF4LXNtXCIgID5cclxuICAgICAgICAgICAgPGF4LWJ1dHRvbiAgKm5nRm9yPVwibGV0IGl0ZW0gb2YgX2l0ZW1zXCIgY29sb3I9XCJnaG9zdFwiIGxvb2s9XCJibGFua1wiIFtzZWxlY3RlZF09XCJfY3VycmVudFBhZ2U9PWl0ZW0uZGF0YVwiICBjbGFzcz1cImF4LXNtXCIgW3RleHRdPVwiaXRlbS50ZXh0XCIgKG9uQ2xpY2spPVwiX2hhbmRsZU9uSXRlbUNsaWNrKGl0ZW0pXCI+XHJcbiAgICAgICAgICAgICAgICA8YXgtaWNvbiBbY2xhc3NdPVwiaXRlbS5pY29uQ2xhc3NcIiAqbmdJZj1cIml0ZW0uaWNvbkNsYXNzXCI+XHJcbiAgICAgICAgICAgICAgICA8L2F4LWljb24+XHJcbiAgICAgICAgICAgIDwvYXgtYnV0dG9uPlxyXG4gICAgICAgIDwvYXgtYnV0dG9uLWdyb3VwPlxyXG4gICAgICAgIDxheC1idXR0b24gW2Rpc2FibGVkXT1cIl9jdXJyZW50UGFnZT09X2xhc3RQYWdlXCIgIGxvb2s9XCJibGFua1wiIGNvbG9yPVwiZ2hvc3RcIiBjbGFzcz1cImF4LXNtXCIgICAob25DbGljayk9XCJfaGFuZGxlT25JdGVtQ2xpY2soe2RhdGE6X2xhc3RQYWdlfSlcIj5cclxuICAgICAgICA8YXgtaWNvbiBbbmdDbGFzc109XCJ7J2F4LWljb24tbGFzdC1wYWdlJzogIXJ0bCwnYXgtaWNvbi1maXJzdC1wYWdlJzogcnRsfVwiPjwvYXgtaWNvbj5cclxuICAgICAgICA8L2F4LWJ1dHRvbj5cclxuICAgIGAsXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbiAgICBwcm92aWRlcnM6IFt7IHByb3ZpZGU6IEFYRGF0YVBhZ2VyQ2hpbGQsIHVzZUV4aXN0aW5nOiBBWERhdGFQYWdlck51bWVyaWNTZWxlY3RvckNvbXBvbmVudCB9XVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQVhEYXRhUGFnZXJOdW1lcmljU2VsZWN0b3JDb21wb25lbnQgZXh0ZW5kcyBBWERhdGFQYWdlckNoaWxkIHtcclxuXHJcbiAgICBjb25zdHJ1Y3RvcihcclxuICAgICAgICBfZWxlbWVudFJlZjogRWxlbWVudFJlZixcclxuICAgICAgICBfY2RyOiBDaGFuZ2VEZXRlY3RvclJlZixcclxuICAgICAgICBASW5qZWN0KEFYUGFnZXJDb21wb25lbnQpXHJcbiAgICAgICAgcHJpdmF0ZSBfcGFyZW50OiBBWFBhZ2VyQ29tcG9uZW50LFxyXG4gICAgICAgIHByaXZhdGUgX3pvbmU6IE5nWm9uZSxcclxuICAgICkge1xyXG4gICAgICAgIHN1cGVyKF9lbGVtZW50UmVmLCBfY2RyKTtcclxuICAgIH1cclxuXHJcblxyXG4gICAgX2l0ZW1zOiBBWEJ1dHRvbkl0ZW1bXSA9IFtdO1xyXG4gICAgX2N1cnJlbnRQYWdlOiBudW1iZXIgPSAxO1xyXG4gICAgX2xhc3RQYWdlOiBudW1iZXIgPSAxO1xyXG5cclxuICAgIHByaXZhdGUgX2Rpc3BsYXlDb3VudDogbnVtYmVyID0gNTtcclxuXHJcbiAgICBvblZpZXdJbml0KCkge1xyXG4gICAgICAgIHRoaXMuX2dlbmVyYXRlRGlzcGxheUl0ZW1zKCk7XHJcbiAgICAgICAgdGhpcy5fcGFyZW50Lm9uU3RhdGVDaGFuZ2VkLnN1YnNjcmliZShjID0+IHtcclxuXHJcbiAgICAgICAgICAgIHRoaXMuX2dlbmVyYXRlRGlzcGxheUl0ZW1zKCk7XHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcblxyXG4gICAgcHJpdmF0ZSBfZ2VuZXJhdGVEaXNwbGF5SXRlbXMoKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5fY3VycmVudFBhZ2UgPSB0aGlzLl9wYXJlbnQuc3RhdGUucGFnZTtcclxuICAgICAgICB0aGlzLl9sYXN0UGFnZSA9IHRoaXMuX3BhcmVudC5zdGF0ZS50b3RhbFBhZ2VzO1xyXG4gICAgICAgIC8vXHJcbiAgICAgICAgdGhpcy5faXRlbXMgPSBbXTtcclxuXHJcbiAgICAgICAgY29uc3Qgc3RhcnQ6IG51bWJlciA9IE1hdGgubWF4KDAsICgoTWF0aC5jZWlsKHRoaXMuX2N1cnJlbnRQYWdlIC8gdGhpcy5fZGlzcGxheUNvdW50KSAtIDEpICogdGhpcy5fZGlzcGxheUNvdW50KSArIDEpO1xyXG4gICAgICAgIGNvbnN0IGVuZDogbnVtYmVyID0gTWF0aC5taW4oc3RhcnQgKyB0aGlzLl9kaXNwbGF5Q291bnQgLSAxLCB0aGlzLl9sYXN0UGFnZSk7XHJcbiAgICAgICAgLy9cclxuICAgICAgICBpZiAoc3RhcnQgPiB0aGlzLl9kaXNwbGF5Q291bnQpIHtcclxuICAgICAgICAgICAgdGhpcy5faXRlbXMucHVzaCh7XHJcbiAgICAgICAgICAgICAgICBpY29uQ2xhc3M6ICdheC1pY29uLW1vcmUgYXgtcm90YXRpb24tOTAnLFxyXG4gICAgICAgICAgICAgICAgZGF0YTogc3RhcnQgLSAxXHJcbiAgICAgICAgICAgIH0pO1xyXG4gICAgICAgIH1cclxuICAgICAgICAvL1xyXG4gICAgICAgIGZvciAobGV0IGkgPSBzdGFydDsgaSA8PSBlbmQ7IGkrKykge1xyXG4gICAgICAgICAgICB0aGlzLl9pdGVtcy5wdXNoKHtcclxuICAgICAgICAgICAgICAgIHRleHQ6IGkudG9TdHJpbmcoKSxcclxuICAgICAgICAgICAgICAgIGRhdGE6IGlcclxuICAgICAgICAgICAgfSk7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGlmIChlbmQgPCB0aGlzLl9sYXN0UGFnZSkge1xyXG4gICAgICAgICAgICB0aGlzLl9pdGVtcy5wdXNoKHtcclxuICAgICAgICAgICAgICAgIGljb25DbGFzczogJ2F4LWljb24tbW9yZSBheC1yb3RhdGlvbi05MCcsXHJcbiAgICAgICAgICAgICAgICBkYXRhOiBlbmQgKyAxXHJcbiAgICAgICAgICAgIH0pO1xyXG4gICAgICAgIH1cclxuICAgICAgICB0aGlzLl9jZHIuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gICAgfVxyXG5cclxuICAgIF9oYW5kbGVPbkl0ZW1DbGljayhlOiBhbnkpIHtcclxuICAgICAgICB0aGlzLl9wYXJlbnQuZ29Ub1BhZ2UoTnVtYmVyKGUuZGF0YSkpO1xyXG4gICAgfVxyXG59Il19

package/esm2022/data-pager/src/data-pager-pagesize-dropdown.component.mjs

@@ -0,0 +1,88 @@
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Inject } from "@angular/core";
+import { AXDataPagerChild, AXPagerComponent } from "./data-pager-base.component";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@acorex/components/button";
+import * as i3 from "@acorex/components/dropdown";
+import * as i4 from "@acorex/components/decorators";
+import * as i5 from "./data-pager-base.component";
+export class AXDataPagerPageSizesComponent extends AXDataPagerChild {
+    _parent;
+    constructor(elementRef, cdr, _parent) {
+        super(elementRef, cdr);
+        this._parent = _parent;
+    }
+    _size;
+    onViewInit() {
+        this._generateDisplayItems();
+        //
+        this._parent.onStateChanged.subscribe(c => {
+            this._generateDisplayItems();
+        });
+    }
+    //TODO: AXButtonItems type error
+    _items = [];
+    _sizes;
+    get sizes() {
+        return this._sizes || [5, 10, 20, 50, 100];
+    }
+    set sizes(v) {
+        this._sizes = v;
+        this._generateDisplayItems();
+    }
+    _generateDisplayItems() {
+        this._size = this._parent.state.take;
+        this._items = this.sizes.map((s) => ({
+            text: s.toString(),
+            selected: s == this._size,
+            data: {
+                size: s
+            }
+        }));
+        this._cdr.detectChanges();
+    }
+    _emitOnItemClick(e) {
+        this._size = this._parent.size = Number(e.data.size);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerPageSizesComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXPagerComponent }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXDataPagerPageSizesComponent, selector: "ax-data-pager-page-sizes", inputs: { sizes: "sizes" }, providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerPageSizesComponent }], usesInheritance: true, ngImport: i0, template: `
+        <ax-button [text]="_size" color="ghost" look="blank" class="ax-sm">
+            <ax-dropdown-panel (onItemClick)="_emitOnItemClick($event)">
+                <ax-button-item *ngFor="let item of _items" [text]="item.text" [data]="item.data" [selected]="item.selected" >
+                </ax-button-item>
+            </ax-dropdown-panel>
+            <ax-suffix>
+                <ax-icon icon="ax-icon-arrow-down"></ax-icon>
+            </ax-suffix>
+        </ax-button>
+        <!-- <span >items per page</span> -->
+    `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }, { kind: "component", type: i2.AXButtonItemComponent, selector: "ax-button-item", inputs: ["text", "tooltip", "selected", "seperated", "name", "data", "color"], outputs: ["onClick"] }, { kind: "component", type: i3.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "target"], outputs: ["onOpened", "onClosed", "onItemClick"] }, { kind: "component", type: i4.AXDecoratorSuffixComponent, selector: "ax-suffix" }, { kind: "component", type: i4.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerPageSizesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-data-pager-page-sizes',
+                    template: `
+        <ax-button [text]="_size" color="ghost" look="blank" class="ax-sm">
+            <ax-dropdown-panel (onItemClick)="_emitOnItemClick($event)">
+                <ax-button-item *ngFor="let item of _items" [text]="item.text" [data]="item.data" [selected]="item.selected" >
+                </ax-button-item>
+            </ax-dropdown-panel>
+            <ax-suffix>
+                <ax-icon icon="ax-icon-arrow-down"></ax-icon>
+            </ax-suffix>
+        </ax-button>
+        <!-- <span >items per page</span> -->
+    `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    outputs: [],
+                    providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerPageSizesComponent }]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i5.AXPagerComponent, decorators: [{
+                    type: Inject,
+                    args: [AXPagerComponent]
+                }] }]; }, propDecorators: { sizes: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1wYWdlci1wYWdlc2l6ZS1kcm9wZG93bi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29tcG9uZW50cy9kYXRhLXBhZ2VyL3NyYy9kYXRhLXBhZ2VyLXBhZ2VzaXplLWRyb3Bkb3duLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLHVCQUF1QixFQUFFLGlCQUFpQixFQUFpQyxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXBJLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDOzs7Ozs7O0FBcUJqRixNQUFNLE9BQU8sNkJBQThCLFNBQVEsZ0JBQWdCO0lBTW5EO0lBSlosWUFDSSxVQUFzQixFQUN0QixHQUFzQixFQUVkLE9BQXlCO1FBRWpDLEtBQUssQ0FBQyxVQUFVLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFGZixZQUFPLEdBQVAsT0FBTyxDQUFrQjtJQUdyQyxDQUFDO0lBR0QsS0FBSyxDQUFTO0lBR2QsVUFBVTtRQUNOLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1FBQzdCLEVBQUU7UUFDRixJQUFJLENBQUMsT0FBTyxDQUFDLGNBQWMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDdEMsSUFBSSxDQUFDLHFCQUFxQixFQUFFLENBQUM7UUFDakMsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBR0QsZ0NBQWdDO0lBQ2hDLE1BQU0sR0FBVSxFQUFFLENBQUM7SUFFWCxNQUFNLENBQVc7SUFDekIsSUFDVyxLQUFLO1FBQ1osT0FBTyxJQUFJLENBQUMsTUFBTSxJQUFJLENBQUMsQ0FBQyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQy9DLENBQUM7SUFDRCxJQUFXLEtBQUssQ0FBQyxDQUFXO1FBQ3hCLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO1FBQ2hCLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO0lBQ2pDLENBQUM7SUFFTyxxQkFBcUI7UUFDekIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUM7UUFDckMsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUssRUFBRSxFQUFFLENBQUMsQ0FBQztZQUNyQyxJQUFJLEVBQUUsQ0FBQyxDQUFDLFFBQVEsRUFBRTtZQUNsQixRQUFRLEVBQUUsQ0FBQyxJQUFJLElBQUksQ0FBQyxLQUFLO1lBQ3pCLElBQUksRUFBRTtnQkFDRixJQUFJLEVBQUUsQ0FBQzthQUNWO1NBQ0osQ0FBQyxDQUFDLENBQUM7UUFDSixJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQzlCLENBQUM7SUFHRCxnQkFBZ0IsQ0FBQyxDQUFlO1FBQzVCLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEdBQUcsTUFBTSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDekQsQ0FBQzt1R0FwRFEsNkJBQTZCLDZFQUsxQixnQkFBZ0I7MkZBTG5CLDZCQUE2QiwrRUFGM0IsQ0FBQyxFQUFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxXQUFXLEVBQUUsNkJBQTZCLEVBQUUsQ0FBQyxpREFmNUU7Ozs7Ozs7Ozs7O0tBV1Q7OzJGQU1RLDZCQUE2QjtrQkFuQnpDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLDBCQUEwQjtvQkFDcEMsUUFBUSxFQUFFOzs7Ozs7Ozs7OztLQVdUO29CQUNELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsT0FBTyxFQUFFLEVBQUU7b0JBQ1gsU0FBUyxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsV0FBVywrQkFBK0IsRUFBRSxDQUFDO2lCQUN6Rjs7MEJBTVEsTUFBTTsyQkFBQyxnQkFBZ0I7NENBd0JqQixLQUFLO3NCQURmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBWaWV3RW5jYXBzdWxhdGlvbiwgRWxlbWVudFJlZiwgQ2hhbmdlRGV0ZWN0b3JSZWYsIElucHV0LCBJbmplY3QgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBBWENsaWNrRXZlbnQgfSBmcm9tIFwiQGFjb3JleC9jb21wb25lbnRzL2NvbW1vblwiO1xyXG5pbXBvcnQgeyBBWERhdGFQYWdlckNoaWxkLCBBWFBhZ2VyQ29tcG9uZW50IH0gZnJvbSBcIi4vZGF0YS1wYWdlci1iYXNlLmNvbXBvbmVudFwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2F4LWRhdGEtcGFnZXItcGFnZS1zaXplcycsXHJcbiAgICB0ZW1wbGF0ZTogYFxyXG4gICAgICAgIDxheC1idXR0b24gW3RleHRdPVwiX3NpemVcIiBjb2xvcj1cImdob3N0XCIgbG9vaz1cImJsYW5rXCIgY2xhc3M9XCJheC1zbVwiPlxyXG4gICAgICAgICAgICA8YXgtZHJvcGRvd24tcGFuZWwgKG9uSXRlbUNsaWNrKT1cIl9lbWl0T25JdGVtQ2xpY2soJGV2ZW50KVwiPlxyXG4gICAgICAgICAgICAgICAgPGF4LWJ1dHRvbi1pdGVtICpuZ0Zvcj1cImxldCBpdGVtIG9mIF9pdGVtc1wiIFt0ZXh0XT1cIml0ZW0udGV4dFwiIFtkYXRhXT1cIml0ZW0uZGF0YVwiIFtzZWxlY3RlZF09XCJpdGVtLnNlbGVjdGVkXCIgPlxyXG4gICAgICAgICAgICAgICAgPC9heC1idXR0b24taXRlbT5cclxuICAgICAgICAgICAgPC9heC1kcm9wZG93bi1wYW5lbD5cclxuICAgICAgICAgICAgPGF4LXN1ZmZpeD5cclxuICAgICAgICAgICAgICAgIDxheC1pY29uIGljb249XCJheC1pY29uLWFycm93LWRvd25cIj48L2F4LWljb24+XHJcbiAgICAgICAgICAgIDwvYXgtc3VmZml4PlxyXG4gICAgICAgIDwvYXgtYnV0dG9uPlxyXG4gICAgICAgIDwhLS0gPHNwYW4gPml0ZW1zIHBlciBwYWdlPC9zcGFuPiAtLT5cclxuICAgIGAsXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbiAgICBvdXRwdXRzOiBbXSxcclxuICAgIHByb3ZpZGVyczogW3sgcHJvdmlkZTogQVhEYXRhUGFnZXJDaGlsZCwgdXNlRXhpc3Rpbmc6IEFYRGF0YVBhZ2VyUGFnZVNpemVzQ29tcG9uZW50IH1dXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBWERhdGFQYWdlclBhZ2VTaXplc0NvbXBvbmVudCBleHRlbmRzIEFYRGF0YVBhZ2VyQ2hpbGQge1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKFxyXG4gICAgICAgIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsXHJcbiAgICAgICAgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZixcclxuICAgICAgICBASW5qZWN0KEFYUGFnZXJDb21wb25lbnQpXHJcbiAgICAgICAgcHJpdmF0ZSBfcGFyZW50OiBBWFBhZ2VyQ29tcG9uZW50LFxyXG4gICAgKSB7XHJcbiAgICAgICAgc3VwZXIoZWxlbWVudFJlZiwgY2RyKTtcclxuICAgIH1cclxuXHJcblxyXG4gICAgX3NpemU6IG51bWJlcjtcclxuXHJcblxyXG4gICAgb25WaWV3SW5pdCgpIHtcclxuICAgICAgICB0aGlzLl9nZW5lcmF0ZURpc3BsYXlJdGVtcygpO1xyXG4gICAgICAgIC8vXHJcbiAgICAgICAgdGhpcy5fcGFyZW50Lm9uU3RhdGVDaGFuZ2VkLnN1YnNjcmliZShjID0+IHtcclxuICAgICAgICAgICAgdGhpcy5fZ2VuZXJhdGVEaXNwbGF5SXRlbXMoKTtcclxuICAgICAgICB9KTtcclxuICAgIH1cclxuXHJcblxyXG4gICAgLy9UT0RPOiBBWEJ1dHRvbkl0ZW1zIHR5cGUgZXJyb3JcclxuICAgIF9pdGVtczogYW55W10gPSBbXTtcclxuXHJcbiAgICBwcml2YXRlIF9zaXplczogbnVtYmVyW107XHJcbiAgICBASW5wdXQoKVxyXG4gICAgcHVibGljIGdldCBzaXplcygpOiBudW1iZXJbXSB7XHJcbiAgICAgICAgcmV0dXJuIHRoaXMuX3NpemVzIHx8IFs1LCAxMCwgMjAsIDUwLCAxMDBdO1xyXG4gICAgfVxyXG4gICAgcHVibGljIHNldCBzaXplcyh2OiBudW1iZXJbXSkge1xyXG4gICAgICAgIHRoaXMuX3NpemVzID0gdjtcclxuICAgICAgICB0aGlzLl9nZW5lcmF0ZURpc3BsYXlJdGVtcygpO1xyXG4gICAgfVxyXG5cclxuICAgIHByaXZhdGUgX2dlbmVyYXRlRGlzcGxheUl0ZW1zKCk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMuX3NpemUgPSB0aGlzLl9wYXJlbnQuc3RhdGUudGFrZTtcclxuICAgICAgICB0aGlzLl9pdGVtcyA9IHRoaXMuc2l6ZXMubWFwKChzOmFueSkgPT4gKHtcclxuICAgICAgICAgICAgdGV4dDogcy50b1N0cmluZygpLFxyXG4gICAgICAgICAgICBzZWxlY3RlZDogcyA9PSB0aGlzLl9zaXplLFxyXG4gICAgICAgICAgICBkYXRhOiB7XHJcbiAgICAgICAgICAgICAgICBzaXplOiBzXHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9KSk7XHJcbiAgICAgICAgdGhpcy5fY2RyLmRldGVjdENoYW5nZXMoKTtcclxuICAgIH1cclxuXHJcblxyXG4gICAgX2VtaXRPbkl0ZW1DbGljayhlOiBBWENsaWNrRXZlbnQpIHtcclxuICAgICAgICB0aGlzLl9zaXplID0gdGhpcy5fcGFyZW50LnNpemUgPSBOdW1iZXIoZS5kYXRhLnNpemUpO1xyXG4gICAgfVxyXG59Il19

package/esm2022/data-pager/src/data-pager-prev-buttons.component.mjs

@@ -0,0 +1,61 @@
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, Inject } from "@angular/core";
+import { AXDataPagerChild, AXPagerComponent } from "./data-pager-base.component";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@acorex/components/button";
+import * as i3 from "@acorex/components/decorators";
+import * as i4 from "./data-pager-base.component";
+export class AXDataPagerPrevButtonsComponent extends AXDataPagerChild {
+    elementRef;
+    _parent;
+    constructor(elementRef, cdr, _parent) {
+        super(elementRef, cdr);
+        this.elementRef = elementRef;
+        this._parent = _parent;
+    }
+    onViewInit() {
+        this._checkDisabled();
+        this._parent.onStateChanged.subscribe(c => {
+            this._checkDisabled();
+        });
+    }
+    _checkDisabled() {
+        this.disabled = this._parent.state.page == 1;
+    }
+    _emitOnFirstPageClick(e) {
+        this._parent.goFirstPage();
+    }
+    _emitOnPrevPageClick(e) {
+        this._parent.goPrevPage();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerPrevButtonsComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXPagerComponent }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXDataPagerPrevButtonsComponent, selector: "ax-data-pager-prev-buttons", providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerPrevButtonsComponent }], usesInheritance: true, ngImport: i0, template: `
+        <ax-button [disabled]="disabled"  look="blank" color="ghost" class="ax-sm" title="Go to the last page" (onClick)="_emitOnFirstPageClick($event)">
+        <ax-icon [ngClass]="{'ax-icon-last-page': rtl,'ax-icon-first-page': !rtl}"></ax-icon>
+        </ax-button>
+        <ax-button [disabled]="disabled"  look="blank" color="ghost" class="ax-sm" title="Go to the next page" (onClick)="_emitOnPrevPageClick($event)">
+            <ax-icon [ngClass]="{'ax-icon-chevron-left': !rtl,'ax-icon-chevron-right': rtl}"></ax-icon>
+        </ax-button>
+    `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDataPagerPrevButtonsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-data-pager-prev-buttons',
+                    template: `
+        <ax-button [disabled]="disabled"  look="blank" color="ghost" class="ax-sm" title="Go to the last page" (onClick)="_emitOnFirstPageClick($event)">
+        <ax-icon [ngClass]="{'ax-icon-last-page': rtl,'ax-icon-first-page': !rtl}"></ax-icon>
+        </ax-button>
+        <ax-button [disabled]="disabled"  look="blank" color="ghost" class="ax-sm" title="Go to the next page" (onClick)="_emitOnPrevPageClick($event)">
+            <ax-icon [ngClass]="{'ax-icon-chevron-left': !rtl,'ax-icon-chevron-right': rtl}"></ax-icon>
+        </ax-button>
+    `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerPrevButtonsComponent }]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i4.AXPagerComponent, decorators: [{
+                    type: Inject,
+                    args: [AXPagerComponent]
+                }] }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1wYWdlci1wcmV2LWJ1dHRvbnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvZGF0YS1wYWdlci9zcmMvZGF0YS1wYWdlci1wcmV2LWJ1dHRvbnMuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsdUJBQXVCLEVBQUUsaUJBQWlCLEVBQWlDLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUU3SCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7Ozs7O0FBZ0JqRixNQUFNLE9BQU8sK0JBQWdDLFNBQVEsZ0JBQWdCO0lBSXJEO0lBR0E7SUFKWixZQUNZLFVBQXNCLEVBQzlCLEdBQXNCLEVBRWQsT0FBeUI7UUFFakMsS0FBSyxDQUFDLFVBQVUsRUFBRSxHQUFHLENBQUMsQ0FBQztRQUxmLGVBQVUsR0FBVixVQUFVLENBQVk7UUFHdEIsWUFBTyxHQUFQLE9BQU8sQ0FBa0I7SUFHckMsQ0FBQztJQUVELFVBQVU7UUFDTixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDdEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxjQUFjLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ3RDLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUMxQixDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFTyxjQUFjO1FBQ2xCLElBQUksQ0FBQyxRQUFRLEdBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsSUFBSSxJQUFJLENBQUMsQ0FBQztJQUNsRCxDQUFDO0lBR0QscUJBQXFCLENBQUMsQ0FBZTtRQUNqQyxJQUFJLENBQUMsT0FBTyxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQy9CLENBQUM7SUFFRCxvQkFBb0IsQ0FBQyxDQUFlO1FBQ2hDLElBQUksQ0FBQyxPQUFPLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDOUIsQ0FBQzt1R0E5QlEsK0JBQStCLDZFQU01QixnQkFBZ0I7MkZBTm5CLCtCQUErQixxREFGN0IsQ0FBQyxFQUFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxXQUFXLEVBQUUsK0JBQStCLEVBQUUsQ0FBQyxpREFWOUU7Ozs7Ozs7S0FPVDs7MkZBS1EsK0JBQStCO2tCQWQzQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSw0QkFBNEI7b0JBQ3RDLFFBQVEsRUFBRTs7Ozs7OztLQU9UO29CQUNELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsU0FBUyxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsV0FBVyxpQ0FBaUMsRUFBRSxDQUFDO2lCQUMzRjs7MEJBT1EsTUFBTTsyQkFBQyxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBWaWV3RW5jYXBzdWxhdGlvbiwgRWxlbWVudFJlZiwgQ2hhbmdlRGV0ZWN0b3JSZWYsIEluamVjdCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7IEFYQ2xpY2tFdmVudCB9IGZyb20gXCJAYWNvcmV4L2NvbXBvbmVudHMvY29tbW9uXCI7XHJcbmltcG9ydCB7IEFYRGF0YVBhZ2VyQ2hpbGQsIEFYUGFnZXJDb21wb25lbnQgfSBmcm9tIFwiLi9kYXRhLXBhZ2VyLWJhc2UuY29tcG9uZW50XCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnYXgtZGF0YS1wYWdlci1wcmV2LWJ1dHRvbnMnLFxyXG4gICAgdGVtcGxhdGU6IGBcclxuICAgICAgICA8YXgtYnV0dG9uIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiICBsb29rPVwiYmxhbmtcIiBjb2xvcj1cImdob3N0XCIgY2xhc3M9XCJheC1zbVwiIHRpdGxlPVwiR28gdG8gdGhlIGxhc3QgcGFnZVwiIChvbkNsaWNrKT1cIl9lbWl0T25GaXJzdFBhZ2VDbGljaygkZXZlbnQpXCI+XHJcbiAgICAgICAgPGF4LWljb24gW25nQ2xhc3NdPVwieydheC1pY29uLWxhc3QtcGFnZSc6IHJ0bCwnYXgtaWNvbi1maXJzdC1wYWdlJzogIXJ0bH1cIj48L2F4LWljb24+XHJcbiAgICAgICAgPC9heC1idXR0b24+XHJcbiAgICAgICAgPGF4LWJ1dHRvbiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiAgbG9vaz1cImJsYW5rXCIgY29sb3I9XCJnaG9zdFwiIGNsYXNzPVwiYXgtc21cIiB0aXRsZT1cIkdvIHRvIHRoZSBuZXh0IHBhZ2VcIiAob25DbGljayk9XCJfZW1pdE9uUHJldlBhZ2VDbGljaygkZXZlbnQpXCI+XHJcbiAgICAgICAgICAgIDxheC1pY29uIFtuZ0NsYXNzXT1cInsnYXgtaWNvbi1jaGV2cm9uLWxlZnQnOiAhcnRsLCdheC1pY29uLWNoZXZyb24tcmlnaHQnOiBydGx9XCI+PC9heC1pY29uPlxyXG4gICAgICAgIDwvYXgtYnV0dG9uPlxyXG4gICAgYCxcclxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICAgIHByb3ZpZGVyczogW3sgcHJvdmlkZTogQVhEYXRhUGFnZXJDaGlsZCwgdXNlRXhpc3Rpbmc6IEFYRGF0YVBhZ2VyUHJldkJ1dHRvbnNDb21wb25lbnQgfV1cclxufSlcclxuZXhwb3J0IGNsYXNzIEFYRGF0YVBhZ2VyUHJldkJ1dHRvbnNDb21wb25lbnQgZXh0ZW5kcyBBWERhdGFQYWdlckNoaWxkIHtcclxuXHJcblxyXG4gICAgY29uc3RydWN0b3IoXHJcbiAgICAgICAgcHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmLFxyXG4gICAgICAgIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgICAgICAgQEluamVjdChBWFBhZ2VyQ29tcG9uZW50KVxyXG4gICAgICAgIHByaXZhdGUgX3BhcmVudDogQVhQYWdlckNvbXBvbmVudCxcclxuICAgICkge1xyXG4gICAgICAgIHN1cGVyKGVsZW1lbnRSZWYsIGNkcik7XHJcbiAgICB9XHJcblxyXG4gICAgb25WaWV3SW5pdCgpIHtcclxuICAgICAgICB0aGlzLl9jaGVja0Rpc2FibGVkKCk7XHJcbiAgICAgICAgdGhpcy5fcGFyZW50Lm9uU3RhdGVDaGFuZ2VkLnN1YnNjcmliZShjID0+IHtcclxuICAgICAgICAgICAgdGhpcy5fY2hlY2tEaXNhYmxlZCgpO1xyXG4gICAgICAgIH0pO1xyXG4gICAgfVxyXG5cclxuICAgIHByaXZhdGUgX2NoZWNrRGlzYWJsZWQoKSB7XHJcbiAgICAgICAgdGhpcy5kaXNhYmxlZCA9ICB0aGlzLl9wYXJlbnQuc3RhdGUucGFnZSA9PSAxO1xyXG4gICAgfVxyXG5cclxuXHJcbiAgICBfZW1pdE9uRmlyc3RQYWdlQ2xpY2soZTogQVhDbGlja0V2ZW50KSB7XHJcbiAgICAgICAgdGhpcy5fcGFyZW50LmdvRmlyc3RQYWdlKCk7XHJcbiAgICB9XHJcblxyXG4gICAgX2VtaXRPblByZXZQYWdlQ2xpY2soZTogQVhDbGlja0V2ZW50KSB7XHJcbiAgICAgICAgdGhpcy5fcGFyZW50LmdvUHJldlBhZ2UoKTtcclxuICAgIH1cclxuXHJcbn0iXX0=