@acorex/modules 18.1.6 → 18.2.1

package/fesm2022/acorex-modules-application-management.mjs

@@ -1,9 +1,9 @@
-import { isSmallScreen, getChildDrawer, AXPStickyDirective, AXPGridLayoutDirective, AXPWorkflowNavigateAction, AXP_MENU_PROVIDER, AXPDataGenerator, AXPEntityStorageService, AXPEntityDataProviderImpl, AXMEntityCrudServiceImpl, AXPEntityQueryType, AXPEntityCommandScope } from '@acorex/platform/common';
+import { isSmallScreen, getChildDrawer, AXPStickyDirective, AXPGridLayoutDirective, AXPDataGenerator, AXPEntityStorageService, AXPEntityDataProviderImpl, AXMEntityCrudServiceImpl, AXPWorkflowNavigateAction, AXP_MENU_PROVIDER, AXPEntityQueryType, AXPEntityCommandScope } from '@acorex/platform/common';
 import { AXPEntityDetailViewModelResolver, AXP_ENTITY_DEFINITION_LOADER } from '@acorex/platform/layout/entity';
 import * as i1$1 from '@acorex/platform/workflow';
 import { AXPWorkflowService, AXPWorkflowAction, AXPWorkflowModule } from '@acorex/platform/workflow';
 import * as i0 from '@angular/core';
-import { inject, signal, Component, ChangeDetectionStrategy, Injector, Injectable, NgModule, Optional, Inject } from '@angular/core';
+import { inject, signal, Component, ChangeDetectionStrategy, Injectable, Injector, NgModule, Optional, Inject } from '@angular/core';
 import * as i2 from '@angular/router';
 import { ActivatedRoute, RouterModule } from '@angular/router';
 import { AXPEntityDetailListViewComponent, AXPRootLayoutComponent } from '@acorex/platform/themes/default';
@@ -24,7 +24,8 @@ import { AXLoadingModule } from '@acorex/components/loading';
 import { AXPopoverModule } from '@acorex/components/popover';
 import * as i6 from '@acorex/components/tabs';
 import { AXTabsModule } from '@acorex/components/tabs';
-import { AXTranslationModule } from '@acorex/core/translation';
+import * as i10 from '@acorex/core/translation';
+import { AXTranslationModule, AXTranslationService } from '@acorex/core/translation';
 import * as i9 from '@acorex/platform/layout/builder';
 import { AXPLayoutBuilderModule, AXPWidgetsCatalog } from '@acorex/platform/layout/builder';
 import { AXPWidgetsModule } from '@acorex/platform/widgets';
@@ -56,11 +57,11 @@ class AXPModuleEntityDetailViewComponent {
         this.vm.destroy();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPModuleEntityDetailViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPModuleEntityDetailViewComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<div\n  class=\"ax-flex ax-flex-col ax-gap-4 ax-min-h-full ax-px-4 ax-pb-4 md:ax-px-6 ax-bg-surface ax-border-b md:ax-border-0 md:ax-bg-default\">\n  <div class=\"ax-flex ax-flex-col ax-pt-4 ax-sticky ax-top-0 ax-z-10 ax-transition-all\" #sticky=\"axpSticky\"\n    [axpSticky]=\"'ax-bg-surface ax-px-6 ax-py-3 -ax-mx-6 ax-shadow-xl'\" [stickyOffset]=\"30\">\n    <!-------- Begin Toolbar  -------->\n    <div class=\"ax-flex ax-justify-between ax-items-center\">\n      <!-------- Begin Title  -------->\n      <div class=\"ax-flex ax-gap-1 ax-items-center\">\n        <div class=\"ax-flex ax-flex-col ax-gap-2 ax-transition\">\n          <div class=\"ax-text-xl md:ax-text-2xl ax-font-bold\">{{ vm.title() }}</div>\n          @if(vm.description()) {\n          <div class=\"ax-text-sm ax-text-neutral-600\" [class.ax-hidden]=\"sticky.isSticky\">\n            {{ vm.description() }}\n          </div>\n          }\n          <ax-breadcrumbs class=\"child:ax-font-normal child:ax-text-neutral-400\" [class.ax-hidden]=\"isSM | async\">\n            <ng-template #divider>\n              <i class=\"fa-solid fa-chevron-right ax-text-xs ax-mx-2\"></i>\n            </ng-template>\n            @for(b of vm.beardcrumbs();track $index;let last=$last) {\n            <ax-breadcrumbs-item [active]=\"last\" [class.!ax-font-semibold]=\"last\" [class.!ax-text-neutral-600]=\"last\"\n              [routerLink]=\"b.url\">\n              @if(b.icon) {\n              <i [class]=\"b.icon\"></i>\n              }\n              {{ b.title }}\n            </ax-breadcrumbs-item>\n            }\n          </ax-breadcrumbs>\n        </div>\n      </div>\n      <!-------- Finish Title  -------->\n      <!--------------------------------------------------------------->\n      <!-- Begin Action Menu  -->\n      <div class=\"ax-flex ax-items-center ax-gap-3\">\n        @for(tr of vm.primaryActions();track $index) {\n        <ax-button [text]=\"tr.title\" [color]=\"tr.color\" (onClick)=\"vm.executeCommand(tr.name)\">\n          <ax-prefix>\n            <ax-icon [icon]=\"tr.icon\"> </ax-icon>\n          </ax-prefix>\n        </ax-button>\n        } @if(vm.secondaryActions().length) {\n        <ax-button [text]=\"(isSM | async) ? null : 'Actions'\" color=\"ghost\">\n          <ax-prefix>\n            <i class=\"fa-solid fa-ellipsis-vertical\"></i>\n          </ax-prefix>\n          <ax-dropdown-panel>\n            <ax-button-item-list>\n              @for(tr of vm.secondaryActions();track $index) {\n              <ng-container>\n                @if(tr.separated) {\n                <ax-divider></ax-divider>\n                }\n                <ax-button-item [text]=\"tr.title\" class=\"ax-font-semibold ax-text-{{ tr.color }}\"\n                  (onClick)=\"vm.executeCommand(tr.name)\">\n                  <ax-prefix>\n                    <ax-icon [icon]=\"tr.icon\"> </ax-icon>\n                  </ax-prefix>\n                </ax-button-item>\n              </ng-container>\n              }\n            </ax-button-item-list>\n          </ax-dropdown-panel>\n        </ax-button>\n        }\n      </div>\n      <!-- Finish Action Menu  -->\n    </div>\n    <!-- Start Sections  -->\n    <div class=\"ax-grid ax-grid-cols-12 ax-gap-4\">\n      @for(section of vm.sections(); track section.name()) {\n      <div class=\"ax-card ax-mt-4\" [gridLayout]=\"section.layout()\">\n        <ax-form #form>\n          <axp-widgets-container [context]=\"vm.context()\">\n            <div class=\"ax-card-header !ax-py-2 !ax-px-4\">\n              <p>\n                <span class=\"!ax-text-lg ax-font-semibold\">{{ section.title() }}</span>\n                <br />\n                @if(section.description()) {\n                <span class=\"ax-text-sm ax-font-normal ax-text-gray-500\">{{ section.description() }}</span>\n                }\n              </p>\n              @if(section.editable()) {\n              <ax-button class=\"ax-xs\" color=\"ghost\" [look]=\"'blank'\"\n                (onClick)=\"vm.executeCommand('modify-entity-section', section)\">\n                <ax-icon class=\"fa-solid fa-pen ax-text-gray-600\"> </ax-icon>\n              </ax-button>\n              }\n            </div>\n            <div class=\"ax-card-body !ax-grid !ax-grid-cols-12 !ax-gap-4\">\n              @for(attr of section.props(); track $index) {\n              <div class=\"ax-flex ax-flex-col ax-gap-1\" [gridLayout]=\"attr.layout()\">\n                <div>\n                  <div>\n                    <span class=\"ax-font-semibold\">{{ attr.title() }}</span>\n                  </div>\n                </div>\n                <div class=\"ax-text-neutral-500\">\n                  <axp-widget-renderer [node]=\"attr.node()\" [mode]=\"'view'\"> </axp-widget-renderer>\n                </div>\n              </div>\n              }\n            </div>\n          </axp-widgets-container>\n        </ax-form>\n      </div>\n      }\n    </div>\n    <!-- Finish Sections  -->\n    @if(vm.relatedEntities().length) {\n    <ax-tabs [look]=\"'with-line'\" class=\"ax-mt-2 ax-font-semibold\" #tab\n      (onActiveTabChanged)=\"handleActiveRelatedEntityChanged($event)\">\n      @for(e of vm.relatedEntities();track $index;let index= $index){\n      <ax-tab-item [text]=\"e.title()\" [key]=\"index.toString()\"> </ax-tab-item>\n      }\n    </ax-tabs>\n    @for(e of vm.relatedEntities();track $index;let index= $index){\n    <div [class.ax-hidden]=\"$index !== selectedRelatedIEntityTabIndex()\">\n      <axp-entity-detail-list-view [viewModel]=\"e\"></axp-entity-detail-list-view>\n    </div>\n    } }\n  </div>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i4.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i5.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "ngmodule", type: AXActionSheetModule }, { kind: "ngmodule", type: AXDrawerModule }, { kind: "ngmodule", type: AXDialogModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXTabsModule }, { kind: "component", type: i6.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i6.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i7.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "loadingTextChange"] }, { kind: "component", type: i7.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i7.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "component", type: i8.AXBreadCrumbsComponent, selector: "ax-breadcrumbs" }, { kind: "component", type: i8.AXBreadCrumbsItemComponent, selector: "ax-breadcrumbs-item", inputs: ["disabled", "active"] }, { kind: "ngmodule", type: 
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXPModuleEntityDetailViewComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<div\n  class=\"ax-flex ax-flex-col ax-gap-4 ax-min-h-full ax-px-4 ax-pb-4 md:ax-px-6 ax-bg-surface ax-border-b md:ax-border-0 md:ax-bg-default\"\n>\n  <div\n    class=\"ax-flex ax-flex-col ax-pt-4 ax-sticky ax-top-0 ax-z-10 ax-transition-all\"\n    #sticky=\"axpSticky\"\n    [axpSticky]=\"'ax-bg-surface ax-px-6 ax-py-3 -ax-mx-6 ax-shadow-xl'\"\n    [stickyOffset]=\"30\"\n  >\n    <!-------- Begin Toolbar  -------->\n    <div class=\"ax-flex ax-justify-between ax-items-center\">\n      <!-------- Begin Title  -------->\n      <div class=\"ax-flex ax-gap-1 ax-items-center\">\n        <div class=\"ax-flex ax-flex-col ax-gap-2 ax-transition\">\n          <div class=\"ax-text-xl md:ax-text-2xl ax-font-bold\">{{ vm.title() | translate | async }}</div>\n          @if(vm.description()) {\n          <div class=\"ax-text-sm ax-text-neutral-600\" [class.ax-hidden]=\"sticky.isSticky\">\n            {{ vm.description() }}\n          </div>\n          }\n          <ax-breadcrumbs class=\"child:ax-font-normal child:ax-text-neutral-400\" [class.ax-hidden]=\"isSM | async\">\n            <ng-template #divider>\n              <i class=\"fa-solid fa-chevron-right ax-text-xs ax-mx-2\"></i>\n            </ng-template>\n            @for(b of vm.beardcrumbs();track $index;let last=$last) {\n            <ax-breadcrumbs-item\n              [active]=\"last\"\n              [class.!ax-font-semibold]=\"last\"\n              [class.!ax-text-neutral-600]=\"last\"\n              [routerLink]=\"b.url\"\n            >\n              @if(b.icon) {\n              <i [class]=\"b.icon\"></i>\n              }\n              {{ b.title | translate | async }}\n            </ax-breadcrumbs-item>\n            }\n          </ax-breadcrumbs>\n        </div>\n      </div>\n      <!-------- Finish Title  -------->\n      <!--------------------------------------------------------------->\n      <!-- Begin Action Menu  -->\n      <div class=\"ax-flex ax-items-center ax-gap-3\">\n        @for(tr of vm.primaryActions();track $index) {\n        <ax-button [text]=\"tr.title | translate | async\" [color]=\"tr.color\" (onClick)=\"vm.executeCommand(tr.name)\">\n          <ax-prefix>\n            <ax-icon [icon]=\"tr.icon\"> </ax-icon>\n          </ax-prefix>\n        </ax-button>\n        } @if(vm.secondaryActions().length) {\n        <ax-button [text]=\"(isSM | async) ? null : 'Actions'\" color=\"ghost\">\n          <ax-prefix>\n            <i class=\"fa-solid fa-ellipsis-vertical\"></i>\n          </ax-prefix>\n          <ax-dropdown-panel>\n            <ax-button-item-list>\n              @for(tr of vm.secondaryActions();track $index) {\n              <ng-container>\n                @if(tr.separated) {\n                <ax-divider></ax-divider>\n                }\n                <ax-button-item\n                  [text]=\"tr.title\"\n                  class=\"ax-font-semibold ax-text-{{ tr.color }}\"\n                  (onClick)=\"vm.executeCommand(tr.name)\"\n                >\n                  <ax-prefix>\n                    <ax-icon [icon]=\"tr.icon\"> </ax-icon>\n                  </ax-prefix>\n                </ax-button-item>\n              </ng-container>\n              }\n            </ax-button-item-list>\n          </ax-dropdown-panel>\n        </ax-button>\n        }\n      </div>\n      <!-- Finish Action Menu  -->\n    </div>\n    <!-- Start Sections  -->\n    <div class=\"ax-grid ax-grid-cols-12 ax-gap-4\">\n      @for(section of vm.sections(); track section.name()) {\n      <div class=\"ax-card ax-mt-4\" [gridLayout]=\"section.layout()\">\n        <ax-form #form>\n          <axp-widgets-container [context]=\"vm.context()\">\n            <div class=\"ax-card-header !ax-py-2 !ax-px-4\">\n              <p>\n                <span class=\"!ax-text-lg ax-font-semibold\">{{ section.title() }}</span>\n                <br />\n                @if(section.description()) {\n                <span class=\"ax-text-sm ax-font-normal ax-text-gray-500\">{{ section.description() }}</span>\n                }\n              </p>\n              @if(section.editable()) {\n              <ax-button\n                class=\"ax-xs\"\n                color=\"ghost\"\n                [look]=\"'blank'\"\n                (onClick)=\"vm.executeCommand('modify-entity-section', section)\"\n              >\n                <ax-icon class=\"fa-solid fa-pen ax-text-gray-600\"> </ax-icon>\n              </ax-button>\n              }\n            </div>\n            <div class=\"ax-card-body !ax-grid !ax-grid-cols-12 !ax-gap-4\">\n              @for(attr of section.props(); track $index) {\n              <div class=\"ax-flex ax-flex-col ax-gap-1\" [gridLayout]=\"attr.layout()\">\n                <div>\n                  <div>\n                    <span class=\"ax-font-semibold\">{{ attr.title() | translate | async }}</span>\n                  </div>\n                </div>\n                <div class=\"ax-text-neutral-500\">\n                  <axp-widget-renderer [node]=\"attr.node()\" [mode]=\"'view'\"> </axp-widget-renderer>\n                </div>\n              </div>\n              }\n            </div>\n          </axp-widgets-container>\n        </ax-form>\n      </div>\n      }\n    </div>\n    <!-- Finish Sections  -->\n    @if(vm.relatedEntities().length) {\n    <ax-tabs\n      [look]=\"'with-line'\"\n      class=\"ax-mt-2 ax-font-semibold\"\n      #tab\n      (onActiveTabChanged)=\"handleActiveRelatedEntityChanged($event)\"\n    >\n      @for(e of vm.relatedEntities();track $index;let index= $index){\n      <ax-tab-item [text]=\"(e.title() | translate | async)!\" [key]=\"index.toString()\"> </ax-tab-item>\n      }\n    </ax-tabs>\n    @for(e of vm.relatedEntities();track $index;let index= $index){\n    <div [class.ax-hidden]=\"$index !== selectedRelatedIEntityTabIndex()\">\n      <axp-entity-detail-list-view [viewModel]=\"e\"></axp-entity-detail-list-view>\n    </div>\n    } }\n  </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i4.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "component", type: i5.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "ngmodule", type: AXActionSheetModule }, { kind: "ngmodule", type: AXDrawerModule }, { kind: "ngmodule", type: AXDialogModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXTabsModule }, { kind: "component", type: i6.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i6.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i7.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "loadingTextChange"] }, { kind: "component", type: i7.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i7.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXBreadcrumbsModule }, { kind: "component", type: i8.AXBreadCrumbsComponent, selector: "ax-breadcrumbs" }, { kind: "component", type: i8.AXBreadCrumbsItemComponent, selector: "ax-breadcrumbs-item", inputs: ["disabled", "active"] }, { kind: "ngmodule", type: 
                 //
                 AXPLayoutBuilderModule }, { kind: "component", type: i9.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "variables", "functions"], outputs: ["onChanged", "contextChange"] }, { kind: "component", type: i9.AXPWidgetRendererComponent, selector: "axp-widget-renderer", inputs: ["node", "mode", "parentNode", "index"] }, { kind: "ngmodule", type: AXPWidgetsModule }, { kind: "directive", type: AXPStickyDirective, selector: "[axpSticky]", inputs: ["axpSticky", "stickyOffset", "stickyParent", "stickyTarget"], outputs: ["isStickyChange"], exportAs: ["axpSticky"] }, { kind: "directive", type: AXPGridLayoutDirective, selector: "[gridLayout]", inputs: ["gridLayout"] }, { kind: "ngmodule", type: 
                 //
-                AXTranslationModule }, { kind: "component", type: AXPEntityDetailListViewComponent, selector: "axp-entity-detail-list-view", inputs: ["viewModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+                AXTranslationModule }, { kind: "pipe", type: i10.AXTranslatorPipe, name: "translate" }, { kind: "component", type: AXPEntityDetailListViewComponent, selector: "axp-entity-detail-list-view", inputs: ["viewModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPModuleEntityDetailViewComponent, decorators: [{
             type: Component,
@@ -86,7 +87,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                         //
                         AXTranslationModule,
                         AXPEntityDetailListViewComponent,
-                    ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"ax-flex ax-flex-col ax-gap-4 ax-min-h-full ax-px-4 ax-pb-4 md:ax-px-6 ax-bg-surface ax-border-b md:ax-border-0 md:ax-bg-default\">\n  <div class=\"ax-flex ax-flex-col ax-pt-4 ax-sticky ax-top-0 ax-z-10 ax-transition-all\" #sticky=\"axpSticky\"\n    [axpSticky]=\"'ax-bg-surface ax-px-6 ax-py-3 -ax-mx-6 ax-shadow-xl'\" [stickyOffset]=\"30\">\n    <!-------- Begin Toolbar  -------->\n    <div class=\"ax-flex ax-justify-between ax-items-center\">\n      <!-------- Begin Title  -------->\n      <div class=\"ax-flex ax-gap-1 ax-items-center\">\n        <div class=\"ax-flex ax-flex-col ax-gap-2 ax-transition\">\n          <div class=\"ax-text-xl md:ax-text-2xl ax-font-bold\">{{ vm.title() }}</div>\n          @if(vm.description()) {\n          <div class=\"ax-text-sm ax-text-neutral-600\" [class.ax-hidden]=\"sticky.isSticky\">\n            {{ vm.description() }}\n          </div>\n          }\n          <ax-breadcrumbs class=\"child:ax-font-normal child:ax-text-neutral-400\" [class.ax-hidden]=\"isSM | async\">\n            <ng-template #divider>\n              <i class=\"fa-solid fa-chevron-right ax-text-xs ax-mx-2\"></i>\n            </ng-template>\n            @for(b of vm.beardcrumbs();track $index;let last=$last) {\n            <ax-breadcrumbs-item [active]=\"last\" [class.!ax-font-semibold]=\"last\" [class.!ax-text-neutral-600]=\"last\"\n              [routerLink]=\"b.url\">\n              @if(b.icon) {\n              <i [class]=\"b.icon\"></i>\n              }\n              {{ b.title }}\n            </ax-breadcrumbs-item>\n            }\n          </ax-breadcrumbs>\n        </div>\n      </div>\n      <!-------- Finish Title  -------->\n      <!--------------------------------------------------------------->\n      <!-- Begin Action Menu  -->\n      <div class=\"ax-flex ax-items-center ax-gap-3\">\n        @for(tr of vm.primaryActions();track $index) {\n        <ax-button [text]=\"tr.title\" [color]=\"tr.color\" (onClick)=\"vm.executeCommand(tr.name)\">\n          <ax-prefix>\n            <ax-icon [icon]=\"tr.icon\"> </ax-icon>\n          </ax-prefix>\n        </ax-button>\n        } @if(vm.secondaryActions().length) {\n        <ax-button [text]=\"(isSM | async) ? null : 'Actions'\" color=\"ghost\">\n          <ax-prefix>\n            <i class=\"fa-solid fa-ellipsis-vertical\"></i>\n          </ax-prefix>\n          <ax-dropdown-panel>\n            <ax-button-item-list>\n              @for(tr of vm.secondaryActions();track $index) {\n              <ng-container>\n                @if(tr.separated) {\n                <ax-divider></ax-divider>\n                }\n                <ax-button-item [text]=\"tr.title\" class=\"ax-font-semibold ax-text-{{ tr.color }}\"\n                  (onClick)=\"vm.executeCommand(tr.name)\">\n                  <ax-prefix>\n                    <ax-icon [icon]=\"tr.icon\"> </ax-icon>\n                  </ax-prefix>\n                </ax-button-item>\n              </ng-container>\n              }\n            </ax-button-item-list>\n          </ax-dropdown-panel>\n        </ax-button>\n        }\n      </div>\n      <!-- Finish Action Menu  -->\n    </div>\n    <!-- Start Sections  -->\n    <div class=\"ax-grid ax-grid-cols-12 ax-gap-4\">\n      @for(section of vm.sections(); track section.name()) {\n      <div class=\"ax-card ax-mt-4\" [gridLayout]=\"section.layout()\">\n        <ax-form #form>\n          <axp-widgets-container [context]=\"vm.context()\">\n            <div class=\"ax-card-header !ax-py-2 !ax-px-4\">\n              <p>\n                <span class=\"!ax-text-lg ax-font-semibold\">{{ section.title() }}</span>\n                <br />\n                @if(section.description()) {\n                <span class=\"ax-text-sm ax-font-normal ax-text-gray-500\">{{ section.description() }}</span>\n                }\n              </p>\n              @if(section.editable()) {\n              <ax-button class=\"ax-xs\" color=\"ghost\" [look]=\"'blank'\"\n                (onClick)=\"vm.executeCommand('modify-entity-section', section)\">\n                <ax-icon class=\"fa-solid fa-pen ax-text-gray-600\"> </ax-icon>\n              </ax-button>\n              }\n            </div>\n            <div class=\"ax-card-body !ax-grid !ax-grid-cols-12 !ax-gap-4\">\n              @for(attr of section.props(); track $index) {\n              <div class=\"ax-flex ax-flex-col ax-gap-1\" [gridLayout]=\"attr.layout()\">\n                <div>\n                  <div>\n                    <span class=\"ax-font-semibold\">{{ attr.title() }}</span>\n                  </div>\n                </div>\n                <div class=\"ax-text-neutral-500\">\n                  <axp-widget-renderer [node]=\"attr.node()\" [mode]=\"'view'\"> </axp-widget-renderer>\n                </div>\n              </div>\n              }\n            </div>\n          </axp-widgets-container>\n        </ax-form>\n      </div>\n      }\n    </div>\n    <!-- Finish Sections  -->\n    @if(vm.relatedEntities().length) {\n    <ax-tabs [look]=\"'with-line'\" class=\"ax-mt-2 ax-font-semibold\" #tab\n      (onActiveTabChanged)=\"handleActiveRelatedEntityChanged($event)\">\n      @for(e of vm.relatedEntities();track $index;let index= $index){\n      <ax-tab-item [text]=\"e.title()\" [key]=\"index.toString()\"> </ax-tab-item>\n      }\n    </ax-tabs>\n    @for(e of vm.relatedEntities();track $index;let index= $index){\n    <div [class.ax-hidden]=\"$index !== selectedRelatedIEntityTabIndex()\">\n      <axp-entity-detail-list-view [viewModel]=\"e\"></axp-entity-detail-list-view>\n    </div>\n    } }\n  </div>\n</div>" }]
+                    ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"ax-flex ax-flex-col ax-gap-4 ax-min-h-full ax-px-4 ax-pb-4 md:ax-px-6 ax-bg-surface ax-border-b md:ax-border-0 md:ax-bg-default\"\n>\n  <div\n    class=\"ax-flex ax-flex-col ax-pt-4 ax-sticky ax-top-0 ax-z-10 ax-transition-all\"\n    #sticky=\"axpSticky\"\n    [axpSticky]=\"'ax-bg-surface ax-px-6 ax-py-3 -ax-mx-6 ax-shadow-xl'\"\n    [stickyOffset]=\"30\"\n  >\n    <!-------- Begin Toolbar  -------->\n    <div class=\"ax-flex ax-justify-between ax-items-center\">\n      <!-------- Begin Title  -------->\n      <div class=\"ax-flex ax-gap-1 ax-items-center\">\n        <div class=\"ax-flex ax-flex-col ax-gap-2 ax-transition\">\n          <div class=\"ax-text-xl md:ax-text-2xl ax-font-bold\">{{ vm.title() | translate | async }}</div>\n          @if(vm.description()) {\n          <div class=\"ax-text-sm ax-text-neutral-600\" [class.ax-hidden]=\"sticky.isSticky\">\n            {{ vm.description() }}\n          </div>\n          }\n          <ax-breadcrumbs class=\"child:ax-font-normal child:ax-text-neutral-400\" [class.ax-hidden]=\"isSM | async\">\n            <ng-template #divider>\n              <i class=\"fa-solid fa-chevron-right ax-text-xs ax-mx-2\"></i>\n            </ng-template>\n            @for(b of vm.beardcrumbs();track $index;let last=$last) {\n            <ax-breadcrumbs-item\n              [active]=\"last\"\n              [class.!ax-font-semibold]=\"last\"\n              [class.!ax-text-neutral-600]=\"last\"\n              [routerLink]=\"b.url\"\n            >\n              @if(b.icon) {\n              <i [class]=\"b.icon\"></i>\n              }\n              {{ b.title | translate | async }}\n            </ax-breadcrumbs-item>\n            }\n          </ax-breadcrumbs>\n        </div>\n      </div>\n      <!-------- Finish Title  -------->\n      <!--------------------------------------------------------------->\n      <!-- Begin Action Menu  -->\n      <div class=\"ax-flex ax-items-center ax-gap-3\">\n        @for(tr of vm.primaryActions();track $index) {\n        <ax-button [text]=\"tr.title | translate | async\" [color]=\"tr.color\" (onClick)=\"vm.executeCommand(tr.name)\">\n          <ax-prefix>\n            <ax-icon [icon]=\"tr.icon\"> </ax-icon>\n          </ax-prefix>\n        </ax-button>\n        } @if(vm.secondaryActions().length) {\n        <ax-button [text]=\"(isSM | async) ? null : 'Actions'\" color=\"ghost\">\n          <ax-prefix>\n            <i class=\"fa-solid fa-ellipsis-vertical\"></i>\n          </ax-prefix>\n          <ax-dropdown-panel>\n            <ax-button-item-list>\n              @for(tr of vm.secondaryActions();track $index) {\n              <ng-container>\n                @if(tr.separated) {\n                <ax-divider></ax-divider>\n                }\n                <ax-button-item\n                  [text]=\"tr.title\"\n                  class=\"ax-font-semibold ax-text-{{ tr.color }}\"\n                  (onClick)=\"vm.executeCommand(tr.name)\"\n                >\n                  <ax-prefix>\n                    <ax-icon [icon]=\"tr.icon\"> </ax-icon>\n                  </ax-prefix>\n                </ax-button-item>\n              </ng-container>\n              }\n            </ax-button-item-list>\n          </ax-dropdown-panel>\n        </ax-button>\n        }\n      </div>\n      <!-- Finish Action Menu  -->\n    </div>\n    <!-- Start Sections  -->\n    <div class=\"ax-grid ax-grid-cols-12 ax-gap-4\">\n      @for(section of vm.sections(); track section.name()) {\n      <div class=\"ax-card ax-mt-4\" [gridLayout]=\"section.layout()\">\n        <ax-form #form>\n          <axp-widgets-container [context]=\"vm.context()\">\n            <div class=\"ax-card-header !ax-py-2 !ax-px-4\">\n              <p>\n                <span class=\"!ax-text-lg ax-font-semibold\">{{ section.title() }}</span>\n                <br />\n                @if(section.description()) {\n                <span class=\"ax-text-sm ax-font-normal ax-text-gray-500\">{{ section.description() }}</span>\n                }\n              </p>\n              @if(section.editable()) {\n              <ax-button\n                class=\"ax-xs\"\n                color=\"ghost\"\n                [look]=\"'blank'\"\n                (onClick)=\"vm.executeCommand('modify-entity-section', section)\"\n              >\n                <ax-icon class=\"fa-solid fa-pen ax-text-gray-600\"> </ax-icon>\n              </ax-button>\n              }\n            </div>\n            <div class=\"ax-card-body !ax-grid !ax-grid-cols-12 !ax-gap-4\">\n              @for(attr of section.props(); track $index) {\n              <div class=\"ax-flex ax-flex-col ax-gap-1\" [gridLayout]=\"attr.layout()\">\n                <div>\n                  <div>\n                    <span class=\"ax-font-semibold\">{{ attr.title() | translate | async }}</span>\n                  </div>\n                </div>\n                <div class=\"ax-text-neutral-500\">\n                  <axp-widget-renderer [node]=\"attr.node()\" [mode]=\"'view'\"> </axp-widget-renderer>\n                </div>\n              </div>\n              }\n            </div>\n          </axp-widgets-container>\n        </ax-form>\n      </div>\n      }\n    </div>\n    <!-- Finish Sections  -->\n    @if(vm.relatedEntities().length) {\n    <ax-tabs\n      [look]=\"'with-line'\"\n      class=\"ax-mt-2 ax-font-semibold\"\n      #tab\n      (onActiveTabChanged)=\"handleActiveRelatedEntityChanged($event)\"\n    >\n      @for(e of vm.relatedEntities();track $index;let index= $index){\n      <ax-tab-item [text]=\"(e.title() | translate | async)!\" [key]=\"index.toString()\"> </ax-tab-item>\n      }\n    </ax-tabs>\n    @for(e of vm.relatedEntities();track $index;let index= $index){\n    <div [class.ax-hidden]=\"$index !== selectedRelatedIEntityTabIndex()\">\n      <axp-entity-detail-list-view [viewModel]=\"e\"></axp-entity-detail-list-view>\n    </div>\n    } }\n  </div>\n</div>\n" }]
         }] });
 
 const AXMApplcationManagementroutes = [
@@ -96,7 +97,7 @@ const AXMApplcationManagementroutes = [
         children: [
             {
                 path: 'module-designer',
-                loadComponent: () => import('./acorex-modules-application-management-module-designer.component-BCaCCEXO.mjs').then((c) => c.AXMModuleDesignerComponent),
+                loadComponent: () => import('./acorex-modules-application-management-module-designer.component-CaR_HZfL.mjs').then((c) => c.AXMModuleDesignerComponent),
                 children: [
                     {
                         path: 'm/:module',
@@ -115,6 +116,176 @@ const AXMApplcationManagementroutes = [
     },
 ];
 
+const APPLICATIONS = Array.from({ length: 5 }).map((_, i) => {
+    const source = ['appOne', 'appTwo', 'appThree', 'myCoolApp', 'awesomeApp', 'superApp'];
+    const name = AXPDataGenerator.pick(source);
+    return {
+        id: AXPDataGenerator.uuid(),
+        name: name,
+        title: name,
+        isArchived: AXPDataGenerator.boolean(),
+    };
+});
+const MODULES = Array.from({ length: 5 }).map((_, i) => {
+    const source = [
+        'UserManagement',
+        'Analytics',
+        'Reporting',
+        'PaymentGateway',
+        'NotificationService',
+        'InventoryManagement',
+    ];
+    const name = AXPDataGenerator.pick(source);
+    return {
+        id: AXPDataGenerator.uuid(),
+        name: name,
+        title: name,
+        isArchived: AXPDataGenerator.boolean(),
+    };
+});
+const APPLICATIONS_MODULES = Array.from({ length: 5 }).map((_, i) => {
+    return {
+        id: AXPDataGenerator.uuid(),
+        application: AXPDataGenerator.pick(APPLICATIONS),
+        module: AXPDataGenerator.pick(MODULES),
+    };
+});
+const EDITIONS = Array.from({ length: 5 }).map((_, i) => {
+    const source = ['Standard', 'Premium', 'Gold', 'Silver', 'Bronze', 'Platinum', 'Enterprise'];
+    const name = AXPDataGenerator.pick(source);
+    return {
+        id: AXPDataGenerator.uuid(),
+        application: AXPDataGenerator.pick(APPLICATIONS),
+        name: name,
+        title: name,
+        isArchived: AXPDataGenerator.boolean(),
+    };
+});
+const FEATURES = Array.from({ length: 5 }).map((_, i) => {
+    const source = [
+        'User Authentication',
+        'Data Encryption',
+        'Real-time Notifications',
+        'Customizable Dashboards',
+        'API Access',
+        'Multi-language Support',
+        'Analytics and Reporting',
+        'Offline Mode',
+    ];
+    const name = AXPDataGenerator.pick(source);
+    return {
+        id: AXPDataGenerator.uuid(),
+        moduleId: AXPDataGenerator.pick(MODULES).id,
+        name: name,
+        title: name,
+        isArchived: AXPDataGenerator.boolean(),
+    };
+});
+const ENTITIES = Array.from({ length: 5 }).map((_, i) => {
+    const source = ['User', 'Product', 'Order', 'Customer', 'Transaction', 'Category', 'Review', 'InventoryItem'];
+    const name = AXPDataGenerator.pick(source);
+    return {
+        id: AXPDataGenerator.uuid(),
+        moduleId: AXPDataGenerator.pick(MODULES).id,
+        name: name,
+        title: name,
+        isArchived: AXPDataGenerator.boolean(),
+    };
+});
+const PERMISSIONS = Array.from({ length: 5 }).map((_, i) => {
+    const source = ['Read', 'Write', 'Update', 'Delete', 'ManageUsers', 'ViewReports', 'AccessSettings', 'CreateContent'];
+    const name = AXPDataGenerator.pick(source);
+    return {
+        id: AXPDataGenerator.uuid(),
+        moduleId: AXPDataGenerator.pick(MODULES).id,
+        name: name,
+        title: name,
+        isArchived: AXPDataGenerator.boolean(),
+    };
+});
+const PROPERTIES = Array.from({ length: 10 }).map((_, i) => {
+    const source = [
+        'property1',
+        'property2',
+        'property3',
+        'property4',
+        'property5',
+        'property6',
+        'property7',
+        'property8',
+    ];
+    const name = AXPDataGenerator.pick(source);
+    return {
+        id: AXPDataGenerator.uuid(),
+        entityId: AXPDataGenerator.pick(ENTITIES).id,
+        name: name,
+        title: name,
+        path: name,
+    };
+});
+
+class AXPApplicationManagementService {
+    constructor(injector) {
+        const storageService = injector.get(AXPEntityStorageService);
+        //
+        this._applicationModuleDataProvider = new AXPEntityDataProviderImpl(storageService, 'applications-modules');
+        this._applicationModuleDataProvider.initial(APPLICATIONS_MODULES);
+        //
+        this._editionDataProvider = new AXPEntityDataProviderImpl(storageService, 'editions');
+        this._editionDataProvider.initial(EDITIONS);
+        //
+        this._featureDataProvider = new AXPEntityDataProviderImpl(storageService, 'features');
+        this._featureDataProvider.initial(FEATURES);
+        //
+        this._entityDataProvider = new AXPEntityDataProviderImpl(storageService, 'entities');
+        this._entityDataProvider.initial(ENTITIES);
+        //
+        this._propertyDataProvider = new AXPEntityDataProviderImpl(storageService, 'properties');
+        this._propertyDataProvider.initial(PROPERTIES);
+        //
+        this._permissionDataProvider = new AXPEntityDataProviderImpl(storageService, 'permissions');
+        this._permissionDataProvider.initial(PERMISSIONS);
+    }
+    get applicationModuleDataProvider() {
+        return this._applicationModuleDataProvider;
+    }
+    get editionDataProvider() {
+        return this._editionDataProvider;
+    }
+    get featureDataProvider() {
+        return this._featureDataProvider;
+    }
+    get entityDataProvider() {
+        return this._entityDataProvider;
+    }
+    get propertyDataProvider() {
+        return this._propertyDataProvider;
+    }
+    get permissionDataProvider() {
+        return this._permissionDataProvider;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPApplicationManagementService, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPApplicationManagementService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPApplicationManagementService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i0.Injector }] });
+let AXMApplicationModuleService$1 = class AXMApplicationModuleService extends AXMEntityCrudServiceImpl {
+};
+let AXMEntityService$1 = class AXMEntityService extends AXMEntityCrudServiceImpl {
+};
+let AXMEditionService$1 = class AXMEditionService extends AXMEntityCrudServiceImpl {
+};
+let AXMFeatureService$1 = class AXMFeatureService extends AXMEntityCrudServiceImpl {
+};
+let AXMPermissionService$1 = class AXMPermissionService extends AXMEntityCrudServiceImpl {
+};
+let AXMPropertyService$1 = class AXMPropertyService extends AXMEntityCrudServiceImpl {
+};
+
 class AXMApplicationManagementModuleEntityLoader {
     constructor() {
         this.injector = inject(Injector);
@@ -160,17 +331,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
         }] });
 
 class AXMApplicationManagmentModuleMenuProvider {
+    constructor() {
+        this.translateService = inject(AXTranslationService);
+    }
     async items() {
+        const scope = 'platform';
         return [
             {
                 items: [
                     {
-                        priority: 9001,
-                        text: 'Application Management',
+                        priority: 8001,
+                        text: '#platform.applicationManagement',
                         icon: 'fa-solid fa-cogs',
                         children: [
                             {
-                                text: 'Module Designer',
+                                text: '#platform.moduleDesigner',
                                 path: '/console/module-designer',
                                 icon: 'fa-solid fa-cog',
                                 data: {},
@@ -183,6 +358,119 @@ class AXMApplicationManagmentModuleMenuProvider {
     }
 }
 
+const APPLICATION_SOURCE_NAME = 'application-management.application';
+const APPLICATION_MODULE_SOURCE_NAME = 'application-management.application-module';
+const MODULE_SOURCE_NAME = 'application-management.module';
+const ENTITY_SOURCE_NAME = 'application-management.entity';
+const PERMISSION_SOURCE_NAME = 'application-management.permission';
+const FEATURE_SOURCE_NAME = 'application-management.feature';
+const EDITION_SOURCE_NAME = 'application-management.edition';
+const PROPERTY_SOURCE_NAME = 'application-management.property';
+
+class AXMApplicationService extends AXMEntityCrudServiceImpl {
+}
+class AXMApplicationServiceImpl extends AXMEntityCrudServiceImpl {
+    constructor() {
+        super(APPLICATION_SOURCE_NAME);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMApplicationServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMApplicationServiceImpl }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMApplicationServiceImpl, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+class AXMApplicationModuleService extends AXMEntityCrudServiceImpl {
+}
+class AXMApplicationModuleServiceImpl extends AXMEntityCrudServiceImpl {
+    constructor() {
+        super(APPLICATION_MODULE_SOURCE_NAME);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMApplicationModuleServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMApplicationModuleServiceImpl }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMApplicationModuleServiceImpl, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+class AXMEditionService extends AXMEntityCrudServiceImpl {
+}
+class AXMEditionServiceImpl extends AXMEntityCrudServiceImpl {
+    constructor() {
+        super(EDITION_SOURCE_NAME);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMEditionServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMEditionServiceImpl }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMEditionServiceImpl, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+class AXMEntityService extends AXMEntityCrudServiceImpl {
+}
+class AXMEntityServiceImpl extends AXMEntityCrudServiceImpl {
+    constructor() {
+        super(ENTITY_SOURCE_NAME);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMEntityServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMEntityServiceImpl }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMEntityServiceImpl, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+class AXMFeatureService extends AXMEntityCrudServiceImpl {
+}
+class AXMFeatureServiceImpl extends AXMEntityCrudServiceImpl {
+    constructor() {
+        super(FEATURE_SOURCE_NAME);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMFeatureServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMFeatureServiceImpl }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMFeatureServiceImpl, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+class AXMModuleService extends AXMEntityCrudServiceImpl {
+}
+class AXMModuleServiceImpl extends AXMEntityCrudServiceImpl {
+    constructor() {
+        super(MODULE_SOURCE_NAME);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMModuleServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMModuleServiceImpl }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMModuleServiceImpl, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+class AXMPermissionService extends AXMEntityCrudServiceImpl {
+}
+class AXMPermissionServiceImpl extends AXMEntityCrudServiceImpl {
+    constructor() {
+        super(PERMISSION_SOURCE_NAME);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMPermissionServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMPermissionServiceImpl }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMPermissionServiceImpl, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+class AXMPropertyService extends AXMEntityCrudServiceImpl {
+}
+class AXMPropertyServiceImpl extends AXMEntityCrudServiceImpl {
+    constructor() {
+        super(PROPERTY_SOURCE_NAME);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMPropertyServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMPropertyServiceImpl }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXMPropertyServiceImpl, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
 class AXPShowModuleEntityDetailViewAction extends AXPWorkflowAction {
     constructor() {
         super(...arguments);
@@ -269,6 +557,42 @@ class AXMApplicationManagementModule {
                     useClass: AXMApplicationManagmentModuleMenuProvider,
                     multi: true,
                 },
+                {
+                    provide: AXMModuleService,
+                    useClass: AXMModuleServiceImpl,
+                },
+                {
+                    provide: AXMApplicationService,
+                    useClass: AXMApplicationServiceImpl,
+                },
+                {
+                    provide: AXMApplicationModuleService$1,
+                    useClass: AXMApplicationModuleServiceImpl,
+                },
+                {
+                    provide: AXMEntityService$1,
+                    useClass: AXMEntityServiceImpl,
+                },
+                {
+                    provide: AXMPermissionService$1,
+                    useClass: AXMPermissionServiceImpl,
+                },
+                {
+                    provide: AXMFeatureService$1,
+                    useClass: AXMFeatureServiceImpl,
+                },
+                {
+                    provide: AXMPropertyService$1,
+                    useClass: AXMPropertyServiceImpl,
+                },
+                {
+                    provide: AXMEditionService$1,
+                    useClass: AXMEditionServiceImpl,
+                },
+                // {
+                //   provide: AXPModuleDesignerService,
+                //   useClass: AXMModuleDesignerService,
+                // },
             ],
         };
     }
@@ -314,202 +638,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                     args: ['AXP_REGISTER_MODULES_ENTITIES']
                 }] }] });
 
-const APPLICATIONS = Array.from({ length: 5 }).map((_, i) => {
-    const source = ['appOne', 'appTwo', 'appThree', 'myCoolApp', 'awesomeApp', 'superApp'];
-    const name = AXPDataGenerator.pick(source);
-    return {
-        id: AXPDataGenerator.uuid(),
-        name: name,
-        title: name,
-        isArchived: AXPDataGenerator.boolean(),
-    };
-});
-const MODULES = Array.from({ length: 5 }).map((_, i) => {
-    const source = [
-        'UserManagement',
-        'Analytics',
-        'Reporting',
-        'PaymentGateway',
-        'NotificationService',
-        'InventoryManagement',
-    ];
-    const name = AXPDataGenerator.pick(source);
-    return {
-        id: AXPDataGenerator.uuid(),
-        name: name,
-        title: name,
-        isArchived: AXPDataGenerator.boolean(),
-    };
-});
-const APPLICATIONS_MODULES = Array.from({ length: 5 }).map((_, i) => {
-    return {
-        id: AXPDataGenerator.uuid(),
-        application: AXPDataGenerator.pick(APPLICATIONS),
-        module: AXPDataGenerator.pick(MODULES),
-    };
-});
-const EDITIONS = Array.from({ length: 5 }).map((_, i) => {
-    const source = ['Standard', 'Premium', 'Gold', 'Silver', 'Bronze', 'Platinum', 'Enterprise'];
-    const name = AXPDataGenerator.pick(source);
-    return {
-        id: AXPDataGenerator.uuid(),
-        application: AXPDataGenerator.pick(APPLICATIONS),
-        name: name,
-        title: name,
-        isArchived: AXPDataGenerator.boolean(),
-    };
-});
-const FEATURES = Array.from({ length: 5 }).map((_, i) => {
-    const source = [
-        'User Authentication',
-        'Data Encryption',
-        'Real-time Notifications',
-        'Customizable Dashboards',
-        'API Access',
-        'Multi-language Support',
-        'Analytics and Reporting',
-        'Offline Mode',
-    ];
-    const name = AXPDataGenerator.pick(source);
-    return {
-        id: AXPDataGenerator.uuid(),
-        moduleId: AXPDataGenerator.pick(MODULES).id,
-        name: name,
-        title: name,
-        isArchived: AXPDataGenerator.boolean(),
-    };
-});
-const ENTITIES = Array.from({ length: 5 }).map((_, i) => {
-    const source = ['User', 'Product', 'Order', 'Customer', 'Transaction', 'Category', 'Review', 'InventoryItem'];
-    const name = AXPDataGenerator.pick(source);
-    return {
-        id: AXPDataGenerator.uuid(),
-        moduleId: AXPDataGenerator.pick(MODULES).id,
-        name: name,
-        title: name,
-        isArchived: AXPDataGenerator.boolean(),
-    };
-});
-const PERMISSIONS = Array.from({ length: 5 }).map((_, i) => {
-    const source = ['Read', 'Write', 'Update', 'Delete', 'ManageUsers', 'ViewReports', 'AccessSettings', 'CreateContent'];
-    const name = AXPDataGenerator.pick(source);
-    return {
-        id: AXPDataGenerator.uuid(),
-        moduleId: AXPDataGenerator.pick(MODULES).id,
-        name: name,
-        title: name,
-        isArchived: AXPDataGenerator.boolean(),
-    };
-});
-const PROPERTIES = Array.from({ length: 10 }).map((_, i) => {
-    const source = [
-        'property1',
-        'property2',
-        'property3',
-        'property4',
-        'property5',
-        'property6',
-        'property7',
-        'property8',
-    ];
-    const name = AXPDataGenerator.pick(source);
-    return {
-        id: AXPDataGenerator.uuid(),
-        entityId: AXPDataGenerator.pick(ENTITIES).id,
-        name: name,
-        title: name,
-        path: name,
-    };
-});
-
-class AXPApplicationManagementService {
-    constructor(injector) {
-        const storageService = injector.get(AXPEntityStorageService);
-        //
-        this._applicationDataProvider = new AXPEntityDataProviderImpl(storageService, 'applications');
-        this._applicationDataProvider.initial(APPLICATIONS);
-        //
-        this._moduleDataProvider = new AXPEntityDataProviderImpl(storageService, 'modules');
-        this._moduleDataProvider.initial(MODULES);
-        //
-        this._applicationModuleDataProvider = new AXPEntityDataProviderImpl(storageService, 'applications-modules');
-        this._applicationModuleDataProvider.initial(APPLICATIONS_MODULES);
-        //
-        this._editionDataProvider = new AXPEntityDataProviderImpl(storageService, 'editions');
-        this._editionDataProvider.initial(EDITIONS);
-        //
-        this._featureDataProvider = new AXPEntityDataProviderImpl(storageService, 'features');
-        this._featureDataProvider.initial(FEATURES);
-        //
-        this._entityDataProvider = new AXPEntityDataProviderImpl(storageService, 'entities');
-        this._entityDataProvider.initial(ENTITIES);
-        //
-        this._propertyDataProvider = new AXPEntityDataProviderImpl(storageService, 'properties');
-        this._propertyDataProvider.initial(PROPERTIES);
-        //
-        this._permissionDataProvider = new AXPEntityDataProviderImpl(storageService, 'permissions');
-        this._permissionDataProvider.initial(PERMISSIONS);
-    }
-    get applicationDataProvider() {
-        return this._applicationDataProvider;
-    }
-    get moduleDataProvider() {
-        return this._moduleDataProvider;
-    }
-    get applicationModuleDataProvider() {
-        return this._applicationModuleDataProvider;
-    }
-    get editionDataProvider() {
-        return this._editionDataProvider;
-    }
-    get featureDataProvider() {
-        return this._featureDataProvider;
-    }
-    get entityDataProvider() {
-        return this._entityDataProvider;
-    }
-    get propertyDataProvider() {
-        return this._propertyDataProvider;
-    }
-    get permissionDataProvider() {
-        return this._permissionDataProvider;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPApplicationManagementService, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPApplicationManagementService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXPApplicationManagementService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [{ type: i0.Injector }] });
-class AXMApplicationService extends AXMEntityCrudServiceImpl {
-}
-class AXModuleService extends AXMEntityCrudServiceImpl {
-}
-class AXMApplicationModuleService extends AXMEntityCrudServiceImpl {
-}
-class AXMEntityService extends AXMEntityCrudServiceImpl {
-}
-class AXMEditionService extends AXMEntityCrudServiceImpl {
-}
-class AXMFeatureService extends AXMEntityCrudServiceImpl {
-}
-class AXMPermissionService extends AXMEntityCrudServiceImpl {
-}
-class AXMPropertyService extends AXMEntityCrudServiceImpl {
-}
-
-const APPLICATION_SOURCE_NAME = 'application-management.application';
-const MODULE_SOURCE_NAME = 'application-management.module';
-const ENTITY_SOURCE_NAME = 'application-management.entity';
-const PERMISSION_SOURCE_NAME = 'application-management.permission';
-const FEATURE_SOURCE_NAME = 'application-management.feature';
-const EDITION_SOURCE_NAME = 'application-management.edition';
-const PROPERTY_SOURCE_NAME = 'application-management.property';
-
 async function applicationModuleEntityFactory(injector) {
-    const dataService = injector.get(AXPApplicationManagementService);
+    const dataService = injector.get(AXMApplicationModuleService$1);
     const entityDef = {
         module: 'application-management',
         name: 'application-module',
@@ -555,13 +685,13 @@ async function applicationModuleEntityFactory(injector) {
             create: {
                 execute: async (data) => {
                     const entity = Object.assign(data, { id: AXPDataGenerator.uuid() });
-                    dataService.applicationModuleDataProvider.insertOne(entity);
+                    dataService.insertOne(entity);
                     return Promise.resolve(entity);
                 },
             },
             delete: {
                 execute: async (id) => {
-                    await await dataService.applicationModuleDataProvider.deleteOne(id);
+                    await await dataService.deleteOne(id);
                     return Promise.resolve();
                 },
             },
@@ -569,7 +699,7 @@ async function applicationModuleEntityFactory(injector) {
                 execute: async (data) => {
                     return new Promise((resolve) => {
                         setTimeout(async () => {
-                            await dataService.applicationModuleDataProvider.updateOne(data.id, data);
+                            await dataService.updateOne(data.id, data);
                             resolve(data);
                         }, 1000);
                     });
@@ -581,7 +711,7 @@ async function applicationModuleEntityFactory(injector) {
                 execute: async (id) => {
                     return new Promise((resolve) => {
                         setTimeout(async () => {
-                            const entity = await dataService.applicationModuleDataProvider.getOne(id);
+                            const entity = await dataService.getOne(id);
                             resolve(entity);
                         }, 500);
                     });
@@ -590,12 +720,10 @@ async function applicationModuleEntityFactory(injector) {
             },
             list: {
                 execute: async (e) => {
-                    const list = await dataService.applicationModuleDataProvider.getAll();
-                    const sortedItems = applySortArray(list, e.sort);
-                    const filteredItems = applyFilterArray(sortedItems, e.filter ? [e.filter] : []);
+                    const data = await dataService.query(e);
                     return Promise.resolve({
-                        total: filteredItems.length,
-                        items: filteredItems.slice(e.skip, (e.skip ?? 0) + (e.take ?? 0)),
+                        total: data.total,
+                        items: data.items,
                     });
                 },
                 type: AXPEntityQueryType.List,
@@ -778,7 +906,7 @@ async function applicationModuleEntityFactory(injector) {
 }
 
 async function applicationEntityFactory(injector) {
-    const dataService = injector.get(AXPApplicationManagementService);
+    const dataService = injector.get(AXMApplicationService);
     const applicationEntityDef = {
         module: 'application-management',
         name: 'application',
@@ -862,13 +990,13 @@ async function applicationEntityFactory(injector) {
             create: {
                 execute: async (data) => {
                     const entity = Object.assign(data, { id: AXPDataGenerator.uuid() });
-                    dataService.applicationDataProvider.insertOne(entity);
+                    dataService.insertOne(entity);
                     return Promise.resolve(entity);
                 },
             },
             delete: {
                 execute: async (id) => {
-                    await await dataService.applicationDataProvider.deleteOne(id);
+                    await await dataService.deleteOne(id);
                     return Promise.resolve();
                 },
             },
@@ -876,7 +1004,7 @@ async function applicationEntityFactory(injector) {
                 execute: async (data) => {
                     return new Promise((resolve) => {
                         setTimeout(async () => {
-                            await dataService.applicationDataProvider.updateOne(data.id, data);
+                            await dataService.updateOne(data.id, data);
                             resolve(data);
                         }, 1000);
                     });
@@ -888,7 +1016,7 @@ async function applicationEntityFactory(injector) {
                 execute: async (id) => {
                     return new Promise((resolve) => {
                         setTimeout(async () => {
-                            const entity = await dataService.applicationDataProvider.getOne(id);
+                            const entity = await dataService.getOne(id);
                             resolve(entity);
                         }, 500);
                     });
@@ -897,7 +1025,7 @@ async function applicationEntityFactory(injector) {
             },
             list: {
                 execute: async (e) => {
-                    const list = await dataService.applicationDataProvider.getAll();
+                    const list = await dataService.query(e);
                     const sortedItems = applySortArray(list, e.sort);
                     const filteredItems = applyFilterArray(sortedItems, e.filter ? [e.filter] : []);
                     return Promise.resolve({
@@ -1085,7 +1213,7 @@ async function applicationEntityFactory(injector) {
 }
 
 async function editionEntityFactory(injector) {
-    const dataService = injector.get(AXPApplicationManagementService);
+    const dataService = injector.get(AXMEditionService$1);
     const entityDef = {
         module: 'application-management',
         name: 'edition',
@@ -1142,13 +1270,13 @@ async function editionEntityFactory(injector) {
             create: {
                 execute: async (data) => {
                     const entity = Object.assign(data, { id: AXPDataGenerator.uuid() });
-                    dataService.editionDataProvider.insertOne(entity);
+                    dataService.insertOne(entity);
                     return Promise.resolve(entity);
                 },
             },
             delete: {
                 execute: async (id) => {
-                    await await dataService.editionDataProvider.deleteOne(id);
+                    await await dataService.deleteOne(id);
                     return Promise.resolve();
                 },
             },
@@ -1156,7 +1284,7 @@ async function editionEntityFactory(injector) {
                 execute: async (data) => {
                     return new Promise((resolve) => {
                         setTimeout(async () => {
-                            await dataService.editionDataProvider.updateOne(data.id, data);
+                            await dataService.updateOne(data.id, data);
                             resolve(data);
                         }, 1000);
                     });
@@ -1168,7 +1296,7 @@ async function editionEntityFactory(injector) {
                 execute: async (id) => {
                     return new Promise((resolve) => {
                         setTimeout(async () => {
-                            const entity = await dataService.editionDataProvider.getOne(id);
+                            const entity = await dataService.getOne(id);
                             resolve(entity);
                         }, 500);
                     });
@@ -1177,12 +1305,10 @@ async function editionEntityFactory(injector) {
             },
             list: {
                 execute: async (e) => {
-                    const list = await dataService.editionDataProvider.getAll();
-                    const sortedItems = applySortArray(list, e.sort);
-                    const filteredItems = applyFilterArray(sortedItems, e.filter ? [e.filter] : []);
+                    const data = await dataService.query(e);
                     return Promise.resolve({
-                        total: filteredItems.length,
-                        items: filteredItems.slice(e.skip, (e.skip ?? 0) + (e.take ?? 0)),
+                        total: data.total,
+                        items: data.items,
                     });
                 },
                 type: AXPEntityQueryType.List,
@@ -1365,7 +1491,7 @@ async function editionEntityFactory(injector) {
 }
 
 async function entityEntityFactory(injector) {
-    const dataService = injector.get(AXPApplicationManagementService);
+    const dataService = injector.get(AXMEntityService$1);
     const entityDef = {
         module: 'application-management',
         name: 'entity',
@@ -1436,13 +1562,13 @@ async function entityEntityFactory(injector) {
             create: {
                 execute: async (data) => {
                     const entity = Object.assign(data, { id: AXPDataGenerator.uuid() });
-                    dataService.entityDataProvider.insertOne(entity);
+                    dataService.insertOne(entity);
                     return Promise.resolve(entity);
                 },
             },
             delete: {
                 execute: async (id) => {
-                    await await dataService.entityDataProvider.deleteOne(id);
+                    await await dataService.deleteOne(id);
                     return Promise.resolve();
                 },
             },
@@ -1450,7 +1576,7 @@ async function entityEntityFactory(injector) {
                 execute: async (data) => {
                     return new Promise((resolve) => {
                         setTimeout(async () => {
-                            await dataService.entityDataProvider.updateOne(data.id, data);
+                            await dataService.updateOne(data.id, data);
                             resolve(data);
                         }, 1000);
                     });
@@ -1462,7 +1588,7 @@ async function entityEntityFactory(injector) {
                 execute: async (id) => {
                     return new Promise((resolve) => {
                         setTimeout(async () => {
-                            const entity = await dataService.entityDataProvider.getOne(id);
+                            const entity = await dataService.getOne(id);
                             resolve(entity);
                         }, 500);
                     });
@@ -1471,12 +1597,10 @@ async function entityEntityFactory(injector) {
             },
             list: {
                 execute: async (e) => {
-                    const list = await dataService.entityDataProvider.getAll();
-                    const sortedItems = applySortArray(list, e.sort);
-                    const filteredItems = applyFilterArray(sortedItems, e.filter ? [e.filter] : []);
+                    const data = await dataService.query(e);
                     return Promise.resolve({
-                        total: filteredItems.length,
-                        items: filteredItems.slice(e.skip, (e.skip ?? 0) + (e.take ?? 0)),
+                        total: data.total,
+                        items: data.items,
                     });
                 },
                 type: AXPEntityQueryType.List,
@@ -1664,7 +1788,7 @@ var entity_entity = /*#__PURE__*/Object.freeze({
 });
 
 async function featureEntityFactory(injector) {
-    const dataService = injector.get(AXPApplicationManagementService);
+    const dataService = injector.get(AXMFeatureService$1);
     const EntityDef = {
         module: 'application-management',
         name: 'feature',
@@ -1721,13 +1845,13 @@ async function featureEntityFactory(injector) {
             create: {
                 execute: async (data) => {
                     const entity = Object.assign(data, { id: AXPDataGenerator.uuid() });
-                    dataService.featureDataProvider.insertOne(entity);
+                    dataService.insertOne(entity);
                     return Promise.resolve(entity);
                 },
             },
             delete: {
                 execute: async (id) => {
-                    await await dataService.featureDataProvider.deleteOne(id);
+                    await await dataService.deleteOne(id);
                     return Promise.resolve();
                 },
             },
@@ -1735,7 +1859,7 @@ async function featureEntityFactory(injector) {
                 execute: async (data) => {
                     return new Promise((resolve) => {
                         setTimeout(async () => {
-                            await dataService.featureDataProvider.updateOne(data.id, data);
+                            await dataService.updateOne(data.id, data);
                             resolve(data);
                         }, 1000);
                     });
@@ -1747,7 +1871,7 @@ async function featureEntityFactory(injector) {
                 execute: async (id) => {
                     return new Promise((resolve) => {
                         setTimeout(async () => {
-                            const entity = await dataService.featureDataProvider.getOne(id);
+                            const entity = await dataService.getOne(id);
                             resolve(entity);
                         }, 500);
                     });
@@ -1756,12 +1880,10 @@ async function featureEntityFactory(injector) {
             },
             list: {
                 execute: async (e) => {
-                    const list = await dataService.featureDataProvider.getAll();
-                    const sortedItems = applySortArray(list, e.sort);
-                    const filteredItems = applyFilterArray(sortedItems, e.filter ? [e.filter] : []);
+                    const data = await dataService.query(e);
                     return Promise.resolve({
-                        total: filteredItems.length,
-                        items: filteredItems.slice(e.skip, (e.skip ?? 0) + (e.take ?? 0)),
+                        total: data.total,
+                        items: data.items,
                     });
                 },
                 type: AXPEntityQueryType.List,
@@ -1949,7 +2071,7 @@ var feature_entity = /*#__PURE__*/Object.freeze({
 });
 
 async function modulesEntityFactory(injector) {
-    const dataService = injector.get(AXPApplicationManagementService);
+    const dataService = injector.get(AXMModuleService);
     const entityDef = {
         module: 'application-management',
         name: 'module',
@@ -2046,13 +2168,13 @@ async function modulesEntityFactory(injector) {
             create: {
                 execute: async (data) => {
                     const entity = Object.assign(data, { id: AXPDataGenerator.uuid() });
-                    dataService.moduleDataProvider.insertOne(entity);
+                    dataService.insertOne(entity);
                     return Promise.resolve(entity);
                 },
             },
             delete: {
                 execute: async (id) => {
-                    await await dataService.moduleDataProvider.deleteOne(id);
+                    await await dataService.deleteOne(id);
                     return Promise.resolve();
                 },
             },
@@ -2060,7 +2182,7 @@ async function modulesEntityFactory(injector) {
                 execute: async (data) => {
                     return new Promise((resolve) => {
                         setTimeout(async () => {
-                            await dataService.moduleDataProvider.updateOne(data.id, data);
+                            await dataService.updateOne(data.id, data);
                             resolve(data);
                         }, 1000);
                     });
@@ -2072,7 +2194,7 @@ async function modulesEntityFactory(injector) {
                 execute: async (id) => {
                     return new Promise((resolve) => {
                         setTimeout(async () => {
-                            const entity = await dataService.moduleDataProvider.getOne(id);
+                            const entity = await dataService.getOne(id);
                             resolve(entity);
                         }, 500);
                     });
@@ -2081,13 +2203,11 @@ async function modulesEntityFactory(injector) {
             },
             list: {
                 execute: async (e) => {
-                    const list = await dataService.moduleDataProvider.getAll();
-                    const sortedItems = applySortArray(list, e.sort);
-                    const filteredItems = applyFilterArray(sortedItems, e.filter ? [e.filter] : []);
-                    return Promise.resolve({
-                        total: filteredItems.length,
-                        items: filteredItems.slice(e.skip, (e.skip ?? 0) + (e.take ?? 0)),
-                    });
+                    const data = await dataService.query(e);
+                    return {
+                        total: data.total,
+                        items: data.items,
+                    };
                 },
                 type: AXPEntityQueryType.List,
             },
@@ -2274,7 +2394,7 @@ var modules_entity = /*#__PURE__*/Object.freeze({
 });
 
 async function permissionEntityFactory(injector) {
-    const dataService = injector.get(AXPApplicationManagementService);
+    const dataService = injector.get(AXMPermissionService$1);
     const entityDef = {
         module: 'application-management',
         name: 'permission',
@@ -2331,13 +2451,13 @@ async function permissionEntityFactory(injector) {
             create: {
                 execute: async (data) => {
                     const entity = Object.assign(data, { id: AXPDataGenerator.uuid() });
-                    dataService.permissionDataProvider.insertOne(entity);
+                    dataService.insertOne(entity);
                     return Promise.resolve(entity);
                 },
             },
             delete: {
                 execute: async (id) => {
-                    await await dataService.permissionDataProvider.deleteOne(id);
+                    await await dataService.deleteOne(id);
                     return Promise.resolve();
                 },
             },
@@ -2345,7 +2465,7 @@ async function permissionEntityFactory(injector) {
                 execute: async (data) => {
                     return new Promise((resolve) => {
                         setTimeout(async () => {
-                            await dataService.permissionDataProvider.updateOne(data.id, data);
+                            await dataService.updateOne(data.id, data);
                             resolve(data);
                         }, 1000);
                     });
@@ -2357,7 +2477,7 @@ async function permissionEntityFactory(injector) {
                 execute: async (id) => {
                     return new Promise((resolve) => {
                         setTimeout(async () => {
-                            const entity = await dataService.permissionDataProvider.getOne(id);
+                            const entity = await dataService.getOne(id);
                             resolve(entity);
                         }, 500);
                     });
@@ -2366,12 +2486,10 @@ async function permissionEntityFactory(injector) {
             },
             list: {
                 execute: async (e) => {
-                    const list = await dataService.permissionDataProvider.getAll();
-                    const sortedItems = applySortArray(list, e.sort);
-                    const filteredItems = applyFilterArray(sortedItems, e.filter ? [e.filter] : []);
+                    const data = await dataService.query(e);
                     return Promise.resolve({
-                        total: filteredItems.length,
-                        items: filteredItems.slice(e.skip, (e.skip ?? 0) + (e.take ?? 0)),
+                        total: data.total,
+                        items: data.items,
                     });
                 },
                 type: AXPEntityQueryType.List,
@@ -2559,7 +2677,7 @@ var permission_entity = /*#__PURE__*/Object.freeze({
 });
 
 async function propertyEntityFactory(injector) {
-    const dataService = injector.get(AXPApplicationManagementService);
+    const dataService = injector.get(AXMPropertyService$1);
     const entityDef = {
         module: 'application-management',
         name: 'property',
@@ -2681,13 +2799,13 @@ async function propertyEntityFactory(injector) {
             create: {
                 execute: async (data) => {
                     const entity = Object.assign(data, { id: AXPDataGenerator.uuid() });
-                    dataService.propertyDataProvider.insertOne(entity);
+                    dataService.insertOne(entity);
                     return Promise.resolve(entity);
                 },
             },
             delete: {
                 execute: async (id) => {
-                    await await dataService.propertyDataProvider.deleteOne(id);
+                    await await dataService.deleteOne(id);
                     return Promise.resolve();
                 },
             },
@@ -2695,7 +2813,7 @@ async function propertyEntityFactory(injector) {
                 execute: async (data) => {
                     return new Promise((resolve) => {
                         setTimeout(async () => {
-                            await dataService.propertyDataProvider.updateOne(data.id, data);
+                            await dataService.updateOne(data.id, data);
                             resolve(data);
                         }, 1000);
                     });
@@ -2707,7 +2825,7 @@ async function propertyEntityFactory(injector) {
                 execute: async (id) => {
                     return new Promise((resolve) => {
                         setTimeout(async () => {
-                            const entity = await dataService.propertyDataProvider.getOne(id);
+                            const entity = await dataService.getOne(id);
                             resolve(entity);
                         }, 500);
                     });
@@ -2716,12 +2834,10 @@ async function propertyEntityFactory(injector) {
             },
             list: {
                 execute: async (e) => {
-                    const list = await dataService.propertyDataProvider.getAll();
-                    const sortedItems = applySortArray(list, e.sort);
-                    const filteredItems = applyFilterArray(sortedItems, e.filter ? [e.filter] : []);
+                    const data = await dataService.query(e);
                     return Promise.resolve({
-                        total: filteredItems.length,
-                        items: filteredItems.slice(e.skip, (e.skip ?? 0) + (e.take ?? 0)),
+                        total: data.total,
+                        items: data.items,
                     });
                 },
                 type: AXPEntityQueryType.List,
@@ -3016,5 +3132,5 @@ class AXPModuleDesignerService {
  * Generated bundle index. Do not edit.
  */
 
-export { APPLICATION_SOURCE_NAME, AXMApplicationManagementModule, AXMApplicationModuleService, AXMApplicationService, AXMEditionService, AXMEntityService, AXMFeatureService, AXMPermissionService, AXMPropertyService, AXModuleService, AXPApplicationManagementService, AXPModuleDesignerService, EDITION_SOURCE_NAME, ENTITY_SOURCE_NAME, FEATURE_SOURCE_NAME, MODULE_SOURCE_NAME, PERMISSION_SOURCE_NAME, PROPERTY_SOURCE_NAME, applicationEntityFactory, applicationModuleEntityFactory, editionEntityFactory, entityEntityFactory, featureEntityFactory, modulesEntityFactory, permissionEntityFactory, propertyEntityFactory };
+export { APPLICATION_MODULE_SOURCE_NAME, APPLICATION_SOURCE_NAME, AXMApplicationManagementModule, AXMApplicationModuleService$1 as AXMApplicationModuleService, AXMEditionService$1 as AXMEditionService, AXMEntityService$1 as AXMEntityService, AXMFeatureService$1 as AXMFeatureService, AXMPermissionService$1 as AXMPermissionService, AXMPropertyService$1 as AXMPropertyService, AXPApplicationManagementService, AXPModuleDesignerService, EDITION_SOURCE_NAME, ENTITY_SOURCE_NAME, FEATURE_SOURCE_NAME, MODULE_SOURCE_NAME, PERMISSION_SOURCE_NAME, PROPERTY_SOURCE_NAME, applicationEntityFactory, applicationModuleEntityFactory, editionEntityFactory, entityEntityFactory, featureEntityFactory, modulesEntityFactory, permissionEntityFactory, propertyEntityFactory };
 //# sourceMappingURL=acorex-modules-application-management.mjs.map