@acorex/data-grid 3.0.12 → 3.0.16

package/fesm5/acorex-data-grid.js

@@ -668,6 +668,43 @@ var TextFilterRenderer = /** @class */ (function () {
     return TextFilterRenderer;
 }());
 
+var AXGridRowNumberColumn = /** @class */ (function (_super) {
+    __extends(AXGridRowNumberColumn, _super);
+    function AXGridRowNumberColumn() {
+        return _super.call(this) || this;
+    }
+    AXGridRowNumberColumn_1 = AXGridRowNumberColumn;
+    AXGridRowNumberColumn.prototype.ngOnInit = function () { };
+    AXGridRowNumberColumn.prototype.render = function () {
+        var col = _super.prototype.render.call(this);
+        //  col.checkboxSelection = this.condition ? this.condition : true;
+        //  col.headerCheckboxSelection = true;
+        (col.headerName = this.caption ? this.caption : AXConfig.get('layout.rtl') ? 'ردیف' : 'Row'),
+            (col.valueGetter = 'node.rowIndex + 1'),
+            (col.pinned = this.pinned == null ? (AXConfig.get('layout.rtl') ? 'right' : 'left') : this.pinned === 'start' ? 'right' : 'left'),
+            (col.filter = false);
+        col.resizable = true;
+        col.sortable = false;
+        col.width = this.width;
+        return col;
+    };
+    var AXGridRowNumberColumn_1;
+    __decorate([
+        Input(),
+        __metadata("design:type", Function)
+    ], AXGridRowNumberColumn.prototype, "condition", void 0);
+    AXGridRowNumberColumn = AXGridRowNumberColumn_1 = __decorate([
+        Component({
+            selector: 'ax-row-number-column',
+            template: '',
+            providers: [{ provide: AXGridDataColumn, useExisting: AXGridRowNumberColumn_1 }],
+            changeDetection: ChangeDetectionStrategy.OnPush
+        }),
+        __metadata("design:paramtypes", [])
+    ], AXGridRowNumberColumn);
+    return AXGridRowNumberColumn;
+}(AXGridDataColumn));
+
 var AXDataGridRowTemplateComponent = /** @class */ (function () {
     function AXDataGridRowTemplateComponent() {
         this.renderer = AXDataGridRowTemplateRenderer;
@@ -809,6 +846,8 @@ var AXDataGridComponent = /** @class */ (function () {
         this.gridView = false;
         this.groupSelectsChildren = false;
         this.oldSelectionNodes = [];
+        // @Input()
+        // showRowNumber: boolean = true;
         this.remoteOperation = false;
         this.rowMultiSelectWithClick = true;
         this.suppressRowClickSelection = true;
@@ -1162,6 +1201,13 @@ var AXDataGridComponent = /** @class */ (function () {
     };
     AXDataGridComponent.prototype.mapColumns = function () {
         this.columnDefs = this.columns.map(function (c) { return c.render(); });
+        // if (this.showRowNumber) {
+        //   this.columnDefs.push({
+        //     headerName: AXConfig.get('layout.rtl') ? 'ردیف' : 'Row',
+        //     valueGetter: 'node.rowIndex + 1',
+        //     pinned: AXConfig.get('layout.rtl') ? 'right' : 'left'
+        //   });
+        // }
         if (this.gridDetailTemplate) {
             if (this.columnDefs[0].checkboxSelection === true && this.columnDefs[0].field === '') {
                 this.columnDefs[1].cellRenderer = 'agGroupCellRenderer';
@@ -1504,6 +1550,7 @@ var AXDataGridModule = /** @class */ (function () {
                 AXGridCheckColumn,
                 AXGridSelectionColumn,
                 AXGridDateColumn,
+                AXGridRowNumberColumn,
                 AXGridCommandColumn,
                 BooleanRenderer,
                 BooleanFilterRenderer,
@@ -1541,6 +1588,7 @@ var AXDataGridModule = /** @class */ (function () {
                 AXDataGridCellTemplateComponent,
                 AXDataGridCellTemplateRenderer,
                 AXGridTextColumn,
+                AXGridRowNumberColumn,
                 AXGridCheckColumn,
                 AXGridDateColumn,
                 AXGridSelectionColumn,
@@ -1559,7 +1607,7 @@ var AXDataGridModule = /** @class */ (function () {
                 AXDataGridRowTemplateRenderer,
                 AXDataGridDetailTemplateRenderer,
                 AXDataGridCellTemplateComponent,
-                AXDataGridCellTemplateRenderer,
+                AXDataGridCellTemplateRenderer
             ],
             providers: []
         })
@@ -1892,7 +1940,7 @@ var AXLOVComponent = /** @class */ (function (_super) {
     AXLOVComponent = AXLOVComponent_1 = __decorate([
         Component({
             selector: 'ax-lov',
-            template: "<ax-select-box [rowInputTemplate]=\"rowTemplate\" [rtl]=\"rtl\" [allowSearch]=\"allowSearch\" #selectBox [showDropDownButton]=\"false\" [allowNull]=\"allowNull\"\r\n    [remoteOperation]=\"true\" [placeholder]=\"placeholder\" [size]=\"size\" [textField]=\"textField\" [valueField]=\"valueField\"\r\n    [disabled]=\"disabled\" [mode]=\"mode\" [(selectedItems)]=\"selectedItems\"\r\n    (selectionChanged)=\"handleSelectChange($event)\" [dataSource]=\"dataSource\">\r\n    <ng-container start>\r\n        <ng-content select=\"[start]\">\r\n        </ng-content>\r\n    </ng-container>\r\n    <ng-container end>\r\n        <ax-button icon=\"far fa-bars icon\" [disabled]=\"disabled\" type=\"primary blank\" (click)=\"handleButtonClick()\" end\r\n            [tabIndex]=\"-1\">\r\n        </ax-button>\r\n        <ng-content select=\"[end]\">\r\n        </ng-content>\r\n    </ng-container>\r\n</ax-select-box>\r\n\r\n\r\n<!-- <ax-select-box2 [rtl]=\"rtl\" [allowSearch]=\"allowSearch\" #selectBox [showDropDownButton]=\"false\" [allowNull]=\"allowNull\"\r\n    [remoteOperation]=\"true\" [placeholder]=\"placeholder\" [size]=\"size\" [textField]=\"textField\" [valueField]=\"valueField\"\r\n    [disabled]=\"disabled\" [selectionMode]=\"mode\" (onValueChanged)=\"handleSelectChange($event)\" [dataSource]=\"dataSource\"\r\n    [(value)]=\"selectedItems\" selectionDataMode=\"item\">\r\n    <ng-container start>\r\n        <ng-content select=\"[start]\">\r\n        </ng-content>\r\n    </ng-container>\r\n    <ng-container end>\r\n        <ax-button icon=\"far fa-bars icon\" [disabled]=\"disabled\" type=\"primary blank\" (click)=\"handleButtonClick()\" end\r\n            [tabIndex]=\"-1\">\r\n        </ax-button>\r\n        <ng-content select=\"[end]\">\r\n        </ng-content>\r\n    </ng-container>\r\n</ax-select-box2> -->\r\n\r\n\r\n<!-- <div class=\"ax-lov-box\" [style.display]=\"mode=='hidden' ? 'none':'unset'\">\r\n    <div class=\"ax-field-set\">\r\n        <div class=\"ax-field-set-wrapper\" [ngClass]=\"{ 'no-label': !label }\">\r\n            <fieldset [ngClass]=\"{ 'input-focused': isFocused, 'input-error': errorText }\">\r\n                <legend *ngIf=\"label\">\r\n                    {{ label }}\r\n                </legend>\r\n            </fieldset>\r\n            <input type=\"text\" [(ngModel)]=\"text\" [placeholder]=\"placeholder\" (keyup)=\"handleKeyEvent($event)\"\r\n                (blur)=\"handleBlurEvent($event)\" (focus)=\"handleFocusEvent($event)\" class=\"ax-text-box\" disabled />\r\n            <div class=\"ax-field-set-button\">\r\n                <button *ngIf=\"text && allowClear\" type=\"button\" class=\"btn btn-light\" (click)=\"clearText()\">\r\n                    <i class=\"far fa-times\"></i>\r\n                </button>\r\n                <button type=\"button\" class=\" btn btn-primary\" (click)=\"handleButtonClick($event)\">\r\n                    <i class=\"far fa-check-circle\"></i>\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"validation-text\" *ngIf=\"errorText\">\r\n        {{ errorText }}\r\n    </div>\r\n\r\n</div> -->",
+            template: "<ax-select-box [rowInputTemplate]=\"rowTemplate\" [rtl]=\"rtl\" [allowSearch]=\"allowSearch\" #selectBox [showDropDownButton]=\"false\" [allowNull]=\"allowNull\"\r\n    [remoteOperation]=\"true\" [placeholder]=\"placeholder\" [size]=\"size\" [textField]=\"textField\" [valueField]=\"valueField\"\r\n    [disabled]=\"disabled\" [mode]=\"mode\" [(selectedItems)]=\"selectedItems\"\r\n    (selectionChanged)=\"handleSelectChange($event)\" [dataSource]=\"dataSource\">\r\n    <ng-container start>\r\n        <ng-content select=\"[start]\">\r\n        </ng-content>\r\n    </ng-container>\r\n    <ng-container end>\r\n        <ax-button icon=\"far fa-bars icon\" [disabled]=\"disabled\" type=\"light blank\" (click)=\"handleButtonClick()\" end\r\n            [tabIndex]=\"-1\">\r\n        </ax-button>\r\n        <ng-content select=\"[end]\">\r\n        </ng-content>\r\n    </ng-container>\r\n</ax-select-box>\r\n\r\n\r\n<!-- <ax-select-box2 [rtl]=\"rtl\" [allowSearch]=\"allowSearch\" #selectBox [showDropDownButton]=\"false\" [allowNull]=\"allowNull\"\r\n    [remoteOperation]=\"true\" [placeholder]=\"placeholder\" [size]=\"size\" [textField]=\"textField\" [valueField]=\"valueField\"\r\n    [disabled]=\"disabled\" [selectionMode]=\"mode\" (onValueChanged)=\"handleSelectChange($event)\" [dataSource]=\"dataSource\"\r\n    [(value)]=\"selectedItems\" selectionDataMode=\"item\">\r\n    <ng-container start>\r\n        <ng-content select=\"[start]\">\r\n        </ng-content>\r\n    </ng-container>\r\n    <ng-container end>\r\n        <ax-button icon=\"far fa-bars icon\" [disabled]=\"disabled\" type=\"primary blank\" (click)=\"handleButtonClick()\" end\r\n            [tabIndex]=\"-1\">\r\n        </ax-button>\r\n        <ng-content select=\"[end]\">\r\n        </ng-content>\r\n    </ng-container>\r\n</ax-select-box2> -->\r\n\r\n\r\n<!-- <div class=\"ax-lov-box\" [style.display]=\"mode=='hidden' ? 'none':'unset'\">\r\n    <div class=\"ax-field-set\">\r\n        <div class=\"ax-field-set-wrapper\" [ngClass]=\"{ 'no-label': !label }\">\r\n            <fieldset [ngClass]=\"{ 'input-focused': isFocused, 'input-error': errorText }\">\r\n                <legend *ngIf=\"label\">\r\n                    {{ label }}\r\n                </legend>\r\n            </fieldset>\r\n            <input type=\"text\" [(ngModel)]=\"text\" [placeholder]=\"placeholder\" (keyup)=\"handleKeyEvent($event)\"\r\n                (blur)=\"handleBlurEvent($event)\" (focus)=\"handleFocusEvent($event)\" class=\"ax-text-box\" disabled />\r\n            <div class=\"ax-field-set-button\">\r\n                <button *ngIf=\"text && allowClear\" type=\"button\" class=\"btn btn-light\" (click)=\"clearText()\">\r\n                    <i class=\"far fa-times\"></i>\r\n                </button>\r\n                <button type=\"button\" class=\" btn btn-primary\" (click)=\"handleButtonClick($event)\">\r\n                    <i class=\"far fa-check-circle\"></i>\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"validation-text\" *ngIf=\"errorText\">\r\n        {{ errorText }}\r\n    </div>\r\n\r\n</div> -->",
             encapsulation: ViewEncapsulation.None,
             host: { style: 'display: contents;' },
             providers: [{ provide: AXValidatableComponent, useExisting: AXLOVComponent_1 }]
@@ -1921,5 +1969,5 @@ var AXLOVModule = /** @class */ (function () {
  * Generated bundle index. Do not edit.
  */
 
-export { AXDaagridRowClickEvent, AXDataGridCellEvent, AXDataGridCellTemplateComponent, AXDataGridCellTemplateRenderer, AXDataGridColumnsChangeEvent, AXDataGridComponent, AXDataGridDetailTemplateComponent, AXDataGridDetailTemplateRenderer, AXDataGridFilterComponent, AXDataGridModule, AXDataGridRowSelectionChangeEvent, AXDataGridRowTemplateComponent, AXDataGridRowTemplateRenderer, AXDataGridSelectionChangeEvent, AXDataLovPopupComponent, AXDatePickerFilterComponent, AXGridCheckColumn, AXGridCommandColumn, AXGridDataColumn, AXGridDateColumn, AXGridSelectionColumn, AXGridTextColumn, AXLOVComponent, AXLOVModule, BooleanFilterRenderer, BooleanRenderer, CommandRenderer, TextFilterRenderer };
+export { AXDaagridRowClickEvent, AXDataGridCellEvent, AXDataGridCellTemplateComponent, AXDataGridCellTemplateRenderer, AXDataGridColumnsChangeEvent, AXDataGridComponent, AXDataGridDetailTemplateComponent, AXDataGridDetailTemplateRenderer, AXDataGridFilterComponent, AXDataGridModule, AXDataGridRowSelectionChangeEvent, AXDataGridRowTemplateComponent, AXDataGridRowTemplateRenderer, AXDataGridSelectionChangeEvent, AXDataLovPopupComponent, AXDatePickerFilterComponent, AXGridCheckColumn, AXGridCommandColumn, AXGridDataColumn, AXGridDateColumn, AXGridRowNumberColumn, AXGridSelectionColumn, AXGridTextColumn, AXLOVComponent, AXLOVModule, BooleanFilterRenderer, BooleanRenderer, CommandRenderer, TextFilterRenderer };
 //# sourceMappingURL=acorex-data-grid.js.map