@syncfusion/ej2-querybuilder 23.1.36 → 23.1.39

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

@@ -759,7 +759,9 @@ let QueryBuilder = class QueryBuilder extends Component {
     }
     renderToolTip(element) {
         const tooltip = new Tooltip({ content: this.l10n.getConstant('ValidationMessage'),
-            position: 'BottomCenter', cssClass: 'e-querybuilder-error' });
+            position: 'BottomCenter', cssClass: 'e-querybuilder-error', afterClose: (args) => {
+                tooltip.destroy();
+            } });
         tooltip.appendTo(element);
         tooltip.open(element);
     }
@@ -2512,15 +2514,23 @@ let QueryBuilder = class QueryBuilder extends Component {
             // 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) {
                 const 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;
@@ -4310,12 +4320,16 @@ let QueryBuilder = class QueryBuilder extends Component {
     }
     enableReadonly() {
         const target = this.element;
-        const elem = target.querySelectorAll('.e-dropdownlist, .e-numerictextbox, .e-textbox, .e-datepicker, .e-multiselect .e-lib, .e-radio');
+        const elem = target.querySelectorAll('.e-dropdownlist, .e-dropdowntree, .e-numerictextbox, .e-textbox, .e-datepicker, .e-multiselect .e-lib, .e-radio');
         for (let i = 0; i < elem.length; i++) {
             if (elem[i].classList.contains('e-dropdownlist')) {
                 const dropDownObj = getInstance(elem[i], DropDownList);
                 dropDownObj.readonly = this.isReadonly;
             }
+            else if (elem[i].classList.contains('e-dropdowntree')) {
+                const dropDownTreeObj = getInstance(elem[i], DropDownTree);
+                dropDownTreeObj.readonly = this.isReadonly;
+            }
             else if (elem[i].classList.contains('e-numerictextbox')) {
                 const numericTextBoxObj = getInstance(elem[i], NumericTextBox);
                 numericTextBoxObj.readonly = this.isReadonly;