@seniorsistemas/angular-components 14.16.24 → 14.16.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/seniorsistemas-angular-components.umd.js +35 -26
- package/bundles/seniorsistemas-angular-components.umd.js.map +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js.map +1 -1
- package/components/table/frozen-position/frozen-position.directive.d.ts +2 -0
- package/esm2015/components/table/frozen-position/frozen-position.directive.js +35 -27
- package/esm5/components/table/frozen-position/frozen-position.directive.js +36 -27
- package/fesm2015/seniorsistemas-angular-components.js +34 -26
- package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
- package/fesm5/seniorsistemas-angular-components.js +35 -26
- package/fesm5/seniorsistemas-angular-components.js.map +1 -1
- package/package.json +1 -1
- package/seniorsistemas-angular-components.metadata.json +1 -1
|
@@ -4022,6 +4022,7 @@
|
|
|
4022
4022
|
var _this = this;
|
|
4023
4023
|
setTimeout(function () {
|
|
4024
4024
|
_this.synchronizeRowHeight();
|
|
4025
|
+
_this.setUpRowResizeMonitoring();
|
|
4025
4026
|
});
|
|
4026
4027
|
},
|
|
4027
4028
|
enumerable: true,
|
|
@@ -4057,32 +4058,27 @@
|
|
|
4057
4058
|
_this.handleColResize();
|
|
4058
4059
|
});
|
|
4059
4060
|
this.table.onRowExpand.subscribe(function () {
|
|
4060
|
-
|
|
4061
|
-
|
|
4062
|
-
|
|
4063
|
-
|
|
4064
|
-
|
|
4065
|
-
|
|
4066
|
-
|
|
4067
|
-
|
|
4068
|
-
|
|
4069
|
-
|
|
4070
|
-
|
|
4071
|
-
|
|
4072
|
-
|
|
4073
|
-
|
|
4074
|
-
|
|
4075
|
-
|
|
4076
|
-
|
|
4077
|
-
var
|
|
4078
|
-
|
|
4079
|
-
|
|
4080
|
-
|
|
4081
|
-
var height = originalTd.getBoundingClientRect().height;
|
|
4082
|
-
td.innerHTML = "<div style=\"height: " + height + "px\"></div>";
|
|
4083
|
-
td.style.padding = "0px";
|
|
4084
|
-
_this.rowExpandedObserver.observe(originalTd);
|
|
4085
|
-
});
|
|
4061
|
+
_this.setUpRowResizeMonitoring();
|
|
4062
|
+
});
|
|
4063
|
+
};
|
|
4064
|
+
TableFrozenPositionDirective.prototype.setUpRowResizeMonitoring = function () {
|
|
4065
|
+
var _this = this;
|
|
4066
|
+
if (this.rowExpandedObserver) {
|
|
4067
|
+
this.rowExpandedObserver.disconnect();
|
|
4068
|
+
}
|
|
4069
|
+
// The version of Angular/Typescript does not recognize the object ResizeObserver and breaks build
|
|
4070
|
+
this.rowExpandedObserver = new window.ResizeObserver(function () {
|
|
4071
|
+
_this.applyHeightForExpandedRows();
|
|
4072
|
+
});
|
|
4073
|
+
setTimeout(function () {
|
|
4074
|
+
var tdsToAdjust = _this.el.nativeElement.querySelectorAll(".ui-table-frozen-view .sds-expanded-row > td");
|
|
4075
|
+
var originalsTds = _this.el.nativeElement.querySelectorAll(".ui-table-unfrozen-view .sds-expanded-row > td");
|
|
4076
|
+
tdsToAdjust.forEach(function (td, index) {
|
|
4077
|
+
var originalTd = originalsTds[index];
|
|
4078
|
+
var height = originalTd.getBoundingClientRect().height;
|
|
4079
|
+
td.innerHTML = "<div style=\"height: " + height + "px\"></div>";
|
|
4080
|
+
td.style.padding = "0px";
|
|
4081
|
+
_this.rowExpandedObserver.observe(originalTd);
|
|
4086
4082
|
});
|
|
4087
4083
|
});
|
|
4088
4084
|
};
|
|
@@ -4100,6 +4096,19 @@
|
|
|
4100
4096
|
});
|
|
4101
4097
|
});
|
|
4102
4098
|
};
|
|
4099
|
+
TableFrozenPositionDirective.prototype.applyHeightForExpandedRows = function () {
|
|
4100
|
+
var frozenTDsToAdjust = this.el.nativeElement.querySelectorAll(".ui-table-frozen-view .sds-expanded-row > td");
|
|
4101
|
+
var unFrozenTDs = this.el.nativeElement.querySelectorAll(".ui-table-unfrozen-view .sds-expanded-row > td");
|
|
4102
|
+
frozenTDsToAdjust.forEach(function (frozenTd, index) {
|
|
4103
|
+
var unfrozenTD = unFrozenTDs[index];
|
|
4104
|
+
var unfrozenHeight = unfrozenTD.getBoundingClientRect().height;
|
|
4105
|
+
var frozenHeight = frozenTd.getBoundingClientRect().height;
|
|
4106
|
+
if (Math.abs(unfrozenHeight - frozenHeight) > 1) {
|
|
4107
|
+
frozenTd.style.height = unfrozenHeight + "px";
|
|
4108
|
+
frozenTd.innerHTML = "<div></div>";
|
|
4109
|
+
}
|
|
4110
|
+
});
|
|
4111
|
+
};
|
|
4103
4112
|
TableFrozenPositionDirective.prototype.applyStylesForTable = function () {
|
|
4104
4113
|
var scrollWrapper = this.el.nativeElement.querySelector(".ui-table-scrollable-wrapper");
|
|
4105
4114
|
if (!scrollWrapper) {
|