@seniorsistemas/angular-components 14.16.6 → 14.16.9

package/fesm5/seniorsistemas-angular-components.js

@@ -3805,7 +3805,9 @@ var TableFrozenPositionDirective = /** @class */ (function () {
         this.el = el;
         this.host = host;
         this.sTableFrozenPosition = "left";
+        this.isTableVisible = false;
         this.onColumnsChanged = new EventEmitter();
+        this.table = host;
         this.host.onColResize.subscribe(function () {
             _this.handleColResize();
         });
@@ -3841,6 +3843,15 @@ var TableFrozenPositionDirective = /** @class */ (function () {
         this.applyStylesForTable();
         this.setUpColumnMonitoring();
     };
+    TableFrozenPositionDirective.prototype.ngAfterContentChecked = function () {
+        if (!this.isTableVisible && !!this.table.el.nativeElement.offsetParent) {
+            this.isTableVisible = true;
+            this.synchronizeRowHeight();
+        }
+        else if (this.isTableVisible && !this.table.el.nativeElement.offsetParent) {
+            this.isTableVisible = false;
+        }
+    };
     TableFrozenPositionDirective.prototype.ngOnDestroy = function () {
         window.removeEventListener("resize", this.handleWindowResize.bind(this));
         if (this.tableHeadObservable) {
@@ -4297,8 +4308,8 @@ var TokenListComponent = /** @class */ (function () {
     TokenListComponent = TokenListComponent_1 = __decorate([
         Component({
             selector: "s-token-list",
-            template: "<div [id]=\"id\" class=\"token-list\">\n    <ng-container *ngFor=\"let token of tokens\">\n        <span [id]=\"token.id\" class=\"sds-token\" [ngClass]=\"{ 'noPointerEvents': hidePointerEvents }\">\n            <a [id]=\"(token.id || 'token') + '-label'\" (click)=\"tokenSelected.next(token)\">{{token.label}}</a>\n            <span [id]=\"token.id + '-remove'\" class=\"sds-token-icon fa fa-fw fa-close\" *ngIf=\"removableTokens\" (click)=\"tokenRemoved.next(token)\"></span>\n        </span>\n    </ng-container>\n</div>",
-            styles: ["a,a:focus,a:hover{text-decoration:none;color:#333}.token-list{display:inline-block;vertical-align:middle;padding-left:10px;padding-right:10px}.noPointerEvents{pointer-events:none}"]
+            template: "<div\n    [id]=\"id\"\n    class=\"token-list\">\n    <ng-container *ngFor=\"let token of tokens\">\n        <span\n            [id]=\"token.id\"\n            class=\"token\"\n            [ngClass]=\"{ 'no-pointer-events': hidePointerEvents }\">\n            <a\n                [id]=\"(token.id || 'token') + '-label'\"\n                class=\"token-label\"\n                (click)=\"tokenSelected.next(token)\">\n                {{ token.label }}\n            </a>\n            <span\n                *ngIf=\"removableTokens\"\n                [id]=\"token.id + '-remove'\"\n                class=\"token-icon fa fa-fw fa-close\"\n                (click)=\"tokenRemoved.next(token)\">\n            </span>\n        </span>\n    </ng-container>\n</div>",
+            styles: [".no-pointer-events{pointer-events:none}.token-list{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 10px;text-transform:none}.token-list .token{-ms-flex-align:center;align-items:center;background-color:#ccc;border-radius:4px;color:#333;display:-ms-flexbox;display:flex;font:400 12px/150% \"Open Sans\",sans-serif;margin:2px 5px 0 0;max-width:100%;padding:2px 8px}.token-list .token-label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.token-list .token:focus,.token-list .token:hover{background-color:#e5eaea}.token-list .token a{text-decoration:none;color:#333}"]
         })
     ], TokenListComponent);
     return TokenListComponent;