@acorex/components 4.2.27 → 4.2.30

package/fesm2020/acorex-components.mjs

@@ -10258,7 +10258,6 @@ class AXSearchBarComponent {
         this._context = {};
     }
     set items(v) {
-        debugger;
         v.forEach((el) => {
             if (el.value != null) {
                 this._filterItems.push({
@@ -10268,10 +10267,13 @@ class AXSearchBarComponent {
                 });
             }
         });
-        this._items = _.chain(v).groupBy(x => x.property.row).map((value, key) => ({ row: key, items: value })).value();
+        this._items = _.chain(v)
+            .groupBy((x) => x.property.row)
+            .map((value, key) => ({ row: key, items: value }))
+            .value();
     }
     clearItem(name) {
-        this._editors.find(e => e.property.property.name == name).clear();
+        this._editors.find((e) => e.property.property.name == name).clear();
     }
     handleButtonClick() {
         this.dropdown.toggle();
@@ -10284,13 +10286,21 @@ class AXSearchBarComponent {
             this._filterItemsClone.push({
                 name: e.property.name,
                 title: e.property.title,
-                value: e.value
+                value: e.value,
+                filterOptions: {
+                    filters: e.property.editorOptions.filters ? e.property.editorOptions.filters : null,
+                    logic: e.property.editorOptions.logic ? e.property.editorOptions.logic : null,
+                    ignoreCase: e.property.editorOptions.ignoreCase ? e.property.editorOptions.ignoreCase : null,
+                    joinType: e.property.editorOptions.joinType ? e.property.editorOptions.joinType : null,
+                    operator: e.property.editorOptions.operator ? e.property.editorOptions.operator : null,
+                    truncateDate: e.property.editorOptions.truncateDate ? e.property.editorOptions.truncateDate : null
+                }
             });
         }
         this.onValueChange.emit(e);
     }
     handleItemRemoveClick(item) {
-        this._editors.forEach(e => {
+        this._editors.forEach((e) => {
             if (e.property.property.name == item.name) {
                 e.clear();
             }
@@ -10303,7 +10313,7 @@ class AXSearchBarComponent {
         this.onSearchValue.emit(this._filterItems);
     }
     clear() {
-        this._editors.forEach(e => {
+        this._editors.forEach((e) => {
             e.clear();
         });
         this._filterItems = [];
@@ -10336,8 +10346,7 @@ class AXSearchBarComponent {
         }
         return className.toString().replace(/,/, ' ');
     }
-    ngOnInit() {
-    }
+    ngOnInit() { }
 }
 AXSearchBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AXSearchBarComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
 AXSearchBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AXSearchBarComponent, selector: "ax-search-bar", inputs: { size: "size", disabled: "disabled", items: "items", rtl: "rtl" }, outputs: { onValueChange: "onValueChange", onSearchValue: "onSearchValue" }, viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true, static: true }, { propertyName: "_editors", predicate: AXPropertyEditorRendererDirective, descendants: true }], ngImport: i0, template: "<ax-drop-down [fitParent]=\"true\" [size]=\"size\" [showDropDownButton]=\"false\" icon=\"far fa-sliders-h\" #dropdown\r\n    maxHeight=\"unset\">\r\n    <ng-container start>\r\n        <ng-content select=\"[start]\">\r\n        </ng-content>\r\n    </ng-container>\r\n    <ng-container header>\r\n        <div class=\"ax chips-container\">\r\n            <div class=\"chips\" *ngFor=\"let item of _filterItems\">\r\n                <span class=\"chips-text\">\r\n                    <b>{{item.title}} :</b> {{item.value}}\r\n                </span>\r\n                <span class=\"close-icon\" (click)=\"handleItemRemoveClick(item)\">\r\n                    <i class=\"far fa-times close\"></i>\r\n                </span>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n    <ng-container panel>\r\n        <div class=\"panel-box\">\r\n            <div *ngFor=\"let item of _items\" class=\"row\">\r\n                <div *ngFor=\"let prop of item.items\" class=\"{{renderCol(prop.property.col)}}\">\r\n                    <!-- <ax-form-group> -->\r\n                        <div *ngIf=\"prop.property.visible != false\">\r\n                            <ax-label>{{prop.property.title}}</ax-label>\r\n                            <ng-container ax-property-editor-renderer [property]=\"prop\" [context]=\"_context\"\r\n                                (onValueChange)=\"handleValueChange($event)\"></ng-container>\r\n                        </div>\r\n                    <!-- </ax-form-group> -->\r\n                </div>\r\n            </div>\r\n            <div class=\"footer-button\">\r\n                <ax-button (click)=\"search()\">{{'common.search' | trans}}</ax-button>\r\n                <ax-button type=\"blank danger\" (click)=\"clear()\">{{'dataGrid.clearFilter' | trans}}</ax-button>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n    <ng-container end>\r\n        <ax-button end icon=\"far fa-sliders-h icon\" type=\"light blank\" [disabled]=\"disabled\" [size]=\"size\"\r\n            [tabIndex]=\"-1\" (click)=\"handleButtonClick()\">{{'common.search' | trans}}</ax-button>\r\n    </ng-container>\r\n\r\n</ax-drop-down>\r\n", styles: [".ax.chips-container{height:100%}.panel-box{padding:1rem}.panel-box .footer-button{margin-top:1rem;display:flex;align-items:center;gap:.5rem}\n"], components: [{ type: AXDropdownComponent, selector: "ax-drop-down", inputs: ["rtl", "readonly", "loading"], outputs: ["dropdownToggle", "onButtonClick"] }, { type: AXLabelComponent, selector: "ax-label", inputs: ["size"] }, { type: AXButtonComponent, selector: "ax-button", inputs: ["type", "icon", "submitBehavior", "cancelBehavior", "block", "loading", "selected"] }], directives: [{ type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: AXPropertyEditorRendererDirective, selector: "[ax-property-editor-renderer]", inputs: ["property", "validationForm", "context", "host", "groupId"], outputs: ["onValueChange"] }], pipes: { "trans": i1$2.AXTranslatorPipe } });
@@ -13486,7 +13495,8 @@ class AXTabPageHostComponent {
     active() {
         const func = this.componentRef?.instance?.onActivated;
         if (func) {
-            func();
+            const f = func.bind(this.componentRef.instance);
+            f();
         }
     }
     async ngAfterViewInit() {