@syncfusion/ej2-querybuilder 29.1.33 → 29.1.41

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 29.1.33
+*  version : 29.1.41
 *  Copyright Syncfusion Inc. 2001 - 2024. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-querybuilder@*",
-  "_id": "@syncfusion/ej2-querybuilder@28.1.33",
+  "_id": "@syncfusion/ej2-querybuilder@29.1.39",
   "_inBundle": false,
-  "_integrity": "sha512-1GEcFp4XXltQ1GE7agDytbMKze/xlDrHDU9iyZXl/z6h9bvHY9WaxE32gEKGZOXpl5vkecHYGCnynol2Ikthzg==",
+  "_integrity": "sha512-+uJ3QY/76CGdg8aO9bcJxXnkU8eGKzC4NILhm7CDEpcB6jI3hFp5lagmgbtNSNY9p+1mPIaZ7wT9JIoFkkKOmA==",
   "_location": "/@syncfusion/ej2-querybuilder",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-querybuilder",
     "/@syncfusion/ej2-vue-querybuilder"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-querybuilder/-/ej2-querybuilder-28.1.33.tgz",
-  "_shasum": "6a5bc8c02d343389c8a146fdcff4f2254d0ffba4",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-querybuilder/-/ej2-querybuilder-29.1.39.tgz",
+  "_shasum": "37103c76afb3323801d32118c1b2dc2e4075e575",
   "_spec": "@syncfusion/ej2-querybuilder@*",
   "_where": "/jenkins/workspace/elease-automation_release_29.1.1/packages/included",
   "author": {
@@ -32,11 +32,11 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~29.1.33",
-    "@syncfusion/ej2-buttons": "~29.1.33",
-    "@syncfusion/ej2-calendars": "~29.1.33",
-    "@syncfusion/ej2-dropdowns": "~29.1.33",
-    "@syncfusion/ej2-inputs": "~29.1.33",
+    "@syncfusion/ej2-base": "~29.1.36",
+    "@syncfusion/ej2-buttons": "~29.1.34",
+    "@syncfusion/ej2-calendars": "~29.1.40",
+    "@syncfusion/ej2-dropdowns": "~29.1.41",
+    "@syncfusion/ej2-inputs": "~29.1.39",
     "@syncfusion/ej2-splitbuttons": "~29.1.33"
   },
   "deprecated": false,
@@ -66,7 +66,7 @@
     "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/querybuilder"
   },
   "typings": "index.d.ts",
-  "version": "29.1.33",
+  "version": "29.1.41",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/query-builder/query-builder.js

@@ -279,7 +279,10 @@ var QueryBuilder = /** @class */ (function (_super) {
         return modules;
     };
     QueryBuilder.prototype.GetRootColumnName = function (field) {
-        return this.separator ? field.split(this.separator)[0] : field;
+        if (!isNullOrUndefined(field)) {
+            return this.separator ? field.split(this.separator)[0] : field;
+        }
+        return '';
     };
     QueryBuilder.prototype.initialize = function () {
         if (this.dataColl.length) {
@@ -1143,8 +1146,7 @@ var QueryBuilder = /** @class */ (function (_super) {
         this.disableRuleCondition(target, rules, isNewRuleAdded);
     };
     QueryBuilder.prototype.changeRuleTemplate = function (column, element) {
-        var operVal = this.selectedColumn.operators;
-        if (column.ruleTemplate) {
+        if (column && column.ruleTemplate) {
             return;
         }
         else {
@@ -1155,9 +1157,14 @@ var QueryBuilder = /** @class */ (function (_super) {
                 this.clearQBTemplate([parentId]);
             }
             if (column) {
+                var operVal = this.selectedColumn.operators;
                 var rule = { field: column.field, label: column.label, operator: operVal[0].value, value: '' };
                 this.addRuleElement(parentGroup, rule, column, 'change', parentId, true);
             }
+            else {
+                var rule = { field: '', label: '', operator: '', value: '' };
+                this.addRuleElement(parentGroup, rule, column, 'change', parentId, true);
+            }
         }
     };
     QueryBuilder.prototype.renderToolTip = function (element) {
@@ -1952,11 +1959,20 @@ var QueryBuilder = /** @class */ (function (_super) {
         var prevOper;
         switch (type) {
             case 'field':
-                rule.field = value;
-                rule.label = this.selectedColumn.label;
-                rule.type = this.selectedColumn.type;
-                rule.value = '';
-                rule.operator = operVal[0].value;
+                if (isNullOrUndefined(value)) {
+                    rule.field = '';
+                    rule.label = '';
+                    rule.type = '';
+                    rule.value = '';
+                    rule.operator = '';
+                }
+                else {
+                    rule.field = value;
+                    rule.label = this.selectedColumn.label;
+                    rule.type = this.selectedColumn.type;
+                    rule.value = '';
+                    rule.operator = operVal[0].value;
+                }
                 break;
             case 'operator':
                 prevOper = rule.operator;
@@ -3446,8 +3462,11 @@ var QueryBuilder = /** @class */ (function (_super) {
                     }
                     rule.value[i] = textboxValue;
                 }
-                else {
-                    rule.value = textboxValue;
+                else if (['in', 'notin'].some(function (op) { return rule.operator.indexOf(op) !== -1; })
+                    && rule.operator.indexOf('contains') === -1) {
+                    rule.value = textboxValue ?
+                        (rule.type === 'string' ? textboxValue.split(',').map(function (val) { return val.trim(); }) :
+                            textboxValue.split(',').map(Number)) : [];
                 }
                 break;
             case 'dropdownlist':

package/styles/bootstrap5-dark-lite.css

@@ -198,7 +198,7 @@
   padding: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-query-builder .e-dragclone.e-cloneproperties .e-group-container, .e-query-builder .e-dragclone.e-cloneproperties .e-rule-container {
-  background: #1a1d21;
+  background: rgb(26.177027027, 29.35, 32.522972973);
 }
 .e-query-builder .e-dragclone.e-cloneproperties .e-rule-value-delete {
   margin-top: 10px;
@@ -690,13 +690,13 @@
 
 .e-query-builder {
   background: transparent;
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-query-builder .e-group-header .e-btn-group {
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-query-builder .e-disable .e-drag-qb-rule, .e-query-builder .e-disable.e-drag-qb-rule {
-  color: #444c54;
+  color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
 .e-query-builder .e-deletegroup, .e-query-builder .e-group-header .e-clone-grp-btn, .e-query-builder .e-group-header .e-lock-grp-btn {
@@ -706,20 +706,20 @@
   color: #adb5bd;
 }
 .e-query-builder .e-group-container {
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-query-builder .e-rule-container {
-  background: #1a1d21;
-  border-color: #444c54;
+  background: rgb(26.177027027, 29.35, 32.522972973);
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-query-builder .e-rule-container.e-joined-rule {
-  border-top-color: #444c54;
+  border-top-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-query-builder .e-rule-list .e-group-container {
   background: transparent;
 }
 .e-query-builder .e-rule-list > ::after, .e-query-builder .e-rule-list > ::before {
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-query-builder .e-btn-group input:checked + label.e-btn, .e-query-builder .e-btn-group .e-btn.e-qb-toggle.e-active-toggle {
   background: #0d6efd;
@@ -740,32 +740,32 @@
 }
 .e-query-builder .e-collapse-rule {
   background: transparent;
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
   color: #6c757d;
 }
 .e-query-builder .e-collapse-rule:focus, .e-query-builder .e-collapse-rule:active, .e-query-builder .e-collapse-rule:hover {
-  background: #444c54;
+  background: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-query-builder.e-multi-connector .e-group-container:not(:first-child), .e-query-builder.e-multi-connector .e-rule-list > .e-group-container:first-child {
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 
 .e-tooltip-wrap.e-querybuilder-error,
 .e-control.e-tooltip-wrap.e-popup.e-querybuilder-error {
-  background: #fadfe2;
-  border-color: #fadfe2;
+  background: rgb(249.5063291139, 223.2936708861, 225.8050632911);
+  border-color: rgb(249.5063291139, 223.2936708861, 225.8050632911);
 }
 
 .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-inner.e-tip-top,
 .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-outer.e-tip-top {
-  border-bottom-color: #fadfe2;
-  color: #fadfe2;
+  border-bottom-color: rgb(249.5063291139, 223.2936708861, 225.8050632911);
+  color: rgb(249.5063291139, 223.2936708861, 225.8050632911);
 }
 
 .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-outer.e-tip-bottom,
 .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-inner.e-tip-bottom {
-  border-top-color: #fadfe2;
-  color: #fadfe2;
+  border-top-color: rgb(249.5063291139, 223.2936708861, 225.8050632911);
+  color: rgb(249.5063291139, 223.2936708861, 225.8050632911);
 }
 
 .e-tooltip-wrap.e-querybuilder-error .e-tip-content,

package/styles/bootstrap5-dark.css

@@ -198,7 +198,7 @@
   padding: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-query-builder .e-dragclone.e-cloneproperties .e-group-container, .e-query-builder .e-dragclone.e-cloneproperties .e-rule-container {
-  background: #1a1d21;
+  background: rgb(26.177027027, 29.35, 32.522972973);
 }
 .e-query-builder .e-dragclone.e-cloneproperties .e-rule-value-delete {
   margin-top: 10px;
@@ -690,13 +690,13 @@
 
 .e-query-builder {
   background: transparent;
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-query-builder .e-group-header .e-btn-group {
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-query-builder .e-disable .e-drag-qb-rule, .e-query-builder .e-disable.e-drag-qb-rule {
-  color: #444c54;
+  color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
 .e-query-builder .e-deletegroup, .e-query-builder .e-group-header .e-clone-grp-btn, .e-query-builder .e-group-header .e-lock-grp-btn {
@@ -706,20 +706,20 @@
   color: #adb5bd;
 }
 .e-query-builder .e-group-container {
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-query-builder .e-rule-container {
-  background: #1a1d21;
-  border-color: #444c54;
+  background: rgb(26.177027027, 29.35, 32.522972973);
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-query-builder .e-rule-container.e-joined-rule {
-  border-top-color: #444c54;
+  border-top-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-query-builder .e-rule-list .e-group-container {
   background: transparent;
 }
 .e-query-builder .e-rule-list > ::after, .e-query-builder .e-rule-list > ::before {
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-query-builder .e-btn-group input:checked + label.e-btn, .e-query-builder .e-btn-group .e-btn.e-qb-toggle.e-active-toggle {
   background: #0d6efd;
@@ -740,32 +740,32 @@
 }
 .e-query-builder .e-collapse-rule {
   background: transparent;
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
   color: #6c757d;
 }
 .e-query-builder .e-collapse-rule:focus, .e-query-builder .e-collapse-rule:active, .e-query-builder .e-collapse-rule:hover {
-  background: #444c54;
+  background: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-query-builder.e-multi-connector .e-group-container:not(:first-child), .e-query-builder.e-multi-connector .e-rule-list > .e-group-container:first-child {
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 
 .e-tooltip-wrap.e-querybuilder-error,
 .e-control.e-tooltip-wrap.e-popup.e-querybuilder-error {
-  background: #fadfe2;
-  border-color: #fadfe2;
+  background: rgb(249.5063291139, 223.2936708861, 225.8050632911);
+  border-color: rgb(249.5063291139, 223.2936708861, 225.8050632911);
 }
 
 .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-inner.e-tip-top,
 .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-outer.e-tip-top {
-  border-bottom-color: #fadfe2;
-  color: #fadfe2;
+  border-bottom-color: rgb(249.5063291139, 223.2936708861, 225.8050632911);
+  color: rgb(249.5063291139, 223.2936708861, 225.8050632911);
 }
 
 .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-outer.e-tip-bottom,
 .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-inner.e-tip-bottom {
-  border-top-color: #fadfe2;
-  color: #fadfe2;
+  border-top-color: rgb(249.5063291139, 223.2936708861, 225.8050632911);
+  color: rgb(249.5063291139, 223.2936708861, 225.8050632911);
 }
 
 .e-tooltip-wrap.e-querybuilder-error .e-tip-content,

package/styles/bootstrap5-lite.css

@@ -752,20 +752,20 @@
 
 .e-tooltip-wrap.e-querybuilder-error,
 .e-control.e-tooltip-wrap.e-popup.e-querybuilder-error {
-  background: #f8d7da;
-  border-color: #f8d7da;
+  background: rgb(248, 214.6, 217.8);
+  border-color: rgb(248, 214.6, 217.8);
 }
 
 .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-inner.e-tip-top,
 .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-outer.e-tip-top {
-  border-bottom-color: #f8d7da;
-  color: #f8d7da;
+  border-bottom-color: rgb(248, 214.6, 217.8);
+  color: rgb(248, 214.6, 217.8);
 }
 
 .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-outer.e-tip-bottom,
 .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-inner.e-tip-bottom {
-  border-top-color: #f8d7da;
-  color: #f8d7da;
+  border-top-color: rgb(248, 214.6, 217.8);
+  color: rgb(248, 214.6, 217.8);
 }
 
 .e-tooltip-wrap.e-querybuilder-error .e-tip-content,

package/styles/bootstrap5.css

@@ -752,20 +752,20 @@
 
 .e-tooltip-wrap.e-querybuilder-error,
 .e-control.e-tooltip-wrap.e-popup.e-querybuilder-error {
-  background: #f8d7da;
-  border-color: #f8d7da;
+  background: rgb(248, 214.6, 217.8);
+  border-color: rgb(248, 214.6, 217.8);
 }
 
 .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-inner.e-tip-top,
 .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-outer.e-tip-top {
-  border-bottom-color: #f8d7da;
-  color: #f8d7da;
+  border-bottom-color: rgb(248, 214.6, 217.8);
+  color: rgb(248, 214.6, 217.8);
 }
 
 .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-outer.e-tip-bottom,
 .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-inner.e-tip-bottom {
-  border-top-color: #f8d7da;
-  color: #f8d7da;
+  border-top-color: rgb(248, 214.6, 217.8);
+  color: rgb(248, 214.6, 217.8);
 }
 
 .e-tooltip-wrap.e-querybuilder-error .e-tip-content,

package/styles/material-lite.css

@@ -99,6 +99,15 @@
   padding: 0;
 }
 
+.e-outline.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
+  padding: 0 8px 0 9px;
+}
+
+.e-outline.e-multiselect.e-input-group .e-multi-select-wrapper .e-multiselect-box input[type=text],
+.e-outline.e-multiselect.e-input-group.e-input-focus .e-multi-select-wrapper .e-searcher:not(.e-zero-size) input[type=text] {
+  padding: 0 8px 0 9px;
+}
+
 /* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
 @-webkit-keyframes material-spinner-rotate {

package/styles/material.css

@@ -99,6 +99,15 @@
   padding: 0;
 }
 
+.e-outline.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
+  padding: 0 8px 0 9px;
+}
+
+.e-outline.e-multiselect.e-input-group .e-multi-select-wrapper .e-multiselect-box input[type=text],
+.e-outline.e-multiselect.e-input-group.e-input-focus .e-multi-select-wrapper .e-searcher:not(.e-zero-size) input[type=text] {
+  padding: 0 8px 0 9px;
+}
+
 /* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
 @-webkit-keyframes material-spinner-rotate {

package/styles/query-builder/bootstrap5-dark.css

@@ -198,7 +198,7 @@
   padding: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-query-builder .e-dragclone.e-cloneproperties .e-group-container, .e-query-builder .e-dragclone.e-cloneproperties .e-rule-container {
-  background: #1a1d21;
+  background: rgb(26.177027027, 29.35, 32.522972973);
 }
 .e-query-builder .e-dragclone.e-cloneproperties .e-rule-value-delete {
   margin-top: 10px;
@@ -690,13 +690,13 @@
 
 .e-query-builder {
   background: transparent;
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-query-builder .e-group-header .e-btn-group {
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-query-builder .e-disable .e-drag-qb-rule, .e-query-builder .e-disable.e-drag-qb-rule {
-  color: #444c54;
+  color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
 .e-query-builder .e-deletegroup, .e-query-builder .e-group-header .e-clone-grp-btn, .e-query-builder .e-group-header .e-lock-grp-btn {
@@ -706,20 +706,20 @@
   color: #adb5bd;
 }
 .e-query-builder .e-group-container {
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-query-builder .e-rule-container {
-  background: #1a1d21;
-  border-color: #444c54;
+  background: rgb(26.177027027, 29.35, 32.522972973);
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-query-builder .e-rule-container.e-joined-rule {
-  border-top-color: #444c54;
+  border-top-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-query-builder .e-rule-list .e-group-container {
   background: transparent;
 }
 .e-query-builder .e-rule-list > ::after, .e-query-builder .e-rule-list > ::before {
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-query-builder .e-btn-group input:checked + label.e-btn, .e-query-builder .e-btn-group .e-btn.e-qb-toggle.e-active-toggle {
   background: #0d6efd;
@@ -740,32 +740,32 @@
 }
 .e-query-builder .e-collapse-rule {
   background: transparent;
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
   color: #6c757d;
 }
 .e-query-builder .e-collapse-rule:focus, .e-query-builder .e-collapse-rule:active, .e-query-builder .e-collapse-rule:hover {
-  background: #444c54;
+  background: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 .e-query-builder.e-multi-connector .e-group-container:not(:first-child), .e-query-builder.e-multi-connector .e-rule-list > .e-group-container:first-child {
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
 }
 
 .e-tooltip-wrap.e-querybuilder-error,
 .e-control.e-tooltip-wrap.e-popup.e-querybuilder-error {
-  background: #fadfe2;
-  border-color: #fadfe2;
+  background: rgb(249.5063291139, 223.2936708861, 225.8050632911);
+  border-color: rgb(249.5063291139, 223.2936708861, 225.8050632911);
 }
 
 .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-inner.e-tip-top,
 .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-outer.e-tip-top {
-  border-bottom-color: #fadfe2;
-  color: #fadfe2;
+  border-bottom-color: rgb(249.5063291139, 223.2936708861, 225.8050632911);
+  color: rgb(249.5063291139, 223.2936708861, 225.8050632911);
 }
 
 .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-outer.e-tip-bottom,
 .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-inner.e-tip-bottom {
-  border-top-color: #fadfe2;
-  color: #fadfe2;
+  border-top-color: rgb(249.5063291139, 223.2936708861, 225.8050632911);
+  color: rgb(249.5063291139, 223.2936708861, 225.8050632911);
 }
 
 .e-tooltip-wrap.e-querybuilder-error .e-tip-content,

package/styles/query-builder/bootstrap5.css

@@ -752,20 +752,20 @@
 
 .e-tooltip-wrap.e-querybuilder-error,
 .e-control.e-tooltip-wrap.e-popup.e-querybuilder-error {
-  background: #f8d7da;
-  border-color: #f8d7da;
+  background: rgb(248, 214.6, 217.8);
+  border-color: rgb(248, 214.6, 217.8);
 }
 
 .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-inner.e-tip-top,
 .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-outer.e-tip-top {
-  border-bottom-color: #f8d7da;
-  color: #f8d7da;
+  border-bottom-color: rgb(248, 214.6, 217.8);
+  color: rgb(248, 214.6, 217.8);
 }
 
 .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-outer.e-tip-bottom,
 .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-inner.e-tip-bottom {
-  border-top-color: #f8d7da;
-  color: #f8d7da;
+  border-top-color: rgb(248, 214.6, 217.8);
+  color: rgb(248, 214.6, 217.8);
 }
 
 .e-tooltip-wrap.e-querybuilder-error .e-tip-content,

package/styles/query-builder/material.css

@@ -99,6 +99,15 @@
   padding: 0;
 }
 
+.e-outline.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
+  padding: 0 8px 0 9px;
+}
+
+.e-outline.e-multiselect.e-input-group .e-multi-select-wrapper .e-multiselect-box input[type=text],
+.e-outline.e-multiselect.e-input-group.e-input-focus .e-multi-select-wrapper .e-searcher:not(.e-zero-size) input[type=text] {
+  padding: 0 8px 0 9px;
+}
+
 /* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
 @-webkit-keyframes material-spinner-rotate {

package/styles/query-builder/tailwind-dark.css

@@ -164,7 +164,7 @@
   padding: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-query-builder .e-dragclone.e-cloneproperties .e-group-container, .e-query-builder .e-dragclone.e-cloneproperties .e-rule-container {
-  background: #1b2430;
+  background: rgb(27.323255814, 36.1372093023, 48.476744186);
 }
 .e-query-builder .e-dragclone.e-cloneproperties .e-rule-value-delete {
   margin-top: 10px;
@@ -669,7 +669,7 @@
   border-color: #4b5563;
 }
 .e-query-builder .e-rule-container {
-  background: #1b2430;
+  background: rgb(27.323255814, 36.1372093023, 48.476744186);
   border-color: #4b5563;
 }
 .e-query-builder .e-rule-container.e-joined-rule {

package/styles/tailwind-dark-lite.css

@@ -164,7 +164,7 @@
   padding: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-query-builder .e-dragclone.e-cloneproperties .e-group-container, .e-query-builder .e-dragclone.e-cloneproperties .e-rule-container {
-  background: #1b2430;
+  background: rgb(27.323255814, 36.1372093023, 48.476744186);
 }
 .e-query-builder .e-dragclone.e-cloneproperties .e-rule-value-delete {
   margin-top: 10px;
@@ -669,7 +669,7 @@
   border-color: #4b5563;
 }
 .e-query-builder .e-rule-container {
-  background: #1b2430;
+  background: rgb(27.323255814, 36.1372093023, 48.476744186);
   border-color: #4b5563;
 }
 .e-query-builder .e-rule-container.e-joined-rule {

package/styles/tailwind-dark.css

@@ -164,7 +164,7 @@
   padding: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-query-builder .e-dragclone.e-cloneproperties .e-group-container, .e-query-builder .e-dragclone.e-cloneproperties .e-rule-container {
-  background: #1b2430;
+  background: rgb(27.323255814, 36.1372093023, 48.476744186);
 }
 .e-query-builder .e-dragclone.e-cloneproperties .e-rule-value-delete {
   margin-top: 10px;
@@ -669,7 +669,7 @@
   border-color: #4b5563;
 }
 .e-query-builder .e-rule-container {
-  background: #1b2430;
+  background: rgb(27.323255814, 36.1372093023, 48.476744186);
   border-color: #4b5563;
 }
 .e-query-builder .e-rule-container.e-joined-rule {