@acorex-platform/framework-client 0.0.56 → 0.0.58

package/fesm2022/{acorex-platform-framework-client-layout-widgets-acorex-platform-framework-client-layout-widgets-DuFZf8eb.mjs → acorex-platform-framework-client-layout-widgets-acorex-platform-framework-client-layout-widgets-D9WiRo-_.mjs}

@@ -1,5 +1,5 @@
 import * as i1$4 from '@acorex-platform/framework-client/layout/widget-core';
-import { AXPWidgetCoreModule, AXPDataListWidgetComponent, AXPColumnWidgetComponent, AXPLayoutBaseWidgetComponent, AXP_NAME_PROPERTY, AXP_DISABLED_PROPERTY, AXP_STYLE_COLOR_PROPERTY, AXP_STYLE_LOOK_PROPERTY, AXP_ICON_PROPERTY, AXP_IS_LOADING_PROPERTY, AXP_TEXT_PROPERTY, AXP_WIDGETS_ACTION_SUB_CONTROLS, AXP_WIDGETS_ACTION_CATEGORY, AXP_DATA_PATH_PROPERTY, AXP_WIDGETS_EDITOR_CATEGORY, AXPValueWidgetComponent, AXP_LABEL_PROPERTY, AXP_READONLY_PROPERTY, AXP_TRIGGERS_PROPERTY, booleanDefaultProperty, AXP_WIDGETS_EDITOR_SUB_CHOICE, AXP_PLACEHOLDER_PROPERTY, AXP_HAS_CLEAR_BUTTON_PROPERTY, AXP_WIDGETS_EDITOR_SUB_VISUAL, AXP_DATA_PROPERTY_GROUP, AXP_HAS_LABEL_PROPERTY, AXP_HAS_ICON_PROPERTY, AXP_BEHAVIOR_PROPERTY_GROUP, AXP_WIDGETS_EDITOR_SUB_COMPOSITE, AXP_DATE_FORMAT_PROPERTY, AXP_DATE_DEPTH_PROPERTY, AXP_DATE_RANGE_LIMIT_PROPERTY, AXP_REQUIRED_VALIDATION_PROPERTY, AXP_LESS_THAN_VALIDATION_PROPERTY, AXP_GREATER_THAN_VALIDATION_PROPERTY, AXP_TABLE_COLUMN_WIDTH_PROPERTY, AXP_WIDGETS_EDITOR_SUB_DATETIME, AXP_WIDGETS_EDITOR_SUB_RICH, AXP_MULTI_LANGUAGE_PROPERTY, AXP_MIN_LENGTH_VALIDATION_PROPERTY, AXP_REGULAR_EXPRESSION_VALIDATION_PROPERTY, AXP_MAX_LENGTH_VALIDATION_PROPERTY, largeTextDefaultProperty, AXP_WIDGETS_EDITOR_SUB_TEXT_INPUTS, AXP_ALLOW_MULTIPLE_PROPERTY, AXP_SPIN_BUTTON_PROPERTY, AXP_NUMBER_SEPARATOR_PROPERTY, numberDefaultProperty, numberMinValueProperty, numberMaxValueProperty, AXP_WIDGETS_EDITOR_SUB_NUMERIC, AXP_HAS_COPY_ICON_PROPERTY, AXP_HAS_EYE_ICON_PROPERTY, AXP_SHOW_PASSWORD_PROPERTY, AXP_MIN_LINE_COUNT_PROPERTY, AXP_MAX_LINE_COUNT_PROPERTY, AXP_FIT_LINE_COUNT_PROPERTY, richTextDefaultProperty, AXP_DATA_SOURCE_OPTIONS_PROPERTY, AXP_ALLOW_SEARCH_PROPERTY, selectEditorDefaultValueProperty, AXP_DIRECTION_PROPERTY, selectionListEditorDefaultValueProperty, plainTextDefaultProperty, AXP_FALSY_TEXT_PROPERTY, AXP_TRULY_TEXT_PROPERTY, AXP_WIDGETS_ADVANCE_SUB_MEDIA, AXP_WIDGETS_ADVANCE_CATEGORY, AXP_WIDGETS_ADVANCE_SUB_INPUT, AXP_WIDGETS_LAYOUT_SUB_LISTS, AXP_WIDGETS_LAYOUT_CATEGORY, AXP_STYLING_PROPERTY_GROUP, AXP_WIDGETS_ADVANCE_SUB_TOOLS, AXP_WIDGETS_ADVANCE_SUB_DATA, AXP_COLOR_PROPERTY, AXP_CONTENT_PROPERTY, AXP_WIDGETS_EDITOR_SUB_CONFIG, AXPWidgetRegistryService, AXPPropertyEditorHelper, AXP_WIDGETS_LAYOUT_SUB_GRID, AXPBlockBaseLayoutWidgetComponent, AXP_LAYOUT_SPACING_PROPERTY, AXP_LAYOUT_BORDER_PROPERTY, AXP_LAYOUT_DIRECTION_PROPERTY, AXP_TITLE_PROPERTY, AXP_DESCRIPTION_PROPERTY, AXP_LAYOUT_SHOW_HEADER_PROPERTY, AXP_LAYOUT_COLUMNS_PROPERTY, AXP_WIDGETS_LAYOUT_SUB_SURFACES, AXPFlexBaseLayoutWidgetComponent, AXP_LAYOUT_FLEX_PROPERTY, AXPFlexItemBaseLayoutWidgetComponent, AXP_LAYOUT_FLEX_ITEM_PROPERTY, AXP_LAYOUT_PROFILE, layoutSizeFromDevice, AXP_THEME_PROPERTY, AXP_FONT_SIZE_PROPERTY, AXP_BG_COLOR_PROPERTY, AXP_WIDGETS_LAYOUT_SUB_SHELL, AXPTableBaseLayoutWidgetComponent, AXP_TABLE_COLUMNS_PROPERTY, AXP_LAYOUT_TABLE_PROPERTY_GROUP, AXPTableItemBaseLayoutWidgetComponent, AXP_TABLE_ITEM_COLSPAN_PROPERTY, AXP_TABLE_ITEM_ROWSPAN_PROPERTY, AXP_TEXT_ALIGN_PROPERTY, AXP_VERTICAL_ALIGN_PROPERTY, findNonEmptyBreakpoints, AXP_LOCAL_DATA_SOURCE_STORE, isLocalDataSourceRef, parseLocalDataSourceId, buildLocalDataSourceListRows, toLocalDataSourceRef, createDefaultLocalDataSourceColumns, padLocalDataSourceSheetRows, coerceSpacingProfile, spacingBoxOrEmpty, AXP_DEFAULT_ROW_COUNT_PROPERTY, AXP_APPEARANCE_PROPERTY_GROUP, AXP_WIDGETS_LAYOUT_SUB_UTILITY, AXPGridItemBaseLayoutWidgetComponent, AXPGridBaseLayoutWidgetComponent, AXP_LAYOUT_GRID_PROPERTY, AXP_LAYOUT_GRID_ITEM_PROPERTY, AXP_WIDGETS_LAYOUT_SUB_TABS, AXP_WIDGET_DEFINITION_PROVIDER } from '@acorex-platform/framework-client/layout/widget-core';
+import { AXPWidgetCoreModule, AXPDataListWidgetComponent, AXPColumnWidgetComponent, AXPLayoutBaseWidgetComponent, AXP_NAME_PROPERTY, AXP_DISABLED_PROPERTY, AXP_STYLE_COLOR_PROPERTY, AXP_STYLE_LOOK_PROPERTY, AXP_ICON_PROPERTY, AXP_IS_LOADING_PROPERTY, AXP_TEXT_PROPERTY, AXP_WIDGETS_ACTION_SUB_CONTROLS, AXP_WIDGETS_ACTION_CATEGORY, AXP_DATA_PATH_PROPERTY, AXP_WIDGETS_EDITOR_CATEGORY, AXPValueWidgetComponent, AXP_LABEL_PROPERTY, AXP_READONLY_PROPERTY, AXP_TRIGGERS_PROPERTY, booleanDefaultProperty, AXP_WIDGETS_EDITOR_SUB_CHOICE, AXP_PLACEHOLDER_PROPERTY, AXP_HAS_CLEAR_BUTTON_PROPERTY, AXP_WIDGETS_EDITOR_SUB_VISUAL, AXP_DATA_PROPERTY_GROUP, AXP_HAS_LABEL_PROPERTY, AXP_HAS_ICON_PROPERTY, AXP_BEHAVIOR_PROPERTY_GROUP, AXP_WIDGETS_EDITOR_SUB_COMPOSITE, AXP_DATE_FORMAT_PROPERTY, AXP_DATE_DEPTH_PROPERTY, AXP_DATE_RANGE_LIMIT_PROPERTY, AXP_REQUIRED_VALIDATION_PROPERTY, AXP_LESS_THAN_VALIDATION_PROPERTY, AXP_GREATER_THAN_VALIDATION_PROPERTY, AXP_TABLE_COLUMN_WIDTH_PROPERTY, AXP_WIDGETS_EDITOR_SUB_DATETIME, AXPColumnTruncatedTextComponent, AXP_MULTI_LANGUAGE_PROPERTY, AXP_MIN_LENGTH_VALIDATION_PROPERTY, AXP_REGULAR_EXPRESSION_VALIDATION_PROPERTY, AXP_MAX_LENGTH_VALIDATION_PROPERTY, largeTextDefaultProperty, AXP_WIDGETS_EDITOR_SUB_TEXT_INPUTS, AXP_ALLOW_MULTIPLE_PROPERTY, AXP_SPIN_BUTTON_PROPERTY, AXP_NUMBER_SEPARATOR_PROPERTY, numberDefaultProperty, numberMinValueProperty, numberMaxValueProperty, AXP_WIDGETS_EDITOR_SUB_NUMERIC, AXP_HAS_COPY_ICON_PROPERTY, AXP_HAS_EYE_ICON_PROPERTY, AXP_SHOW_PASSWORD_PROPERTY, AXP_MIN_LINE_COUNT_PROPERTY, AXP_MAX_LINE_COUNT_PROPERTY, AXP_FIT_LINE_COUNT_PROPERTY, richTextDefaultProperty, AXP_WIDGETS_EDITOR_SUB_RICH, AXP_DATA_SOURCE_OPTIONS_PROPERTY, AXP_ALLOW_SEARCH_PROPERTY, selectEditorDefaultValueProperty, AXP_DIRECTION_PROPERTY, selectionListEditorDefaultValueProperty, plainTextDefaultProperty, AXP_FALSY_TEXT_PROPERTY, AXP_TRULY_TEXT_PROPERTY, AXP_WIDGETS_ADVANCE_SUB_MEDIA, AXP_WIDGETS_ADVANCE_CATEGORY, AXP_WIDGETS_ADVANCE_SUB_INPUT, AXP_WIDGETS_LAYOUT_SUB_LISTS, AXP_WIDGETS_LAYOUT_CATEGORY, AXP_STYLING_PROPERTY_GROUP, AXP_WIDGETS_ADVANCE_SUB_TOOLS, AXP_WIDGETS_ADVANCE_SUB_DATA, AXP_COLOR_PROPERTY, AXP_CONTENT_PROPERTY, AXP_WIDGETS_EDITOR_SUB_CONFIG, AXPWidgetRegistryService, AXPPropertyEditorHelper, AXP_WIDGETS_LAYOUT_SUB_GRID, AXPBlockBaseLayoutWidgetComponent, AXP_LAYOUT_SPACING_PROPERTY, AXP_LAYOUT_BORDER_PROPERTY, AXP_LAYOUT_DIRECTION_PROPERTY, AXP_TITLE_PROPERTY, AXP_DESCRIPTION_PROPERTY, AXP_LAYOUT_SHOW_HEADER_PROPERTY, AXP_LAYOUT_COLUMNS_PROPERTY, AXP_WIDGETS_LAYOUT_SUB_SURFACES, AXPFlexBaseLayoutWidgetComponent, AXP_LAYOUT_FLEX_PROPERTY, AXPFlexItemBaseLayoutWidgetComponent, AXP_LAYOUT_FLEX_ITEM_PROPERTY, AXP_LAYOUT_PROFILE, layoutSizeFromDevice, AXP_THEME_PROPERTY, AXP_FONT_SIZE_PROPERTY, AXP_BG_COLOR_PROPERTY, AXP_WIDGETS_LAYOUT_SUB_SHELL, AXPTableBaseLayoutWidgetComponent, AXP_TABLE_COLUMNS_PROPERTY, AXP_LAYOUT_TABLE_PROPERTY_GROUP, AXPTableItemBaseLayoutWidgetComponent, AXP_TABLE_ITEM_COLSPAN_PROPERTY, AXP_TABLE_ITEM_ROWSPAN_PROPERTY, AXP_TEXT_ALIGN_PROPERTY, AXP_VERTICAL_ALIGN_PROPERTY, findNonEmptyBreakpoints, AXP_LOCAL_DATA_SOURCE_STORE, isLocalDataSourceRef, parseLocalDataSourceId, buildLocalDataSourceListRows, toLocalDataSourceRef, createDefaultLocalDataSourceColumns, padLocalDataSourceSheetRows, coerceSpacingProfile, spacingBoxOrEmpty, AXP_DEFAULT_ROW_COUNT_PROPERTY, AXP_APPEARANCE_PROPERTY_GROUP, AXP_WIDGETS_LAYOUT_SUB_UTILITY, AXPGridItemBaseLayoutWidgetComponent, AXPGridBaseLayoutWidgetComponent, AXP_LAYOUT_GRID_PROPERTY, AXP_LAYOUT_GRID_ITEM_PROPERTY, AXP_WIDGETS_LAYOUT_SUB_TABS, AXP_WIDGET_DEFINITION_PROVIDER } from '@acorex-platform/framework-client/layout/widget-core';
 import { AXActionSheetService } from '@acorex/components/action-sheet';
 import * as i1$3 from '@acorex/components/badge';
 import { AXBadgeModule } from '@acorex/components/badge';
@@ -37,6 +37,7 @@ import { AXLoadingModule } from '@acorex/components/loading';
 import { AXPCommandService, AXPQueryService, provideQuerySetups } from '@acorex-platform/framework-client/runtime';
 import { cloneProperty, AXPWidgetGroupEnum, createSelectProperty, createStringProperty, createNumberProperty, createBooleanProperty, AXPWidgetStatus, resolveLayoutProfileValue, layoutProfileKeyFromContext, isLayoutProfileKeyConfigured, resolveLayoutProfile, layoutProfileContextForKey, resolveLayoutProfileExcluding, diffLayoutProfileLayer } from '@acorex-platform/framework-shared/widget-core';
 import { AXPopupService } from '@acorex/components/popup';
+import { AXPDialogOpener, AXPLayoutBuilderService } from '@acorex-platform/framework-client/layout/builder';
 import { AXPConditionBuilderComponent, AXPConditionBuilderConditionComponent, AXPColorChooserComponent, AXPColorPalettePickerComponent, AXPDragDropListComponent, AXPColumnItemListComponent, AXPImageEditorService, AXPFileChooserService, createAttachedFileProviderMenu, AXPFileViewerComponent, AXPStateMessageComponent, normalizeFileViewerBoundValue, AXPOutcomeResultsViewerComponent, AXPSignatureEditorService, AXP_SIGNATURE_PROVIDER, AXPStopwatchComponent, AXPWidgetFieldConfiguratorComponent, AXPItemConfiguratorComponent, AXPRepeaterRowsLayoutComponent, AXPLocalDataSourceEditorDialogService, AXPSpreadsheetComponent, AXPQueryViewSaveDialogService, AXPQueryFiltersComponent, AXPQuerySortsComponent, AXPQueryColumnsComponent, AXPQueryViewSaveButtonComponent, AXPQueryViewTabsComponent } from '@acorex-platform/framework-client/layout/components';
 import { toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { AXValidationModule, AXValidationService } from '@acorex/core/validation';
@@ -44,7 +45,6 @@ import { AXColorUtil } from '@acorex/core/utils';
 import * as i2$3 from '@acorex/components/color-box';
 import { AXColorBoxModule } from '@acorex/components/color-box';
 import { AXDataSource, convertArrayToDataSource } from '@acorex/cdk/common';
-import { AXPLayoutBuilderService } from '@acorex-platform/framework-client/layout/builder';
 import * as i3$2 from '@acorex/components/datetime-box';
 import { AXDateTimeBoxModule } from '@acorex/components/datetime-box';
 import { AXCalendarService, AXTimeDurationFormatter } from '@acorex/core/date-time';
@@ -52,9 +52,6 @@ import * as i3$1 from '@acorex/components/popover';
 import { AXPopoverModule, AXPopoverComponent } from '@acorex/components/popover';
 import * as i2$4 from '@acorex/components/selection-list';
 import { AXSelectionListModule } from '@acorex/components/selection-list';
-import { AXSafePipe } from '@acorex/core/pipes';
-import { AXPlatform } from '@acorex/core/platform';
-import { AXEditorComponent } from '@acorex/components/editor';
 import * as i4 from '@acorex/components/text-area';
 import { AXTextAreaModule } from '@acorex/components/text-area';
 import { AXPWidgetDesignerRendererDirective, AXPDesignerService, AXPDesignerGridDrawerComponent, AXPDesignerAddWidgetMiniButtonComponent, AXPDesignerFlexDrawerComponent, AXPDesignerAddWidgetLineButtonComponent } from '@acorex-platform/framework-client/layout/designer';
@@ -67,8 +64,10 @@ import { AXProgressBarModule } from '@acorex/components/progress-bar';
 import * as i3$4 from '@acorex/components/range-slider';
 import { AXRangeSliderModule } from '@acorex/components/range-slider';
 import { AXRatePickerComponent } from '@acorex/components/rate-picker';
-import * as i2$5 from '@acorex/components/wysiwyg';
-import { AXWysiwygModule } from '@acorex/components/wysiwyg';
+import { AXSafePipe } from '@acorex/core/pipes';
+import { AXPlatform } from '@acorex/core/platform';
+import * as i2$5 from '@acorex/components/text-editor';
+import { AXTextEditorModule } from '@acorex/components/text-editor';
 import { AXHighlightTextComponent } from '@acorex/components/highlight';
 import { AXComboBoxComponent } from '@acorex/components/combo-box';
 import * as i3$5 from '@acorex/components/skeleton';
@@ -744,9 +743,9 @@ class AXPProviderSelectWidgetColumnComponent extends AXPColumnWidgetComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPProviderSelectWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPProviderSelectWidgetColumnComponent, isStandalone: true, selector: "axp-provider-select-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: ` <div class="flex gap-2">
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPProviderSelectWidgetColumnComponent, isStandalone: true, selector: "axp-provider-select-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: ` <div class="flex min-w-0 max-w-full gap-2 overflow-hidden">
     @for (item of internalValue(); track $index) {
-      <span class="px-2 py-1 text-xs font-medium rounded-lg {{ badgeClass }}">{{
+      <span class="min-w-0 max-w-full shrink truncate px-2 py-1 text-xs font-medium rounded-lg {{ badgeClass }}">{{
         $any(item)[textField] | translate | async
       }}</span>
     } @empty {
@@ -758,9 +757,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
             type: Component,
             args: [{
                     selector: 'axp-provider-select-widget-column',
-                    template: ` <div class="flex gap-2">
+                    template: ` <div class="flex min-w-0 max-w-full gap-2 overflow-hidden">
     @for (item of internalValue(); track $index) {
-      <span class="px-2 py-1 text-xs font-medium rounded-lg {{ badgeClass }}">{{
+      <span class="min-w-0 max-w-full shrink truncate px-2 py-1 text-xs font-medium rounded-lg {{ badgeClass }}">{{
         $any(item)[textField] | translate | async
       }}</span>
     } @empty {
@@ -1186,6 +1185,7 @@ class AXPConditionBuilderWidgetEditComponent extends AXPValueWidgetComponent {
         super();
         //#region ----- Services & Dependencies -----
         this.popupService = inject(AXPopupService);
+        this.dialogOpener = inject(AXPDialogOpener);
         this.translation = inject(AXTranslationService);
         //#endregion
         //#region ----- Constants -----
@@ -1255,16 +1255,22 @@ class AXPConditionBuilderWidgetEditComponent extends AXPValueWidgetComponent {
             return;
         }
         try {
-            const { AXPConditionBuilderEditPopupComponent } = await import('./acorex-platform-framework-client-layout-widgets-condition-builder-edit-popup.component-Cbd5Va40.mjs');
-            const title = (await this.translation.translateAsync(I18N$2.editConditions)) ?? '';
-            const result = await this.popupService.open(AXPConditionBuilderEditPopupComponent, {
-                title,
-                size: 'lg',
-                data: {
-                    value: cloneDeep(this.valueForBuilder()),
-                    filterDefinitions: [...this.filterDefinitions()],
-                    operationsLook: this.operationsLook(),
+            let title = '';
+            const result = await this.dialogOpener.openPopup({
+                load: () => import('./acorex-platform-framework-client-layout-widgets-condition-builder-edit-popup.component-Cbd5Va40.mjs').then((module) => module.AXPConditionBuilderEditPopupComponent),
+                data: { path: this.path ?? '' },
+                prepare: async () => {
+                    title = (await this.translation.translateAsync(I18N$2.editConditions)) ?? '';
                 },
+                show: (component) => this.popupService.open(component, {
+                    title,
+                    size: 'lg',
+                    data: {
+                        value: cloneDeep(this.valueForBuilder()),
+                        filterDefinitions: [...this.filterDefinitions()],
+                        operationsLook: this.operationsLook(),
+                    },
+                }),
             });
             if (result?.data?.saved === true && result.data.value) {
                 this.setValue(omitFilterClauseIdentity(result.data.value));
@@ -5037,259 +5043,12 @@ var dateTimeBoxWidgetView_component = /*#__PURE__*/Object.freeze({
     AXPDateTimeBoxWidgetViewComponent: AXPDateTimeBoxWidgetViewComponent
 });
 
-class AXPEditorJsWidgetColumnComponent extends AXPColumnWidgetComponent {
-    constructor() {
-        super(...arguments);
-        this.platform = inject(AXPlatform);
-        this.layoutBuilder = inject(AXPLayoutBuilderService);
-    }
-    async openPopup() {
-        const html = this.rawValue ?? '';
-        const size = this.platform.is('Mobile') || this.platform.is('SM') ? 'full' : 'md';
-        await this.layoutBuilder
-            .create()
-            .dialog((dialog) => {
-            dialog
-                .setTitle(this.path ?? '')
-                .setSize(size)
-                .setCloseButton(true)
-                .content((layoutBuilder) => {
-                layoutBuilder.flex((flex) => {
-                    flex.mode('view').formField('Content', (field) => {
-                        field.readonly(true).customWidget('editor-js-editor', {
-                            src: html,
-                            toolbar: [],
-                            height: 400,
-                        });
-                    });
-                });
-            });
-        })
-            .show();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPEditorJsWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPEditorJsWidgetColumnComponent, isStandalone: true, selector: "axp-editor-js-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `
-    @if (rawValue) {
-      <span
-        class="truncate underline block w-full cursor-pointer"
-        (click)="openPopup()"
-        [innerHTML]="rawValue | safe: 'html'"
-      >
-      </span>
-    } @else {
-      <span class="text-muted">---</span>
-    }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "pipe", type: AXSafePipe, name: "safe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPEditorJsWidgetColumnComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'axp-editor-js-widget-column',
-                    template: `
-    @if (rawValue) {
-      <span
-        class="truncate underline block w-full cursor-pointer"
-        (click)="openPopup()"
-        [innerHTML]="rawValue | safe: 'html'"
-      >
-      </span>
-    } @else {
-      <span class="text-muted">---</span>
-    }
-  `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [AXDecoratorModule, AXButtonModule, AXSafePipe],
-                    inputs: ['rawValue', 'rowData'],
-                }]
-        }] });
-
-var editorJsWidgetColumn_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPEditorJsWidgetColumnComponent: AXPEditorJsWidgetColumnComponent
-});
-
-class AXPEditorJsWidgetEditComponent extends AXPValueWidgetComponent {
-    constructor() {
-        super(...arguments);
-        this.defaultModules = ['header', 'list', 'underline', 'color', 'codeBox'];
-        this.disabled = computed(() => this.options()['disabled'], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
-        this.readonly = computed(() => this.options()['readonly'], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
-        this.imageConfigData = computed(() => this.options()['imageConfig'], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "imageConfigData" }] : /* istanbul ignore next */ []));
-        this.modules = computed(() => this.options()['modules'] ?? this.defaultModules, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "modules" }] : /* istanbul ignore next */ []));
-        this.look = computed(() => this.options()['look'] ?? 'solid', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "look" }] : /* istanbul ignore next */ []));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPEditorJsWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPEditorJsWidgetEditComponent, isStandalone: true, selector: "axp-editor-js-widget-edit", usesInheritance: true, ngImport: i0, template: `
-    <ax-editor
-      [disabled]="disabled()"
-      [readonly]="readonly()"
-      [imageConfig]="imageConfigData()"
-      (onValueChanged)="setValue($event.value)"
-      [modules]="modules()"
-      [look]="look()"
-      [value]="getValue()"
-    >
-      @for (validation of validationRules(); track $index) {
-        <ax-validation-rule
-          [rule]="validation.rule"
-          [message]="$safeNavigationMigration(validation.options?.message)"
-          [options]="validation.options"
-        ></ax-validation-rule>
-      }
-    </ax-editor>
-  `, isInline: true, dependencies: [{ kind: "component", type: AXEditorComponent, selector: "ax-editor", inputs: ["look", "readonly", "disabled", "value", "modules", "imageConfig"], outputs: ["onValueChanged"] }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i3.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPEditorJsWidgetEditComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'axp-editor-js-widget-edit',
-                    template: `
-    <ax-editor
-      [disabled]="disabled()"
-      [readonly]="readonly()"
-      [imageConfig]="imageConfigData()"
-      (onValueChanged)="setValue($event.value)"
-      [modules]="modules()"
-      [look]="look()"
-      [value]="getValue()"
-    >
-      @for (validation of validationRules(); track $index) {
-        <ax-validation-rule
-          [rule]="validation.rule"
-          [message]="$safeNavigationMigration(validation.options?.message)"
-          [options]="validation.options"
-        ></ax-validation-rule>
-      }
-    </ax-editor>
-  `,
-                    encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [AXEditorComponent, AXValidationModule, AXFormModule],
-                }]
-        }] });
-
-var editorJsWidgetEdit_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPEditorJsWidgetEditComponent: AXPEditorJsWidgetEditComponent
-});
-
-class AXPEditorJsWidgetViewComponent extends AXPValueWidgetComponent {
-    constructor() {
-        super(...arguments);
-        this.platform = inject(AXPlatform);
-        this.layoutBuilder = inject(AXPLayoutBuilderService);
-    }
-    async openPopup() {
-        const size = this.platform.is('Mobile') || this.platform.is('SM') ? 'full' : 'md';
-        await this.layoutBuilder
-            .create()
-            .dialog((dialog) => {
-            dialog
-                .setTitle(this.path ?? '')
-                .setSize(size)
-                .setCloseButton(true)
-                .content((layoutBuilder) => {
-                layoutBuilder.flex((flex) => {
-                    flex.mode('view').formField('Content', (field) => {
-                        field.readonly(true).customWidget('editor-js-editor', {
-                            src: this.getValue(),
-                            toolbar: [],
-                            height: 400,
-                        });
-                    });
-                });
-            });
-        })
-            .show();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPEditorJsWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPEditorJsWidgetViewComponent, isStandalone: true, selector: "axp-editor-js-widget-view", usesInheritance: true, ngImport: i0, template: `
-    @if (getValue()) {
-      <span
-        class="truncate underline cursor-pointer text-muted"
-        (click)="openPopup()"
-        [innerHTML]="getValue() | safe: 'html'"
-      >
-      </span>
-    } @else {
-      <span class="text-muted">---</span>
-    }
-  `, isInline: true, dependencies: [{ kind: "pipe", type: AXSafePipe, name: "safe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPEditorJsWidgetViewComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'axp-editor-js-widget-view',
-                    template: `
-    @if (getValue()) {
-      <span
-        class="truncate underline cursor-pointer text-muted"
-        (click)="openPopup()"
-        [innerHTML]="getValue() | safe: 'html'"
-      >
-      </span>
-    } @else {
-      <span class="text-muted">---</span>
-    }
-  `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [AXSafePipe],
-                }]
-        }] });
-
-var editorJsWidgetView_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPEditorJsWidgetViewComponent: AXPEditorJsWidgetViewComponent
-});
-
-const AXPEditorJsWidget = {
-    name: 'editor-js-editor',
-    title: '@platform-layout-widgets:widgets.editor-js-editor.title',
-    description: '@platform-layout-widgets:widgets.editor-js-editor.description',
-    icon: 'fa-light fa-input-text',
-    categories: AXP_WIDGETS_EDITOR_CATEGORY,
-    subCategory: AXP_WIDGETS_EDITOR_SUB_RICH,
-    groups: [AXPWidgetGroupEnum.BaseWidget],
-    defaultFilterWidgetName: 'string-filter',
-    type: 'editor',
-    properties: [
-        AXP_NAME_PROPERTY,
-        AXP_DATA_PATH_PROPERTY,
-        AXP_DISABLED_PROPERTY,
-        AXP_READONLY_PROPERTY,
-        AXP_STYLE_LOOK_PROPERTY,
-    ],
-    components: {
-        view: {
-            component: () => Promise.resolve().then(function () { return editorJsWidgetView_component; }).then((c) => c.AXPEditorJsWidgetViewComponent),
-        },
-        edit: {
-            component: () => Promise.resolve().then(function () { return editorJsWidgetEdit_component; }).then((c) => c.AXPEditorJsWidgetEditComponent),
-        },
-        column: {
-            component: () => Promise.resolve().then(function () { return editorJsWidgetColumn_component; }).then((c) => c.AXPEditorJsWidgetColumnComponent),
-        },
-        designer: {
-            component: () => Promise.resolve().then(function () { return editorJsWidgetEdit_component; }).then((c) => c.AXPEditorJsWidgetEditComponent),
-        },
-    },
-};
-
 class AXPLargeTextWidgetColumnComponent extends AXPColumnWidgetComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPLargeTextWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPLargeTextWidgetColumnComponent, isStandalone: true, selector: "axp-large-text-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: AXPLargeTextWidgetColumnComponent, isStandalone: true, selector: "axp-large-text-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, host: { classAttribute: "block min-w-0 w-full max-w-full" }, usesInheritance: true, ngImport: i0, template: `
     @let text = rawValue | translate | async;
-    @if (text) {
-      <span class="block min-w-0 max-w-full truncate"> {{ text }} </span>
-    } @else {
-      <span class="text-muted">---</span>
-    }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1$6.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    <axp-column-truncated-text [text]="text" />
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPColumnTruncatedTextComponent, selector: "axp-column-truncated-text", inputs: ["text", "emptyPlaceholder", "showEmptyPlaceholder", "showTooltip", "align"] }, { kind: "pipe", type: i1$6.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPLargeTextWidgetColumnComponent, decorators: [{
             type: Component,
@@ -5297,14 +5056,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                     selector: 'axp-large-text-widget-column',
                     template: `
     @let text = rawValue | translate | async;
-    @if (text) {
-      <span class="block min-w-0 max-w-full truncate"> {{ text }} </span>
-    } @else {
-      <span class="text-muted">---</span>
-    }
+    <axp-column-truncated-text [text]="text" />
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [AXTranslationModule, AsyncPipe],
+                    imports: [AXTranslationModule, AsyncPipe, AXPColumnTruncatedTextComponent],
+                    host: { class: 'block min-w-0 w-full max-w-full' },
                     inputs: ['rawValue', 'rowData'],
                 }]
         }] });
@@ -5330,6 +5086,7 @@ class AXPLargeTextWidgetEditComponent extends AXPValueWidgetComponent {
         this.rows = computed(() => this.options()['rows'], /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
         this.popupService = inject(AXPopupService);
+        this.dialogOpener = inject(AXPDialogOpener);
         this.translationService = inject(AXTranslationService);
         this.currentLanguage = toSignal(this.translationService.langChanges$, {
             initialValue: this.translationService.getActiveLang(),
@@ -5366,16 +5123,23 @@ class AXPLargeTextWidgetEditComponent extends AXPValueWidgetComponent {
                 multiLanguage: false,
             },
         };
-        this.popupService
-            .open(AXPSelectLanguagePopup, {
-            title: 'Select Language',
-            size: 'md',
+        this.dialogOpener
+            .openPopup({
+            load: () => Promise.resolve(AXPSelectLanguagePopup),
             data: {
-                values: this.translationService.toLocaleMap(this.getValue(), this.currentLanguage()),
-                currentLanguage: this.currentLanguage(),
-                node: node,
-                mode: 'edit',
+                path: this.fullPath() ?? '',
+                language: this.currentLanguage(),
             },
+            show: (component) => this.popupService.open(component, {
+                title: 'Select Language',
+                size: 'md',
+                data: {
+                    values: this.translationService.toLocaleMap(this.getValue(), this.currentLanguage()),
+                    currentLanguage: this.currentLanguage(),
+                    node: node,
+                    mode: 'edit',
+                },
+            }),
         })
             .then((res) => {
             if (res?.data) {
@@ -5924,18 +5688,27 @@ class AXPNumberBoxWidgetColumnComponent extends AXPColumnWidgetComponent {
             }
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+        this.displayText = computed(() => {
+            const resolved = this.value();
+            if (resolved == null || resolved === '') {
+                return this.nullText ?? '---';
+            }
+            return String(resolved);
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "displayText" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPNumberBoxWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: AXPNumberBoxWidgetColumnComponent, isStandalone: true, selector: "axp-number-box-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, host: { classAttribute: "flex items-center justify-end" }, usesInheritance: true, ngImport: i0, template: `{{ value() }}`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: AXPNumberBoxWidgetColumnComponent, isStandalone: true, selector: "axp-number-box-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, host: { classAttribute: "flex min-w-0 w-full max-w-full items-center justify-end" }, usesInheritance: true, ngImport: i0, template: `<axp-column-truncated-text [text]="displayText()" align="end" [showEmptyPlaceholder]="false" />`, isInline: true, dependencies: [{ kind: "component", type: AXPColumnTruncatedTextComponent, selector: "axp-column-truncated-text", inputs: ["text", "emptyPlaceholder", "showEmptyPlaceholder", "showTooltip", "align"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPNumberBoxWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-number-box-widget-column',
-                    template: `{{ value() }}`,
+                    template: `<axp-column-truncated-text [text]="displayText()" align="end" [showEmptyPlaceholder]="false" />`,
                     changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [AXPColumnTruncatedTextComponent],
                     inputs: ['rawValue', 'rowData'],
-                    host: { class: 'flex items-center justify-end' },
+                    host: { class: 'flex min-w-0 w-full max-w-full items-center justify-end' },
                 }]
         }] });
 
@@ -6347,8 +6120,8 @@ class AXPPasswordBoxWidgetColumnComponent extends AXPColumnWidgetComponent {
         this.show.update((prev) => !prev);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPPasswordBoxWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPPasswordBoxWidgetColumnComponent, isStandalone: true, selector: "axp-password-box-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, host: { properties: { "attr.dir": "this.hostDir", "style.direction": "this.hostDirection" } }, usesInheritance: true, ngImport: i0, template: `<div class="flex flex-1 gap-3 group items-start w-max">
-    <span>{{ show() ? rawValue : '*******' }}</span>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPPasswordBoxWidgetColumnComponent, isStandalone: true, selector: "axp-password-box-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, host: { properties: { "attr.dir": "this.hostDir", "style.direction": "this.hostDirection" }, classAttribute: "block min-w-0 w-full max-w-full" }, usesInheritance: true, ngImport: i0, template: `<div class="group flex min-w-0 w-full max-w-full items-center gap-3">
+    <span class="min-w-0 flex-1 truncate">{{ show() ? rawValue : '*******' }}</span>
     @if (hasEyeIcon) {
       <span
         class="text-neutral-400 cursor-pointer invisible group-hover:visible hover:!text-primary-500"
@@ -6367,8 +6140,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
             type: Component,
             args: [{
                     selector: 'axp-password-box-widget-column',
-                    template: `<div class="flex flex-1 gap-3 group items-start w-max">
-    <span>{{ show() ? rawValue : '*******' }}</span>
+                    template: `<div class="group flex min-w-0 w-full max-w-full items-center gap-3">
+    <span class="min-w-0 flex-1 truncate">{{ show() ? rawValue : '*******' }}</span>
     @if (hasEyeIcon) {
       <span
         class="text-neutral-400 cursor-pointer invisible group-hover:visible hover:!text-primary-500"
@@ -6384,6 +6157,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
   </div>`,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     inputs: ['rawValue', 'rowData'],
+                    host: { class: 'block min-w-0 w-full max-w-full' },
                 }]
         }], propDecorators: { hostDir: [{
                 type: HostBinding,
@@ -7426,9 +7200,10 @@ class AXPRichTextWidgetEditComponent extends AXPValueWidgetComponent {
         super(...arguments);
         //#region ----   Services & Dependencies   ----
         this.popupService = inject(AXPopupService);
+        this.dialogOpener = inject(AXPDialogOpener);
         this.translationService = inject(AXTranslationService);
-        this.wysiwygRef = viewChild('wysiwygRef', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "wysiwygRef" }] : /* istanbul ignore next */ []));
+        this.editorRef = viewChild('editorRef', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "editorRef" }] : /* istanbul ignore next */ []));
         //#endregion
         //#region ----   Computed Properties   ----
         this.placeholder = computed(() => this.options()['placeholder'], /* @ts-ignore */
@@ -7451,32 +7226,32 @@ class AXPRichTextWidgetEditComponent extends AXPValueWidgetComponent {
         //#endregion
         //#region ----   Effects   ----
         /**
-         * Quill keeps its own DOM state; one-way ngModel does not refresh it on discard/apply.
+         * TipTap keeps its own document; one-way ngModel does not refresh it on discard/apply.
          * Re-sync when the context store reverts or replaces data from outside user edits.
          */
-        this.#syncWysiwygFromContextEffect = effect(() => {
+        this.#syncEditorFromContextEffect = effect(() => {
             const changeState = this.contextService.changeEvent().state;
             const text = this.getCurrentText();
-            const wysiwyg = this.wysiwygRef();
-            if (!this.shouldSyncWysiwygFromContext(changeState)) {
+            const editor = this.editorRef();
+            if (!this.shouldSyncEditorFromContext(changeState)) {
                 return;
             }
             untracked(() => {
-                void this.applyWysiwygContentWhenReady(wysiwyg, text);
+                void this.applyEditorContentWhenReady(editor, text);
             });
         }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "#syncWysiwygFromContextEffect" }] : /* istanbul ignore next */ []));
+        ...(ngDevMode ? [{ debugName: "#syncEditorFromContextEffect" }] : /* istanbul ignore next */ []));
     }
     //#endregion
     //#region ----   Effects   ----
     /**
-     * Quill keeps its own DOM state; one-way ngModel does not refresh it on discard/apply.
+     * TipTap keeps its own document; one-way ngModel does not refresh it on discard/apply.
      * Re-sync when the context store reverts or replaces data from outside user edits.
      */
-    #syncWysiwygFromContextEffect;
+    #syncEditorFromContextEffect;
     //#endregion
     //#region ----   UI Handlers   ----
-    onWysiwygChanged(e) {
+    onEditorChanged(e) {
         if (!e.isUserInteraction)
             return;
         const path = this.fullPath();
@@ -7486,10 +7261,10 @@ class AXPRichTextWidgetEditComponent extends AXPValueWidgetComponent {
         const nextValue = this.effectiveMultiLanguage()
             ? buildLocaleTextMapValue(current, saved, lang, e.value ?? '')
             : (e.value ?? '');
-        // Quill often emits isUserInteraction while hydrating (e.g. adds active locale
+        // TipTap can emit isUserInteraction while hydrating (e.g. adds active locale
         // en-AU with normalized HTML). Skip writes that are semantically equal to live/saved.
         if (isFormValueEqual(nextValue, current) || (saved !== undefined && isFormValueEqual(nextValue, saved))) {
-            AXPDebugService.instance?.trace(FORM_DIRTY_TRACE_NS, 'rich-text-widget', 'skipped equivalent wysiwyg write', () => ({
+            AXPDebugService.instance?.trace(FORM_DIRTY_TRACE_NS, 'rich-text-widget', 'skipped equivalent editor write', () => ({
                 path,
                 lang,
                 savedCommitted: this.contextService.isSavedCommitted(),
@@ -7498,7 +7273,7 @@ class AXPRichTextWidgetEditComponent extends AXPValueWidgetComponent {
             }));
             return;
         }
-        AXPDebugService.instance?.trace(FORM_DIRTY_TRACE_NS, 'rich-text-widget', 'wysiwyg user write', () => ({
+        AXPDebugService.instance?.trace(FORM_DIRTY_TRACE_NS, 'rich-text-widget', 'editor user write', () => ({
             path,
             lang,
             savedCommitted: this.contextService.isSavedCommitted(),
@@ -7514,15 +7289,22 @@ class AXPRichTextWidgetEditComponent extends AXPValueWidgetComponent {
                 multiLanguage: false,
             },
         };
-        const res = await this.popupService.open(AXPSelectLanguagePopup, {
-            title: 'Select Language',
-            size: 'lg',
+        const res = await this.dialogOpener.openPopup({
+            load: () => Promise.resolve(AXPSelectLanguagePopup),
             data: {
-                values: this.translationService.toLocaleMap(this.getValue(), this.currentLanguage()),
-                currentLanguage: this.currentLanguage(),
-                node: node,
-                mode: 'edit',
+                path: this.fullPath() ?? '',
+                language: this.currentLanguage(),
             },
+            show: (component) => this.popupService.open(component, {
+                title: 'Select Language',
+                size: 'lg',
+                data: {
+                    values: this.translationService.toLocaleMap(this.getValue(), this.currentLanguage()),
+                    currentLanguage: this.currentLanguage(),
+                    node: node,
+                    mode: 'edit',
+                },
+            }),
         });
         if (res?.data) {
             const map = res.data;
@@ -7531,45 +7313,42 @@ class AXPRichTextWidgetEditComponent extends AXPValueWidgetComponent {
     }
     //#endregion
     //#region ----   Utility Methods   ----
-    shouldSyncWysiwygFromContext(state) {
+    shouldSyncEditorFromContext(state) {
         return state === 'restored' || state === 'initiated';
     }
-    async applyWysiwygContentWhenReady(wysiwyg, text) {
+    async applyEditorContentWhenReady(host, text) {
         const content = defaultTo(text, '');
         for (let attempt = 0; attempt < 30; attempt++) {
-            const editor = wysiwyg ?? this.wysiwygRef();
-            if (!editor) {
-                return;
-            }
-            try {
-                editor.setWysiwygContent(content);
-                return;
-            }
-            catch {
+            const editor = host ?? this.editorRef();
+            if (!editor?.getEditor()) {
                 await new Promise((resolve) => setTimeout(resolve, 50));
+                continue;
             }
+            editor.getEditorService().setContent(content, false);
+            return;
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPRichTextWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPRichTextWidgetEditComponent, isStandalone: true, selector: "axp-rich-text-widget-edit", host: { classAttribute: "block flex-1" }, viewQueries: [{ propertyName: "wysiwygRef", first: true, predicate: ["wysiwygRef"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `<ax-wysiwyg-container
-    #wysiwygRef
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPRichTextWidgetEditComponent, isStandalone: true, selector: "axp-rich-text-widget-edit", host: { classAttribute: "block flex-1" }, viewQueries: [{ propertyName: "editorRef", first: true, predicate: ["editorRef"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `<ax-text-editor
+    #editorRef
+    outputFormat="html"
     [placeHolder]="(placeholder() | translate | async)!"
     [disabled]="disabled()"
     [readonly]="readonly()"
     [initialLine]="3"
     [look]="'solid'"
     [ngModel]="getCurrentText()"
-    (onValueChanged)="onWysiwygChanged($event)"
+    (onValueChanged)="onEditorChanged($event)"
   >
-    <ax-wysiwyg-view></ax-wysiwyg-view>
-    <ax-wysiwyg-toolbar>
+    <ax-text-editor-toolbar>
       <ax-prefix>
-        <ax-wysiwyg-history></ax-wysiwyg-history>
-        <ax-wysiwyg-insert></ax-wysiwyg-insert>
-        <ax-wysiwyg-font-style></ax-wysiwyg-font-style>
-        <ax-wysiwyg-colors></ax-wysiwyg-colors>
-        <ax-wysiwyg-list></ax-wysiwyg-list>
-        <ax-wysiwyg-alignment></ax-wysiwyg-alignment>
+        <ax-text-editor-history></ax-text-editor-history>
+        <ax-text-editor-link></ax-text-editor-link>
+        <ax-text-editor-media></ax-text-editor-media>
+        <ax-text-editor-font-style></ax-text-editor-font-style>
+        <ax-text-editor-colors></ax-text-editor-colors>
+        <ax-text-editor-list></ax-text-editor-list>
+        <ax-text-editor-alignment></ax-text-editor-alignment>
       </ax-prefix>
       @if (effectiveMultiLanguage()) {
         <ax-suffix>
@@ -7580,7 +7359,7 @@ class AXPRichTextWidgetEditComponent extends AXPValueWidgetComponent {
           </ax-button>
         </ax-suffix>
       }
-    </ax-wysiwyg-toolbar>
+    </ax-text-editor-toolbar>
     @for (validation of validationRules(); track $index) {
       <ax-validation-rule
         [rule]="validation.rule"
@@ -7588,31 +7367,32 @@ class AXPRichTextWidgetEditComponent extends AXPValueWidgetComponent {
         [options]="validation.options"
       ></ax-validation-rule>
     }
-  </ax-wysiwyg-container>`, isInline: true, dependencies: [{ kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXWysiwygModule }, { kind: "component", type: i2$5.AXWysiwygContainerComponent, selector: "ax-wysiwyg-container", inputs: ["look", "readonly", "disabled", "value", "placeHolder", "initialLine", "mode"], outputs: ["onValueChanged"] }, { kind: "component", type: i2$5.AXWysiwygViewComponent, selector: "ax-wysiwyg-view" }, { kind: "component", type: i2$5.AXWysiwygAlignmentComponent, selector: "ax-wysiwyg-alignment", inputs: ["buttons"] }, { kind: "component", type: i2$5.AXWysiwygColorsComponent, selector: "ax-wysiwyg-colors", inputs: ["buttons"] }, { kind: "component", type: i2$5.AXWysiwygFontStyleComponent, selector: "ax-wysiwyg-font-style", inputs: ["headingLevels", "buttons", "menuItems"] }, { kind: "component", type: i2$5.AXWysiwygHistoryComponent, selector: "ax-wysiwyg-history", inputs: ["buttons"] }, { kind: "component", type: i2$5.AXWysiwygInsertComponent, selector: "ax-wysiwyg-insert", inputs: ["buttons"] }, { kind: "component", type: i2$5.AXWysiwygListComponent, selector: "ax-wysiwyg-list", inputs: ["buttons"] }, { kind: "component", type: i2$5.AXWysiwygToolbarComponent, selector: "ax-wysiwyg-toolbar" }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i3.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1$6.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  </ax-text-editor>`, isInline: true, dependencies: [{ kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTextEditorModule }, { kind: "component", type: i2$5.AXTextEditorComponent, selector: "ax-text-editor", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "look", "placeHolder", "outputFormat", "initialLine"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange"] }, { kind: "component", type: i2$5.AXTextEditorToolbarComponent, selector: "ax-text-editor-toolbar", inputs: ["orientation"] }, { kind: "component", type: i2$5.AXTextEditorHistoryComponent, selector: "ax-text-editor-history" }, { kind: "component", type: i2$5.AXTextEditorFontStyleComponent, selector: "ax-text-editor-font-style" }, { kind: "component", type: i2$5.AXTextEditorAlignmentComponent, selector: "ax-text-editor-alignment" }, { kind: "component", type: i2$5.AXTextEditorColorsComponent, selector: "ax-text-editor-colors" }, { kind: "component", type: i2$5.AXTextEditorListComponent, selector: "ax-text-editor-list" }, { kind: "component", type: i2$5.AXTextEditorLinkComponent, selector: "ax-text-editor-link" }, { kind: "component", type: i2$5.AXTextEditorMediaComponent, selector: "ax-text-editor-media" }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i3.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1$6.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPRichTextWidgetEditComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-rich-text-widget-edit',
-                    template: `<ax-wysiwyg-container
-    #wysiwygRef
+                    template: `<ax-text-editor
+    #editorRef
+    outputFormat="html"
     [placeHolder]="(placeholder() | translate | async)!"
     [disabled]="disabled()"
     [readonly]="readonly()"
     [initialLine]="3"
     [look]="'solid'"
     [ngModel]="getCurrentText()"
-    (onValueChanged)="onWysiwygChanged($event)"
+    (onValueChanged)="onEditorChanged($event)"
   >
-    <ax-wysiwyg-view></ax-wysiwyg-view>
-    <ax-wysiwyg-toolbar>
+    <ax-text-editor-toolbar>
       <ax-prefix>
-        <ax-wysiwyg-history></ax-wysiwyg-history>
-        <ax-wysiwyg-insert></ax-wysiwyg-insert>
-        <ax-wysiwyg-font-style></ax-wysiwyg-font-style>
-        <ax-wysiwyg-colors></ax-wysiwyg-colors>
-        <ax-wysiwyg-list></ax-wysiwyg-list>
-        <ax-wysiwyg-alignment></ax-wysiwyg-alignment>
+        <ax-text-editor-history></ax-text-editor-history>
+        <ax-text-editor-link></ax-text-editor-link>
+        <ax-text-editor-media></ax-text-editor-media>
+        <ax-text-editor-font-style></ax-text-editor-font-style>
+        <ax-text-editor-colors></ax-text-editor-colors>
+        <ax-text-editor-list></ax-text-editor-list>
+        <ax-text-editor-alignment></ax-text-editor-alignment>
       </ax-prefix>
       @if (effectiveMultiLanguage()) {
         <ax-suffix>
@@ -7623,7 +7403,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
           </ax-button>
         </ax-suffix>
       }
-    </ax-wysiwyg-toolbar>
+    </ax-text-editor-toolbar>
     @for (validation of validationRules(); track $index) {
       <ax-validation-rule
         [rule]="validation.rule"
@@ -7631,7 +7411,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
         [options]="validation.options"
       ></ax-validation-rule>
     }
-  </ax-wysiwyg-container>`,
+  </ax-text-editor>`,
                     encapsulation: ViewEncapsulation.None,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     host: {
@@ -7639,7 +7419,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                     },
                     imports: [
                         AXDecoratorModule,
-                        AXWysiwygModule,
+                        AXTextEditorModule,
                         AXValidationModule,
                         AXFormModule,
                         FormsModule,
@@ -7648,7 +7428,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         AsyncPipe,
                     ],
                 }]
-        }], propDecorators: { wysiwygRef: [{ type: i0.ViewChild, args: ['wysiwygRef', { isSignal: true }] }] } });
+        }], propDecorators: { editorRef: [{ type: i0.ViewChild, args: ['editorRef', { isSignal: true }] }] } });
 
 var richTextWidgetEdit_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -7985,9 +7765,11 @@ class AXPSelectBoxWidgetColumnComponent extends AXPColumnWidgetComponent {
         return { ...row };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPSelectBoxWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPSelectBoxWidgetColumnComponent, isStandalone: true, selector: "axp-select-box-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: ` <div class="flex gap-2">
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPSelectBoxWidgetColumnComponent, isStandalone: true, selector: "axp-select-box-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, host: { classAttribute: "block min-w-0 w-full max-w-full" }, usesInheritance: true, ngImport: i0, template: ` <div class="flex min-w-0 max-w-full gap-2 overflow-hidden">
     @for (item of internalValue(); track $index) {
-      <span class="{{ resolveBadgeClasses(item) }}">{{ getItemLabel(item) | translate | async }}</span>
+      <span class="min-w-0 max-w-full shrink truncate {{ resolveBadgeClasses(item) }}">{{
+        getItemLabel(item) | translate | async
+      }}</span>
     } @empty {
       <span class="text-muted">---</span>
     }
@@ -7997,15 +7779,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
             type: Component,
             args: [{
                     selector: 'axp-select-box-widget-column',
-                    template: ` <div class="flex gap-2">
+                    template: ` <div class="flex min-w-0 max-w-full gap-2 overflow-hidden">
     @for (item of internalValue(); track $index) {
-      <span class="{{ resolveBadgeClasses(item) }}">{{ getItemLabel(item) | translate | async }}</span>
+      <span class="min-w-0 max-w-full shrink truncate {{ resolveBadgeClasses(item) }}">{{
+        getItemLabel(item) | translate | async
+      }}</span>
     } @empty {
       <span class="text-muted">---</span>
     }
   </div>`,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [CommonModule, AXTranslationModule],
+                    host: { class: 'block min-w-0 w-full max-w-full' },
                     inputs: ['rawValue', 'rowData'],
                 }]
         }] });
@@ -8088,6 +7873,7 @@ const AXPSelectBoxWidget = {
         AXP_HAS_CLEAR_BUTTON_PROPERTY,
         AXP_ALLOW_SEARCH_PROPERTY,
         AXP_TRIGGERS_PROPERTY,
+        AXP_REQUIRED_VALIDATION_PROPERTY,
     ],
     components: {
         view: {
@@ -9464,6 +9250,7 @@ class AXPTagEditorWidgetEditComponent extends AXPValueWidgetComponent {
         //#region ----- Services & Dependencies -----
         this.tagService = inject(AXPTagService);
         this.popupService = inject(AXPopupService);
+        this.dialogOpener = inject(AXPDialogOpener);
         this.translationService = inject(AXTranslationService);
         //#endregion
         //#region ----- State Signals -----
@@ -9556,15 +9343,23 @@ class AXPTagEditorWidgetEditComponent extends AXPValueWidgetComponent {
                 multiLanguage: false,
             },
         };
-        const res = await this.popupService.open(AXPSelectLanguagePopup, {
-            title: 'Multi-language Tag',
-            size: 'md',
+        const res = await this.dialogOpener.openPopup({
+            load: () => Promise.resolve(AXPSelectLanguagePopup),
             data: {
-                values: this.translationService.toLocaleMap(isLocaleStringMap(tagValue) || typeof tagValue === 'string' ? tagValue : '', lang),
-                currentLanguage: lang,
-                node,
-                mode: 'edit',
+                path: this.fullPath() ?? '',
+                language: lang,
+                index,
             },
+            show: (component) => this.popupService.open(component, {
+                title: 'Multi-language Tag',
+                size: 'md',
+                data: {
+                    values: this.translationService.toLocaleMap(isLocaleStringMap(tagValue) || typeof tagValue === 'string' ? tagValue : '', lang),
+                    currentLanguage: lang,
+                    node,
+                    mode: 'edit',
+                },
+            }),
         });
         if (res?.data) {
             const next = [...current];
@@ -10309,14 +10104,10 @@ const AXPTemplateBoxWidget = {
 
 class AXPTextBoxWidgetColumnComponent extends AXPColumnWidgetComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPTextBoxWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPTextBoxWidgetColumnComponent, isStandalone: true, selector: "axp-text-box-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: AXPTextBoxWidgetColumnComponent, isStandalone: true, selector: "axp-text-box-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, host: { classAttribute: "block min-w-0 w-full max-w-full" }, usesInheritance: true, ngImport: i0, template: `
     @let text = rawValue | translate | async;
-    @if (text) {
-      {{ text }}
-    } @else {
-      <span class="text-muted">---</span>
-    }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1$6.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    <axp-column-truncated-text [text]="text" />
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPColumnTruncatedTextComponent, selector: "axp-column-truncated-text", inputs: ["text", "emptyPlaceholder", "showEmptyPlaceholder", "showTooltip", "align"] }, { kind: "pipe", type: i1$6.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPTextBoxWidgetColumnComponent, decorators: [{
             type: Component,
@@ -10324,14 +10115,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                     selector: 'axp-text-box-widget-column',
                     template: `
     @let text = rawValue | translate | async;
-    @if (text) {
-      {{ text }}
-    } @else {
-      <span class="text-muted">---</span>
-    }
+    <axp-column-truncated-text [text]="text" />
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [AXTranslationModule, AsyncPipe],
+                    imports: [AXTranslationModule, AsyncPipe, AXPColumnTruncatedTextComponent],
+                    host: { class: 'block min-w-0 w-full max-w-full' },
                     inputs: ['rawValue', 'rowData'],
                 }]
         }] });
@@ -10345,6 +10133,7 @@ class AXPTextBoxWidgetEditComponent extends AXPValueWidgetComponent {
     constructor() {
         super(...arguments);
         this.popupService = inject(AXPopupService);
+        this.dialogOpener = inject(AXPDialogOpener);
         this.translationService = inject(AXTranslationService);
         this.effectiveMultiLanguage = computed(() => shouldUseLocaleMapShape(!!this.options()['multiLanguage'], this.getValue(), this.fullPath()
             ? this.contextService.getSavedValue(this.fullPath())
@@ -10402,15 +10191,22 @@ class AXPTextBoxWidgetEditComponent extends AXPValueWidgetComponent {
                 multiLanguage: false,
             },
         };
-        const res = await this.popupService.open(AXPSelectLanguagePopup, {
-            title: 'Multi-language Text',
-            size: 'md',
+        const res = await this.dialogOpener.openPopup({
+            load: () => Promise.resolve(AXPSelectLanguagePopup),
             data: {
-                values: this.translationService.toLocaleMap(this.getValue(), this.currentLanguage()),
-                currentLanguage: this.currentLanguage(),
-                node: node,
-                mode: 'edit',
+                path: this.fullPath() ?? '',
+                language: this.currentLanguage(),
             },
+            show: (component) => this.popupService.open(component, {
+                title: 'Multi-language Text',
+                size: 'md',
+                data: {
+                    values: this.translationService.toLocaleMap(this.getValue(), this.currentLanguage()),
+                    currentLanguage: this.currentLanguage(),
+                    node: node,
+                    mode: 'edit',
+                },
+            }),
         });
         if (res?.data) {
             this.setValue({ ...res.data });
@@ -11734,7 +11530,7 @@ const AXPCodeEditorWidget = {
             component: () => import('./acorex-platform-framework-client-layout-widgets-code-editor-widget-edit.component-CVsPKhNl.mjs').then((c) => c.AXPCodeEditorWidgetEditComponent),
         },
         column: {
-            component: () => import('./acorex-platform-framework-client-layout-widgets-code-editor-widget-column.component-BL621E1r.mjs').then((c) => c.AXPCodeEditorWidgetColumnComponent),
+            component: () => import('./acorex-platform-framework-client-layout-widgets-code-editor-widget-column.component-DqJIiEyu.mjs').then((c) => c.AXPCodeEditorWidgetColumnComponent),
         },
         designer: {
             component: () => import('./acorex-platform-framework-client-layout-widgets-code-editor-widget-edit.component-CVsPKhNl.mjs').then((c) => c.AXPCodeEditorWidgetEditComponent),
@@ -11902,6 +11698,16 @@ class AXPDataListWidgetViewComponent extends AXPValueWidgetComponent {
         ...(ngDevMode ? [{ debugName: "onSelectionChange" }] : /* istanbul ignore next */ []));
         this.onRowCommand = computed(() => this.options()['onRowCommand'], /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "onRowCommand" }] : /* istanbul ignore next */ []));
+        this.onColumnSort = computed(() => this.options()['onColumnSort'], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "onColumnSort" }] : /* istanbul ignore next */ []));
+        this.columnSorts = computed(() => {
+            const source = this.options()['columnSorts'];
+            if (typeof source === 'function') {
+                return source() ?? [];
+            }
+            return source ?? [];
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "columnSorts" }] : /* istanbul ignore next */ []));
         this.onSelectionChanged = new EventEmitter();
         // Table Features
         this.paging = computed(() => this.options()['paging'] ?? true, /* @ts-ignore */
@@ -12046,6 +11852,17 @@ class AXPDataListWidgetViewComponent extends AXPValueWidgetComponent {
     expandHandlerFor(col) {
         return !!this.parentField() && this.firstExpandLeafName() === col.name;
     }
+    isColumnSortEnabled(col) {
+        return !!col.sortEnabled && !!this.onColumnSort();
+    }
+    resolveColumnSortDirection(columnName) {
+        const dir = this.columnSorts().find((sort) => sort.name === columnName)?.dir;
+        return dir === 'asc' || dir === 'desc' ? dir : undefined;
+    }
+    resolveColumnSortIndex(columnName) {
+        const index = this.columnSorts().findIndex((sort) => sort.name === columnName);
+        return index >= 0 ? index + 1 : undefined;
+    }
     getCommandColumnWidth() {
         const count = this.primaryCommands().length;
         return `${count * 70}px`;
@@ -12066,6 +11883,9 @@ class AXPDataListWidgetViewComponent extends AXPValueWidgetComponent {
     handleRowCommandClick(event) {
         this.onRowCommand()?.(event, this.selectedRows());
     }
+    handleColumnSort(columnName, event) {
+        this.onColumnSort()?.(columnName, event);
+    }
     outputs() {
         return [
             {
@@ -12153,7 +11973,11 @@ class AXPDataListWidgetViewComponent extends AXPValueWidgetComponent {
                         [allowResizing]="columnAllowResizing(grand)"
                         [node]="getColumnNode(grand)"
                         [customWidth]="resolveColumnWidth(grand) ?? ''"
+                        [sortEnabled]="isColumnSortEnabled(grand)"
+                        [headerSortDirection]="resolveColumnSortDirection(grand.name)"
+                        [headerSortPriority]="resolveColumnSortIndex(grand.name)"
                         [footerTemplate]="grandFooterCell"
+                        (sortToggle)="handleColumnSort(grand.name, $event)"
                       />
                     }
                   }
@@ -12171,7 +11995,11 @@ class AXPDataListWidgetViewComponent extends AXPValueWidgetComponent {
                   [allowResizing]="columnAllowResizing(child)"
                   [node]="getColumnNode(child)"
                   [customWidth]="resolveColumnWidth(child) ?? ''"
+                  [sortEnabled]="isColumnSortEnabled(child)"
+                  [headerSortDirection]="resolveColumnSortDirection(child.name)"
+                  [headerSortPriority]="resolveColumnSortIndex(child.name)"
                   [footerTemplate]="childFooterCell"
+                  (sortToggle)="handleColumnSort(child.name, $event)"
                 />
               }
             }
@@ -12189,7 +12017,11 @@ class AXPDataListWidgetViewComponent extends AXPValueWidgetComponent {
             [allowResizing]="columnAllowResizing(col)"
             [node]="getColumnNode(col)"
             [customWidth]="resolveColumnWidth(col) ?? ''"
+            [sortEnabled]="isColumnSortEnabled(col)"
+            [headerSortDirection]="resolveColumnSortDirection(col.name)"
+            [headerSortPriority]="resolveColumnSortIndex(col.name)"
             [footerTemplate]="colFooterCell"
+            (sortToggle)="handleColumnSort(col.name, $event)"
           />
         }
       }
@@ -12282,7 +12114,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         [allowResizing]="columnAllowResizing(grand)"
                         [node]="getColumnNode(grand)"
                         [customWidth]="resolveColumnWidth(grand) ?? ''"
+                        [sortEnabled]="isColumnSortEnabled(grand)"
+                        [headerSortDirection]="resolveColumnSortDirection(grand.name)"
+                        [headerSortPriority]="resolveColumnSortIndex(grand.name)"
                         [footerTemplate]="grandFooterCell"
+                        (sortToggle)="handleColumnSort(grand.name, $event)"
                       />
                     }
                   }
@@ -12300,7 +12136,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                   [allowResizing]="columnAllowResizing(child)"
                   [node]="getColumnNode(child)"
                   [customWidth]="resolveColumnWidth(child) ?? ''"
+                  [sortEnabled]="isColumnSortEnabled(child)"
+                  [headerSortDirection]="resolveColumnSortDirection(child.name)"
+                  [headerSortPriority]="resolveColumnSortIndex(child.name)"
                   [footerTemplate]="childFooterCell"
+                  (sortToggle)="handleColumnSort(child.name, $event)"
                 />
               }
             }
@@ -12318,7 +12158,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
             [allowResizing]="columnAllowResizing(col)"
             [node]="getColumnNode(col)"
             [customWidth]="resolveColumnWidth(col) ?? ''"
+            [sortEnabled]="isColumnSortEnabled(col)"
+            [headerSortDirection]="resolveColumnSortDirection(col.name)"
+            [headerSortPriority]="resolveColumnSortIndex(col.name)"
             [footerTemplate]="colFooterCell"
+            (sortToggle)="handleColumnSort(col.name, $event)"
           />
         }
       }
@@ -19566,7 +19410,7 @@ const AXPRepeaterWidget = {
             component: () => Promise.resolve().then(function () { return repeaterWidgetDesigner_component; }).then((c) => c.AXPRepeaterWidgetDesignerComponent),
         },
         column: {
-            component: () => import('./acorex-platform-framework-client-layout-widgets-repeater-widget-column.component-BiGUrkFi.mjs').then((c) => c.AXPRepeaterWidgetColumnComponent),
+            component: () => import('./acorex-platform-framework-client-layout-widgets-repeater-widget-column.component-kwbJdTwe.mjs').then((c) => c.AXPRepeaterWidgetColumnComponent),
         },
     },
 };
@@ -23422,7 +23266,7 @@ class AXPLocalDataSourceSheetWidgetEditComponent extends AXPValueWidgetComponent
         return columns?.length ? columns : createDefaultLocalDataSourceColumns();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPLocalDataSourceSheetWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: AXPLocalDataSourceSheetWidgetEditComponent, isStandalone: true, selector: "axp-local-data-source-sheet-widget-editor", host: { classAttribute: "block w-full min-h-80" }, usesInheritance: true, ngImport: i0, template: "<axp-spreadsheet\n  class=\"h-80\"\n  [title]=\"''\"\n  [columns]=\"sheetColumns()\"\n  [rowsModel]=\"sheetRows()\"\n  [rowMode]=\"'dynamic'\"\n  [allowAddRows]=\"true\"\n  [allowRemoveRows]=\"true\"\n  [allowAddColumns]=\"true\"\n  [allowRemoveColumns]=\"true\"\n  [emptyCellPlaceholder]=\"''\"\n  [showCellActions]=\"false\"\n  (columnsChange)=\"handleColumnsChange($event)\"\n  (spreadsheetChange)=\"handleRowsChange($event)\"\n></axp-spreadsheet>\n", dependencies: [{ kind: "component", type: AXPSpreadsheetComponent, selector: "axp-spreadsheet", inputs: ["title", "columns", "rowMode", "rowsInput", "rowsModel", "readonly", "emptyCellPlaceholder", "rowTitlePath", "rowDescriptionPath", "allowAddRows", "allowRemoveRows", "allowAddColumns", "allowRemoveColumns", "showCellActions"], outputs: ["rowsModelChange", "cellChange", "rowChange", "columnChange", "columnsChange", "spreadsheetChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: AXPLocalDataSourceSheetWidgetEditComponent, isStandalone: true, selector: "axp-local-data-source-sheet-widget-editor", host: { classAttribute: "block w-full min-h-80" }, usesInheritance: true, ngImport: i0, template: "<axp-spreadsheet\n  class=\"h-80\"\n  [title]=\"''\"\n  [columns]=\"sheetColumns()\"\n  [rowsModel]=\"sheetRows()\"\n  [rowMode]=\"'dynamic'\"\n  [allowAddRows]=\"true\"\n  [allowRemoveRows]=\"true\"\n  [allowAddColumns]=\"true\"\n  [allowRemoveColumns]=\"true\"\n  [emptyCellPlaceholder]=\"''\"\n  [showCellActions]=\"false\"\n  (columnsChange)=\"handleColumnsChange($event)\"\n  (spreadsheetChange)=\"handleRowsChange($event)\"\n></axp-spreadsheet>\n", dependencies: [{ kind: "component", type: AXPSpreadsheetComponent, selector: "axp-spreadsheet", inputs: ["title", "columns", "rowMode", "rowsInput", "rowsModel", "readonly", "emptyCellPlaceholder", "rowTitlePath", "rowDescriptionPath", "allowAddRows", "allowRemoveRows", "allowAddColumns", "allowRemoveColumns", "showCellActions", "showRowHeader", "rowGroupPath", "rowWidgets"], outputs: ["rowsModelChange", "cellChange", "rowChange", "columnChange", "columnsChange", "spreadsheetChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPLocalDataSourceSheetWidgetEditComponent, decorators: [{
             type: Component,
@@ -25964,7 +25808,7 @@ class AXPCronJobWidgetColumnComponent extends AXPColumnWidgetComponent {
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPCronJobWidgetColumnComponent, isStandalone: true, selector: "axp-cron-job-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `
     @if (summary()) {
       <!-- ----- Human-readable cron with raw tooltip ----- -->
-      <span class="text-sm" [title]="rawExpression()">{{ summary() }}</span>
+      <span class="block min-w-0 max-w-full truncate text-sm" [title]="rawExpression()">{{ summary() }}</span>
     }
     <!-- ----- Empty cron cell ----- -->
     @else {
@@ -25979,7 +25823,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                     template: `
     @if (summary()) {
       <!-- ----- Human-readable cron with raw tooltip ----- -->
-      <span class="text-sm" [title]="rawExpression()">{{ summary() }}</span>
+      <span class="block min-w-0 max-w-full truncate text-sm" [title]="rawExpression()">{{ summary() }}</span>
     }
     <!-- ----- Empty cron cell ----- -->
     @else {
@@ -26259,6 +26103,7 @@ class AXPImageWidgetColumnComponent extends AXPColumnWidgetComponent {
         super();
         //#region ----   Services & Dependencies   ----
         this.popupService = inject(AXPopupService);
+        this.dialogOpener = inject(AXPDialogOpener);
         this.imageDef = inject(AXPImageDefinitionService);
         this.fileStorage = inject(AXPFileStorageService, { optional: true });
         //#endregion
@@ -26310,13 +26155,16 @@ class AXPImageWidgetColumnComponent extends AXPColumnWidgetComponent {
         if (!src) {
             return;
         }
-        const { AXPImagePreviewPopupComponent } = await import('./acorex-platform-framework-client-layout-widgets-image-preview.popup-BOrrMm3U.mjs');
-        await this.popupService.open(AXPImagePreviewPopupComponent, {
-            title: '@platform-layout-widgets:widgets.image.dialog.title',
-            size: 'lg',
-            closeButton: true,
-            closeOnBackdropClick: true,
+        await this.dialogOpener.openPopup({
+            load: () => import('./acorex-platform-framework-client-layout-widgets-image-preview.popup-BOrrMm3U.mjs').then((module) => module.AXPImagePreviewPopupComponent),
             data: { src },
+            show: (component) => this.popupService.open(component, {
+                title: '@platform-layout-widgets:widgets.image.dialog.title',
+                size: 'lg',
+                closeButton: true,
+                closeOnBackdropClick: true,
+                data: { src },
+            }),
         });
     }
     ngOnDestroy() {
@@ -26495,6 +26343,7 @@ class AXPImageWidgetEditComponent extends AXPValueWidgetComponent {
         this.imageDef = inject(AXPImageDefinitionService);
         this.deviceService = inject(AXPDeviceService);
         this.popupService = inject(AXPopupService);
+        this.dialogOpener = inject(AXPDialogOpener);
         this.imageEditorService = inject(AXPImageEditorService);
         this.fileChooser = inject(AXPFileChooserService);
         this.fileService = inject(AXFileService);
@@ -27019,13 +26868,16 @@ class AXPImageWidgetEditComponent extends AXPValueWidgetComponent {
         if (!src) {
             return;
         }
-        const { AXPImagePreviewPopupComponent } = await import('./acorex-platform-framework-client-layout-widgets-image-preview.popup-BOrrMm3U.mjs');
-        await this.popupService.open(AXPImagePreviewPopupComponent, {
-            title: '@platform-layout-widgets:widgets.image.dialog.preview-title',
-            size: 'lg',
-            closeButton: true,
-            closeOnBackdropClick: true,
+        await this.dialogOpener.openPopup({
+            load: () => import('./acorex-platform-framework-client-layout-widgets-image-preview.popup-BOrrMm3U.mjs').then((module) => module.AXPImagePreviewPopupComponent),
             data: { src },
+            show: (component) => this.popupService.open(component, {
+                title: '@platform-layout-widgets:widgets.image.dialog.preview-title',
+                size: 'lg',
+                closeButton: true,
+                closeOnBackdropClick: true,
+                data: { src },
+            }),
         });
     }
     async handleFileUpload(file) {
@@ -28223,16 +28075,29 @@ const AXPMapWidget = {
 };
 
 class AXPMetaDataWidgetColumnComponent extends AXPColumnWidgetComponent {
+    constructor() {
+        super(...arguments);
+        this.displayText = computed(() => {
+            const value = this.rawValue;
+            if (value == null) {
+                return undefined;
+            }
+            return typeof value === 'string' ? value : String(value);
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "displayText" }] : /* istanbul ignore next */ []));
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPMetaDataWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: AXPMetaDataWidgetColumnComponent, isStandalone: true, selector: "axp-meta-data-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `{{ rawValue }}`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: AXPMetaDataWidgetColumnComponent, isStandalone: true, selector: "axp-meta-data-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, host: { classAttribute: "block min-w-0 w-full max-w-full" }, usesInheritance: true, ngImport: i0, template: `<axp-column-truncated-text [text]="displayText()" />`, isInline: true, dependencies: [{ kind: "component", type: AXPColumnTruncatedTextComponent, selector: "axp-column-truncated-text", inputs: ["text", "emptyPlaceholder", "showEmptyPlaceholder", "showTooltip", "align"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPMetaDataWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-meta-data-widget-column',
-                    template: `{{ rawValue }}`,
+                    template: `<axp-column-truncated-text [text]="displayText()" />`,
                     changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [AXPColumnTruncatedTextComponent],
                     inputs: ['rawValue', 'rowData'],
+                    host: { class: 'block min-w-0 w-full max-w-full' },
                 }]
         }] });
 
@@ -28399,15 +28264,17 @@ class AXPNumberUnitBoxWidgetColumnComponent extends AXPColumnWidgetComponent {
         ...(ngDevMode ? [{ debugName: "displayValue" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPNumberUnitBoxWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: AXPNumberUnitBoxWidgetColumnComponent, isStandalone: true, selector: "axp-number-unit-box-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `{{ displayValue() }}`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: AXPNumberUnitBoxWidgetColumnComponent, isStandalone: true, selector: "axp-number-unit-box-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, host: { classAttribute: "block min-w-0 w-full max-w-full" }, usesInheritance: true, ngImport: i0, template: `<axp-column-truncated-text [text]="displayValue()" />`, isInline: true, dependencies: [{ kind: "component", type: AXPColumnTruncatedTextComponent, selector: "axp-column-truncated-text", inputs: ["text", "emptyPlaceholder", "showEmptyPlaceholder", "showTooltip", "align"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPNumberUnitBoxWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-number-unit-box-widget-column',
-                    template: `{{ displayValue() }}`,
+                    template: `<axp-column-truncated-text [text]="displayValue()" />`,
                     changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [AXPColumnTruncatedTextComponent],
                     inputs: ['rawValue', 'rowData'],
+                    host: { class: 'block min-w-0 w-full max-w-full' },
                 }]
         }] });
 
@@ -28764,17 +28631,29 @@ const AXPTableEditorWidget = {
 };
 
 class AXPTabularDataWidgetColumnComponent extends AXPColumnWidgetComponent {
+    constructor() {
+        super(...arguments);
+        this.displayText = computed(() => {
+            const value = this.rawValue;
+            if (value == null) {
+                return undefined;
+            }
+            return typeof value === 'string' ? value : String(value);
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "displayText" }] : /* istanbul ignore next */ []));
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPTabularDataWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: AXPTabularDataWidgetColumnComponent, isStandalone: true, selector: "axp-tabular-data-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `{{ rawValue }}`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: AXPTabularDataWidgetColumnComponent, isStandalone: true, selector: "axp-tabular-data-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, host: { classAttribute: "block min-w-0 w-full max-w-full" }, usesInheritance: true, ngImport: i0, template: `<axp-column-truncated-text [text]="displayText()" />`, isInline: true, dependencies: [{ kind: "component", type: AXPColumnTruncatedTextComponent, selector: "axp-column-truncated-text", inputs: ["text", "emptyPlaceholder", "showEmptyPlaceholder", "showTooltip", "align"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPTabularDataWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-tabular-data-widget-column',
-                    template: `{{ rawValue }}`,
+                    template: `<axp-column-truncated-text [text]="displayText()" />`,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [],
+                    imports: [AXPColumnTruncatedTextComponent],
                     inputs: ['rawValue', 'rowData'],
+                    host: { class: 'block min-w-0 w-full max-w-full' },
                 }]
         }] });
 
@@ -28805,23 +28684,30 @@ class AXPTabularDataWidgetEditComponent extends AXPValueWidgetComponent {
         this.defaultRowCount = computed(() => this.options()['defaultRowCount'], /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "defaultRowCount" }] : /* istanbul ignore next */ []));
         this.popupService = inject(AXPopupService);
+        this.dialogOpener = inject(AXPDialogOpener);
         this.platform = inject(AXPlatform);
     }
     async openPopup() {
-        const { AXPTabularDataPopupComponent } = await import('./acorex-platform-framework-client-layout-widgets-tabular-data-edit-popup.component-TWxthl21.mjs');
-        const popupData = await this.popupService.open(AXPTabularDataPopupComponent, {
-            size: this.platform.is('Mobile') || this.platform.is('SM') ? 'full' : this.columns().length > 3 ? 'lg' : 'md',
-            header: true,
-            closeOnBackdropClick: true,
-            closeButton: true,
-            draggable: true,
-            title: this.path ?? '',
-            data: {
-                columns: this.columns(),
-                context: this.getValue(),
-                defaultRowCount: this.defaultRowCount(),
-            },
+        const popupData = await this.dialogOpener.openPopup({
+            load: () => import('./acorex-platform-framework-client-layout-widgets-tabular-data-edit-popup.component-TWxthl21.mjs').then((module) => module.AXPTabularDataPopupComponent),
+            data: { path: this.path ?? '' },
+            show: (component) => this.popupService.open(component, {
+                size: this.platform.is('Mobile') || this.platform.is('SM') ? 'full' : this.columns().length > 3 ? 'lg' : 'md',
+                header: true,
+                closeOnBackdropClick: true,
+                closeButton: true,
+                draggable: true,
+                title: this.path ?? '',
+                data: {
+                    columns: this.columns(),
+                    context: this.getValue(),
+                    defaultRowCount: this.defaultRowCount(),
+                },
+            }),
         });
+        if (!popupData) {
+            return;
+        }
         this.setValue(popupData.data?.context);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPTabularDataWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
@@ -28856,22 +28742,26 @@ class AXPTabularDataEditorWidgetViewComponent extends AXPValueWidgetComponent {
     constructor() {
         super(...arguments);
         this.popupService = inject(AXPopupService);
+        this.dialogOpener = inject(AXPDialogOpener);
         this.platform = inject(AXPlatform);
         this.columns = this.options()['columns'];
     }
     async openPopup() {
-        const { AXPTabularDataPopupComponent } = await import('./acorex-platform-framework-client-layout-widgets-tabular-data-view-popup.component-DP9mP1CR.mjs');
-        this.popupService.open(AXPTabularDataPopupComponent, {
-            size: this.platform.is('Mobile') || this.platform.is('SM') ? 'full' : 'md',
-            header: true,
-            closeOnBackdropClick: true,
-            closeButton: true,
-            draggable: true,
-            title: this.path ?? '',
-            data: {
-                items: this.getValue() ?? [],
-                columns: this.columns,
-            },
+        await this.dialogOpener.openPopup({
+            load: () => import('./acorex-platform-framework-client-layout-widgets-tabular-data-view-popup.component-DP9mP1CR.mjs').then((module) => module.AXPTabularDataPopupComponent),
+            data: { path: this.path ?? '' },
+            show: (component) => this.popupService.open(component, {
+                size: this.platform.is('Mobile') || this.platform.is('SM') ? 'full' : 'md',
+                header: true,
+                closeOnBackdropClick: true,
+                closeButton: true,
+                draggable: true,
+                title: this.path ?? '',
+                data: {
+                    items: this.getValue() ?? [],
+                    columns: this.columns,
+                },
+            }),
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPTabularDataEditorWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
@@ -28907,16 +28797,17 @@ class AXPTimeDurationWidgetColumnComponent extends AXPColumnWidgetComponent {
         this.internalValue.set(await this.timeDurationFormatter.millisecondsToMask(this.rawValue, this.from, this.to, this.label, this.maskDigits || '00:00:00:00:00:00:00:000', true));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPTimeDurationWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: AXPTimeDurationWidgetColumnComponent, isStandalone: true, selector: "axp-time-duration-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, usesInheritance: true, ngImport: i0, template: `{{ internalValue() }}`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: AXPTimeDurationWidgetColumnComponent, isStandalone: true, selector: "axp-time-duration-widget-column", inputs: { rawValue: "rawValue", rowData: "rowData" }, host: { classAttribute: "block min-w-0 w-full max-w-full" }, usesInheritance: true, ngImport: i0, template: `<axp-column-truncated-text [text]="internalValue()" [showEmptyPlaceholder]="false" />`, isInline: true, dependencies: [{ kind: "component", type: AXPColumnTruncatedTextComponent, selector: "axp-column-truncated-text", inputs: ["text", "emptyPlaceholder", "showEmptyPlaceholder", "showTooltip", "align"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPTimeDurationWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-time-duration-widget-column',
-                    template: `{{ internalValue() }}`,
+                    template: `<axp-column-truncated-text [text]="internalValue()" [showEmptyPlaceholder]="false" />`,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [],
+                    imports: [AXPColumnTruncatedTextComponent],
                     inputs: ['rawValue', 'rowData'],
+                    host: { class: 'block min-w-0 w-full max-w-full' },
                 }]
         }] });
 
@@ -29147,7 +29038,7 @@ class AXPTimerDurationWidgetEditComponent extends AXPValueWidgetComponent {
         }
       </ax-time-duration>
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i3.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { kind: "ngmodule", type: AXTimeDurationModule }, { kind: "component", type: i3$7.AXTimeDurationComponent, selector: "ax-time-duration", inputs: ["disabled", "tabIndex", "readonly", "look", "name", "valueStart", "valueEnd", "label", "maskDigits", "minValue", "maxValue"], outputs: ["onValueChanged"] }, { kind: "ngmodule", type: AXValidationModule }, { kind: "component", type: AXPFilterOperationsComponent, selector: "axp-filter-operations", inputs: ["selectedOperation", "type", "look", "operations"], outputs: ["selectedOperationChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i3.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { kind: "ngmodule", type: AXTimeDurationModule }, { kind: "component", type: i3$7.AXTimeDurationComponent, selector: "ax-time-duration", inputs: ["disabled", "tabIndex", "readonly", "look", "name", "valueStart", "valueEnd", "sequence", "label", "maskDigits", "minValue", "maxValue"], outputs: ["onValueChanged"] }, { kind: "ngmodule", type: AXValidationModule }, { kind: "component", type: AXPFilterOperationsComponent, selector: "axp-filter-operations", inputs: ["selectedOperation", "type", "look", "operations"], outputs: ["selectedOperationChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPTimerDurationWidgetEditComponent, decorators: [{
             type: Component,
@@ -32770,7 +32661,7 @@ const AXPTextBlockWidget = {
             component: () => Promise.resolve().then(function () { return textBlockWidgetView_component; }).then((c) => c.AXPTextBlockWidgetViewComponent),
         },
         designer: {
-            component: () => import('./acorex-platform-framework-client-layout-widgets-text-block-widget-designer.component-BYg6-PoM.mjs').then((c) => c.AXPTextBlockWidgetDesignerComponent),
+            component: () => import('./acorex-platform-framework-client-layout-widgets-text-block-widget-designer.component-Bke-Wy-4.mjs').then((c) => c.AXPTextBlockWidgetDesignerComponent),
         },
     },
 };
@@ -32951,7 +32842,7 @@ const AXPTriggersWidget = {
     properties: [AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY],
     components: {
         edit: {
-            component: () => import('./acorex-platform-framework-client-layout-widgets-triggers-widget-editor.component-B_OM0T7i.mjs').then((c) => c.AXPTriggersWidgetEditComponent),
+            component: () => import('./acorex-platform-framework-client-layout-widgets-triggers-widget-editor.component-C-r7txgg.mjs').then((c) => c.AXPTriggersWidgetEditComponent),
         },
     },
 };
@@ -32997,7 +32888,6 @@ const REGISTERED_WIDGETS = [
     AXPCheckBoxWidget,
     AXPSelectBoxWidget,
     AXPRichTextWidget,
-    AXPEditorJsWidget,
     AXPNumberBoxWidget,
     AXPSignatureWidget,
     AXPDateTimeBoxWidget,
@@ -33554,5 +33444,5 @@ var getWidgetsForAi_query = /*#__PURE__*/Object.freeze({
  * Generated bundle index. Do not edit.
  */
 
-export { AXPConditionClauseWidget as $, AXP_REPEATER_ENTITY_BY_KEY_LOOKUP as A, AXPCallbackValidationWidgetEditComponent as B, AXPCheckBoxWidget as C, AXPCheckBoxWidgetColumnComponent as D, AXPCheckBoxWidgetDesignerComponent as E, AXPCheckBoxWidgetEditComponent as F, AXPCheckBoxWidgetPrintComponent as G, AXPCheckBoxWidgetViewComponent as H, AXPCodeEditorWidget as I, AXPColorBoxWidget as J, AXPColorBoxWidgetColumnComponent as K, AXPColorBoxWidgetDesignerComponent as L, AXPColorBoxWidgetEditComponent as M, AXPColorBoxWidgetViewComponent as N, AXPColorChooserWidget as O, AXPColorChooserWidgetColumnComponent as P, AXPColorChooserWidgetDesignerComponent as Q, AXPColorChooserWidgetEditComponent as R, AXPColorChooserWidgetViewComponent as S, AXPColorPaletteWidget as T, AXPColorPaletteWidgetColumnComponent as U, AXPColorPaletteWidgetDesignerComponent as V, AXPColorPaletteWidgetEditComponent as W, AXPColorPaletteWidgetViewComponent as X, AXPConditionBuilderWidget as Y, AXPConditionBuilderWidgetEditComponent as Z, AXPConditionBuilderWidgetViewComponent as _, textBlockContentClass as a, AXPJsonViewerWidgetViewComponent as a$, AXPConditionClauseWidgetEditComponent as a0, AXPConnectedDragDropListsWidget as a1, AXPConnectedListsWidgetColumnComponent as a2, AXPConnectedListsWidgetEditComponent as a3, AXPConnectedListsWidgetViewComponent as a4, AXPContactWidget as a5, AXPContactWidgetColumnComponent as a6, AXPContactWidgetEditComponent as a7, AXPContactWidgetViewComponent as a8, AXPDataListColumnFooterComponent as a9, AXPFlexItemWidgetDesignerComponent as aA, AXPFlexItemWidgetViewComponent as aB, AXPFlexOptionsWidget as aC, AXPFlexOptionsWidgetEditComponent as aD, AXPFlexWidget as aE, AXPFlexWidgetDesignerComponent as aF, AXPFlexWidgetViewComponent as aG, AXPGetWidgetsForAIQuery as aH, AXPGreaterThanExpressionValidationWidget as aI, AXPGreaterThanValidationWidgetEditComponent as aJ, AXPGridItemOptionsWidget as aK, AXPGridItemOptionsWidgetEditComponent as aL, AXPGridOptionsWidget as aM, AXPGridOptionsWidgetEditComponent as aN, AXPImageMarkerPopupComponent as aO, AXPImageMarkerWidget as aP, AXPImageMarkerWidgetColumnComponent as aQ, AXPImageMarkerWidgetEditComponent as aR, AXPImageMarkerWidgetViewComponent as aS, AXPIntegrationConnectionActionsService as aT, AXPIntegrationConnectionsPanelWidget as aU, AXPIntegrationConnectionsPanelWidgetEditComponent as aV, AXPItemConfiguratorWidget as aW, AXPItemConfiguratorWidgetColumnComponent as aX, AXPItemConfiguratorWidgetEditComponent as aY, AXPJsonViewerWidget as aZ, AXPJsonViewerWidgetEditComponent as a_, AXPDataListWidget as aa, AXPDataListWidgetViewComponent as ab, AXPDataSourceOptionsWidget as ac, AXPDataSourceOptionsWidgetEditComponent as ad, AXPDateTimeBoxWidget as ae, AXPDateTimeBoxWidgetColumnComponent as af, AXPDateTimeBoxWidgetEditComponent as ag, AXPDateTimeBoxWidgetViewComponent as ah, AXPDirectionWidget as ai, AXPDirectionWidgetEditComponent as aj, AXPDragDropListWidget as ak, AXPEditorJsWidget as al, AXPEditorJsWidgetColumnComponent as am, AXPEditorJsWidgetEditComponent as an, AXPEditorJsWidgetViewComponent as ao, AXPEqualValidationWidget as ap, AXPEqualValidationWidgetEditComponent as aq, AXPFieldsetWidget as ar, AXPFieldsetWidgetDesignerComponent as as, AXPFieldsetWidgetViewComponent as at, AXPFileViewerWidget as au, AXPFileViewerWidgetEditComponent as av, AXPFileViewerWidgetViewComponent as aw, AXPFlexItemOptionsWidget as ax, AXPFlexItemOptionsWidgetEditComponent as ay, AXPFlexItemWidget as az, AXPAdvancedGridItemWidget as b, AXPRichTextWidgetPrintComponent as b$, AXPLargeTextWidget as b0, AXPLargeTextWidgetColumnComponent as b1, AXPLargeTextWidgetEditComponent as b2, AXPLargeTextWidgetPrintComponent as b3, AXPLargeTextWidgetViewComponent as b4, AXPLessThanExpressionValidationWidget as b5, AXPLessThanValidationWidgetEditComponent as b6, AXPListStylingRulesExtendedWidget as b7, AXPListWidgetColumnComponent as b8, AXPListWidgetEditComponent as b9, AXPProgressBarWidget as bA, AXPProgressBarWidgetColumnComponent as bB, AXPProgressBarWidgetEditComponent as bC, AXPProgressBarWidgetViewComponent as bD, AXPProviderSelectWidgetColumnComponent as bE, AXPProviderSelectWidgetEditBase as bF, AXPProviderSelectWidgetViewComponent as bG, AXPQrcodeViewerService as bH, AXPQrcodeWidget as bI, AXPQrcodeWidgetColumnComponent as bJ, AXPQrcodeWidgetEditComponent as bK, AXPQrcodeWidgetViewComponent as bL, AXPRatePickerWidget as bM, AXPRatePickerWidgetColumnComponent as bN, AXPRatePickerWidgetEditComponent as bO, AXPRatePickerWidgetViewComponent as bP, AXPRegularExpressionValidationWidget as bQ, AXPRegularExpressionValidationWidgetEditComponent as bR, AXPRepeaterWidget as bS, AXPRepeaterWidgetDesignerComponent as bT, AXPRepeaterWidgetEditComponent as bU, AXPRepeaterWidgetViewComponent as bV, AXPRequiredValidationWidget as bW, AXPRequiredValidationWidgetEditComponent as bX, AXPRichTextWidget as bY, AXPRichTextWidgetColumnComponent as bZ, AXPRichTextWidgetEditComponent as b_, AXPListWidgetViewComponent as ba, AXPLocalDataSourceSheetWidget as bb, AXPLocalDataSourceSheetWidgetEditComponent as bc, AXPMapWidgetEditComponent as bd, AXPMapWidgetViewComponent as be, AXPMaxLengthExpressionValidationWidget as bf, AXPMaxLengthValidationWidgetEditComponent as bg, AXPMinLengthExpressionValidationWidget as bh, AXPMinLengthValidationWidgetEditComponent as bi, AXPNodeRendererWidget as bj, AXPNodeRendererWidgetDesignerComponent as bk, AXPNodeRendererWidgetEditComponent as bl, AXPNodeRendererWidgetViewComponent as bm, AXPNumberBoxWidget as bn, AXPNumberBoxWidgetColumnComponent as bo, AXPNumberBoxWidgetEditComponent as bp, AXPNumberBoxWidgetPrintComponent as bq, AXPNumberBoxWidgetViewComponent as br, AXPOutcomeResultsViewerWidget as bs, AXPOutcomeResultsViewerWidgetViewComponent as bt, AXPPageWidget as bu, AXPPageWidgetViewComponent as bv, AXPPasswordBoxWidget as bw, AXPPasswordBoxWidgetColumnComponent as bx, AXPPasswordBoxWidgetEditComponent as by, AXPPasswordBoxWidgetViewComponent as bz, AXPAdvancedGridItemWidgetDesignerComponent as c, AXP_DATA_LIST_PENDING_DELETE_KEY as c$, AXPRichTextWidgetViewComponent as c0, AXPSchedulerPickerWidget as c1, AXPSelectBoxWidget as c2, AXPSelectBoxWidgetColumnComponent as c3, AXPSelectBoxWidgetEditComponent as c4, AXPSelectBoxWidgetViewComponent as c5, AXPSelectLanguagePopup as c6, AXPSelectionListWidget as c7, AXPSelectionListWidgetColumnComponent as c8, AXPSelectionListWidgetDesignerComponent as c9, AXPTagEditorWidgetEditComponent as cA, AXPTagEditorWidgetViewComponent as cB, AXPTemplateBoxWidget as cC, AXPTemplateBoxWidgetColumnComponent as cD, AXPTemplateBoxWidgetEditComponent as cE, AXPTemplateBoxWidgetPrintComponent as cF, AXPTemplateBoxWidgetViewComponent as cG, AXPTextBoxWidget as cH, AXPTextBoxWidgetColumnComponent as cI, AXPTextBoxWidgetEditComponent as cJ, AXPTextBoxWidgetPrintComponent as cK, AXPTextBoxWidgetViewComponent as cL, AXPToggleWidget as cM, AXPToggleWidgetColumnComponent as cN, AXPToggleWidgetEditComponent as cO, AXPToggleWidgetPrintComponent as cP, AXPToggleWidgetViewComponent as cQ, AXPWidgetFieldConfiguratorWidget as cR, AXPWidgetFieldConfiguratorWidgetColumnComponent as cS, AXPWidgetFieldConfiguratorWidgetEditComponent as cT, AXPWidgetsModule as cU, AXP_ABSOLUTE_UNITS as cV, AXP_BORDER_RADIUS_UNITS as cW, AXP_BORDER_WIDTH_UNITS as cX, AXP_CONDITION_CLAUSE_WIDGET_NAME as cY, AXP_DATA_LIST_CMD_DELETE as cZ, AXP_DATA_LIST_CMD_EDIT as c_, AXPSelectionListWidgetEditComponent as ca, AXPSelectionListWidgetViewComponent as cb, AXPSignatureWidget as cc, AXPSignatureWidgetColumnComponent as cd, AXPSignatureWidgetEditComponent as ce, AXPSignatureWidgetViewComponent as cf, AXPSpacingWidget as cg, AXPSpacingWidgetEditComponent as ch, AXPStatusChipComponent as ci, AXPStatusWidget as cj, AXPStatusWidgetColumnComponent as ck, AXPStatusWidgetEditComponent as cl, AXPStatusWidgetViewComponent as cm, AXPStepWizardWidget as cn, AXPStepWizardWidgetDesignerComponent as co, AXPStepWizardWidgetViewComponent as cp, AXPStopwatchWidget as cq, AXPStopwatchWidgetViewComponent as cr, AXPTableItemWidget as cs, AXPTableItemWidgetDesignerComponent as ct, AXPTableItemWidgetViewComponent as cu, AXPTableWidget as cv, AXPTableWidgetDesignerComponent as cw, AXPTableWidgetViewComponent as cx, AXPTagEditorWidget as cy, AXPTagEditorWidgetColumnComponent as cz, AXPAdvancedGridItemWidgetViewComponent as d, AXP_DATETIME_FILTER_DEFAULT_OPERATOR as d0, AXP_Flex_Box_Align_Options as d1, AXP_Flex_Box_Alignments as d2, AXP_Flex_Box_Justify_Options as d3, AXP_Grid_Box_Align_Items_Options as d4, AXP_Grid_Box_Alignments as d5, AXP_Grid_Box_Justify_Items_Options as d6, AXP_LIST_STYLING_RULES_WIDGET_NAME as d7, AXP_LOCAL_DATA_SOURCE_SHEET_WIDGET_NAME as d8, AXP_RELATIVE_UNITS as d9, AXP_RELATIVE_UNITS_NO_PERCENT as da, AXP_ROW_EXPR_PREFIX as db, AXP_SELECT_FILTER_DEFAULT_OPERATOR as dc, AXP_SPACING_UNITS as dd, AXP_default_Border_Box_Units as de, AXP_default_Border_Box_Value as df, AXP_default_Spacing_Box_Units as dg, AXP_default_Spacing_Box_Value as dh, DEFAULT_QRCODE_SIZE as di, DEFAULT_STRATEGY_CONFIG as dj, STRATEGY_CONFIG_TOKEN as dk, applyLeafVisibilityToDataListColumnTree as dl, flattenDataListWidgetColumns as dm, formatConditionBuilderChip as dn, formatConditionBuilderSentence as dp, isDataListColumnBand as dq, prepareNodeRendererChild as dr, resolveColorChooserGroups as ds, resolveDataListColumnWidth as dt, tokensToPlainText as du, AXPAdvancedGridOptionsWidget as e, AXPAdvancedGridOptionsWidgetEditComponent as f, AXPAdvancedGridWidget as g, AXPAdvancedGridWidgetDesignerComponent as h, AXPAdvancedGridWidgetViewComponent as i, AXPAvatarWidget as j, AXPAvatarWidgetColumnComponent as k, AXPAvatarWidgetDesignerComponent as l, AXPAvatarWidgetEditComponent as m, AXPAvatarWidgetViewComponent as n, AXPBetweenExpressionValidationWidget as o, AXPBetweenValidationWidgetEditComponent as p, AXPBlockWidget as q, AXPBlockWidgetDesignerComponent as r, AXPBlockWidgetViewComponent as s, textBlockStyleAttribute as t, AXPBorderWidget as u, AXPBorderWidgetEditComponent as v, AXPButtonWidget as w, AXPButtonWidgetColumnComponent as x, AXPButtonWidgetViewComponent as y, AXPCallbackValidationWidget as z };
-//# sourceMappingURL=acorex-platform-framework-client-layout-widgets-acorex-platform-framework-client-layout-widgets-DuFZf8eb.mjs.map
+export { AXPConditionClauseWidget as $, AXP_REPEATER_ENTITY_BY_KEY_LOOKUP as A, AXPCallbackValidationWidgetEditComponent as B, AXPCheckBoxWidget as C, AXPCheckBoxWidgetColumnComponent as D, AXPCheckBoxWidgetDesignerComponent as E, AXPCheckBoxWidgetEditComponent as F, AXPCheckBoxWidgetPrintComponent as G, AXPCheckBoxWidgetViewComponent as H, AXPCodeEditorWidget as I, AXPColorBoxWidget as J, AXPColorBoxWidgetColumnComponent as K, AXPColorBoxWidgetDesignerComponent as L, AXPColorBoxWidgetEditComponent as M, AXPColorBoxWidgetViewComponent as N, AXPColorChooserWidget as O, AXPColorChooserWidgetColumnComponent as P, AXPColorChooserWidgetDesignerComponent as Q, AXPColorChooserWidgetEditComponent as R, AXPColorChooserWidgetViewComponent as S, AXPColorPaletteWidget as T, AXPColorPaletteWidgetColumnComponent as U, AXPColorPaletteWidgetDesignerComponent as V, AXPColorPaletteWidgetEditComponent as W, AXPColorPaletteWidgetViewComponent as X, AXPConditionBuilderWidget as Y, AXPConditionBuilderWidgetEditComponent as Z, AXPConditionBuilderWidgetViewComponent as _, textBlockContentClass as a, AXPLargeTextWidgetPrintComponent as a$, AXPConditionClauseWidgetEditComponent as a0, AXPConnectedDragDropListsWidget as a1, AXPConnectedListsWidgetColumnComponent as a2, AXPConnectedListsWidgetEditComponent as a3, AXPConnectedListsWidgetViewComponent as a4, AXPContactWidget as a5, AXPContactWidgetColumnComponent as a6, AXPContactWidgetEditComponent as a7, AXPContactWidgetViewComponent as a8, AXPDataListColumnFooterComponent as a9, AXPFlexWidget as aA, AXPFlexWidgetDesignerComponent as aB, AXPFlexWidgetViewComponent as aC, AXPGetWidgetsForAIQuery as aD, AXPGreaterThanExpressionValidationWidget as aE, AXPGreaterThanValidationWidgetEditComponent as aF, AXPGridItemOptionsWidget as aG, AXPGridItemOptionsWidgetEditComponent as aH, AXPGridOptionsWidget as aI, AXPGridOptionsWidgetEditComponent as aJ, AXPImageMarkerPopupComponent as aK, AXPImageMarkerWidget as aL, AXPImageMarkerWidgetColumnComponent as aM, AXPImageMarkerWidgetEditComponent as aN, AXPImageMarkerWidgetViewComponent as aO, AXPIntegrationConnectionActionsService as aP, AXPIntegrationConnectionsPanelWidget as aQ, AXPIntegrationConnectionsPanelWidgetEditComponent as aR, AXPItemConfiguratorWidget as aS, AXPItemConfiguratorWidgetColumnComponent as aT, AXPItemConfiguratorWidgetEditComponent as aU, AXPJsonViewerWidget as aV, AXPJsonViewerWidgetEditComponent as aW, AXPJsonViewerWidgetViewComponent as aX, AXPLargeTextWidget as aY, AXPLargeTextWidgetColumnComponent as aZ, AXPLargeTextWidgetEditComponent as a_, AXPDataListWidget as aa, AXPDataListWidgetViewComponent as ab, AXPDataSourceOptionsWidget as ac, AXPDataSourceOptionsWidgetEditComponent as ad, AXPDateTimeBoxWidget as ae, AXPDateTimeBoxWidgetColumnComponent as af, AXPDateTimeBoxWidgetEditComponent as ag, AXPDateTimeBoxWidgetViewComponent as ah, AXPDirectionWidget as ai, AXPDirectionWidgetEditComponent as aj, AXPDragDropListWidget as ak, AXPEqualValidationWidget as al, AXPEqualValidationWidgetEditComponent as am, AXPFieldsetWidget as an, AXPFieldsetWidgetDesignerComponent as ao, AXPFieldsetWidgetViewComponent as ap, AXPFileViewerWidget as aq, AXPFileViewerWidgetEditComponent as ar, AXPFileViewerWidgetViewComponent as as, AXPFlexItemOptionsWidget as at, AXPFlexItemOptionsWidgetEditComponent as au, AXPFlexItemWidget as av, AXPFlexItemWidgetDesignerComponent as aw, AXPFlexItemWidgetViewComponent as ax, AXPFlexOptionsWidget as ay, AXPFlexOptionsWidgetEditComponent as az, AXPAdvancedGridItemWidget as b, AXPSelectBoxWidgetColumnComponent as b$, AXPLargeTextWidgetViewComponent as b0, AXPLessThanExpressionValidationWidget as b1, AXPLessThanValidationWidgetEditComponent as b2, AXPListStylingRulesExtendedWidget as b3, AXPListWidgetColumnComponent as b4, AXPListWidgetEditComponent as b5, AXPListWidgetViewComponent as b6, AXPLocalDataSourceSheetWidget as b7, AXPLocalDataSourceSheetWidgetEditComponent as b8, AXPMapWidgetEditComponent as b9, AXPProviderSelectWidgetColumnComponent as bA, AXPProviderSelectWidgetEditBase as bB, AXPProviderSelectWidgetViewComponent as bC, AXPQrcodeViewerService as bD, AXPQrcodeWidget as bE, AXPQrcodeWidgetColumnComponent as bF, AXPQrcodeWidgetEditComponent as bG, AXPQrcodeWidgetViewComponent as bH, AXPRatePickerWidget as bI, AXPRatePickerWidgetColumnComponent as bJ, AXPRatePickerWidgetEditComponent as bK, AXPRatePickerWidgetViewComponent as bL, AXPRegularExpressionValidationWidget as bM, AXPRegularExpressionValidationWidgetEditComponent as bN, AXPRepeaterWidget as bO, AXPRepeaterWidgetDesignerComponent as bP, AXPRepeaterWidgetEditComponent as bQ, AXPRepeaterWidgetViewComponent as bR, AXPRequiredValidationWidget as bS, AXPRequiredValidationWidgetEditComponent as bT, AXPRichTextWidget as bU, AXPRichTextWidgetColumnComponent as bV, AXPRichTextWidgetEditComponent as bW, AXPRichTextWidgetPrintComponent as bX, AXPRichTextWidgetViewComponent as bY, AXPSchedulerPickerWidget as bZ, AXPSelectBoxWidget as b_, AXPMapWidgetViewComponent as ba, AXPMaxLengthExpressionValidationWidget as bb, AXPMaxLengthValidationWidgetEditComponent as bc, AXPMinLengthExpressionValidationWidget as bd, AXPMinLengthValidationWidgetEditComponent as be, AXPNodeRendererWidget as bf, AXPNodeRendererWidgetDesignerComponent as bg, AXPNodeRendererWidgetEditComponent as bh, AXPNodeRendererWidgetViewComponent as bi, AXPNumberBoxWidget as bj, AXPNumberBoxWidgetColumnComponent as bk, AXPNumberBoxWidgetEditComponent as bl, AXPNumberBoxWidgetPrintComponent as bm, AXPNumberBoxWidgetViewComponent as bn, AXPOutcomeResultsViewerWidget as bo, AXPOutcomeResultsViewerWidgetViewComponent as bp, AXPPageWidget as bq, AXPPageWidgetViewComponent as br, AXPPasswordBoxWidget as bs, AXPPasswordBoxWidgetColumnComponent as bt, AXPPasswordBoxWidgetEditComponent as bu, AXPPasswordBoxWidgetViewComponent as bv, AXPProgressBarWidget as bw, AXPProgressBarWidgetColumnComponent as bx, AXPProgressBarWidgetEditComponent as by, AXPProgressBarWidgetViewComponent as bz, AXPAdvancedGridItemWidgetDesignerComponent as c, AXP_Flex_Box_Justify_Options as c$, AXPSelectBoxWidgetEditComponent as c0, AXPSelectBoxWidgetViewComponent as c1, AXPSelectLanguagePopup as c2, AXPSelectionListWidget as c3, AXPSelectionListWidgetColumnComponent as c4, AXPSelectionListWidgetDesignerComponent as c5, AXPSelectionListWidgetEditComponent as c6, AXPSelectionListWidgetViewComponent as c7, AXPSignatureWidget as c8, AXPSignatureWidgetColumnComponent as c9, AXPTemplateBoxWidgetEditComponent as cA, AXPTemplateBoxWidgetPrintComponent as cB, AXPTemplateBoxWidgetViewComponent as cC, AXPTextBoxWidget as cD, AXPTextBoxWidgetColumnComponent as cE, AXPTextBoxWidgetEditComponent as cF, AXPTextBoxWidgetPrintComponent as cG, AXPTextBoxWidgetViewComponent as cH, AXPToggleWidget as cI, AXPToggleWidgetColumnComponent as cJ, AXPToggleWidgetEditComponent as cK, AXPToggleWidgetPrintComponent as cL, AXPToggleWidgetViewComponent as cM, AXPWidgetFieldConfiguratorWidget as cN, AXPWidgetFieldConfiguratorWidgetColumnComponent as cO, AXPWidgetFieldConfiguratorWidgetEditComponent as cP, AXPWidgetsModule as cQ, AXP_ABSOLUTE_UNITS as cR, AXP_BORDER_RADIUS_UNITS as cS, AXP_BORDER_WIDTH_UNITS as cT, AXP_CONDITION_CLAUSE_WIDGET_NAME as cU, AXP_DATA_LIST_CMD_DELETE as cV, AXP_DATA_LIST_CMD_EDIT as cW, AXP_DATA_LIST_PENDING_DELETE_KEY as cX, AXP_DATETIME_FILTER_DEFAULT_OPERATOR as cY, AXP_Flex_Box_Align_Options as cZ, AXP_Flex_Box_Alignments as c_, AXPSignatureWidgetEditComponent as ca, AXPSignatureWidgetViewComponent as cb, AXPSpacingWidget as cc, AXPSpacingWidgetEditComponent as cd, AXPStatusChipComponent as ce, AXPStatusWidget as cf, AXPStatusWidgetColumnComponent as cg, AXPStatusWidgetEditComponent as ch, AXPStatusWidgetViewComponent as ci, AXPStepWizardWidget as cj, AXPStepWizardWidgetDesignerComponent as ck, AXPStepWizardWidgetViewComponent as cl, AXPStopwatchWidget as cm, AXPStopwatchWidgetViewComponent as cn, AXPTableItemWidget as co, AXPTableItemWidgetDesignerComponent as cp, AXPTableItemWidgetViewComponent as cq, AXPTableWidget as cr, AXPTableWidgetDesignerComponent as cs, AXPTableWidgetViewComponent as ct, AXPTagEditorWidget as cu, AXPTagEditorWidgetColumnComponent as cv, AXPTagEditorWidgetEditComponent as cw, AXPTagEditorWidgetViewComponent as cx, AXPTemplateBoxWidget as cy, AXPTemplateBoxWidgetColumnComponent as cz, AXPAdvancedGridItemWidgetViewComponent as d, AXP_Grid_Box_Align_Items_Options as d0, AXP_Grid_Box_Alignments as d1, AXP_Grid_Box_Justify_Items_Options as d2, AXP_LIST_STYLING_RULES_WIDGET_NAME as d3, AXP_LOCAL_DATA_SOURCE_SHEET_WIDGET_NAME as d4, AXP_RELATIVE_UNITS as d5, AXP_RELATIVE_UNITS_NO_PERCENT as d6, AXP_ROW_EXPR_PREFIX as d7, AXP_SELECT_FILTER_DEFAULT_OPERATOR as d8, AXP_SPACING_UNITS as d9, AXP_default_Border_Box_Units as da, AXP_default_Border_Box_Value as db, AXP_default_Spacing_Box_Units as dc, AXP_default_Spacing_Box_Value as dd, DEFAULT_QRCODE_SIZE as de, DEFAULT_STRATEGY_CONFIG as df, STRATEGY_CONFIG_TOKEN as dg, applyLeafVisibilityToDataListColumnTree as dh, flattenDataListWidgetColumns as di, formatConditionBuilderChip as dj, formatConditionBuilderSentence as dk, isDataListColumnBand as dl, prepareNodeRendererChild as dm, resolveColorChooserGroups as dn, resolveDataListColumnWidth as dp, tokensToPlainText as dq, AXPAdvancedGridOptionsWidget as e, AXPAdvancedGridOptionsWidgetEditComponent as f, AXPAdvancedGridWidget as g, AXPAdvancedGridWidgetDesignerComponent as h, AXPAdvancedGridWidgetViewComponent as i, AXPAvatarWidget as j, AXPAvatarWidgetColumnComponent as k, AXPAvatarWidgetDesignerComponent as l, AXPAvatarWidgetEditComponent as m, AXPAvatarWidgetViewComponent as n, AXPBetweenExpressionValidationWidget as o, AXPBetweenValidationWidgetEditComponent as p, AXPBlockWidget as q, AXPBlockWidgetDesignerComponent as r, AXPBlockWidgetViewComponent as s, textBlockStyleAttribute as t, AXPBorderWidget as u, AXPBorderWidgetEditComponent as v, AXPButtonWidget as w, AXPButtonWidgetColumnComponent as x, AXPButtonWidgetViewComponent as y, AXPCallbackValidationWidget as z };
+//# sourceMappingURL=acorex-platform-framework-client-layout-widgets-acorex-platform-framework-client-layout-widgets-D9WiRo-_.mjs.map