@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.
@@ -38,7 +38,7 @@ var TimelineComponent = /** @class */ (function () {
38
38
  TimelineComponent = TimelineComponent_1 = __decorate([
39
39
  Component({
40
40
  selector: "s-timeline",
41
- 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 class=\"s-timeline-index\">\n <div class=\"s-timeline-index-content\">\n <span class=\"fas\" [ngClass]=\"step.stepIcon\" aria-hidden=\"true\" [attr.aria-label]=\"i + 1\"></span>\n </div>\n </div>\n <div [id]=\"'step-label-' + i\" class=\"s-timeline-label\">\n <span>{{step.label}}</span>\n </div>\n <div [id]=\"'step-help-label-' + i\" class=\"s-timeline-help-label\">\n <span>{{step.helpLabel}}</span>\n </div>\n </div>\n </ng-container>\n</div>\n",
41
+ 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",
42
42
  host: {
43
43
  "aria-orientation": "horizontal",
44
44
  role: "tablist",
@@ -82,4 +82,4 @@ var TimelineComponent = /** @class */ (function () {
82
82
  return TimelineComponent;
83
83
  }());
84
84
  export { TimelineComponent };
85
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvdGltZWxpbmUvdGltZWxpbmUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2pGLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBd0VqRDtJQUFBO1FBSVcsT0FBRSxHQUFHLGdCQUFjLG1CQUFpQixDQUFDLE1BQU0sRUFBSSxDQUFDO1FBSWhELGdCQUFXLEdBQUcsQ0FBQyxDQUFDO0lBaUIzQixDQUFDOzBCQXpCWSxpQkFBaUI7SUFVbkIsd0NBQVksR0FBbkIsVUFBb0IsS0FBYSxFQUFFLFdBQW1CO1FBQ2xELElBQU0sT0FBTyxHQUFHLEtBQUssR0FBRyxXQUFXLENBQUM7UUFDcEMsSUFBTSxTQUFTLEdBQUcsS0FBSyxLQUFLLFdBQVcsQ0FBQztRQUN4QyxPQUFPLE9BQU8sSUFBSSxTQUFTLENBQUM7SUFDaEMsQ0FBQztJQUVNLDZDQUFpQixHQUF4QixVQUF5QixLQUFhLEVBQUUsV0FBbUI7UUFDdkQsSUFBTSxPQUFPLEdBQUcsS0FBSyxHQUFHLFdBQVcsQ0FBQztRQUNwQyxJQUFNLFNBQVMsR0FBRyxLQUFLLEtBQUssV0FBVyxHQUFHLENBQUMsQ0FBQztRQUM1QyxPQUFPLE9BQU8sSUFBSSxTQUFTLENBQUM7SUFDaEMsQ0FBQztJQUVELHNCQUFJLDJDQUFZO2FBQWhCO1lBQ0ksT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxVQUFDLElBQWtCLElBQUssT0FBQSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQVosQ0FBWSxDQUFDLENBQUM7UUFDbkUsQ0FBQzs7O09BQUE7O0lBdkJhLHdCQUFNLEdBQUcsQ0FBQyxDQUFDO0lBR3pCO1FBREMsS0FBSyxFQUFFO2lEQUMrQztJQUV2RDtRQURDLEtBQUssRUFBRTtvREFDcUI7SUFFN0I7UUFEQyxLQUFLLEVBQUU7MERBQ2U7SUFSZCxpQkFBaUI7UUE1RDdCLFNBQVMsQ0FBQztZQUNQLFFBQVEsRUFBRSxZQUFZO1lBQ3RCLGcyRUFBd0M7WUFFeEMsSUFBSSxFQUFFO2dCQUNGLGtCQUFrQixFQUFFLFlBQVk7Z0JBQ2hDLElBQUksRUFBRSxTQUFTO2dCQUNmLFdBQVcsRUFBRSxHQUFHO2FBQ25CO1lBQ0QsVUFBVSxFQUFFO2dCQUNSLE9BQU8sQ0FBQyxzQkFBc0IsRUFBRTtvQkFDNUIsS0FBSyxDQUNELFFBQVEsRUFDUixLQUFLLENBQUM7d0JBQ0YscUJBQXFCLEVBQUUsYUFBYTtxQkFDdkMsQ0FBQyxDQUNMO29CQUNELEtBQUssQ0FDRCxXQUFXLEVBQ1gsS0FBSyxDQUFDO3dCQUNGLHFCQUFxQixFQUFFLGNBQWM7cUJBQ3hDLENBQUMsQ0FDTDtvQkFDRCxVQUFVLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxPQUFPLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDO29CQUNqRSxVQUFVLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxPQUFPLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDO2lCQUNwRSxDQUFDO2dCQUNGLE9BQU8sQ0FBQyxnQkFBZ0IsRUFBRTtvQkFDdEIsS0FBSyxDQUNELFFBQVEsRUFDUixLQUFLLENBQUM7d0JBQ0YscUJBQXFCLEVBQUUsYUFBYTtxQkFDdkMsQ0FBQyxDQUNMO29CQUNELEtBQUssQ0FDRCxXQUFXLEVBQ1gsS0FBSyxDQUFDO3dCQUNGLHFCQUFxQixFQUFFLGNBQWM7cUJBQ3hDLENBQUMsQ0FDTDtvQkFDRCxVQUFVLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxPQUFPLENBQUMsb0JBQW9CLENBQUMsQ0FBQyxDQUFDO29CQUNsRSxVQUFVLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxPQUFPLENBQUMsb0JBQW9CLENBQUMsQ0FBQyxDQUFDO2lCQUNyRSxDQUFDO2dCQUNGLE9BQU8sQ0FBQyxxQkFBcUIsRUFBRTtvQkFDM0IsS0FBSyxDQUNELFFBQVEsRUFDUixLQUFLLENBQUM7d0JBQ0YscUJBQXFCLEVBQUUsYUFBYTtxQkFDdkMsQ0FBQyxDQUNMO29CQUNELEtBQUssQ0FDRCxXQUFXLEVBQ1gsS0FBSyxDQUFDO3dCQUNGLHFCQUFxQixFQUFFLGNBQWM7cUJBQ3hDLENBQUMsQ0FDTDtvQkFDRCxVQUFVLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxPQUFPLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDO29CQUNqRSxVQUFVLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxPQUFPLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDO2lCQUNwRSxDQUFDO2FBQ0w7O1NBQ0osQ0FBQztPQUNXLGlCQUFpQixDQXlCN0I7SUFBRCx3QkFBQztDQUFBLEFBekJELElBeUJDO1NBekJZLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFuaW1hdGUsIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gXCJAYW5ndWxhci9hbmltYXRpb25zXCI7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuZXhwb3J0IGludGVyZmFjZSBUaW1lbGluZVN0ZXAge1xuICAgIGlkOiBhbnk7XG4gICAgbGFiZWw6IHN0cmluZztcbiAgICBoZWxwTGFiZWw/OiBzdHJpbmc7XG4gICAgYXJpYUxhYmVsPzogc3RyaW5nO1xuICAgIGFyaWFDb250cm9scz86IHN0cmluZztcbiAgICBoaWRkZW4/OiBib29sZWFuO1xuICAgIHN0ZXBJY29uPzogc3RyaW5nO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogXCJzLXRpbWVsaW5lXCIsXG4gICAgdGVtcGxhdGVVcmw6IFwiLi90aW1lbGluZS5jb21wb25lbnQuaHRtbFwiLFxuICAgIHN0eWxlVXJsczogW1wiLi90aW1lbGluZS5jb21wb25lbnQuc2Nzc1wiXSxcbiAgICBob3N0OiB7XG4gICAgICAgIFwiYXJpYS1vcmllbnRhdGlvblwiOiBcImhvcml6b250YWxcIixcbiAgICAgICAgcm9sZTogXCJ0YWJsaXN0XCIsXG4gICAgICAgIFwidGFiLWluZGV4XCI6IFwiMFwiLFxuICAgIH0sXG4gICAgYW5pbWF0aW9uczogW1xuICAgICAgICB0cmlnZ2VyKFwiYmVmb3JlQWN0aXZlRGVzYXRpdmVcIiwgW1xuICAgICAgICAgICAgc3RhdGUoXG4gICAgICAgICAgICAgICAgXCJhY3RpdmVcIixcbiAgICAgICAgICAgICAgICBzdHlsZSh7XG4gICAgICAgICAgICAgICAgICAgIFwiYmFja2dyb3VuZC1wb3NpdGlvblwiOiBcImxlZnQgYm90dG9tXCIsXG4gICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICksXG4gICAgICAgICAgICBzdGF0ZShcbiAgICAgICAgICAgICAgICBcImRlc2FjdGl2ZVwiLFxuICAgICAgICAgICAgICAgIHN0eWxlKHtcbiAgICAgICAgICAgICAgICAgICAgXCJiYWNrZ3JvdW5kLXBvc2l0aW9uXCI6IFwicmlnaHQgYm90dG9tXCIsXG4gICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICksXG4gICAgICAgICAgICB0cmFuc2l0aW9uKFwiYWN0aXZlID0+IGRlc2FjdGl2ZVwiLCBbYW5pbWF0ZShcIjUwbXMgMTAwbXMgbGluZWFyXCIpXSksXG4gICAgICAgICAgICB0cmFuc2l0aW9uKFwiZGVzYWN0aXZlID0+IGFjdGl2ZVwiLCBbYW5pbWF0ZShcIjUwbXMgMjUwbXMgbGluZWFyXCIpXSksXG4gICAgICAgIF0pLFxuICAgICAgICB0cmlnZ2VyKFwiYWN0aXZlRGVzYXRpdmVcIiwgW1xuICAgICAgICAgICAgc3RhdGUoXG4gICAgICAgICAgICAgICAgXCJhY3RpdmVcIixcbiAgICAgICAgICAgICAgICBzdHlsZSh7XG4gICAgICAgICAgICAgICAgICAgIFwiYmFja2dyb3VuZC1wb3NpdGlvblwiOiBcImxlZnQgYm90dG9tXCIsXG4gICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICksXG4gICAgICAgICAgICBzdGF0ZShcbiAgICAgICAgICAgICAgICBcImRlc2FjdGl2ZVwiLFxuICAgICAgICAgICAgICAgIHN0eWxlKHtcbiAgICAgICAgICAgICAgICAgICAgXCJiYWNrZ3JvdW5kLXBvc2l0aW9uXCI6IFwicmlnaHQgYm90dG9tXCIsXG4gICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICksXG4gICAgICAgICAgICB0cmFuc2l0aW9uKFwiYWN0aXZlID0+IGRlc2FjdGl2ZVwiLCBbYW5pbWF0ZShcIjEwMG1zIDE1MG1zIGxpbmVhclwiKV0pLFxuICAgICAgICAgICAgdHJhbnNpdGlvbihcImRlc2FjdGl2ZSA9PiBhY3RpdmVcIiwgW2FuaW1hdGUoXCIxMDBtcyAxNTBtcyBsaW5lYXJcIildKSxcbiAgICAgICAgXSksXG4gICAgICAgIHRyaWdnZXIoXCJhZnRlckFjdGl2ZURlc2F0aXZlXCIsIFtcbiAgICAgICAgICAgIHN0YXRlKFxuICAgICAgICAgICAgICAgIFwiYWN0aXZlXCIsXG4gICAgICAgICAgICAgICAgc3R5bGUoe1xuICAgICAgICAgICAgICAgICAgICBcImJhY2tncm91bmQtcG9zaXRpb25cIjogXCJsZWZ0IGJvdHRvbVwiLFxuICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICApLFxuICAgICAgICAgICAgc3RhdGUoXG4gICAgICAgICAgICAgICAgXCJkZXNhY3RpdmVcIixcbiAgICAgICAgICAgICAgICBzdHlsZSh7XG4gICAgICAgICAgICAgICAgICAgIFwiYmFja2dyb3VuZC1wb3NpdGlvblwiOiBcInJpZ2h0IGJvdHRvbVwiLFxuICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICApLFxuICAgICAgICAgICAgdHJhbnNpdGlvbihcImFjdGl2ZSA9PiBkZXNhY3RpdmVcIiwgW2FuaW1hdGUoXCI1MG1zIDI1MG1zIGxpbmVhclwiKV0pLFxuICAgICAgICAgICAgdHJhbnNpdGlvbihcImRlc2FjdGl2ZSA9PiBhY3RpdmVcIiwgW2FuaW1hdGUoXCI1MG1zIDEwMG1zIGxpbmVhclwiKV0pLFxuICAgICAgICBdKSxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBUaW1lbGluZUNvbXBvbmVudCB7XG4gICAgcHVibGljIHN0YXRpYyBuZXh0SWQgPSAwO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgaWQgPSBgcy10aW1lbGluZS0ke1RpbWVsaW5lQ29tcG9uZW50Lm5leHRJZCsrfWA7XG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgc3RlcHM6IFRpbWVsaW5lU3RlcFtdO1xuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGFjdGl2ZUluZGV4ID0gMDtcblxuICAgIHB1YmxpYyBiYXJBbmltYXRpb24oaW5kZXg6IG51bWJlciwgYWN0aXZlSW5kZXg6IG51bWJlcik6IGJvb2xlYW4ge1xuICAgICAgICBjb25zdCB2aXNpdGVkID0gaW5kZXggPCBhY3RpdmVJbmRleDtcbiAgICAgICAgY29uc3QgYWN0aXZhdGVkID0gaW5kZXggPT09IGFjdGl2ZUluZGV4O1xuICAgICAgICByZXR1cm4gdmlzaXRlZCB8fCBhY3RpdmF0ZWQ7XG4gICAgfVxuXG4gICAgcHVibGljIGFmdGVyQmFyQW5pbWF0aW9uKGluZGV4OiBudW1iZXIsIGFjdGl2ZUluZGV4OiBudW1iZXIpOiBib29sZWFuIHtcbiAgICAgICAgY29uc3QgdmlzaXRlZCA9IGluZGV4IDwgYWN0aXZlSW5kZXg7XG4gICAgICAgIGNvbnN0IGFjdGl2YXRlZCA9IGluZGV4ID09PSBhY3RpdmVJbmRleCAtIDE7XG4gICAgICAgIHJldHVybiB2aXNpdGVkIHx8IGFjdGl2YXRlZDtcbiAgICB9XG5cbiAgICBnZXQgdmlzaWJsZWRTdGVwKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5zdGVwcy5maWx0ZXIoKHN0ZXA6IFRpbWVsaW5lU3RlcCkgPT4gIXN0ZXAuaGlkZGVuKTtcbiAgICB9XG59XG4iXX0=
85
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvdGltZWxpbmUvdGltZWxpbmUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2pGLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBeUVqRDtJQUFBO1FBSVcsT0FBRSxHQUFHLGdCQUFjLG1CQUFpQixDQUFDLE1BQU0sRUFBSSxDQUFDO1FBSWhELGdCQUFXLEdBQUcsQ0FBQyxDQUFDO0lBaUIzQixDQUFDOzBCQXpCWSxpQkFBaUI7SUFVbkIsd0NBQVksR0FBbkIsVUFBb0IsS0FBYSxFQUFFLFdBQW1CO1FBQ2xELElBQU0sT0FBTyxHQUFHLEtBQUssR0FBRyxXQUFXLENBQUM7UUFDcEMsSUFBTSxTQUFTLEdBQUcsS0FBSyxLQUFLLFdBQVcsQ0FBQztRQUN4QyxPQUFPLE9BQU8sSUFBSSxTQUFTLENBQUM7SUFDaEMsQ0FBQztJQUVNLDZDQUFpQixHQUF4QixVQUF5QixLQUFhLEVBQUUsV0FBbUI7UUFDdkQsSUFBTSxPQUFPLEdBQUcsS0FBSyxHQUFHLFdBQVcsQ0FBQztRQUNwQyxJQUFNLFNBQVMsR0FBRyxLQUFLLEtBQUssV0FBVyxHQUFHLENBQUMsQ0FBQztRQUM1QyxPQUFPLE9BQU8sSUFBSSxTQUFTLENBQUM7SUFDaEMsQ0FBQztJQUVELHNCQUFJLDJDQUFZO2FBQWhCO1lBQ0ksT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxVQUFDLElBQWtCLElBQUssT0FBQSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQVosQ0FBWSxDQUFDLENBQUM7UUFDbkUsQ0FBQzs7O09BQUE7O0lBdkJhLHdCQUFNLEdBQUcsQ0FBQyxDQUFDO0lBR3pCO1FBREMsS0FBSyxFQUFFO2lEQUMrQztJQUV2RDtRQURDLEtBQUssRUFBRTtvREFDcUI7SUFFN0I7UUFEQyxLQUFLLEVBQUU7MERBQ2U7SUFSZCxpQkFBaUI7UUE1RDdCLFNBQVMsQ0FBQztZQUNQLFFBQVEsRUFBRSxZQUFZO1lBQ3RCLCtyRkFBd0M7WUFFeEMsSUFBSSxFQUFFO2dCQUNGLGtCQUFrQixFQUFFLFlBQVk7Z0JBQ2hDLElBQUksRUFBRSxTQUFTO2dCQUNmLFdBQVcsRUFBRSxHQUFHO2FBQ25CO1lBQ0QsVUFBVSxFQUFFO2dCQUNSLE9BQU8sQ0FBQyxzQkFBc0IsRUFBRTtvQkFDNUIsS0FBSyxDQUNELFFBQVEsRUFDUixLQUFLLENBQUM7d0JBQ0YscUJBQXFCLEVBQUUsYUFBYTtxQkFDdkMsQ0FBQyxDQUNMO29CQUNELEtBQUssQ0FDRCxXQUFXLEVBQ1gsS0FBSyxDQUFDO3dCQUNGLHFCQUFxQixFQUFFLGNBQWM7cUJBQ3hDLENBQUMsQ0FDTDtvQkFDRCxVQUFVLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxPQUFPLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDO29CQUNqRSxVQUFVLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxPQUFPLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDO2lCQUNwRSxDQUFDO2dCQUNGLE9BQU8sQ0FBQyxnQkFBZ0IsRUFBRTtvQkFDdEIsS0FBSyxDQUNELFFBQVEsRUFDUixLQUFLLENBQUM7d0JBQ0YscUJBQXFCLEVBQUUsYUFBYTtxQkFDdkMsQ0FBQyxDQUNMO29CQUNELEtBQUssQ0FDRCxXQUFXLEVBQ1gsS0FBSyxDQUFDO3dCQUNGLHFCQUFxQixFQUFFLGNBQWM7cUJBQ3hDLENBQUMsQ0FDTDtvQkFDRCxVQUFVLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxPQUFPLENBQUMsb0JBQW9CLENBQUMsQ0FBQyxDQUFDO29CQUNsRSxVQUFVLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxPQUFPLENBQUMsb0JBQW9CLENBQUMsQ0FBQyxDQUFDO2lCQUNyRSxDQUFDO2dCQUNGLE9BQU8sQ0FBQyxxQkFBcUIsRUFBRTtvQkFDM0IsS0FBSyxDQUNELFFBQVEsRUFDUixLQUFLLENBQUM7d0JBQ0YscUJBQXFCLEVBQUUsYUFBYTtxQkFDdkMsQ0FBQyxDQUNMO29CQUNELEtBQUssQ0FDRCxXQUFXLEVBQ1gsS0FBSyxDQUFDO3dCQUNGLHFCQUFxQixFQUFFLGNBQWM7cUJBQ3hDLENBQUMsQ0FDTDtvQkFDRCxVQUFVLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxPQUFPLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDO29CQUNqRSxVQUFVLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxPQUFPLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDO2lCQUNwRSxDQUFDO2FBQ0w7O1NBQ0osQ0FBQztPQUNXLGlCQUFpQixDQXlCN0I7SUFBRCx3QkFBQztDQUFBLEFBekJELElBeUJDO1NBekJZLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFuaW1hdGUsIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gXCJAYW5ndWxhci9hbmltYXRpb25zXCI7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuZXhwb3J0IGludGVyZmFjZSBUaW1lbGluZVN0ZXAge1xuICAgIGlkOiBhbnk7XG4gICAgbGFiZWw6IHN0cmluZztcbiAgICBoZWxwTGFiZWw/OiBzdHJpbmc7XG4gICAgYXJpYUxhYmVsPzogc3RyaW5nO1xuICAgIGFyaWFDb250cm9scz86IHN0cmluZztcbiAgICBoaWRkZW4/OiBib29sZWFuO1xuICAgIHN0ZXBJY29uPzogc3RyaW5nO1xuICAgIHRvb2x0aXA/OiBzdHJpbmc7XG59XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiBcInMtdGltZWxpbmVcIixcbiAgICB0ZW1wbGF0ZVVybDogXCIuL3RpbWVsaW5lLmNvbXBvbmVudC5odG1sXCIsXG4gICAgc3R5bGVVcmxzOiBbXCIuL3RpbWVsaW5lLmNvbXBvbmVudC5zY3NzXCJdLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgXCJhcmlhLW9yaWVudGF0aW9uXCI6IFwiaG9yaXpvbnRhbFwiLFxuICAgICAgICByb2xlOiBcInRhYmxpc3RcIixcbiAgICAgICAgXCJ0YWItaW5kZXhcIjogXCIwXCIsXG4gICAgfSxcbiAgICBhbmltYXRpb25zOiBbXG4gICAgICAgIHRyaWdnZXIoXCJiZWZvcmVBY3RpdmVEZXNhdGl2ZVwiLCBbXG4gICAgICAgICAgICBzdGF0ZShcbiAgICAgICAgICAgICAgICBcImFjdGl2ZVwiLFxuICAgICAgICAgICAgICAgIHN0eWxlKHtcbiAgICAgICAgICAgICAgICAgICAgXCJiYWNrZ3JvdW5kLXBvc2l0aW9uXCI6IFwibGVmdCBib3R0b21cIixcbiAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgKSxcbiAgICAgICAgICAgIHN0YXRlKFxuICAgICAgICAgICAgICAgIFwiZGVzYWN0aXZlXCIsXG4gICAgICAgICAgICAgICAgc3R5bGUoe1xuICAgICAgICAgICAgICAgICAgICBcImJhY2tncm91bmQtcG9zaXRpb25cIjogXCJyaWdodCBib3R0b21cIixcbiAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgKSxcbiAgICAgICAgICAgIHRyYW5zaXRpb24oXCJhY3RpdmUgPT4gZGVzYWN0aXZlXCIsIFthbmltYXRlKFwiNTBtcyAxMDBtcyBsaW5lYXJcIildKSxcbiAgICAgICAgICAgIHRyYW5zaXRpb24oXCJkZXNhY3RpdmUgPT4gYWN0aXZlXCIsIFthbmltYXRlKFwiNTBtcyAyNTBtcyBsaW5lYXJcIildKSxcbiAgICAgICAgXSksXG4gICAgICAgIHRyaWdnZXIoXCJhY3RpdmVEZXNhdGl2ZVwiLCBbXG4gICAgICAgICAgICBzdGF0ZShcbiAgICAgICAgICAgICAgICBcImFjdGl2ZVwiLFxuICAgICAgICAgICAgICAgIHN0eWxlKHtcbiAgICAgICAgICAgICAgICAgICAgXCJiYWNrZ3JvdW5kLXBvc2l0aW9uXCI6IFwibGVmdCBib3R0b21cIixcbiAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgKSxcbiAgICAgICAgICAgIHN0YXRlKFxuICAgICAgICAgICAgICAgIFwiZGVzYWN0aXZlXCIsXG4gICAgICAgICAgICAgICAgc3R5bGUoe1xuICAgICAgICAgICAgICAgICAgICBcImJhY2tncm91bmQtcG9zaXRpb25cIjogXCJyaWdodCBib3R0b21cIixcbiAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgKSxcbiAgICAgICAgICAgIHRyYW5zaXRpb24oXCJhY3RpdmUgPT4gZGVzYWN0aXZlXCIsIFthbmltYXRlKFwiMTAwbXMgMTUwbXMgbGluZWFyXCIpXSksXG4gICAgICAgICAgICB0cmFuc2l0aW9uKFwiZGVzYWN0aXZlID0+IGFjdGl2ZVwiLCBbYW5pbWF0ZShcIjEwMG1zIDE1MG1zIGxpbmVhclwiKV0pLFxuICAgICAgICBdKSxcbiAgICAgICAgdHJpZ2dlcihcImFmdGVyQWN0aXZlRGVzYXRpdmVcIiwgW1xuICAgICAgICAgICAgc3RhdGUoXG4gICAgICAgICAgICAgICAgXCJhY3RpdmVcIixcbiAgICAgICAgICAgICAgICBzdHlsZSh7XG4gICAgICAgICAgICAgICAgICAgIFwiYmFja2dyb3VuZC1wb3NpdGlvblwiOiBcImxlZnQgYm90dG9tXCIsXG4gICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICksXG4gICAgICAgICAgICBzdGF0ZShcbiAgICAgICAgICAgICAgICBcImRlc2FjdGl2ZVwiLFxuICAgICAgICAgICAgICAgIHN0eWxlKHtcbiAgICAgICAgICAgICAgICAgICAgXCJiYWNrZ3JvdW5kLXBvc2l0aW9uXCI6IFwicmlnaHQgYm90dG9tXCIsXG4gICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICksXG4gICAgICAgICAgICB0cmFuc2l0aW9uKFwiYWN0aXZlID0+IGRlc2FjdGl2ZVwiLCBbYW5pbWF0ZShcIjUwbXMgMjUwbXMgbGluZWFyXCIpXSksXG4gICAgICAgICAgICB0cmFuc2l0aW9uKFwiZGVzYWN0aXZlID0+IGFjdGl2ZVwiLCBbYW5pbWF0ZShcIjUwbXMgMTAwbXMgbGluZWFyXCIpXSksXG4gICAgICAgIF0pLFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIFRpbWVsaW5lQ29tcG9uZW50IHtcbiAgICBwdWJsaWMgc3RhdGljIG5leHRJZCA9IDA7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBpZCA9IGBzLXRpbWVsaW5lLSR7VGltZWxpbmVDb21wb25lbnQubmV4dElkKyt9YDtcbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBzdGVwczogVGltZWxpbmVTdGVwW107XG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgYWN0aXZlSW5kZXggPSAwO1xuXG4gICAgcHVibGljIGJhckFuaW1hdGlvbihpbmRleDogbnVtYmVyLCBhY3RpdmVJbmRleDogbnVtYmVyKTogYm9vbGVhbiB7XG4gICAgICAgIGNvbnN0IHZpc2l0ZWQgPSBpbmRleCA8IGFjdGl2ZUluZGV4O1xuICAgICAgICBjb25zdCBhY3RpdmF0ZWQgPSBpbmRleCA9PT0gYWN0aXZlSW5kZXg7XG4gICAgICAgIHJldHVybiB2aXNpdGVkIHx8IGFjdGl2YXRlZDtcbiAgICB9XG5cbiAgICBwdWJsaWMgYWZ0ZXJCYXJBbmltYXRpb24oaW5kZXg6IG51bWJlciwgYWN0aXZlSW5kZXg6IG51bWJlcik6IGJvb2xlYW4ge1xuICAgICAgICBjb25zdCB2aXNpdGVkID0gaW5kZXggPCBhY3RpdmVJbmRleDtcbiAgICAgICAgY29uc3QgYWN0aXZhdGVkID0gaW5kZXggPT09IGFjdGl2ZUluZGV4IC0gMTtcbiAgICAgICAgcmV0dXJuIHZpc2l0ZWQgfHwgYWN0aXZhdGVkO1xuICAgIH1cblxuICAgIGdldCB2aXNpYmxlZFN0ZXAoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLnN0ZXBzLmZpbHRlcigoc3RlcDogVGltZWxpbmVTdGVwKSA9PiAhc3RlcC5oaWRkZW4pO1xuICAgIH1cbn1cbiJdfQ==
@@ -57,6 +57,7 @@ let BreadcrumbComponent = class BreadcrumbComponent {
57
57
  constructor(activatedRoute, router) {
58
58
  this.activatedRoute = activatedRoute;
59
59
  this.router = router;
60
+ this.targetHomeUrl = "_self";
60
61
  this.ngUnsubscribe = new Subject();
61
62
  this.router.events
62
63
  .pipe(takeUntil(this.ngUnsubscribe), filter(event => event instanceof NavigationEnd))
@@ -81,7 +82,7 @@ let BreadcrumbComponent = class BreadcrumbComponent {
81
82
  getCurrentHome(routes) {
82
83
  let home;
83
84
  if (this.homeUrl)
84
- home = { url: this.homeUrl, icon: "fa fa-home" };
85
+ home = { url: this.homeUrl, icon: "fa fa-home", target: this.targetHomeUrl };
85
86
  else if (routes.length)
86
87
  home = Object.assign(Object.assign({}, this.getMenuItem(routes[0], routes.length === 1)), { icon: "fa fa-home" });
87
88
  return home;
@@ -126,6 +127,9 @@ BreadcrumbComponent.ctorParameters = () => [
126
127
  __decorate([
127
128
  Input()
128
129
  ], BreadcrumbComponent.prototype, "homeUrl", void 0);
130
+ __decorate([
131
+ Input()
132
+ ], BreadcrumbComponent.prototype, "targetHomeUrl", void 0);
129
133
  BreadcrumbComponent = __decorate([
130
134
  Component({
131
135
  selector: `s-breadcrumb`,
@@ -4694,12 +4698,11 @@ class DynamicField extends DynamicForm {
4694
4698
  return component;
4695
4699
  }
4696
4700
  setVariablesByType(component) {
4697
- switch (this.field.type) {
4698
- case FieldType.DateTime:
4699
- case FieldType.LocalDateTime:
4700
- case FieldType.Time:
4701
- component.instance.showTime = true;
4702
- break;
4701
+ if (this.field.type == FieldType.Time) {
4702
+ component.instance.timeOnly = true;
4703
+ }
4704
+ if ([FieldType.LocalDateTime, FieldType.DateTime, FieldType.Time].includes(this.field.type)) {
4705
+ component.instance.showTime = true;
4703
4706
  }
4704
4707
  }
4705
4708
  updateVariables(component) {
@@ -6687,7 +6690,7 @@ __decorate([
6687
6690
  StepsComponent = StepsComponent_1 = __decorate([
6688
6691
  Component({
6689
6692
  selector: "s-steps",
6690
- 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 class=\"s-step-index\" [ngClass]=\"{'s-step-disabled': step.disabled}\">\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\" aria-hidden=\"true\" [attr.aria-label]=\"i + 1\"></span>\n <span *ngIf=\"step.state == stepState.Warning\" class=\"fas fa-exclamation-triangle\" aria-hidden=\"true\"\n [attr.aria-label]=\"i + 1\"></span>\n <span\n *ngIf=\"step.state != stepState.Success && step.state != stepState.Warning && activeIndex <= i\">{{i + 1}}</span>\n </div>\n </div>\n <div [id]=\"'step-label-' + i\" class=\"s-step-label\" [ngClass]=\"{'s-step-disabled': step.disabled}\">\n <span>{{step.label}}</span>\n </div>\n </div>\n </ng-container>\n</div>\n",
6693
+ 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",
6691
6694
  host: {
6692
6695
  "aria-orientation": "horizontal",
6693
6696
  role: "tablist",
@@ -6772,7 +6775,7 @@ __decorate([
6772
6775
  TimelineComponent = TimelineComponent_1 = __decorate([
6773
6776
  Component({
6774
6777
  selector: "s-timeline",
6775
- 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 class=\"s-timeline-index\">\n <div class=\"s-timeline-index-content\">\n <span class=\"fas\" [ngClass]=\"step.stepIcon\" aria-hidden=\"true\" [attr.aria-label]=\"i + 1\"></span>\n </div>\n </div>\n <div [id]=\"'step-label-' + i\" class=\"s-timeline-label\">\n <span>{{step.label}}</span>\n </div>\n <div [id]=\"'step-help-label-' + i\" class=\"s-timeline-help-label\">\n <span>{{step.helpLabel}}</span>\n </div>\n </div>\n </ng-container>\n</div>\n",
6778
+ 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",
6776
6779
  host: {
6777
6780
  "aria-orientation": "horizontal",
6778
6781
  role: "tablist",