@acorex/components 20.7.4 → 20.7.5

package/data-pager/index.d.ts

@@ -164,6 +164,8 @@ declare class AXDataPagerNumericSelectorComponent extends AXDataPagerChild {
     protected _currentPage: number;
     protected _lastPage: number;
     protected _loading: boolean;
+    private localeService;
+    protected rtlstatus: i0.Signal<boolean>;
     /**
      *  @ignore
      */

package/data-table/index.d.ts

@@ -108,6 +108,10 @@ declare abstract class AXDataTableColumnComponent {
     fixed: 'start' | 'end' | undefined;
     allowSorting: boolean;
     allowResizing: boolean;
+    /**
+     * When true, shows the cell content as tooltip on hover (via `axTooltip`).
+     */
+    hasTitle: boolean;
     sortIndex: number | undefined;
     sortOrder: AXSortOrder | undefined;
     abstract get renderCellTemplate(): TemplateRef<unknown>;
@@ -247,7 +251,7 @@ declare class AXDataTableTextColumnComponent extends AXDataTableColumnComponent
      */
     get name(): string;
     /**
-     * Returns the display text for a row cell. Used for cell tooltip when title is enabled on the table.
+     * Returns the display text for a row cell. Used for cell tooltip when the column has `hasTitle`.
      */
     getCellDisplayText(rowData: unknown): string;
     /**
@@ -264,7 +268,7 @@ declare class AXDataTableTextColumnComponent extends AXDataTableColumnComponent
      */
     formatOptions: AXFormatOptions;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataTableTextColumnComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDataTableTextColumnComponent, "ax-text-column", never, { "width": { "alias": "width"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "allowSorting": { "alias": "allowSorting"; "required": false; }; "allowResizing": { "alias": "allowResizing"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "customExpandIcon": { "alias": "customExpandIcon"; "required": false; }; "customCollapseIcon": { "alias": "customCollapseIcon"; "required": false; }; "dataField": { "alias": "dataField"; "required": false; }; "expandHandler": { "alias": "expandHandler"; "required": false; }; "wrapText": { "alias": "wrapText"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; "format": { "alias": "format"; "required": false; }; "formatOptions": { "alias": "formatOptions"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDataTableTextColumnComponent, "ax-text-column", never, { "width": { "alias": "width"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "allowSorting": { "alias": "allowSorting"; "required": false; }; "allowResizing": { "alias": "allowResizing"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "hasTitle": { "alias": "hasTitle"; "required": false; }; "customExpandIcon": { "alias": "customExpandIcon"; "required": false; }; "customCollapseIcon": { "alias": "customCollapseIcon"; "required": false; }; "dataField": { "alias": "dataField"; "required": false; }; "expandHandler": { "alias": "expandHandler"; "required": false; }; "wrapText": { "alias": "wrapText"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; "format": { "alias": "format"; "required": false; }; "formatOptions": { "alias": "formatOptions"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 type AXRowCommandItem = AXButtonItemListItem & {
@@ -870,10 +874,6 @@ declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, Af
      *  @ignore
      */
     customDataPager: AXDataPagerComponent;
-    /**
-     * When true, shows the cell content as tooltip (title attribute) on hover.
-     */
-    title: boolean;
     /**
      *  @ignore
      */
@@ -1109,7 +1109,7 @@ declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, Af
     ngAfterViewInit(): void;
     private captureAutoFitIntentColumns;
     /**
-     * Returns the display text for a cell. Used for the native title (tooltip) on each cell.
+     * Returns the display text for a cell. Used for the cell tooltip when the column has `hasTitle`.
      */
     protected getCellTooltipText(column: AXDataTableColumnComponent, rowData: unknown): string;
     /**
@@ -1241,7 +1241,7 @@ declare class AXDataTableComponent extends AXBaseDataTable implements OnInit, Af
         headerOnly?: boolean;
     }): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXDataTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXDataTableComponent, "ax-data-table", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "selectedRows": { "alias": "selectedRows"; "required": false; }; "parentField": { "alias": "parentField"; "required": false; }; "hasChildrenField": { "alias": "hasChildrenField"; "required": false; }; "rowDetailsTemplate": { "alias": "rowDetailsTemplate"; "required": false; }; "title": { "alias": "title"; "required": false; }; "rowTemplate": { "alias": "rowTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "noDataTemplate": { "alias": "noDataTemplate"; "required": false; }; "alternative": { "alias": "alternative"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "fixedHeader": { "alias": "fixedHeader"; "required": false; }; "showFooter": { "alias": "showFooter"; "required": false; }; "fixedFooter": { "alias": "fixedFooter"; "required": false; }; "itemHeight": { "alias": "itemHeight"; "required": false; }; "allowReordering": { "alias": "allowReordering"; "required": false; }; "paging": { "alias": "paging"; "required": false; }; "fetchDataMode": { "alias": "fetchDataMode"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "focusedRow": { "alias": "focusedRow"; "required": false; }; }, { "selectedRowsChange": "selectedRowsChange"; "focusedRowChange": "focusedRowChange"; "onRowClick": "onRowClick"; "onRowDbClick": "onRowDbClick"; "onColumnsOrderChanged": "onColumnsOrderChanged"; "onColumnSizeChanged": "onColumnSizeChanged"; "onPageChanged": "onPageChanged"; }, ["customDataPager", "columns"], ["ax-header", "ax-data-pager", "ax-footer"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXDataTableComponent, "ax-data-table", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "selectedRows": { "alias": "selectedRows"; "required": false; }; "parentField": { "alias": "parentField"; "required": false; }; "hasChildrenField": { "alias": "hasChildrenField"; "required": false; }; "rowDetailsTemplate": { "alias": "rowDetailsTemplate"; "required": false; }; "rowTemplate": { "alias": "rowTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "noDataTemplate": { "alias": "noDataTemplate"; "required": false; }; "alternative": { "alias": "alternative"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "fixedHeader": { "alias": "fixedHeader"; "required": false; }; "showFooter": { "alias": "showFooter"; "required": false; }; "fixedFooter": { "alias": "fixedFooter"; "required": false; }; "itemHeight": { "alias": "itemHeight"; "required": false; }; "allowReordering": { "alias": "allowReordering"; "required": false; }; "paging": { "alias": "paging"; "required": false; }; "fetchDataMode": { "alias": "fetchDataMode"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "focusedRow": { "alias": "focusedRow"; "required": false; }; }, { "selectedRowsChange": "selectedRowsChange"; "focusedRowChange": "focusedRowChange"; "onRowClick": "onRowClick"; "onRowDbClick": "onRowDbClick"; "onColumnsOrderChanged": "onColumnsOrderChanged"; "onColumnSizeChanged": "onColumnSizeChanged"; "onPageChanged": "onPageChanged"; }, ["customDataPager", "columns"], ["ax-header", "ax-data-pager", "ax-footer"], true, never>;
 }
 
 declare class AXDataTableModule {

package/fesm2022/acorex-components-data-pager.mjs

@@ -1,7 +1,7 @@
 import { AXEvent, MXInteractiveComponent, AXComponent, MXValueComponent, AXPagedComponent } from '@acorex/cdk/common';
 import { AXUnsubscriber, AXHtmlUtil } from '@acorex/core/utils';
 import * as i0 from '@angular/core';
-import { Injectable, inject, Input, ViewEncapsulation, ChangeDetectionStrategy, Component, afterNextRender, signal, EventEmitter, forwardRef, HostBinding, Output, NgModule } from '@angular/core';
+import { Injectable, inject, Input, ViewEncapsulation, ChangeDetectionStrategy, Component, computed, afterNextRender, signal, EventEmitter, forwardRef, HostBinding, Output, NgModule } from '@angular/core';
 import { AXDecoratorGenericComponent, AXDecoratorIconComponent, AXDecoratorModule } from '@acorex/components/decorators';
 import { AXTranslationService, AXTranslatorPipe, AXTranslationModule } from '@acorex/core/translation';
 import { AsyncPipe, NgClass, CommonModule } from '@angular/common';
@@ -9,6 +9,7 @@ import { AXNumberBoxComponent, AXNumberBoxModule } from '@acorex/components/numb
 import * as i1 from '@angular/forms';
 import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { AXButtonComponent, AXButtonItemListComponent, AXButtonItemComponent, AXButtonModule } from '@acorex/components/button';
+import { AXLocaleService } from '@acorex/core/locale';
 import { AXDropdownPanelComponent, AXDropdownModule } from '@acorex/components/dropdown';
 import { isNumber, isEqual, cloneDeep } from 'lodash-es';
 import { AXButtonGroupModule } from '@acorex/components/button-group';
@@ -328,6 +329,11 @@ class AXDataPagerNumericSelectorComponent extends AXDataPagerChild {
         this._currentPage = 1;
         this._lastPage = 1;
         this._loading = false;
+        this.localeService = inject(AXLocaleService);
+        this.rtlstatus = computed(() => {
+            // console.log(this.localeService.activeProfile().i18nMeta?.rtl ?? false);
+            return this.localeService.activeProfile().i18nMeta?.rtl ?? false;
+        }, ...(ngDevMode ? [{ debugName: "rtlstatus" }] : []));
         /**
          *  @ignore
          */
@@ -383,10 +389,20 @@ class AXDataPagerNumericSelectorComponent extends AXDataPagerChild {
     _handleOnItemClick(e) {
         if (this._parent.readonly || this._parent.disabled)
             return;
-        if (e.iconClass === 'ax-icon-chevron-right') {
+        // if (e.iconClass === 'ax-icon-chevron-right') {
+        //   debugger;
+        //   this._parent.goNextPage();
+        // } else if (e.iconClass === 'ax-icon-chevron-left') {
+        //   this._parent.goPrevPage();
+        // } else {
+        //   this._parent.goToPage(Number(e.data));
+        // }
+        const nextIcon = this.rtl ? 'ax-icon-chevron-left' : 'ax-icon-chevron-right';
+        const prevIcon = this.rtl ? 'ax-icon-chevron-right' : 'ax-icon-chevron-left';
+        if (e.iconClass === nextIcon) {
             this._parent.goNextPage();
         }
-        else if (e.iconClass === 'ax-icon-chevron-left') {
+        else if (e.iconClass === prevIcon) {
             this._parent.goPrevPage();
         }
         else {