@seniorsistemas/angular-components 16.12.0 → 16.12.2

package/fesm2015/seniorsistemas-angular-components.js

@@ -2632,6 +2632,9 @@ class BooleanSwitchField extends Field {
     constructor(config) {
         super(config);
         this.onChange = config.onChange;
+        if (config.optionsLabel) {
+            this.optionsLabel = new BooleanOptionsLabel(config.optionsLabel);
+        }
         this.representedBy = "switch";
     }
 }
@@ -5163,20 +5166,7 @@ let TableFrozenPositionDirective = class TableFrozenPositionDirective {
         this.table.styleClass = (this.table.styleClass || "") + " s-table-frozen-position";
         this.setUpTableEvents();
         window.addEventListener("resize", this.handleWindowResize.bind(this));
-        const componentId = new Date().getTime();
         const htmlHead = document.getElementsByTagName("head")[0];
-        this.resetRowHeightClassName = `resetTableRowsHeight_${componentId}`;
-        const 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);
         const expandFrozenStyle = document.createElement("style");
         expandFrozenStyle.innerHTML = ".s-table-frozen-position .ui-table-frozen-view .sds-expanded-row > td { visibility: hidden; }";
         htmlHead.appendChild(expandFrozenStyle);
@@ -5298,44 +5288,39 @@ let TableFrozenPositionDirective = class TableFrozenPositionDirective {
     synchronizeRowHeight() {
         const tableBodyWrappers = this.el.nativeElement.getElementsByClassName("ui-table-scrollable-body");
         const tableBodies = [...tableBodyWrappers].map(divWrapper => [...divWrapper.childNodes].find(p => p.tagName === "TABLE"));
-        this.recalculateDefaultRowHeight(tableBodies);
-        this.applyMaxRowHeight(tableBodies);
+        this._resetRowHeight(tableBodies);
+        this._applyMaxRowHeight(tableBodies);
         const tableHeadWrappers = this.el.nativeElement.getElementsByClassName("ui-table-scrollable-header-box");
         const tableHeads = [...tableHeadWrappers].map(divWrapper => [...divWrapper.childNodes].find(p => p.tagName === "TABLE"));
-        this.recalculateDefaultRowHeight(tableHeads);
-        this.applyMaxRowHeight(tableHeads, true);
+        this._resetRowHeight(tableHeads);
+        this._applyMaxRowHeight(tableHeads);
     }
-    recalculateDefaultRowHeight(tables) {
-        for (const table of tables) {
-            table.classList.remove(this.fixBodyRowClassName);
-            table.classList.remove(this.fixHeadRowClassName);
-            table.classList.add(this.resetRowHeightClassName);
+    _applyMaxRowHeight(tables) {
+        if (!tables || !tables.length) {
+            return;
         }
-    }
-    applyMaxRowHeight(tables, isHead = false) {
-        const rowSizes = [];
-        for (const table of tables) {
-            for (const tr of table.rows) {
-                if (tr.classList.contains("sds-expanded-row"))
-                    continue;
-                rowSizes.push(tr.getBoundingClientRect().height);
-            }
+        const lengths = tables.map(table => table.rows.length);
+        const maxLength = lengths.reduce((accumulator, currentValue) => Math.max(accumulator, currentValue), lengths[0]);
+        const minLength = lengths.reduce((accumulator, currentValue) => Math.min(accumulator, currentValue), lengths[0]);
+        if (maxLength !== minLength) {
+            throw new Error("The number of rows in both tables must be the same");
         }
-        if (!rowSizes.length)
-            return;
-        const maxHeight = Math.max(...rowSizes);
-        if (isHead) {
-            this.styleFixHeadRowHeight.innerHTML = `.${this.fixHeadRowClassName} thead > tr { height: ${maxHeight}px; }`;
+        const table = tables[0];
+        for (let i = 0; i < table.rows.length; i++) {
+            const trs = [];
             for (const table of tables) {
-                table.classList.remove(this.resetRowHeightClassName);
-                table.classList.add(this.fixHeadRowClassName);
+                trs.push(table.rows[i]);
+            }
+            const max = trs.reduce((accumulator, currentValue) => Math.max(accumulator, currentValue.getBoundingClientRect().height), trs[0].getBoundingClientRect().height);
+            for (const tr of trs) {
+                tr.style.height = `${max}px`;
             }
         }
-        else {
-            this.styleFixBodyRowHeight.innerHTML = `.${this.fixBodyRowClassName} tbody > tr { height: ${maxHeight}px; }`;
-            for (const table of tables) {
-                table.classList.remove(this.resetRowHeightClassName);
-                table.classList.add(this.fixBodyRowClassName);
+    }
+    _resetRowHeight(tables) {
+        for (const table of tables) {
+            for (const row of table.rows) {
+                row.style.height = "unset";
             }
         }
     }
@@ -6448,7 +6433,7 @@ __decorate([
 ], 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);