@acorex/platform 21.0.0-next.34 → 21.0.0-next.39

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

@@ -20,9 +20,9 @@ import { AXTabsModule } from '@acorex/components/tabs';
 import * as i1$6 from '@acorex/components/text-box';
 import { AXTextBoxModule } from '@acorex/components/text-box';
 import * as i6 from '@acorex/core/translation';
-import { AXTranslationModule, AXTranslationService } from '@acorex/core/translation';
+import { AXTranslationModule, AXTranslationService, resolveMultiLanguageString } from '@acorex/core/translation';
 import { AXP_LOCALE_MANAGEMENT_PORT, AXPFilterOperatorMiddlewareService, AXPCleanNestedFilters, AXPClipBoardService, AXPSettingsService, AXPRegionalSetting, AXPFileStorageService, AXPFileTypeProviderService, AXPFileActionsService, AXPStatusDefinitionProviderService, AXPRefreshEvent, AXPCommonSettings, ALL_DEFAULT_OPERATORS, DATE_OPERATORS, BOOLEAN_OPERATORS, NUMBER_OPERATORS, STRING_OPERATORS } from '@acorex/platform/common';
-import { AXPDeviceService, setSmart, AXPColorPaletteService, extractValue, AXPResolveMultiLanguageStringPipe, AXPMultiLanguageStringResolverService, AXPTagService, AXPExpressionEvaluatorService, AXPHookService, AXPDataGenerator, AXPComponentSlotModule, AXPDataSourceDefinitionProviderService, sortByMultiLanguageString, applyQueryArray, objectKeyValueTransforms, resolveMultiLanguageString } from '@acorex/platform/core';
+import { AXPDeviceService, setSmart, AXPColorPaletteService, extractValue, AXPTagService, AXPExpressionEvaluatorService, AXPHookService, AXPDataGenerator, AXPComponentSlotModule, AXPDataSourceDefinitionProviderService, sortByMultiLanguageString, applyQueryArray, objectKeyValueTransforms } from '@acorex/platform/core';
 import * as i1$4 from '@angular/common';
 import { CommonModule, AsyncPipe } from '@angular/common';
 import * as i0 from '@angular/core';
@@ -5577,20 +5577,20 @@ const AXPEditorJsWidget = {
 class AXPLargeTextWidgetColumnComponent extends AXPColumnWidgetComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLargeTextWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPLargeTextWidgetColumnComponent, isStandalone: true, selector: "axp-large-text-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `
-    @let text = rawValue | axpResolveMultiLanguageString;
+    @let text = rawValue | translate | async;
     @if (text) {
       <span class="ax-truncate"> {{ text }} </span>
     } @else {
       <span class="ax-text-muted">---</span>
     }
-  `, isInline: true, dependencies: [{ kind: "pipe", type: AXPResolveMultiLanguageStringPipe, name: "axpResolveMultiLanguageString" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLargeTextWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-large-text-widget-column',
                     template: `
-    @let text = rawValue | axpResolveMultiLanguageString;
+    @let text = rawValue | translate | async;
     @if (text) {
       <span class="ax-truncate"> {{ text }} </span>
     } @else {
@@ -5598,7 +5598,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
     }
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [AXPResolveMultiLanguageStringPipe],
+                    imports: [AXTranslationModule, AsyncPipe],
                     inputs: ['rawValue', 'rowData'],
                 }]
         }] });
@@ -5620,11 +5620,10 @@ class AXPLargeTextWidgetEditComponent extends AXPValueWidgetComponent {
         this.rows = computed(() => this.options()['rows'], ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
         this.popupService = inject(AXPopupService);
         this.translationService = inject(AXTranslationService);
-        this.mlResolver = inject(AXPMultiLanguageStringResolverService);
         this.currentLanguage = toSignal(this.translationService.langChanges$, {
             initialValue: this.translationService.getActiveLang(),
         });
-        this.getCurrentText = computed(() => this.mlResolver.resolve(this.getValue(), this.currentLanguage()), ...(ngDevMode ? [{ debugName: "getCurrentText" }] : /* istanbul ignore next */ []));
+        this.getCurrentText = computed(() => this.translationService.resolve(this.getValue(), this.currentLanguage()), ...(ngDevMode ? [{ debugName: "getCurrentText" }] : /* istanbul ignore next */ []));
     }
     ngOnInit() {
         super.ngOnInit();
@@ -5658,7 +5657,7 @@ class AXPLargeTextWidgetEditComponent extends AXPValueWidgetComponent {
             title: 'Select Language',
             size: 'md',
             data: {
-                values: this.mlResolver.toLocaleMap(this.getValue(), this.currentLanguage()),
+                values: this.translationService.toLocaleMap(this.getValue(), this.currentLanguage()),
                 currentLanguage: this.currentLanguage(),
                 node: node,
                 mode: 'edit',
@@ -5776,50 +5775,34 @@ var largeTextWidgetEdit_component = /*#__PURE__*/Object.freeze({
 class AXPLargeTextWidgetViewComponent extends AXPValueWidgetComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLargeTextWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPLargeTextWidgetViewComponent, isStandalone: true, selector: "axp-large-text-widget-view", usesInheritance: true, ngImport: i0, template: `
-
     <div class="ax-max-w-full ax-text-muted">
-
-      @let text = getValue() | axpResolveMultiLanguageString;
+      @let text = getValue() | translate | async;
 
       @if (text) {
-
         <span> {{ text }} </span>
-
       } @else {
-
         <span class="ax-text-muted">---</span>
-
       }
-
     </div>
-
-  `, isInline: true, dependencies: [{ kind: "pipe", type: AXPResolveMultiLanguageStringPipe, name: "axpResolveMultiLanguageString" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPLargeTextWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-large-text-widget-view',
                     template: `
-
     <div class="ax-max-w-full ax-text-muted">
-
-      @let text = getValue() | axpResolveMultiLanguageString;
+      @let text = getValue() | translate | async;
 
       @if (text) {
-
         <span> {{ text }} </span>
-
       } @else {
-
         <span class="ax-text-muted">---</span>
-
       }
-
     </div>
-
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [AXPResolveMultiLanguageStringPipe],
+                    imports: [AXTranslationModule, AsyncPipe],
                 }]
         }] });
 
@@ -7128,7 +7111,7 @@ class AXPRichTextWidgetColumnComponent extends AXPColumnWidgetComponent {
         super(...arguments);
         this.platform = inject(AXPlatform);
         this.layoutBuilder = inject(AXPLayoutBuilderService);
-        this.mlResolver = inject(AXPMultiLanguageStringResolverService);
+        this.mlResolver = inject(AXTranslationService);
     }
     async openPopup() {
         const html = this.mlResolver.resolve(this.rawValue);
@@ -7159,7 +7142,7 @@ class AXPRichTextWidgetColumnComponent extends AXPColumnWidgetComponent {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPRichTextWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPRichTextWidgetColumnComponent, isStandalone: true, selector: "axp-rich-text-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `
-    @let html = rawValue | axpResolveMultiLanguageString;
+    @let html = rawValue | translate | async;
     @if (html) {
       <span
         class="ax-truncate ax-underline ax-block ax-w-full ax-cursor-pointer"
@@ -7170,14 +7153,14 @@ class AXPRichTextWidgetColumnComponent extends AXPColumnWidgetComponent {
     } @else {
       <span class="ax-text-muted">---</span>
     }
-  `, isInline: true, dependencies: [{ kind: "pipe", type: AXSafePipe, name: "safe" }, { kind: "pipe", type: AXPResolveMultiLanguageStringPipe, name: "axpResolveMultiLanguageString" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: AXSafePipe, name: "safe" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPRichTextWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-rich-text-widget-column',
                     template: `
-    @let html = rawValue | axpResolveMultiLanguageString;
+    @let html = rawValue | translate | async;
     @if (html) {
       <span
         class="ax-truncate ax-underline ax-block ax-w-full ax-cursor-pointer"
@@ -7190,7 +7173,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
     }
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [AXSafePipe, AXPResolveMultiLanguageStringPipe],
+                    imports: [AXSafePipe, AXTranslationModule, AsyncPipe],
                     inputs: ['rawValue', 'rowData'],
                 }]
         }] });
@@ -7211,11 +7194,10 @@ class AXPRichTextWidgetEditComponent extends AXPValueWidgetComponent {
         this.maxLineCount = computed(() => this.options()['maxLineCount'] ?? this.options()['minLineCount'] ?? 3, ...(ngDevMode ? [{ debugName: "maxLineCount" }] : /* istanbul ignore next */ []));
         this.popupService = inject(AXPopupService);
         this.translationService = inject(AXTranslationService);
-        this.mlResolver = inject(AXPMultiLanguageStringResolverService);
         this.currentLanguage = toSignal(this.translationService.langChanges$, {
             initialValue: this.translationService.getActiveLang(),
         });
-        this.getCurrentText = computed(() => this.mlResolver.resolve(this.getValue(), this.currentLanguage()), ...(ngDevMode ? [{ debugName: "getCurrentText" }] : /* istanbul ignore next */ []));
+        this.getCurrentText = computed(() => this.translationService.resolve(this.getValue(), this.currentLanguage()), ...(ngDevMode ? [{ debugName: "getCurrentText" }] : /* istanbul ignore next */ []));
     }
     onWysiwygChanged(e) {
         if (!e.isUserInteraction)
@@ -7250,7 +7232,7 @@ class AXPRichTextWidgetEditComponent extends AXPValueWidgetComponent {
             title: 'Select Language',
             size: 'lg',
             data: {
-                values: this.mlResolver.toLocaleMap(this.getValue(), this.currentLanguage()),
+                values: this.translationService.toLocaleMap(this.getValue(), this.currentLanguage()),
                 currentLanguage: this.currentLanguage(),
                 node: node,
                 mode: 'edit',
@@ -7367,7 +7349,7 @@ class AXPRichTextWidgetViewComponent extends AXPValueWidgetComponent {
         super(...arguments);
         this.platform = inject(AXPlatform);
         this.layoutBuilder = inject(AXPLayoutBuilderService);
-        this.mlResolver = inject(AXPMultiLanguageStringResolverService);
+        this.mlResolver = inject(AXTranslationService);
         /** Resolved HTML for the preview dialog (same rules as the inline snippet). */
         this.displayHtml = computed(() => {
             const v = this.getValue();
@@ -7402,7 +7384,7 @@ class AXPRichTextWidgetViewComponent extends AXPValueWidgetComponent {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPRichTextWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPRichTextWidgetViewComponent, isStandalone: true, selector: "axp-rich-text-widget-view", usesInheritance: true, ngImport: i0, template: `
-    @let html = getValue() | axpResolveMultiLanguageString;
+    @let html = getValue() | translate | async;
     @if (html) {
       <span
         class="ax-truncate ax-underline ax-cursor-pointer ax-text-muted"
@@ -7413,14 +7395,14 @@ class AXPRichTextWidgetViewComponent extends AXPValueWidgetComponent {
     } @else {
       <span class="ax-text-muted">---</span>
     }
-  `, isInline: true, dependencies: [{ kind: "pipe", type: AXSafePipe, name: "safe" }, { kind: "pipe", type: AXPResolveMultiLanguageStringPipe, name: "axpResolveMultiLanguageString" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: AXSafePipe, name: "safe" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPRichTextWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-rich-text-widget-view',
                     template: `
-    @let html = getValue() | axpResolveMultiLanguageString;
+    @let html = getValue() | translate | async;
     @if (html) {
       <span
         class="ax-truncate ax-underline ax-cursor-pointer ax-text-muted"
@@ -7433,7 +7415,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
     }
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [AXSafePipe, AXPResolveMultiLanguageStringPipe],
+                    imports: [AXSafePipe, AXTranslationModule, AsyncPipe],
                 }]
         }] });
 
@@ -9198,20 +9180,20 @@ const AXPTemplateBoxWidget = {
 class AXPTextBoxWidgetColumnComponent extends AXPColumnWidgetComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTextBoxWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPTextBoxWidgetColumnComponent, isStandalone: true, selector: "axp-text-box-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `
-    @let text = rawValue | axpResolveMultiLanguageString;
+    @let text = rawValue | translate | async;
     @if (text) {
       {{ text }}
     } @else {
       <span class="ax-text-muted">---</span>
     }
-  `, isInline: true, dependencies: [{ kind: "pipe", type: AXPResolveMultiLanguageStringPipe, name: "axpResolveMultiLanguageString" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTextBoxWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-text-box-widget-column',
                     template: `
-    @let text = rawValue | axpResolveMultiLanguageString;
+    @let text = rawValue | translate | async;
     @if (text) {
       {{ text }}
     } @else {
@@ -9219,7 +9201,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
     }
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [AXPResolveMultiLanguageStringPipe],
+                    imports: [AXTranslationModule, AsyncPipe],
                     inputs: ['rawValue', 'rowData'],
                 }]
         }] });
@@ -9234,7 +9216,6 @@ class AXPTextBoxWidgetEditComponent extends AXPValueWidgetComponent {
         super(...arguments);
         this.popupService = inject(AXPopupService);
         this.translationService = inject(AXTranslationService);
-        this.mlResolver = inject(AXPMultiLanguageStringResolverService);
         this.multiLanguage = computed(() => this.options()['multiLanguage'], ...(ngDevMode ? [{ debugName: "multiLanguage" }] : /* istanbul ignore next */ []));
         this.hasClearButton = computed(() => this.options()['hasClearButton'], ...(ngDevMode ? [{ debugName: "hasClearButton" }] : /* istanbul ignore next */ []));
         this.disabled = computed(() => this.options()['disabled'], ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
@@ -9258,7 +9239,6 @@ class AXPTextBoxWidgetEditComponent extends AXPValueWidgetComponent {
         if (!e.isUserInteraction) {
             return;
         }
-        ;
         if (this.multiLanguage()) {
             const v = this.getValue();
             const obj = v && typeof v === 'object' && !Array.isArray(v) ? { ...v } : {};
@@ -9270,7 +9250,7 @@ class AXPTextBoxWidgetEditComponent extends AXPValueWidgetComponent {
         }
     }
     getCurrentText() {
-        return this.mlResolver.resolve(this.getValue(), this.currentLanguage());
+        return this.translationService.resolve(this.getValue(), this.currentLanguage());
     }
     async openMultiLanguagePopup() {
         const node = {
@@ -9285,7 +9265,7 @@ class AXPTextBoxWidgetEditComponent extends AXPValueWidgetComponent {
             title: 'Multi-language Text',
             size: 'md',
             data: {
-                values: this.mlResolver.toLocaleMap(this.getValue(), this.currentLanguage()),
+                values: this.translationService.toLocaleMap(this.getValue(), this.currentLanguage()),
                 currentLanguage: this.currentLanguage(),
                 node: node,
                 mode: 'edit',
@@ -9401,33 +9381,35 @@ var textBoxWidgetEdit_component = /*#__PURE__*/Object.freeze({
 
 class AXPTextBoxWidgetViewComponent extends AXPValueWidgetComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTextBoxWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPTextBoxWidgetViewComponent, isStandalone: true, selector: "axp-text-box-widget-view", usesInheritance: true, ngImport: i0, template: `
-    <div class="ax-text-muted">
-      @let text = getValue() | axpResolveMultiLanguageString;
-      @if (text) {
-        <p>{{ text }}</p>
-      } @else {
-        <p class="ax-text-muted">---</p>
-      }
-    </div>
-  `, isInline: true, dependencies: [{ kind: "pipe", type: AXPResolveMultiLanguageStringPipe, name: "axpResolveMultiLanguageString" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPTextBoxWidgetViewComponent, isStandalone: true, selector: "axp-text-box-widget-view", usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-text-muted">
+      @let text = getValue() | translate | async;
+
+      @if (text) {
+        <p>{{ text }}</p>
+      } @else {
+        <p class="ax-text-muted">---</p>
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPTextBoxWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-text-box-widget-view',
-                    template: `
-    <div class="ax-text-muted">
-      @let text = getValue() | axpResolveMultiLanguageString;
-      @if (text) {
-        <p>{{ text }}</p>
-      } @else {
-        <p class="ax-text-muted">---</p>
-      }
-    </div>
+                    template: `
+    <div class="ax-text-muted">
+      @let text = getValue() | translate | async;
+
+      @if (text) {
+        <p>{{ text }}</p>
+      } @else {
+        <p class="ax-text-muted">---</p>
+      }
+    </div>
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [AXPResolveMultiLanguageStringPipe],
+                    imports: [AXTranslationModule, AsyncPipe],
                 }]
         }] });
 
@@ -11824,7 +11806,7 @@ class AXPFileUploaderWidgetService {
             showEditDialogAfterSelect: false,
         };
         options = { ...defaultOptions, ...options };
-        const component = await import('./acorex-platform-layout-widgets-file-list-popup.component-9uCkMxcc.mjs').then((m) => m.AXPFileListPopupComponent);
+        const component = await import('./acorex-platform-layout-widgets-file-list-popup.component-CDYAGBku.mjs').then((m) => m.AXPFileListPopupComponent);
         const result = await this.popupService.open(component, {
             title: await this.translate.translateAsync('@document-management:terms.common.file'),
             data: {
@@ -11862,9 +11844,9 @@ class AXPFileUploaderWidgetColumnComponent extends AXPColumnWidgetComponent {
         this.fileService = inject(AXPFileUploaderWidgetService);
     }
     async openFileList() {
-        console.log(this.rawValue);
-        this.fileService.showFileList({
-            files: castArray(this.rawValue ?? []),
+        const files = castArray(this.rawValue ?? []).filter((item) => item != null && typeof item === 'object' && typeof item.name === 'string');
+        await this.fileService.showFileList({
+            files,
             readonly: true,
         });
     }
@@ -15230,6 +15212,10 @@ class AXPStatusWidgetColumnComponent extends AXPColumnWidgetComponent {
         this.definitionKey = computed(() => {
             return this.options['definitionKey'] ?? null;
         }, ...(ngDevMode ? [{ debugName: "definitionKey" }] : /* istanbul ignore next */ []));
+        /**
+         * When true, the grid cell is display-only (no transition popover). Default false preserves existing grids.
+         */
+        this.columnReadonly = computed(() => !!this.options['readonly'], ...(ngDevMode ? [{ debugName: "columnReadonly" }] : /* istanbul ignore next */ []));
         this.entityData = computed(() => {
             return this.rowDataSignal();
         }, ...(ngDevMode ? [{ debugName: "entityData" }] : /* istanbul ignore next */ []));
@@ -15330,7 +15316,7 @@ class AXPStatusWidgetColumnComponent extends AXPColumnWidgetComponent {
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", type: AXPStatusWidgetColumnComponent, isStandalone: true, selector: "axp-status-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData", rawValueInput: ["rawValue", "rawValueInput"], rowDataInput: ["rowData", "rowDataInput"] }, viewQueries: [{ propertyName: "statusChip", first: true, predicate: AXPStatusChipComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
     <axp-status-chip
       [status]="statusItem()"
-      [readonly]="false"
+      [readonly]="columnReadonly()"
       [availableTransitions]="getAvailableTransitions()"
       [definitionKey]="definitionKey()"
       [entityData]="entityData()"
@@ -15348,7 +15334,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                     template: `
     <axp-status-chip
       [status]="statusItem()"
-      [readonly]="false"
+      [readonly]="columnReadonly()"
       [availableTransitions]="getAvailableTransitions()"
       [definitionKey]="definitionKey()"
       [entityData]="entityData()"
@@ -15385,6 +15371,8 @@ class AXPStatusWidgetEditComponent extends AXPValueWidgetComponent {
         //#region ----   Properties   ----
         this.statusService = inject(AXPStatusDefinitionProviderService);
         this.definitionKey = computed(() => this.options()['definitionKey'] ?? null, ...(ngDevMode ? [{ debugName: "definitionKey" }] : /* istanbul ignore next */ []));
+        /** When true, the chip is display-only (no transition popover). Set via interface options. */
+        this.isReadonly = computed(() => !!this.options()['readonly'] || !!this.options()['disabled'], ...(ngDevMode ? [{ debugName: "isReadonly" }] : /* istanbul ignore next */ []));
         this.providerSignal = signal(undefined, ...(ngDevMode ? [{ debugName: "providerSignal" }] : /* istanbul ignore next */ []));
         this.statuses = computed(() => this.providerSignal()?.statuses ?? [], ...(ngDevMode ? [{ debugName: "statuses" }] : /* istanbul ignore next */ []));
         this.transitions = computed(() => this.providerSignal()?.transitions ?? [], ...(ngDevMode ? [{ debugName: "transitions" }] : /* istanbul ignore next */ []));
@@ -15532,7 +15520,7 @@ class AXPStatusWidgetEditComponent extends AXPValueWidgetComponent {
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", type: AXPStatusWidgetEditComponent, isStandalone: true, selector: "axp-status-widget-edit", viewQueries: [{ propertyName: "statusChip", first: true, predicate: AXPStatusChipComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
     <axp-status-chip
       [status]="currentStatus()"
-      [readonly]="false"
+      [readonly]="isReadonly()"
       [availableTransitions]="getAvailableTransitions()"
       [definitionKey]="definitionKey()"
       [entityData]="getEntityData()"
@@ -15550,7 +15538,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                     template: `
     <axp-status-chip
       [status]="currentStatus()"
-      [readonly]="false"
+      [readonly]="isReadonly()"
       [availableTransitions]="getAvailableTransitions()"
       [definitionKey]="definitionKey()"
       [entityData]="getEntityData()"
@@ -15580,11 +15568,12 @@ class AXPStatusWidgetViewComponent extends AXPDataListWidgetComponent {
         //#region ----   Properties   ----
         this.statusService = inject(AXPStatusDefinitionProviderService);
         this.definitionKey = computed(() => this.options()['definitionKey'] ?? null, ...(ngDevMode ? [{ debugName: "definitionKey" }] : /* istanbul ignore next */ []));
+        /** When true, the chip is display-only (no transition popover). Set via interface options. */
+        this.isReadonly = computed(() => !!this.options()['readonly'] || !!this.options()['disabled'], ...(ngDevMode ? [{ debugName: "isReadonly" }] : /* istanbul ignore next */ []));
         this.providerSignal = signal(undefined, ...(ngDevMode ? [{ debugName: "providerSignal" }] : /* istanbul ignore next */ []));
         this.resolvedStatuses = computed(() => this.providerSignal()?.statuses ?? [], ...(ngDevMode ? [{ debugName: "resolvedStatuses" }] : /* istanbul ignore next */ []));
         this.resolvedTransitions = computed(() => this.providerSignal()?.transitions ?? [], ...(ngDevMode ? [{ debugName: "resolvedTransitions" }] : /* istanbul ignore next */ []));
         //#endregion
-        //#endregion
         //#region ----   Effects   ----
         this.loadProvider = effect(async () => {
             const key = this.definitionKey();
@@ -15702,7 +15691,7 @@ class AXPStatusWidgetViewComponent extends AXPDataListWidgetComponent {
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", type: AXPStatusWidgetViewComponent, isStandalone: true, selector: "axp-status-widget-view", viewQueries: [{ propertyName: "statusChip", first: true, predicate: AXPStatusChipComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
     <axp-status-chip
       [status]="currentStatus()"
-      [readonly]="false"
+      [readonly]="isReadonly()"
       [availableTransitions]="getAvailableTransitions()"
       [definitionKey]="definitionKey()"
       [entityData]="getEntityData()"
@@ -15720,7 +15709,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                     template: `
     <axp-status-chip
       [status]="currentStatus()"
-      [readonly]="false"
+      [readonly]="isReadonly()"
       [availableTransitions]="getAvailableTransitions()"
       [definitionKey]="definitionKey()"
       [entityData]="getEntityData()"
@@ -17661,7 +17650,7 @@ class AXPFieldsetWidgetDesignerComponent extends AXPLayoutBaseWidgetComponent {
           @if (icon()) {
             <i [class]="icon()" style="margin-inline-end: 0.5em;"></i>
           }
-          {{ title() | axpResolveMultiLanguageString | translate | async }}
+          {{ title() | translate | async }}
         </legend>
       }
       <div class="axp-fieldset-content">
@@ -17680,7 +17669,7 @@ class AXPFieldsetWidgetDesignerComponent extends AXPLayoutBaseWidgetComponent {
         }
       </div>
     </fieldset>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "directive", type: AXPWidgetDesignerRendererDirective, selector: "[axp-widget-designer-renderer]", inputs: ["parentNode", "parentElement", "parentComponent", "index", "locked", "mode", "node"] }, { kind: "component", type: AXPDesignerAddWidgetMiniButtonComponent, selector: "axp-designer-add-widget-mini-button", outputs: ["onClick"] }, { kind: "pipe", type: i1$4.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AXPResolveMultiLanguageStringPipe, name: "axpResolveMultiLanguageString" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "directive", type: AXPWidgetDesignerRendererDirective, selector: "[axp-widget-designer-renderer]", inputs: ["parentNode", "parentElement", "parentComponent", "index", "locked", "mode", "node"] }, { kind: "component", type: AXPDesignerAddWidgetMiniButtonComponent, selector: "axp-designer-add-widget-mini-button", outputs: ["onClick"] }, { kind: "pipe", type: i1$4.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPFieldsetWidgetDesignerComponent, decorators: [{
             type: Component,
@@ -17693,7 +17682,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
           @if (icon()) {
             <i [class]="icon()" style="margin-inline-end: 0.5em;"></i>
           }
-          {{ title() | axpResolveMultiLanguageString | translate | async }}
+          {{ title() | translate | async }}
         </legend>
       }
       <div class="axp-fieldset-content">
@@ -17720,7 +17709,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         AXPWidgetCoreModule,
                         AXPWidgetDesignerRendererDirective,
                         AXPDesignerAddWidgetMiniButtonComponent,
-                        AXPResolveMultiLanguageStringPipe,
                     ],
                     providers: [
                         {
@@ -17762,11 +17750,11 @@ class AXPFieldsetWidgetViewComponent extends AXPLayoutBaseWidgetComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPFieldsetWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPFieldsetWidgetViewComponent, isStandalone: true, selector: "axp-fieldset-widget-view", usesInheritance: true, ngImport: i0, template: "@switch (look()) {\n<!-- fieldset Style -->\n@case ('fieldset') {\n<fieldset class=\"fieldset\">\n  @if (shouldShowTitle()) {\n  <legend class=\"legend\" (click)=\"toggleCollapse()\">\n    @if (icon()) {\n    <i [class]=\"icon()\" class=\"ax-text-sm\"></i>\n    }\n    {{ title() | axpResolveMultiLanguageString | translate | async }}\n  </legend>\n  }\n  @if (!collapsible() || isOpen()) {\n  <div class=\"content\" [style.grid-template-columns]=\"'repeat(' + cols() + ', 1fr)'\">\n    @if (description()) {\n    <p class=\"description\" [style.grid-column]=\"'1 / -1'\">\n      {{ description() | axpResolveMultiLanguageString | translate | async }}\n    </p>\n    }\n    <!-- render widgets -->\n    @for (node of children(); track $index) {\n    <ng-container axp-widget-renderer [node]=\"node\" [index]=\"index\" [parentNode]=\"this\"\n      [mode]=\"node.mode ?? this.mode\"></ng-container>\n    }\n  </div>\n  }\n</fieldset>\n}\n<!-- Card Style -->\n@case ('card') {\n<div class=\"card\">\n  @if (shouldShowTitle()) {\n  <div class=\"legend\" (click)=\"toggleCollapse()\">\n    <div class=\"caption\">\n      @if (icon()) {\n      <i [class]=\"icon()\" class=\"ax-text-md\"></i>\n      }\n      <div class=\"text-content\">\n        <h3 class=\"title\">{{ title() | axpResolveMultiLanguageString | translate | async }}</h3>\n        @if (description()) {\n        <p class=\"description\">{{ description() | axpResolveMultiLanguageString | translate | async }}</p>\n        }\n      </div>\n    </div>\n    <div class=\"icon\" [ngClass]=\"{ 'ax-transform ax-rotate-180': isOpen() }\">\n      @if (collapsible()) {\n      <i class=\"fa-solid fa-chevron-down\"></i>\n      }\n    </div>\n  </div>\n  }\n\n  @if (!collapsible() || isOpen()) {\n  <div class=\"content\" [style.grid-template-columns]=\"'repeat(' + cols() + ', 1fr)'\">\n    @for (node of children(); track $index) {\n    <ng-container axp-widget-renderer [node]=\"node\" [index]=\"index\" [parentNode]=\"this\"\n      [mode]=\"node.mode ?? this.mode\"></ng-container>\n    }\n  </div>\n  }\n</div>\n}\n<!-- Group Line style -->\n@case ('group') {\n<fieldset class=\"group\">\n  @if (shouldShowTitle()) {\n  <legend class=\"legend\">\n    @if (icon()) {\n    <i [class]=\"icon()\" class=\"ax-text-sm\"></i>\n    }\n    <h3 class=\"title\">{{ title() | axpResolveMultiLanguageString | translate | async }}</h3>\n    <div class=\"title-line\"></div>\n  </legend>\n  }\n  @if (!collapsible() || isOpen()) {\n  <div class=\"content\" [style.grid-template-columns]=\"'repeat(' + cols() + ', 1fr)'\">\n    @if (description()) {\n    <p class=\"description\" [style.grid-column]=\"'1 / -1'\">\n      {{ description() | axpResolveMultiLanguageString | translate | async }}\n    </p>\n    }\n    <!-- render widgets -->\n    @for (node of children(); track $index) {\n    <ng-container axp-widget-renderer [node]=\"node\" [index]=\"index\" [parentNode]=\"this\"\n      [mode]=\"node.mode ?? this.mode\"></ng-container>\n    }\n  </div>\n  }\n</fieldset>\n}\n<!-- Container Style -->\n@case ('container') {\n<div class=\"container\">\n  @for (node of children(); track $index) {\n  <ng-container axp-widget-renderer [node]=\"node\" [index]=\"index\" [parentNode]=\"this\"\n    [mode]=\"node.mode ?? this.mode\"></ng-container>\n  }\n</div>\n}\n<!-- End of switch-->\n}", styles: [":host{display:block;height:100%;width:100%}:host>.fieldset{border-radius:.375rem;border-width:1px;padding:.5rem 1.5rem 1.5rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:host>.fieldset>.legend{display:inline-flex;min-width:0px;cursor:pointer;align-items:center;gap:.5rem;padding-left:.5rem;padding-right:.5rem;font-size:1rem;line-height:1.5rem;font-weight:600}:host>.fieldset>.legend .title{margin:0;flex-shrink:0;white-space:nowrap;padding:0}:host>.fieldset>.content{display:grid;gap:1rem}:host>.fieldset>.content .description{padding-top:.25rem;padding-bottom:.75rem;font-size:.875rem;line-height:1.25rem;opacity:.65}:host>.group{padding:0}:host>.group>.legend{margin-bottom:1rem;display:flex;width:100%;flex-direction:column;gap:.25rem;padding:0}:host>.group>.legend .title{margin:0;width:fit-content;white-space:nowrap;padding:0;font-size:1rem;line-height:1.5rem;font-weight:500}:host>.group>.legend .title-line{margin-top:.25rem;height:1px;width:100%;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 229 229 / var(--tw-border-opacity, 1))}:host>.group>.content{display:grid;gap:1rem}:host>.group>.content .description{padding-top:.25rem;padding-bottom:1.5rem;font-size:.875rem;line-height:1.25rem;opacity:.65}:host>.card{height:100%;overflow:hidden;border-radius:.375rem;border-width:1px;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:host>.card>.legend{display:flex;width:100%;cursor:pointer;flex-direction:row;align-items:center;justify-content:space-between;padding:.625rem 1.25rem;background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}:host>.card>.legend .caption{display:flex;flex-direction:row;align-items:center;gap:.5rem}:host>.card>.legend .caption .title{width:fit-content;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.625}:host>.card>.legend .caption .description{width:100%;font-size:.75rem;line-height:1rem;opacity:.65}:host>.card>.legend .caption .icon{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host>.card>.content{display:grid;gap:1rem;border-bottom-left-radius:.375rem;border-bottom-right-radius:.375rem;border-top-width:1px;padding:1.25rem}:host>.container{display:grid;gap:1rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "directive", type: i1$3.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1$4.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AXPResolveMultiLanguageStringPipe, name: "axpResolveMultiLanguageString" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPFieldsetWidgetViewComponent, isStandalone: true, selector: "axp-fieldset-widget-view", usesInheritance: true, ngImport: i0, template: "@switch (look()) {\n  <!-- fieldset Style -->\n  @case ('fieldset') {\n    <fieldset class=\"fieldset\">\n      @if (shouldShowTitle()) {\n        <legend class=\"legend\" (click)=\"toggleCollapse()\">\n          @if (icon()) {\n            <i [class]=\"icon()\" class=\"ax-text-sm\"></i>\n          }\n          {{ title() | translate | async }}\n        </legend>\n      }\n      @if (!collapsible() || isOpen()) {\n        <div class=\"content\" [style.grid-template-columns]=\"'repeat(' + cols() + ', 1fr)'\">\n          @if (description()) {\n            <p class=\"description\" [style.grid-column]=\"'1 / -1'\">\n              {{ description() | translate | async }}\n            </p>\n          }\n          <!-- render widgets -->\n          @for (node of children(); track $index) {\n            <ng-container\n              axp-widget-renderer\n              [node]=\"node\"\n              [index]=\"index\"\n              [parentNode]=\"this\"\n              [mode]=\"node.mode ?? this.mode\"\n            ></ng-container>\n          }\n        </div>\n      }\n    </fieldset>\n  }\n  <!-- Card Style -->\n  @case ('card') {\n    <div class=\"card\">\n      @if (shouldShowTitle()) {\n        <div class=\"legend\" (click)=\"toggleCollapse()\">\n          <div class=\"caption\">\n            @if (icon()) {\n              <i [class]=\"icon()\" class=\"ax-text-md\"></i>\n            }\n            <div class=\"text-content\">\n              <h3 class=\"title\">{{ title() | translate | async }}</h3>\n              @if (description()) {\n                <p class=\"description\">{{ description() | translate | async }}</p>\n              }\n            </div>\n          </div>\n          <div class=\"icon\" [ngClass]=\"{ 'ax-transform ax-rotate-180': isOpen() }\">\n            @if (collapsible()) {\n              <i class=\"fa-solid fa-chevron-down\"></i>\n            }\n          </div>\n        </div>\n      }\n\n      @if (!collapsible() || isOpen()) {\n        <div class=\"content\" [style.grid-template-columns]=\"'repeat(' + cols() + ', 1fr)'\">\n          @for (node of children(); track $index) {\n            <ng-container\n              axp-widget-renderer\n              [node]=\"node\"\n              [index]=\"index\"\n              [parentNode]=\"this\"\n              [mode]=\"node.mode ?? this.mode\"\n            ></ng-container>\n          }\n        </div>\n      }\n    </div>\n  }\n  <!-- Group Line style -->\n  @case ('group') {\n    <fieldset class=\"group\">\n      @if (shouldShowTitle()) {\n        <legend class=\"legend\">\n          @if (icon()) {\n            <i [class]=\"icon()\" class=\"ax-text-sm\"></i>\n          }\n          <h3 class=\"title\">{{ title() | translate | async }}</h3>\n          <div class=\"title-line\"></div>\n        </legend>\n      }\n      @if (!collapsible() || isOpen()) {\n        <div class=\"content\" [style.grid-template-columns]=\"'repeat(' + cols() + ', 1fr)'\">\n          @if (description()) {\n            <p class=\"description\" [style.grid-column]=\"'1 / -1'\">\n              {{ description() | translate | async }}\n            </p>\n          }\n          <!-- render widgets -->\n          @for (node of children(); track $index) {\n            <ng-container\n              axp-widget-renderer\n              [node]=\"node\"\n              [index]=\"index\"\n              [parentNode]=\"this\"\n              [mode]=\"node.mode ?? this.mode\"\n            ></ng-container>\n          }\n        </div>\n      }\n    </fieldset>\n  }\n  <!-- Container Style -->\n  @case ('container') {\n    <div class=\"container\">\n      @for (node of children(); track $index) {\n        <ng-container\n          axp-widget-renderer\n          [node]=\"node\"\n          [index]=\"index\"\n          [parentNode]=\"this\"\n          [mode]=\"node.mode ?? this.mode\"\n        ></ng-container>\n      }\n    </div>\n  }\n  <!-- End of switch-->\n}\n", styles: [":host{display:block;height:100%;width:100%}:host>.fieldset{border-radius:.375rem;border-width:1px;padding:.5rem 1.5rem 1.5rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:host>.fieldset>.legend{display:inline-flex;min-width:0px;cursor:pointer;align-items:center;gap:.5rem;padding-left:.5rem;padding-right:.5rem;font-size:1rem;line-height:1.5rem;font-weight:600}:host>.fieldset>.legend .title{margin:0;flex-shrink:0;white-space:nowrap;padding:0}:host>.fieldset>.content{display:grid;gap:1rem}:host>.fieldset>.content .description{padding-top:.25rem;padding-bottom:.75rem;font-size:.875rem;line-height:1.25rem;opacity:.65}:host>.group{padding:0}:host>.group>.legend{margin-bottom:1rem;display:flex;width:100%;flex-direction:column;gap:.25rem;padding:0}:host>.group>.legend .title{margin:0;width:fit-content;white-space:nowrap;padding:0;font-size:1rem;line-height:1.5rem;font-weight:500}:host>.group>.legend .title-line{margin-top:.25rem;height:1px;width:100%;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 229 229 / var(--tw-border-opacity, 1))}:host>.group>.content{display:grid;gap:1rem}:host>.group>.content .description{padding-top:.25rem;padding-bottom:1.5rem;font-size:.875rem;line-height:1.25rem;opacity:.65}:host>.card{height:100%;overflow:hidden;border-radius:.375rem;border-width:1px;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:host>.card>.legend{display:flex;width:100%;cursor:pointer;flex-direction:row;align-items:center;justify-content:space-between;padding:.625rem 1.25rem;background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}:host>.card>.legend .caption{display:flex;flex-direction:row;align-items:center;gap:.5rem}:host>.card>.legend .caption .title{width:fit-content;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.625}:host>.card>.legend .caption .description{width:100%;font-size:.75rem;line-height:1rem;opacity:.65}:host>.card>.legend .caption .icon{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host>.card>.content{display:grid;gap:1rem;border-bottom-left-radius:.375rem;border-bottom-right-radius:.375rem;border-top-width:1px;padding:1.25rem}:host>.container{display:grid;gap:1rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "directive", type: i1$3.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1$4.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPFieldsetWidgetViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'axp-fieldset-widget-view', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, AXPWidgetCoreModule, AXTranslationModule, AXPResolveMultiLanguageStringPipe], standalone: true, template: "@switch (look()) {\n<!-- fieldset Style -->\n@case ('fieldset') {\n<fieldset class=\"fieldset\">\n  @if (shouldShowTitle()) {\n  <legend class=\"legend\" (click)=\"toggleCollapse()\">\n    @if (icon()) {\n    <i [class]=\"icon()\" class=\"ax-text-sm\"></i>\n    }\n    {{ title() | axpResolveMultiLanguageString | translate | async }}\n  </legend>\n  }\n  @if (!collapsible() || isOpen()) {\n  <div class=\"content\" [style.grid-template-columns]=\"'repeat(' + cols() + ', 1fr)'\">\n    @if (description()) {\n    <p class=\"description\" [style.grid-column]=\"'1 / -1'\">\n      {{ description() | axpResolveMultiLanguageString | translate | async }}\n    </p>\n    }\n    <!-- render widgets -->\n    @for (node of children(); track $index) {\n    <ng-container axp-widget-renderer [node]=\"node\" [index]=\"index\" [parentNode]=\"this\"\n      [mode]=\"node.mode ?? this.mode\"></ng-container>\n    }\n  </div>\n  }\n</fieldset>\n}\n<!-- Card Style -->\n@case ('card') {\n<div class=\"card\">\n  @if (shouldShowTitle()) {\n  <div class=\"legend\" (click)=\"toggleCollapse()\">\n    <div class=\"caption\">\n      @if (icon()) {\n      <i [class]=\"icon()\" class=\"ax-text-md\"></i>\n      }\n      <div class=\"text-content\">\n        <h3 class=\"title\">{{ title() | axpResolveMultiLanguageString | translate | async }}</h3>\n        @if (description()) {\n        <p class=\"description\">{{ description() | axpResolveMultiLanguageString | translate | async }}</p>\n        }\n      </div>\n    </div>\n    <div class=\"icon\" [ngClass]=\"{ 'ax-transform ax-rotate-180': isOpen() }\">\n      @if (collapsible()) {\n      <i class=\"fa-solid fa-chevron-down\"></i>\n      }\n    </div>\n  </div>\n  }\n\n  @if (!collapsible() || isOpen()) {\n  <div class=\"content\" [style.grid-template-columns]=\"'repeat(' + cols() + ', 1fr)'\">\n    @for (node of children(); track $index) {\n    <ng-container axp-widget-renderer [node]=\"node\" [index]=\"index\" [parentNode]=\"this\"\n      [mode]=\"node.mode ?? this.mode\"></ng-container>\n    }\n  </div>\n  }\n</div>\n}\n<!-- Group Line style -->\n@case ('group') {\n<fieldset class=\"group\">\n  @if (shouldShowTitle()) {\n  <legend class=\"legend\">\n    @if (icon()) {\n    <i [class]=\"icon()\" class=\"ax-text-sm\"></i>\n    }\n    <h3 class=\"title\">{{ title() | axpResolveMultiLanguageString | translate | async }}</h3>\n    <div class=\"title-line\"></div>\n  </legend>\n  }\n  @if (!collapsible() || isOpen()) {\n  <div class=\"content\" [style.grid-template-columns]=\"'repeat(' + cols() + ', 1fr)'\">\n    @if (description()) {\n    <p class=\"description\" [style.grid-column]=\"'1 / -1'\">\n      {{ description() | axpResolveMultiLanguageString | translate | async }}\n    </p>\n    }\n    <!-- render widgets -->\n    @for (node of children(); track $index) {\n    <ng-container axp-widget-renderer [node]=\"node\" [index]=\"index\" [parentNode]=\"this\"\n      [mode]=\"node.mode ?? this.mode\"></ng-container>\n    }\n  </div>\n  }\n</fieldset>\n}\n<!-- Container Style -->\n@case ('container') {\n<div class=\"container\">\n  @for (node of children(); track $index) {\n  <ng-container axp-widget-renderer [node]=\"node\" [index]=\"index\" [parentNode]=\"this\"\n    [mode]=\"node.mode ?? this.mode\"></ng-container>\n  }\n</div>\n}\n<!-- End of switch-->\n}", styles: [":host{display:block;height:100%;width:100%}:host>.fieldset{border-radius:.375rem;border-width:1px;padding:.5rem 1.5rem 1.5rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:host>.fieldset>.legend{display:inline-flex;min-width:0px;cursor:pointer;align-items:center;gap:.5rem;padding-left:.5rem;padding-right:.5rem;font-size:1rem;line-height:1.5rem;font-weight:600}:host>.fieldset>.legend .title{margin:0;flex-shrink:0;white-space:nowrap;padding:0}:host>.fieldset>.content{display:grid;gap:1rem}:host>.fieldset>.content .description{padding-top:.25rem;padding-bottom:.75rem;font-size:.875rem;line-height:1.25rem;opacity:.65}:host>.group{padding:0}:host>.group>.legend{margin-bottom:1rem;display:flex;width:100%;flex-direction:column;gap:.25rem;padding:0}:host>.group>.legend .title{margin:0;width:fit-content;white-space:nowrap;padding:0;font-size:1rem;line-height:1.5rem;font-weight:500}:host>.group>.legend .title-line{margin-top:.25rem;height:1px;width:100%;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 229 229 / var(--tw-border-opacity, 1))}:host>.group>.content{display:grid;gap:1rem}:host>.group>.content .description{padding-top:.25rem;padding-bottom:1.5rem;font-size:.875rem;line-height:1.25rem;opacity:.65}:host>.card{height:100%;overflow:hidden;border-radius:.375rem;border-width:1px;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:host>.card>.legend{display:flex;width:100%;cursor:pointer;flex-direction:row;align-items:center;justify-content:space-between;padding:.625rem 1.25rem;background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}:host>.card>.legend .caption{display:flex;flex-direction:row;align-items:center;gap:.5rem}:host>.card>.legend .caption .title{width:fit-content;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.625}:host>.card>.legend .caption .description{width:100%;font-size:.75rem;line-height:1rem;opacity:.65}:host>.card>.legend .caption .icon{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host>.card>.content{display:grid;gap:1rem;border-bottom-left-radius:.375rem;border-bottom-right-radius:.375rem;border-top-width:1px;padding:1.25rem}:host>.container{display:grid;gap:1rem}\n"] }]
+            args: [{ selector: 'axp-fieldset-widget-view', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, AXPWidgetCoreModule, AXTranslationModule], standalone: true, template: "@switch (look()) {\n  <!-- fieldset Style -->\n  @case ('fieldset') {\n    <fieldset class=\"fieldset\">\n      @if (shouldShowTitle()) {\n        <legend class=\"legend\" (click)=\"toggleCollapse()\">\n          @if (icon()) {\n            <i [class]=\"icon()\" class=\"ax-text-sm\"></i>\n          }\n          {{ title() | translate | async }}\n        </legend>\n      }\n      @if (!collapsible() || isOpen()) {\n        <div class=\"content\" [style.grid-template-columns]=\"'repeat(' + cols() + ', 1fr)'\">\n          @if (description()) {\n            <p class=\"description\" [style.grid-column]=\"'1 / -1'\">\n              {{ description() | translate | async }}\n            </p>\n          }\n          <!-- render widgets -->\n          @for (node of children(); track $index) {\n            <ng-container\n              axp-widget-renderer\n              [node]=\"node\"\n              [index]=\"index\"\n              [parentNode]=\"this\"\n              [mode]=\"node.mode ?? this.mode\"\n            ></ng-container>\n          }\n        </div>\n      }\n    </fieldset>\n  }\n  <!-- Card Style -->\n  @case ('card') {\n    <div class=\"card\">\n      @if (shouldShowTitle()) {\n        <div class=\"legend\" (click)=\"toggleCollapse()\">\n          <div class=\"caption\">\n            @if (icon()) {\n              <i [class]=\"icon()\" class=\"ax-text-md\"></i>\n            }\n            <div class=\"text-content\">\n              <h3 class=\"title\">{{ title() | translate | async }}</h3>\n              @if (description()) {\n                <p class=\"description\">{{ description() | translate | async }}</p>\n              }\n            </div>\n          </div>\n          <div class=\"icon\" [ngClass]=\"{ 'ax-transform ax-rotate-180': isOpen() }\">\n            @if (collapsible()) {\n              <i class=\"fa-solid fa-chevron-down\"></i>\n            }\n          </div>\n        </div>\n      }\n\n      @if (!collapsible() || isOpen()) {\n        <div class=\"content\" [style.grid-template-columns]=\"'repeat(' + cols() + ', 1fr)'\">\n          @for (node of children(); track $index) {\n            <ng-container\n              axp-widget-renderer\n              [node]=\"node\"\n              [index]=\"index\"\n              [parentNode]=\"this\"\n              [mode]=\"node.mode ?? this.mode\"\n            ></ng-container>\n          }\n        </div>\n      }\n    </div>\n  }\n  <!-- Group Line style -->\n  @case ('group') {\n    <fieldset class=\"group\">\n      @if (shouldShowTitle()) {\n        <legend class=\"legend\">\n          @if (icon()) {\n            <i [class]=\"icon()\" class=\"ax-text-sm\"></i>\n          }\n          <h3 class=\"title\">{{ title() | translate | async }}</h3>\n          <div class=\"title-line\"></div>\n        </legend>\n      }\n      @if (!collapsible() || isOpen()) {\n        <div class=\"content\" [style.grid-template-columns]=\"'repeat(' + cols() + ', 1fr)'\">\n          @if (description()) {\n            <p class=\"description\" [style.grid-column]=\"'1 / -1'\">\n              {{ description() | translate | async }}\n            </p>\n          }\n          <!-- render widgets -->\n          @for (node of children(); track $index) {\n            <ng-container\n              axp-widget-renderer\n              [node]=\"node\"\n              [index]=\"index\"\n              [parentNode]=\"this\"\n              [mode]=\"node.mode ?? this.mode\"\n            ></ng-container>\n          }\n        </div>\n      }\n    </fieldset>\n  }\n  <!-- Container Style -->\n  @case ('container') {\n    <div class=\"container\">\n      @for (node of children(); track $index) {\n        <ng-container\n          axp-widget-renderer\n          [node]=\"node\"\n          [index]=\"index\"\n          [parentNode]=\"this\"\n          [mode]=\"node.mode ?? this.mode\"\n        ></ng-container>\n      }\n    </div>\n  }\n  <!-- End of switch-->\n}\n", styles: [":host{display:block;height:100%;width:100%}:host>.fieldset{border-radius:.375rem;border-width:1px;padding:.5rem 1.5rem 1.5rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:host>.fieldset>.legend{display:inline-flex;min-width:0px;cursor:pointer;align-items:center;gap:.5rem;padding-left:.5rem;padding-right:.5rem;font-size:1rem;line-height:1.5rem;font-weight:600}:host>.fieldset>.legend .title{margin:0;flex-shrink:0;white-space:nowrap;padding:0}:host>.fieldset>.content{display:grid;gap:1rem}:host>.fieldset>.content .description{padding-top:.25rem;padding-bottom:.75rem;font-size:.875rem;line-height:1.25rem;opacity:.65}:host>.group{padding:0}:host>.group>.legend{margin-bottom:1rem;display:flex;width:100%;flex-direction:column;gap:.25rem;padding:0}:host>.group>.legend .title{margin:0;width:fit-content;white-space:nowrap;padding:0;font-size:1rem;line-height:1.5rem;font-weight:500}:host>.group>.legend .title-line{margin-top:.25rem;height:1px;width:100%;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 229 229 / var(--tw-border-opacity, 1))}:host>.group>.content{display:grid;gap:1rem}:host>.group>.content .description{padding-top:.25rem;padding-bottom:1.5rem;font-size:.875rem;line-height:1.25rem;opacity:.65}:host>.card{height:100%;overflow:hidden;border-radius:.375rem;border-width:1px;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:host>.card>.legend{display:flex;width:100%;cursor:pointer;flex-direction:row;align-items:center;justify-content:space-between;padding:.625rem 1.25rem;background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}:host>.card>.legend .caption{display:flex;flex-direction:row;align-items:center;gap:.5rem}:host>.card>.legend .caption .title{width:fit-content;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.625}:host>.card>.legend .caption .description{width:100%;font-size:.75rem;line-height:1rem;opacity:.65}:host>.card>.legend .caption .icon{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host>.card>.content{display:grid;gap:1rem;border-bottom-left-radius:.375rem;border-bottom-right-radius:.375rem;border-top-width:1px;padding:1.25rem}:host>.container{display:grid;gap:1rem}\n"] }]
         }] });
 
 var fieldsetWidgetView_component = /*#__PURE__*/Object.freeze({
@@ -27231,15 +27219,15 @@ class AXPFormFieldWidgetViewComponent extends AXPGridItemBaseLayoutWidgetCompone
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPFormFieldWidgetViewComponent, isStandalone: true, selector: "axp-form-field-widget-view", host: { properties: { "class": "this.__class" } }, usesInheritance: true, ngImport: i0, template: `
     <ax-form-field>
       @if (showLabel() || badge()) {
-      <div class="ax-flex ax-gap-1 ax-items-center ax-justify-between">
-        @if (showLabel()) {
-          <ax-label [required]="isRequired()">{{ label() | axpResolveMultiLanguageString | translate | async }}</ax-label>
-        }
-        @if (badge()) {
-          <!-- <ax-badge [text]="(badge() | translate | async) ?? ''" color="primary" class="ax-primary-lightest"></ax-badge> -->
-          <span class="ax-text ax-p-1 ax-text-xs ax-rounded-md ">{{ badge() | axpResolveMultiLanguageString | translate | async }}</span>
-        }
-      </div>
+        <div class="ax-flex ax-gap-1 ax-items-center ax-justify-between">
+          @if (showLabel()) {
+            <ax-label [required]="isRequired()">{{ label() | translate | async }}</ax-label>
+          }
+          @if (badge()) {
+            <!-- <ax-badge [text]="(badge() | translate | async) ?? ''" color="primary" class="ax-primary-lightest"></ax-badge> -->
+            <span class="ax-text ax-p-1 ax-text-xs ax-rounded-md ">{{ badge() | translate | async }}</span>
+          }
+        </div>
       }
       @for (node of children(); track $index) {
         <ng-container
@@ -27252,7 +27240,7 @@ class AXPFormFieldWidgetViewComponent extends AXPGridItemBaseLayoutWidgetCompone
         </ng-container>
       }
     </ax-form-field>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i3.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i2.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "directive", type: i1$3.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "pipe", type: i1$4.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AXPResolveMultiLanguageStringPipe, name: "axpResolveMultiLanguageString" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i3.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i2.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "directive", type: i1$3.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "pipe", type: i1$4.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPFormFieldWidgetViewComponent, decorators: [{
             type: Component,
@@ -27261,15 +27249,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                     template: `
     <ax-form-field>
       @if (showLabel() || badge()) {
-      <div class="ax-flex ax-gap-1 ax-items-center ax-justify-between">
-        @if (showLabel()) {
-          <ax-label [required]="isRequired()">{{ label() | axpResolveMultiLanguageString | translate | async }}</ax-label>
-        }
-        @if (badge()) {
-          <!-- <ax-badge [text]="(badge() | translate | async) ?? ''" color="primary" class="ax-primary-lightest"></ax-badge> -->
-          <span class="ax-text ax-p-1 ax-text-xs ax-rounded-md ">{{ badge() | axpResolveMultiLanguageString | translate | async }}</span>
-        }
-      </div>
+        <div class="ax-flex ax-gap-1 ax-items-center ax-justify-between">
+          @if (showLabel()) {
+            <ax-label [required]="isRequired()">{{ label() | translate | async }}</ax-label>
+          }
+          @if (badge()) {
+            <!-- <ax-badge [text]="(badge() | translate | async) ?? ''" color="primary" class="ax-primary-lightest"></ax-badge> -->
+            <span class="ax-text ax-p-1 ax-text-xs ax-rounded-md ">{{ badge() | translate | async }}</span>
+          }
+        </div>
       }
       @for (node of children(); track $index) {
         <ng-container
@@ -27284,15 +27272,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
     </ax-form-field>
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [
-                        CommonModule,
-                        AXFormModule,
-                        AXLabelModule,
-                        AXPWidgetCoreModule,
-                        AXTranslationModule,
-                        AXBadgeModule,
-                        AXPResolveMultiLanguageStringPipe,
-                    ],
+                    imports: [CommonModule, AXFormModule, AXLabelModule, AXPWidgetCoreModule, AXTranslationModule, AXBadgeModule],
                     standalone: true,
                 }]
         }], propDecorators: { __class: [{
@@ -27321,7 +27301,7 @@ class AXPFormFieldWidgetDesignerComponent extends AXPGridItemBaseLayoutWidgetCom
             },
         ], usesInheritance: true, ngImport: i0, template: `
     <ax-form-field>
-      <ax-label>{{ label() | axpResolveMultiLanguageString | translate | async }}</ax-label>
+      <ax-label>{{ label() | translate | async }}</ax-label>
       @for (node of children(); track $index) {
         <ng-container
           axp-widget-designer-renderer
@@ -27335,7 +27315,7 @@ class AXPFormFieldWidgetDesignerComponent extends AXPGridItemBaseLayoutWidgetCom
         <axp-designer-add-widget-mini-button></axp-designer-add-widget-mini-button>
       }
     </ax-form-field>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i3.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i2.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "directive", type: AXPWidgetDesignerRendererDirective, selector: "[axp-widget-designer-renderer]", inputs: ["parentNode", "parentElement", "parentComponent", "index", "locked", "mode", "node"] }, { kind: "component", type: AXPDesignerAddWidgetMiniButtonComponent, selector: "axp-designer-add-widget-mini-button", outputs: ["onClick"] }, { kind: "pipe", type: i1$4.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AXPResolveMultiLanguageStringPipe, name: "axpResolveMultiLanguageString" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i3.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i2.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "directive", type: AXPWidgetDesignerRendererDirective, selector: "[axp-widget-designer-renderer]", inputs: ["parentNode", "parentElement", "parentComponent", "index", "locked", "mode", "node"] }, { kind: "component", type: AXPDesignerAddWidgetMiniButtonComponent, selector: "axp-designer-add-widget-mini-button", outputs: ["onClick"] }, { kind: "pipe", type: i1$4.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPFormFieldWidgetDesignerComponent, decorators: [{
             type: Component,
@@ -27343,7 +27323,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                     selector: 'axp-form-field-widget-designer',
                     template: `
     <ax-form-field>
-      <ax-label>{{ label() | axpResolveMultiLanguageString | translate | async }}</ax-label>
+      <ax-label>{{ label() | translate | async }}</ax-label>
       @for (node of children(); track $index) {
         <ng-container
           axp-widget-designer-renderer
@@ -27367,7 +27347,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         AXPWidgetCoreModule,
                         AXPWidgetDesignerRendererDirective,
                         AXPDesignerAddWidgetMiniButtonComponent,
-                        AXPResolveMultiLanguageStringPipe,
                     ],
                     providers: [
                         {
@@ -29695,12 +29674,8 @@ function toSerializableWidget(config) {
         ...(config.alias != null ? { alias: config.alias } : {}),
         title: resolveWidgetLabelForAi(config.title) || String(config.name),
         ...(config.icon != null ? { icon: config.icon } : {}),
-        ...(config.description != null
-            ? { description: resolveWidgetLabelForAi(config.description) || undefined }
-            : {}),
-        ...(config.aiDescription != null && config.aiDescription !== ''
-            ? { aiDescription: config.aiDescription }
-            : {}),
+        ...(config.description != null ? { description: resolveWidgetLabelForAi(config.description) || undefined } : {}),
+        ...(config.aiDescription != null && config.aiDescription !== '' ? { aiDescription: config.aiDescription } : {}),
         categories: normalizeWidgetCategories(config.categories).map((c) => ({
             name: c.name,
             title: resolveWidgetLabelForAi(c.title) || c.name,
@@ -29752,9 +29727,7 @@ class AXPGetWidgetsForAIQuery {
                 .map((w) => ({
                 name: String(w.name),
                 title: resolveWidgetLabelForAi(w.title) || String(w.name),
-                ...(w.description != null
-                    ? { description: resolveWidgetLabelForAi(w.description) || undefined }
-                    : {}),
+                ...(w.description != null ? { description: resolveWidgetLabelForAi(w.description) || undefined } : {}),
                 ...(w.aiDescription != null && w.aiDescription !== '' ? { aiDescription: w.aiDescription } : {}),
                 type: w.type,
                 categories: normalizeWidgetCategories(w.categories).map((c) => ({