@acorex/components 20.7.3 → 20.7.5

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 {