@seniorsistemas/angular-components 14.16.24 → 14.16.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/seniorsistemas-angular-components.umd.js +36 -27
- package/bundles/seniorsistemas-angular-components.umd.js.map +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js.map +1 -1
- package/components/table/frozen-position/frozen-position.directive.d.ts +2 -0
- package/esm2015/components/stats-card/stats-card.component.js +1 -1
- package/esm2015/components/table/frozen-position/frozen-position.directive.js +35 -27
- package/esm5/components/stats-card/stats-card.component.js +1 -1
- package/esm5/components/table/frozen-position/frozen-position.directive.js +36 -27
- package/fesm2015/seniorsistemas-angular-components.js +35 -27
- package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
- package/fesm5/seniorsistemas-angular-components.js +36 -27
- package/fesm5/seniorsistemas-angular-components.js.map +1 -1
- package/package.json +1 -1
- package/seniorsistemas-angular-components.metadata.json +1 -1
|
@@ -3849,6 +3849,7 @@ var TableFrozenPositionDirective = /** @class */ (function () {
|
|
|
3849
3849
|
var _this = this;
|
|
3850
3850
|
setTimeout(function () {
|
|
3851
3851
|
_this.synchronizeRowHeight();
|
|
3852
|
+
_this.setUpRowResizeMonitoring();
|
|
3852
3853
|
});
|
|
3853
3854
|
},
|
|
3854
3855
|
enumerable: true,
|
|
@@ -3884,32 +3885,27 @@ var TableFrozenPositionDirective = /** @class */ (function () {
|
|
|
3884
3885
|
_this.handleColResize();
|
|
3885
3886
|
});
|
|
3886
3887
|
this.table.onRowExpand.subscribe(function () {
|
|
3887
|
-
|
|
3888
|
-
|
|
3889
|
-
|
|
3890
|
-
|
|
3891
|
-
|
|
3892
|
-
|
|
3893
|
-
|
|
3894
|
-
|
|
3895
|
-
|
|
3896
|
-
|
|
3897
|
-
|
|
3898
|
-
|
|
3899
|
-
|
|
3900
|
-
|
|
3901
|
-
|
|
3902
|
-
|
|
3903
|
-
|
|
3904
|
-
var
|
|
3905
|
-
|
|
3906
|
-
|
|
3907
|
-
|
|
3908
|
-
var height = originalTd.getBoundingClientRect().height;
|
|
3909
|
-
td.innerHTML = "<div style=\"height: " + height + "px\"></div>";
|
|
3910
|
-
td.style.padding = "0px";
|
|
3911
|
-
_this.rowExpandedObserver.observe(originalTd);
|
|
3912
|
-
});
|
|
3888
|
+
_this.setUpRowResizeMonitoring();
|
|
3889
|
+
});
|
|
3890
|
+
};
|
|
3891
|
+
TableFrozenPositionDirective.prototype.setUpRowResizeMonitoring = function () {
|
|
3892
|
+
var _this = this;
|
|
3893
|
+
if (this.rowExpandedObserver) {
|
|
3894
|
+
this.rowExpandedObserver.disconnect();
|
|
3895
|
+
}
|
|
3896
|
+
// The version of Angular/Typescript does not recognize the object ResizeObserver and breaks build
|
|
3897
|
+
this.rowExpandedObserver = new window.ResizeObserver(function () {
|
|
3898
|
+
_this.applyHeightForExpandedRows();
|
|
3899
|
+
});
|
|
3900
|
+
setTimeout(function () {
|
|
3901
|
+
var tdsToAdjust = _this.el.nativeElement.querySelectorAll(".ui-table-frozen-view .sds-expanded-row > td");
|
|
3902
|
+
var originalsTds = _this.el.nativeElement.querySelectorAll(".ui-table-unfrozen-view .sds-expanded-row > td");
|
|
3903
|
+
tdsToAdjust.forEach(function (td, index) {
|
|
3904
|
+
var originalTd = originalsTds[index];
|
|
3905
|
+
var height = originalTd.getBoundingClientRect().height;
|
|
3906
|
+
td.innerHTML = "<div style=\"height: " + height + "px\"></div>";
|
|
3907
|
+
td.style.padding = "0px";
|
|
3908
|
+
_this.rowExpandedObserver.observe(originalTd);
|
|
3913
3909
|
});
|
|
3914
3910
|
});
|
|
3915
3911
|
};
|
|
@@ -3927,6 +3923,19 @@ var TableFrozenPositionDirective = /** @class */ (function () {
|
|
|
3927
3923
|
});
|
|
3928
3924
|
});
|
|
3929
3925
|
};
|
|
3926
|
+
TableFrozenPositionDirective.prototype.applyHeightForExpandedRows = function () {
|
|
3927
|
+
var frozenTDsToAdjust = this.el.nativeElement.querySelectorAll(".ui-table-frozen-view .sds-expanded-row > td");
|
|
3928
|
+
var unFrozenTDs = this.el.nativeElement.querySelectorAll(".ui-table-unfrozen-view .sds-expanded-row > td");
|
|
3929
|
+
frozenTDsToAdjust.forEach(function (frozenTd, index) {
|
|
3930
|
+
var unfrozenTD = unFrozenTDs[index];
|
|
3931
|
+
var unfrozenHeight = unfrozenTD.getBoundingClientRect().height;
|
|
3932
|
+
var frozenHeight = frozenTd.getBoundingClientRect().height;
|
|
3933
|
+
if (Math.abs(unfrozenHeight - frozenHeight) > 1) {
|
|
3934
|
+
frozenTd.style.height = unfrozenHeight + "px";
|
|
3935
|
+
frozenTd.innerHTML = "<div></div>";
|
|
3936
|
+
}
|
|
3937
|
+
});
|
|
3938
|
+
};
|
|
3930
3939
|
TableFrozenPositionDirective.prototype.applyStylesForTable = function () {
|
|
3931
3940
|
var scrollWrapper = this.el.nativeElement.querySelector(".ui-table-scrollable-wrapper");
|
|
3932
3941
|
if (!scrollWrapper) {
|
|
@@ -7218,7 +7227,7 @@ var StatsCardComponent = /** @class */ (function () {
|
|
|
7218
7227
|
selector: "s-stats-card",
|
|
7219
7228
|
template: "<div\n [id]=\"id\"\n class=\"s-stats-card\"\n [ngClass]=\"{\n 's-stats-card--always-border': alwaysWithBorder,\n 's-stats-card--light': lightMode,\n 's-stats-card--color': !lightMode,\n 's-stats-card--light-version': lightVersion,\n 's-stats-card--clickable': clickable\n }\"\n (click)=\"clickable && onClick.next($event)\">\n\n <div\n [id]=\"id + '-background'\"\n class=\"s-stats-card-background\"\n [ngStyle]=\"{ 'background-color': !lightMode && color || '' }\">\n </div>\n <div\n [id]=\"id + '-overlay'\"\n class=\"s-stats-card-overlay\">\n </div>\n\n <div\n [id]=\"id + '-info-container'\"\n class=\"s-stats-card-info-container\">\n <div class=\"s-stats-card-info-inner-container\">\n <div\n [id]=\"id + '-icon-container'\"\n class=\"s-stats-card-icon-container\"\n [ngStyle]=\"{ 'background-color': lightMode && color || '' }\">\n <span\n [id]=\"id + '-icon'\"\n [class]=\"iconClass\"\n [ngClass]=\"{ 's-stats-card-icon': true }\"\n [ngStyle]=\"{'color': !lightMode && color || ''}\"\n aria-hidden=\"true\"></span>\n </div>\n\n <div\n [id]=\"id + '-text-container'\"\n class=\"s-stats-card-text-container\">\n <h4\n [id]=\"id + '-label'\"\n class=\"s-stats-card-label\"\n [pTooltip]=\"label\"\n tooltipPosition=\"top\"\n showDelay=\"500\">\n {{ label }}\n </h4>\n <span\n [id]=\"id + '-value'\"\n class=\"s-stats-card-value\"\n [pTooltip]=\"displayValue\"\n tooltipPosition=\"top\"\n showDelay=\"500\">\n {{ displayValue }}\n </span>\n </div>\n </div>\n <div class=\"s-stats-card-content-inner-container\">\n <div #content class=\"s-stats-card-content-container\">\n <ng-content></ng-content>\n </div>\n <div\n *ngIf=\"content.children.length\"\n class=\"s-stats-card-content-separator\">\n </div>\n </div>\n <span\n *ngIf=\"tooltip\"\n class=\"s-status-card-tooltip\"\n [pTooltip]=\"tooltip\"\n tooltipPosition=\"right\">\n <i class=\"fa fa-info-circle s-status-card-tooltip-icon\"></i>\n </span>\n </div>\n</div>\n",
|
|
7220
7229
|
encapsulation: ViewEncapsulation.None,
|
|
7221
|
-
styles: ["s-stats-card{display:block;position:relative
|
|
7230
|
+
styles: ["s-stats-card{display:block;height:auto;position:relative}s-stats-card .s-stats-card{border:1px solid transparent;min-width:120px;overflow:hidden;position:relative}s-stats-card .s-stats-card .s-stats-card-background,s-stats-card .s-stats-card .s-stats-card-overlay{height:calc(100% - 2px);left:1px;position:absolute;top:1px;width:calc(100% - 2px)}s-stats-card .s-stats-card .s-stats-card-background{background-color:#fff}s-stats-card .s-stats-card .s-stats-card-overlay{background-color:#000;opacity:0;transition:opacity .2s ease-out}s-stats-card .s-stats-card .s-stats-card-info-container{overflow:auto;padding:15px;position:relative}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container{overflow:hidden;position:relative}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-icon-container{float:left;font-size:24px;height:50px;line-height:50px;text-align:center;transition:width .2s ease-out;width:50px}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container{color:#fff;float:left;height:50px;max-width:calc(100% - 65px);padding-left:15px}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container .s-stats-card-label{font-weight:400;width:100%}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container .s-stats-card-value{display:inline-block;font-size:20px;font-weight:700;width:100%}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container,s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container .s-stats-card-label,s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container .s-stats-card-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-content-inner-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-content-inner-container .s-stats-card-content-separator{border-top:1px solid #ccc;margin:15px 0;-ms-flex-order:1;order:1}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-content-inner-container .s-stats-card-content-container{-ms-flex-order:2;order:2}s-stats-card .s-stats-card .s-stats-card-info-container .s-status-card-tooltip{font-size:1rem;line-height:0;margin:.3rem;position:absolute;right:0;top:0}s-stats-card .s-stats-card .s-stats-card-info-container .s-status-card-tooltip .s-status-card-tooltip-icon{color:#fff}s-stats-card .s-stats-card.s-stats-card--color .s-stats-card-icon-container{background-color:#fff}s-stats-card .s-stats-card.s-stats-card--light *{color:#333}s-stats-card .s-stats-card.s-stats-card--light .s-stats-card-icon{color:#fff}s-stats-card .s-stats-card.s-stats-card--light * .s-status-card-tooltip .s-status-card-tooltip-icon,s-stats-card .s-stats-card.s-stats-card--light .s-stats-card-label{color:#999}s-stats-card .s-stats-card.s-stats-card--light-version .s-stats-card-info-inner-container .s-stats-card-icon-container{height:100%;left:0;position:absolute;right:0;width:10px}s-stats-card .s-stats-card.s-stats-card--light-version .s-stats-card-info-inner-container .s-stats-card-icon-container .s-stats-card-icon{display:none}s-stats-card .s-stats-card.s-stats-card--light-version .s-stats-card-info-inner-container .s-stats-card-text-container{height:auto;max-width:calc(100% - 25px);padding-left:25px}s-stats-card .s-stats-card.s-stats-card--clickable{cursor:pointer}s-stats-card .s-stats-card:hover .s-stats-card-overlay{opacity:.2}s-stats-card .s-stats-card.s-stats-card--light:hover .s-stats-card-overlay{opacity:.08}s-stats-card .s-stats-card.s-stats-card--light{border-color:#ccc}.s-sidebar-content .s-stats-card.s-stats-card--light:not(.s-stats-card--always-border),.ui-dialog-content .s-stats-card.s-stats-card--light:not(.s-stats-card--always-border),p-panel .s-stats-card.s-stats-card--light:not(.s-stats-card--always-border){border-color:transparent}@media (max-width:767px){s-stats-card .s-stats-card{height:auto}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-icon-container{height:100%;left:0;position:absolute;right:0;width:10px}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-icon-container .s-stats-card-icon{display:none}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container{height:auto;max-width:calc(100% - 25px);padding-left:25px}s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container,s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container .s-stats-card-label,s-stats-card .s-stats-card .s-stats-card-info-container .s-stats-card-info-inner-container .s-stats-card-text-container .s-stats-card-value{overflow:visible;white-space:normal;word-break:break-all}}"]
|
|
7222
7231
|
})
|
|
7223
7232
|
], StatsCardComponent);
|
|
7224
7233
|
return StatsCardComponent;
|