@easyquery/ui 7.4.1-rc01 → 7.4.1-rc02

package/dist/easyquery.ui.cjs.js

@@ -8439,7 +8439,7 @@ class FilterBar extends core.Widget {
         ui.domel(this.headerTextElement)
             .text(text)
             .attr('title', text);
-        if (!query || query.isEmptyConditions()) { //empty query, don't show query panel and arrow, show link in header
+        if (!query || query.isEmptyConditions()) { //empty query, don't show query panel and arrow, show a link in the header
             ui.domel(this.headerTextElement).hide();
             ui.domel(this.headerLinkElement).show();
             if (!ui.domel(this.qpBlock).isVisible()) {
@@ -8465,6 +8465,7 @@ class FilterBar extends core.Widget {
         this.textResize();
     }
     render() {
+        this.slot.innerHTML = '';
         ui.domel(this.slot)
             .addClass(`${this.cssPrefix}-container`)
             .addClass(getMobileCssClass())
@@ -8543,14 +8544,13 @@ class FilterBar extends core.Widget {
         });
         this.updateHeader();
         this.queryPanel.refresh();
-        setTimeout(() => this.textResize(), 500);
     }
     refreshCore() {
         this.clear();
         this.render();
     }
     clear() {
-        this.slot.innerHTML = "";
+        this.slot.innerHTML = '';
     }
     applyFilter() {
         if (this.options.applyFilterCallback) {
@@ -8577,7 +8577,12 @@ class FilterBar extends core.Widget {
     attachQueryObserver() {
         const query = this.getContext().getQuery();
         this.queryEventCallbackId = query.addChangedCallback(event => {
-            this.render();
+            if (this.headerElement) {
+                this.updateHeader();
+            }
+            else {
+                this.render();
+            }
         });
     }
     detachQueryObserver() {

package/dist/easyquery.ui.esm.js

@@ -8437,7 +8437,7 @@ class FilterBar extends Widget {
         domel(this.headerTextElement)
             .text(text)
             .attr('title', text);
-        if (!query || query.isEmptyConditions()) { //empty query, don't show query panel and arrow, show link in header
+        if (!query || query.isEmptyConditions()) { //empty query, don't show query panel and arrow, show a link in the header
             domel(this.headerTextElement).hide();
             domel(this.headerLinkElement).show();
             if (!domel(this.qpBlock).isVisible()) {
@@ -8463,6 +8463,7 @@ class FilterBar extends Widget {
         this.textResize();
     }
     render() {
+        this.slot.innerHTML = '';
         domel(this.slot)
             .addClass(`${this.cssPrefix}-container`)
             .addClass(getMobileCssClass())
@@ -8541,14 +8542,13 @@ class FilterBar extends Widget {
         });
         this.updateHeader();
         this.queryPanel.refresh();
-        setTimeout(() => this.textResize(), 500);
     }
     refreshCore() {
         this.clear();
         this.render();
     }
     clear() {
-        this.slot.innerHTML = "";
+        this.slot.innerHTML = '';
     }
     applyFilter() {
         if (this.options.applyFilterCallback) {
@@ -8575,7 +8575,12 @@ class FilterBar extends Widget {
     attachQueryObserver() {
         const query = this.getContext().getQuery();
         this.queryEventCallbackId = query.addChangedCallback(event => {
-            this.render();
+            if (this.headerElement) {
+                this.updateHeader();
+            }
+            else {
+                this.render();
+            }
         });
     }
     detachQueryObserver() {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@easyquery/ui",
-    "version": "7.4.1-rc01",
+    "version": "7.4.1-rc02",
     "description": "EasyQuery.JS Community UI widgets",
     "types": "./dist/types/public_api.d.ts",
     "main": "./dist/easyquery.ui.cjs.js",
@@ -30,7 +30,7 @@
     "bugs": "https://korzh.com/support",
     "license": "LGPL-3.0",
     "peerDependencies": {
-        "@easyquery/core": "^7.4.1-rc01"
+        "@easyquery/core": "^7.4.1-rc02"
     },
     "files": [
         "dist",