@acorex/components 4.2.29 → 4.2.32

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?.filterOptions?.filters ? e.property.filterOptions.filters : [],
+                    logic: e.property?.filterOptions?.logic ? e.property.filterOptions.logic : 'and',
+                    ignoreCase: e.property?.filterOptions?.ignoreCase ? e.property.filterOptions.ignoreCase : true,
+                    joinType: e.property?.filterOptions?.joinType ? e.property.filterOptions.joinType : 'INNER',
+                    operator: e.property?.filterOptions?.operator ? e.property.filterOptions.operator : null,
+                    truncateDate: e.property?.filterOptions?.truncateDate ? e.property.filterOptions.truncateDate : true
+                }
             });
         }
         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 } });
@@ -10422,7 +10431,7 @@ class AXPropertyDecorator {
 // @dynamic
 class AXPropertyDecorators {
     static register(cls, property, options) {
-        const item = AXPropertyDecorators.REGISTRY.find(c => c.cls === cls && c.property === property);
+        const item = AXPropertyDecorators.REGISTRY.find((c) => c.cls === cls && c.property === property);
         if (item) {
             item.options = options;
         }
@@ -10431,14 +10440,14 @@ class AXPropertyDecorators {
         }
     }
     static has(cls, property) {
-        return AXPropertyDecorators.REGISTRY.some(c => c.cls === cls && c.property === property);
+        return AXPropertyDecorators.REGISTRY.some((c) => c.cls === cls && c.property === property);
     }
     static get(cls, property) {
-        return AXPropertyDecorators.REGISTRY.find(c => c.cls === cls && c.property === property);
+        return AXPropertyDecorators.REGISTRY.find((c) => c.cls === cls && c.property === property);
     }
     static isValid(property) {
         if (property) {
-            return AXPropertyDecorators.REGISTRY.some(c => c.property === property);
+            return AXPropertyDecorators.REGISTRY.some((c) => c.property === property);
         }
         return false;
     }
@@ -10450,7 +10459,7 @@ class AXPropertyDecorators {
             p.push(superClass.constructor);
             superClass = Object.getPrototypeOf(superClass);
         }
-        list.push(...AXPropertyDecorators.REGISTRY.filter(c => p.includes(c.cls.constructor)));
+        list.push(...AXPropertyDecorators.REGISTRY.filter((c) => p.includes(c.cls.constructor)));
         return list;
     }
 }