@seniorsistemas/angular-components 14.15.0 → 14.15.1

package/bundles/seniorsistemas-angular-components.umd.js

@@ -3946,23 +3946,25 @@
             this.el = el;
             this.host = host;
             this.sTableFrozenPosition = "left";
+            this.onColumnsChanged = new core.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 (_) {
@@ -3978,9 +3980,27 @@
             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");