@seniorsistemas/angular-components 14.16.16 → 14.16.18
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 +13 -6
- 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/dynamic-form/components/fields/boolean/boolean-field.component.js +2 -2
- package/esm2015/components/stats-card/stats-card.component.js +3 -3
- package/esm2015/components/stats-card/stats-card.module.js +11 -4
- package/esm5/components/dynamic-form/components/fields/boolean/boolean-field.component.js +2 -2
- package/esm5/components/stats-card/stats-card.component.js +3 -3
- package/esm5/components/stats-card/stats-card.module.js +11 -4
- package/fesm2015/seniorsistemas-angular-components.js +13 -6
- package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
- package/fesm5/seniorsistemas-angular-components.js +13 -6
- package/fesm5/seniorsistemas-angular-components.js.map +1 -1
- package/package.json +1 -1
- package/seniorsistemas-angular-components.metadata.json +1 -1
|
@@ -4758,7 +4758,7 @@
|
|
|
4758
4758
|
], BooleanFieldComponent.prototype, "formControl", void 0);
|
|
4759
4759
|
BooleanFieldComponent = __decorate([
|
|
4760
4760
|
core.Component({
|
|
4761
|
-
template: "<ng-container *ngIf=\"field.verticalAlignment;else horizontalAlignment\">\n <div class=\"ui-g\">\n <div class=\"ui-g-12\">\n <p-radioButton\n [name]=\"field.name\"\n [value]=\"true\"\n [label]=\"field.optionsLabel.true\"\n [formControl]=\"formControl\"\n [inputId]=\"(field.id || field.name) + '-1'\"\n (onClick)=\"field.onClick ? field.onClick($event) : null\"\n (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n </p-radioButton>\n </div>\n <div class=\"ui-g-12\">\n <p-radioButton\n [name]=\"field.name\"\n [value]=\"false\"\n [label]=\"field.optionsLabel.false\"\n [formControl]=\"formControl\"\n [inputId]=\"(field.id || field.name) + '-2'\"\n (onClick)=\"field.onClick ? field.onClick($event) : null\"\n (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n </p-radioButton>\n </div>\n <div\n *ngIf=\"!field.showClear && !field.required()\"\n class=\"ui-g-12\">\n <p-radioButton \n [name]=\"field.name\"\n [value]=\"null\"\n [label]=\"field.optionsLabel.empty\"\n [formControl]=\"formControl\"\n [inputId]=\"(field.id || field.name) + '-3'\"\n (onClick)=\"field.onClick ? field.onClick($event) : null\"\n (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n </p-radioButton> \n </div>\n <div>\n <s-button\n *ngIf=\"field.showClear && !field.required()\"\n [label]=\"field.optionsLabel.clear || 'Clear selection'\"\n (onClick)=\"onClear()\"\n priority=\"link\">\n </s-button>\n </div>\n\n </div>\n</ng-container>\n\n<ng-template #horizontalAlignment>\n <div class=\"ui-g\">\n <p-radioButton\n [name]=\"field.name\"\n [value]=\"true\"\n [label]=\"field.optionsLabel.true\"\n [formControl]=\"formControl\"\n [inputId]=\"(field.id || field.name) + '-1'\"\n (onClick)=\"field.onClick ? field.onClick($event) : null\"\n (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n </p-radioButton>\n \n <p-radioButton\n [name]=\"field.name\"\n [value]=\"false\"\n [label]=\"field.optionsLabel.false\"\n [formControl]=\"formControl\"\n [inputId]=\"(field.id || field.name) + '-2'\"\n (onClick)=\"field.onClick ? field.onClick($event) : null\"\n (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n </p-radioButton>\n\n <p-radioButton\n *ngIf=\"!field.showClear && !field.required()\"\n [name]=\"field.name\"\n [value]=\"null\"\n [label]=\"field.optionsLabel.empty\"\n [formControl]=\"formControl\"\n [inputId]=\"(field.id || field.name) + '-3'\"\n (onClick)=\"field.onClick ? field.onClick($event) : null\"\n (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n </p-radioButton>\n\n <s-button\n *ngIf=\"field.showClear && !field.required()\"\n style=\"margin-left: 40px;\"\n [label]=\"field.optionsLabel.clear || 'Clear selection'\"\n (onClick)=\"onClear()\"\n priority=\"link\">\n </s-button>\n </div>\n</ng-template>\n"
|
|
4761
|
+
template: "<ng-container *ngIf=\"field.verticalAlignment;else horizontalAlignment\">\n <div class=\"ui-g\">\n <div class=\"ui-g-12\">\n <p-radioButton\n [name]=\"field.name\"\n [value]=\"true\"\n [label]=\"field.optionsLabel.true\"\n [formControl]=\"formControl\"\n [inputId]=\"(field.id || field.name) + '-1'\"\n (onClick)=\"field.onClick ? field.onClick($event) : null\"\n (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n </p-radioButton>\n </div>\n <div class=\"ui-g-12\">\n <p-radioButton\n [name]=\"field.name\"\n [value]=\"false\"\n [label]=\"field.optionsLabel.false\"\n [formControl]=\"formControl\"\n [inputId]=\"(field.id || field.name) + '-2'\"\n (onClick)=\"field.onClick ? field.onClick($event) : null\"\n (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n </p-radioButton>\n </div>\n <div\n *ngIf=\"!field.showClear && !field.required()\"\n class=\"ui-g-12\">\n <p-radioButton \n [name]=\"field.name\"\n [value]=\"null\"\n [label]=\"field.optionsLabel.empty\"\n [formControl]=\"formControl\"\n [inputId]=\"(field.id || field.name) + '-3'\"\n (onClick)=\"field.onClick ? field.onClick($event) : null\"\n (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n </p-radioButton> \n </div>\n <div>\n <s-button\n *ngIf=\"field.showClear && !field.required() && !formControl.disabled\"\n [label]=\"field.optionsLabel.clear || 'Clear selection'\"\n (onClick)=\"onClear()\"\n priority=\"link\">\n </s-button>\n </div>\n\n </div>\n</ng-container>\n\n<ng-template #horizontalAlignment>\n <div class=\"ui-g\">\n <p-radioButton\n [name]=\"field.name\"\n [value]=\"true\"\n [label]=\"field.optionsLabel.true\"\n [formControl]=\"formControl\"\n [inputId]=\"(field.id || field.name) + '-1'\"\n (onClick)=\"field.onClick ? field.onClick($event) : null\"\n (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n </p-radioButton>\n \n <p-radioButton\n [name]=\"field.name\"\n [value]=\"false\"\n [label]=\"field.optionsLabel.false\"\n [formControl]=\"formControl\"\n [inputId]=\"(field.id || field.name) + '-2'\"\n (onClick)=\"field.onClick ? field.onClick($event) : null\"\n (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n </p-radioButton>\n\n <p-radioButton\n *ngIf=\"!field.showClear && !field.required()\"\n [name]=\"field.name\"\n [value]=\"null\"\n [label]=\"field.optionsLabel.empty\"\n [formControl]=\"formControl\"\n [inputId]=\"(field.id || field.name) + '-3'\"\n (onClick)=\"field.onClick ? field.onClick($event) : null\"\n (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n (onBlur)=\"field.onBlur ? field.onBlur($event) : null\">\n </p-radioButton>\n\n <s-button\n *ngIf=\"field.showClear && !field.required() && !formControl.disabled\"\n style=\"margin-left: 40px;\"\n [label]=\"field.optionsLabel.clear || 'Clear selection'\"\n (onClick)=\"onClear()\"\n priority=\"link\">\n </s-button>\n </div>\n</ng-template>\n"
|
|
4762
4762
|
})
|
|
4763
4763
|
], BooleanFieldComponent);
|
|
4764
4764
|
return BooleanFieldComponent;
|
|
@@ -7350,9 +7350,9 @@
|
|
|
7350
7350
|
StatsCardComponent = StatsCardComponent_1 = __decorate([
|
|
7351
7351
|
core.Component({
|
|
7352
7352
|
selector: "s-stats-card",
|
|
7353
|
-
template: "<div
|
|
7353
|
+
template: "<div\n [id]=\"id\"\n [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 }\"\n class=\"s-stats-card-container\"\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 [ngClass]=\"{\n 's-stats-card-icon-container-light-version': lightVersion\n }\"\n [ngStyle]=\"{'background-color': lightMode && color || ''}\">\n <span\n [id]=\"id + '-icon'\"\n [class]=\"iconClass\"\n [ngClass]=\"{\n 's-stats-card-icon': true,\n 's-stats-card-icon-light-version': lightVersion\n }\"\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 [ngClass]=\"{\n 's-stats-card-text-container-light-version': lightVersion\n }\">\n <h4\n [id]=\"id + '-label'\"\n class=\"s-stats-card-label\"\n [ngClass]=\"{\n 's-stats-card-label-light-version': lightVersion\n }\"\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 [ngClass]=\"{\n 's-stats-card-value-light-version': lightVersion\n }\"\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",
|
|
7354
7354
|
encapsulation: core.ViewEncapsulation.None,
|
|
7355
|
-
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}"]
|
|
7355
|
+
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}.s-stats-card-content-inner-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.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-content-inner-container .s-stats-card-content-container{-ms-flex-order:2;order:2}"]
|
|
7356
7356
|
})
|
|
7357
7357
|
], StatsCardComponent);
|
|
7358
7358
|
return StatsCardComponent;
|
|
@@ -7363,9 +7363,16 @@
|
|
|
7363
7363
|
}
|
|
7364
7364
|
StatsCardModule = __decorate([
|
|
7365
7365
|
core.NgModule({
|
|
7366
|
-
imports: [
|
|
7367
|
-
|
|
7368
|
-
|
|
7366
|
+
imports: [
|
|
7367
|
+
common.CommonModule,
|
|
7368
|
+
tooltip.TooltipModule,
|
|
7369
|
+
],
|
|
7370
|
+
declarations: [
|
|
7371
|
+
StatsCardComponent,
|
|
7372
|
+
],
|
|
7373
|
+
exports: [
|
|
7374
|
+
StatsCardComponent,
|
|
7375
|
+
],
|
|
7369
7376
|
})
|
|
7370
7377
|
], StatsCardModule);
|
|
7371
7378
|
return StatsCardModule;
|