@acorex/data-grid 16.18.1 → 16.18.3

package/fesm2022/acorex-data-grid.mjs

@@ -171,7 +171,7 @@ class AXGridDataColumn {
         }
         //
         if (this.cellTemplate != null) {
-            col.cellRendererFramework = this.cellTemplate.renderer;
+            col.cellRenderer = this.cellTemplate.renderer;
             col.cellRendererParams = this.cellTemplate.params;
         }
         if (this.columnGroupShow) {
@@ -286,8 +286,8 @@ class AXGridCheckColumn extends AXGridDataColumn {
     }
     render() {
         const col = super.render();
-        if (!col.cellRendererFramework) {
-            col.cellRendererFramework = BooleanRenderer;
+        if (!col.cellRenderer) {
+            col.cellRenderer = BooleanRenderer;
         }
         if (this.allowFiltering) {
             col.filterFramework = BooleanFilterRenderer;
@@ -419,8 +419,8 @@ class AXGridCommandColumn extends AXGridDataColumn {
     onItemClick = new EventEmitter();
     render() {
         const col = super.render();
-        if (!col.cellRendererFramework) {
-            col.cellRendererFramework = CommandRenderer;
+        if (!col.cellRenderer) {
+            col.cellRenderer = CommandRenderer;
         }
         col.cellRendererParams = {
             items: this.items,
@@ -430,9 +430,9 @@ class AXGridCommandColumn extends AXGridDataColumn {
                     data: e.data,
                     rowIndex: e.rowIndex,
                     rowLevel: e.rowLevel,
-                    htmlEvent: e.htmlEvent
+                    htmlEvent: e.htmlEvent,
                 });
-            }
+            },
         };
         col.sortable = false;
         col.filter = false;
@@ -451,7 +451,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
                     template: '',
                     providers: [{ provide: AXGridDataColumn, useExisting: AXGridCommandColumn }],
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None
+                    encapsulation: ViewEncapsulation.None,
                 }]
         }], propDecorators: { items: [{
                 type: Input
@@ -472,7 +472,12 @@ class CommandRenderer {
     }
     mapParams(params) {
         this.node = params.node;
-        this.items = typeof params.items == 'function' ? params.items({ data: this.node.data }) : Array.isArray(params.items) ? params.items : [];
+        this.items =
+            typeof params.items == 'function'
+                ? params.items({ data: this.node.data })
+                : Array.isArray(params.items)
+                    ? params.items
+                    : [];
         this.clickCallback = params.onClick;
     }
     onClick(item, e) {
@@ -482,24 +487,27 @@ class CommandRenderer {
                 rowLevel: this.node.level,
                 rowIndex: this.node.rowIndex,
                 data: this.node.data,
-                htmlEvent: e
+                htmlEvent: e,
             });
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: CommandRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: CommandRenderer, selector: "ax-command-cell", ngImport: i0, template: `
-  <ng-container *ngFor="let item of items; let i = index">
-  <button *ngIf="item.visible !== false"
-      class="ax button md ax-grid-command-button {{ item.style || 'ax primary blank' }}"
-      [class.disabled]="item.disable"
-      type="button"
-      [title]="item.tooltip"
-      [attr.tabindex]="i"
-      (click)="onClick(item, $event)"
-    >
-      <i [ngClass]="item.icon"></i>{{ item.text }}
-    </button>
-  </ng-container>
+    <ng-container *ngFor="let item of items; let i = index">
+      <button
+        *ngIf="item.visible !== false"
+        class="ax button md ax-grid-command-button {{
+          item.style || 'ax primary blank'
+        }}"
+        [class.disabled]="item.disable"
+        type="button"
+        [title]="item.tooltip"
+        [attr.tabindex]="i"
+        (click)="onClick(item, $event)"
+      >
+        <i [ngClass]="item.icon"></i>{{ item.text }}
+      </button>
+    </ng-container>
   `, 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: CommandRenderer, decorators: [{
@@ -507,21 +515,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
             args: [{
                     selector: 'ax-command-cell',
                     template: `
-  <ng-container *ngFor="let item of items; let i = index">
-  <button *ngIf="item.visible !== false"
-      class="ax button md ax-grid-command-button {{ item.style || 'ax primary blank' }}"
-      [class.disabled]="item.disable"
-      type="button"
-      [title]="item.tooltip"
-      [attr.tabindex]="i"
-      (click)="onClick(item, $event)"
-    >
-      <i [ngClass]="item.icon"></i>{{ item.text }}
-    </button>
-  </ng-container>
+    <ng-container *ngFor="let item of items; let i = index">
+      <button
+        *ngIf="item.visible !== false"
+        class="ax button md ax-grid-command-button {{
+          item.style || 'ax primary blank'
+        }}"
+        [class.disabled]="item.disable"
+        type="button"
+        [title]="item.tooltip"
+        [attr.tabindex]="i"
+        (click)="onClick(item, $event)"
+      >
+        <i [ngClass]="item.icon"></i>{{ item.text }}
+      </button>
+    </ng-container>
   `,
                     encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }], ctorParameters: () => [] });
 
@@ -1132,9 +1143,9 @@ class AXDataGridComponent {
         if (this.gridDetailTemplate) {
             this.masterDetail = true;
             this.detailCellRendererParams = this.gridDetailTemplate.params;
-            this.detailCellRenderer = 'detailRendererFramework';
-            this.frameworkComponents.detailRendererFramework =
-                this.gridDetailTemplate.renderer;
+            this.detailCellRenderer = AXDataGridDetailTemplateRenderer;
+            // this.frameworkComponents.detailRendererFramework =
+            //   this.gridDetailTemplate.renderer;
             this.detailRowHeight = this.gridDetailTemplate.height;
         }
         this.isFullWidthCell = () => {
@@ -1805,6 +1816,7 @@ class AXDataLovPopupComponent extends AXBasePopupPageComponent {
     paginationPageSize;
     maxConcurrentDatasourceRequests;
     blockLoadDebounceMillis;
+    paginationPageSizeSelector;
     constructor(cdr, ref) {
         super();
         this.cdr = cdr;
@@ -1895,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      [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      [paginationPageSizeSelector]=\"paginationPageSizeSelector\"\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      [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      [paginationPageSizeSelector]=\"paginationPageSizeSelector\"\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 }]
@@ -1952,6 +1964,7 @@ class AXLOVComponent extends AXValidatableComponent {
     onSelectionChange = new EventEmitter();
     rtl = AXConfig.get('layout.rtl');
     multiLine = false;
+    paginationPageSizeSelector = [10, 20];
     focus() {
         this.selectBox.focus();
     }
@@ -2005,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,
@@ -2037,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,
@@ -2103,6 +2117,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
                 type: Input
             }], multiLine: [{
                 type: Input
+            }], paginationPageSizeSelector: [{
+                type: Input
             }] } });
 
 class AXLOVModule {