@acorex/platform 21.0.0-next.91 → 21.0.0-next.93

package/fesm2022/{acorex-platform-layout-widgets-tabular-data-edit-popup.component-BvFykMTH.mjs → acorex-platform-layout-widgets-tabular-data-edit-popup.component-DIDziLAT.mjs}

@@ -1,3 +1,4 @@
+import { AXPDataGenerator } from '@acorex/platform/contracts';
 import * as i1 from '@acorex/components/button';
 import { AXButtonModule } from '@acorex/components/button';
 import { AXDataSource } from '@acorex/cdk/common';
@@ -10,7 +11,6 @@ import { AXFormModule } from '@acorex/components/form';
 import { AXBasePageComponent } from '@acorex/components/page';
 import * as i6 from '@acorex/core/translation';
 import { AXTranslationModule } from '@acorex/core/translation';
-import { AXPDataGenerator } from '@acorex/platform/contracts';
 import * as i1$1 from '@acorex/platform/layout/widget-core';
 import { AXPWidgetCoreModule } from '@acorex/platform/layout/widget-core';
 import * as i1$3 from '@angular/common';
@@ -271,4 +271,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         }], propDecorators: { grid: [{ type: i0.ViewChild, args: ['grid', { isSignal: true }] }] } });
 
 export { AXPTabularDataPopupComponent };
-//# sourceMappingURL=acorex-platform-layout-widgets-tabular-data-edit-popup.component-BvFykMTH.mjs.map
+//# sourceMappingURL=acorex-platform-layout-widgets-tabular-data-edit-popup.component-DIDziLAT.mjs.map

package/fesm2022/acorex-platform-layout-widgets-tabular-data-edit-popup.component-DIDziLAT.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-layout-widgets-tabular-data-edit-popup.component-DIDziLAT.mjs","sources":["../../../../libs/platform/layout/widgets/src/lib/widgets/editors/tabular-data/tabular-data-edit-popup.component.ts"],"sourcesContent":["import { AXPContextChangeEvent, AXPDataGenerator } from '@acorex/platform/contracts';\nimport { AXButtonModule } from '@acorex/components/button';\nimport { AXDataSource } from '@acorex/cdk/common';\nimport {\n  AXDataTableComponent,\n  AXDataTableModule,\n  AXRowCommandItem,\n  AXRowCommandItemClickEvent,\n} from '@acorex/components/data-table';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXFormComponent, AXFormModule } from '@acorex/components/form';\nimport { AXBasePageComponent } from '@acorex/components/page';\nimport { AXTranslationModule } from '@acorex/core/translation';\n\nimport { AXPWidgetCoreModule } from '@acorex/platform/layout/widget-core';\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, viewChild } from '@angular/core';\nimport { cloneDeep } from 'lodash-es';\nimport { AXPTabularDataColumn } from './tabular-widget.types';\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <axp-widgets-container [context]=\"context\" (onContextChanged)=\"handleContextChange($event)\">\n      <ax-form #form>\n        <div class=\"ax-p-4\">\n          <ax-data-table\n            #grid\n            [paging]=\"false\"\n            [allowReordering]=\"true\"\n            (selectedRowsChange)=\"handleSelectionChange($event)\"\n            [dataSource]=\"dataSource\"\n            class=\"ax-h-96 ax-overflow-auto\"\n          >\n            @for (column of columns; track $index) {\n              <ax-text-column\n                width=\"200px\"\n                [caption]=\"column.title\"\n                [dataField]=\"column.name\"\n                [cellTemplate]=\"cell\"\n                [allowResizing]=\"true\"\n              ></ax-text-column>\n              <ng-template #cell let-item>\n                <ng-container\n                  axp-widget-renderer\n                  [node]=\"{\n                    path: item.rowIndex + '.' + column.name,\n                    type: column.type,\n                    options: column.options ?? {},\n                  }\"\n                  [mode]=\"'edit'\"\n                >\n                </ng-container>\n              </ng-template>\n            }\n            <ax-command-column\n              fixed=\"end\"\n              [width]=\"getCommandRowItems.length * 60 + 'px'\"\n              [items]=\"getCommandRowItems\"\n              (onItemClick)=\"handleRowCommandClick($event)\"\n            ></ax-command-column>\n          </ax-data-table>\n          @if (!disabled) {\n            <div class=\"ax-flex ax-justify-end ax-py-4\">\n              <ax-button\n                [text]=\"(this.context ?? []).length ? 'Start Adding Items' : 'Add Your First Item'\"\n                look=\"twotone\"\n                [disabled]=\"disabled\"\n                (onClick)=\"addRecord()\"\n                class=\"ax-col-start-10  ax-col-end-13\"\n              >\n                <ax-prefix>\n                  <ax-icon class=\"fa-solid fa-add\"></ax-icon>\n                </ax-prefix>\n              </ax-button>\n            </div>\n          }\n        </div>\n        <ax-footer>\n          <ax-suffix>\n            <ax-button [text]=\"'@general:actions.discard.title' | translate | async\" (onClick)=\"onCloseDiscard()\"></ax-button>\n            <ax-button\n              color=\"primary\"\n              [text]=\"'@general:actions.ok.title' | translate | async\"\n              (onClick)=\"handleSaveClick(form)\"\n            ></ax-button>\n          </ax-suffix>\n        </ax-footer>\n      </ax-form>\n    </axp-widgets-container>\n  `,\n  imports: [\n    CommonModule,\n    AXDecoratorModule,\n    AXButtonModule,\n    AXPWidgetCoreModule,\n    AXDataTableModule,\n    AXTranslationModule,\n    AXFormModule,\n  ],\n})\nexport class AXPTabularDataPopupComponent extends AXBasePageComponent {\n  context: any;\n  columns: AXPTabularDataColumn[];\n  disabled: boolean = false;\n  defaultRowCount: number = 0;\n  contextDiscard: any;\n\n  getCommandRowItems: AXRowCommandItem[] = [\n    {\n      name: 'delete',\n      text: \"@general:actions.delete.title\",\n      icon: 'fa-light fa-trash ax-text-danger',\n      //divided: boolean,\n      //disabled: boolean,\n      color: 'danger',\n    },\n  ];\n\n  protected override ngOnInit(): void {\n    this.columns = this.columns.filter((col) => col.name != null && col.name != '' && col.type != null);\n\n    this.columns = this.columns.map((col) => {\n      return {\n        ...col,\n        options: {\n          ...(col.options ?? {}),\n          validationRules: [\n            {\n              rule: 'required',\n            },\n          ],\n        },\n      };\n    });\n    this.contextDiscard = cloneDeep(this.context);\n    if (this.context == null || this.context?.length == 0) {\n      for (let i = 0; i < this.defaultRowCount; i++) {\n        this.addRecord();\n      }\n    }\n  }\n\n  protected dataSource = new AXDataSource({\n    load: async () => {\n      this.context = (this.context ?? []).map((x: any) => {\n        return {\n          ...x,\n          id: AXPDataGenerator.uuid(),\n          options: {},\n        };\n      });\n      const items = this.context;\n      console.log(this.context);\n\n      return {\n        items: items ?? [],\n        total: (items ?? []).length,\n      };\n    },\n    pageSize: 1,\n    key: 'gridItem',\n  });\n\n  protected grid = viewChild<AXDataTableComponent>('grid');\n\n  handleContextChange(e: AXPContextChangeEvent) {\n    this.context = e.data;\n  }\n\n  onCloseDiscard() {\n    this.close({\n      context: this.contextDiscard,\n    });\n  }\n\n  addRecord() {\n    console.log(this.columns);\n\n    const value = this.context ?? [];\n    const newRecord = this.columns?.reduce((acc: { [key: string]: any }, column) => {\n      acc[column.name] = ''; // or any default value\n      return acc;\n    }, {});\n    console.log(value);\n    this.context = [...value, newRecord];\n    this.grid()?.refresh();\n  }\n\n  handleSelectionChange(e: any) {\n    console.log(e);\n  }\n\n  protected async handleRowCommandClick(e: AXRowCommandItemClickEvent) {\n    if (e.name == 'delete') {\n      this.context = this.context.filter((item: any) => item.id !== e.data.id);\n      this.grid()?.refresh();\n    }\n  }\n\n  protected async handleSaveClick(form: AXFormComponent) {\n    const formResult = await form.validate();\n    console.log(formResult.rules);\n\n    if (formResult.result) {\n      this.close({\n        context: this.context,\n      });\n    }\n  }\n}\n"],"names":["i1","i2","i3","i4","i5","i6","i7"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import * as i1 from '@acorex/platform/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, cloneProperty, AXP_TEXT_PROPERTY, AXPWidgetGroupEnum, 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, createSelectProperty, AXP_BEHAVIOR_PROPERTY_GROUP, createStringProperty, AXP_WIDGETS_EDITOR_SUB_COMPOSITE, createBooleanProperty, 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, createNumberProperty, 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, AXPWidgetStatus, 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_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_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, findNonEmptyBreakpoints, 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/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_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_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, findNonEmptyBreakpoints, 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/layout/widget-core';
 export * from '@acorex/platform/layout/widget-core';
 import { AXActionSheetService } from '@acorex/components/action-sheet';
 import * as i1$3 from '@acorex/components/badge';
@@ -21,7 +21,7 @@ import * as i1$6 from '@acorex/components/text-box';
 import { AXTextBoxModule } from '@acorex/components/text-box';
 import * as i6 from '@acorex/core/translation';
 import { AXTranslationModule, AXTranslationService, resolveMultiLanguageString } from '@acorex/core/translation';
-import { AXP_LOCALE_MANAGEMENT_PORT, AXPFilterOperatorMiddlewareService, AXPCleanNestedFilters, AXPClipBoardService, AXPSettingsService, ALL_DEFAULT_OPERATORS, DATE_OPERATORS, BOOLEAN_OPERATORS, NUMBER_OPERATORS, STRING_OPERATORS, resolveDateFilterPresets, findManualPresetIdByOperation, applyDateFilterPreset, AXPFileStorageService, AXPFileActionsService, AXPIntegrationProviderRegistryService, normalizePositiveNumberOption, resolveEntityRowDisplayText, resolveEntityRowDisplayTitle, downloadGraphicFromElement, printGraphicFromElement, AXPStatusDefinitionProviderService, AXPRefreshEvent, AXPCommonSettings } from '@acorex/platform/common';
+import { AXP_LOCALE_MANAGEMENT_PORT, AXPFilterOperatorMiddlewareService, AXPCleanNestedFilters, AXPClipBoardService, AXPSettingsService, ALL_DEFAULT_OPERATORS, DATE_OPERATORS, BOOLEAN_OPERATORS, NUMBER_OPERATORS, STRING_OPERATORS, resolveDateFilterPresets, findManualPresetIdByOperation, applyDateFilterPreset, AXPFileStorageService, AXPFileActionsService, normalizePositiveNumberOption, resolveEntityRowDisplayText, resolveEntityRowDisplayTitle, downloadGraphicFromElement, printGraphicFromElement, AXPStatusDefinitionProviderService, AXPRefreshEvent, AXPCommonSettings } from '@acorex/platform/common';
 import { AXPDeviceService, setupPopupFooterKeyboardShortcuts, AXPColorPaletteService, AXPDebugService, FORM_DIRTY_TRACE_NS, AXPTagService, AXPExpressionEvaluatorService, AXPHookService, AXPDataSourceDefinitionProviderService, applyQueryArray, chordToKbdItemKeys, objectKeyValueTransforms } from '@acorex/platform/core';
 import * as i1$4 from '@angular/common';
 import { CommonModule, AsyncPipe } from '@angular/common';
@@ -36,6 +36,7 @@ import { set, get, castArray, isNil, isNull, isEmpty, first, isNumber, defaultTo
 import * as i2$2 from '@acorex/components/loading';
 import { AXLoadingModule } from '@acorex/components/loading';
 import { AXPCommandService, AXPQueryService, provideQuerySetups } from '@acorex/platform/runtime';
+import { cloneProperty, AXPWidgetGroupEnum, createSelectProperty, createStringProperty, createBooleanProperty, createNumberProperty, AXPWidgetStatus } from '@acorex/platform/layout/widget-core-contracts';
 import { AXPConditionBuilderComponent, AXPColorPalettePickerComponent, AXPDragDropListComponent, AXPColumnItemListComponent, AXPImageEditorService, AXPStateMessageComponent, AXPOutcomeResultsViewerComponent, AXPSignatureEditorService, AXPStopwatchComponent, AXPWidgetFieldConfiguratorComponent, AXPItemConfiguratorComponent, AXPRepeaterRowsLayoutComponent, AXPQueryFiltersComponent, AXPQuerySortsComponent, AXPQueryColumnsComponent } from '@acorex/platform/layout/components';
 import { AXValidationModule, AXValidationService } from '@acorex/core/validation';
 import { AXColorUtil } from '@acorex/core/utils';
@@ -94,7 +95,6 @@ import * as i1$d from '@acorex/components/media-viewer';
 import { AXMediaViewerModule } from '@acorex/components/media-viewer';
 import * as i1$e from '@acorex/components/image';
 import { AXImageModule } from '@acorex/components/image';
-import { AXPSessionService } from '@acorex/platform/auth';
 import * as i1$f from '@acorex/components/json-viewer';
 import { AXJsonViewerModule } from '@acorex/components/json-viewer';
 import * as i1$g from '@acorex/components/map';
@@ -11999,336 +11999,8 @@ const AXPIntegrationConnectionsPanelWidget = {
 
 //#region ---- Imports ----
 //#endregion
-//#region ---- Component ----
-class AXPIntegrationConnectionAuthMethodPopupComponent extends AXBasePageComponent {
-    constructor() {
-        super(...arguments);
-        this.methods = [];
-    }
-    selectMethod(authMethodType) {
-        this.close({ authMethodType });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPIntegrationConnectionAuthMethodPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPIntegrationConnectionAuthMethodPopupComponent, isStandalone: true, selector: "axp-integration-connection-auth-method-popup", usesInheritance: true, ngImport: i0, template: `
-    <div class="ax-flex ax-flex-col ax-gap-2 ax-p-4">
-      @for (method of methods; track method.type) {
-        <ax-button
-          look="outline"
-          color="default"
-          class="ax-w-full"
-          [text]="method.label"
-          (onClick)="selectMethod(method.type)"
-        ></ax-button>
-      }
-    </div>
-    <ax-footer>
-      <ax-suffix>
-        <ax-button
-          look="outline"
-          [text]="'@general:actions.cancel.title' | translate | async"
-          (onClick)="close()"
-        ></ax-button>
-      </ax-suffix>
-    </ax-footer>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { 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: AXTranslationModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPIntegrationConnectionAuthMethodPopupComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'axp-integration-connection-auth-method-popup',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [AsyncPipe, AXButtonModule, AXDecoratorModule, AXTranslationModule],
-                    template: `
-    <div class="ax-flex ax-flex-col ax-gap-2 ax-p-4">
-      @for (method of methods; track method.type) {
-        <ax-button
-          look="outline"
-          color="default"
-          class="ax-w-full"
-          [text]="method.label"
-          (onClick)="selectMethod(method.type)"
-        ></ax-button>
-      }
-    </div>
-    <ax-footer>
-      <ax-suffix>
-        <ax-button
-          look="outline"
-          [text]="'@general:actions.cancel.title' | translate | async"
-          (onClick)="close()"
-        ></ax-button>
-      </ax-suffix>
-    </ax-footer>
-  `,
-                }]
-        }] });
-
-//#endregion
-//#region ---- Component ----
-class AXPIntegrationConnectionConnectPopupComponent extends AXBasePageComponent {
-    constructor() {
-        super(...arguments);
-        this.displayName = signal('', ...(ngDevMode ? [{ debugName: "displayName" }] : /* istanbul ignore next */ []));
-        this.instanceUrl = signal('', ...(ngDevMode ? [{ debugName: "instanceUrl" }] : /* istanbul ignore next */ []));
-        this.credentialPrimary = signal('', ...(ngDevMode ? [{ debugName: "credentialPrimary" }] : /* istanbul ignore next */ []));
-        this.credentialSecondary = signal('', ...(ngDevMode ? [{ debugName: "credentialSecondary" }] : /* istanbul ignore next */ []));
-    }
-    isOAuth() {
-        return this.authMethodType === AXP_INTEGRATION_AUTH_METHOD_TYPE.OAuth2;
-    }
-    showSecondaryCredential() {
-        return (this.authMethodType === AXP_INTEGRATION_AUTH_METHOD_TYPE.Basic ||
-            this.authMethodType === AXP_INTEGRATION_AUTH_METHOD_TYPE.ApiToken);
-    }
-    primaryCredentialLabelKey() {
-        if (this.authMethodType === AXP_INTEGRATION_AUTH_METHOD_TYPE.Basic) {
-            return `${this.i18nPrefix}.fields.username`;
-        }
-        if (this.authMethodType === AXP_INTEGRATION_AUTH_METHOD_TYPE.ApiToken) {
-            return `${this.i18nPrefix}.fields.email`;
-        }
-        return `${this.i18nPrefix}.fields.token`;
-    }
-    primaryCredentialPlaceholderKey() {
-        if (this.authMethodType === AXP_INTEGRATION_AUTH_METHOD_TYPE.Basic) {
-            return `${this.i18nPrefix}.placeholders.username`;
-        }
-        if (this.authMethodType === AXP_INTEGRATION_AUTH_METHOD_TYPE.ApiToken) {
-            return `${this.i18nPrefix}.placeholders.email`;
-        }
-        return `${this.i18nPrefix}.placeholders.token`;
-    }
-    secondaryCredentialLabelKey() {
-        if (this.authMethodType === AXP_INTEGRATION_AUTH_METHOD_TYPE.ApiToken) {
-            return `${this.i18nPrefix}.fields.api-token`;
-        }
-        return `${this.i18nPrefix}.fields.password`;
-    }
-    secondaryCredentialPlaceholderKey() {
-        if (this.authMethodType === AXP_INTEGRATION_AUTH_METHOD_TYPE.ApiToken) {
-            return `${this.i18nPrefix}.placeholders.api-token`;
-        }
-        return `${this.i18nPrefix}.placeholders.password`;
-    }
-    handleDisplayNameChange(event) {
-        if (!event.isUserInteraction) {
-            return;
-        }
-        this.displayName.set(event.value ?? '');
-    }
-    handleInstanceUrlChange(event) {
-        if (!event.isUserInteraction) {
-            return;
-        }
-        this.instanceUrl.set(event.value ?? '');
-    }
-    handleCredentialPrimaryChange(event) {
-        if (!event.isUserInteraction) {
-            return;
-        }
-        this.credentialPrimary.set(event.value ?? '');
-    }
-    handleCredentialSecondaryChange(event) {
-        if (!event.isUserInteraction) {
-            return;
-        }
-        this.credentialSecondary.set(event.value ?? '');
-    }
-    confirmOAuth() {
-        this.close({ confirmed: true });
-    }
-    saveCredentials() {
-        this.close({
-            displayName: this.displayName(),
-            instanceUrl: this.instanceUrl(),
-            credentialPrimary: this.credentialPrimary(),
-            credentialSecondary: this.credentialSecondary(),
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPIntegrationConnectionConnectPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPIntegrationConnectionConnectPopupComponent, isStandalone: true, selector: "axp-integration-connection-connect-popup", usesInheritance: true, ngImport: i0, template: `
-    @if (isOAuth()) {
-      <div class="ax-p-4 ax-text-sm ax-opacity-80">
-        {{ i18nPrefix + '.dialogs.oauth.description' | translate | async }}
-      </div>
-      <ax-footer>
-        <ax-suffix>
-          <ax-button
-            look="outline"
-            [text]="'@general:actions.cancel.title' | translate | async"
-            (onClick)="close()"
-          ></ax-button>
-          <ax-button
-            color="primary"
-            [text]="i18nPrefix + '.actions.connect' | translate | async"
-            (onClick)="confirmOAuth()"
-          >
-            <ax-suffix>
-              <ax-icon>
-                <i class="fa-light fa-arrow-up-right-from-square"></i>
-              </ax-icon>
-            </ax-suffix>
-          </ax-button>
-        </ax-suffix>
-      </ax-footer>
-    } @else {
-      <div class="ax-flex ax-flex-col ax-gap-3 ax-p-4">
-        <ax-form-field>
-          <ax-label>{{ i18nPrefix + '.fields.display-name' | translate | async }}</ax-label>
-          <ax-text-box
-            [ngModel]="displayName()"
-            [placeholder]="(i18nPrefix + '.placeholders.display-name' | translate | async) ?? ''"
-            (onValueChanged)="handleDisplayNameChange($event)"
-          ></ax-text-box>
-        </ax-form-field>
-
-        <ax-form-field>
-          <ax-label>{{ i18nPrefix + '.fields.instance-url' | translate | async }}</ax-label>
-          <ax-text-box
-            [ngModel]="instanceUrl()"
-            [placeholder]="(i18nPrefix + '.placeholders.instance-url' | translate | async) ?? ''"
-            (onValueChanged)="handleInstanceUrlChange($event)"
-          ></ax-text-box>
-        </ax-form-field>
-
-        <ax-form-field>
-          <ax-label>{{ primaryCredentialLabelKey() | translate | async }}</ax-label>
-          <ax-text-box
-            [ngModel]="credentialPrimary()"
-            [placeholder]="primaryCredentialPlaceholderKey() | translate | async"
-            (onValueChanged)="handleCredentialPrimaryChange($event)"
-          ></ax-text-box>
-        </ax-form-field>
-
-        @if (showSecondaryCredential()) {
-          <ax-form-field>
-            <ax-label>{{ secondaryCredentialLabelKey() | translate | async }}</ax-label>
-            <ax-password-box
-              [ngModel]="credentialSecondary()"
-              [placeholder]="secondaryCredentialPlaceholderKey() | translate | async"
-              (onValueChanged)="handleCredentialSecondaryChange($event)"
-            ></ax-password-box>
-          </ax-form-field>
-        }
-      </div>
-      <ax-footer>
-        <ax-suffix>
-          <ax-button
-            look="outline"
-            [text]="'@general:actions.cancel.title' | translate | async"
-            (onClick)="close()"
-          ></ax-button>
-          <ax-button
-            color="primary"
-            [text]="i18nPrefix + '.actions.save-connection' | translate | async"
-            (onClick)="saveCredentials()"
-          ></ax-button>
-        </ax-suffix>
-      </ax-footer>
-    }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { 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: AXFormModule }, { kind: "component", type: i4.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i2.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXPasswordBoxModule }, { kind: "component", type: i3$3.AXPasswordBoxComponent, selector: "ax-password-box", inputs: ["readonly", "disabled", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "autoComplete", "showToggleButton", "class"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i1$6.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "maskPattern", "customTokens", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onMaskChanged"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPIntegrationConnectionConnectPopupComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'axp-integration-connection-connect-popup',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [
-                        AsyncPipe,
-                        FormsModule,
-                        AXButtonModule,
-                        AXDecoratorModule,
-                        AXFormModule,
-                        AXLabelModule,
-                        AXPasswordBoxModule,
-                        AXTextBoxModule,
-                        AXTranslationModule,
-                    ],
-                    template: `
-    @if (isOAuth()) {
-      <div class="ax-p-4 ax-text-sm ax-opacity-80">
-        {{ i18nPrefix + '.dialogs.oauth.description' | translate | async }}
-      </div>
-      <ax-footer>
-        <ax-suffix>
-          <ax-button
-            look="outline"
-            [text]="'@general:actions.cancel.title' | translate | async"
-            (onClick)="close()"
-          ></ax-button>
-          <ax-button
-            color="primary"
-            [text]="i18nPrefix + '.actions.connect' | translate | async"
-            (onClick)="confirmOAuth()"
-          >
-            <ax-suffix>
-              <ax-icon>
-                <i class="fa-light fa-arrow-up-right-from-square"></i>
-              </ax-icon>
-            </ax-suffix>
-          </ax-button>
-        </ax-suffix>
-      </ax-footer>
-    } @else {
-      <div class="ax-flex ax-flex-col ax-gap-3 ax-p-4">
-        <ax-form-field>
-          <ax-label>{{ i18nPrefix + '.fields.display-name' | translate | async }}</ax-label>
-          <ax-text-box
-            [ngModel]="displayName()"
-            [placeholder]="(i18nPrefix + '.placeholders.display-name' | translate | async) ?? ''"
-            (onValueChanged)="handleDisplayNameChange($event)"
-          ></ax-text-box>
-        </ax-form-field>
-
-        <ax-form-field>
-          <ax-label>{{ i18nPrefix + '.fields.instance-url' | translate | async }}</ax-label>
-          <ax-text-box
-            [ngModel]="instanceUrl()"
-            [placeholder]="(i18nPrefix + '.placeholders.instance-url' | translate | async) ?? ''"
-            (onValueChanged)="handleInstanceUrlChange($event)"
-          ></ax-text-box>
-        </ax-form-field>
-
-        <ax-form-field>
-          <ax-label>{{ primaryCredentialLabelKey() | translate | async }}</ax-label>
-          <ax-text-box
-            [ngModel]="credentialPrimary()"
-            [placeholder]="primaryCredentialPlaceholderKey() | translate | async"
-            (onValueChanged)="handleCredentialPrimaryChange($event)"
-          ></ax-text-box>
-        </ax-form-field>
-
-        @if (showSecondaryCredential()) {
-          <ax-form-field>
-            <ax-label>{{ secondaryCredentialLabelKey() | translate | async }}</ax-label>
-            <ax-password-box
-              [ngModel]="credentialSecondary()"
-              [placeholder]="secondaryCredentialPlaceholderKey() | translate | async"
-              (onValueChanged)="handleCredentialSecondaryChange($event)"
-            ></ax-password-box>
-          </ax-form-field>
-        }
-      </div>
-      <ax-footer>
-        <ax-suffix>
-          <ax-button
-            look="outline"
-            [text]="'@general:actions.cancel.title' | translate | async"
-            (onClick)="close()"
-          ></ax-button>
-          <ax-button
-            color="primary"
-            [text]="i18nPrefix + '.actions.save-connection' | translate | async"
-            (onClick)="saveCredentials()"
-          ></ax-button>
-        </ax-suffix>
-      </ax-footer>
-    }
-  `,
-                }]
-        }] });
-
-//#region ---- Imports ----
+//#region ---- Constants ----
+const DEFAULT_CONNECT_COMMAND = 'IntegrationManagement.Connection:Connect';
 //#endregion
 //#region ---- Component ----
 class AXPIntegrationConnectionsPanelWidgetEditComponent extends AXPValueWidgetComponent {
@@ -12342,10 +12014,6 @@ class AXPIntegrationConnectionsPanelWidgetEditComponent extends AXPValueWidgetCo
         //#region ---- Services & Dependencies ----
         this.queryService = inject(AXPQueryService);
         this.commandService = inject(AXPCommandService);
-        this.sessionService = inject(AXPSessionService);
-        this.providerRegistry = inject(AXPIntegrationProviderRegistryService);
-        this.translationService = inject(AXTranslationService);
-        this.popupService = inject(AXPopupService);
         //#endregion
         //#region ---- Computed ----
         this.providerIdFilter = computed(() => this.options()['providerId'], ...(ngDevMode ? [{ debugName: "providerIdFilter" }] : /* istanbul ignore next */ []));
@@ -12362,14 +12030,10 @@ class AXPIntegrationConnectionsPanelWidgetEditComponent extends AXPValueWidgetCo
         this.loading = signal(true, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
         this.providers = signal([], ...(ngDevMode ? [{ debugName: "providers" }] : /* istanbul ignore next */ []));
         this.connections = signal([], ...(ngDevMode ? [{ debugName: "connections" }] : /* istanbul ignore next */ []));
-        this.authMethodOptions = signal({}, ...(ngDevMode ? [{ debugName: "authMethodOptions" }] : /* istanbul ignore next */ []));
         this.selectedAuthMethod = signal({}, ...(ngDevMode ? [{ debugName: "selectedAuthMethod" }] : /* istanbul ignore next */ []));
         this.formDisplayName = signal({}, ...(ngDevMode ? [{ debugName: "formDisplayName" }] : /* istanbul ignore next */ []));
         this.formInstanceUrl = signal({}, ...(ngDevMode ? [{ debugName: "formInstanceUrl" }] : /* istanbul ignore next */ []));
         this.formCredentialPrimary = signal({}, ...(ngDevMode ? [{ debugName: "formCredentialPrimary" }] : /* istanbul ignore next */ []));
-        this.translationService.langChanges$.subscribe(() => {
-            void this.refreshAuthMethodOptions(this.providers());
-        });
         void this.load();
     }
     //#endregion
@@ -12388,14 +12052,6 @@ class AXPIntegrationConnectionsPanelWidgetEditComponent extends AXPValueWidgetCo
     connectedSecretPreview(providerId) {
         return defaultTo(this.getConnection(providerId)?.secretPreview, '');
     }
-    //#endregion
-    //#region ---- Auth Method Helpers ----
-    hasMultipleAuthMethods(provider) {
-        return provider.authMethodTypes.length > 1;
-    }
-    isOAuth(providerId) {
-        return this.selectedAuthMethod()[providerId] === AXP_INTEGRATION_AUTH_METHOD_TYPE.OAuth2;
-    }
     isBasic(providerId) {
         return this.selectedAuthMethod()[providerId] === AXP_INTEGRATION_AUTH_METHOD_TYPE.Basic;
     }
@@ -12423,86 +12079,18 @@ class AXPIntegrationConnectionsPanelWidgetEditComponent extends AXPValueWidgetCo
     //#endregion
     //#region ---- Connect Flow ----
     async handleConnect(provider) {
-        let authMethodType = provider.authMethodTypes[0];
-        if (this.hasMultipleAuthMethods(provider)) {
-            const selected = await this.openAuthMethodPicker(provider);
-            if (!selected) {
-                return;
-            }
-            authMethodType = selected;
-        }
-        this.setAuthMethod(provider.id, authMethodType);
-        await this.openConnectPopup(provider, authMethodType);
-    }
-    async openAuthMethodPicker(provider) {
-        const title = await this.translationService.translateAsync(`${this.I18N}.dialogs.select-auth-method.title`);
-        const result = await this.popupService.open(AXPIntegrationConnectionAuthMethodPopupComponent, {
-            title,
-            size: 'sm',
-            data: {
-                methods: this.authMethodOptions()[provider.id] ?? [],
-            },
-        });
-        return result?.data?.authMethodType ?? null;
-    }
-    async openConnectPopup(provider, authMethodType) {
-        const isOAuth = authMethodType === AXP_INTEGRATION_AUTH_METHOD_TYPE.OAuth2;
-        const titleKey = isOAuth
-            ? `${this.I18N}.dialogs.oauth.title`
-            : `${this.I18N}.dialogs.credentials.title`;
-        const title = await this.translationService.translateAsync(titleKey);
-        const result = await this.popupService.open(AXPIntegrationConnectionConnectPopupComponent, {
-            title,
-            size: isOAuth ? 'sm' : 'md',
-            data: {
-                authMethodType,
-                i18nPrefix: this.I18N,
-                providerDisplayName: provider.displayName,
-            },
-        });
-        if (!result?.data) {
+        const commandKey = defaultTo(provider.connectCommandKey, DEFAULT_CONNECT_COMMAND);
+        const result = await this.commandService.execute(commandKey, { providerId: provider.id });
+        if (!result?.success) {
             return;
         }
-        if (isOAuth) {
-            if (get(result.data, 'confirmed')) {
-                await this.startOAuth(provider);
-            }
+        const data = result.data;
+        if (data?.outcome === 'redirect' && data.redirectUrl) {
+            window.location.assign(data.redirectUrl);
             return;
         }
-        await this.connectWithCredentials(provider, authMethodType, result.data);
-    }
-    //#endregion
-    //#region ---- Connection Actions ----
-    async connectWithCredentials(provider, authMethodType, form) {
-        const credentials = authMethodType === AXP_INTEGRATION_AUTH_METHOD_TYPE.Basic
-            ? { username: form.credentialPrimary, password: form.credentialSecondary }
-            : authMethodType === AXP_INTEGRATION_AUTH_METHOD_TYPE.ApiToken
-                ? { email: form.credentialPrimary, apiToken: form.credentialSecondary }
-                : { token: form.credentialPrimary };
-        await this.commandService.execute('IntegrationManagement.Connection:ConnectWithCredentials', {
-            providerId: provider.id,
-            authMethodType,
-            connectionScope: 'user',
-            displayName: defaultTo(form.displayName, provider.id),
-            instanceUrl: form.instanceUrl,
-            credentials,
-        });
         await this.load();
     }
-    async startOAuth(provider) {
-        const appName = this.sessionService.application?.name ?? 'demo';
-        const redirectUri = `${window.location.origin}/${appName}/integrations/oauth/callback/${provider.id}`;
-        const result = await this.commandService.execute('IntegrationManagement.Connection:StartOAuthAuthorization', {
-            providerId: provider.id,
-            connectionScope: 'user',
-            displayName: provider.id,
-            redirectUri,
-        });
-        const redirectUrl = get(result, 'data.redirectUrl');
-        if (redirectUrl) {
-            window.location.assign(redirectUrl);
-        }
-    }
     async disconnect(providerId) {
         const connection = this.getConnection(providerId);
         if (!connection) {
@@ -12515,9 +12103,6 @@ class AXPIntegrationConnectionsPanelWidgetEditComponent extends AXPValueWidgetCo
     }
     //#endregion
     //#region ---- Form State ----
-    setAuthMethod(providerId, method) {
-        this.selectedAuthMethod.update((state) => ({ ...state, [providerId]: method }));
-    }
     populateConnectionFormState(providers, connections) {
         const authDefaults = {};
         const displayNames = {};
@@ -12551,24 +12136,11 @@ class AXPIntegrationConnectionsPanelWidgetEditComponent extends AXPValueWidgetCo
             this.providers.set(providers);
             this.connections.set(connections);
             this.populateConnectionFormState(providers, connections);
-            await this.refreshAuthMethodOptions(providers);
         }
         finally {
             this.loading.set(false);
         }
     }
-    async refreshAuthMethodOptions(providers) {
-        const options = {};
-        for (const provider of providers) {
-            const definition = await this.providerRegistry.get(provider.id);
-            const methods = definition?.authMethods ?? [];
-            options[provider.id] = await Promise.all(methods.map(async (method) => ({
-                type: method.type,
-                label: await this.translationService.translateAsync(method.label),
-            })));
-        }
-        this.authMethodOptions.set(options);
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPIntegrationConnectionsPanelWidgetEditComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPIntegrationConnectionsPanelWidgetEditComponent, isStandalone: true, selector: "axp-integration-connections-panel-widget-edit", usesInheritance: true, ngImport: i0, template: `
     <div class="ax-flex ax-w-full ax-flex-col ax-gap-4">
@@ -24909,7 +24481,7 @@ class AXPTabularDataWidgetEditComponent extends AXPValueWidgetComponent {
         this.platform = inject(AXPlatform);
     }
     async openPopup() {
-        const { AXPTabularDataPopupComponent } = await import('./acorex-platform-layout-widgets-tabular-data-edit-popup.component-BvFykMTH.mjs');
+        const { AXPTabularDataPopupComponent } = await import('./acorex-platform-layout-widgets-tabular-data-edit-popup.component-DIDziLAT.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,
@@ -28629,6 +28201,7 @@ var triggerExpressionEditorPopup_component = /*#__PURE__*/Object.freeze({
     AXPTriggerExpressionEditorPopupComponent: AXPTriggerExpressionEditorPopupComponent
 });
 
+//#region ----   Imports   ----
 //#endregion
 //#region ----   Widget Lists (single source of truth)   ----
 /**