@seniorsistemas/angular-components 14.16.10 → 14.16.12
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 +12 -9
- 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/breadcrumb/breadcrumb.component.d.ts +1 -0
- package/components/steps/steps.component.d.ts +1 -0
- package/components/timeline/timeline.component.d.ts +1 -0
- package/esm2015/components/breadcrumb/breadcrumb.component.js +6 -2
- package/esm2015/components/dynamic-form/dynamic-form.js +6 -7
- package/esm2015/components/steps/steps.component.js +2 -2
- package/esm2015/components/timeline/timeline.component.js +2 -2
- package/esm5/components/breadcrumb/breadcrumb.component.js +6 -2
- package/esm5/components/dynamic-form/dynamic-form.js +6 -7
- package/esm5/components/steps/steps.component.js +2 -2
- package/esm5/components/timeline/timeline.component.js +2 -2
- package/fesm2015/seniorsistemas-angular-components.js +12 -9
- package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
- package/fesm5/seniorsistemas-angular-components.js +12 -9
- package/fesm5/seniorsistemas-angular-components.js.map +1 -1
- package/package.json +1 -1
- package/seniorsistemas-angular-components.metadata.json +1 -1
|
@@ -58,6 +58,7 @@ var BreadcrumbComponent = /** @class */ (function () {
|
|
|
58
58
|
var _this = this;
|
|
59
59
|
this.activatedRoute = activatedRoute;
|
|
60
60
|
this.router = router;
|
|
61
|
+
this.targetHomeUrl = "_self";
|
|
61
62
|
this.ngUnsubscribe = new Subject();
|
|
62
63
|
this.router.events
|
|
63
64
|
.pipe(takeUntil(this.ngUnsubscribe), filter(function (event) { return event instanceof NavigationEnd; }))
|
|
@@ -83,7 +84,7 @@ var BreadcrumbComponent = /** @class */ (function () {
|
|
|
83
84
|
BreadcrumbComponent.prototype.getCurrentHome = function (routes) {
|
|
84
85
|
var home;
|
|
85
86
|
if (this.homeUrl)
|
|
86
|
-
home = { url: this.homeUrl, icon: "fa fa-home" };
|
|
87
|
+
home = { url: this.homeUrl, icon: "fa fa-home", target: this.targetHomeUrl };
|
|
87
88
|
else if (routes.length)
|
|
88
89
|
home = __assign(__assign({}, this.getMenuItem(routes[0], routes.length === 1)), { icon: "fa fa-home" });
|
|
89
90
|
return home;
|
|
@@ -129,6 +130,9 @@ var BreadcrumbComponent = /** @class */ (function () {
|
|
|
129
130
|
__decorate([
|
|
130
131
|
Input()
|
|
131
132
|
], BreadcrumbComponent.prototype, "homeUrl", void 0);
|
|
133
|
+
__decorate([
|
|
134
|
+
Input()
|
|
135
|
+
], BreadcrumbComponent.prototype, "targetHomeUrl", void 0);
|
|
132
136
|
BreadcrumbComponent = __decorate([
|
|
133
137
|
Component({
|
|
134
138
|
selector: "s-breadcrumb",
|
|
@@ -5078,12 +5082,11 @@ var DynamicField = /** @class */ (function (_super) {
|
|
|
5078
5082
|
return component;
|
|
5079
5083
|
};
|
|
5080
5084
|
DynamicField.prototype.setVariablesByType = function (component) {
|
|
5081
|
-
|
|
5082
|
-
|
|
5083
|
-
|
|
5084
|
-
|
|
5085
|
-
|
|
5086
|
-
break;
|
|
5085
|
+
if (this.field.type == FieldType.Time) {
|
|
5086
|
+
component.instance.timeOnly = true;
|
|
5087
|
+
}
|
|
5088
|
+
if ([FieldType.LocalDateTime, FieldType.DateTime, FieldType.Time].includes(this.field.type)) {
|
|
5089
|
+
component.instance.showTime = true;
|
|
5087
5090
|
}
|
|
5088
5091
|
};
|
|
5089
5092
|
DynamicField.prototype.updateVariables = function (component) {
|
|
@@ -7213,7 +7216,7 @@ var StepsComponent = /** @class */ (function () {
|
|
|
7213
7216
|
StepsComponent = StepsComponent_1 = __decorate([
|
|
7214
7217
|
Component({
|
|
7215
7218
|
selector: "s-steps",
|
|
7216
|
-
template: "<div [id]=\"id\" class=\"s-steps-container\">\n <ng-container *ngFor=\"let step of visibledStep; let i = index; let isFirst = first; let isLast = last\">\n <div *ngIf=\"!isFirst\" class=\"s-step-progress-bar\"\n [@activeDesative]=\"barAnimation(i, activeIndex) ? 'active': 'desactive'\" [ngClass]=\"{\n 's-step-success': (step.state === stepState.Success),\n 's-step-warning': (step.state === stepState.Warning),\n 's-step-disabled': step.disabled,\n 's-step-visited': (i < activeIndex),\n 's-step-active': (i === activeIndex)\n }\"></div>\n <div [id]=\"id + '-step-' + (step.id || i)\" class=\"s-step-header\" (click)=\"stepClick(step, i, $event)\" role=\"tab\"\n tabindex=\"0\" [attr.aria-label]=\"step.ariaLabel || null\" [attr.aria-controls]=\"step.ariaControls\"\n [attr.aria-labelledby]=\"!step.ariaLabel ? 'step-label-' + i : null\" [attr.aria-posinset]=\"i + 1\"\n [attr.aria-setsize]=\"visibledStep.length\" [attr.aria-selected]=\"activeIndex == i\" [ngClass]=\"{\n 's-step-success': (step.state === stepState.Success),\n 's-step-warning': (step.state === stepState.Warning),\n 's-step-visited': (i < activeIndex),\n 's-step-active': (i === activeIndex),\n 's-step-previous': (i === activeIndex - 1)\n }\">\n <div *ngIf=\"!isFirst\"\n [@beforeActiveDesative]=\"barAnimation(i, activeIndex) ? 'active': 'desactive'\"\n class=\"s-step-progress-bar-before\" [ngClass]=\"{\n 's-step-success': (step.state === stepState.Success),\n 's-step-warning': (step.state === stepState.Warning),\n 's-step-disabled': step.disabled,\n 's-step-visited': (i < activeIndex),\n 's-step-active': (i === activeIndex)\n }\"></div>\n <div *ngIf=\"!isLast\"\n [@afterActiveDesative]=\"afterBarAnimation(i, activeIndex) ? 'active': 'desactive'\"\n class=\"s-step-progress-bar-after\" [ngClass]=\"{\n 's-step-success': (step.state === stepState.Success),\n 's-step-warning': (step.state === stepState.Warning),\n 's-step-disabled': visibledStep[i + 1].disabled,\n 's-step-visited': ((i + 1) < activeIndex),\n 's-step-active': (i === (activeIndex - 1))\n }\"></div>\n <div
|
|
7219
|
+
template: "<div [id]=\"id\" class=\"s-steps-container\">\n <ng-container *ngFor=\"let step of visibledStep; let i = index; let isFirst = first; let isLast = last\">\n <div *ngIf=\"!isFirst\" class=\"s-step-progress-bar\"\n [@activeDesative]=\"barAnimation(i, activeIndex) ? 'active': 'desactive'\" [ngClass]=\"{\n 's-step-success': (step.state === stepState.Success),\n 's-step-warning': (step.state === stepState.Warning),\n 's-step-disabled': step.disabled,\n 's-step-visited': (i < activeIndex),\n 's-step-active': (i === activeIndex)\n }\"></div>\n <div [id]=\"id + '-step-' + (step.id || i)\" class=\"s-step-header\" (click)=\"stepClick(step, i, $event)\" role=\"tab\"\n tabindex=\"0\" [attr.aria-label]=\"step.ariaLabel || null\" [attr.aria-controls]=\"step.ariaControls\"\n [attr.aria-labelledby]=\"!step.ariaLabel ? 'step-label-' + i : null\" [attr.aria-posinset]=\"i + 1\"\n [attr.aria-setsize]=\"visibledStep.length\" [attr.aria-selected]=\"activeIndex == i\" [ngClass]=\"{\n 's-step-success': (step.state === stepState.Success),\n 's-step-warning': (step.state === stepState.Warning),\n 's-step-visited': (i < activeIndex),\n 's-step-active': (i === activeIndex),\n 's-step-previous': (i === activeIndex - 1)\n }\">\n <div *ngIf=\"!isFirst\"\n [@beforeActiveDesative]=\"barAnimation(i, activeIndex) ? 'active': 'desactive'\"\n class=\"s-step-progress-bar-before\" [ngClass]=\"{\n 's-step-success': (step.state === stepState.Success),\n 's-step-warning': (step.state === stepState.Warning),\n 's-step-disabled': step.disabled,\n 's-step-visited': (i < activeIndex),\n 's-step-active': (i === activeIndex)\n }\"></div>\n <div *ngIf=\"!isLast\"\n [@afterActiveDesative]=\"afterBarAnimation(i, activeIndex) ? 'active': 'desactive'\"\n class=\"s-step-progress-bar-after\" [ngClass]=\"{\n 's-step-success': (step.state === stepState.Success),\n 's-step-warning': (step.state === stepState.Warning),\n 's-step-disabled': visibledStep[i + 1].disabled,\n 's-step-visited': ((i + 1) < activeIndex),\n 's-step-active': (i === (activeIndex - 1))\n }\"></div>\n <div\n class=\"s-step-index\"\n [ngClass]=\"{'s-step-disabled': step.disabled}\"\n [pTooltip]=\"step.tooltip\"\n tooltipPosition=\"top\">\n <div class=\"s-step-index-content\">\n <span\n *ngIf=\"step.state !== stepState.Warning && (step.state == stepState.Success || activeIndex > i)\"\n class=\"fas fa-check\"\n aria-hidden=\"true\"\n [attr.aria-label]=\"i + 1\"></span>\n <span\n *ngIf=\"step.state == stepState.Warning\"\n class=\"fas fa-exclamation-triangle\"\n aria-hidden=\"true\"\n [attr.aria-label]=\"i + 1\"></span>\n <span\n *ngIf=\"step.state != stepState.Success && step.state != stepState.Warning && activeIndex <= i\">\n {{i + 1}}\n </span>\n </div>\n </div>\n <div\n [id]=\"'step-label-' + i\"\n class=\"s-step-label\"\n [ngClass]=\"{'s-step-disabled': step.disabled}\">\n <span>\n {{step.label}}\n </span>\n </div>\n </div>\n </ng-container>\n</div>\n",
|
|
7217
7220
|
host: {
|
|
7218
7221
|
"aria-orientation": "horizontal",
|
|
7219
7222
|
role: "tablist",
|
|
@@ -7307,7 +7310,7 @@ var TimelineComponent = /** @class */ (function () {
|
|
|
7307
7310
|
TimelineComponent = TimelineComponent_1 = __decorate([
|
|
7308
7311
|
Component({
|
|
7309
7312
|
selector: "s-timeline",
|
|
7310
|
-
template: "<div [id]=\"id\" class=\"s-timeline-container\">\n <ng-container *ngFor=\"let step of visibledStep; let i = index; let isFirst = first; let isLast = last\">\n <div *ngIf=\"!isFirst\" class=\"s-timeline-progress-bar\"\n [@activeDesative]=\"barAnimation(i, activeIndex) ? 'active': 'desactive'\" [ngClass]=\"{\n 's-timeline-step-completed': (i < activeIndex),\n 's-timeline-step-active': (i === activeIndex)\n }\"></div>\n <div [id]=\"id + '-step-' + (step.id || i)\" class=\"s-timeline-step-header\" role=\"tab\"\n tabindex=\"0\" [attr.aria-label]=\"step.ariaLabel || null\" [attr.aria-controls]=\"step.ariaControls\"\n [attr.aria-labelledby]=\"!step.ariaLabel ? 'step-label-' + i : null\" [attr.aria-posinset]=\"i + 1\"\n [attr.aria-setsize]=\"visibledStep.length\" [attr.aria-selected]=\"activeIndex == i\" [ngClass]=\"{\n 's-timeline-step-completed': (i < activeIndex),\n 's-timeline-step-active': (i === activeIndex)\n }\">\n <div *ngIf=\"!isFirst\"\n [@beforeActiveDesative]=\"barAnimation(i, activeIndex) ? 'active': 'desactive'\"\n class=\"s-timeline-progress-bar-before\" [ngClass]=\"{\n 's-timeline-step-completed': (i < activeIndex),\n 's-timeline-step-active': (i === activeIndex)\n }\"></div>\n <div *ngIf=\"!isLast\"\n [@afterActiveDesative]=\"afterBarAnimation(i, activeIndex) ? 'active': 'desactive'\"\n class=\"s-timeline-progress-bar-after\" [ngClass]=\"{\n 's-timeline-step-completed': ((i + 1) < activeIndex),\n 's-timeline-step-active': (i === (activeIndex - 1))\n }\"></div>\n <div
|
|
7313
|
+
template: "<div [id]=\"id\" class=\"s-timeline-container\">\n <ng-container *ngFor=\"let step of visibledStep; let i = index; let isFirst = first; let isLast = last\">\n <div *ngIf=\"!isFirst\" class=\"s-timeline-progress-bar\"\n [@activeDesative]=\"barAnimation(i, activeIndex) ? 'active': 'desactive'\" [ngClass]=\"{\n 's-timeline-step-completed': (i < activeIndex),\n 's-timeline-step-active': (i === activeIndex)\n }\"></div>\n <div [id]=\"id + '-step-' + (step.id || i)\" class=\"s-timeline-step-header\" role=\"tab\"\n tabindex=\"0\" [attr.aria-label]=\"step.ariaLabel || null\" [attr.aria-controls]=\"step.ariaControls\"\n [attr.aria-labelledby]=\"!step.ariaLabel ? 'step-label-' + i : null\" [attr.aria-posinset]=\"i + 1\"\n [attr.aria-setsize]=\"visibledStep.length\" [attr.aria-selected]=\"activeIndex == i\" [ngClass]=\"{\n 's-timeline-step-completed': (i < activeIndex),\n 's-timeline-step-active': (i === activeIndex)\n }\">\n <div *ngIf=\"!isFirst\"\n [@beforeActiveDesative]=\"barAnimation(i, activeIndex) ? 'active': 'desactive'\"\n class=\"s-timeline-progress-bar-before\" [ngClass]=\"{\n 's-timeline-step-completed': (i < activeIndex),\n 's-timeline-step-active': (i === activeIndex)\n }\"></div>\n <div *ngIf=\"!isLast\"\n [@afterActiveDesative]=\"afterBarAnimation(i, activeIndex) ? 'active': 'desactive'\"\n class=\"s-timeline-progress-bar-after\" [ngClass]=\"{\n 's-timeline-step-completed': ((i + 1) < activeIndex),\n 's-timeline-step-active': (i === (activeIndex - 1))\n }\"></div>\n <div\n class=\"s-timeline-index\"\n [pTooltip]=\"step.tooltip\"\n tooltipPosition=\"top\">\n <div class=\"s-timeline-index-content\">\n <span\n class=\"fas\"\n [ngClass]=\"step.stepIcon\"\n aria-hidden=\"true\"\n [attr.aria-label]=\"i + 1\"></span>\n </div>\n </div>\n <div\n [id]=\"'step-label-' + i\"\n class=\"s-timeline-label\">\n <span>\n {{step.label}}\n </span>\n </div>\n <div\n [id]=\"'step-help-label-' + i\"\n class=\"s-timeline-help-label\">\n <span>\n {{step.helpLabel}}\n </span>\n </div>\n </div>\n </ng-container>\n</div>\n",
|
|
7311
7314
|
host: {
|
|
7312
7315
|
"aria-orientation": "horizontal",
|
|
7313
7316
|
role: "tablist",
|