@acorex/components 4.2.44 → 4.2.45

package/fesm2020/acorex-components.mjs

@@ -10260,7 +10260,6 @@ class AXSearchBarComponent {
     set items(v) {
         v.forEach((el) => {
             if (el.value != null) {
-                debugger;
                 this._filterItems.push({
                     name: el.property.name,
                     title: el.property.title,
@@ -10276,7 +10275,7 @@ class AXSearchBarComponent {
             .value();
     }
     clearItem(name) {
-        this._editors.find((e) => e.property.property.name == name).clear();
+        this._editors.find((x) => x.property.property.name === name).clear();
     }
     refresh() {
         this._items = JSON.parse(JSON.stringify(this._items));
@@ -10285,7 +10284,6 @@ class AXSearchBarComponent {
         this.dropdown.toggle();
     }
     async handleValueChange(e) {
-        debugger;
         let value = [];
         let text = [];
         if (e.property.editorOptions?.valueField && e.value != null) {
@@ -10295,7 +10293,6 @@ class AXSearchBarComponent {
             }
             else if (e.property.editorOptions?.mode == 'multiple') {
                 e.value.forEach((element) => {
-                    debugger;
                     value.push(element[e.property.editorOptions.valueField]);
                     text.push(element[e.property.editorOptions.textField]);
                 });
@@ -10344,10 +10341,8 @@ class AXSearchBarComponent {
         this._filterItems = this._filterItems.filter((el) => el.name != item.name);
     }
     search() {
-        debugger;
         this.form.validate().then((c) => {
             if (c.result) {
-                debugger;
                 this._filterItems = JSON.parse(JSON.stringify(this._filterItemsClone.filter((el) => el.value != null && el.value != '')));
                 this.handleButtonClick();
                 console.log(this._filterItems);
@@ -10399,30 +10394,24 @@ class AXSearchBarComponent {
             return item.title;
         }
         else {
-            // if (Array.isArray(item.textValue)) {
-            //   let textValue = '';
-            //   item.textValue.forEach((element, index) => {
-            //     textValue +=
-            //       index === item.textValue.length - 1
-            //         ? element[item.component.property.editorOptions.textField]
-            //         : element[item.component.property.editorOptions.textField] + ',';
-            //   });
-            //   return textValue;
-            // } else {
             return item.textValue;
-            // }
         }
     }
     ngOnInit() { }
     handleTextValue(dataItem) {
-        let text = '';
-        dataItem.value.forEach((element, index) => {
-            text +=
-                index === dataItem.value.length - 1
-                    ? element[dataItem.property.editorOptions.textField]
-                    : element[dataItem.property.editorOptions.textField] + ',';
-        });
-        return text;
+        if (dataItem.value.length) {
+            let text = '';
+            dataItem.value.forEach((element, index) => {
+                text +=
+                    index === dataItem.value.length - 1
+                        ? element[dataItem.property.editorOptions.textField]
+                        : element[dataItem.property.editorOptions.textField] + ',';
+            });
+            return text;
+        }
+        else {
+            return;
+        }
     }
 }
 AXSearchBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXSearchBarComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
@@ -11851,6 +11840,71 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 }]
         }], ctorParameters: function () { return []; } });
 
+class AXSearchBarSelectBoxEditorComponent extends AXProperyEditorComponent {
+    constructor(cdr) {
+        super(cdr);
+        this.cdr = cdr;
+        this.valueField = 'id';
+        this.textField = 'text';
+        this.mode = 'single';
+        this.selectionDataMode = 'value';
+        this.allowSearch = true;
+        this.allowNull = true;
+        this.disabled = false;
+        this.items = [];
+        this.remoteOperation = false;
+        this.returnAllData = false;
+        this.provideData = (e) => {
+            return new Promise((resolve) => {
+                const func = () => {
+                    if (Array.isArray(this.items)) {
+                        resolve(this.items.slice());
+                    }
+                    else if (typeof this.items === 'function') {
+                        const a = Object.assign(e, { sender: this });
+                        resolve(this.items(a));
+                    }
+                    else {
+                        resolve([]);
+                    }
+                };
+                const intVal = setInterval(() => {
+                    if (this.initiated) {
+                        func();
+                        clearInterval(intVal);
+                    }
+                }, 50);
+            });
+        };
+    }
+    get filter() {
+        return this._filter;
+    }
+    set filter(v) {
+        this._filter = v;
+        if (this.value && this.initiated) {
+            this.value = null;
+            this.selectBox?.refresh();
+        }
+    }
+    handleValueChange(e) {
+        super.handleValueChange(e.selectedItems);
+    }
+    ngAfterViewInit() {
+        this.registerForValidationForm(this.selectBox);
+        this.onRenderCompleted.emit();
+    }
+}
+AXSearchBarSelectBoxEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXSearchBarSelectBoxEditorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AXSearchBarSelectBoxEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXSearchBarSelectBoxEditorComponent, selector: "ng-component", viewQueries: [{ propertyName: "selectBox", first: true, predicate: AXSelectBoxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ax-select-box [mode]=\"mode\" [textField]=\"textField\" [valueField]=\"valueField\" [remoteOperation]=\"remoteOperation\"\r\n    [selectedItems]=\"value\" [allowSearch]=\"allowSearch\" [allowNull]=\"allowNull\" [readonly]=\"readonly\"\r\n    [disabled]=\"disabled\" (selectionChanged)=\"handleValueChange($event)\">\r\n    <ax-data-source [provideData]=\"provideData\">\r\n    </ax-data-source>\r\n    <ax-validation [rules]=\"validation?.rules\">\r\n    </ax-validation>\r\n</ax-select-box>", components: [{ type: AXSelectBoxComponent, selector: "ax-select-box", inputs: ["showDropDownButton", "rowInputTemplate", "showCheckBox", "readonly", "rtl", "disabled", "placeholder", "size", "allowNull", "textAlign", "bufferSize", "remoteOperation", "dataSource", "validation", "disabledCallback", "allowSearch", "textField", "valueField", "disabledField", "mode", "items", "selectedItems", "selectedValues"], outputs: ["dropdownToggle", "itemsChange", "onBlur", "onFocus", "selectionChanged", "selectedItemsChange", "selectedValuesChange"] }, { type: AXDataSourceComponent, selector: "ax-data-source", inputs: ["provideData", "params"] }, { type: AXValidationComponent, selector: "ax-validation", inputs: ["rules", "validateOn"], outputs: ["rulesChange", "showMessage"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXSearchBarSelectBoxEditorComponent, decorators: [{
+            type: Component,
+            args: [{ template: "<ax-select-box [mode]=\"mode\" [textField]=\"textField\" [valueField]=\"valueField\" [remoteOperation]=\"remoteOperation\"\r\n    [selectedItems]=\"value\" [allowSearch]=\"allowSearch\" [allowNull]=\"allowNull\" [readonly]=\"readonly\"\r\n    [disabled]=\"disabled\" (selectionChanged)=\"handleValueChange($event)\">\r\n    <ax-data-source [provideData]=\"provideData\">\r\n    </ax-data-source>\r\n    <ax-validation [rules]=\"validation?.rules\">\r\n    </ax-validation>\r\n</ax-select-box>" }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { selectBox: [{
+                type: ViewChild,
+                args: [AXSelectBoxComponent, { static: false }]
+            }] } });
+
 class AXSelectBoxPropertyEditorComponent extends AXProperyEditorComponent {
     constructor(cdr) {
         super(cdr);
@@ -11922,16 +11976,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
             }] } });
 
 class AXSelectBoxPropertyEditorModule {
-    constructor() {
-    }
+    constructor() { }
 }
 AXSelectBoxPropertyEditorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXSelectBoxPropertyEditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXSelectBoxPropertyEditorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXSelectBoxPropertyEditorModule, declarations: [AXSelectBoxPropertyEditorComponent], imports: [CommonModule, FormsModule, AXSelectBoxModule, AXDataSourceModule, AXValidationModule], exports: [AXSelectBoxPropertyEditorComponent] });
+AXSelectBoxPropertyEditorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXSelectBoxPropertyEditorModule, declarations: [AXSelectBoxPropertyEditorComponent, AXSearchBarSelectBoxEditorComponent], imports: [CommonModule, FormsModule, AXSelectBoxModule, AXDataSourceModule, AXValidationModule], exports: [AXSelectBoxPropertyEditorComponent] });
 AXSelectBoxPropertyEditorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXSelectBoxPropertyEditorModule, providers: [], imports: [[CommonModule, FormsModule, AXSelectBoxModule, AXDataSourceModule, AXValidationModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXSelectBoxPropertyEditorModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [AXSelectBoxPropertyEditorComponent],
+                    declarations: [AXSelectBoxPropertyEditorComponent, AXSearchBarSelectBoxEditorComponent],
                     imports: [CommonModule, FormsModule, AXSelectBoxModule, AXDataSourceModule, AXValidationModule],
                     exports: [AXSelectBoxPropertyEditorComponent],
                     providers: []
@@ -12125,7 +12178,6 @@ class AXTextPropertyEditorComponent extends AXProperyEditorComponent {
         super(cdr);
         this.cdr = cdr;
         this.clearButton = false;
-        this.mask = null;
         this.maskGuid = false;
         this.showMask = true;
     }
@@ -13305,6 +13357,10 @@ AXProppertyEditorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0",
                     component: AXSelectBoxPropertyEditorComponent,
                     path: 'ax/editors/select'
                 },
+                {
+                    component: AXSearchBarSelectBoxEditorComponent,
+                    path: 'ax/editors/selectBox'
+                },
                 {
                     component: AXNumberBoxPropertyEditorComponent,
                     path: 'ax/editors/number'
@@ -13328,14 +13384,15 @@ AXProppertyEditorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0",
                 {
                     component: ColumnPropertyEditorComponent,
                     path: 'ax/editors/column'
-                }, {
+                },
+                {
                     component: AXDatePropertyEditorComponent,
                     path: 'ax/editors/date'
                 },
                 {
                     component: AXTimePropertyEditorComponent,
                     path: 'ax/editors/time'
-                },
+                }
             ])
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXProppertyEditorModule, decorators: [{
@@ -13364,6 +13421,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                                 component: AXSelectBoxPropertyEditorComponent,
                                 path: 'ax/editors/select'
                             },
+                            {
+                                component: AXSearchBarSelectBoxEditorComponent,
+                                path: 'ax/editors/selectBox'
+                            },
                             {
                                 component: AXNumberBoxPropertyEditorComponent,
                                 path: 'ax/editors/number'
@@ -13387,19 +13448,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                             {
                                 component: ColumnPropertyEditorComponent,
                                 path: 'ax/editors/column'
-                            }, {
+                            },
+                            {
                                 component: AXDatePropertyEditorComponent,
                                 path: 'ax/editors/date'
                             },
                             {
                                 component: AXTimePropertyEditorComponent,
                                 path: 'ax/editors/time'
-                            },
+                            }
                         ])
                     ],
                     exports: [AXPropertyEditorRendererDirective],
                     declarations: [AXPropertyEditorRendererDirective],
-                    providers: [],
+                    providers: []
                 }]
         }] });