@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
|
@@ -4022,6 +4022,7 @@
|
|
|
4022
4022
|
var _this = this;
|
|
4023
4023
|
setTimeout(function () {
|
|
4024
4024
|
_this.synchronizeRowHeight();
|
|
4025
|
+
_this.setUpRowResizeMonitoring();
|
|
4025
4026
|
});
|
|
4026
4027
|
},
|
|
4027
4028
|
enumerable: true,
|
|
@@ -4057,32 +4058,27 @@
|
|
|
4057
4058
|
_this.handleColResize();
|
|
4058
4059
|
});
|
|
4059
4060
|
this.table.onRowExpand.subscribe(function () {
|
|
4060
|
-
|
|
4061
|
-
|
|
4062
|
-
|
|
4063
|
-
|
|
4064
|
-
|
|
4065
|
-
|
|
4066
|
-
|
|
4067
|
-
|
|
4068
|
-
|
|
4069
|
-
|
|
4070
|
-
|
|
4071
|
-
|
|
4072
|
-
|
|
4073
|
-
|
|
4074
|
-
|
|
4075
|
-
|
|
4076
|
-
|
|
4077
|
-
var
|
|
4078
|
-
|
|
4079
|
-
|
|
4080
|
-
|
|
4081
|
-
var height = originalTd.getBoundingClientRect().height;
|
|
4082
|
-
td.innerHTML = "<div style=\"height: " + height + "px\"></div>";
|
|
4083
|
-
td.style.padding = "0px";
|
|
4084
|
-
_this.rowExpandedObserver.observe(originalTd);
|
|
4085
|
-
});
|
|
4061
|
+
_this.setUpRowResizeMonitoring();
|
|
4062
|
+
});
|
|
4063
|
+
};
|
|
4064
|
+
TableFrozenPositionDirective.prototype.setUpRowResizeMonitoring = function () {
|
|
4065
|
+
var _this = this;
|
|
4066
|
+
if (this.rowExpandedObserver) {
|
|
4067
|
+
this.rowExpandedObserver.disconnect();
|
|
4068
|
+
}
|
|
4069
|
+
// The version of Angular/Typescript does not recognize the object ResizeObserver and breaks build
|
|
4070
|
+
this.rowExpandedObserver = new window.ResizeObserver(function () {
|
|
4071
|
+
_this.applyHeightForExpandedRows();
|
|
4072
|
+
});
|
|
4073
|
+
setTimeout(function () {
|
|
4074
|
+
var tdsToAdjust = _this.el.nativeElement.querySelectorAll(".ui-table-frozen-view .sds-expanded-row > td");
|
|
4075
|
+
var originalsTds = _this.el.nativeElement.querySelectorAll(".ui-table-unfrozen-view .sds-expanded-row > td");
|
|
4076
|
+
tdsToAdjust.forEach(function (td, index) {
|
|
4077
|
+
var originalTd = originalsTds[index];
|
|
4078
|
+
var height = originalTd.getBoundingClientRect().height;
|
|
4079
|
+
td.innerHTML = "<div style=\"height: " + height + "px\"></div>";
|
|
4080
|
+
td.style.padding = "0px";
|
|
4081
|
+
_this.rowExpandedObserver.observe(originalTd);
|
|
4086
4082
|
});
|
|
4087
4083
|
});
|
|
4088
4084
|
};
|
|
@@ -4100,6 +4096,19 @@
|
|
|
4100
4096
|
});
|
|
4101
4097
|
});
|
|
4102
4098
|
};
|
|
4099
|
+
TableFrozenPositionDirective.prototype.applyHeightForExpandedRows = function () {
|
|
4100
|
+
var frozenTDsToAdjust = this.el.nativeElement.querySelectorAll(".ui-table-frozen-view .sds-expanded-row > td");
|
|
4101
|
+
var unFrozenTDs = this.el.nativeElement.querySelectorAll(".ui-table-unfrozen-view .sds-expanded-row > td");
|
|
4102
|
+
frozenTDsToAdjust.forEach(function (frozenTd, index) {
|
|
4103
|
+
var unfrozenTD = unFrozenTDs[index];
|
|
4104
|
+
var unfrozenHeight = unfrozenTD.getBoundingClientRect().height;
|
|
4105
|
+
var frozenHeight = frozenTd.getBoundingClientRect().height;
|
|
4106
|
+
if (Math.abs(unfrozenHeight - frozenHeight) > 1) {
|
|
4107
|
+
frozenTd.style.height = unfrozenHeight + "px";
|
|
4108
|
+
frozenTd.innerHTML = "<div></div>";
|
|
4109
|
+
}
|
|
4110
|
+
});
|
|
4111
|
+
};
|
|
4103
4112
|
TableFrozenPositionDirective.prototype.applyStylesForTable = function () {
|
|
4104
4113
|
var scrollWrapper = this.el.nativeElement.querySelector(".ui-table-scrollable-wrapper");
|
|
4105
4114
|
if (!scrollWrapper) {
|
|
@@ -7391,7 +7400,7 @@
|
|
|
7391
7400
|
selector: "s-stats-card",
|
|
7392
7401
|
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",
|
|
7393
7402
|
encapsulation: core.ViewEncapsulation.None,
|
|
7394
|
-
styles: ["s-stats-card{display:block;position:relative
|
|
7403
|
+
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}}"]
|
|
7395
7404
|
})
|
|
7396
7405
|
], StatsCardComponent);
|
|
7397
7406
|
return StatsCardComponent;
|