@seniorsistemas/angular-components 16.12.0 → 16.12.2

package/fesm5/seniorsistemas-angular-components.js

@@ -2806,6 +2806,9 @@ var BooleanSwitchField = /** @class */ (function (_super) {
     function BooleanSwitchField(config) {
         var _this = _super.call(this, config) || this;
         _this.onChange = config.onChange;
+        if (config.optionsLabel) {
+            _this.optionsLabel = new BooleanOptionsLabel(config.optionsLabel);
+        }
         _this.representedBy = "switch";
         return _this;
     }
@@ -5587,20 +5590,7 @@ var TableFrozenPositionDirective = /** @class */ (function () {
         this.table.styleClass = (this.table.styleClass || "") + " s-table-frozen-position";
         this.setUpTableEvents();
         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; }";
-        htmlHead.appendChild(styleReset);
-        this.fixBodyRowClassName = "fixTableBodyRowsHeight_" + componentId;
-        this.styleFixBodyRowHeight = document.createElement("style");
-        this.styleFixBodyRowHeight.innerHTML = "." + this.fixBodyRowClassName + " tbody > tr { height: auto; }";
-        htmlHead.appendChild(this.styleFixBodyRowHeight);
-        this.fixHeadRowClassName = "fixTableHeadRowsHeight_" + componentId;
-        this.styleFixHeadRowHeight = document.createElement("style");
-        this.styleFixHeadRowHeight.innerHTML = "." + this.fixHeadRowClassName + " thead > tr { height: auto; }";
-        htmlHead.appendChild(this.styleFixHeadRowHeight);
         var expandFrozenStyle = document.createElement("style");
         expandFrozenStyle.innerHTML = ".s-table-frozen-position .ui-table-frozen-view .sds-expanded-row > td { visibility: hidden; }";
         htmlHead.appendChild(expandFrozenStyle);
@@ -5730,98 +5720,84 @@ var TableFrozenPositionDirective = /** @class */ (function () {
     TableFrozenPositionDirective.prototype.synchronizeRowHeight = function () {
         var tableBodyWrappers = this.el.nativeElement.getElementsByClassName("ui-table-scrollable-body");
         var tableBodies = __spread(tableBodyWrappers).map(function (divWrapper) { return __spread(divWrapper.childNodes).find(function (p) { return p.tagName === "TABLE"; }); });
-        this.recalculateDefaultRowHeight(tableBodies);
-        this.applyMaxRowHeight(tableBodies);
+        this._resetRowHeight(tableBodies);
+        this._applyMaxRowHeight(tableBodies);
         var tableHeadWrappers = this.el.nativeElement.getElementsByClassName("ui-table-scrollable-header-box");
         var tableHeads = __spread(tableHeadWrappers).map(function (divWrapper) { return __spread(divWrapper.childNodes).find(function (p) { return p.tagName === "TABLE"; }); });
-        this.recalculateDefaultRowHeight(tableHeads);
-        this.applyMaxRowHeight(tableHeads, true);
+        this._resetRowHeight(tableHeads);
+        this._applyMaxRowHeight(tableHeads);
     };
-    TableFrozenPositionDirective.prototype.recalculateDefaultRowHeight = function (tables) {
-        var e_1, _a;
-        try {
-            for (var tables_1 = __values(tables), tables_1_1 = tables_1.next(); !tables_1_1.done; tables_1_1 = tables_1.next()) {
-                var table = tables_1_1.value;
-                table.classList.remove(this.fixBodyRowClassName);
-                table.classList.remove(this.fixHeadRowClassName);
-                table.classList.add(this.resetRowHeightClassName);
-            }
+    TableFrozenPositionDirective.prototype._applyMaxRowHeight = function (tables) {
+        var e_1, _a, e_2, _b;
+        if (!tables || !tables.length) {
+            return;
         }
-        catch (e_1_1) { e_1 = { error: e_1_1 }; }
-        finally {
+        var lengths = tables.map(function (table) { return table.rows.length; });
+        var maxLength = lengths.reduce(function (accumulator, currentValue) { return Math.max(accumulator, currentValue); }, lengths[0]);
+        var minLength = lengths.reduce(function (accumulator, currentValue) { return Math.min(accumulator, currentValue); }, lengths[0]);
+        if (maxLength !== minLength) {
+            throw new Error("The number of rows in both tables must be the same");
+        }
+        var table = tables[0];
+        for (var i = 0; i < table.rows.length; i++) {
+            var trs = [];
             try {
-                if (tables_1_1 && !tables_1_1.done && (_a = tables_1.return)) _a.call(tables_1);
+                for (var tables_1 = (e_1 = void 0, __values(tables)), tables_1_1 = tables_1.next(); !tables_1_1.done; tables_1_1 = tables_1.next()) {
+                    var table_1 = tables_1_1.value;
+                    trs.push(table_1.rows[i]);
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (tables_1_1 && !tables_1_1.done && (_a = tables_1.return)) _a.call(tables_1);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+            var max = trs.reduce(function (accumulator, currentValue) {
+                return Math.max(accumulator, currentValue.getBoundingClientRect().height);
+            }, trs[0].getBoundingClientRect().height);
+            try {
+                for (var trs_1 = (e_2 = void 0, __values(trs)), trs_1_1 = trs_1.next(); !trs_1_1.done; trs_1_1 = trs_1.next()) {
+                    var tr = trs_1_1.value;
+                    tr.style.height = max + "px";
+                }
+            }
+            catch (e_2_1) { e_2 = { error: e_2_1 }; }
+            finally {
+                try {
+                    if (trs_1_1 && !trs_1_1.done && (_b = trs_1.return)) _b.call(trs_1);
+                }
+                finally { if (e_2) throw e_2.error; }
             }
-            finally { if (e_1) throw e_1.error; }
         }
     };
-    TableFrozenPositionDirective.prototype.applyMaxRowHeight = function (tables, isHead) {
-        var e_2, _a, e_3, _b, e_4, _c, e_5, _d;
-        if (isHead === void 0) { isHead = false; }
-        var rowSizes = [];
+    TableFrozenPositionDirective.prototype._resetRowHeight = function (tables) {
+        var e_3, _a, e_4, _b;
         try {
             for (var tables_2 = __values(tables), tables_2_1 = tables_2.next(); !tables_2_1.done; tables_2_1 = tables_2.next()) {
                 var table = tables_2_1.value;
                 try {
-                    for (var _e = (e_3 = void 0, __values(table.rows)), _f = _e.next(); !_f.done; _f = _e.next()) {
-                        var tr = _f.value;
-                        if (tr.classList.contains("sds-expanded-row"))
-                            continue;
-                        rowSizes.push(tr.getBoundingClientRect().height);
+                    for (var _c = (e_4 = void 0, __values(table.rows)), _d = _c.next(); !_d.done; _d = _c.next()) {
+                        var row = _d.value;
+                        row.style.height = "unset";
                     }
                 }
-                catch (e_3_1) { e_3 = { error: e_3_1 }; }
+                catch (e_4_1) { e_4 = { error: e_4_1 }; }
                 finally {
                     try {
-                        if (_f && !_f.done && (_b = _e.return)) _b.call(_e);
+                        if (_d && !_d.done && (_b = _c.return)) _b.call(_c);
                     }
-                    finally { if (e_3) throw e_3.error; }
+                    finally { if (e_4) throw e_4.error; }
                 }
             }
         }
-        catch (e_2_1) { e_2 = { error: e_2_1 }; }
+        catch (e_3_1) { e_3 = { error: e_3_1 }; }
         finally {
             try {
                 if (tables_2_1 && !tables_2_1.done && (_a = tables_2.return)) _a.call(tables_2);
             }
-            finally { if (e_2) throw e_2.error; }
-        }
-        if (!rowSizes.length)
-            return;
-        var maxHeight = Math.max.apply(Math, __spread(rowSizes));
-        if (isHead) {
-            this.styleFixHeadRowHeight.innerHTML = "." + this.fixHeadRowClassName + " thead > tr { height: " + maxHeight + "px; }";
-            try {
-                for (var tables_3 = __values(tables), tables_3_1 = tables_3.next(); !tables_3_1.done; tables_3_1 = tables_3.next()) {
-                    var table = tables_3_1.value;
-                    table.classList.remove(this.resetRowHeightClassName);
-                    table.classList.add(this.fixHeadRowClassName);
-                }
-            }
-            catch (e_4_1) { e_4 = { error: e_4_1 }; }
-            finally {
-                try {
-                    if (tables_3_1 && !tables_3_1.done && (_c = tables_3.return)) _c.call(tables_3);
-                }
-                finally { if (e_4) throw e_4.error; }
-            }
-        }
-        else {
-            this.styleFixBodyRowHeight.innerHTML = "." + this.fixBodyRowClassName + " tbody > tr { height: " + maxHeight + "px; }";
-            try {
-                for (var tables_4 = __values(tables), tables_4_1 = tables_4.next(); !tables_4_1.done; tables_4_1 = tables_4.next()) {
-                    var table = tables_4_1.value;
-                    table.classList.remove(this.resetRowHeightClassName);
-                    table.classList.add(this.fixBodyRowClassName);
-                }
-            }
-            catch (e_5_1) { e_5 = { error: e_5_1 }; }
-            finally {
-                try {
-                    if (tables_4_1 && !tables_4_1.done && (_d = tables_4.return)) _d.call(tables_4);
-                }
-                finally { if (e_5) throw e_5.error; }
-            }
+            finally { if (e_3) throw e_3.error; }
         }
     };
     TableFrozenPositionDirective.ctorParameters = function () { return [
@@ -6992,7 +6968,7 @@ var BooleanSwitchFieldComponent = /** @class */ (function () {
     ], BooleanSwitchFieldComponent.prototype, "formControl", void 0);
     BooleanSwitchFieldComponent = __decorate([
         Component({
-            template: "<div class=\"ui-g\">\n    <p-inputSwitch\n        [id]=\"(field.id || field.name)\"\n        [name]=\"field.name\"\n        [formControl]=\"formControl\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        (onChange)=\"field.onChange ? field.onChange($event) : null\">\n    </p-inputSwitch>\n</div>"
+            template: "<div class=\"ui-grid ui-grid-responsive ui-grid-pad ui-fluid\">\n    <div class=\"ui-grid-row\">\n        <div class=\"i-grid-col-1\">\n            <p-inputSwitch [id]=\"(field.id || field.name)\" [name]=\"field.name\" [formControl]=\"formControl\"\n                [sTooltip]=\"field.tooltip\" tooltipPosition=\"top\"\n                (onChange)=\"field.onChange ? field.onChange($event) : null\">\n            </p-inputSwitch>\n        </div>\n        <div class=\"i-grid-col-1\" *ngIf=\"field.optionsLabel\">\n            <ng-container *ngIf=\"formControl.value; else caseFalse\">\n                <span>{{ field.optionsLabel.true }}</span>\n            </ng-container>\n            <ng-template #caseFalse>\n                <span>{{ field.optionsLabel.false }}</span>\n            </ng-template>\n        </div>\n    </div>\n</div>"
         })
     ], BooleanSwitchFieldComponent);
     return BooleanSwitchFieldComponent;