@teipublisher/pb-components 3.2.1 → 3.2.3

package/i18n/common/en.json

@@ -308,7 +308,27 @@
       "incomplete": "marked same type but without key",
       "unmarked": "unmarked occurrence in text",
       "open-in-tab": "Open document in new tab to review"
-    }
+    },
+    "other-occ1": "Found matches in",
+    "other-occ2": "other documents",
+    "loading": "Loading ",
+    "loading-failed": "Failed to load",
+    "not-found": "Not found",
+    "user": "User",
+    "rev-desc": "Revision Description",
+    "change-summary": "Change summary",
+    "change-placeholder": "Optional short description",
+    "status": "Status",
+    "enrichment": "Enrichment",
+    "details": "Annotation Details",
+    "hi-bold": "bold",
+    "hi-i": "italic",
+    "markup": "Inline text/markup or sequence of paragraphs",
+    "select": "Select element around current cursor position",
+    "enclose": "Enclose selection in new element",
+    "enclose-remove": "Remove enclosing tags",
+    "insert-place": "Insert placeName",
+    "insert-person": "Insert persName"
   },
   "ner": {
     "title": "Train a Named Entity Recognition Model",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teipublisher/pb-components",
-  "version": "3.2.1",
+  "version": "3.2.3",
   "description": "Collection of webcomponents underlying TEI Publisher",
   "repository": "https://github.com/eeditiones/tei-publisher-components.git",
   "main": "index.html",

package/src/pb-table-grid.js

@@ -111,6 +111,7 @@ export class PbTableGrid extends themableMixin(pbMixin(LitElement)) {
     this._columns = [];
     this._selectedRow = null;
     this._gridI18nInitialized = false;
+    this._visibilityApplyFrame = null;
     this._onTableClick = this._onTableClick.bind(this);
     this._onDocumentClick = this._onDocumentClick.bind(this);
   }
@@ -181,6 +182,10 @@ export class PbTableGrid extends themableMixin(pbMixin(LitElement)) {
   }
 
   disconnectedCallback() {
+    if (this._visibilityApplyFrame !== null) {
+      cancelAnimationFrame(this._visibilityApplyFrame);
+      this._visibilityApplyFrame = null;
+    }
     document.removeEventListener('click', this._onDocumentClick);
     super.disconnectedCallback();
   }
@@ -255,16 +260,16 @@ export class PbTableGrid extends themableMixin(pbMixin(LitElement)) {
 
       this.grid = new Grid(config);
       this._applyPaginationPosition();
-      this.grid.on('load', () => {
+      this.grid.on('ready', () => {
         this._clearRowSelection();
         if (this.paginationTop) {
-          // `forceRender()` can reset GridJS plugin state; re-apply after each load.
+          // `forceRender()` can reset GridJS plugin state; re-apply after each ready event.
           this.grid.plugin.get('pagination').position = PluginPosition.Header;
         }
         this.emitTo('pb-results-received', {
           params: this._params,
         });
-        this._applyColumnVisibilityToDom();
+        this._scheduleColumnVisibilityReapply();
       });
 
       this.grid.render(table);
@@ -311,6 +316,16 @@ export class PbTableGrid extends themableMixin(pbMixin(LitElement)) {
     });
   }
 
+  _scheduleColumnVisibilityReapply() {
+    if (this._visibilityApplyFrame !== null) {
+      cancelAnimationFrame(this._visibilityApplyFrame);
+    }
+    this._visibilityApplyFrame = requestAnimationFrame(() => {
+      this._visibilityApplyFrame = null;
+      this._applyColumnVisibilityToDom();
+    });
+  }
+
   _onTableClick(event) {
     const row = event.target.closest('tbody tr');
     if (!row) {