@seniorsistemas/angular-components 14.16.6 → 14.16.9

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

@@ -3978,7 +3978,9 @@
             this.el = el;
             this.host = host;
             this.sTableFrozenPosition = "left";
+            this.isTableVisible = false;
             this.onColumnsChanged = new core.EventEmitter();
+            this.table = host;
             this.host.onColResize.subscribe(function () {
                 _this.handleColResize();
             });
@@ -4014,6 +4016,15 @@
             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) {
@@ -4470,8 +4481,8 @@
         TokenListComponent = TokenListComponent_1 = __decorate([
             core.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;