@acorex/platform 20.9.39 → 20.9.41

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

@@ -23,7 +23,7 @@ import * as i1$1 from '@acorex/components/avatar';
 import { AXAvatarModule } from '@acorex/components/avatar';
 import * as i3$1 from '@acorex/components/image';
 import { AXImageModule } from '@acorex/components/image';
-import { isNil, isEmpty, cloneDeep, isEqual, get, isString, unionBy, sortBy, isArray, set, merge, capitalize } from 'lodash-es';
+import { isNil, isEmpty, cloneDeep, isEqual, get, isString, isPlainObject, unionBy, sortBy, isArray, set, merge, capitalize } from 'lodash-es';
 import * as i1$3 from '@acorex/components/badge';
 import { AXBadgeComponent, AXBadgeModule } from '@acorex/components/badge';
 import { AXPLayoutThemeService, AXPMenuVerticalMode } from '@acorex/platform/themes/shared';
@@ -3308,23 +3308,7 @@ class AXPQueryFiltersComponent {
             const context = this.context();
             const editingField = this.activeFilter()?.field;
             void this.translationEpoch();
-            Promise.all(filters.map(async (filter) => {
-                const committedEntry = this.getCommittedFilterEntry(filter, context, editingField);
-                const val = committedEntry?.value ?? filter.value;
-                const displayText = committedEntry?.displayText;
-                const rawDisplay = displayText != null && displayText !== '' ? displayText : await this.getDisplayValue(filter, val);
-                const displayValue = await this.formatFilterDisplayValue(rawDisplay);
-                const operatorType = committedEntry?.operation?.type ?? filter.operator?.type;
-                const operatorKey = ALL_DEFAULT_OPERATORS.find((o) => o.name === operatorType)?.title;
-                const title = await this.translateLabel(filter.title);
-                const operator = operatorKey ? await this.translateLabel(operatorKey) : '';
-                return {
-                    ...filter,
-                    readOnly: filter.readOnly === true ||
-                        filter.widget?.options?.['readonly'] === true,
-                    query: `${title} ${operator} '${displayValue}'`.trim(),
-                };
-            })).then((results) => {
+            Promise.all(filters.map((filter) => this.buildFilterTag(filter, context, editingField))).then((results) => {
                 this.asyncTags.set(results.filter((r) => !r.hidden));
             });
         }, ...(ngDevMode ? [{ debugName: "#updateTagsEffect" }] : /* istanbul ignore next */ []));
@@ -3711,6 +3695,32 @@ class AXPQueryFiltersComponent {
         }
     }
     #updateTagsEffect;
+    /**
+     * Builds a single chip. Never rejects: definitions coming from backend data (e.g. document metadata
+     * fields) can carry unexpected title/value shapes, and one failure used to leave every chip unrendered.
+     */
+    async buildFilterTag(filter, context, editingField) {
+        const readOnly = filter.readOnly === true || filter.widget?.options?.['readonly'] === true;
+        try {
+            const committedEntry = this.getCommittedFilterEntry(filter, context, editingField);
+            const val = committedEntry?.value ?? filter.value;
+            const displayText = committedEntry?.displayText;
+            const rawDisplay = displayText != null && displayText !== '' ? displayText : await this.getDisplayValue(filter, val);
+            const displayValue = await this.formatFilterDisplayValue(rawDisplay);
+            const operatorType = committedEntry?.operation?.type ?? filter.operator?.type;
+            const operatorKey = ALL_DEFAULT_OPERATORS.find((o) => o.name === operatorType)?.title;
+            const title = await this.translateLabel(filter.title);
+            const operator = operatorKey ? await this.translateLabel(operatorKey) : '';
+            return {
+                ...filter,
+                readOnly,
+                query: `${title} ${operator} '${displayValue}'`.trim(),
+            };
+        }
+        catch {
+            return { ...filter, readOnly, query: isString(filter.title) ? filter.title.trim() : '' };
+        }
+    }
     #disabledEvaluationEffect;
     isFilterDisabled(definition) {
         if (typeof definition.disabled === 'boolean') {
@@ -3730,17 +3740,23 @@ class AXPQueryFiltersComponent {
             return '';
         }
         const parts = Array.isArray(value) ? value : [value];
-        const labels = await Promise.all(parts.map(async (part) => {
-            const text = String(part ?? '').trim();
-            if (!text) {
-                return '';
-            }
-            return this.translateLabel(text);
-        }));
+        const labels = await Promise.all(parts.map((part) => this.translateLabel(part)));
         return labels.filter(Boolean).join(', ');
     }
+    /**
+     * Resolves a label that may be an i18n key, a plain string, or a multi-language object
+     * (filter definitions built from backend data are not guaranteed to be plain strings).
+     */
     async translateLabel(text) {
-        const trimmed = text.trim();
+        if (isNil(text)) {
+            return '';
+        }
+        const resolved = isString(text)
+            ? text
+            : isPlainObject(text)
+                ? this.translate.resolve(text)
+                : String(text);
+        const trimmed = isString(resolved) ? resolved.trim() : '';
         if (!trimmed) {
             return '';
         }