@seniorsistemas/angular-components 14.9.0 → 14.9.4
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 +10 -8
- 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/esm2015/components/info-sign/info-sign.component.js +2 -7
- package/esm2015/components/stats-card/stats-card.component.js +6 -4
- package/esm2015/components/thumbnail/thumbnail.component.js +5 -5
- package/esm5/components/info-sign/info-sign.component.js +2 -2
- package/esm5/components/stats-card/stats-card.component.js +6 -4
- package/esm5/components/thumbnail/thumbnail.component.js +5 -5
- package/fesm2015/seniorsistemas-angular-components.js +10 -13
- package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
- package/fesm5/seniorsistemas-angular-components.js +10 -8
- package/fesm5/seniorsistemas-angular-components.js.map +1 -1
- package/package.json +1 -1
- package/seniorsistemas-angular-components.metadata.json +1 -1
|
@@ -2840,7 +2840,7 @@ var InfoSignComponent = /** @class */ (function () {
|
|
|
2840
2840
|
InfoSignComponent = __decorate([
|
|
2841
2841
|
Component({
|
|
2842
2842
|
selector: "s-info-sign-component",
|
|
2843
|
-
template: "
|
|
2843
|
+
template: "<span style=\"display: inline-flex; justify-content: flex-start; align-items: baseline;\">\n <span *ngTemplateOutlet=\"templateRef\"></span>\n <i class=\"fa fa-info-circle\" aria-hidden=\"true\" style=\"padding-left: 10px\" [pTooltip]=\"tooltip\"></i>\n</span>"
|
|
2844
2844
|
})
|
|
2845
2845
|
], InfoSignComponent);
|
|
2846
2846
|
return InfoSignComponent;
|
|
@@ -5852,9 +5852,9 @@ var ThumbnailComponent = /** @class */ (function () {
|
|
|
5852
5852
|
this.fallback = false;
|
|
5853
5853
|
this.id = "s-thumbnail-" + ThumbnailComponent_1.nextId++;
|
|
5854
5854
|
this.size = ThumbnailSize.Medium;
|
|
5855
|
-
this.iconClass = "
|
|
5855
|
+
this.iconClass = "far fa-image";
|
|
5856
5856
|
this.hasAction = false;
|
|
5857
|
-
this.actionIconClass = "
|
|
5857
|
+
this.actionIconClass = "fas fa-camera";
|
|
5858
5858
|
this.isTile = false;
|
|
5859
5859
|
this.isBrand = false;
|
|
5860
5860
|
this.ngUnsubscribe = new Subject();
|
|
@@ -5914,8 +5914,8 @@ var ThumbnailComponent = /** @class */ (function () {
|
|
|
5914
5914
|
ThumbnailComponent = ThumbnailComponent_1 = __decorate([
|
|
5915
5915
|
Component({
|
|
5916
5916
|
selector: "s-thumbnail",
|
|
5917
|
-
template: "<div [id]=\"id\" class=\"thumbnail-container thumbnail-container--{{size}}\" [ngClass]=\"{'thumbnail-container--with-action': hasAction, 'thumbnail-container--brand': isBrand}\">\n <div [id]=\"id + '-image-container'\" *ngIf=\"imageSource || imageFallback\" class=\"image-container\" [ngClass]=\"{'image-container--rounded': !isBrand}\">\n <img #img [id]=\"id + '-image'\" (error)=\"fallback = true\" [src]=\"imageSource\"\n [alt]=\"imageAlt\" *ngIf=\"!fallback\" [ngClass]=\"{\n 'smallThumbnail': isTile,\n 'exif-orientation-2': orientation == 2,\n 'exif-orientation-3': orientation == 3,\n 'exif-orientation-4': orientation == 4,\n 'exif-orientation-5': orientation == 5,\n 'exif-orientation-6': orientation == 6,\n 'exif-orientation-7': orientation == 7,\n 'exif-orientation-8': orientation == 8\n }\"/>\n\n <img #img [id]=\"id + '-image-fallback'\" (error)=\"imageFallback = undefined\" [src]=\"imageFallback\"\n [alt]=\"imageAlt\" *ngIf=\"fallback && imageFallback\" [ngClass]=\"{\n 'smallThumbnail': isTile,\n 'exif-orientation-2': orientation == 2,\n 'exif-orientation-3': orientation == 3,\n 'exif-orientation-4': orientation == 4,\n 'exif-orientation-5': orientation == 5,\n 'exif-orientation-6': orientation == 6,\n 'exif-orientation-7': orientation == 7,\n 'exif-orientation-8': orientation == 8\n }\"/>\n\n <i *ngIf=\"fallback && !imageFallback\" ngClass=\"
|
|
5918
|
-
styles: [":host{display:inline-block}.thumbnail-container{color:#fff;position:relative;text-align:center}.thumbnail-container--large{height:100px;width:100px
|
|
5917
|
+
template: "<div [id]=\"id\" class=\"thumbnail-container thumbnail-container--{{size}}\" [ngClass]=\"{'thumbnail-container--with-action': hasAction, 'thumbnail-container--brand': isBrand}\">\n <div [id]=\"id + '-image-container'\" *ngIf=\"imageSource || imageFallback\" class=\"image-container\" [ngClass]=\"{'image-container--rounded': !isBrand}\">\n <img #img [id]=\"id + '-image'\" (error)=\"fallback = true\" [src]=\"imageSource\"\n [alt]=\"imageAlt\" *ngIf=\"!fallback\" [ngClass]=\"{\n 'smallThumbnail': isTile,\n 'exif-orientation-2': orientation == 2,\n 'exif-orientation-3': orientation == 3,\n 'exif-orientation-4': orientation == 4,\n 'exif-orientation-5': orientation == 5,\n 'exif-orientation-6': orientation == 6,\n 'exif-orientation-7': orientation == 7,\n 'exif-orientation-8': orientation == 8\n }\"/>\n\n <img #img [id]=\"id + '-image-fallback'\" (error)=\"imageFallback = undefined\" [src]=\"imageFallback\"\n [alt]=\"imageAlt\" *ngIf=\"fallback && imageFallback\" [ngClass]=\"{\n 'smallThumbnail': isTile,\n 'exif-orientation-2': orientation == 2,\n 'exif-orientation-3': orientation == 3,\n 'exif-orientation-4': orientation == 4,\n 'exif-orientation-5': orientation == 5,\n 'exif-orientation-6': orientation == 6,\n 'exif-orientation-7': orientation == 7,\n 'exif-orientation-8': orientation == 8\n }\"/>\n\n <i *ngIf=\"fallback && !imageFallback\" ngClass=\"far fa-image\" class=\"fallback-img-color\"></i>\n </div>\n <div [id]=\"id + '-action-icon-container'\" *ngIf=\"hasAction\" class=\"action-icon-container action-icon-container--{{size}}\">\n <span [id]=\"id + '-action-icon'\" [class]=\"actionIconClass\" aria-hidden=\"true\"></span>\n </div>\n <div [id]=\"id + '-icon-container'\" *ngIf=\"!imageSource && !imageFallback\" class=\"icon-container icon-container--{{size}}\" [ngClass]=\"{'image-container--rounded': !isBrand}\">\n <span [id]=\"id + '-icon'\" [class]=\"iconClass\" aria-hidden=\"true\"></span>\n </div>\n\n <ng-content></ng-content>\n</div>\n",
|
|
5918
|
+
styles: [":host{display:inline-block}.thumbnail-container{color:#fff;position:relative;text-align:center}.thumbnail-container--large{font-size:50px;height:100px;width:100px}.thumbnail-container--large.thumbnail-container--brand{width:200px}.thumbnail-container--medium{font-size:40px;height:70px;width:70px}.thumbnail-container--medium.thumbnail-container--brand{width:140px}.thumbnail-container--small{font-size:22px;height:40px;width:40px}.thumbnail-container--small.thumbnail-container--brand{width:80px}.thumbnail-container--with-action{cursor:pointer}.action-icon-container{background-color:#428bca;border-radius:50%;bottom:0;position:absolute;right:0}.action-icon-container--large,.action-icon-container--medium{font-size:10pt;height:25px;padding:3px;width:25px}.action-icon-container--small{font-size:6pt;height:16px;padding:2px;width:16px}.icon-container,.image-container{-ms-flex-align:center;align-items:center;height:100%;overflow:hidden;width:100%}.icon-container--rounded,.image-container--rounded{border-radius:50%}.smallThumbnail{height:40px!important}.icon-container{background-color:#ccc;color:#fff}.icon-container--large{line-height:98px}.icon-container--medium{line-height:68px}.icon-container--small{line-height:38px}.image-container{-ms-flex-align:center;align-items:center;background-color:#ccc;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.image-container img{width:100%}.image-container img.exif-orientation-2{transform:rotateY(180deg)}.image-container img.exif-orientation-3{transform:rotate(180deg)}.image-container img.exif-orientation-4{transform:rotate(180deg) rotateY(180deg)}.image-container img.exif-orientation-5{transform:rotate(270deg) rotateY(180deg)}.image-container img.exif-orientation-6{transform:rotate(90deg)}.image-container img.exif-orientation-7{transform:rotate(90deg) rotateY(180deg)}.image-container img.exif-orientation-8{transform:rotate(270deg)}.fallback-img-color{color:#fff}"]
|
|
5919
5919
|
})
|
|
5920
5920
|
], ThumbnailComponent);
|
|
5921
5921
|
return ThumbnailComponent;
|
|
@@ -6389,10 +6389,12 @@ var StatsCardComponent = /** @class */ (function () {
|
|
|
6389
6389
|
});
|
|
6390
6390
|
StatsCardComponent.prototype.updateDisplayValue = function () {
|
|
6391
6391
|
var _this = this;
|
|
6392
|
+
var animationDuration = new BigNumber$1(this.ANIMATION_DURATION_MS);
|
|
6393
|
+
var stepDuration = new BigNumber$1(this.STEP_DURATION_MS);
|
|
6394
|
+
var animationCount = animationDuration.dividedBy(stepDuration);
|
|
6392
6395
|
var previousRawValue = new BigNumber$1(this.previousValue.replace(/\D/g, ""));
|
|
6393
6396
|
var rawValue = new BigNumber$1(this.value.replace(/\D/g, ""));
|
|
6394
|
-
var
|
|
6395
|
-
var incrementValue = rawValue.minus(previousRawValue).absoluteValue().dividedBy(eachAnimationDuration).dp(0, 7);
|
|
6397
|
+
var incrementValue = rawValue.minus(previousRawValue).absoluteValue().dividedBy(animationCount);
|
|
6396
6398
|
var incremental = previousRawValue.isLessThan(rawValue);
|
|
6397
6399
|
clearInterval(this.intervalId);
|
|
6398
6400
|
this.displayValue = this.replaceNumericPositions(this.value);
|
|
@@ -6468,7 +6470,7 @@ var StatsCardComponent = /** @class */ (function () {
|
|
|
6468
6470
|
StatsCardComponent = StatsCardComponent_1 = __decorate([
|
|
6469
6471
|
Component({
|
|
6470
6472
|
selector: "s-stats-card",
|
|
6471
|
-
template: "<div [id]=\"id\" [ngClass]=\"{\n 's-stats-card-light': lightMode,\n 's-stats-card-color': !lightMode,\n 's-stats-card-container-light-version': lightVersion,\n 's-stats-card-clickable': clickable\n}\" class=\"s-stats-card-container\" (click)=\"clickable && onClick.next($event)\">\n\n <div [id]=\"id + '-background'\" class=\"s-stats-card-background\" [ngStyle]=\"{'background-color': !lightMode && color || ''}\"></div>\n <div [id]=\"id + '-overlay'\" class=\"s-stats-card-overlay\"></div>\n\n <div [id]=\"id + '-info-container'\" class=\"s-stats-card-info-container\">\n <div class=\"s-stats-card-info-inner-container\">\n\n <div [id]=\"id + '-icon-container'\" class=\"s-stats-card-icon-container\" [ngClass]=\"{'s-stats-card-icon-container-light-version': lightVersion}\"\n [ngStyle]=\"{'background-color': lightMode && color || ''}\">\n <span [id]=\"id + '-icon'\" [class]=\"iconClass\" [ngClass]=\"{'s-stats-card-icon': true, 's-stats-card-icon-light-version': lightVersion}\"\n [ngStyle]=\"{'color': !lightMode && color || ''}\" aria-hidden=\"true\"></span>\n </div>\n\n <div [id]=\"id + '-text-container'\" class=\"s-stats-card-text-container\" [ngClass]=\"{'s-stats-card-text-container-light-version': lightVersion}\">\n <h4 [id]=\"id + '-label'\" class=\"s-stats-card-label\" [ngClass]=\"{'s-stats-card-label-light-version': lightVersion}\" [pTooltip]=\"label\" tooltipPosition=\"top\" showDelay=\"500\">{{label}}</h4>\n <span [id]=\"id + '-value'\" class=\"s-stats-card-value\" [ngClass]=\"{'s-stats-card-value-light-version': lightVersion}\" [pTooltip]=\"
|
|
6473
|
+
template: "<div [id]=\"id\" [ngClass]=\"{\n 's-stats-card-light': lightMode,\n 's-stats-card-color': !lightMode,\n 's-stats-card-container-light-version': lightVersion,\n 's-stats-card-clickable': clickable\n}\" class=\"s-stats-card-container\" (click)=\"clickable && onClick.next($event)\">\n\n <div [id]=\"id + '-background'\" class=\"s-stats-card-background\" [ngStyle]=\"{'background-color': !lightMode && color || ''}\"></div>\n <div [id]=\"id + '-overlay'\" class=\"s-stats-card-overlay\"></div>\n\n <div [id]=\"id + '-info-container'\" class=\"s-stats-card-info-container\">\n <div class=\"s-stats-card-info-inner-container\">\n\n <div [id]=\"id + '-icon-container'\" class=\"s-stats-card-icon-container\" [ngClass]=\"{'s-stats-card-icon-container-light-version': lightVersion}\"\n [ngStyle]=\"{'background-color': lightMode && color || ''}\">\n <span [id]=\"id + '-icon'\" [class]=\"iconClass\" [ngClass]=\"{'s-stats-card-icon': true, 's-stats-card-icon-light-version': lightVersion}\"\n [ngStyle]=\"{'color': !lightMode && color || ''}\" aria-hidden=\"true\"></span>\n </div>\n\n <div [id]=\"id + '-text-container'\" class=\"s-stats-card-text-container\" [ngClass]=\"{'s-stats-card-text-container-light-version': lightVersion}\">\n <h4 [id]=\"id + '-label'\" class=\"s-stats-card-label\" [ngClass]=\"{'s-stats-card-label-light-version': lightVersion}\" [pTooltip]=\"label\" tooltipPosition=\"top\" showDelay=\"500\">{{label}}</h4>\n <span [id]=\"id + '-value'\" class=\"s-stats-card-value\" [ngClass]=\"{'s-stats-card-value-light-version': lightVersion}\" [pTooltip]=\"displayValue\" tooltipPosition=\"top\" showDelay=\"500\">{{ displayValue }}</span>\n </div>\n\n </div>\n <span *ngIf=\"tooltip\" class=\"s-status-card-tooltip\" [pTooltip]=\"tooltip\" tooltipPosition=\"right\">\n <i class=\"fa fa-info-circle s-status-card-tooltip-icon\"></i>\n </span>\n </div>\n\n</div>\n",
|
|
6472
6474
|
encapsulation: ViewEncapsulation.None,
|
|
6473
6475
|
styles: ["s-stats-card{display:block;position:relative;height:auto}s-stats-card .s-stats-card-background,s-stats-card .s-stats-card-overlay{height:calc(100% - 2px);position:absolute;top:1px;left:1px;width:calc(100% - 2px)}s-stats-card .s-stats-card-background{background-color:#fff}s-stats-card .s-stats-card-overlay{background-color:#000;opacity:0;transition:opacity .2s ease-out}s-stats-card .s-stats-card-container{border:1px solid transparent;min-width:120px;overflow:hidden}s-stats-card .s-stats-card-container.s-stats-card-clickable{cursor:pointer}s-stats-card .s-stats-card-container:hover .s-stats-card-overlay{opacity:.2}s-stats-card .s-stats-card-container.s-stats-card-light:hover .s-stats-card-overlay{opacity:.08}s-stats-card .s-stats-card-container.s-stats-card-light{border-color:#ccc}s-stats-card .s-stats-card-info-container{padding:15px;position:relative;overflow:auto}s-stats-card .s-stats-card-info-inner-container{overflow:hidden;position:relative}.s-sidebar-content s-stats-card .s-stats-card-container.s-stats-card-light,.ui-dialog-content s-stats-card .s-stats-card-container.s-stats-card-light,p-panel s-stats-card .s-stats-card-container.s-stats-card-light{border-color:transparent}s-stats-card .s-stats-card-color .s-stats-card-icon-container{background-color:#fff}s-stats-card .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-light *{color:#333}s-stats-card .s-stats-card-light .s-stats-card-icon{color:#fff}s-stats-card .s-stats-card-light * .s-status-card-tooltip .s-status-card-tooltip-icon,s-stats-card .s-stats-card-light .s-stats-card-label{color:#999}s-stats-card .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-text-container,s-stats-card .s-stats-card-text-container .s-stats-card-label,s-stats-card .s-stats-card-text-container .s-stats-card-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}s-stats-card .s-stats-card-label{font-weight:400;width:100%}s-stats-card .s-stats-card-value{display:inline-block;font-weight:700;font-size:20px;width:100%}s-stats-card .s-stats-card-container-light-version,s-stats-card .s-stats-card-text-container-light-version{height:auto}s-stats-card .s-stats-card-text-container-light-version{max-width:calc(100% - 25px);padding-left:25px}s-stats-card .s-stats-card-icon-container-light-version{height:100%;left:0;position:absolute;right:0;width:10px}s-stats-card .s-stats-card-icon-light-version{display:none}@media (max-width:767px){s-stats-card,s-stats-card .s-stats-card-container,s-stats-card .s-stats-card-text-container{height:auto}s-stats-card .s-stats-card-text-container{max-width:calc(100% - 25px);padding-left:25px}s-stats-card .s-stats-card-text-container,s-stats-card .s-stats-card-text-container .s-stats-card-label,s-stats-card .s-stats-card-text-container .s-stats-card-value{overflow:visible;white-space:normal;word-break:break-all}s-stats-card .s-stats-card-icon-container{height:100%;left:0;position:absolute;right:0;width:10px}s-stats-card .s-stats-card-icon{display:none}}.s-status-card-tooltip{font-size:1rem;line-height:0;margin:.3rem;position:absolute;right:0;top:0}.s-status-card-tooltip .s-status-card-tooltip-icon{color:#fff}"]
|
|
6474
6476
|
})
|