@seniorsistemas/angular-components 17.17.7 → 17.17.9

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

@@ -9530,10 +9530,10 @@
     var TableFrozenPositionDirective = /** @class */ (function () {
         function TableFrozenPositionDirective(el, host) {
             this.el = el;
-            this.host = host;
             this.sTableFrozenPosition = "left";
             this.isTableVisible = false;
             this.onColumnsChanged = new core.EventEmitter();
+            this.TABLE_SCROLLABLE_WRAPPER_CLASS = ".ui-table-scrollable-wrapper";
             this.table = host;
             this.table.styleClass = (this.table.styleClass || "") + " s-table-frozen-position";
             this.setUpTableEvents();
@@ -9577,6 +9577,9 @@
             if (this.rowExpandedObserver) {
                 this.rowExpandedObserver.disconnect();
             }
+            if (this.tableWrapperObserver) {
+                this.tableWrapperObserver.disconnect();
+            }
         };
         TableFrozenPositionDirective.prototype.setUpTableEvents = function () {
             var _this = this;
@@ -9621,6 +9624,17 @@
                     childList: true
                 });
             });
+            var tableWraper = this.el.nativeElement.querySelector(this.TABLE_SCROLLABLE_WRAPPER_CLASS);
+            if (tableWraper) {
+                var mutationObserver = new MutationObserver(function () {
+                    _this.synchronizeRowHeight();
+                });
+                mutationObserver.observe(tableWraper, {
+                    subtree: true,
+                    childList: true
+                });
+                this.tableWrapperObserver = mutationObserver;
+            }
         };
         TableFrozenPositionDirective.prototype.applyHeightForExpandedRows = function () {
             var frozenTDsToAdjust = this.el.nativeElement.querySelectorAll(".ui-table-frozen-view .sds-expanded-row > td");
@@ -9636,7 +9650,7 @@
             });
         };
         TableFrozenPositionDirective.prototype.applyStylesForTable = function () {
-            var scrollWrapper = this.el.nativeElement.querySelector(".ui-table-scrollable-wrapper");
+            var scrollWrapper = this.el.nativeElement.querySelector(this.TABLE_SCROLLABLE_WRAPPER_CLASS);
             if (!scrollWrapper) {
                 console.warn("Unable to find scroll-wrapper element from table. Is the table configured with frozen template?");
                 return;
@@ -9961,6 +9975,7 @@
                 infoSign: this.getColumnInfoSign(column.infoSign),
                 onLinkClick: column.onLinkClick,
                 onColumnClick: column.onColumnClick,
+                compact: column.compact,
             };
         };
         TableColumnsComponent.prototype.getColumnScale = function (scale) {
@@ -10040,11 +10055,14 @@
         __decorate([
             core.Input()
         ], TableColumnsComponent.prototype, "locale", void 0);
+        __decorate([
+            core.ViewChildren("column")
+        ], TableColumnsComponent.prototype, "testeElements", void 0);
         TableColumnsComponent = __decorate([
             core.Component({
-                template: "<ng-template #columnsTemplate>\n    <td\n        *ngFor=\"let column of formattedColumns; let i = index\"\n        [ngStyle]=\"column.style\"\n        (click)=\"column.onColumnClick ? column.onColumnClick(rowValue) : null\"\n    >\n        <div *ngIf=\"column.type !== 'TOKENS' || !isArray(column.columnValue); else tokensTemplate\">\n            <span *ngIf=\"column.type !== 'LINK'\" [sTooltip]=\"column.tooltip\" [escape]=\"false\">\n                <ng-container *ngTemplateOutlet=\"columnValueTemplate\"></ng-container>\n            </span>\n\n            <ng-container *ngIf=\"column.type === 'LINK'\">\n                <span *ngIf=\"cellsData[i][0].isUninformed; else anchorTemplate\" class=\"sds-empty-value\">{{ cellsData[i][0].value }}</span>\n\n                <ng-template #anchorTemplate>\n                    <a [sTooltip]=\"column.tooltip\" [escape]=\"false\" (click)=\"column.onLinkClick ? column.onLinkClick(rowValue) : null\">\n                        <ng-container *ngTemplateOutlet=\"columnValueTemplate\"></ng-container>\n                    </a>\n                </ng-template>\n            </ng-container>\n\n            <ng-template #columnValueTemplate>\n                <ng-container *ngFor=\"let cellData of cellsData[i]\">\n                    <span *ngIf=\"cellData.isUninformed; else isInformedTemplate\" class=\"sds-empty-value\">{{ cellData.value }}</span>\n\n                    <ng-template #isInformedTemplate>\n                        <s-badge\n                            *ngIf=\"column.badgeConfigs; else withoutBadgeTemplate\"\n                            [sTooltip]=\"column.tooltip\"\n                            [color]=\"column.badgeConfigs.color\"\n                            [text]=\"cellData.value\"\n                        ></s-badge>\n\n                        <ng-template #withoutBadgeTemplate>\n                            <span>{{ cellData.value }}</span>\n                        </ng-template>\n                    </ng-template>\n\n                    <span *ngIf=\"cellData.separator\">{{ cellData.separator }}</span>\n                </ng-container>\n\n                <ng-container *ngIf=\"!!column.infoSign\">\n                    <span *sInfoSign=\"column.infoSign\"></span>\n                </ng-container>\n            </ng-template>\n        </div>\n\n        <ng-template #tokensTemplate>\n            <s-token-list [tokens]=\"column.columnValue\" [hidePointerEvents]=\"true\"></s-token-list>\n\n            <ng-container *ngIf=\"!!column.infoSign\">\n                <span *sInfoSign=\"column.infoSign\"></span>\n            </ng-container>\n        </ng-template>\n    </td>\n</ng-template>\n",
+                template: "<ng-template #columnsTemplate>\n    <td\n        *ngFor=\"let column of formattedColumns; let i = index\"\n        [ngStyle]=\"column.style\"\n        (click)=\"column.onColumnClick ? column.onColumnClick(rowValue) : null\"\n    >\n        <div *ngIf=\"column.type !== 'TOKENS' || !isArray(column.columnValue); else tokensTemplate\" [ngClass]=\"{'compact-column': column.compact }\">\n            <span *ngIf=\"column.type !== 'LINK'\" [sTooltip]=\"column.tooltip\" [escape]=\"false\">\n                <ng-container *ngTemplateOutlet=\"columnValueTemplate\"></ng-container>\n            </span>\n\n            <ng-container *ngIf=\"column.type === 'LINK'\">\n                <span *ngIf=\"cellsData[i][0].isUninformed; else anchorTemplate\" class=\"sds-empty-value\">{{ cellsData[i][0].value }}</span>\n\n                <ng-template #anchorTemplate>\n                    <a [sTooltip]=\"column.tooltip\" [escape]=\"false\" (click)=\"column.onLinkClick ? column.onLinkClick(rowValue) : null\">\n                        <ng-container *ngTemplateOutlet=\"columnValueTemplate\"></ng-container>\n                    </a>\n                </ng-template>\n            </ng-container>\n\n            <ng-template #columnValueTemplate>\n                <ng-container *ngFor=\"let cellData of cellsData[i]\">\n                    <span *ngIf=\"cellData.isUninformed; else isInformedTemplate\" class=\"sds-empty-value\">{{ cellData.value }}</span>\n\n                    <ng-template #isInformedTemplate>\n                        <s-badge\n                            *ngIf=\"column.badgeConfigs; else withoutBadgeTemplate\"\n                            [sTooltip]=\"column.tooltip\"\n                            [color]=\"column.badgeConfigs.color\"\n                            [text]=\"cellData.value\"\n                        ></s-badge>\n\n                        <ng-template #withoutBadgeTemplate>\n                            <span>{{ cellData.value }}</span>\n                        </ng-template>\n                    </ng-template>\n\n                    <span *ngIf=\"cellData.separator\">{{ cellData.separator }}</span>\n                </ng-container>\n\n                <ng-container *ngIf=\"!!column.infoSign\">\n                    <span *sInfoSign=\"column.infoSign\"></span>\n                </ng-container>\n            </ng-template>\n        </div>\n\n        <ng-template #tokensTemplate>\n            <s-token-list [tokens]=\"column.columnValue\" [hidePointerEvents]=\"true\"></s-token-list>\n\n            <ng-container *ngIf=\"!!column.infoSign\">\n                <span *sInfoSign=\"column.infoSign\"></span>\n            </ng-container>\n        </ng-template>\n    </td>\n</ng-template>\n",
                 selector: "s-table-columns",
-                styles: [":host{display:none}"]
+                styles: [":host{display:none}.compact-column{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;word-break:break-word}"]
             }),
             __param(4, core.Inject(HostProjectConfigsInjectionToken))
         ], TableColumnsComponent);
@@ -18033,6 +18051,7 @@
                 style: "decimal",
                 minimumFractionDigits: 0,
                 maximumFractionDigits: 2,
+                roundingMode: "trunc",
             };
             this.showValue = true;
             this.mode = ProgressBarMode.Determinate;