@acorex/components 4.2.44 → 4.2.45

package/fesm2015/acorex-components.mjs

@@ -10305,7 +10305,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,
@@ -10321,7 +10320,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));
@@ -10332,7 +10331,6 @@ class AXSearchBarComponent {
     handleValueChange(e) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
         return __awaiter(this, void 0, void 0, function* () {
-            debugger;
             let value = [];
             let text = [];
             if (((_a = e.property.editorOptions) === null || _a === void 0 ? void 0 : _a.valueField) && e.value != null) {
@@ -10342,7 +10340,6 @@ class AXSearchBarComponent {
                 }
                 else if (((_b = e.property.editorOptions) === null || _b === void 0 ? void 0 : _b.mode) == 'multiple') {
                     e.value.forEach((element) => {
-                        debugger;
                         value.push(element[e.property.editorOptions.valueField]);
                         text.push(element[e.property.editorOptions.textField]);
                     });
@@ -10392,10 +10389,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);
@@ -10447,30 +10442,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 });
@@ -11900,6 +11889,72 @@ 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) {
+        var _a;
+        this._filter = v;
+        if (this.value && this.initiated) {
+            this.value = null;
+            (_a = this.selectBox) === null || _a === void 0 ? void 0 : _a.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);
@@ -11972,16 +12027,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: []
@@ -12175,7 +12229,6 @@ class AXTextPropertyEditorComponent extends AXProperyEditorComponent {
         super(cdr);
         this.cdr = cdr;
         this.clearButton = false;
-        this.mask = null;
         this.maskGuid = false;
         this.showMask = true;
     }
@@ -13356,6 +13409,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'
@@ -13379,14 +13436,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: [{
@@ -13415,6 +13473,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'
@@ -13438,19 +13500,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: []
                 }]
         }] });