@syncfusion/ej2-querybuilder 23.1.36 → 23.1.39

package/dist/es6/ej2-querybuilder.es5.js

@@ -811,7 +811,9 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
     };
     QueryBuilder.prototype.renderToolTip = function (element) {
         var tooltip = new Tooltip({ content: this.l10n.getConstant('ValidationMessage'),
-            position: 'BottomCenter', cssClass: 'e-querybuilder-error' });
+            position: 'BottomCenter', cssClass: 'e-querybuilder-error', afterClose: function (args) {
+                tooltip.destroy();
+            } });
         tooltip.appendTo(element);
         tooltip.open(element);
     };
@@ -2575,15 +2577,23 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             if (this.isReact) {
                 valElem = this.columnTemplateFn(args, this, ruleID, templateID)[0];
+                target.nextElementSibling.appendChild(valElem);
             } // eslint-disable-next-line @typescript-eslint/no-explicit-any
             else if (this.isAngular) {
                 var valElemColl = this.columnTemplateFn(args, this, ruleID, templateID);
                 valElem = (valElemColl[0].nodeType === 3) ? valElemColl[1] : valElemColl[0];
+                target.nextElementSibling.appendChild(valElem);
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            }
+            else if (this.isVue3) {
+                valElem = this.columnTemplateFn(args, this, 'Template', templateID);
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                append(valElem, target.nextElementSibling);
             }
             else {
                 valElem = this.columnTemplateFn(args, this, 'Template', templateID)[0];
+                target.nextElementSibling.appendChild(valElem);
             }
-            target.nextElementSibling.appendChild(valElem);
             addClass([target.nextElementSibling], 'e-template-value');
             this.renderReactTemplates();
             return true;
@@ -4377,12 +4387,16 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
     };
     QueryBuilder.prototype.enableReadonly = function () {
         var target = this.element;
-        var elem = target.querySelectorAll('.e-dropdownlist, .e-numerictextbox, .e-textbox, .e-datepicker, .e-multiselect .e-lib, .e-radio');
+        var elem = target.querySelectorAll('.e-dropdownlist, .e-dropdowntree, .e-numerictextbox, .e-textbox, .e-datepicker, .e-multiselect .e-lib, .e-radio');
         for (var i = 0; i < elem.length; i++) {
             if (elem[i].classList.contains('e-dropdownlist')) {
                 var dropDownObj = getInstance(elem[i], DropDownList);
                 dropDownObj.readonly = this.isReadonly;
             }
+            else if (elem[i].classList.contains('e-dropdowntree')) {
+                var dropDownTreeObj = getInstance(elem[i], DropDownTree);
+                dropDownTreeObj.readonly = this.isReadonly;
+            }
             else if (elem[i].classList.contains('e-numerictextbox')) {
                 var numericTextBoxObj = getInstance(elem[i], NumericTextBox);
                 numericTextBoxObj.readonly = this.isReadonly;