@acorex/platform 20.0.7 → 20.0.8

package/fesm2022/acorex-platform-widgets.mjs

@@ -10,7 +10,7 @@ import { AXDecoratorModule } from '@acorex/components/decorators';
 import * as i2$1 from '@acorex/components/loading';
 import { AXLoadingModule } from '@acorex/components/loading';
 import * as i0 from '@angular/core';
-import { computed, EventEmitter, ChangeDetectionStrategy, Component, inject, afterNextRender, HostBinding, signal, effect, ViewEncapsulation, InjectionToken, ViewChild, CUSTOM_ELEMENTS_SCHEMA, untracked, Injectable, output, input, ChangeDetectorRef, viewChild, ElementRef, afterEveryRender, NgZone, model, linkedSignal, HostListener, importProvidersFrom, NgModule } from '@angular/core';
+import { computed, EventEmitter, ChangeDetectionStrategy, Component, inject, afterNextRender, HostBinding, signal, ViewEncapsulation, InjectionToken, effect, ViewChild, CUSTOM_ELEMENTS_SCHEMA, untracked, Injectable, output, input, ChangeDetectorRef, viewChild, ElementRef, afterEveryRender, NgZone, model, linkedSignal, HostListener, importProvidersFrom, NgModule } from '@angular/core';
 import * as i1 from '@acorex/components/check-box';
 import { AXCheckBoxModule } from '@acorex/components/check-box';
 import * as i4 from '@acorex/components/form';
@@ -20,7 +20,7 @@ import { AXLabelModule } from '@acorex/components/label';
 import { AXValidationModule, AXValidationService } from '@acorex/core/validation';
 import * as i2$3 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
-import { AXPClipBoardService, AXPSettingService, AXPRegionalService, AXPFilterOperatorMiddlewareService, AXPCleanNestedFilters, AXPFileStorageService, AXPFileTypeProviderService, ALL_DEFAULT_OPERATORS, DATE_OPERATORS, BOOLEAN_OPERATORS, NUMBER_OPERATORS, STRING_OPERATORS } from '@acorex/platform/common';
+import { AXPClipBoardService, AXPRegionalService, AXPFilterOperatorMiddlewareService, AXPCleanNestedFilters, AXPFileStorageService, AXPFileTypeProviderService, ALL_DEFAULT_OPERATORS, DATE_OPERATORS, BOOLEAN_OPERATORS, NUMBER_OPERATORS, STRING_OPERATORS } from '@acorex/platform/common';
 import { AXPopupService } from '@acorex/components/popup';
 import * as i3 from '@acorex/components/select-box';
 import { AXSelectBoxModule, AXSelectBoxComponent } from '@acorex/components/select-box';
@@ -34,12 +34,12 @@ import { AXBasePageComponent } from '@acorex/components/page';
 import { AXDateTimeFormatter, AXTimeDurationFormatter, AXCalendarService } from '@acorex/core/date-time';
 import * as i3$1 from '@acorex/components/datetime-box';
 import { AXDateTimeBoxModule } from '@acorex/components/datetime-box';
-import { AXFormatService } from '@acorex/core/format';
 import * as i5 from '@acorex/components/text-area';
 import { AXTextAreaModule } from '@acorex/components/text-area';
 import { set, isNumber, castArray, cloneDeep, isEqual, sum, get } from 'lodash-es';
 import * as i4$1 from '@acorex/components/tabs';
 import { AXTabsModule } from '@acorex/components/tabs';
+import { AXFormatService } from '@acorex/core/format';
 import * as i1$5 from '@acorex/components/number-box';
 import { AXNumberBoxModule } from '@acorex/components/number-box';
 import * as i3$2 from '@acorex/components/password-box';
@@ -2056,11 +2056,10 @@ var dateTimeBoxWidgetFilter_component = /*#__PURE__*/Object.freeze({
 class AXPDateTimeBoxWidgetColumnComponent extends AXPColumnWidgetComponent {
     constructor() {
         super(...arguments);
-        this.formatter = inject(AXFormatService);
-        this.settingService = inject(AXPSettingService);
-        this.convertedValue = signal(this.rawValue);
-        this.multiple = this.options['multiple'] || false;
-        this.mode = computed(() => {
+        this.formatter = inject(AXDateTimeFormatter);
+        this.translationService = inject(AXTranslationService);
+        this.multiple = this.options['multiple'];
+        this.format = computed(() => {
             const rawValue = this.options['format'];
             if (typeof rawValue == 'string')
                 return rawValue;
@@ -2069,44 +2068,28 @@ class AXPDateTimeBoxWidgetColumnComponent extends AXPColumnWidgetComponent {
             else
                 return 'date';
         });
-        this.#effect = effect(() => {
-            this.updateValue();
-        });
-        this.updateValue = async () => {
-            const rawValue = this.rawValue;
-            if (rawValue == null) {
-                this.convertedValue.set(null);
-            }
-            if (this.isArray(rawValue)) {
-                this.convertedValue.set(rawValue.map((item) => this.handleFormat(item)).join(', '));
-            }
-            else {
-                this.convertedValue.set(await this.handleFormat(rawValue));
-            }
-        };
+        this.internalValue = () => Array.isArray(this.rawValue)
+            ? this.rawValue.map((v) => this.handleFormat(v))
+            : [this.handleFormat(this.rawValue)];
     }
-    #effect;
-    async handleFormat(value) {
-        const format = await this.settingService.get('regional:short-date');
+    handleFormat(value) {
         return value
-            ? this.formatter.format(new Date(value), this.mode(), {
-                format: format,
+            ? this.formatter.format(new Date(value), {
+                format: this.format(),
+                locale: this.translationService.getActiveLang() === 'fa' ? 'fa' : undefined,
             })
             : '---';
     }
-    isArray(val) {
-        return Array.isArray(val);
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXPDateTimeBoxWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: AXPDateTimeBoxWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `<div class="ax-flex">
-    <span [dir]="'ltr'" [title]="convertedValue()">{{ convertedValue() }}</span>
+    <span [dir]="'ltr'" [title]="internalValue()">{{ internalValue() }}</span>
   </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXPDateTimeBoxWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
                     template: `<div class="ax-flex">
-    <span [dir]="'ltr'" [title]="convertedValue()">{{ convertedValue() }}</span>
+    <span [dir]="'ltr'" [title]="internalValue()">{{ internalValue() }}</span>
   </div>`,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [CommonModule],