mmhglobal-dynamicform 2.9.1 → 2.9.2

package/fesm2020/mmhglobal-dynamicform.mjs

@@ -87,6 +87,7 @@ import * as i3$8 from '@progress/kendo-angular-toolbar';
 import { MultiSelect, DropDownList } from '@syncfusion/ej2-dropdowns';
 import { createElement, getComponent } from '@syncfusion/ej2-base';
 import { CheckBox } from '@syncfusion/ej2-buttons';
+import { Query } from '@syncfusion/ej2-data';
 
 /********** Angular **********/
 class ZComponentService {
@@ -13140,21 +13141,47 @@ class SfquerybuilderComponent {
                 mode: 'CheckBox',
                 change: (e) => {
                     this.qryBldrObj.notifyChange(e.value, e.element);
+                },
+                // set contains search by default
+                filtering: (e) => {
+                    this.onFiltering(e, optionList);
                 }
             });
         }
         else {
             return new DropDownList({
+                allowFiltering: true,
                 dataSource: optionList,
                 fields: { text: 'text', value: 'value' },
                 value: args.values,
                 change: (e) => {
                     e.value !== null ? this.qryBldrObj.notifyChange(e.itemData.value, e.element) : ignoreElements;
+                },
+                // set default search by 'contains'
+                filtering: (e) => {
+                    this.onFiltering(e, optionList);
                 }
             });
         }
     }
     //#endregion
+    onFiltering(e, optionList) {
+        // load overall data when search key empty.
+        if (e.text === '') {
+            e.updateData(this.data);
+        }
+        else {
+            // Define array data
+            let searchData = optionList;
+            //Bind the filter event
+            let query = new Query();
+            //frame the query based on search string with filter type.
+            query = (e.text != "") ? query.where("text", "contains", e.text, true) : query;
+            //pass the filter data source, filter query to updateData method.
+            e.updateData(searchData, query);
+        }
+    }
+    ;
     setQueryValue(savedData) {
         //if (!this.qryBldrObj) {
         //  console.warn('query builder object is null.');