@seniorsistemas/angular-components 16.12.1 → 16.12.3

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

@@ -5736,20 +5736,7 @@
             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);
@@ -5879,98 +5866,84 @@
         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 [
@@ -9692,26 +9665,26 @@
     }());
 
     var SMALL_DEVICE_BREAKPOINT = 420;
-    var SlideBarComponent = /** @class */ (function () {
-        function SlideBarComponent() {
+    var SlidePanelComponent = /** @class */ (function () {
+        function SlidePanelComponent() {
             this.openIcon = "fas fa-chevron-right";
             this.closeIcon = "fas fa-chevron-left";
             this.cache = false;
-            this.barOpened = new core.EventEmitter();
-            this.barClosed = new core.EventEmitter();
+            this.panelOpened = new core.EventEmitter();
+            this.panelClosed = new core.EventEmitter();
             this.slideHeight = 0;
             this.isOpen = false;
             this.isSlideOver = false;
             this.isAnimating = false;
             this.isContentAnimationDisabled = true;
         }
-        SlideBarComponent.prototype.onResize = function () {
+        SlidePanelComponent.prototype.onResize = function () {
             this._checkOverBehavior();
         };
-        SlideBarComponent.prototype.ngOnInit = function () {
+        SlidePanelComponent.prototype.ngOnInit = function () {
             this._checkOverBehavior();
         };
-        SlideBarComponent.prototype.ngAfterViewChecked = function () {
+        SlidePanelComponent.prototype.ngAfterViewChecked = function () {
             var _this = this;
             // to executed at a safe time prior to control returning to the browser's event loop
             queueMicrotask(function () {
@@ -9719,58 +9692,58 @@
                 _this.isContentAnimationDisabled = false;
             });
         };
-        SlideBarComponent.prototype.onClickButton = function () {
+        SlidePanelComponent.prototype.onClickButton = function () {
             if (this.isAnimating) {
                 return;
             }
             this.isOpen = !this.isOpen;
             if (this.isOpen) {
-                this.barOpened.emit();
+                this.panelOpened.emit();
             }
             else {
-                this.barClosed.emit();
+                this.panelClosed.emit();
             }
         };
-        SlideBarComponent.prototype.onContentAnimationStart = function () {
+        SlidePanelComponent.prototype.onContentAnimationStart = function () {
             this.isAnimating = true;
         };
-        SlideBarComponent.prototype.onContentAnimationDone = function () {
+        SlidePanelComponent.prototype.onContentAnimationDone = function () {
             this.isAnimating = false;
         };
-        SlideBarComponent.prototype._checkOverBehavior = function () {
+        SlidePanelComponent.prototype._checkOverBehavior = function () {
             this.isSlideOver = window.innerWidth <= SMALL_DEVICE_BREAKPOINT;
         };
-        SlideBarComponent.prototype._calculateSlideHeight = function () {
+        SlidePanelComponent.prototype._calculateSlideHeight = function () {
             this.slideHeight = this.sideContent.nativeElement.clientHeight;
         };
         __decorate([
             core.Input()
-        ], SlideBarComponent.prototype, "openIcon", void 0);
+        ], SlidePanelComponent.prototype, "openIcon", void 0);
         __decorate([
             core.Input()
-        ], SlideBarComponent.prototype, "closeIcon", void 0);
+        ], SlidePanelComponent.prototype, "closeIcon", void 0);
         __decorate([
             core.Input()
-        ], SlideBarComponent.prototype, "cache", void 0);
+        ], SlidePanelComponent.prototype, "cache", void 0);
         __decorate([
             core.Output()
-        ], SlideBarComponent.prototype, "barOpened", void 0);
+        ], SlidePanelComponent.prototype, "panelOpened", void 0);
         __decorate([
             core.Output()
-        ], SlideBarComponent.prototype, "barClosed", void 0);
+        ], SlidePanelComponent.prototype, "panelClosed", void 0);
         __decorate([
             core.ViewChild("mainContainer")
-        ], SlideBarComponent.prototype, "mainContainer", void 0);
+        ], SlidePanelComponent.prototype, "mainContainer", void 0);
         __decorate([
             core.ViewChild("sideContent")
-        ], SlideBarComponent.prototype, "sideContent", void 0);
+        ], SlidePanelComponent.prototype, "sideContent", void 0);
         __decorate([
             core.HostListener("window:resize")
-        ], SlideBarComponent.prototype, "onResize", null);
-        SlideBarComponent = __decorate([
+        ], SlidePanelComponent.prototype, "onResize", null);
+        SlidePanelComponent = __decorate([
             core.Component({
-                selector: "s-slide-bar",
-                template: "<div class=\"slide-bar\">\n    <div\n        class=\"slide-content\"\n        [ngClass]=\"{\n            'slide-content--closed': !isOpen,\n            'slide-content--over': isSlideOver\n        }\">\n        <div\n            #mainContainer\n            class=\"main-container\"\n            [style.maxHeight]=\"slideHeight + 'px'\">\n            <ng-container *ngIf=\"cache; then cacheTemplate else cachelessTemplate\"></ng-container>\n        </div>\n        <button\n            class=\"button\"\n            [ngClass]=\"isOpen ? closeIcon : openIcon\"\n            (click)=\"onClickButton()\">\n        </button>\n    </div>\n    <div #sideContent class=\"side-content\">\n        <ng-content select=\"[side-content]\"></ng-content>\n    </div>\n</div>\n\n<ng-template #cacheTemplate>\n    <div\n        class=\"content-container\"\n        [@cacheAnimation]=\"isOpen\"\n        [@.disabled]=\"isContentAnimationDisabled\"\n        (@cacheAnimation.start)=\"onContentAnimationStart()\"\n        (@cacheAnimation.done)=\"onContentAnimationDone()\">\n        <ng-container [ngTemplateOutlet]=\"slideContent\"></ng-container>\n    </div>\n</ng-template>\n\n<ng-template #cachelessTemplate>\n    <div\n        *ngIf=\"isOpen\"\n        class=\"content-container\"\n        @cachelessAnimation\n        [@.disabled]=\"isContentAnimationDisabled\"\n        (@cachelessAnimation.start)=\"onContentAnimationStart()\"\n        (@cachelessAnimation.done)=\"onContentAnimationDone()\">\n        <ng-container [ngTemplateOutlet]=\"slideContent\"></ng-container>\n    </div>\n</ng-template>\n\n<ng-template #slideContent>\n    <ng-content select=\"[slide-content]\"></ng-content>\n</ng-template>",
+                selector: "s-slide-panel",
+                template: "<div class=\"slide-panel\">\n    <div\n        class=\"slide-content\"\n        [ngClass]=\"{\n            'slide-content--closed': !isOpen,\n            'slide-content--over': isSlideOver\n        }\">\n        <div\n            #mainContainer\n            class=\"main-container\"\n            [style.maxHeight]=\"slideHeight + 'px'\">\n            <ng-container *ngIf=\"cache; then cacheTemplate else cachelessTemplate\"></ng-container>\n        </div>\n        <button\n            class=\"button\"\n            [ngClass]=\"isOpen ? closeIcon : openIcon\"\n            (click)=\"onClickButton()\">\n        </button>\n    </div>\n    <div #sideContent class=\"side-content\">\n        <ng-content select=\"[side-content]\"></ng-content>\n    </div>\n</div>\n\n<ng-template #cacheTemplate>\n    <div\n        class=\"content-container\"\n        [@cacheAnimation]=\"isOpen\"\n        [@.disabled]=\"isContentAnimationDisabled\"\n        (@cacheAnimation.start)=\"onContentAnimationStart()\"\n        (@cacheAnimation.done)=\"onContentAnimationDone()\">\n        <ng-container [ngTemplateOutlet]=\"slideContent\"></ng-container>\n    </div>\n</ng-template>\n\n<ng-template #cachelessTemplate>\n    <div\n        *ngIf=\"isOpen\"\n        class=\"content-container\"\n        @cachelessAnimation\n        [@.disabled]=\"isContentAnimationDisabled\"\n        (@cachelessAnimation.start)=\"onContentAnimationStart()\"\n        (@cachelessAnimation.done)=\"onContentAnimationDone()\">\n        <ng-container [ngTemplateOutlet]=\"slideContent\"></ng-container>\n    </div>\n</ng-template>\n\n<ng-template #slideContent>\n    <ng-content select=\"[slide-content]\"></ng-content>\n</ng-template>",
                 animations: [
                     animations.trigger("cachelessAnimation", [
                         animations.transition(":enter", [
@@ -9788,26 +9761,26 @@
                         animations.transition("* => *", animations.animate("200ms")),
                     ]),
                 ],
-                styles: [".slide-bar{display:-ms-flexbox;display:flex}.slide-bar .slide-content{display:-ms-flexbox;display:flex;position:relative}.slide-bar .slide-content .main-container{background-color:#eeebf2;display:-ms-flexbox;display:flex;border:1px solid #ccc;overflow:hidden;position:relative}.slide-bar .slide-content .main-container .content-container{overflow-y:auto;overflow-x:hidden;padding:16px}.slide-bar .slide-content .button{-ms-flex-align:center;align-items:center;background-color:#eeebf2;border:1px solid #ccc;border-left:none;border-radius:0 4px 4px 0;cursor:pointer;display:-ms-flexbox;display:flex;font-size:16px;height:32px;-ms-flex-pack:center;justify-content:center;position:absolute;right:-32px;top:16px;width:32px}.slide-bar .slide-content--closed .main-container{border:none}.slide-bar .slide-content--over{position:absolute}.slide-bar .side-content{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;height:-webkit-max-content;height:max-content}"]
+                styles: [".slide-panel{display:-ms-flexbox;display:flex}.slide-panel .slide-content{display:-ms-flexbox;display:flex;position:relative}.slide-panel .slide-content .main-container{background-color:#eeebf2;display:-ms-flexbox;display:flex;border:1px solid #ccc;overflow:hidden;position:relative}.slide-panel .slide-content .main-container .content-container{overflow-y:auto;overflow-x:hidden;padding:16px}.slide-panel .slide-content .button{-ms-flex-align:center;align-items:center;background-color:#eeebf2;border:1px solid #ccc;border-left:none;border-radius:0 4px 4px 0;cursor:pointer;display:-ms-flexbox;display:flex;font-size:16px;height:32px;-ms-flex-pack:center;justify-content:center;position:absolute;right:-32px;top:16px;width:32px}.slide-panel .slide-content--closed .main-container{border:none}.slide-panel .slide-content--over{position:absolute}.slide-panel .side-content{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;height:-webkit-max-content;height:max-content}"]
             })
-        ], SlideBarComponent);
-        return SlideBarComponent;
+        ], SlidePanelComponent);
+        return SlidePanelComponent;
     }());
 
-    var SlideBarModule = /** @class */ (function () {
-        function SlideBarModule() {
+    var SlidePanelModule = /** @class */ (function () {
+        function SlidePanelModule() {
         }
-        SlideBarModule = __decorate([
+        SlidePanelModule = __decorate([
             core.NgModule({
                 imports: [
                     common.CommonModule,
                     animations$1.BrowserAnimationsModule,
                 ],
-                declarations: [SlideBarComponent],
-                exports: [SlideBarComponent],
+                declarations: [SlidePanelComponent],
+                exports: [SlidePanelComponent],
             })
-        ], SlideBarModule);
-        return SlideBarModule;
+        ], SlidePanelModule);
+        return SlidePanelModule;
     }());
 
     var StatsCardComponent = /** @class */ (function () {
@@ -13023,8 +12996,8 @@
     exports.SelectOption = SelectOption;
     exports.SidebarComponent = SidebarComponent;
     exports.SidebarModule = SidebarModule;
-    exports.SlideBarComponent = SlideBarComponent;
-    exports.SlideBarModule = SlideBarModule;
+    exports.SlidePanelComponent = SlidePanelComponent;
+    exports.SlidePanelModule = SlidePanelModule;
     exports.SplitButtonComponent = SplitButtonComponent;
     exports.SplitButtonModule = SplitButtonModule;
     exports.StatsCardComponent = StatsCardComponent;