@acorex/platform 20.6.0-next.26 → 20.6.0-next.27

package/fesm2022/acorex-platform-layout-components.mjs

@@ -65,7 +65,7 @@ import { AXSelectionListModule } from '@acorex/components/selection-list';
 import * as i5$4 from '@acorex/components/tag-box';
 import { AXTagBoxModule } from '@acorex/components/tag-box';
 import { AXCalendarService } from '@acorex/core/date-time';
-import { AXPFilterOperatorMiddlewareService, ALL_DEFAULT_OPERATORS, AXPFileStorageService } from '@acorex/platform/common';
+import { AXPFilterOperatorMiddlewareService, AXPSettingService, ALL_DEFAULT_OPERATORS, AXPFileStorageService } from '@acorex/platform/common';
 import * as i1$4 from '@acorex/components/image-editor';
 import { AXImageEditorContainerComponent, AXImageEditorModule } from '@acorex/components/image-editor';
 import * as i3$4 from '@acorex/components/toolbar';
@@ -4605,9 +4605,11 @@ class AXPQueryFiltersComponent {
         this.translate = inject(AXTranslationService);
         this.calendarService = inject(AXCalendarService);
         this.filterOperatorMiddleware = inject(AXPFilterOperatorMiddlewareService);
+        this.settingService = inject(AXPSettingService);
         this.filtersDefinitions = input([], ...(ngDevMode ? [{ debugName: "filtersDefinitions" }] : []));
         this.initialFilters = input([], ...(ngDevMode ? [{ debugName: "initialFilters" }] : []));
         this.onFiltersChanged = output();
+        this.dateFormat = signal('YYYY/MM/DD', ...(ngDevMode ? [{ debugName: "dateFormat" }] : []));
         this.tagBox = viewChild('tagBox', ...(ngDevMode ? [{ debugName: "tagBox" }] : []));
         this.widgetRenderer = viewChild('widgetRenderer', ...(ngDevMode ? [{ debugName: "widgetRenderer" }] : []));
         this.selectedField = signal(null, ...(ngDevMode ? [{ debugName: "selectedField" }] : []));
@@ -4658,7 +4660,8 @@ class AXPQueryFiltersComponent {
         this.convertIfISOStringDate = (val) => {
             const isISOStringDate = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}\.\d{3}Z$/.test(val);
             if (isISOStringDate) {
-                return this.calendarService.convert(val).date.toLocaleDateString();
+                const dateResult = this.calendarService.convert(val);
+                return dateResult.format(this.dateFormat());
             }
             return val;
         };
@@ -4670,6 +4673,10 @@ class AXPQueryFiltersComponent {
                     }));
             });
         };
+        this.#dateFormatEffect = effect(async () => {
+            const format = await this.settingService.get('regional:short-date');
+            this.dateFormat.set(format || 'YYYY/MM/DD');
+        }, ...(ngDevMode ? [{ debugName: "#dateFormatEffect" }] : []));
         this.#emitFiltersEffect = effect(() => {
             // Prevent emitting while a filter is actively being edited
             const isEditing = this.activeFilter();
@@ -4803,6 +4810,7 @@ class AXPQueryFiltersComponent {
             return acc;
         }, {});
     }
+    #dateFormatEffect;
     ngOnInit() {
         this.tagBoxInput = this.tagBox()?.getHostElement().querySelector('input');
     }
@@ -4905,7 +4913,7 @@ class AXPQueryFiltersComponent {
     handleAddAllInlineFilters() {
         const inputValue = this.tagBox()?.inputValue();
         // Check if input is empty
-        if (!inputValue?.trim()) {
+        if (!inputValue?.trim() || !this.filtersDefinitions().some((f) => f.filterType.inline)) {
             return;
         }
         // Remove existing "all" filter (if exists) and add new one with updated value