@acorex/data-grid 16.18.2 → 16.18.4

package/fesm2022/acorex-data-grid.mjs

@@ -1813,9 +1813,10 @@ class AXDataLovPopupComponent extends AXBasePopupPageComponent {
     selectedRows = [];
     pagination = true;
     paginationAutoPageSize;
-    paginationPageSize;
+    paginationPageSize = 20;
     maxConcurrentDatasourceRequests;
     blockLoadDebounceMillis;
+    paginationPageSizeSelector = [10, 20];
     constructor(cdr, ref) {
         super();
         this.cdr = cdr;
@@ -1906,11 +1907,11 @@ class AXDataLovPopupComponent extends AXBasePopupPageComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXDataLovPopupComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXDataLovPopupComponent, selector: "ng-component", viewQueries: [{ propertyName: "grid", first: true, predicate: ["grid"], descendants: true, static: true }, { propertyName: "searchBox", first: true, predicate: ["searchBox"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div style=\"height: 70vh; padding: 0.5em\">\n  <div style=\"height: calc(98%)\">\n    <ax-data-grid\n      [showRefreshButton]=\"false\"\n      [pagination]=\"pagination\"\n      [paginationAutoPageSize]=\"paginationAutoPageSize\"\n      [paginationPageSize]=\"paginationPageSize\"\n      [rtl]=\"rtl\"\n      [maxConcurrentDatasourceRequests]=\"maxConcurrentDatasourceRequests\"\n      [blockLoadDebounceMillis]=\"blockLoadDebounceMillis\"\n      [suppressRowClickSelection]=\"false\"\n      [keyField]=\"keyField\"\n      [hasChildField]=\"hasChildField\"\n      [selectRow]=\"selectedItems\"\n      #grid\n      [columns]=\"columns\"\n      [remoteOperation]=\"true\"\n      [selectionMode]=\"selectionMode\"\n      (rowDbClick)=\"rowDoubleClicked($event)\"\n      (rowSelectionChange)=\"rowSelectionChange($event)\"\n      [dataSource]=\"dataSource\"\n    >\n      <ax-toolbar>\n        <ax-toolbar-search #searchBox style=\"width: 100%\"></ax-toolbar-search>\n      </ax-toolbar>\n      <ax-selection-column\n        *ngIf=\"selectionMode == 'single' ? false : true\"\n      ></ax-selection-column>\n      <!-- <ax-data-source [provideData]=\"dataSource.provideData\">\n              </ax-data-source> -->\n    </ax-data-grid>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: AXDataGridComponent, selector: "ax-data-grid", inputs: ["paginationPageSizeSelector", "paginationAutoPageSize", "paginationPageSize", "remoteOperation", "rowMultiSelectWithClick", "suppressRowClickSelection", "suppressCellSelection", "sizeColumnsToFit", "showCheckBox", "floatingFilter", "autoExpand", "rowSelectableConditionField", "selectionMode", "pagination", "selectRow", "rowGroupPanelShow", "loadOnInit", "enableRangeSelection", "keyField", "hasChildField", "rowHeight", "groupHideOpenParents", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "showRefreshButton", "autoNavigatePage", "rowClass", "rtl", "searchText", "filter", "columns", "dataSource"], outputs: ["columnsChange", "cellClick", "cellDbClick", "cellFocuse", "rowClick", "rowDbClick", "selectionChanged", "rowSelectionChange", "onRowSelectionChanged"] }, { kind: "component", type: AXGridSelectionColumn, selector: "ax-selection-column", inputs: ["condition", "pinned", "width"] }, { kind: "component", type: i1$1.AXToolbarComponent, selector: "ax-toolbar" }, { kind: "component", type: i1$1.AXToolbarSearchComponent, selector: "ax-toolbar-search", inputs: ["text"], outputs: ["onValueChanged"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXDataLovPopupComponent, selector: "ng-component", viewQueries: [{ propertyName: "grid", first: true, predicate: ["grid"], descendants: true, static: true }, { propertyName: "searchBox", first: true, predicate: ["searchBox"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div style=\"height: 70vh; padding: 0.5em\">\n  <div style=\"height: calc(98%)\">\n    <ax-data-grid\n      [showRefreshButton]=\"false\"\n      [paginationPageSizeSelector]=\"paginationPageSizeSelector\"\n      [pagination]=\"pagination\"\n      [paginationAutoPageSize]=\"paginationAutoPageSize\"\n      [paginationPageSize]=\"paginationPageSize\"\n      [rtl]=\"rtl\"\n      [maxConcurrentDatasourceRequests]=\"maxConcurrentDatasourceRequests\"\n      [blockLoadDebounceMillis]=\"blockLoadDebounceMillis\"\n      [suppressRowClickSelection]=\"false\"\n      [keyField]=\"keyField\"\n      [hasChildField]=\"hasChildField\"\n      [selectRow]=\"selectedItems\"\n      #grid\n      [columns]=\"columns\"\n      [remoteOperation]=\"true\"\n      [selectionMode]=\"selectionMode\"\n      (rowDbClick)=\"rowDoubleClicked($event)\"\n      (rowSelectionChange)=\"rowSelectionChange($event)\"\n      [dataSource]=\"dataSource\"\n    >\n      <ax-toolbar>\n        <ax-toolbar-search #searchBox style=\"width: 100%\"></ax-toolbar-search>\n      </ax-toolbar>\n      <ax-selection-column\n        *ngIf=\"selectionMode == 'single' ? false : true\"\n      ></ax-selection-column>\n      <!-- <ax-data-source [provideData]=\"dataSource.provideData\">\n              </ax-data-source> -->\n    </ax-data-grid>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: AXDataGridComponent, selector: "ax-data-grid", inputs: ["paginationPageSizeSelector", "paginationAutoPageSize", "paginationPageSize", "remoteOperation", "rowMultiSelectWithClick", "suppressRowClickSelection", "suppressCellSelection", "sizeColumnsToFit", "showCheckBox", "floatingFilter", "autoExpand", "rowSelectableConditionField", "selectionMode", "pagination", "selectRow", "rowGroupPanelShow", "loadOnInit", "enableRangeSelection", "keyField", "hasChildField", "rowHeight", "groupHideOpenParents", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "showRefreshButton", "autoNavigatePage", "rowClass", "rtl", "searchText", "filter", "columns", "dataSource"], outputs: ["columnsChange", "cellClick", "cellDbClick", "cellFocuse", "rowClick", "rowDbClick", "selectionChanged", "rowSelectionChange", "onRowSelectionChanged"] }, { kind: "component", type: AXGridSelectionColumn, selector: "ax-selection-column", inputs: ["condition", "pinned", "width"] }, { kind: "component", type: i1$1.AXToolbarComponent, selector: "ax-toolbar" }, { kind: "component", type: i1$1.AXToolbarSearchComponent, selector: "ax-toolbar-search", inputs: ["text"], outputs: ["onValueChanged"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXDataLovPopupComponent, decorators: [{
             type: Component,
-            args: [{ template: "<div style=\"height: 70vh; padding: 0.5em\">\n  <div style=\"height: calc(98%)\">\n    <ax-data-grid\n      [showRefreshButton]=\"false\"\n      [pagination]=\"pagination\"\n      [paginationAutoPageSize]=\"paginationAutoPageSize\"\n      [paginationPageSize]=\"paginationPageSize\"\n      [rtl]=\"rtl\"\n      [maxConcurrentDatasourceRequests]=\"maxConcurrentDatasourceRequests\"\n      [blockLoadDebounceMillis]=\"blockLoadDebounceMillis\"\n      [suppressRowClickSelection]=\"false\"\n      [keyField]=\"keyField\"\n      [hasChildField]=\"hasChildField\"\n      [selectRow]=\"selectedItems\"\n      #grid\n      [columns]=\"columns\"\n      [remoteOperation]=\"true\"\n      [selectionMode]=\"selectionMode\"\n      (rowDbClick)=\"rowDoubleClicked($event)\"\n      (rowSelectionChange)=\"rowSelectionChange($event)\"\n      [dataSource]=\"dataSource\"\n    >\n      <ax-toolbar>\n        <ax-toolbar-search #searchBox style=\"width: 100%\"></ax-toolbar-search>\n      </ax-toolbar>\n      <ax-selection-column\n        *ngIf=\"selectionMode == 'single' ? false : true\"\n      ></ax-selection-column>\n      <!-- <ax-data-source [provideData]=\"dataSource.provideData\">\n              </ax-data-source> -->\n    </ax-data-grid>\n  </div>\n</div>\n" }]
+            args: [{ template: "<div style=\"height: 70vh; padding: 0.5em\">\n  <div style=\"height: calc(98%)\">\n    <ax-data-grid\n      [showRefreshButton]=\"false\"\n      [paginationPageSizeSelector]=\"paginationPageSizeSelector\"\n      [pagination]=\"pagination\"\n      [paginationAutoPageSize]=\"paginationAutoPageSize\"\n      [paginationPageSize]=\"paginationPageSize\"\n      [rtl]=\"rtl\"\n      [maxConcurrentDatasourceRequests]=\"maxConcurrentDatasourceRequests\"\n      [blockLoadDebounceMillis]=\"blockLoadDebounceMillis\"\n      [suppressRowClickSelection]=\"false\"\n      [keyField]=\"keyField\"\n      [hasChildField]=\"hasChildField\"\n      [selectRow]=\"selectedItems\"\n      #grid\n      [columns]=\"columns\"\n      [remoteOperation]=\"true\"\n      [selectionMode]=\"selectionMode\"\n      (rowDbClick)=\"rowDoubleClicked($event)\"\n      (rowSelectionChange)=\"rowSelectionChange($event)\"\n      [dataSource]=\"dataSource\"\n    >\n      <ax-toolbar>\n        <ax-toolbar-search #searchBox style=\"width: 100%\"></ax-toolbar-search>\n      </ax-toolbar>\n      <ax-selection-column\n        *ngIf=\"selectionMode == 'single' ? false : true\"\n      ></ax-selection-column>\n      <!-- <ax-data-source [provideData]=\"dataSource.provideData\">\n              </ax-data-source> -->\n    </ax-data-grid>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { grid: [{
                 type: ViewChild,
                 args: ['grid', { static: true }]
@@ -1948,7 +1949,7 @@ class AXLOVComponent extends AXValidatableComponent {
     pagination = true;
     selectedItems = [];
     paginationAutoPageSize = false;
-    paginationPageSize;
+    paginationPageSize = 20;
     // @Input()
     // selectedValues: any[] = [];
     maxConcurrentDatasourceRequests;
@@ -1963,6 +1964,7 @@ class AXLOVComponent extends AXValidatableComponent {
     onSelectionChange = new EventEmitter();
     rtl = AXConfig.get('layout.rtl');
     multiLine = false;
+    paginationPageSizeSelector = [10, 20];
     focus() {
         this.selectBox.focus();
     }
@@ -2016,6 +2018,7 @@ class AXLOVComponent extends AXValidatableComponent {
                     paginationPageSize: this.paginationPageSize,
                     maxConcurrentDatasourceRequests: this.maxConcurrentDatasourceRequests,
                     blockLoadDebounceMillis: this.blockLoadDebounceMillis,
+                    paginationPageSizeSelector: this.paginationPageSizeSelector,
                 },
                 title: this.caption,
                 // size: this.size,
@@ -2048,7 +2051,7 @@ class AXLOVComponent extends AXValidatableComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXLOVComponent, deps: [{ token: i1$1.AXPopupService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXLOVComponent, selector: "ax-lov", inputs: { validation: "validation", textField: "textField", allowSearch: "allowSearch", valueField: "valueField", hasChildField: "hasChildField", allowNull: "allowNull", popupSize: "popupSize", pagination: "pagination", selectedItems: "selectedItems", paginationAutoPageSize: "paginationAutoPageSize", paginationPageSize: "paginationPageSize", maxConcurrentDatasourceRequests: "maxConcurrentDatasourceRequests", blockLoadDebounceMillis: "blockLoadDebounceMillis", readonly: "readonly", disabled: "disabled", chipsWidth: "chipsWidth", size: "size", caption: "caption", mode: "mode", placeholder: "placeholder", rtl: "rtl", multiLine: "multiLine" }, outputs: { onSelectionChange: "onSelectionChange" }, host: { styleAttribute: "width: 100%" }, providers: [{ provide: AXValidatableComponent, useExisting: AXLOVComponent }], queries: [{ propertyName: "_contentValidation", first: true, predicate: AXValidation, descendants: true, static: true }, { propertyName: "dataSource", first: true, predicate: AXDataSourceComponent, descendants: true, static: true }, { propertyName: "rowTemplate", first: true, predicate: ["itemTemplate"], descendants: true, static: true }, { propertyName: "columns", predicate: AXGridDataColumn }], viewQueries: [{ propertyName: "selectBox", first: true, predicate: ["selectBox"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ax-select-box\n  [rowInputTemplate]=\"rowTemplate\"\n  [multiLine]=\"multiLine\"\n  [rtl]=\"rtl\"\n  [allowSearch]=\"allowSearch\"\n  #selectBox\n  [showDropDownButton]=\"false\"\n  [allowNull]=\"allowNull\"\n  [remoteOperation]=\"true\"\n  [placeholder]=\"placeholder\"\n  [size]=\"size\"\n  [textField]=\"textField\"\n  [valueField]=\"valueField\"\n  [disabled]=\"disabled\"\n  [mode]=\"mode\"\n  [(selectedItems)]=\"selectedItems\"\n  (selectionChanged)=\"handleSelectChange($event)\"\n  [dataSource]=\"dataSource\"\n>\n  <ng-container start>\n    <ng-content select=\"[start]\"> </ng-content>\n  </ng-container>\n  <ng-container end>\n    <ax-button\n      icon=\"far fa-bars icon\"\n      [disabled]=\"disabled\"\n      type=\"light blank\"\n      (click)=\"handleButtonClick()\"\n      end\n      [tabIndex]=\"-1\"\n    >\n    </ax-button>\n    <ng-content select=\"[end]\"> </ng-content>\n  </ng-container>\n</ax-select-box>\n\n<!-- <ax-select-box2 [rtl]=\"rtl\" [allowSearch]=\"allowSearch\" #selectBox [showDropDownButton]=\"false\" [allowNull]=\"allowNull\"\n    [remoteOperation]=\"true\" [placeholder]=\"placeholder\" [size]=\"size\" [textField]=\"textField\" [valueField]=\"valueField\"\n    [disabled]=\"disabled\" [selectionMode]=\"mode\" (onValueChanged)=\"handleSelectChange($event)\" [dataSource]=\"dataSource\"\n    [(value)]=\"selectedItems\" selectionDataMode=\"item\">\n    <ng-container start>\n        <ng-content select=\"[start]\">\n        </ng-content>\n    </ng-container>\n    <ng-container end>\n        <ax-button icon=\"far fa-bars icon\" [disabled]=\"disabled\" type=\"primary blank\" (click)=\"handleButtonClick()\" end\n            [tabIndex]=\"-1\">\n        </ax-button>\n        <ng-content select=\"[end]\">\n        </ng-content>\n    </ng-container>\n</ax-select-box2> -->\n\n<!-- <div class=\"ax-lov-box\" [style.display]=\"mode=='hidden' ? 'none':'unset'\">\n    <div class=\"ax-field-set\">\n        <div class=\"ax-field-set-wrapper\" [ngClass]=\"{ 'no-label': !label }\">\n            <fieldset [ngClass]=\"{ 'input-focused': isFocused, 'input-error': errorText }\">\n                <legend *ngIf=\"label\">\n                    {{ label }}\n                </legend>\n            </fieldset>\n            <input type=\"text\" [(ngModel)]=\"text\" [placeholder]=\"placeholder\" (keyup)=\"handleKeyEvent($event)\"\n                (blur)=\"handleBlurEvent($event)\" (focus)=\"handleFocusEvent($event)\" class=\"ax-text-box\" disabled />\n            <div class=\"ax-field-set-button\">\n                <button *ngIf=\"text && allowClear\" type=\"button\" class=\"btn btn-light\" (click)=\"clearText()\">\n                    <i class=\"far fa-times\"></i>\n                </button>\n                <button type=\"button\" class=\" btn btn-primary\" (click)=\"handleButtonClick($event)\">\n                    <i class=\"far fa-check-circle\"></i>\n                </button>\n            </div>\n        </div>\n    </div>\n    <div class=\"validation-text\" *ngIf=\"errorText\">\n        {{ errorText }}\n    </div>\n\n</div> -->\n", dependencies: [{ kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }, { kind: "component", type: i1$1.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["showDropDownButton", "rowInputTemplate", "showCheckBox", "readonly", "rtl", "disabled", "placeholder", "size", "allowNull", "textAlign", "bufferSize", "remoteOperation", "fitParent", "dropdownWidth", "multiLine", "onDemandTranslate", "dataSource", "validation", "disabledCallback", "allowSearch", "textField", "valueField", "disabledField", "mode", "items", "selectedItems", "selectedValues"], outputs: ["dropdownToggle", "itemsChange", "onBlur", "onFocus", "selectionChanged", "selectedItemsChange", "selectedValuesChange"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: AXLOVComponent, selector: "ax-lov", inputs: { validation: "validation", textField: "textField", allowSearch: "allowSearch", valueField: "valueField", hasChildField: "hasChildField", allowNull: "allowNull", popupSize: "popupSize", pagination: "pagination", selectedItems: "selectedItems", paginationAutoPageSize: "paginationAutoPageSize", paginationPageSize: "paginationPageSize", maxConcurrentDatasourceRequests: "maxConcurrentDatasourceRequests", blockLoadDebounceMillis: "blockLoadDebounceMillis", readonly: "readonly", disabled: "disabled", chipsWidth: "chipsWidth", size: "size", caption: "caption", mode: "mode", placeholder: "placeholder", rtl: "rtl", multiLine: "multiLine", paginationPageSizeSelector: "paginationPageSizeSelector" }, outputs: { onSelectionChange: "onSelectionChange" }, host: { styleAttribute: "width: 100%" }, providers: [{ provide: AXValidatableComponent, useExisting: AXLOVComponent }], queries: [{ propertyName: "_contentValidation", first: true, predicate: AXValidation, descendants: true, static: true }, { propertyName: "dataSource", first: true, predicate: AXDataSourceComponent, descendants: true, static: true }, { propertyName: "rowTemplate", first: true, predicate: ["itemTemplate"], descendants: true, static: true }, { propertyName: "columns", predicate: AXGridDataColumn }], viewQueries: [{ propertyName: "selectBox", first: true, predicate: ["selectBox"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ax-select-box\n  [rowInputTemplate]=\"rowTemplate\"\n  [multiLine]=\"multiLine\"\n  [rtl]=\"rtl\"\n  [allowSearch]=\"allowSearch\"\n  #selectBox\n  [showDropDownButton]=\"false\"\n  [allowNull]=\"allowNull\"\n  [remoteOperation]=\"true\"\n  [placeholder]=\"placeholder\"\n  [size]=\"size\"\n  [textField]=\"textField\"\n  [valueField]=\"valueField\"\n  [disabled]=\"disabled\"\n  [mode]=\"mode\"\n  [(selectedItems)]=\"selectedItems\"\n  (selectionChanged)=\"handleSelectChange($event)\"\n  [dataSource]=\"dataSource\"\n>\n  <ng-container start>\n    <ng-content select=\"[start]\"> </ng-content>\n  </ng-container>\n  <ng-container end>\n    <ax-button\n      icon=\"far fa-bars icon\"\n      [disabled]=\"disabled\"\n      type=\"light blank\"\n      (click)=\"handleButtonClick()\"\n      end\n      [tabIndex]=\"-1\"\n    >\n    </ax-button>\n    <ng-content select=\"[end]\"> </ng-content>\n  </ng-container>\n</ax-select-box>\n\n<!-- <ax-select-box2 [rtl]=\"rtl\" [allowSearch]=\"allowSearch\" #selectBox [showDropDownButton]=\"false\" [allowNull]=\"allowNull\"\n    [remoteOperation]=\"true\" [placeholder]=\"placeholder\" [size]=\"size\" [textField]=\"textField\" [valueField]=\"valueField\"\n    [disabled]=\"disabled\" [selectionMode]=\"mode\" (onValueChanged)=\"handleSelectChange($event)\" [dataSource]=\"dataSource\"\n    [(value)]=\"selectedItems\" selectionDataMode=\"item\">\n    <ng-container start>\n        <ng-content select=\"[start]\">\n        </ng-content>\n    </ng-container>\n    <ng-container end>\n        <ax-button icon=\"far fa-bars icon\" [disabled]=\"disabled\" type=\"primary blank\" (click)=\"handleButtonClick()\" end\n            [tabIndex]=\"-1\">\n        </ax-button>\n        <ng-content select=\"[end]\">\n        </ng-content>\n    </ng-container>\n</ax-select-box2> -->\n\n<!-- <div class=\"ax-lov-box\" [style.display]=\"mode=='hidden' ? 'none':'unset'\">\n    <div class=\"ax-field-set\">\n        <div class=\"ax-field-set-wrapper\" [ngClass]=\"{ 'no-label': !label }\">\n            <fieldset [ngClass]=\"{ 'input-focused': isFocused, 'input-error': errorText }\">\n                <legend *ngIf=\"label\">\n                    {{ label }}\n                </legend>\n            </fieldset>\n            <input type=\"text\" [(ngModel)]=\"text\" [placeholder]=\"placeholder\" (keyup)=\"handleKeyEvent($event)\"\n                (blur)=\"handleBlurEvent($event)\" (focus)=\"handleFocusEvent($event)\" class=\"ax-text-box\" disabled />\n            <div class=\"ax-field-set-button\">\n                <button *ngIf=\"text && allowClear\" type=\"button\" class=\"btn btn-light\" (click)=\"clearText()\">\n                    <i class=\"far fa-times\"></i>\n                </button>\n                <button type=\"button\" class=\" btn btn-primary\" (click)=\"handleButtonClick($event)\">\n                    <i class=\"far fa-check-circle\"></i>\n                </button>\n            </div>\n        </div>\n    </div>\n    <div class=\"validation-text\" *ngIf=\"errorText\">\n        {{ errorText }}\n    </div>\n\n</div> -->\n", dependencies: [{ kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }, { kind: "component", type: i1$1.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["showDropDownButton", "rowInputTemplate", "showCheckBox", "readonly", "rtl", "disabled", "placeholder", "size", "allowNull", "textAlign", "bufferSize", "remoteOperation", "fitParent", "dropdownWidth", "multiLine", "onDemandTranslate", "dataSource", "validation", "disabledCallback", "allowSearch", "textField", "valueField", "disabledField", "mode", "items", "selectedItems", "selectedValues"], outputs: ["dropdownToggle", "itemsChange", "onBlur", "onFocus", "selectionChanged", "selectedItemsChange", "selectedValuesChange"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: AXLOVComponent, decorators: [{
             type: Component,
@@ -2114,6 +2117,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
                 type: Input
             }], multiLine: [{
                 type: Input
+            }], paginationPageSizeSelector: [{
+                type: Input
             }] } });
 
 class AXLOVModule {