@seniorsistemas/angular-components 17.17.7 → 17.17.9

package/fesm5/seniorsistemas-angular-components.js

@@ -1,5 +1,5 @@
 import { __decorate, __values, __assign, __extends, __spread, __awaiter, __generator, __param, __rest, __read } from 'tslib';
-import { EventEmitter, Input, Output, Component, ContentChildren, ViewChild, HostListener, forwardRef, NgModule, ɵɵdefineInjectable, Injectable, ElementRef, ApplicationRef, ComponentFactoryResolver, Injector, Renderer2, Directive, KeyValueDiffers, HostBinding, ChangeDetectorRef, TemplateRef, InjectionToken, Inject, ViewEncapsulation, ViewContainerRef, Pipe, ɵɵinject, ContentChild, Optional, ViewChildren } from '@angular/core';
+import { EventEmitter, Input, Output, Component, ContentChildren, ViewChild, HostListener, forwardRef, NgModule, ɵɵdefineInjectable, Injectable, ElementRef, ApplicationRef, ComponentFactoryResolver, Injector, Renderer2, Directive, KeyValueDiffers, HostBinding, ChangeDetectorRef, TemplateRef, InjectionToken, Inject, ViewEncapsulation, ViewContainerRef, Pipe, ɵɵinject, ViewChildren, ContentChild, Optional } from '@angular/core';
 import { trigger, transition, style as style$7, animate, state, group, query, animateChild } from '@angular/animations';
 import { Subject, of, from, ReplaySubject, throwError, fromEvent, forkJoin, pipe } from 'rxjs';
 import { takeUntil, tap, map, switchMap, catchError, first, filter, take, delay, debounceTime, repeat, finalize } from 'rxjs/operators';
@@ -9384,10 +9384,10 @@ var RowTogllerDirective = /** @class */ (function (_super) {
 var TableFrozenPositionDirective = /** @class */ (function () {
     function TableFrozenPositionDirective(el, host) {
         this.el = el;
-        this.host = host;
         this.sTableFrozenPosition = "left";
         this.isTableVisible = false;
         this.onColumnsChanged = new 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();
@@ -9431,6 +9431,9 @@ var TableFrozenPositionDirective = /** @class */ (function () {
         if (this.rowExpandedObserver) {
             this.rowExpandedObserver.disconnect();
         }
+        if (this.tableWrapperObserver) {
+            this.tableWrapperObserver.disconnect();
+        }
     };
     TableFrozenPositionDirective.prototype.setUpTableEvents = function () {
         var _this = this;
@@ -9475,6 +9478,17 @@ var TableFrozenPositionDirective = /** @class */ (function () {
                 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");
@@ -9490,7 +9504,7 @@ var TableFrozenPositionDirective = /** @class */ (function () {
         });
     };
     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;
@@ -9815,6 +9829,7 @@ var TableColumnsComponent = /** @class */ (function () {
             infoSign: this.getColumnInfoSign(column.infoSign),
             onLinkClick: column.onLinkClick,
             onColumnClick: column.onColumnClick,
+            compact: column.compact,
         };
     };
     TableColumnsComponent.prototype.getColumnScale = function (scale) {
@@ -9894,11 +9909,14 @@ var TableColumnsComponent = /** @class */ (function () {
     __decorate([
         Input()
     ], TableColumnsComponent.prototype, "locale", void 0);
+    __decorate([
+        ViewChildren("column")
+    ], TableColumnsComponent.prototype, "testeElements", void 0);
     TableColumnsComponent = __decorate([
         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, Inject(HostProjectConfigsInjectionToken))
     ], TableColumnsComponent);
@@ -17887,6 +17905,7 @@ var ProgressBarComponent = /** @class */ (function () {
             style: "decimal",
             minimumFractionDigits: 0,
             maximumFractionDigits: 2,
+            roundingMode: "trunc",
         };
         this.showValue = true;
         this.mode = ProgressBarMode.Determinate;