@acorex/platform 20.3.0-next.15 → 20.3.0-next.17

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

@@ -1,6 +1,6 @@
 import { AXPSessionService, AXPAuthGuard } from '@acorex/platform/auth';
 import * as i0 from '@angular/core';
-import { inject, Injectable, input, viewChild, signal, ElementRef, ChangeDetectionStrategy, Component, ApplicationRef, EnvironmentInjector, createComponent, InjectionToken, computed, Injector, runInInjectionContext, viewChildren, linkedSignal, effect, untracked, HostBinding, ViewChild, NgModule, DestroyRef } from '@angular/core';
+import { inject, Injectable, input, viewChild, signal, ElementRef, ChangeDetectionStrategy, Component, ApplicationRef, EnvironmentInjector, createComponent, InjectionToken, computed, Injector, runInInjectionContext, viewChildren, linkedSignal, effect, untracked, HostBinding, ViewChild, NgModule } from '@angular/core';
 import { Router, RouterModule, ROUTES } from '@angular/router';
 import * as i3 from '@acorex/components/button';
 import { AXButtonModule } from '@acorex/components/button';
@@ -15,7 +15,7 @@ import { AXPWidgetsCatalog, AXPWidgetCoreModule, AXPPageStatus, AXPWidgetRegistr
 import { AXPCommandService, AXPQueryService, provideCommandSetups, provideQuerySetups } from '@acorex/platform/runtime';
 import * as i5 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import { castArray, get, cloneDeep, set, merge, isNil, isEmpty, sortBy } from 'lodash-es';
+import { castArray, get, cloneDeep, set, merge, isEqual, isNil, isEmpty, sortBy } from 'lodash-es';
 import { AXDataSource } from '@acorex/cdk/common';
 import { AXFormatService } from '@acorex/core/format';
 import { AXPFilterOperatorMiddlewareService, AXPEntityCommandScope, getEntityInfo, AXPSettingService, AXPRefreshEvent, AXPReloadEvent, AXPCleanNestedFilters, AXPWorkflowNavigateAction, AXPToastAction, AXP_SEARCH_DEFINITION_PROVIDER } from '@acorex/platform/common';
@@ -37,21 +37,21 @@ 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 { FormsModule } from '@angular/forms';
-import * as i1 from '@acorex/components/badge';
-import { AXBadgeModule } from '@acorex/components/badge';
 import * as i5$1 from '@acorex/components/form';
 import { AXFormModule } from '@acorex/components/form';
-import * as i6$2 from '@acorex/components/search-box';
-import { AXSearchBoxComponent, AXSearchBoxModule } from '@acorex/components/search-box';
 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 { AXTextBoxModule, AXTextBoxComponent } from '@acorex/components/text-box';
+import { AXValidationModule } from '@acorex/core/validation';
+import * as i1 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 * as i6$1 from '@acorex/components/tag-box';
 import { AXTagBoxComponent, AXTagBoxModule } from '@acorex/components/tag-box';
-import { AXValidationModule } from '@acorex/core/validation';
 import { AXPDataSelectorService, AXPWidgetPropertyViewerComponent, AXPDynamicFormBuilderService } from '@acorex/platform/layout/components';
-import * as i2$1 from '@acorex/components/text-box';
-import { AXTextBoxModule, AXTextBoxComponent } from '@acorex/components/text-box';
-import { transform, isEqual } from 'lodash';
+import { transform, isEqual as isEqual$1 } from 'lodash';
 
 //#endregion
 //#region ----   Entity Open Details Command   ----
@@ -5436,6 +5436,121 @@ const AXPEntityReferenceWidget = {
     },
 };
 
+class AXPLookupFilterWidgetEditComponent extends AXPValueWidgetComponent {
+    constructor() {
+        super(...arguments);
+        //#region ----   Computed Properties   ----
+        this.editorPath = `__${this.path}EditorValue`;
+        this.entity = computed(() => this.options()['entity'], ...(ngDevMode ? [{ debugName: "entity" }] : []));
+        this.textField = computed(() => this.options()['textField'] ?? 'title', ...(ngDevMode ? [{ debugName: "textField" }] : []));
+        this.valueField = computed(() => this.options()['valueField'] ?? 'id', ...(ngDevMode ? [{ debugName: "valueField" }] : []));
+        // protected expose = computed<string | undefined | any[]>(() => this.options()['expose'] as string);
+        this.customFilter = computed(() => this.options()['filter'], ...(ngDevMode ? [{ debugName: "customFilter" }] : []));
+        this.multiple = computed(() => (this.options()['multiple'] ?? false), ...(ngDevMode ? [{ debugName: "multiple" }] : []));
+        //#endregion
+        //#region ----   Lookup Node   ----
+        this.lookupNode = signal({
+            type: 'lookup-editor',
+            defaultValue: undefined,
+            path: this.path,
+            options: {},
+        }, ...(ngDevMode ? [{ debugName: "lookupNode" }] : []));
+        //#endregion
+        //#region ----   Effects   ----
+        this.#efUpdateLookupNode = effect(() => {
+            // console.log('path:', this.path, this.expose());
+            const node = {
+                type: 'lookup-editor',
+                // defaultValue: this.getValue()?.value,
+                path: this.editorPath,
+                options: {
+                    entity: this.entity(),
+                    expose: [
+                        {
+                            source: this.textField(),
+                            target: `${this.path}EditorObj.title`,
+                        },
+                        {
+                            source: this.valueField(),
+                            target: `${this.path}EditorObj.id`,
+                        },
+                    ],
+                    look: 'select',
+                    multiple: this.multiple(),
+                    textField: this.textField(),
+                    filter: this.customFilter(),
+                    allowClear: true,
+                },
+            };
+            this.lookupNode.set(node);
+        }, ...(ngDevMode ? [{ debugName: "#efUpdateLookupNode" }] : []));
+        this.#efUpdateValue = effect(() => {
+            const newValueObj = this.contextService.getValue(`${this.path}EditorObj`);
+            const prevValue = untracked(() => this.getValue()?.value);
+            if (isEqual(prevValue, newValueObj?.[this.valueField()])) {
+                return;
+            }
+            const value = this.multiple()
+                ? newValueObj?.[this.valueField()].map((v) => v[this.valueField()])
+                : newValueObj?.[this.valueField()];
+            const displayText = this.multiple()
+                ? newValueObj?.[this.textField()].map((v) => v[this.textField()]).join(',')
+                : newValueObj?.[this.textField()];
+            this.setValue({
+                value: value,
+                operation: {
+                    type: this.multiple() ? 'in' : 'equal',
+                },
+                displayText: displayText,
+            });
+        }, ...(ngDevMode ? [{ debugName: "#efUpdateValue" }] : []));
+    }
+    //#endregion
+    //#region ----   Effects   ----
+    #efUpdateLookupNode;
+    #efUpdateValue;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXPLookupFilterWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.3", type: AXPLookupFilterWidgetEditComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ` <ng-container axp-widget-renderer [node]="lookupNode()" [mode]="'edit'"></ng-container> `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "directive", type: i3$1.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged"], exportAs: ["widgetRenderer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXPLookupFilterWidgetEditComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ` <ng-container axp-widget-renderer [node]="lookupNode()" [mode]="'edit'"></ng-container> `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [
+                        FormsModule,
+                        AXSelectBoxModule,
+                        AXTextBoxModule,
+                        AXButtonModule,
+                        AXDecoratorModule,
+                        AXLoadingModule,
+                        AXValidationModule,
+                        AXFormModule,
+                        AXPWidgetCoreModule,
+                    ],
+                }]
+        }] });
+
+var lookupFilterWidgetEdit_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXPLookupFilterWidgetEditComponent: AXPLookupFilterWidgetEditComponent
+});
+
+const AXPLookupFilterWidget = {
+    name: 'lookup-filter',
+    title: 'Lookup Filter',
+    // categories: AXP_WIDGETS_FILTER_CATEGORY,
+    type: 'filter',
+    groups: [AXPWidgetGroupEnum.EntityWidget],
+    icon: 'fa-light fa-square',
+    properties: [AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DISABLED_PROPERTY],
+    components: {
+        edit: {
+            component: () => Promise.resolve().then(function () { return lookupFilterWidgetEdit_component; }).then((c) => c.AXPLookupFilterWidgetEditComponent),
+        },
+    },
+};
+
 class AXPLookupWidgetViewComponent extends AXPValueWidgetComponent {
     constructor() {
         super(...arguments);
@@ -6288,6 +6403,7 @@ const AXPLookupWidget = {
     groups: [AXPWidgetGroupEnum.EntityWidget],
     defaultFilterWidgetName: 'lookup-filter',
     type: 'editor',
+    icon: 'fa-light fa-list-radio',
     properties: [
         AXP_DISABLED_PROPERTY,
         AXP_ALLOW_CLEAR_PROPERTY,
@@ -6320,7 +6436,7 @@ const AXPLookupWidget = {
             },
             visible: true,
         },
-        AXP_ALLOW_MULTIPLE_PROPERTY
+        AXP_ALLOW_MULTIPLE_PROPERTY,
     ],
     components: {
         view: {
@@ -7360,6 +7476,7 @@ class AXPEntityModule {
             AXPWidgetCoreModule.forChild({
                 widgets: [
                     AXPLookupWidget,
+                    AXPLookupFilterWidget,
                     AXPWidgetSelectorWidget,
                     AXPTagableBoxWidget,
                     AXPEntityListWidget,
@@ -7402,6 +7519,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
                         AXPWidgetCoreModule.forChild({
                             widgets: [
                                 AXPLookupWidget,
+                                AXPLookupFilterWidget,
                                 AXPWidgetSelectorWidget,
                                 AXPTagableBoxWidget,
                                 AXPEntityListWidget,
@@ -8100,7 +8218,7 @@ function entityDetailsReferenceCreateActions(type) {
  */
 function detectEntityChanges(oldObj, newObj) {
     return transform(newObj, (result, value, key) => {
-        if (!isEqual(value, oldObj[key])) {
+        if (!isEqual$1(value, oldObj[key])) {
             const oldValue = oldObj[key];
             if (Array.isArray(value) || Array.isArray(oldValue)) {
                 const oldArray = Array.isArray(oldValue) ? oldValue : [];
@@ -8112,8 +8230,8 @@ function detectEntityChanges(oldObj, newObj) {
                     result[key] = { oldValue, newValue: value, added, removed };
                 }
                 else {
-                    const added = newArray.filter((item) => !oldArray.some((oldItem) => isEqual(item, oldItem)));
-                    const removed = oldArray.filter((item) => !newArray.some((newItem) => isEqual(item, newItem)));
+                    const added = newArray.filter((item) => !oldArray.some((oldItem) => isEqual$1(item, oldItem)));
+                    const removed = oldArray.filter((item) => !newArray.some((newItem) => isEqual$1(item, newItem)));
                     result[key] = { oldValue, newValue: value, added, removed };
                 }
             }
@@ -8125,290 +8243,6 @@ function detectEntityChanges(oldObj, newObj) {
 }
 //#endregion
 
-class AXPLookupFilterWidgetEditComponent extends AXPValueWidgetComponent {
-    constructor() {
-        super(...arguments);
-        this.injector = inject(Injector);
-        this.entityResolver = inject(AXPEntityResolver);
-        this.formatService = inject(AXFormatService);
-        this.popupService = inject(AXPopupService);
-        this.entityDataSelectorService = inject(AXPEntityDataSelectorService);
-        this.destroyRef = inject(DestroyRef);
-        this.translateService = inject(AXTranslationService);
-        this.expose = computed(() => this.options()['expose'], ...(ngDevMode ? [{ debugName: "expose" }] : []));
-        this.entity = computed(() => this.options()['entity'], ...(ngDevMode ? [{ debugName: "entity" }] : []));
-        this.textField = computed(() => {
-            return (this.entityDef()?.formats.lookup ?? this.entityDef()?.properties.find((c) => c.name != 'id')?.name ?? 'title');
-        }, ...(ngDevMode ? [{ debugName: "textField" }] : []));
-        this.entityDef = signal(null, ...(ngDevMode ? [{ debugName: "entityDef" }] : []));
-        this.searchTerm = signal(null, ...(ngDevMode ? [{ debugName: "searchTerm" }] : []));
-        this.displayText = signal('', ...(ngDevMode ? [{ debugName: "displayText" }] : []));
-        this.selectedItem = signal(null, ...(ngDevMode ? [{ debugName: "selectedItem" }] : []));
-        this.isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
-        this.isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
-        this.placeholder = computed(() => {
-            return this.translateService.translateSync('widget.lookup.search');
-        }, ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
-        this.efDisplay = effect(async () => {
-            const value = this.getValue();
-            if (isNil(value)) {
-                this.displayText.set('');
-            }
-            else if (typeof value == 'object' && !Array.isArray(value)) {
-                this.displayText.set(this.formatService.format(this.textField(), 'string', value));
-            }
-            else if (value != null) {
-                await this.findByValue();
-            }
-        }, ...(ngDevMode ? [{ debugName: "efDisplay" }] : []));
-        this.efEntity = effect(async () => {
-            const [module, entity] = this.entity().split('.');
-            this.entityDef.set(await this.entityResolver.get(module, entity));
-        }, ...(ngDevMode ? [{ debugName: "efEntity" }] : []));
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        //
-        // this.builderService.onContextChanged.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(async (c) => {
-        //   if (c.path == this.path) {
-        //     if (this.getValue()) {
-        //       await this.findByValue();
-        //     }
-        //   }
-        // });
-    }
-    async findByValue() {
-        this.isLoading.set(true);
-        const byKey = this.entityDef()?.queries.byKey?.execute;
-        if (byKey) {
-            const item = await byKey(this.getValue());
-            this.setItems(item);
-        }
-        this.isLoading.set(false);
-    }
-    handleOnClick(e) {
-        this.showSelector();
-    }
-    async showSelector() {
-        this.isOpen.set(true);
-        try {
-            const result = await this.entityDataSelectorService.open({
-                entity: this.entityDef(),
-                title: `${this.translateService.translateSync('@general:widgets.lookup.search')} ${this.translateService.translateSync(this.entityDef()?.formats.plural)}`,
-                allowMultiple: false,
-                filters: this.filter,
-                parentFilters: null,
-                columns: [],
-                allowCreate: false
-            });
-            if (result && 'items' in result && result.items.length > 0) {
-                this.setItems(result.items[0]);
-            }
-        }
-        catch (error) {
-            console.error('Error opening entity data selector:', error);
-        }
-        finally {
-            this.isOpen.set(false);
-            this.textbox.focus();
-        }
-    }
-    handleValueChange(e) {
-        this.searchTerm.set(e.value);
-    }
-    handleOnBlur(e) {
-        const com = e.component;
-        const input = com['input'].nativeElement;
-        setTimeout(() => {
-            if (this.selectedItem()) {
-                input.value = this.displayText();
-            }
-            else {
-                if (!this.isOpen()) {
-                    input.value = '';
-                    this.searchTerm.set(null);
-                }
-            }
-        }, 100);
-    }
-    async handleKeyDown(e) {
-        const keyEvent = e.nativeEvent;
-        const value = this.searchTerm()?.trim();
-        if ((keyEvent.code == 'Enter' || keyEvent.code == 'NumpadEnter') && value) {
-            this.isLoading.set(true);
-            const result = await this.searchByValue(value);
-            if (result?.total == 1) {
-                this.setItems(result.items[0]);
-            }
-            else {
-                this.showSelector();
-            }
-            this.isLoading.set(false);
-        }
-    }
-    setItems(item) {
-        this.searchTerm.set(null);
-        this.displayText.set('');
-        this.selectedItem.set(item);
-        const text = this.formatService.format(this.textField(), 'string', item);
-        this.displayText.set(text);
-        this.setValue(item.id);
-        // extract data from valueField and set context by expose path
-        if (this.expose()) {
-            if (typeof this.expose() == 'string') {
-                this.contextService.update(this.expose(), item);
-            }
-            // support multiple expose items
-            else if (Array.isArray(this.expose())) {
-                this.expose().forEach((i) => {
-                    if (typeof i == 'string') {
-                        this.contextService.update(i, item);
-                    }
-                    else {
-                        // extract data from item by source path and set context by target path
-                        const key = get(item, i.source);
-                        this.contextService.update(i.target, key);
-                    }
-                });
-            }
-            // extract data from item by source path and set context by target path
-            else if (typeof this.expose() == 'object') {
-                const i = this.expose();
-                const key = get(item, i.source);
-                this.contextService.update(i.target, key);
-            }
-        }
-    }
-    handleClearClick() {
-        this.clear();
-    }
-    async searchByValue(value) {
-        if (!this.entityDef())
-            return null;
-        const entity = this.entityDef();
-        const searchFields = entity.properties.filter(p => p.options?.filter?.inline?.enabled);
-        const inlineFilters = {
-            field: null,
-            logic: 'or',
-            operator: null,
-            filters: [],
-        };
-        if (value && searchFields.length > 0) {
-            searchFields.forEach((p) => {
-                inlineFilters.filters?.push({
-                    field: p.name,
-                    operator: { type: 'contains' },
-                    value,
-                });
-            });
-        }
-        const func = entity.queries.list?.execute;
-        return await func({ filter: inlineFilters, take: 10 });
-    }
-    clear() {
-        this.setValue(null);
-        this.searchTerm.set('');
-        this.selectedItem.set(null);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXPLookupFilterWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: AXPLookupFilterWidgetEditComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "textbox", first: true, predicate: AXTextBoxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: `
-    <ax-text-box
-      [ngModel]="displayText()"
-      (onValueChanged)="handleValueChange($event)"
-      [placeholder]="placeholder()"
-      (onKeyUp)="handleKeyDown($event)"
-      (onBlur)="handleOnBlur($event)"
-    >
-      @for (validation of validationRules(); track $index) {
-        <ax-validation-rule
-          [rule]="validation.rule"
-          [message]="validation.options?.message"
-          [options]="validation.options"
-        ></ax-validation-rule>
-      }
-      <ax-clear-button (click)="handleClearClick()"></ax-clear-button>
-
-      <ax-suffix>
-        <ax-button color="ghost" look="twotone" [disabled]="isLoading()" (onClick)="handleOnClick($event)">
-          @if (isLoading()) {
-            <ax-loading></ax-loading>
-          } @else {
-            <ax-icon icon="far fa-search"> </ax-icon>
-          }
-        </ax-button>
-      </ax-suffix>
-    </ax-text-box>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: 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.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXPLookupFilterWidgetEditComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: `
-    <ax-text-box
-      [ngModel]="displayText()"
-      (onValueChanged)="handleValueChange($event)"
-      [placeholder]="placeholder()"
-      (onKeyUp)="handleKeyDown($event)"
-      (onBlur)="handleOnBlur($event)"
-    >
-      @for (validation of validationRules(); track $index) {
-        <ax-validation-rule
-          [rule]="validation.rule"
-          [message]="validation.options?.message"
-          [options]="validation.options"
-        ></ax-validation-rule>
-      }
-      <ax-clear-button (click)="handleClearClick()"></ax-clear-button>
-
-      <ax-suffix>
-        <ax-button color="ghost" look="twotone" [disabled]="isLoading()" (onClick)="handleOnClick($event)">
-          @if (isLoading()) {
-            <ax-loading></ax-loading>
-          } @else {
-            <ax-icon icon="far fa-search"> </ax-icon>
-          }
-        </ax-button>
-      </ax-suffix>
-    </ax-text-box>
-  `,
-                    standalone: true,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [
-                        FormsModule,
-                        AXSelectBoxModule,
-                        AXTextBoxModule,
-                        AXButtonModule,
-                        AXDecoratorModule,
-                        AXLoadingModule,
-                        AXValidationModule,
-                        AXFormModule,
-                    ],
-                }]
-        }], propDecorators: { textbox: [{
-                type: ViewChild,
-                args: [AXTextBoxComponent]
-            }] } });
-
-var lookupFilterWidgetEdit_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXPLookupFilterWidgetEditComponent: AXPLookupFilterWidgetEditComponent
-});
-
-const AXPLookupFilterWidget = {
-    name: 'lookup-filter',
-    title: 'Lookup Filter',
-    // categories: AXP_WIDGETS_FILTER_CATEGORY,
-    type: 'filter',
-    groups: [AXPWidgetGroupEnum.EntityWidget],
-    icon: 'fa-light fa-square',
-    properties: [AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_DISABLED_PROPERTY],
-    components: {
-        edit: {
-            component: () => Promise.resolve().then(function () { return lookupFilterWidgetEdit_component; }).then((c) => c.AXPLookupFilterWidgetEditComponent),
-        },
-    },
-};
-
 /**
  * Generated bundle index. Do not edit.
  */