@acorex/platform 20.4.2 → 20.5.0-next.1

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

@@ -20,9 +20,9 @@ import { AXDataSource } from '@acorex/cdk/common';
 import { AXFormatService } from '@acorex/core/format';
 import * as i4$1 from '@acorex/platform/common';
 import { AXPFilterOperatorMiddlewareService, AXPEntityCommandScope, getEntityInfo, AXPSettingService, AXPRefreshEvent, AXPReloadEvent, AXPCommonSettings, AXPCleanNestedFilters, AXPWorkflowNavigateAction, AXPToastAction, AXP_SEARCH_DEFINITION_PROVIDER } from '@acorex/platform/common';
-import * as i1$2 from '@acorex/platform/core';
+import * as i1$1 from '@acorex/platform/core';
 import { resolveActionLook, AXPExpressionEvaluatorService, AXPDistributedEventListenerService, AXPBroadcastEventService, AXPPlatformScope, getChangedPaths, extractValue, setSmart, AXPSystemActionType } from '@acorex/platform/core';
-import * as i2$2 from '@acorex/platform/workflow';
+import * as i2$3 from '@acorex/platform/workflow';
 import { AXPWorkflowService, ofType, createWorkFlowEvent, AXPWorkflowAction, AXPWorkflowModule } from '@acorex/platform/workflow';
 import { AXPLayoutThemeService } from '@acorex/platform/themes/shared';
 import { Subject, takeUntil } from 'rxjs';
@@ -36,19 +36,18 @@ import { AXDecoratorModule } from '@acorex/components/decorators';
 import * as i4$2 from '@acorex/components/dropdown';
 import { AXDropdownModule } from '@acorex/components/dropdown';
 import { AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DISABLED_PROPERTY, AXP_ALLOW_CLEAR_PROPERTY, AXP_DATA_PROPERTY_GROUP, AXP_ALLOW_MULTIPLE_PROPERTY, AXPFileUploaderWidgetService } from '@acorex/platform/layout/widgets';
-import * as i1$1 from '@angular/forms';
+import * as i1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import * as i5$1 from '@acorex/components/form';
 import { AXFormModule } from '@acorex/components/form';
 import * as i7 from '@acorex/components/select-box';
 import { AXSelectBoxModule } from '@acorex/components/select-box';
-import * as i2$1 from '@acorex/components/text-box';
+import * as i2$2 from '@acorex/components/text-box';
 import { AXTextBoxModule, AXTextBoxComponent } from '@acorex/components/text-box';
 import { AXValidationModule } from '@acorex/core/validation';
-import * as i1 from '@acorex/components/badge';
+import * as i2$1 from '@acorex/components/badge';
 import { AXBadgeModule } from '@acorex/components/badge';
-import * as i6$2 from '@acorex/components/search-box';
-import { AXSearchBoxComponent, AXSearchBoxModule } from '@acorex/components/search-box';
+import { AXSearchBoxComponent } from '@acorex/components/search-box';
 import * as i6$1 from '@acorex/components/tag-box';
 import { AXTagBoxComponent, AXTagBoxModule } from '@acorex/components/tag-box';
 import { AXPDataSelectorService, AXPWidgetPropertyViewerComponent } from '@acorex/platform/layout/components';
@@ -4413,6 +4412,131 @@ class AXPEntitySearchDefinitionProvider {
     }
 }
 
+/**
+ * Error type that can be thrown by middlewares to abort the chain with a structured payload.
+ */
+class AXPMiddlewareAbortError extends Error {
+    constructor(message, options = {}) {
+        super(message);
+        this.message = message;
+        this.options = options;
+        this.name = 'AXPMiddlewareAbortError';
+    }
+    toResponse() {
+        return {
+            success: false,
+            error: {
+                code: this.options.code,
+                message: this.message,
+                status: this.options.status,
+                details: this.options.details,
+            },
+        };
+    }
+}
+/** Type guard for AXPMiddlewareAbortError */
+function isAXPMiddlewareAbortError(error) {
+    return error instanceof AXPMiddlewareAbortError;
+}
+//#endregion
+
+const AXP_ENTITY_STORAGE_BACKEND = new InjectionToken('AXP_ENTITY_STORAGE_BACKEND');
+const AXP_ENTITY_STORAGE_MIDDLEWARE = new InjectionToken('AXP_ENTITY_STORAGE_MIDDLEWARE');
+
+class AXPMiddlewareEntityStorageService extends AXPEntityStorageService {
+    constructor() {
+        super(...arguments);
+        this.backend = inject(AXP_ENTITY_STORAGE_BACKEND);
+        this.allMiddlewares = (inject(AXP_ENTITY_STORAGE_MIDDLEWARE, { optional: true }) || []).slice();
+        this.injector = inject(EnvironmentInjector);
+    }
+    get dbName() {
+        return this.backend.dbName;
+    }
+    filterMiddlewares(ctx) {
+        return this.allMiddlewares
+            .filter((mw) => {
+            const t = mw.target;
+            if (!t)
+                return true;
+            if (t.ops && !t.ops.includes(ctx.op))
+                return false;
+            if (t.entity) {
+                if (typeof t.entity === 'string' && t.entity !== ctx.entityName)
+                    return false;
+                if (t.entity instanceof RegExp && !t.entity.test(ctx.entityName))
+                    return false;
+            }
+            if (t.predicate && !t.predicate(ctx))
+                return false;
+            return true;
+        })
+            .sort((a, b) => (a.target?.order ?? 0) - (b.target?.order ?? 0));
+    }
+    compose(mws, leaf, ctx) {
+        return mws
+            .slice()
+            .reverse()
+            .reduce((next, mw) => {
+            return async () => runInInjectionContext(this.injector, () => mw.execute(ctx, next));
+        }, leaf);
+    }
+    async run(ctx, delegate) {
+        const chain = this.compose(this.filterMiddlewares(ctx), async () => {
+            ctx.result = await delegate();
+        }, ctx);
+        await chain();
+        return ctx.result;
+    }
+    createCtx(op, entityName, init) {
+        return {
+            op,
+            entityName,
+            locals: new Map(),
+            backend: {
+                getOne: (name, id) => this.backend.getOne(name, id),
+                insertOne: (name, e) => this.backend.insertOne(name, e),
+                query: (name, request) => this.backend.query(name, request),
+                updateOne: (name, id, data) => this.backend.updateOne(name, id, data),
+            },
+            ...init,
+        };
+    }
+    async initial(entityName, collection, options) {
+        const ctx = this.createCtx('initial', entityName, { data: collection });
+        return this.run(ctx, () => this.backend.initial(entityName, ctx.data, options));
+    }
+    async getOne(entityName, id) {
+        const ctx = this.createCtx('getOne', entityName, { id });
+        return this.run(ctx, () => this.backend.getOne(entityName, id));
+    }
+    async updateOne(entityName, id, keyValues) {
+        const ctx = this.createCtx('update', entityName, { id, data: keyValues });
+        return this.run(ctx, () => this.backend.updateOne(entityName, id, ctx.data));
+    }
+    async deleteOne(entityName, id) {
+        const ctx = this.createCtx('delete', entityName, { id });
+        return this.run(ctx, () => this.backend.deleteOne(entityName, id));
+    }
+    async insertOne(entityName, entity) {
+        const ctx = this.createCtx('create', entityName, { data: entity });
+        return this.run(ctx, () => this.backend.insertOne(entityName, ctx.data));
+    }
+    async getAll(entityName) {
+        const ctx = this.createCtx('getAll', entityName);
+        return this.run(ctx, () => this.backend.getAll(entityName));
+    }
+    async query(entityName, request) {
+        const ctx = this.createCtx('query', entityName, { request });
+        return this.run(ctx, () => this.backend.query(entityName, request));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPMiddlewareEntityStorageService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPMiddlewareEntityStorageService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPMiddlewareEntityStorageService, decorators: [{
+            type: Injectable
+        }] });
+
 //#region ----   Column Mapping Helpers   ----
 /**
  * Maps an entity property to a list widget column configuration.
@@ -5657,7 +5781,7 @@ class AXPLookupWidgetViewComponent extends AXPValueWidgetComponent {
           <span class="ax-text-muted">---</span>
         }
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i4.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i4.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i2$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPLookupWidgetViewComponent, decorators: [{
             type: Component,
@@ -6213,9 +6337,9 @@ class AXPLookupWidgetEditComponent extends AXPValueWidgetComponent {
       </ax-tag-box>
     }
   }
-  `, 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: 
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: 
                 //
-                AXButtonModule }, { kind: "component", type: i3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$2.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i3$2.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: AXLoadingModule }, { kind: "component", type: i4.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i5$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { kind: "ngmodule", type: AXTagBoxModule }, { kind: "component", type: i6$1.AXTagBoxComponent, selector: "ax-tag-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "allowNull", "type", "look", "addOnComma", "addOnEnter", "valueField", "textField", "readonlyField", "allowDuplicateValues"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i7.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "component", type: AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+                AXButtonModule }, { kind: "component", type: i3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$2.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i3$2.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: AXLoadingModule }, { kind: "component", type: i4.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i5$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { kind: "ngmodule", type: AXTagBoxModule }, { kind: "component", type: i6$1.AXTagBoxComponent, selector: "ax-tag-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "allowNull", "type", "look", "addOnComma", "addOnEnter", "valueField", "textField", "readonlyField", "allowDuplicateValues", "tagTemplate"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onTagClick", "onTagDblClick", "onTagContextMenu"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i7.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "component", type: AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPLookupWidgetEditComponent, decorators: [{
             type: Component,
@@ -6480,375 +6604,6 @@ const AXPLookupWidget = {
     },
 };
 
-class AXPTagableBoxWidgetColumnComponent extends AXPValueWidgetComponent {
-    constructor() {
-        super(...arguments);
-        this.internalValue = computed(() => (Array.isArray(this.getValue()) ? this.getValue() : [this.getValue()]), ...(ngDevMode ? [{ debugName: "internalValue" }] : []));
-        this.multiple = computed(() => this.options()['multiple'], ...(ngDevMode ? [{ debugName: "multiple" }] : []));
-        // ویژگی‌های مرتبط با SelectBox
-        this.useSelectBox = computed(() => this.options()['useSelectBox'], ...(ngDevMode ? [{ debugName: "useSelectBox" }] : []));
-        this.textField = computed(() => this.options()['textField'] ?? 'title', ...(ngDevMode ? [{ debugName: "textField" }] : []));
-        // استخراج داده‌ها برای نمایش
-        this.getData = computed(() => {
-            if (!this.useSelectBox()) {
-                return [];
-            }
-            const value = this.getValue();
-            if (!value) {
-                return [];
-            }
-            return Array.isArray(value) ? value : [value];
-        }, ...(ngDevMode ? [{ debugName: "getData" }] : []));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPTagableBoxWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: AXPTagableBoxWidgetColumnComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
-    <div class="ax-flex ax-gap-1 ax-flex-wrap">
-      @if (useSelectBox() && getData().length > 0) { @for (item of getData(); track $index) {
-      <ax-badge [look]="'twotone'" [text]="item[textField()]" color="primary"></ax-badge>
-      } } @else { @if(multiple()) { @for (item of internalValue(); track $index) {
-      <span class="ax-bg-slate-100 ax-px-2 ax-py-1 ax-rounded ax-inline-block">{{ item }}</span>
-      } } @else {
-      <span class="ax-bg-slate-100 ax-px-2 ax-py-1 ax-rounded ax-inline-block">{{ internalValue()[0] }}</span>
-      } }
-    </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPTagableBoxWidgetColumnComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: `
-    <div class="ax-flex ax-gap-1 ax-flex-wrap">
-      @if (useSelectBox() && getData().length > 0) { @for (item of getData(); track $index) {
-      <ax-badge [look]="'twotone'" [text]="item[textField()]" color="primary"></ax-badge>
-      } } @else { @if(multiple()) { @for (item of internalValue(); track $index) {
-      <span class="ax-bg-slate-100 ax-px-2 ax-py-1 ax-rounded ax-inline-block">{{ item }}</span>
-      } } @else {
-      <span class="ax-bg-slate-100 ax-px-2 ax-py-1 ax-rounded ax-inline-block">{{ internalValue()[0] }}</span>
-      } }
-    </div>
-  `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [AXBadgeModule],
-                    inputs: [],
-                }]
-        }] });
-
-var tagableBoxWidgetColumn_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPTagableBoxWidgetColumnComponent: AXPTagableBoxWidgetColumnComponent
-});
-
-class AXPTagableBoxWidgetEditComponent extends AXPValueWidgetComponent {
-    constructor() {
-        super(...arguments);
-        this.entityResolver = inject(AXPEntityResolver);
-        this.hasClearButton = computed(() => this.options()['hasClearButton'], ...(ngDevMode ? [{ debugName: "hasClearButton" }] : []));
-        this.disabled = computed(() => this.options()['disabled'], ...(ngDevMode ? [{ debugName: "disabled" }] : []));
-        this.placeholder = computed(() => this.options()['placeholder'], ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
-        // پارامترهای SelectBox
-        this.moduleName = computed(() => this.options()['module'], ...(ngDevMode ? [{ debugName: "moduleName" }] : []));
-        this.entityName = computed(() => this.options()['entity'], ...(ngDevMode ? [{ debugName: "entityName" }] : []));
-        this.allowSearch = computed(() => this.options()['allowSearch'], ...(ngDevMode ? [{ debugName: "allowSearch" }] : []));
-        // منبع داده برای SelectBox
-        this._dataSource = new AXDataSource({
-            load: async (e) => {
-                const entity = await this.entityResolver.get(this.moduleName(), this.entityName());
-                const func = entity?.queries.list?.execute;
-                const result = await func(e);
-                console.log(result);
-                return {
-                    items: result?.items || [],
-                    total: result?.total || 0,
-                };
-            },
-            pageSize: 10,
-        });
-    }
-    handleSelectValueChange(e) {
-        if (e.isUserInteraction) {
-            this.setValue(e.value);
-        }
-    }
-    addItem() { }
-    get __class() {
-        const cls = {};
-        cls[`ax-block`] = true;
-        cls[`ax-flex-1`] = true;
-        return cls;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPTagableBoxWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: AXPTagableBoxWidgetEditComponent, isStandalone: true, selector: "axp-tagable-box-widget", host: { properties: { "class": "this.__class" } }, usesInheritance: true, ngImport: i0, template: `
-    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
-      <!-- نمایش Select Box با دکمه اضافه کردن آیتم -->
-      <ax-select-box
-        class="ax-col-span-12"
-        [placeholder]="placeholder()"
-        [dataSource]="_dataSource"
-        [ngModel]="getValue()"
-        [valueField]="'name'"
-        [textField]="'title'"
-        [multiple]="true"
-        (onValueChanged)="handleSelectValueChange($event)"
-      >
-        @if (allowSearch()) {
-          <ax-search-box><ax-clear-button></ax-clear-button></ax-search-box>
-        }
-        @if (hasClearButton()) {
-          <ax-clear-button></ax-clear-button>
-        }
-        @for (validation of validationRules(); track $index) {
-          <ax-validation-rule
-            [rule]="validation.rule"
-            [message]="validation.options?.message"
-            [options]="validation.options"
-          ></ax-validation-rule>
-        }
-      </ax-select-box>
-      <ax-button
-        [text]="'افزودن آیتم جدید'"
-        look="twotone"
-        [disabled]="disabled()"
-        (onClick)="addItem()"
-        class="ax-col-start-8 md:ax-col-start-9 2xl:ax-col-start-10 ax-col-end-13"
-      >
-        <ax-prefix>
-          <ax-icon class="fa-solid fa-add"></ax-icon>
-        </ax-prefix>
-      </ax-button>
-    </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTextBoxModule }, { 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: AXFormModule }, { kind: "directive", type: i5$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$2.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i3$2.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: AXValidationModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3.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: AXSelectBoxModule }, { kind: "component", type: i7.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i6$2.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPTagableBoxWidgetEditComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'axp-tagable-box-widget',
-                    template: `
-    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
-      <!-- نمایش Select Box با دکمه اضافه کردن آیتم -->
-      <ax-select-box
-        class="ax-col-span-12"
-        [placeholder]="placeholder()"
-        [dataSource]="_dataSource"
-        [ngModel]="getValue()"
-        [valueField]="'name'"
-        [textField]="'title'"
-        [multiple]="true"
-        (onValueChanged)="handleSelectValueChange($event)"
-      >
-        @if (allowSearch()) {
-          <ax-search-box><ax-clear-button></ax-clear-button></ax-search-box>
-        }
-        @if (hasClearButton()) {
-          <ax-clear-button></ax-clear-button>
-        }
-        @for (validation of validationRules(); track $index) {
-          <ax-validation-rule
-            [rule]="validation.rule"
-            [message]="validation.options?.message"
-            [options]="validation.options"
-          ></ax-validation-rule>
-        }
-      </ax-select-box>
-      <ax-button
-        [text]="'افزودن آیتم جدید'"
-        look="twotone"
-        [disabled]="disabled()"
-        (onClick)="addItem()"
-        class="ax-col-start-8 md:ax-col-start-9 2xl:ax-col-start-10 ax-col-end-13"
-      >
-        <ax-prefix>
-          <ax-icon class="fa-solid fa-add"></ax-icon>
-        </ax-prefix>
-      </ax-button>
-    </div>
-  `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [
-                        AXTextBoxModule,
-                        FormsModule,
-                        AXFormModule,
-                        AXDecoratorModule,
-                        AXValidationModule,
-                        AXButtonModule,
-                        AXSelectBoxModule,
-                        AXSearchBoxModule
-                    ],
-                    inputs: [],
-                }]
-        }], propDecorators: { __class: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-var tagableBoxWidgetEdit_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPTagableBoxWidgetEditComponent: AXPTagableBoxWidgetEditComponent
-});
-
-class AXPTagableBoxWidgetFilterComponent extends AXPValueWidgetComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPTagableBoxWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: AXPTagableBoxWidgetFilterComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPTagableBoxWidgetFilterComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: ``,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [FormsModule],
-                    inputs: [],
-                }]
-        }] });
-
-var tagableBoxWidgetFilter_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPTagableBoxWidgetFilterComponent: AXPTagableBoxWidgetFilterComponent
-});
-
-class AXPTagableBoxWidgetPrintComponent extends AXPValueWidgetComponent {
-    constructor() {
-        super(...arguments);
-        this.internalValue = computed(() => (Array.isArray(this.getValue()) ? this.getValue() : [this.getValue()]), ...(ngDevMode ? [{ debugName: "internalValue" }] : []));
-        this.multiple = computed(() => this.options()['multiple'], ...(ngDevMode ? [{ debugName: "multiple" }] : []));
-        // ویژگی‌های مرتبط با SelectBox
-        this.useSelectBox = computed(() => this.options()['useSelectBox'], ...(ngDevMode ? [{ debugName: "useSelectBox" }] : []));
-        this.textField = computed(() => this.options()['textField'] ?? 'title', ...(ngDevMode ? [{ debugName: "textField" }] : []));
-        // استخراج داده‌ها برای نمایش
-        this.getData = computed(() => {
-            if (!this.useSelectBox()) {
-                return [];
-            }
-            const value = this.getValue();
-            if (!value) {
-                return [];
-            }
-            return Array.isArray(value) ? value : [value];
-        }, ...(ngDevMode ? [{ debugName: "getData" }] : []));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPTagableBoxWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: AXPTagableBoxWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
-    <div>
-      @if (useSelectBox() && getData().length > 0) { @for (item of getData(); track $index) {
-      <span class="ax-bg-slate-100 ax-px-2 ax-py-1 ax-rounded ax-mr-2 ax-mb-2 ax-inline-block">{{
-        item[textField()]
-      }}</span>
-      } } @else { @if(multiple()) { @for (item of internalValue(); track $index) {
-      <span class="ax-bg-slate-100 ax-px-2 ax-py-1 ax-rounded ax-mr-2 ax-mb-2 ax-inline-block">{{ item }}</span>
-      } } @else {
-      <span class="ax-bg-slate-100 ax-px-2 ax-py-1 ax-rounded ax-mr-2 ax-mb-2 ax-inline-block">{{
-        internalValue()[0]
-      }}</span>
-      } }
-    </div>
-  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPTagableBoxWidgetPrintComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: `
-    <div>
-      @if (useSelectBox() && getData().length > 0) { @for (item of getData(); track $index) {
-      <span class="ax-bg-slate-100 ax-px-2 ax-py-1 ax-rounded ax-mr-2 ax-mb-2 ax-inline-block">{{
-        item[textField()]
-      }}</span>
-      } } @else { @if(multiple()) { @for (item of internalValue(); track $index) {
-      <span class="ax-bg-slate-100 ax-px-2 ax-py-1 ax-rounded ax-mr-2 ax-mb-2 ax-inline-block">{{ item }}</span>
-      } } @else {
-      <span class="ax-bg-slate-100 ax-px-2 ax-py-1 ax-rounded ax-mr-2 ax-mb-2 ax-inline-block">{{
-        internalValue()[0]
-      }}</span>
-      } }
-    </div>
-  `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [],
-                    inputs: [],
-                }]
-        }] });
-
-var tagableBoxWidgetPrint_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPTagableBoxWidgetPrintComponent: AXPTagableBoxWidgetPrintComponent
-});
-
-class AXPTagableBoxWidgetViewComponent extends AXPValueWidgetComponent {
-    constructor() {
-        super(...arguments);
-        this.internalValue = computed(() => (Array.isArray(this.getValue()) ? this.getValue() : [this.getValue()]), ...(ngDevMode ? [{ debugName: "internalValue" }] : []));
-        this.multiple = computed(() => this.options()['multiple'], ...(ngDevMode ? [{ debugName: "multiple" }] : []));
-        // ویژگی‌های مرتبط با SelectBox
-        this.useSelectBox = computed(() => this.options()['useSelectBox'], ...(ngDevMode ? [{ debugName: "useSelectBox" }] : []));
-        this.textField = computed(() => this.options()['textField'] ?? 'title', ...(ngDevMode ? [{ debugName: "textField" }] : []));
-        // استخراج داده‌ها برای نمایش
-        this.getData = computed(() => {
-            if (!this.useSelectBox()) {
-                return [];
-            }
-            const value = this.getValue();
-            if (!value) {
-                return [];
-            }
-            return Array.isArray(value) ? value : [value];
-        }, ...(ngDevMode ? [{ debugName: "getData" }] : []));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPTagableBoxWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: AXPTagableBoxWidgetViewComponent, isStandalone: true, selector: "axp-tagable-box-widget", usesInheritance: true, ngImport: i0, template: `
-    @for (item of internalValue(); track $index) {
-    <ax-badge [look]="'twotone'" [text]="item" color="primary"></ax-badge>
-    }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPTagableBoxWidgetViewComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'axp-tagable-box-widget',
-                    template: `
-    @for (item of internalValue(); track $index) {
-    <ax-badge [look]="'twotone'" [text]="item" color="primary"></ax-badge>
-    }
-  `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [AXBadgeModule],
-                    inputs: [],
-                }]
-        }] });
-
-var tagableBoxWidgetView_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPTagableBoxWidgetViewComponent: AXPTagableBoxWidgetViewComponent
-});
-
-const AXPTagableBoxWidget = {
-    name: 'tagable-editor',
-    title: 'Tagable Box',
-    icon: 'fa-light fa-tags',
-    description: 'Inputs text with tags',
-    categories: AXP_WIDGETS_EDITOR_CATEGORY,
-    type: 'editor',
-    groups: [AXPWidgetGroupEnum.EntityWidget],
-    defaultFilterWidgetName: 'string-filter',
-    properties: [AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY],
-    components: {
-        view: {
-            component: () => Promise.resolve().then(function () { return tagableBoxWidgetView_component; }).then((c) => c.AXPTagableBoxWidgetViewComponent),
-        },
-        edit: {
-            component: () => Promise.resolve().then(function () { return tagableBoxWidgetEdit_component; }).then((c) => c.AXPTagableBoxWidgetEditComponent),
-        },
-        filter: {
-            component: () => Promise.resolve().then(function () { return tagableBoxWidgetFilter_component; }).then((c) => c.AXPTagableBoxWidgetFilterComponent),
-        },
-        column: {
-            component: () => Promise.resolve().then(function () { return tagableBoxWidgetColumn_component; }).then((c) => c.AXPTagableBoxWidgetColumnComponent),
-        },
-        print: {
-            component: () => Promise.resolve().then(function () { return tagableBoxWidgetPrint_component; }).then((c) => c.AXPTagableBoxWidgetPrintComponent),
-        },
-        designer: {
-            component: () => Promise.resolve().then(function () { return tagableBoxWidgetEdit_component; }).then((c) => c.AXPTagableBoxWidgetEditComponent),
-        },
-    },
-};
-
 class AXPWidgetSelectorWidgetEditComponent extends AXPValueWidgetComponent {
     constructor() {
         super(...arguments);
@@ -6913,7 +6668,7 @@ class AXPWidgetSelectorWidgetEditComponent extends AXPValueWidgetComponent {
     <axp-widget-property-viewer [widget]="selectedWidgetNode()!" (onChanged)="handleChangeWidget($event)">
     </axp-widget-property-viewer>
     }
-  `, 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: AXSelectBoxModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i2$1.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: AXButtonModule }, { kind: "component", type: i3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$2.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: AXLoadingModule }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i5$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { kind: "component", type: AXPWidgetPropertyViewerComponent, selector: "axp-widget-property-viewer", inputs: ["widget", "mode"], outputs: ["onChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i2$2.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: AXButtonModule }, { kind: "component", type: i3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$2.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: AXLoadingModule }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i5$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message", "disabled"] }, { kind: "component", type: AXPWidgetPropertyViewerComponent, selector: "axp-widget-property-viewer", inputs: ["widget", "mode"], outputs: ["onChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPWidgetSelectorWidgetEditComponent, decorators: [{
             type: Component,
@@ -7432,8 +7187,8 @@ class AXPEntityModule {
             },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityModule, deps: [{ token: i1$2.AXPAppStartUpService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityModule, imports: [RouterModule, i2$2.AXPWorkflowModule, i3$1.AXPWidgetCoreModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityModule, deps: [{ token: i1$1.AXPAppStartUpService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityModule, imports: [RouterModule, i2$3.AXPWorkflowModule, i3$1.AXPWidgetCoreModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPEntityModule, providers: [
             {
                 provide: ROUTES,
@@ -7450,6 +7205,8 @@ class AXPEntityModule {
                 useClass: AXPEntityCommandSearchDefinitionProvider,
                 multi: true,
             },
+            // Bind the middleware wrapper as the public storage service
+            { provide: AXPEntityStorageService, useClass: AXPMiddlewareEntityStorageService },
             {
                 provide: AXP_ENTITY_MODIFIER,
                 useValue: columnWidthMiddlewareProvider,
@@ -7504,7 +7261,6 @@ class AXPEntityModule {
                     AXPLookupWidget,
                     AXPLookupFilterWidget,
                     AXPWidgetSelectorWidget,
-                    AXPTagableBoxWidget,
                     AXPEntityListWidget,
                     AXPEntityReferenceWidget,
                 ],
@@ -7547,7 +7303,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                                 AXPLookupWidget,
                                 AXPLookupFilterWidget,
                                 AXPWidgetSelectorWidget,
-                                AXPTagableBoxWidget,
                                 AXPEntityListWidget,
                                 AXPEntityReferenceWidget,
                             ],
@@ -7571,6 +7326,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                             useClass: AXPEntityCommandSearchDefinitionProvider,
                             multi: true,
                         },
+                        // Bind the middleware wrapper as the public storage service
+                        { provide: AXPEntityStorageService, useClass: AXPMiddlewareEntityStorageService },
                         {
                             provide: AXP_ENTITY_MODIFIER,
                             useValue: columnWidthMiddlewareProvider,
@@ -7594,7 +7351,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
                         ]),
                     ],
                 }]
-        }], ctorParameters: () => [{ type: i1$2.AXPAppStartUpService }, { type: i0.Injector }] });
+        }], ctorParameters: () => [{ type: i1$1.AXPAppStartUpService }, { type: i0.Injector }] });
 
 const eventDispatchMiddleware = {
     target: { ops: ['create', 'update', 'delete'], order: 90 },
@@ -7976,131 +7733,6 @@ function toCompatFormFieldBuilder(field) {
     };
 }
 
-/**
- * Error type that can be thrown by middlewares to abort the chain with a structured payload.
- */
-class AXPMiddlewareAbortError extends Error {
-    constructor(message, options = {}) {
-        super(message);
-        this.message = message;
-        this.options = options;
-        this.name = 'AXPMiddlewareAbortError';
-    }
-    toResponse() {
-        return {
-            success: false,
-            error: {
-                code: this.options.code,
-                message: this.message,
-                status: this.options.status,
-                details: this.options.details,
-            },
-        };
-    }
-}
-/** Type guard for AXPMiddlewareAbortError */
-function isAXPMiddlewareAbortError(error) {
-    return error instanceof AXPMiddlewareAbortError;
-}
-//#endregion
-
-const AXP_ENTITY_STORAGE_BACKEND = new InjectionToken('AXP_ENTITY_STORAGE_BACKEND');
-const AXP_ENTITY_STORAGE_MIDDLEWARE = new InjectionToken('AXP_ENTITY_STORAGE_MIDDLEWARE');
-
-class AXPMiddlewareEntityStorageService extends AXPEntityStorageService {
-    constructor() {
-        super(...arguments);
-        this.backend = inject(AXP_ENTITY_STORAGE_BACKEND);
-        this.allMiddlewares = (inject(AXP_ENTITY_STORAGE_MIDDLEWARE, { optional: true }) || []).slice();
-        this.injector = inject(EnvironmentInjector);
-    }
-    get dbName() {
-        return this.backend.dbName;
-    }
-    filterMiddlewares(ctx) {
-        return this.allMiddlewares
-            .filter((mw) => {
-            const t = mw.target;
-            if (!t)
-                return true;
-            if (t.ops && !t.ops.includes(ctx.op))
-                return false;
-            if (t.entity) {
-                if (typeof t.entity === 'string' && t.entity !== ctx.entityName)
-                    return false;
-                if (t.entity instanceof RegExp && !t.entity.test(ctx.entityName))
-                    return false;
-            }
-            if (t.predicate && !t.predicate(ctx))
-                return false;
-            return true;
-        })
-            .sort((a, b) => (a.target?.order ?? 0) - (b.target?.order ?? 0));
-    }
-    compose(mws, leaf, ctx) {
-        return mws
-            .slice()
-            .reverse()
-            .reduce((next, mw) => {
-            return async () => runInInjectionContext(this.injector, () => mw.execute(ctx, next));
-        }, leaf);
-    }
-    async run(ctx, delegate) {
-        const chain = this.compose(this.filterMiddlewares(ctx), async () => {
-            ctx.result = await delegate();
-        }, ctx);
-        await chain();
-        return ctx.result;
-    }
-    createCtx(op, entityName, init) {
-        return {
-            op,
-            entityName,
-            locals: new Map(),
-            backend: {
-                getOne: (name, id) => this.backend.getOne(name, id),
-                insertOne: (name, e) => this.backend.insertOne(name, e),
-                query: (name, request) => this.backend.query(name, request),
-                updateOne: (name, id, data) => this.backend.updateOne(name, id, data),
-            },
-            ...init,
-        };
-    }
-    async initial(entityName, collection, options) {
-        const ctx = this.createCtx('initial', entityName, { data: collection });
-        return this.run(ctx, () => this.backend.initial(entityName, ctx.data, options));
-    }
-    async getOne(entityName, id) {
-        const ctx = this.createCtx('getOne', entityName, { id });
-        return this.run(ctx, () => this.backend.getOne(entityName, id));
-    }
-    async updateOne(entityName, id, keyValues) {
-        const ctx = this.createCtx('update', entityName, { id, data: keyValues });
-        return this.run(ctx, () => this.backend.updateOne(entityName, id, ctx.data));
-    }
-    async deleteOne(entityName, id) {
-        const ctx = this.createCtx('delete', entityName, { id });
-        return this.run(ctx, () => this.backend.deleteOne(entityName, id));
-    }
-    async insertOne(entityName, entity) {
-        const ctx = this.createCtx('create', entityName, { data: entity });
-        return this.run(ctx, () => this.backend.insertOne(entityName, ctx.data));
-    }
-    async getAll(entityName) {
-        const ctx = this.createCtx('getAll', entityName);
-        return this.run(ctx, () => this.backend.getAll(entityName));
-    }
-    async query(entityName, request) {
-        const ctx = this.createCtx('query', entityName, { request });
-        return this.run(ctx, () => this.backend.query(entityName, request));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPMiddlewareEntityStorageService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPMiddlewareEntityStorageService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: AXPMiddlewareEntityStorageService, decorators: [{
-            type: Injectable
-        }] });
-
 // #region Master
 function entityMasterCreateAction() {
     return {
@@ -8295,5 +7927,5 @@ function detectEntityChanges(oldObj, newObj) {
  * Generated bundle index. Do not edit.
  */
 
-export { AXMEntityCrudService, AXMEntityCrudServiceImpl, AXPCreateEntityWorkflow, AXPDataSeederService, AXPDeleteEntityWorkflow, AXPEntityApplyUpdatesAction, AXPEntityCommandTriggerViewModel, AXPEntityCreateEvent, AXPEntityCreatePopupAction, AXPEntityCreateSubmittedAction, AXPEntityCreateViewElementViewModel, AXPEntityCreateViewModelFactory, AXPEntityCreateViewSectionViewModel, AXPEntityDataProvider, AXPEntityDataProviderImpl, AXPEntityDataSelectorService, AXPEntityDefinitionRegistryService, AXPEntityDeletedEvent, AXPEntityDetailListViewModel, AXPEntityDetailPopoverComponent, AXPEntityDetailPopoverService, AXPEntityDetailViewModelFactory, AXPEntityDetailViewModelResolver, AXPEntityDynamicDialogService, AXPEntityEventDispatcherService, AXPEntityListTableService, AXPEntityListViewColumnViewModel, AXPEntityListViewModelFactory, AXPEntityListViewModelResolver, AXPEntityListWidget, AXPEntityListWidgetViewComponent, AXPEntityMasterCreateViewModel, AXPEntityMasterListViewModel, AXPEntityMasterListViewQueryViewModel, AXPEntityMasterSingleElementViewModel, AXPEntityMasterSingleViewGroupViewModel, AXPEntityMasterSingleViewModel, AXPEntityMasterUpdateElementViewModel, AXPEntityMasterUpdateViewModel, AXPEntityMasterUpdateViewModelFactory, AXPEntityMiddleware, AXPEntityModifyConfirmedAction, AXPEntityModifyEvent, AXPEntityModifySectionPopupAction, AXPEntityModule, AXPEntityPerformDeleteAction, AXPEntityReferenceWidget, AXPEntityReferenceWidgetColumnComponent, AXPEntityReferenceWidgetDesignerComponent, AXPEntityReferenceWidgetEditComponent, AXPEntityReferenceWidgetPrintComponent, AXPEntityReferenceWidgetViewComponent, AXPEntityResolver, AXPEntityService, AXPEntityStorageService, AXPEntityUpdateViewSectionViewModel, AXPGetEntityDetailsQuery, AXPLookupFilterWidget, AXPLookupFilterWidgetEditComponent, AXPLookupWidget, AXPLookupWidgetColumnComponent, AXPLookupWidgetEditComponent, AXPLookupWidgetViewComponent, AXPMiddlewareAbortError, AXPMiddlewareEntityStorageService, AXPModifyEntitySectionWorkflow, AXPOpenEntityDetailsCommand, AXPQuickEntityModifyPopupAction, AXPQuickModifyEntityWorkflow, AXPShowDetailViewAction, AXPShowDetailsViewWorkflow, AXPShowListViewAction, AXPShowListViewWorkflow, AXPTagableBoxWidget, AXPTagableBoxWidgetColumnComponent, AXPTagableBoxWidgetEditComponent, AXPTagableBoxWidgetFilterComponent, AXPTagableBoxWidgetPrintComponent, AXPTagableBoxWidgetViewComponent, AXPWidgetSelectorWidget, AXPWidgetSelectorWidgetEditComponent, AXPWidgetSelectorWidgetViewComponent, AXP_DATA_SEEDER_TOKEN, AXP_ENTITY_ACTION_PLUGIN, AXP_ENTITY_CONFIG_TOKEN, AXP_ENTITY_DEFINITION_LOADER, AXP_ENTITY_MODIFIER, AXP_ENTITY_STORAGE_BACKEND, AXP_ENTITY_STORAGE_MIDDLEWARE, DEFAULT_COLUMN_WIDTHS, actionExists, columnWidthMiddlewareFactory, columnWidthMiddlewareProvider, createColumnWidthMiddlewareProvider, createModifierContext, detectEntityChanges, ensureListActions, entityDetailsCreateActions, entityDetailsCrudActions, entityDetailsEditAction, entityDetailsReferenceCondition, entityDetailsReferenceCreateActions, entityDetailsSimpleCondition, entityMasterBulkDeleteAction, entityMasterCreateAction, entityMasterCrudActions, entityMasterDeleteAction, entityMasterRecordActions, entityMasterViewAction, entityOverrideDetailsViewAction, eventDispatchMiddleware, isAXPMiddlewareAbortError };
+export { AXMEntityCrudService, AXMEntityCrudServiceImpl, AXPCreateEntityWorkflow, AXPDataSeederService, AXPDeleteEntityWorkflow, AXPEntityApplyUpdatesAction, AXPEntityCommandTriggerViewModel, AXPEntityCreateEvent, AXPEntityCreatePopupAction, AXPEntityCreateSubmittedAction, AXPEntityCreateViewElementViewModel, AXPEntityCreateViewModelFactory, AXPEntityCreateViewSectionViewModel, AXPEntityDataProvider, AXPEntityDataProviderImpl, AXPEntityDataSelectorService, AXPEntityDefinitionRegistryService, AXPEntityDeletedEvent, AXPEntityDetailListViewModel, AXPEntityDetailPopoverComponent, AXPEntityDetailPopoverService, AXPEntityDetailViewModelFactory, AXPEntityDetailViewModelResolver, AXPEntityDynamicDialogService, AXPEntityEventDispatcherService, AXPEntityListTableService, AXPEntityListViewColumnViewModel, AXPEntityListViewModelFactory, AXPEntityListViewModelResolver, AXPEntityListWidget, AXPEntityListWidgetViewComponent, AXPEntityMasterCreateViewModel, AXPEntityMasterListViewModel, AXPEntityMasterListViewQueryViewModel, AXPEntityMasterSingleElementViewModel, AXPEntityMasterSingleViewGroupViewModel, AXPEntityMasterSingleViewModel, AXPEntityMasterUpdateElementViewModel, AXPEntityMasterUpdateViewModel, AXPEntityMasterUpdateViewModelFactory, AXPEntityMiddleware, AXPEntityModifyConfirmedAction, AXPEntityModifyEvent, AXPEntityModifySectionPopupAction, AXPEntityModule, AXPEntityPerformDeleteAction, AXPEntityReferenceWidget, AXPEntityReferenceWidgetColumnComponent, AXPEntityReferenceWidgetDesignerComponent, AXPEntityReferenceWidgetEditComponent, AXPEntityReferenceWidgetPrintComponent, AXPEntityReferenceWidgetViewComponent, AXPEntityResolver, AXPEntityService, AXPEntityStorageService, AXPEntityUpdateViewSectionViewModel, AXPGetEntityDetailsQuery, AXPLookupFilterWidget, AXPLookupFilterWidgetEditComponent, AXPLookupWidget, AXPLookupWidgetColumnComponent, AXPLookupWidgetEditComponent, AXPLookupWidgetViewComponent, AXPMiddlewareAbortError, AXPMiddlewareEntityStorageService, AXPModifyEntitySectionWorkflow, AXPOpenEntityDetailsCommand, AXPQuickEntityModifyPopupAction, AXPQuickModifyEntityWorkflow, AXPShowDetailViewAction, AXPShowDetailsViewWorkflow, AXPShowListViewAction, AXPShowListViewWorkflow, AXPWidgetSelectorWidget, AXPWidgetSelectorWidgetEditComponent, AXPWidgetSelectorWidgetViewComponent, AXP_DATA_SEEDER_TOKEN, AXP_ENTITY_ACTION_PLUGIN, AXP_ENTITY_CONFIG_TOKEN, AXP_ENTITY_DEFINITION_LOADER, AXP_ENTITY_MODIFIER, AXP_ENTITY_STORAGE_BACKEND, AXP_ENTITY_STORAGE_MIDDLEWARE, DEFAULT_COLUMN_WIDTHS, actionExists, columnWidthMiddlewareFactory, columnWidthMiddlewareProvider, createColumnWidthMiddlewareProvider, createModifierContext, detectEntityChanges, ensureListActions, entityDetailsCreateActions, entityDetailsCrudActions, entityDetailsEditAction, entityDetailsReferenceCondition, entityDetailsReferenceCreateActions, entityDetailsSimpleCondition, entityMasterBulkDeleteAction, entityMasterCreateAction, entityMasterCrudActions, entityMasterDeleteAction, entityMasterRecordActions, entityMasterViewAction, entityOverrideDetailsViewAction, eventDispatchMiddleware, isAXPMiddlewareAbortError };
 //# sourceMappingURL=acorex-platform-layout-entity.mjs.map