@acorex/modules 20.0.6 → 20.0.7

package/fesm2022/{acorex-modules-platform-management-acorex-modules-platform-management-Dfux0tkB.mjs → acorex-modules-platform-management-acorex-modules-platform-management-CFoPmixl.mjs}

@@ -1,16 +1,17 @@
 import { createAllQueryView, AXPEntityCommandScope, AXPEntityQueryType, AXPSettingService, AXP_APP_VERSION_PROVIDER, createQueryView, AXPRegionalService, AXP_SETTING_DEFINITION_PROVIDER, AXP_MENU_PROVIDER } from '@acorex/platform/common';
-import * as i2$2 from '@acorex/platform/layout/components';
+import * as i2$4 from '@acorex/platform/layout/components';
 import { AXPThemeLayoutBlockComponent, AXPComponentSlotModule } from '@acorex/platform/layout/components';
 import { AXMEntityCrudServiceImpl, AXPEntityResolver, AXPEntityService, AXP_ENTITY_CONFIG_TOKEN, AXP_ENTITY_DEFINITION_LOADER } from '@acorex/platform/layout/entity';
-import * as i3$2 from '@acorex/platform/workflow';
+import * as i3$3 from '@acorex/platform/workflow';
 import { AXPWorkflowAction, AXPWorkflowService, AXPWorkflowTaskProvider, AXPWorkflowModule, AXP_WORKFLOW_TASK_PROVIDER } from '@acorex/platform/workflow';
 import * as i0 from '@angular/core';
-import { Injectable, inject, signal, HostListener, Component, Input, Injector, NgModule } from '@angular/core';
+import { Injectable, inject, signal, HostListener, Component, Input, computed, effect, HostBinding, ChangeDetectionStrategy, Injector, NgModule } from '@angular/core';
 import { ROUTES } from '@angular/router';
-import { AXPWidgetsCatalog, AXPWidgetRegistryService, AXP_WIDGET_DATASOURCE_PROVIDER } from '@acorex/platform/layout/builder';
+import * as i4$1 from '@acorex/platform/layout/builder';
+import { AXPWidgetsCatalog, AXPWidgetRegistryService, AXP_WIDGETS_EDITOR_CATEGORY, AXPValueWidgetComponent, AXPLayoutBuilderModule, AXP_WIDGET_DATASOURCE_PROVIDER } from '@acorex/platform/layout/builder';
 import * as i5 from '@acorex/cdk/outline';
 import { AXOutlineModule } from '@acorex/cdk/outline';
-import * as i4$1 from '@acorex/components/decorators';
+import * as i3$1 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import * as i4 from '@acorex/components/side-menu';
 import { AXSideMenuModule } from '@acorex/components/side-menu';
@@ -23,9 +24,9 @@ import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { AXSafePipe } from '@acorex/core/pipes';
 import { AXPopupService } from '@acorex/components/popup';
-import * as i1$2 from '@acorex/platform/core';
+import * as i1$3 from '@acorex/platform/core';
 import { AXPPlatformScope, AXPDataSourceDefinitionProviderService, applyQueryArray, AXPAppStartUpService, objectKeyValueTransforms } from '@acorex/platform/core';
-import * as i3$1 from '@acorex/components/button';
+import * as i3$2 from '@acorex/components/button';
 import { AXButtonModule } from '@acorex/components/button';
 import * as i3 from '@acorex/components/check-box';
 import { AXCheckBoxModule } from '@acorex/components/check-box';
@@ -34,14 +35,21 @@ import { AXLabelModule } from '@acorex/components/label';
 import { AXBasePageComponent } from '@acorex/components/page';
 import { DomSanitizer } from '@angular/platform-browser';
 import { AXDataSource, convertArrayToDataSource } from '@acorex/cdk/common';
+import get from 'lodash-es/get';
+import { AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DISABLED_PROPERTY } from '@acorex/platform/widgets';
+import * as i2$2 from '@acorex/components/select-box';
+import { AXSelectBoxModule } from '@acorex/components/select-box';
+import * as i1$1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i2$3 from '@acorex/components/text-box';
+import { AXTextBoxModule } from '@acorex/components/text-box';
 import { AXPWidgetsList } from '@acorex/modules/common';
 import { signalStore, withState, withMethods, patchState, withHooks } from '@ngrx/signals';
 import { AXCalendarService } from '@acorex/core/date-time';
 import { AXLocaleService } from '@acorex/core/locale';
-import * as i1$1 from '@acorex/components/dropdown';
+import * as i1$2 from '@acorex/components/dropdown';
 import { AXDropdownModule } from '@acorex/components/dropdown';
 import { AXPopoverModule } from '@acorex/components/popover';
-import get from 'lodash-es/get';
 import { AXPSessionService } from '@acorex/platform/auth';
 import { AXDialogService } from '@acorex/components/dialog';
 import { SwUpdate } from '@angular/service-worker';
@@ -103,8 +111,8 @@ const RootConfig = {
         },
         metaDataDefinition: {
             name: 'MetaDataDefinition',
-            title: `t("MetaDataDefinition", {scope:"${config.i18n}"})`,
-            titlePlural: `t("MetaDataDefinitionPlural", {scope:"${config.i18n}"})`,
+            title: `t("metaDataDefinition", {scope:"${config.i18n}"})`,
+            titlePlural: `t("metaDataDefinitionPlural", {scope:"${config.i18n}"})`,
             icon: 'fa-light fa-server',
         },
     },
@@ -116,10 +124,10 @@ class AXMAppTermServiceImpl extends AXMEntityCrudServiceImpl {
     constructor() {
         super(`${RootConfig.module.name}.${RootConfig.entities.appTerm.name}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMAppTermServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMAppTermServiceImpl }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMAppTermServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMAppTermServiceImpl }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMAppTermServiceImpl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMAppTermServiceImpl, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -586,15 +594,15 @@ class AXMListTermsComponent extends AXPPageLayoutBaseComponent {
     getPageDescription() {
         return RootConfig.entities.appTerm.pageDescription;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMListTermsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.4", type: AXMListTermsComponent, isStandalone: true, selector: "ng-component", host: { listeners: { "window:resize": "onResize($event)" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMListTermsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: AXMListTermsComponent, isStandalone: true, selector: "ng-component", host: { listeners: { "window:resize": "onResize($event)" } }, providers: [
             {
                 provide: AXPPageLayoutBase,
                 useExisting: AXMListTermsComponent,
             },
         ], usesInheritance: true, ngImport: i0, template: "<axp-page-layout *translate=\"let t\">\n  @if(loaded()){\n  <axp-page-content id=\"contentDiv\" axOutlineContainer target=\"h2\" [scrollableElementId]=\"'axp-page-layout'\"\n    [activationOffset]=\"120\" class=\"ax-flex ax-flex-row\">\n    <div class=\"ax-flex ax-flex-col\">\n      @for (term of terms; track term.id) {\n      <div class=\"ax-flex ax-flex-col\">\n        <h2 class=\"ax-px-4 ax-font-semibold ax-text-xl\">{{ term.title }}</h2>\n        <p class=\"ax-px-4 ax-text-sm ax-leading-5  ax-opacity-65\">\n          {{ term.effectiveDate | format : 'datetime' | async }}\n        </p>\n        <div class=\"ax-pt-3 ax-pb-6 ax-px-4 ax-text-base/6\" [innerHTML]=\"term.content | safe:'html'\"></div>\n      </div>\n      }\n    </div>\n    @if(showScrollSide()){\n    <div class=\"ax-hidden lg:ax-block ax-min-w-60\">\n      <ax-side-menu axOutlineSideMenu look=\"with-line\" class=\"ax-w-full ax-sticky ax-top-24\"></ax-side-menu>\n    </div>\n    }\n  </axp-page-content>\n  }\n</axp-page-layout>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXFormatModule }, { kind: "pipe", type: i2.AXFormatPipe, name: "format" }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-page-content,     axp-page-footer-container,    axp-page-footer,    axp-page-header,    axp-page-header-container,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-page-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title-bar,    axp-layout-title,     axp-layout-title-actions,     axp-layout-nav-button,     axp-layout-description,     axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i6.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXSideMenuModule }, { kind: "component", type: i4.AXSideMenuComponent, selector: "ax-side-menu", inputs: ["items", "look", "location"], outputs: ["itemsChange"] }, { kind: "directive", type: i4.AXOutlineSideMenuDirective, selector: "[axOutlineSideMenu]", exportAs: ["axOutlineSideMenu"] }, { kind: "ngmodule", type: AXOutlineModule }, { kind: "directive", type: i5.AXOutlineContainerDirective, selector: "[axOutlineContainer]", inputs: ["target", "smoothScroll", "showHashItem", "activationOffset", "copyUrlOnClick", "activateLastAtBottom", "scrollableElementId"], exportAs: ["axOutlineContainer"] }, { kind: "component", type: AXPPageLayoutComponent, selector: "axp-page-layout" }, { kind: "pipe", type: AXSafePipe, name: "safe" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMListTermsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMListTermsComponent, decorators: [{
             type: Component,
             args: [{ imports: [
                         CommonModule,
@@ -634,10 +642,10 @@ class AXMNotifyAppTermComponent extends AXBasePageComponent {
     send() {
         this.close({ data: this.data });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMNotifyAppTermComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.4", type: AXMNotifyAppTermComponent, isStandalone: true, selector: "axm-notify-app", usesInheritance: true, ngImport: i0, template: "@for (item of data; track $index) {\n<ax-content class=\"ax-block ax-px-4 ax-py-4 ax-font-bold\">{{ item.title }}</ax-content>\n<ax-content class=\"ax-block ax-px-4 ax-pb-4 ax-text-base/6\" [innerHTML]=\"transformContent(item.content) | safe : 'html'\"></ax-content>\n}\n<ax-footer class=\"ax-flex ax-items-center ax-justify-between ax-p-2\">\n  <ax-check-box [(value)]=\"isConfirm\">\n    <ax-label>{{ 'agreeTerm' | translate : { scope: i18n } | async }}</ax-label>\n  </ax-check-box>\n  <ax-button (click)=\"send()\" [text]=\"'okay' | translate | async\" [disabled]=\"!isConfirm\" color=\"primary\"></ax-button>\n</ax-footer>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i2$1.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "component", type: i3.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "isLoading", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i4$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: AXButtonModule }, { kind: "component", type: i3$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: AXTranslationModule }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AXSafePipe, name: "safe" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMNotifyAppTermComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: AXMNotifyAppTermComponent, isStandalone: true, selector: "axm-notify-app", usesInheritance: true, ngImport: i0, template: "@for (item of data; track $index) {\n<ax-content class=\"ax-block ax-px-4 ax-py-4 ax-font-bold\">{{ item.title }}</ax-content>\n<ax-content class=\"ax-block ax-px-4 ax-pb-4 ax-text-base/6\" [innerHTML]=\"transformContent(item.content) | safe : 'html'\"></ax-content>\n}\n<ax-footer class=\"ax-flex ax-items-center ax-justify-between ax-p-2\">\n  <ax-check-box [(value)]=\"isConfirm\">\n    <ax-label>{{ 'agreeTerm' | translate : { scope: i18n } | async }}</ax-label>\n  </ax-check-box>\n  <ax-button (click)=\"send()\" [text]=\"'okay' | translate | async\" [disabled]=\"!isConfirm\" color=\"primary\"></ax-button>\n</ax-footer>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i2$1.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "component", type: i3.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "isLoading", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$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: AXButtonModule }, { kind: "component", type: i3$2.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: AXTranslationModule }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AXSafePipe, name: "safe" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMNotifyAppTermComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMNotifyAppTermComponent, decorators: [{
             type: Component,
             args: [{ selector: 'axm-notify-app', imports: [
                         CommonModule,
@@ -663,10 +671,10 @@ class AXMNotifyNewTermPopupAction extends AXPWorkflowAction {
             closeButton: false,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMNotifyNewTermPopupAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMNotifyNewTermPopupAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMNotifyNewTermPopupAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMNotifyNewTermPopupAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMNotifyNewTermPopupAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMNotifyNewTermPopupAction, decorators: [{
             type: Injectable
         }] });
 class AXMTermUpdateSettingAction extends AXPWorkflowAction {
@@ -680,10 +688,10 @@ class AXMTermUpdateSettingAction extends AXPWorkflowAction {
             await this.settingService.scope(AXPPlatformScope.User).set(`is-confirm-term-${data.id}`, true);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMTermUpdateSettingAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMTermUpdateSettingAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMTermUpdateSettingAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMTermUpdateSettingAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMTermUpdateSettingAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMTermUpdateSettingAction, decorators: [{
             type: Injectable
         }] });
 const AXMNewTermWorkflow = {
@@ -710,10 +718,10 @@ class AXMAppVersionServiceImpl extends AXMEntityCrudServiceImpl {
     constructor() {
         super(`${RootConfig.module.name}.${RootConfig.entities.appVersion.name}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMAppVersionServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMAppVersionServiceImpl }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMAppVersionServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMAppVersionServiceImpl }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMAppVersionServiceImpl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMAppVersionServiceImpl, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -1090,10 +1098,10 @@ class AXMNotifyAppComponent extends AXBasePageComponent {
     send() {
         this.close({ data: this.data, isShowAgain: !this.isShowAgain });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMNotifyAppComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.4", type: AXMNotifyAppComponent, isStandalone: true, selector: "axm-notify-app", usesInheritance: true, ngImport: i0, template: "<ax-content class=\"ax-block ax-px-4 ax-py-4 ax-text-base/6\" [innerHTML]=\"safeData\"></ax-content>\n<ax-footer class=\"ax-flex ax-items-center ax-justify-between ax-p-2\">\n  <ax-check-box [(value)]=\"isShowAgain\">\n    <ax-label>Don't Show Again</ax-label>\n  </ax-check-box>\n  <ax-button color=\"primary\" (click)=\"send()\" [text]=\"'okay' | translate | async\"></ax-button>\n</ax-footer>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i2$1.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "component", type: i3.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "isLoading", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i4$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: AXButtonModule }, { kind: "component", type: i3$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: AXTranslationModule }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMNotifyAppComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: AXMNotifyAppComponent, isStandalone: true, selector: "axm-notify-app", usesInheritance: true, ngImport: i0, template: "<ax-content class=\"ax-block ax-px-4 ax-py-4 ax-text-base/6\" [innerHTML]=\"safeData\"></ax-content>\n<ax-footer class=\"ax-flex ax-items-center ax-justify-between ax-p-2\">\n  <ax-check-box [(value)]=\"isShowAgain\">\n    <ax-label>Don't Show Again</ax-label>\n  </ax-check-box>\n  <ax-button color=\"primary\" (click)=\"send()\" [text]=\"'okay' | translate | async\"></ax-button>\n</ax-footer>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i2$1.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "component", type: i3.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "isLoading", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$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: AXButtonModule }, { kind: "component", type: i3$2.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: AXTranslationModule }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMNotifyAppComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMNotifyAppComponent, decorators: [{
             type: Component,
             args: [{ selector: 'axm-notify-app', imports: [CommonModule, AXLabelModule, AXCheckBoxModule, AXDecoratorModule, AXButtonModule, AXTranslationModule], template: "<ax-content class=\"ax-block ax-px-4 ax-py-4 ax-text-base/6\" [innerHTML]=\"safeData\"></ax-content>\n<ax-footer class=\"ax-flex ax-items-center ax-justify-between ax-p-2\">\n  <ax-check-box [(value)]=\"isShowAgain\">\n    <ax-label>Don't Show Again</ax-label>\n  </ax-check-box>\n  <ax-button color=\"primary\" (click)=\"send()\" [text]=\"'okay' | translate | async\"></ax-button>\n</ax-footer>\n" }]
         }] });
@@ -1115,10 +1123,10 @@ class AXMAppVersionSlotComponent {
     openPopup() {
         this.workflowService.execute('show-release-notes');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMAppVersionSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.4", type: AXMAppVersionSlotComponent, isStandalone: true, selector: "ng-component", inputs: { text: "text" }, ngImport: i0, template: ` <small class="ax-text-sm ax-cursor-pointer" (click)="openPopup()">{{ versionNumber }}</small> `, isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMAppVersionSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: AXMAppVersionSlotComponent, isStandalone: true, selector: "ng-component", inputs: { text: "text" }, ngImport: i0, template: ` <small class="ax-text-sm ax-cursor-pointer" (click)="openPopup()">{{ versionNumber }}</small> `, isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMAppVersionSlotComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMAppVersionSlotComponent, decorators: [{
             type: Component,
             args: [{
                     template: ` <small class="ax-text-sm ax-cursor-pointer" (click)="openPopup()">{{ versionNumber }}</small> `,
@@ -1157,10 +1165,10 @@ class AppVersionCheckService {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AppVersionCheckService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AppVersionCheckService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AppVersionCheckService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AppVersionCheckService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AppVersionCheckService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AppVersionCheckService, decorators: [{
             type: Injectable
         }] });
 
@@ -1183,10 +1191,10 @@ class AXMChangeLogPopupAction extends AXPWorkflowAction {
             context.setOutput('result', true);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMChangeLogPopupAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMChangeLogPopupAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMChangeLogPopupAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMChangeLogPopupAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMChangeLogPopupAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMChangeLogPopupAction, decorators: [{
             type: Injectable
         }] });
 class AXMChangeLogUpdateSettingAction extends AXPWorkflowAction {
@@ -1200,10 +1208,10 @@ class AXMChangeLogUpdateSettingAction extends AXPWorkflowAction {
             await this.settingService.scope(AXPPlatformScope.User).set(`is-see-check-version-${data.versionNumber}`, true);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMChangeLogUpdateSettingAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMChangeLogUpdateSettingAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMChangeLogUpdateSettingAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMChangeLogUpdateSettingAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMChangeLogUpdateSettingAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMChangeLogUpdateSettingAction, decorators: [{
             type: Injectable
         }] });
 const AXMWhatsNewWorkflow = {
@@ -1236,10 +1244,10 @@ class AXMCheckNewVersionAction extends AXPWorkflowAction {
         }
         await this.appVersionCheckService.checkVersion();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMCheckNewVersionAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMCheckNewVersionAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMCheckNewVersionAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMCheckNewVersionAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMCheckNewVersionAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMCheckNewVersionAction, decorators: [{
             type: Injectable
         }] });
 const AXMCheckNewVersionWorkflow = {
@@ -1251,6 +1259,7 @@ const AXMCheckNewVersionWorkflow = {
     },
 };
 
+//#region ----   Column Definition Widget   ----
 const AXM_COLUMN_DEF_WIDGET = [
     {
         type: 'grid-row-layout',
@@ -1266,8 +1275,8 @@ const AXM_COLUMN_DEF_WIDGET = [
                         mode: 'edit',
                         path: 'name',
                         options: {
-                            placeholder: 'Name',
-                            defaultValue: 'test',
+                            placeholder: 'Column Name',
+                            required: true,
                         },
                     },
                 ],
@@ -1282,7 +1291,8 @@ const AXM_COLUMN_DEF_WIDGET = [
                         mode: 'edit',
                         path: 'title',
                         options: {
-                            placeholder: 'Title',
+                            placeholder: 'Display Title',
+                            required: true,
                         },
                     },
                 ],
@@ -1297,16 +1307,13 @@ const AXM_COLUMN_DEF_WIDGET = [
                         mode: 'edit',
                         path: 'type',
                         options: {
-                            ruleValidation: {
-                                rule: true,
-                            },
-                            placeholder: 'Type',
+                            placeholder: 'Widget Type',
                             valueField: 'name',
                             textField: 'title',
                             dataSource: new AXDataSource({
                                 load: async () => {
                                     const service = AXPWidgetRegistryService.instance;
-                                    const data = service.all();
+                                    const data = service.all().filter(c => c.type.startsWith('editor'));
                                     return {
                                         items: data,
                                         total: data.length,
@@ -1321,10 +1328,98 @@ const AXM_COLUMN_DEF_WIDGET = [
                             }),
                             direction: 'horizontal',
                             multiple: false,
+                            required: true,
+                        },
+                    },
+                ],
+            },
+            {
+                type: 'grid-item-layout',
+                options: { colSpan: 1 },
+                mode: 'view',
+                children: [
+                    {
+                        type: 'checkbox-editor',
+                        mode: 'edit',
+                        path: 'isValueField',
+                        options: {
+                            tooltip: 'Value Field (only one can be selected)',
+                            label: 'Value',
                         },
+                        triggers: [
+                            {
+                                event: "{{ events.context('columns.isValueField') }}",
+                                action: `{{ context.set('columns.isValueField', context.eval('columns.isValueField')[0]); }}`,
+                            },
+                        ],
                     },
                 ],
             },
+            {
+                type: 'grid-item-layout',
+                options: { colSpan: 1 },
+                mode: 'view',
+                children: [
+                    {
+                        type: 'checkbox-editor',
+                        mode: 'edit',
+                        path: 'isTextField',
+                        options: {
+                            tooltip: 'Text Field (multiple allowed)',
+                            label: 'Text',
+                        },
+                    },
+                ],
+            },
+            {
+                type: 'grid-item-layout',
+                options: { colSpan: 1 },
+                mode: 'view',
+                children: [
+                    {
+                        type: 'checkbox-editor',
+                        mode: 'edit',
+                        path: 'isRequired',
+                        options: {
+                            label: 'Required',
+                            tooltip: 'Required field',
+                        },
+                    },
+                ],
+            },
+        ],
+    },
+];
+//#endregion
+
+//#region ----   Filter Definition Widget   ----
+const AXM_FILTER_DEF_WIDGET = [
+    {
+        type: 'grid-row-layout',
+        mode: 'view',
+        children: [
+            {
+                type: 'grid-item-layout',
+                mode: 'view',
+                options: { colSpan: 6 },
+                children: [
+                    {
+                        type: 'column-filter-selector-editor',
+                        mode: 'edit',
+                        path: 'filter',
+                        options: {
+                            columns: '{{context.eval("columns")}}',
+                            placeholder: 'Select Column and Set Filter Value',
+                        },
+                    },
+                ],
+                triggers: [
+                    {
+                        event: '{{ events.context("filters.*") }}',
+                        action: '{{ console.log(context.eval("filters")) }}',
+                    }
+                ],
+            },
             {
                 type: 'grid-item-layout',
                 options: { colSpan: 2 },
@@ -1333,87 +1428,34 @@ const AXM_COLUMN_DEF_WIDGET = [
                     {
                         type: 'checkbox-editor',
                         mode: 'edit',
-                        path: 'isRequire',
+                        path: 'isSystemFilter',
+                        options: {
+                            label: 'System',
+                            tooltip: 'User can enable/disable in report',
+                        },
+                    },
+                ],
+            },
+            {
+                type: 'grid-item-layout',
+                options: { colSpan: 2 },
+                mode: 'view',
+                children: [
+                    {
+                        type: 'checkbox-editor',
+                        mode: 'edit',
+                        path: 'isRequired',
+                        options: {
+                            label: 'Required',
+                            tooltip: 'Must be present in report',
+                        },
                     },
                 ],
             },
         ],
     },
 ];
-// export const AXM_COLUMN_DEF_WIDGET = [
-//   {
-//     type: 'grid-row-layout',
-//     //  name: 'grid-row-layout1',
-//     mode: 'view',
-//     path: '',
-//     children: [
-//       {
-//         type: 'grid-item-layout',
-//         mode: 'view',
-//         //   path: '',
-//         options: { colSpan: 4 },
-//         // name: 'grid-item-layout1',
-//         children: [
-//           {
-//             type: 'text-editor',
-//             //name: 'text-editor1',
-//             mode: 'edit',
-//             path: 'name',
-//             options: {
-//               placeholder: 'Name',
-//               defaultValue: 'test',
-//             },
-//           },
-//         ],
-//       },
-//       {
-//         type: 'grid-item-layout',
-//         mode: 'view',
-//         //   path: '',
-//         options: { colSpan: 4 },
-//         //name: 'grid-item-layout2',
-//         children: [
-//           {
-//             type: 'text-editor',
-//             // name: 'text-editor2',
-//             mode: 'edit',
-//             path: 'title',
-//             options: {
-//               placeholder: 'Title',
-//             },
-//           },
-//         ],
-//       },
-//       {
-//         type: 'grid-item-layout',
-//         options: { colSpan: 4 },
-//         mode: 'view',
-//         // path: '',
-//         //  name: 'grid-item-layout3',
-//         children: [
-//           {
-//             type: 'select-editor',
-//             //name: 'select-editor1',
-//             mode: 'edit',
-//             path: 'type',
-//             options: {
-//               placeholder: 'Type',
-//               valueField: 'name',
-//               textField: 'title',
-//               dataSource: [
-//                 { title: 'text', name: AXPWidgetsCatalog.text },
-//                 { title: 'Check Box', name: AXPWidgetsCatalog.checkbox },
-//                 { title: 'Gallery', name: AXPWidgetsCatalog.gallery },
-//               ],
-//               direction: 'horizontal',
-//               multiple: false,
-//             },
-//           },
-//         ],
-//       },
-//     ],
-//   },
-// ];
+//#endregion
 
 class AXMDataSourceService extends AXMEntityCrudServiceImpl {
 }
@@ -1421,13 +1463,30 @@ class AXMDataSourceServiceImpl extends AXMEntityCrudServiceImpl {
     constructor() {
         super(`${RootConfig.module.name}.${RootConfig.entities.dataSource.name}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMDataSourceServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMDataSourceServiceImpl }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMDataSourceServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMDataSourceServiceImpl }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMDataSourceServiceImpl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMDataSourceServiceImpl, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
+//#region ----   Output Types   ----
+var AXMDataSourceOutputType;
+(function (AXMDataSourceOutputType) {
+    AXMDataSourceOutputType["Table"] = "table";
+    AXMDataSourceOutputType["SingleObject"] = "single_object";
+    AXMDataSourceOutputType["Value"] = "value";
+})(AXMDataSourceOutputType || (AXMDataSourceOutputType = {}));
+//#endregion
+//#region ----   Source Types   ----
+var AXMDataSourceType;
+(function (AXMDataSourceType) {
+    AXMDataSourceType["Static"] = "static";
+    AXMDataSourceType["Query"] = "query";
+    // ExternalApi = 'external_api' // TODO: Will be implemented later
+})(AXMDataSourceType || (AXMDataSourceType = {}));
+//#endregion
+
 async function dataSourceEntityFactory(injector) {
     const dataService = injector.get(AXMDataSourceService);
     const i18n = RootConfig.config.i18n;
@@ -1452,6 +1511,18 @@ async function dataSourceEntityFactory(injector) {
                 id: 'dataSource',
                 title: RootConfig.entities.dataSource.title,
             },
+            {
+                id: 'columns',
+                title: 't("columns", {scope:"${config.i18n}"})',
+            },
+            {
+                id: 'filters',
+                title: 't("filters", {scope:"${config.i18n}"})',
+            },
+            {
+                id: 'samples',
+                title: 't("samples", {scope:"${config.i18n}"})',
+            },
         ],
         properties: [
             {
@@ -1503,7 +1574,7 @@ async function dataSourceEntityFactory(injector) {
             {
                 name: 'columns',
                 title: `t("columns", { scope: "${i18n}" })`,
-                groupId: 'dataSource',
+                groupId: 'columns',
                 schema: {
                     defaultValue: [
                         {
@@ -1526,14 +1597,31 @@ async function dataSourceEntityFactory(injector) {
                                 event: "{{ events.context('sourceEntity') }}",
                                 action: `{{ widget.setValue(context.eval('sourceEntity')?.columns); }}`,
                             },
+                            {
+                                event: "{{ events.context('columns') }}",
+                                action: `{{ console.log(context.eval('columns.*.isTextField')); }}`,
+                            },
                         ],
                     },
                 },
             },
+            {
+                name: 'filters',
+                title: `t("filters", { scope: "${i18n}" })`,
+                groupId: 'filters',
+                schema: {
+                    defaultValue: [],
+                    dataType: 'object',
+                    interface: {
+                        type: AXPWidgetsCatalog.repeaterLayout,
+                        children: AXM_FILTER_DEF_WIDGET,
+                    },
+                },
+            },
             {
                 name: 'samples',
                 title: `t("samples", { scope: "${i18n}" })`,
-                groupId: 'dataSource',
+                groupId: 'samples',
                 schema: {
                     dataType: 'object',
                     interface: {
@@ -1566,10 +1654,11 @@ async function dataSourceEntityFactory(injector) {
                             valueField: 'name',
                             textField: 'title',
                             dataSource: [
-                                {
-                                    name: 'external_api',
-                                    title: 'External Api',
-                                },
+                                // TODO: External API temporarily disabled for upgrade
+                                // {
+                                //   name: 'external_api',
+                                //   title: 'External Api',
+                                // },
                                 {
                                     name: 'query',
                                     title: 'Query',
@@ -1605,6 +1694,55 @@ async function dataSourceEntityFactory(injector) {
                     },
                 ],
             },
+            {
+                name: 'outputType',
+                title: `t("outputType", { scope: "${i18n}" })`,
+                groupId: 'dataSource',
+                schema: {
+                    defaultValue: {
+                        name: AXMDataSourceOutputType.Table,
+                        title: 'Table',
+                    },
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsCatalog.select,
+                        options: {
+                            valueField: 'name',
+                            textField: 'title',
+                            dataSource: [
+                                {
+                                    name: AXMDataSourceOutputType.Table,
+                                    title: 'Table (List of Records)',
+                                },
+                                {
+                                    name: AXMDataSourceOutputType.SingleObject,
+                                    title: 'Single Object',
+                                },
+                                {
+                                    name: AXMDataSourceOutputType.Value,
+                                    title: 'Value (Count/Number)',
+                                },
+                            ],
+                            multiple: false,
+                        },
+                    },
+                },
+                validations: [
+                    {
+                        rule: 'required',
+                    },
+                ],
+                options: {
+                    sort: {
+                        enabled: true,
+                    },
+                    filter: {
+                        advance: {
+                            enabled: true,
+                        },
+                    },
+                },
+            },
             {
                 name: 'sourceStatic',
                 title: `t("sourceStatic", { scope: "${i18n}" })`,
@@ -1614,7 +1752,6 @@ async function dataSourceEntityFactory(injector) {
                     interface: {
                         type: AXPWidgetsCatalog.table,
                         options: {
-                            //TODO problem selectBox!
                             visibility: '{{context.eval("sourceType")?.name == "static" }}',
                             columns: '{{context.eval("columns")}}',
                             defaultRowCount: 2,
@@ -1622,9 +1759,7 @@ async function dataSourceEntityFactory(injector) {
                     },
                 },
                 validations: [
-                    {
-                        rule: 'required',
-                    },
+                // Validation removed: field is now auto-derived from columns flags
                 ],
             },
             {
@@ -1636,7 +1771,6 @@ async function dataSourceEntityFactory(injector) {
                     interface: {
                         type: AXPWidgetsCatalog.select,
                         options: {
-                            //TODO problem selectBox!
                             visibility: '{{context.eval("sourceType")?.name == "query" }}',
                             valueField: 'name',
                             textField: 'title',
@@ -1657,14 +1791,6 @@ async function dataSourceEntityFactory(injector) {
                             }),
                         },
                         triggers: [
-                            {
-                                event: "{{ events.context('sourceEntity') }}",
-                                action: `{{ context.set('textField', context.eval('sourceEntity')?.textField); }}`,
-                            },
-                            {
-                                event: "{{ events.context('sourceEntity') }}",
-                                action: `{{ context.set('valueField', context.eval('sourceEntity')?.valueField); }}`,
-                            },
                             {
                                 event: "{{ events.context('sourceEntity') }}",
                                 action: `{{ context.set('samples', context.eval('sourceEntity')?.samples); }}`,
@@ -1673,56 +1799,11 @@ async function dataSourceEntityFactory(injector) {
                     },
                 },
                 validations: [
-                // {
-                //   rule: 'required',
-                //   disabled: "{{ context.eval('sourceType')?.name != 'entity' }}",
-                // },
-                ],
-            },
-            {
-                name: 'textField',
-                title: `t("textField", { scope: "${i18n}" })`,
-                groupId: 'dataSource',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsCatalog.select,
-                        options: {
-                            valueField: 'name',
-                            textField: 'title',
-                            dataSource: `{{ context.eval('columns') }}`,
-                        },
-                    },
-                },
-                validations: [
-                    {
-                        rule: 'required',
-                    },
-                ],
-            },
-            {
-                name: 'valueField',
-                title: `t("valueField", { scope: "${i18n}" })`,
-                groupId: 'dataSource',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsCatalog.select,
-                        options: {
-                            valueField: 'name',
-                            textField: 'title',
-                            dataSource: `{{ context.eval('columns') }}`,
-                        },
-                    },
-                },
-                validations: [
-                    {
-                        rule: 'required',
-                    },
+                // Validation removed: field is now auto-derived from columns flags
                 ],
             },
         ],
-        columns: [{ name: 'name' }, { name: 'title' }, { name: 'sourceType' }],
+        columns: [{ name: 'name' }, { name: 'title' }, { name: 'sourceType' }, { name: 'outputType' }],
         commands: {
             create: {
                 execute: async (data) => {
@@ -1733,6 +1814,14 @@ async function dataSourceEntityFactory(injector) {
                     // if (data.sourceType.name == 'static') {
                     //   data.sourceStatic = data.sourceStatic?.name;
                     // }
+                    // derive textField & valueField from columns flags
+                    if (Array.isArray(data.columns)) {
+                        const txtColsArr = data.columns.filter((c) => c.isTextField).map((c) => c.name);
+                        const txtCols = txtColsArr.join(',');
+                        const valCol = data.columns.find((c) => c.isValueField);
+                        data.textField = txtCols;
+                        data.valueField = valCol ? valCol.name : null;
+                    }
                     console.log('after save', data);
                     const res = await dataService.insertOne(data);
                     return { id: res };
@@ -1745,6 +1834,14 @@ async function dataSourceEntityFactory(injector) {
             },
             update: {
                 execute: async (data) => {
+                    // derive textField & valueField from columns flags
+                    if (Array.isArray(data.columns)) {
+                        const txtColsArr = data.columns.filter((c) => c.isTextField).map((c) => c.name);
+                        const txtCols = txtColsArr.join(',');
+                        const valCol = data.columns.find((c) => c.isValueField);
+                        data.textField = txtCols;
+                        data.valueField = valCol ? valCol.name : null;
+                    }
                     return await dataService.updateOne(data.id, data);
                 },
             },
@@ -1770,6 +1867,15 @@ async function dataSourceEntityFactory(injector) {
                         {
                             id: 'dataSource',
                         },
+                        {
+                            id: 'columns',
+                        },
+                        {
+                            id: 'filters',
+                        },
+                        {
+                            id: 'samples',
+                        },
                     ],
                     properties: [
                         {
@@ -1817,56 +1923,56 @@ async function dataSourceEntityFactory(injector) {
                             },
                         },
                         {
-                            name: 'textField',
+                            name: 'sourceType',
                             layout: {
                                 positions: {
                                     lg: {
                                         colSpan: 6,
-                                        order: 6,
+                                        order: 3,
                                     },
                                 },
                             },
                         },
                         {
-                            name: 'valueField',
+                            name: 'sourceStatic',
                             layout: {
                                 positions: {
                                     lg: {
                                         colSpan: 6,
-                                        order: 7,
+                                        order: 4,
                                     },
                                 },
                             },
                         },
                         {
-                            name: 'sourceType',
+                            name: 'sourceEntity',
                             layout: {
                                 positions: {
                                     lg: {
                                         colSpan: 6,
-                                        order: 3,
+                                        order: 4,
                                     },
                                 },
                             },
                         },
                         {
-                            name: 'sourceStatic',
+                            name: 'outputType',
                             layout: {
                                 positions: {
                                     lg: {
                                         colSpan: 6,
-                                        order: 4,
+                                        order: 5,
                                     },
                                 },
                             },
                         },
                         {
-                            name: 'sourceEntity',
+                            name: 'filters',
                             layout: {
                                 positions: {
                                     lg: {
-                                        colSpan: 6,
-                                        order: 4,
+                                        colSpan: 12,
+                                        order: 6,
                                     },
                                 },
                             },
@@ -1878,6 +1984,15 @@ async function dataSourceEntityFactory(injector) {
                         {
                             id: 'dataSource',
                         },
+                        {
+                            id: 'columns',
+                        },
+                        {
+                            id: 'filters',
+                        },
+                        {
+                            id: 'samples',
+                        },
                     ],
                     properties: [
                         {
@@ -1914,56 +2029,56 @@ async function dataSourceEntityFactory(injector) {
                             },
                         },
                         {
-                            name: 'textField',
+                            name: 'sourceType',
                             layout: {
                                 positions: {
                                     lg: {
                                         colSpan: 6,
-                                        order: 6,
+                                        order: 3,
                                     },
                                 },
                             },
                         },
                         {
-                            name: 'valueField',
+                            name: 'sourceEntity',
                             layout: {
                                 positions: {
                                     lg: {
-                                        colSpan: 6,
-                                        order: 7,
+                                        colSpan: 12,
+                                        order: 4,
                                     },
                                 },
                             },
                         },
                         {
-                            name: 'samples',
+                            name: 'sourceStatic',
                             layout: {
                                 positions: {
                                     lg: {
                                         colSpan: 12,
-                                        order: 10,
+                                        order: 4,
                                     },
                                 },
                             },
                         },
                         {
-                            name: 'sourceEntity',
+                            name: 'outputType',
                             layout: {
                                 positions: {
                                     lg: {
-                                        colSpan: 12,
-                                        order: 4,
+                                        colSpan: 6,
+                                        order: 5,
                                     },
                                 },
                             },
                         },
                         {
-                            name: 'sourceStatic',
+                            name: 'filters',
                             layout: {
                                 positions: {
                                     lg: {
                                         colSpan: 12,
-                                        order: 4,
+                                        order: 6,
                                     },
                                 },
                             },
@@ -1976,6 +2091,15 @@ async function dataSourceEntityFactory(injector) {
                         {
                             id: 'dataSource',
                         },
+                        {
+                            id: 'columns',
+                        },
+                        {
+                            id: 'filters',
+                        },
+                        {
+                            id: 'samples',
+                        },
                     ],
                     properties: [
                         {
@@ -2045,34 +2169,34 @@ async function dataSourceEntityFactory(injector) {
                             },
                         },
                         {
-                            name: 'samples',
+                            name: 'outputType',
                             layout: {
                                 positions: {
                                     lg: {
-                                        colSpan: 12,
-                                        order: 10,
+                                        colSpan: 6,
+                                        order: 6,
                                     },
                                 },
                             },
                         },
                         {
-                            name: 'textField',
+                            name: 'filters',
                             layout: {
                                 positions: {
                                     lg: {
-                                        colSpan: 6,
+                                        colSpan: 12,
                                         order: 7,
                                     },
                                 },
                             },
                         },
                         {
-                            name: 'valueField',
+                            name: 'samples',
                             layout: {
                                 positions: {
                                     lg: {
-                                        colSpan: 6,
-                                        order: 8,
+                                        colSpan: 12,
+                                        order: 10,
                                     },
                                 },
                             },
@@ -2163,16 +2287,511 @@ async function dataSourceEntityFactory(injector) {
     return entityDef;
 }
 
+class AXMDynamicDataSourceProvider {
+    constructor() {
+        this.dataSourceService = inject(AXMDataSourceService);
+        this.entityResolverService = inject(AXPEntityResolver);
+        this.dataSourceDefinitionProviderService = inject(AXPDataSourceDefinitionProviderService);
+    }
+    async items() {
+        const dataSources = await this.dataSourceService.query({
+            skip: 0,
+            take: 1000,
+        });
+        const mapFn = (item) => {
+            return {
+                ...item,
+                valueField: get(item, 'valueField.name'),
+                textField: get(item, 'textField.name'),
+                source: async () => {
+                    if (item.sourceType.name == 'static') {
+                        return convertArrayToDataSource(item.sourceStatic);
+                    }
+                    // Entity
+                    else if (item.sourceType.name == 'query') {
+                        const definition = await this.dataSourceDefinitionProviderService.get(item.sourceEntity);
+                        if (definition) {
+                            return definition.source();
+                        }
+                    }
+                    //
+                    return convertArrayToDataSource([]);
+                },
+            };
+        };
+        const mapped = dataSources.items.map((item) => mapFn(item));
+        return mapped;
+    }
+}
+
+const AXMColumnFilterSelectorWidget = {
+    name: 'column-filter-selector-editor',
+    title: 'Column Filter Selector',
+    icon: 'fa-light fa-filter',
+    description: 'Selects a column and configures its filter value',
+    categories: AXP_WIDGETS_EDITOR_CATEGORY,
+    type: 'editor',
+    defaultFilterWidgetName: 'string-filter',
+    options: {
+        needLabel: false,
+    },
+    properties: [
+        AXP_NAME_PROPERTY,
+        AXP_DATA_PATH_PROPERTY,
+        AXP_DISABLED_PROPERTY,
+    ],
+    components: {
+        view: {
+            component: () => Promise.resolve().then(function () { return columnFilterSelectorWidgetView_component; }).then((c) => c.AXMColumnFilterSelectorWidgetViewComponent),
+        },
+        edit: {
+            component: () => Promise.resolve().then(function () { return columnFilterSelectorWidgetEdit_component; }).then((c) => c.AXMColumnFilterSelectorWidgetEditComponent),
+        },
+        filter: {
+            component: () => Promise.resolve().then(function () { return columnFilterSelectorWidgetFilter_component; }).then((c) => c.AXMColumnFilterSelectorWidgetFilterComponent),
+        },
+        column: {
+            component: () => Promise.resolve().then(function () { return columnFilterSelectorWidgetColumn_component; }).then((c) => c.AXMColumnFilterSelectorWidgetColumnComponent),
+        },
+        print: {
+            component: () => Promise.resolve().then(function () { return columnFilterSelectorWidgetPrint_component; }).then((c) => c.AXMColumnFilterSelectorWidgetPrintComponent),
+        },
+        designer: {
+            component: () => Promise.resolve().then(function () { return columnFilterSelectorWidgetEdit_component; }).then((c) => c.AXMColumnFilterSelectorWidgetEditComponent),
+        },
+    },
+};
+
+class AXMColumnFilterSelectorWidgetEditComponent extends AXPValueWidgetComponent {
+    constructor() {
+        super(...arguments);
+        //#region ----   Properties   ----
+        this.disabled = computed(() => this.options()['disabled']);
+        this.columns = computed(() => this.options()['columns'] || []);
+        //#endregion
+        //#region ----   Computed Properties   ----
+        this.columnsDataSource = computed(() => {
+            return new AXDataSource({
+                load: async () => {
+                    const items = this.columns();
+                    return {
+                        items: items,
+                        total: items.length,
+                    };
+                },
+                pageSize: 100,
+            });
+        });
+        this.selectedColumn = computed(() => {
+            const columnName = this.getValue()?.columnName;
+            if (!columnName)
+                return null;
+            return this.columns().find(col => col.name === columnName);
+        });
+        this.filterWidgetNode = computed(() => {
+            const column = this.selectedColumn();
+            if (!column)
+                return null;
+            const widgetType = this.getWidgetTypeForColumn(column.type);
+            return {
+                type: widgetType,
+                defaultValue: this.getValue()?.value,
+                path: 'value',
+                name: 'value',
+                options: {
+                    placeholder: `Enter ${column.title}`,
+                    disabled: this.disabled()
+                }
+            };
+        });
+        //#endregion
+        //#region ----   Lifecycle   ----
+        //Update parent value when selections change
+        this.#effect = effect(() => {
+            const columnName = this.getValue()?.columnName;
+            const value = this.getValue()?.value;
+            console.log(columnName, value);
+            this.setValue({
+                columnName: columnName || undefined,
+                value: value
+            });
+        });
+    }
+    //#endregion
+    //#region ----   Lifecycle   ----
+    //Update parent value when selections change
+    #effect;
+    //#endregion
+    //#region ----   Event Handlers   ----
+    handleColumnChange(event) {
+        this.setValue({
+            columnName: event.value,
+            value: undefined
+        });
+    }
+    handleWidgetValueChange(event) {
+        this.setValue({
+            columnName: this.getValue()?.columnName,
+            value: event.data.value
+        });
+    }
+    //#endregion
+    //#region ----   Utility Methods   ----
+    getWidgetTypeForColumn(columnType) {
+        // Map column types to appropriate widget types
+        //TODO default value need object 
+        let type = columnType;
+        if (typeof columnType === 'object' && columnType !== null && 'name' in columnType) {
+            type = columnType['name'];
+        }
+        switch (type) {
+            case 'text-editor':
+            case 'large-text-editor':
+            case 'string':
+                return 'string-filter';
+            case 'number-editor':
+            case 'number':
+                return 'number-filter';
+            case 'date-time-editor':
+            case 'datetime':
+            case 'date':
+                return 'datetime-filter';
+            case 'select-editor':
+            case 'select':
+                return 'select-filter';
+            case 'checkbox-editor':
+            case 'toggle-editor':
+            case 'boolean':
+                return 'boolean-filter';
+            case 'color-editor':
+                return 'color-filter';
+            default:
+                return 'text-editor'; // Default fallback
+        }
+    }
+    //#endregion
+    //#region ----   Host Binding   ----
+    get __hostClass() {
+        return 'axm-column-filter-selector-widget-edit';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMColumnFilterSelectorWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: AXMColumnFilterSelectorWidgetEditComponent, isStandalone: true, selector: "axm-column-filter-selector-widget-edit", host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-flex ax-gap-4 ax-w-full ax-items-center">
+      <axp-widgets-container  
+      [context]="getValue()"
+      (onContextChanged)="handleWidgetValueChange($event)">
+          <ax-select-box
+            [placeholder]="'Select Column'"
+            [dataSource]="columnsDataSource()"
+            [valueField]="'name'"
+            [textField]="'title'"
+            [ngModel]="getValue().columnName"
+            [disabled]="disabled()"
+            (onValueChanged)="handleColumnChange($event)"
+          >
+            <ax-clear-button></ax-clear-button>
+          </ax-select-box>
+
+
+        @if (filterWidgetNode()) {
+         
+            <ng-container 
+              axp-widget-renderer 
+              [node]="filterWidgetNode()!" 
+              [mode]="'edit'">
+            </ng-container>
+        }     
+        </axp-widgets-container>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i2$2.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: i4$1.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i4$1.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged"], exportAs: ["widgetRenderer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMColumnFilterSelectorWidgetEditComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axm-column-filter-selector-widget-edit',
+                    template: `
+    <div class="ax-flex ax-gap-4 ax-w-full ax-items-center">
+      <axp-widgets-container  
+      [context]="getValue()"
+      (onContextChanged)="handleWidgetValueChange($event)">
+          <ax-select-box
+            [placeholder]="'Select Column'"
+            [dataSource]="columnsDataSource()"
+            [valueField]="'name'"
+            [textField]="'title'"
+            [ngModel]="getValue().columnName"
+            [disabled]="disabled()"
+            (onValueChanged)="handleColumnChange($event)"
+          >
+            <ax-clear-button></ax-clear-button>
+          </ax-select-box>
+
+
+        @if (filterWidgetNode()) {
+         
+            <ng-container 
+              axp-widget-renderer 
+              [node]="filterWidgetNode()!" 
+              [mode]="'edit'">
+            </ng-container>
+        }     
+        </axp-widgets-container>
+    </div>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        AXSelectBoxModule,
+                        AXDecoratorModule,
+                        AXPLayoutBuilderModule
+                    ],
+                }]
+        }], propDecorators: { __hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+var columnFilterSelectorWidgetEdit_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXMColumnFilterSelectorWidgetEditComponent: AXMColumnFilterSelectorWidgetEditComponent
+});
+
+class AXMColumnFilterSelectorWidgetViewComponent extends AXPValueWidgetComponent {
+    constructor() {
+        super(...arguments);
+        //#region ----   Computed Properties   ----
+        this.currentValue = computed(() => this.getValue());
+        this.displayValue = computed(() => {
+            const value = this.currentValue()?.value;
+            if (value === null || value === undefined) {
+                return '';
+            }
+            return ` ${value.operation.type} ${value.value}`;
+        });
+    }
+    //#endregion
+    //#region ----   Host Binding   ----
+    get __hostClass() {
+        return 'axm-column-filter-selector-widget';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMColumnFilterSelectorWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: AXMColumnFilterSelectorWidgetViewComponent, isStandalone: true, selector: "axm-column-filter-selector-widget-view", host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: `
+    <div class="__content">
+      @if (currentValue()) {
+        <div class="__filter-display">
+          <span class="__column-name">{{ currentValue().columnName }}</span>
+          <span class="__separator">:</span>
+          <span class="__filter-value">{{ displayValue() }}</span>
+        </div>
+      } @else {
+        <span class="__empty">No filter selected</span>
+      }
+    </div>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMColumnFilterSelectorWidgetViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axm-column-filter-selector-widget-view',
+                    template: `
+    <div class="__content">
+      @if (currentValue()) {
+        <div class="__filter-display">
+          <span class="__column-name">{{ currentValue().columnName }}</span>
+          <span class="__separator">:</span>
+          <span class="__filter-value">{{ displayValue() }}</span>
+        </div>
+      } @else {
+        <span class="__empty">No filter selected</span>
+      }
+    </div>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [],
+                }]
+        }], propDecorators: { __hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+var columnFilterSelectorWidgetView_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXMColumnFilterSelectorWidgetViewComponent: AXMColumnFilterSelectorWidgetViewComponent
+});
+
+class AXMColumnFilterSelectorWidgetColumnComponent extends AXPValueWidgetComponent {
+    constructor() {
+        super(...arguments);
+        //#region ----   Computed Properties   ----
+        this.currentValue = computed(() => this.getValue());
+        this.displayValue = computed(() => {
+            const value = this.currentValue()?.value;
+            if (value === null || value === undefined) {
+                return '';
+            }
+            if (typeof value === 'boolean') {
+                return value ? 'Yes' : 'No';
+            }
+            if (typeof value === 'string' && value.length > 20) {
+                return value.substring(0, 20) + '...';
+            }
+            return String(value);
+        });
+    }
+    //#endregion
+    //#region ----   Host Binding   ----
+    get __hostClass() {
+        return 'axm-column-filter-selector-widget';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMColumnFilterSelectorWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: AXMColumnFilterSelectorWidgetColumnComponent, isStandalone: true, selector: "axm-column-filter-selector-widget-column", host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: `
+    @if (currentValue().columnName) {
+      <span class="__column-filter">{{ currentValue().columnName }}: {{ displayValue() }}</span>
+    } @else {
+      <span class="__empty">-</span>
+    }
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMColumnFilterSelectorWidgetColumnComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axm-column-filter-selector-widget-column',
+                    template: `
+    @if (currentValue().columnName) {
+      <span class="__column-filter">{{ currentValue().columnName }}: {{ displayValue() }}</span>
+    } @else {
+      <span class="__empty">-</span>
+    }
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [],
+                }]
+        }], propDecorators: { __hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+var columnFilterSelectorWidgetColumn_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXMColumnFilterSelectorWidgetColumnComponent: AXMColumnFilterSelectorWidgetColumnComponent
+});
+
+class AXMColumnFilterSelectorWidgetFilterComponent extends AXPValueWidgetComponent {
+    //#region ----   Event Handlers   ----
+    handleValueChange(event) {
+        const currentValue = this.getValue() || {};
+        this.setValue({
+            ...currentValue,
+            columnName: event.value
+        });
+    }
+    //#endregion
+    //#region ----   Host Binding   ----
+    get __hostClass() {
+        return 'axm-column-filter-selector-widget';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMColumnFilterSelectorWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: AXMColumnFilterSelectorWidgetFilterComponent, isStandalone: true, selector: "axm-column-filter-selector-widget-filter", host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: `
+    <ax-text-box
+      [placeholder]="'Filter by column name...'"
+      [ngModel]="getValue().columnName"
+      (onValueChanged)="handleValueChange($event)"
+    >
+      <ax-clear-button></ax-clear-button>
+    </ax-text-box>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i2$3.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMColumnFilterSelectorWidgetFilterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axm-column-filter-selector-widget-filter',
+                    template: `
+    <ax-text-box
+      [placeholder]="'Filter by column name...'"
+      [ngModel]="getValue().columnName"
+      (onValueChanged)="handleValueChange($event)"
+    >
+      <ax-clear-button></ax-clear-button>
+    </ax-text-box>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [FormsModule, AXTextBoxModule, AXDecoratorModule],
+                }]
+        }], propDecorators: { __hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+var columnFilterSelectorWidgetFilter_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXMColumnFilterSelectorWidgetFilterComponent: AXMColumnFilterSelectorWidgetFilterComponent
+});
+
+class AXMColumnFilterSelectorWidgetPrintComponent extends AXPValueWidgetComponent {
+    constructor() {
+        super(...arguments);
+        //#region ----   Computed Properties   ----
+        this.currentValue = computed(() => this.getValue());
+        this.displayValue = computed(() => {
+            const value = this.currentValue()?.value;
+            if (value === null || value === undefined) {
+                return 'No value';
+            }
+            if (typeof value === 'boolean') {
+                return value ? 'Yes' : 'No';
+            }
+            return String(value);
+        });
+    }
+    //#endregion
+    //#region ----   Host Binding   ----
+    get __hostClass() {
+        return 'axm-column-filter-selector-widget';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMColumnFilterSelectorWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: AXMColumnFilterSelectorWidgetPrintComponent, isStandalone: true, selector: "axm-column-filter-selector-widget-print", host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: `
+    @if (currentValue().columnName) {
+      <div class="__print-content">
+        <strong>{{ currentValue().columnName }}:</strong> {{ displayValue() }}
+      </div>
+    }
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMColumnFilterSelectorWidgetPrintComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axm-column-filter-selector-widget-print',
+                    template: `
+    @if (currentValue().columnName) {
+      <div class="__print-content">
+        <strong>{{ currentValue().columnName }}:</strong> {{ displayValue() }}
+      </div>
+    }
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [],
+                }]
+        }], propDecorators: { __hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+var columnFilterSelectorWidgetPrint_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXMColumnFilterSelectorWidgetPrintComponent: AXMColumnFilterSelectorWidgetPrintComponent
+});
+
 class AXMGlobalVariablesService extends AXMEntityCrudServiceImpl {
 }
 class AXMGlobalVariablesServiceImpl extends AXMEntityCrudServiceImpl {
     constructor() {
         super(`${RootConfig.module.name}.${RootConfig.entities.globalVariable.name}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMGlobalVariablesServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMGlobalVariablesServiceImpl }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMGlobalVariablesServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMGlobalVariablesServiceImpl }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMGlobalVariablesServiceImpl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMGlobalVariablesServiceImpl, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -2555,10 +3174,10 @@ class AXMGlossaryServiceImpl extends AXMGlossaryService {
     constructor() {
         super(`${RootConfig.module.name}.${RootConfig.entities.glossary.name}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMGlossaryServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMGlossaryServiceImpl }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMGlossaryServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMGlossaryServiceImpl }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMGlossaryServiceImpl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMGlossaryServiceImpl, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -2864,10 +3483,10 @@ class AXMPMetaDataDefinitionServiceImpl extends AXMMetaDataDefinitionService {
     constructor() {
         super(`${RootConfig.module.name}.${RootConfig.entities.metaDataDefinition.name}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMPMetaDataDefinitionServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMPMetaDataDefinitionServiceImpl }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMPMetaDataDefinitionServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMPMetaDataDefinitionServiceImpl }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMPMetaDataDefinitionServiceImpl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMPMetaDataDefinitionServiceImpl, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -2988,7 +3607,7 @@ async function metaDataDefinitionFactory(injector) {
             },
             {
                 name: 'interface',
-                title: 't("interface", { scope: "common" })',
+                title: `t("interface", { scope: "${RootConfig.config.i18n}" })`,
                 groupId: 'section',
                 schema: {
                     dataType: 'string',
@@ -3281,10 +3900,10 @@ class AXMMetaDataDefinitionCategoryServiceImpl extends AXMMetaDataDefinitionCate
     getAllWithItems() {
         throw new Error('Not implemented');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMMetaDataDefinitionCategoryServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMMetaDataDefinitionCategoryServiceImpl }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMMetaDataDefinitionCategoryServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMMetaDataDefinitionCategoryServiceImpl }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMMetaDataDefinitionCategoryServiceImpl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMMetaDataDefinitionCategoryServiceImpl, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -3553,8 +4172,17 @@ var index = /*#__PURE__*/Object.freeze({
     AXMChangeLogUpdateSettingAction: AXMChangeLogUpdateSettingAction,
     AXMCheckNewVersionAction: AXMCheckNewVersionAction,
     AXMCheckNewVersionWorkflow: AXMCheckNewVersionWorkflow,
+    AXMColumnFilterSelectorWidget: AXMColumnFilterSelectorWidget,
+    AXMColumnFilterSelectorWidgetColumnComponent: AXMColumnFilterSelectorWidgetColumnComponent,
+    AXMColumnFilterSelectorWidgetEditComponent: AXMColumnFilterSelectorWidgetEditComponent,
+    AXMColumnFilterSelectorWidgetFilterComponent: AXMColumnFilterSelectorWidgetFilterComponent,
+    AXMColumnFilterSelectorWidgetPrintComponent: AXMColumnFilterSelectorWidgetPrintComponent,
+    AXMColumnFilterSelectorWidgetViewComponent: AXMColumnFilterSelectorWidgetViewComponent,
+    get AXMDataSourceOutputType () { return AXMDataSourceOutputType; },
     AXMDataSourceService: AXMDataSourceService,
     AXMDataSourceServiceImpl: AXMDataSourceServiceImpl,
+    get AXMDataSourceType () { return AXMDataSourceType; },
+    AXMDynamicDataSourceProvider: AXMDynamicDataSourceProvider,
     AXMGlobalVariablesService: AXMGlobalVariablesService,
     AXMGlobalVariablesServiceImpl: AXMGlobalVariablesServiceImpl,
     AXMGlossaryService: AXMGlossaryService,
@@ -3569,6 +4197,8 @@ var index = /*#__PURE__*/Object.freeze({
     AXMPMetaDataDefinitionServiceImpl: AXMPMetaDataDefinitionServiceImpl,
     AXMTermUpdateSettingAction: AXMTermUpdateSettingAction,
     AXMWhatsNewWorkflow: AXMWhatsNewWorkflow,
+    AXM_COLUMN_DEF_WIDGET: AXM_COLUMN_DEF_WIDGET,
+    AXM_FILTER_DEF_WIDGET: AXM_FILTER_DEF_WIDGET,
     appTermEntityEntityFactory: appTermEntityEntityFactory,
     appVersionEntityEntityFactory: appVersionEntityEntityFactory,
     dataSourceEntityFactory: dataSourceEntityFactory,
@@ -3682,10 +4312,10 @@ class AXMLanguageSlotComponent {
         const items = await this.regionalService.getLocaleProfiles();
         this.items.set(items);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMLanguageSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.4", type: AXMLanguageSlotComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<ax-button color=\"primary\">\n  <ax-icon class=\"fa-regular fa-globe\"> </ax-icon>\n  <ax-dropdown-panel>\n    <ax-button-item-list>\n      @for(lang of items(); track lang){\n      <ax-button-item\n        [text]=\"lang.title\"\n        [selected]=\"store.profile() === lang.code\"\n        (onClick)=\"store.changeProfile(lang.code)\"\n      >\n        <ax-prefix>\n          <ax-icon icon=\"fa-solid fa-flag\"> </ax-icon>\n        </ax-prefix>\n      </ax-button-item>\n      }\n    </ax-button-item-list>\n  </ax-dropdown-panel>\n</ax-button>\n", dependencies: [{ kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i1$1.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i4$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i4$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: AXPopoverModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3$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: "component", type: i3$1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i3$1.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMLanguageSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: AXMLanguageSlotComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<ax-button color=\"primary\">\n  <ax-icon class=\"fa-regular fa-globe\"> </ax-icon>\n  <ax-dropdown-panel>\n    <ax-button-item-list>\n      @for(lang of items(); track lang){\n      <ax-button-item\n        [text]=\"lang.title\"\n        [selected]=\"store.profile() === lang.code\"\n        (onClick)=\"store.changeProfile(lang.code)\"\n      >\n        <ax-prefix>\n          <ax-icon icon=\"fa-solid fa-flag\"> </ax-icon>\n        </ax-prefix>\n      </ax-button-item>\n      }\n    </ax-button-item-list>\n  </ax-dropdown-panel>\n</ax-button>\n", dependencies: [{ kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i1$2.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$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: AXPopoverModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3$2.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: "component", type: i3$2.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i3$2.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMLanguageSlotComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMLanguageSlotComponent, decorators: [{
             type: Component,
             args: [{ imports: [AXDropdownModule, AXDecoratorModule, AXPopoverModule, AXButtonModule], template: "<ax-button color=\"primary\">\n  <ax-icon class=\"fa-regular fa-globe\"> </ax-icon>\n  <ax-dropdown-panel>\n    <ax-button-item-list>\n      @for(lang of items(); track lang){\n      <ax-button-item\n        [text]=\"lang.title\"\n        [selected]=\"store.profile() === lang.code\"\n        (onClick)=\"store.changeProfile(lang.code)\"\n      >\n        <ax-prefix>\n          <ax-icon icon=\"fa-solid fa-flag\"> </ax-icon>\n        </ax-prefix>\n      </ax-button-item>\n      }\n    </ax-button-item-list>\n  </ax-dropdown-panel>\n</ax-button>\n" }]
         }] });
@@ -3943,14 +4573,14 @@ class AXMPlatformManagementCommonModule {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMPlatformManagementCommonModule, deps: [{ token: i1$2.AXPAppStartUpService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.4", ngImport: i0, type: AXMPlatformManagementCommonModule, imports: [i2$2.AXPComponentSlotModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMPlatformManagementCommonModule, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMPlatformManagementCommonModule, deps: [{ token: i1$3.AXPAppStartUpService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: AXMPlatformManagementCommonModule, imports: [i2$4.AXPComponentSlotModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMPlatformManagementCommonModule, providers: [
             {
                 provide: AXP_SETTING_DEFINITION_PROVIDER,
                 useFactory: async () => {
                     const injector = inject(Injector);
-                    const provider = (await import('./acorex-modules-platform-management-settings.provider-C4RaOgkr.mjs')).AXMRegionalSettingProvider;
+                    const provider = (await import('./acorex-modules-platform-management-settings.provider--ARXqBUY.mjs')).AXMRegionalSettingProvider;
                     return new provider(injector);
                 },
                 multi: true
@@ -3969,7 +4599,7 @@ class AXMPlatformManagementCommonModule {
                 ]
             })] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMPlatformManagementCommonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMPlatformManagementCommonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -3989,7 +4619,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
                             provide: AXP_SETTING_DEFINITION_PROVIDER,
                             useFactory: async () => {
                                 const injector = inject(Injector);
-                                const provider = (await import('./acorex-modules-platform-management-settings.provider-C4RaOgkr.mjs')).AXMRegionalSettingProvider;
+                                const provider = (await import('./acorex-modules-platform-management-settings.provider--ARXqBUY.mjs')).AXMRegionalSettingProvider;
                                 return new provider(injector);
                             },
                             multi: true
@@ -4001,44 +4631,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
                         },
                     ],
                 }]
-        }], ctorParameters: () => [{ type: i1$2.AXPAppStartUpService }, { type: i0.Injector }] });
+        }], ctorParameters: () => [{ type: i1$3.AXPAppStartUpService }, { type: i0.Injector }] });
 
-class AXMDynamicDataSourceProvider {
-    constructor() {
-        this.dataSourceService = inject(AXMDataSourceService);
-        this.entityResolverService = inject(AXPEntityResolver);
-        this.dataSourceDefinitionProviderService = inject(AXPDataSourceDefinitionProviderService);
-    }
-    async items() {
-        const dataSources = await this.dataSourceService.query({
-            skip: 0,
-            take: 1000,
-        });
-        const mapFn = (item) => {
-            return {
-                ...item,
-                valueField: get(item, 'valueField.name'),
-                textField: get(item, 'textField.name'),
-                source: async () => {
-                    if (item.sourceType.name == 'static') {
-                        return convertArrayToDataSource(item.sourceStatic);
-                    }
-                    // Entity
-                    else if (item.sourceType.name == 'query') {
-                        const definition = await this.dataSourceDefinitionProviderService.get(item.sourceEntity);
-                        if (definition) {
-                            return definition.source();
-                        }
-                    }
-                    //
-                    return convertArrayToDataSource([]);
-                },
-            };
-        };
-        const mapped = dataSources.items.map((item) => mapFn(item));
-        return mapped;
-    }
+class AXMPlatformManagementWidgetsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMPlatformManagementWidgetsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: AXMPlatformManagementWidgetsModule, imports: [i4$1.AXPLayoutBuilderModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMPlatformManagementWidgetsModule, imports: [AXPLayoutBuilderModule.forChild({
+                widgets: [
+                    AXMColumnFilterSelectorWidget
+                ]
+            })] }); }
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMPlatformManagementWidgetsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        AXPLayoutBuilderModule.forChild({
+                            widgets: [
+                                AXMColumnFilterSelectorWidget
+                            ]
+                        })
+                    ],
+                }]
+        }] });
 
 class AXMEntityLoader {
     constructor() {
@@ -4097,10 +4712,10 @@ class AXMEntityLoader {
         }
         return null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMEntityLoader, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMEntityLoader }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMEntityLoader, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMEntityLoader }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMEntityLoader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMEntityLoader, decorators: [{
             type: Injectable
         }] });
 
@@ -4146,10 +4761,10 @@ class AppTermsCheckService {
             },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AppTermsCheckService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AppTermsCheckService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AppTermsCheckService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AppTermsCheckService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AppTermsCheckService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AppTermsCheckService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -4160,15 +4775,15 @@ class AXMShowReleaseNotesPopupAction extends AXPWorkflowAction {
     }
     async execute(context) {
         const scope = RootConfig.config.i18n;
-        const comp = (await import('./acorex-modules-platform-management-list-version.component-CSNKxghv.mjs')).AXMListVersionComponent;
+        const comp = (await import('./acorex-modules-platform-management-list-version.component-D0-Ya-Yx.mjs')).AXMListVersionComponent;
         this.popupService.open(comp, {
             title: `t('release-notes',{scope: "${scope}"})`,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMShowReleaseNotesPopupAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMShowReleaseNotesPopupAction }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMShowReleaseNotesPopupAction, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMShowReleaseNotesPopupAction }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMShowReleaseNotesPopupAction, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMShowReleaseNotesPopupAction, decorators: [{
             type: Injectable
         }] });
 const AXMShowReleaseNotesWorkflow = {
@@ -4219,10 +4834,10 @@ class AXPReleaseNotesSettingProvider {
             description: await trans('general.startup.release-notes.description'),
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXPReleaseNotesSettingProvider, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXPReleaseNotesSettingProvider }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXPReleaseNotesSettingProvider, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXPReleaseNotesSettingProvider }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXPReleaseNotesSettingProvider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXPReleaseNotesSettingProvider, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i0.Injector }] });
 
@@ -4271,10 +4886,10 @@ class AXPUpdaterService {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXPUpdaterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXPUpdaterService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXPUpdaterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXPUpdaterService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXPUpdaterService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXPUpdaterService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -4283,11 +4898,11 @@ class AXMUpdaterModule {
     constructor(updaterService) {
         this.updaterService = updaterService;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMUpdaterModule, deps: [{ token: AXPUpdaterService }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.4", ngImport: i0, type: AXMUpdaterModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMUpdaterModule, providers: [AXPUpdaterService] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMUpdaterModule, deps: [{ token: AXPUpdaterService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: AXMUpdaterModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMUpdaterModule, providers: [AXPUpdaterService] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMUpdaterModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMUpdaterModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],
@@ -4650,10 +5265,11 @@ class AXMPlatformManagementModule {
      * @ignore
      */
     constructor(appVersionCheck, appTermsCheck) { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMPlatformManagementModule, deps: [{ token: AppVersionCheckService }, { token: AppTermsCheckService }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.4", ngImport: i0, type: AXMPlatformManagementModule, imports: [AXMUpdaterModule,
-            AXMPlatformManagementCommonModule, i3$2.AXPWorkflowModule, i2$2.AXPComponentSlotModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMPlatformManagementModule, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMPlatformManagementModule, deps: [{ token: AppVersionCheckService }, { token: AppTermsCheckService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: AXMPlatformManagementModule, imports: [AXMUpdaterModule,
+            AXMPlatformManagementCommonModule,
+            AXMPlatformManagementWidgetsModule, i3$3.AXPWorkflowModule, i2$4.AXPComponentSlotModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMPlatformManagementModule, providers: [
             {
                 provide: AXMGlossaryService,
                 useClass: AXMGlossaryServiceImpl,
@@ -4716,6 +5332,7 @@ class AXMPlatformManagementModule {
             AppTermsCheckService,
         ], imports: [AXMUpdaterModule,
             AXMPlatformManagementCommonModule,
+            AXMPlatformManagementWidgetsModule,
             AXPWorkflowModule.forChild({
                 actions: {
                     AXMChangeLogPopupAction,
@@ -4756,12 +5373,13 @@ class AXMPlatformManagementModule {
                 ],
             })] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: AXMPlatformManagementModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXMPlatformManagementModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
                         AXMUpdaterModule,
                         AXMPlatformManagementCommonModule,
+                        AXMPlatformManagementWidgetsModule,
                         AXPWorkflowModule.forChild({
                             actions: {
                                 AXMChangeLogPopupAction,
@@ -4875,5 +5493,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AXPRegionalSetting as A, AXMGlossaryServiceImpl as B, metaDataDefinitionFactory as C, AXMMetaDataDefinitionService as D, AXMPMetaDataDefinitionServiceImpl as E, metaDataDefinitionCategoryEntityFactory as F, AXMMetaDataDefinitionCategoryService as G, AXMMetaDataDefinitionCategoryServiceImpl as H, AXPRegionalStoreService as I, AXMUpdaterModule as J, AXPUpdaterService as K, RootConfig as R, AXMAppVersionService as a, AXMPlatformManagementModule as b, appTermEntityEntityFactory as c, AXMAppTermService as d, AXMAppTermServiceImpl as e, AXMListTermsComponent as f, AXMNotifyNewTermPopupAction as g, AXMTermUpdateSettingAction as h, AXMNewTermWorkflow as i, appVersionEntityEntityFactory as j, AXMAppVersionServiceImpl as k, AXMNotifyAppComponent as l, AXMAppVersionSlotComponent as m, AXMChangeLogPopupAction as n, AXMChangeLogUpdateSettingAction as o, AXMWhatsNewWorkflow as p, AXMCheckNewVersionAction as q, AXMCheckNewVersionWorkflow as r, dataSourceEntityFactory as s, AXMDataSourceService as t, AXMDataSourceServiceImpl as u, globalVariableEntityFactory as v, AXMGlobalVariablesService as w, AXMGlobalVariablesServiceImpl as x, glossaryEntityFactory as y, AXMGlossaryService as z };
-//# sourceMappingURL=acorex-modules-platform-management-acorex-modules-platform-management-Dfux0tkB.mjs.map
+export { AXPRegionalSetting as A, AXMDynamicDataSourceProvider as B, AXMColumnFilterSelectorWidget as C, AXMColumnFilterSelectorWidgetEditComponent as D, AXMColumnFilterSelectorWidgetViewComponent as E, AXMColumnFilterSelectorWidgetColumnComponent as F, AXMColumnFilterSelectorWidgetFilterComponent as G, AXMColumnFilterSelectorWidgetPrintComponent as H, globalVariableEntityFactory as I, AXMGlobalVariablesService as J, AXMGlobalVariablesServiceImpl as K, glossaryEntityFactory as L, AXMGlossaryService as M, AXMGlossaryServiceImpl as N, metaDataDefinitionFactory as O, AXMMetaDataDefinitionService as P, AXMPMetaDataDefinitionServiceImpl as Q, RootConfig as R, metaDataDefinitionCategoryEntityFactory as S, AXMMetaDataDefinitionCategoryService as T, AXMMetaDataDefinitionCategoryServiceImpl as U, AXPRegionalStoreService as V, AXMUpdaterModule as W, AXPUpdaterService as X, AXMAppVersionService as a, AXMPlatformManagementModule as b, AXMPlatformManagementWidgetsModule as c, appTermEntityEntityFactory as d, AXMAppTermService as e, AXMAppTermServiceImpl as f, AXMListTermsComponent as g, AXMNotifyNewTermPopupAction as h, AXMTermUpdateSettingAction as i, AXMNewTermWorkflow as j, appVersionEntityEntityFactory as k, AXMAppVersionServiceImpl as l, AXMNotifyAppComponent as m, AXMAppVersionSlotComponent as n, AXMChangeLogPopupAction as o, AXMChangeLogUpdateSettingAction as p, AXMWhatsNewWorkflow as q, AXMCheckNewVersionAction as r, AXMCheckNewVersionWorkflow as s, dataSourceEntityFactory as t, AXMDataSourceService as u, AXMDataSourceServiceImpl as v, AXMDataSourceOutputType as w, AXMDataSourceType as x, AXM_COLUMN_DEF_WIDGET as y, AXM_FILTER_DEF_WIDGET as z };
+//# sourceMappingURL=acorex-modules-platform-management-acorex-modules-platform-management-CFoPmixl.mjs.map