@seniorsistemas/angular-components 14.15.0 → 14.15.1

package/fesm5/seniorsistemas-angular-components.js

@@ -3772,23 +3772,25 @@ var TableFrozenPositionDirective = /** @class */ (function () {
         this.el = el;
         this.host = host;
         this.sTableFrozenPosition = "left";
+        this.onColumnsChanged = new EventEmitter();
         this.host.onColResize.subscribe(function () {
             _this.handleColResize();
         });
         window.addEventListener("resize", this.handleWindowResize.bind(this));
         var componentId = new Date().getTime();
+        var htmlHead = document.getElementsByTagName("head")[0];
         this.resetRowHeightClassName = "resetTableRowsHeight_" + componentId;
         var styleReset = document.createElement("style");
         styleReset.innerHTML = "." + this.resetRowHeightClassName + " tbody > tr, ." + this.resetRowHeightClassName + " thead > tr { height: auto; }";
-        document.getElementsByTagName("head")[0].appendChild(styleReset);
+        htmlHead.appendChild(styleReset);
         this.fixBodyRowClassName = "fixTableBodyRowsHeight_" + componentId;
         this.styleFixBodyRowHeight = document.createElement("style");
         this.styleFixBodyRowHeight.innerHTML = "." + this.fixBodyRowClassName + " tbody > tr { height: auto; }";
-        document.getElementsByTagName("head")[0].appendChild(this.styleFixBodyRowHeight);
+        htmlHead.appendChild(this.styleFixBodyRowHeight);
         this.fixHeadRowClassName = "fixTableHeadRowsHeight_" + componentId;
         this.styleFixHeadRowHeight = document.createElement("style");
         this.styleFixHeadRowHeight.innerHTML = "." + this.fixHeadRowClassName + " thead > tr { height: auto; }";
-        document.getElementsByTagName("head")[0].appendChild(this.styleFixHeadRowHeight);
+        htmlHead.appendChild(this.styleFixHeadRowHeight);
     }
     Object.defineProperty(TableFrozenPositionDirective.prototype, "sTableFrozenValue", {
         set: function (_) {
@@ -3804,9 +3806,27 @@ var TableFrozenPositionDirective = /** @class */ (function () {
         if (this.sTableFrozenPosition === "left")
             return;
         this.applyStylesForTable();
+        this.setUpColumnMonitoring();
     };
     TableFrozenPositionDirective.prototype.ngOnDestroy = function () {
         window.removeEventListener("resize", this.handleWindowResize.bind(this));
+        if (this.tableHeadObservable) {
+            this.tableHeadObservable.disconnect();
+        }
+    };
+    TableFrozenPositionDirective.prototype.setUpColumnMonitoring = function () {
+        var _this = this;
+        this.tableHeadObservable = new MutationObserver(function () {
+            _this.synchronizeRowHeight();
+            _this.onColumnsChanged.emit(null);
+        });
+        var tableHeads = __spread(this.el.nativeElement.getElementsByTagName("thead"));
+        tableHeads.forEach(function (tableHead) {
+            _this.tableHeadObservable.observe(tableHead, {
+                subtree: true,
+                childList: true
+            });
+        });
     };
     TableFrozenPositionDirective.prototype.applyStylesForTable = function () {
         var scrollWrapper = this.el.nativeElement.querySelector(".ui-table-scrollable-wrapper");