@seniorsistemas/angular-components 14.14.3 → 14.15.1

package/esm5/components/timeline/timeline.component.js

@@ -0,0 +1,85 @@
+import { __decorate } from "tslib";
+import { animate, state, style, transition, trigger } from "@angular/animations";
+import { Component, Input } from "@angular/core";
+var TimelineComponent = /** @class */ (function () {
+    function TimelineComponent() {
+        this.id = "s-timeline-" + TimelineComponent_1.nextId++;
+        this.activeIndex = 0;
+    }
+    TimelineComponent_1 = TimelineComponent;
+    TimelineComponent.prototype.barAnimation = function (index, activeIndex) {
+        var visited = index < activeIndex;
+        var activated = index === activeIndex;
+        return visited || activated;
+    };
+    TimelineComponent.prototype.afterBarAnimation = function (index, activeIndex) {
+        var visited = index < activeIndex;
+        var activated = index === activeIndex - 1;
+        return visited || activated;
+    };
+    Object.defineProperty(TimelineComponent.prototype, "visibledStep", {
+        get: function () {
+            return this.steps.filter(function (step) { return !step.hidden; });
+        },
+        enumerable: true,
+        configurable: true
+    });
+    var TimelineComponent_1;
+    TimelineComponent.nextId = 0;
+    __decorate([
+        Input()
+    ], TimelineComponent.prototype, "id", void 0);
+    __decorate([
+        Input()
+    ], TimelineComponent.prototype, "steps", void 0);
+    __decorate([
+        Input()
+    ], TimelineComponent.prototype, "activeIndex", void 0);
+    TimelineComponent = TimelineComponent_1 = __decorate([
+        Component({
+            selector: "s-timeline",
+            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",
+            host: {
+                "aria-orientation": "horizontal",
+                role: "tablist",
+                "tab-index": "0",
+            },
+            animations: [
+                trigger("beforeActiveDesative", [
+                    state("active", style({
+                        "background-position": "left bottom",
+                    })),
+                    state("desactive", style({
+                        "background-position": "right bottom",
+                    })),
+                    transition("active => desactive", [animate("50ms 100ms linear")]),
+                    transition("desactive => active", [animate("50ms 250ms linear")]),
+                ]),
+                trigger("activeDesative", [
+                    state("active", style({
+                        "background-position": "left bottom",
+                    })),
+                    state("desactive", style({
+                        "background-position": "right bottom",
+                    })),
+                    transition("active => desactive", [animate("100ms 150ms linear")]),
+                    transition("desactive => active", [animate("100ms 150ms linear")]),
+                ]),
+                trigger("afterActiveDesative", [
+                    state("active", style({
+                        "background-position": "left bottom",
+                    })),
+                    state("desactive", style({
+                        "background-position": "right bottom",
+                    })),
+                    transition("active => desactive", [animate("50ms 250ms linear")]),
+                    transition("desactive => active", [animate("50ms 100ms linear")]),
+                ]),
+            ],
+            styles: ["@keyframes scale-up-center{0%{transform:scale(.5)}100%{transform:scale(1)}}.s-timeline-container{display:-ms-flexbox;display:flex;white-space:nowrap;-ms-flex-align:start;align-items:flex-start;overflow:hidden;padding:15px 10px}.s-timeline-step-header{box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;height:auto;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:72px;max-height:98px;min-width:60px;width:100%}.s-timeline-step-header .s-timeline-help-label,.s-timeline-step-header .s-timeline-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;color:#999;font-size:14px;font-weight:400;padding-top:5px}.s-timeline-step-header .s-timeline-progress-bar-before{margin:0;position:absolute;top:20px;-ms-flex:auto;flex:auto;height:3px;overflow:hidden;width:calc(50% - 20px);background-color:#697882;background-image:linear-gradient(to right,#0c9348 50%,#697882 50%);background-position:right bottom;background-size:300% 100%;left:-10px}.s-timeline-step-header .s-timeline-progress-bar-before.s-timeline-step-active,.s-timeline-step-header .s-timeline-progress-bar-before.s-timeline-step-completed{background-position:left bottom}.s-timeline-step-header .s-timeline-progress-bar-after{margin:0;position:absolute;top:20px;-ms-flex:auto;flex:auto;height:3px;overflow:hidden;width:calc(50% - 20px);background-color:#697882;background-image:linear-gradient(to right,#0c9348 50%,#697882 50%);background-position:right bottom;background-size:300% 100%;right:-10px}.s-timeline-step-header .s-timeline-progress-bar-after.s-timeline-step-active,.s-timeline-step-header .s-timeline-progress-bar-after.s-timeline-step-completed{background-position:left bottom}.s-timeline-progress-bar{margin:0;position:relative;top:20px;-ms-flex:auto;flex:auto;height:3px;overflow:hidden;width:100%;background-color:#697882;background-image:linear-gradient(to right,#0c9348 50%,#697882 50%);background-position:right bottom;background-size:300% 100%}.s-timeline-index{background-color:#697882;border:3px solid #697882;border-radius:50%;color:#fff;display:inline-block;font-weight:700;position:relative;transition:background-color .2s ease-out;height:46px;width:46px;-ms-flex:none;flex:none}.s-timeline-index .s-timeline-index-content{line-height:18px;font-size:18px;padding-top:8.5px;text-align:center;position:relative}.s-timeline-step-active .s-timeline-index,.s-timeline-step-completed .s-timeline-index{border-color:#0c9348;animation:.1s ease-out alternate scale-up-center;background-color:#0c9348}.s-timeline-step-active.s-timeline-progress-bar,.s-timeline-step-completed.s-timeline-progress-bar{background-position:left bottom}.s-timeline-step-active .s-timeline-label,.s-timeline-step-completed .s-timeline-label{color:#333;font-weight:700}@media (max-width:767px){.s-timeline-help-label,.s-timeline-label{display:none}}"]
+        })
+    ], TimelineComponent);
+    return TimelineComponent;
+}());
+export { TimelineComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvdGltZWxpbmUvdGltZWxpbmUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2pGLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBd0VqRDtJQUFBO1FBSVcsT0FBRSxHQUFHLGdCQUFjLG1CQUFpQixDQUFDLE1BQU0sRUFBSSxDQUFDO1FBSWhELGdCQUFXLEdBQUcsQ0FBQyxDQUFDO0lBaUIzQixDQUFDOzBCQXpCWSxpQkFBaUI7SUFVbkIsd0NBQVksR0FBbkIsVUFBb0IsS0FBYSxFQUFFLFdBQW1CO1FBQ2xELElBQU0sT0FBTyxHQUFHLEtBQUssR0FBRyxXQUFXLENBQUM7UUFDcEMsSUFBTSxTQUFTLEdBQUcsS0FBSyxLQUFLLFdBQVcsQ0FBQztRQUN4QyxPQUFPLE9BQU8sSUFBSSxTQUFTLENBQUM7SUFDaEMsQ0FBQztJQUVNLDZDQUFpQixHQUF4QixVQUF5QixLQUFhLEVBQUUsV0FBbUI7UUFDdkQsSUFBTSxPQUFPLEdBQUcsS0FBSyxHQUFHLFdBQVcsQ0FBQztRQUNwQyxJQUFNLFNBQVMsR0FBRyxLQUFLLEtBQUssV0FBVyxHQUFHLENBQUMsQ0FBQztRQUM1QyxPQUFPLE9BQU8sSUFBSSxTQUFTLENBQUM7SUFDaEMsQ0FBQztJQUVELHNCQUFJLDJDQUFZO2FBQWhCO1lBQ0ksT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxVQUFDLElBQWtCLElBQUssT0FBQSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQVosQ0FBWSxDQUFDLENBQUM7UUFDbkUsQ0FBQzs7O09BQUE7O0lBdkJhLHdCQUFNLEdBQUcsQ0FBQyxDQUFDO0lBR3pCO1FBREMsS0FBSyxFQUFFO2lEQUMrQztJQUV2RDtRQURDLEtBQUssRUFBRTtvREFDcUI7SUFFN0I7UUFEQyxLQUFLLEVBQUU7MERBQ2U7SUFSZCxpQkFBaUI7UUE1RDdCLFNBQVMsQ0FBQztZQUNQLFFBQVEsRUFBRSxZQUFZO1lBQ3RCLGcyRUFBd0M7WUFFeEMsSUFBSSxFQUFFO2dCQUNGLGtCQUFrQixFQUFFLFlBQVk7Z0JBQ2hDLElBQUksRUFBRSxTQUFTO2dCQUNmLFdBQVcsRUFBRSxHQUFHO2FBQ25CO1lBQ0QsVUFBVSxFQUFFO2dCQUNSLE9BQU8sQ0FBQyxzQkFBc0IsRUFBRTtvQkFDNUIsS0FBSyxDQUNELFFBQVEsRUFDUixLQUFLLENBQUM7d0JBQ0YscUJBQXFCLEVBQUUsYUFBYTtxQkFDdkMsQ0FBQyxDQUNMO29CQUNELEtBQUssQ0FDRCxXQUFXLEVBQ1gsS0FBSyxDQUFDO3dCQUNGLHFCQUFxQixFQUFFLGNBQWM7cUJBQ3hDLENBQUMsQ0FDTDtvQkFDRCxVQUFVLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxPQUFPLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDO29CQUNqRSxVQUFVLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxPQUFPLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDO2lCQUNwRSxDQUFDO2dCQUNGLE9BQU8sQ0FBQyxnQkFBZ0IsRUFBRTtvQkFDdEIsS0FBSyxDQUNELFFBQVEsRUFDUixLQUFLLENBQUM7d0JBQ0YscUJBQXFCLEVBQUUsYUFBYTtxQkFDdkMsQ0FBQyxDQUNMO29CQUNELEtBQUssQ0FDRCxXQUFXLEVBQ1gsS0FBSyxDQUFDO3dCQUNGLHFCQUFxQixFQUFFLGNBQWM7cUJBQ3hDLENBQUMsQ0FDTDtvQkFDRCxVQUFVLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxPQUFPLENBQUMsb0JBQW9CLENBQUMsQ0FBQyxDQUFDO29CQUNsRSxVQUFVLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxPQUFPLENBQUMsb0JBQW9CLENBQUMsQ0FBQyxDQUFDO2lCQUNyRSxDQUFDO2dCQUNGLE9BQU8sQ0FBQyxxQkFBcUIsRUFBRTtvQkFDM0IsS0FBSyxDQUNELFFBQVEsRUFDUixLQUFLLENBQUM7d0JBQ0YscUJBQXFCLEVBQUUsYUFBYTtxQkFDdkMsQ0FBQyxDQUNMO29CQUNELEtBQUssQ0FDRCxXQUFXLEVBQ1gsS0FBSyxDQUFDO3dCQUNGLHFCQUFxQixFQUFFLGNBQWM7cUJBQ3hDLENBQUMsQ0FDTDtvQkFDRCxVQUFVLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxPQUFPLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDO29CQUNqRSxVQUFVLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxPQUFPLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDO2lCQUNwRSxDQUFDO2FBQ0w7O1NBQ0osQ0FBQztPQUNXLGlCQUFpQixDQXlCN0I7SUFBRCx3QkFBQztDQUFBLEFBekJELElBeUJDO1NBekJZLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFuaW1hdGUsIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gXCJAYW5ndWxhci9hbmltYXRpb25zXCI7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuZXhwb3J0IGludGVyZmFjZSBUaW1lbGluZVN0ZXAge1xuICAgIGlkOiBhbnk7XG4gICAgbGFiZWw6IHN0cmluZztcbiAgICBoZWxwTGFiZWw/OiBzdHJpbmc7XG4gICAgYXJpYUxhYmVsPzogc3RyaW5nO1xuICAgIGFyaWFDb250cm9scz86IHN0cmluZztcbiAgICBoaWRkZW4/OiBib29sZWFuO1xuICAgIHN0ZXBJY29uPzogc3RyaW5nO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogXCJzLXRpbWVsaW5lXCIsXG4gICAgdGVtcGxhdGVVcmw6IFwiLi90aW1lbGluZS5jb21wb25lbnQuaHRtbFwiLFxuICAgIHN0eWxlVXJsczogW1wiLi90aW1lbGluZS5jb21wb25lbnQuc2Nzc1wiXSxcbiAgICBob3N0OiB7XG4gICAgICAgIFwiYXJpYS1vcmllbnRhdGlvblwiOiBcImhvcml6b250YWxcIixcbiAgICAgICAgcm9sZTogXCJ0YWJsaXN0XCIsXG4gICAgICAgIFwidGFiLWluZGV4XCI6IFwiMFwiLFxuICAgIH0sXG4gICAgYW5pbWF0aW9uczogW1xuICAgICAgICB0cmlnZ2VyKFwiYmVmb3JlQWN0aXZlRGVzYXRpdmVcIiwgW1xuICAgICAgICAgICAgc3RhdGUoXG4gICAgICAgICAgICAgICAgXCJhY3RpdmVcIixcbiAgICAgICAgICAgICAgICBzdHlsZSh7XG4gICAgICAgICAgICAgICAgICAgIFwiYmFja2dyb3VuZC1wb3NpdGlvblwiOiBcImxlZnQgYm90dG9tXCIsXG4gICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICksXG4gICAgICAgICAgICBzdGF0ZShcbiAgICAgICAgICAgICAgICBcImRlc2FjdGl2ZVwiLFxuICAgICAgICAgICAgICAgIHN0eWxlKHtcbiAgICAgICAgICAgICAgICAgICAgXCJiYWNrZ3JvdW5kLXBvc2l0aW9uXCI6IFwicmlnaHQgYm90dG9tXCIsXG4gICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICksXG4gICAgICAgICAgICB0cmFuc2l0aW9uKFwiYWN0aXZlID0+IGRlc2FjdGl2ZVwiLCBbYW5pbWF0ZShcIjUwbXMgMTAwbXMgbGluZWFyXCIpXSksXG4gICAgICAgICAgICB0cmFuc2l0aW9uKFwiZGVzYWN0aXZlID0+IGFjdGl2ZVwiLCBbYW5pbWF0ZShcIjUwbXMgMjUwbXMgbGluZWFyXCIpXSksXG4gICAgICAgIF0pLFxuICAgICAgICB0cmlnZ2VyKFwiYWN0aXZlRGVzYXRpdmVcIiwgW1xuICAgICAgICAgICAgc3RhdGUoXG4gICAgICAgICAgICAgICAgXCJhY3RpdmVcIixcbiAgICAgICAgICAgICAgICBzdHlsZSh7XG4gICAgICAgICAgICAgICAgICAgIFwiYmFja2dyb3VuZC1wb3NpdGlvblwiOiBcImxlZnQgYm90dG9tXCIsXG4gICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICksXG4gICAgICAgICAgICBzdGF0ZShcbiAgICAgICAgICAgICAgICBcImRlc2FjdGl2ZVwiLFxuICAgICAgICAgICAgICAgIHN0eWxlKHtcbiAgICAgICAgICAgICAgICAgICAgXCJiYWNrZ3JvdW5kLXBvc2l0aW9uXCI6IFwicmlnaHQgYm90dG9tXCIsXG4gICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICksXG4gICAgICAgICAgICB0cmFuc2l0aW9uKFwiYWN0aXZlID0+IGRlc2FjdGl2ZVwiLCBbYW5pbWF0ZShcIjEwMG1zIDE1MG1zIGxpbmVhclwiKV0pLFxuICAgICAgICAgICAgdHJhbnNpdGlvbihcImRlc2FjdGl2ZSA9PiBhY3RpdmVcIiwgW2FuaW1hdGUoXCIxMDBtcyAxNTBtcyBsaW5lYXJcIildKSxcbiAgICAgICAgXSksXG4gICAgICAgIHRyaWdnZXIoXCJhZnRlckFjdGl2ZURlc2F0aXZlXCIsIFtcbiAgICAgICAgICAgIHN0YXRlKFxuICAgICAgICAgICAgICAgIFwiYWN0aXZlXCIsXG4gICAgICAgICAgICAgICAgc3R5bGUoe1xuICAgICAgICAgICAgICAgICAgICBcImJhY2tncm91bmQtcG9zaXRpb25cIjogXCJsZWZ0IGJvdHRvbVwiLFxuICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICApLFxuICAgICAgICAgICAgc3RhdGUoXG4gICAgICAgICAgICAgICAgXCJkZXNhY3RpdmVcIixcbiAgICAgICAgICAgICAgICBzdHlsZSh7XG4gICAgICAgICAgICAgICAgICAgIFwiYmFja2dyb3VuZC1wb3NpdGlvblwiOiBcInJpZ2h0IGJvdHRvbVwiLFxuICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICApLFxuICAgICAgICAgICAgdHJhbnNpdGlvbihcImFjdGl2ZSA9PiBkZXNhY3RpdmVcIiwgW2FuaW1hdGUoXCI1MG1zIDI1MG1zIGxpbmVhclwiKV0pLFxuICAgICAgICAgICAgdHJhbnNpdGlvbihcImRlc2FjdGl2ZSA9PiBhY3RpdmVcIiwgW2FuaW1hdGUoXCI1MG1zIDEwMG1zIGxpbmVhclwiKV0pLFxuICAgICAgICBdKSxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBUaW1lbGluZUNvbXBvbmVudCB7XG4gICAgcHVibGljIHN0YXRpYyBuZXh0SWQgPSAwO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgaWQgPSBgcy10aW1lbGluZS0ke1RpbWVsaW5lQ29tcG9uZW50Lm5leHRJZCsrfWA7XG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgc3RlcHM6IFRpbWVsaW5lU3RlcFtdO1xuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGFjdGl2ZUluZGV4ID0gMDtcblxuICAgIHB1YmxpYyBiYXJBbmltYXRpb24oaW5kZXg6IG51bWJlciwgYWN0aXZlSW5kZXg6IG51bWJlcik6IGJvb2xlYW4ge1xuICAgICAgICBjb25zdCB2aXNpdGVkID0gaW5kZXggPCBhY3RpdmVJbmRleDtcbiAgICAgICAgY29uc3QgYWN0aXZhdGVkID0gaW5kZXggPT09IGFjdGl2ZUluZGV4O1xuICAgICAgICByZXR1cm4gdmlzaXRlZCB8fCBhY3RpdmF0ZWQ7XG4gICAgfVxuXG4gICAgcHVibGljIGFmdGVyQmFyQW5pbWF0aW9uKGluZGV4OiBudW1iZXIsIGFjdGl2ZUluZGV4OiBudW1iZXIpOiBib29sZWFuIHtcbiAgICAgICAgY29uc3QgdmlzaXRlZCA9IGluZGV4IDwgYWN0aXZlSW5kZXg7XG4gICAgICAgIGNvbnN0IGFjdGl2YXRlZCA9IGluZGV4ID09PSBhY3RpdmVJbmRleCAtIDE7XG4gICAgICAgIHJldHVybiB2aXNpdGVkIHx8IGFjdGl2YXRlZDtcbiAgICB9XG5cbiAgICBnZXQgdmlzaWJsZWRTdGVwKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5zdGVwcy5maWx0ZXIoKHN0ZXA6IFRpbWVsaW5lU3RlcCkgPT4gIXN0ZXAuaGlkZGVuKTtcbiAgICB9XG59XG4iXX0=

package/esm5/components/timeline/timeline.module.js

@@ -0,0 +1,19 @@
+import { __decorate } from "tslib";
+import { CommonModule } from "@angular/common";
+import { NgModule } from "@angular/core";
+import { TooltipModule } from "primeng/tooltip";
+import { TimelineComponent } from "./timeline.component";
+var TimelineModule = /** @class */ (function () {
+    function TimelineModule() {
+    }
+    TimelineModule = __decorate([
+        NgModule({
+            imports: [CommonModule, TooltipModule],
+            declarations: [TimelineComponent],
+            exports: [TimelineComponent],
+        })
+    ], TimelineModule);
+    return TimelineModule;
+}());
+export { TimelineModule };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUubW9kdWxlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvdGltZWxpbmUvdGltZWxpbmUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFaEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFPekQ7SUFBQTtJQUE4QixDQUFDO0lBQWxCLGNBQWM7UUFMMUIsUUFBUSxDQUFDO1lBQ04sT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGFBQWEsQ0FBQztZQUN0QyxZQUFZLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQztZQUNqQyxPQUFPLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQztTQUMvQixDQUFDO09BQ1csY0FBYyxDQUFJO0lBQUQscUJBQUM7Q0FBQSxBQUEvQixJQUErQjtTQUFsQixjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgVG9vbHRpcE1vZHVsZSB9IGZyb20gXCJwcmltZW5nL3Rvb2x0aXBcIjtcblxuaW1wb3J0IHsgVGltZWxpbmVDb21wb25lbnQgfSBmcm9tIFwiLi90aW1lbGluZS5jb21wb25lbnRcIjtcblxuQE5nTW9kdWxlKHtcbiAgICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBUb29sdGlwTW9kdWxlXSxcbiAgICBkZWNsYXJhdGlvbnM6IFtUaW1lbGluZUNvbXBvbmVudF0sXG4gICAgZXhwb3J0czogW1RpbWVsaW5lQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgVGltZWxpbmVNb2R1bGUgeyB9XG4iXX0=

package/esm5/public-api.js

@@ -25,6 +25,7 @@ export * from "./components/product-header/index";
 export * from "./components/sidebar/index";
 export * from "./components/stats-card/index";
 export * from "./components/steps/index";
+export * from "./components/timeline/index";
 export * from "./components/table-header/index";
 export * from "./components/table/index";
 export * from "./components/thumbnail/index";
@@ -34,4 +35,4 @@ export * from "./components/utils/index";
 export * from "./components/global-search/index";
 export * from "./components/code-editor/index";
 export * from "./angular-components.module";
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzZW5pb3JzaXN0ZW1hcy9hbmd1bGFyLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJwdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLGtDQUFrQyxDQUFDO0FBQ2pELGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLGtDQUFrQyxDQUFDO0FBQ2pELGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLDJDQUEyQyxDQUFDO0FBQzFELGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRDs7R0FFRztBQUNILGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyxvQ0FBb0MsQ0FBQztBQUNuRCxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsNkJBQTZCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tIFwiLi9jb21wb25lbnRzL2JyZWFkY3J1bWIvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2NvbXBvbmVudHMvYnV0dG9uL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9jb21wb25lbnRzL2NhbGVuZGFyLW1hc2svaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2NvbXBvbmVudHMvY29sbGFwc2UtbGluay9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vY29tcG9uZW50cy9jb250cm9sLWVycm9ycy9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vY29tcG9uZW50cy9jdXN0b20tZmllbGRzL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9jb21wb25lbnRzL2R5bmFtaWMtZm9ybS9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vY29tcG9uZW50cy9lZGl0YWJsZS1vdmVybGF5L2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9jb21wb25lbnRzL2VtcHR5LXN0YXRlL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9jb21wb25lbnRzL2ZpbGUtdXBsb2FkL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9jb21wb25lbnRzL2ltYWdlLWNyb3BwZXIvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2NvbXBvbmVudHMvaW5mby1zaWduL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9jb21wb25lbnRzL2xvYWRpbmctc3RhdGUvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2NvbXBvbmVudHMvbG9jYWxlL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9jb21wb25lbnRzL2xvY2FsaXplZC1udW1iZXItaW5wdXQvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2NvbXBvbmVudHMvbWFzay9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vY29tcG9uZW50cy9tb3VzZS1ldmVudHMvaW5kZXhcIjtcbi8qKlxuICogQGRlcHJlY2F0ZWQgV2lsbCBiZSByZW1vdmVkIG9uIGEgbWFqb3IgdXBkYXRlIFxuICovXG5leHBvcnQgKiBmcm9tIFwiLi9jb21wb25lbnRzL251bWJlci1pbnB1dC9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vY29tcG9uZW50cy9iaWdudW1iZXItaW5wdXQvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2NvbXBvbmVudHMvb2JqZWN0LWNhcmQvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2NvbXBvbmVudHMvcHJvZHVjdC1oZWFkZXIvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2NvbXBvbmVudHMvc2lkZWJhci9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vY29tcG9uZW50cy9zdGF0cy1jYXJkL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9jb21wb25lbnRzL3N0ZXBzL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9jb21wb25lbnRzL3RhYmxlLWhlYWRlci9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vY29tcG9uZW50cy90YWJsZS9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vY29tcG9uZW50cy90aHVtYm5haWwvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2NvbXBvbmVudHMvdGlsZS9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vY29tcG9uZW50cy90b2tlbi1saXN0L2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9jb21wb25lbnRzL3V0aWxzL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9jb21wb25lbnRzL2dsb2JhbC1zZWFyY2gvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2NvbXBvbmVudHMvY29kZS1lZGl0b3IvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2FuZ3VsYXItY29tcG9uZW50cy5tb2R1bGVcIjtcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzZW5pb3JzaXN0ZW1hcy9hbmd1bGFyLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJwdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLGtDQUFrQyxDQUFDO0FBQ2pELGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLGtDQUFrQyxDQUFDO0FBQ2pELGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLDJDQUEyQyxDQUFDO0FBQzFELGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRDs7R0FFRztBQUNILGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyxvQ0FBb0MsQ0FBQztBQUNuRCxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLGtDQUFrQyxDQUFDO0FBQ2pELGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYyw2QkFBNkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gXCIuL2NvbXBvbmVudHMvYnJlYWRjcnVtYi9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vY29tcG9uZW50cy9idXR0b24vaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2NvbXBvbmVudHMvY2FsZW5kYXItbWFzay9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vY29tcG9uZW50cy9jb2xsYXBzZS1saW5rL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9jb21wb25lbnRzL2NvbnRyb2wtZXJyb3JzL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9jb21wb25lbnRzL2N1c3RvbS1maWVsZHMvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2NvbXBvbmVudHMvZHluYW1pYy1mb3JtL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9jb21wb25lbnRzL2VkaXRhYmxlLW92ZXJsYXkvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2NvbXBvbmVudHMvZW1wdHktc3RhdGUvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2NvbXBvbmVudHMvZmlsZS11cGxvYWQvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2NvbXBvbmVudHMvaW1hZ2UtY3JvcHBlci9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vY29tcG9uZW50cy9pbmZvLXNpZ24vaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2NvbXBvbmVudHMvbG9hZGluZy1zdGF0ZS9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vY29tcG9uZW50cy9sb2NhbGUvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2NvbXBvbmVudHMvbG9jYWxpemVkLW51bWJlci1pbnB1dC9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vY29tcG9uZW50cy9tYXNrL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9jb21wb25lbnRzL21vdXNlLWV2ZW50cy9pbmRleFwiO1xuLyoqXG4gKiBAZGVwcmVjYXRlZCBXaWxsIGJlIHJlbW92ZWQgb24gYSBtYWpvciB1cGRhdGUgXG4gKi9cbmV4cG9ydCAqIGZyb20gXCIuL2NvbXBvbmVudHMvbnVtYmVyLWlucHV0L2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9jb21wb25lbnRzL2JpZ251bWJlci1pbnB1dC9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vY29tcG9uZW50cy9vYmplY3QtY2FyZC9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vY29tcG9uZW50cy9wcm9kdWN0LWhlYWRlci9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vY29tcG9uZW50cy9zaWRlYmFyL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9jb21wb25lbnRzL3N0YXRzLWNhcmQvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2NvbXBvbmVudHMvc3RlcHMvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2NvbXBvbmVudHMvdGltZWxpbmUvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2NvbXBvbmVudHMvdGFibGUtaGVhZGVyL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9jb21wb25lbnRzL3RhYmxlL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9jb21wb25lbnRzL3RodW1ibmFpbC9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vY29tcG9uZW50cy90aWxlL2luZGV4XCI7XG5leHBvcnQgKiBmcm9tIFwiLi9jb21wb25lbnRzL3Rva2VuLWxpc3QvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2NvbXBvbmVudHMvdXRpbHMvaW5kZXhcIjtcbmV4cG9ydCAqIGZyb20gXCIuL2NvbXBvbmVudHMvZ2xvYmFsLXNlYXJjaC9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vY29tcG9uZW50cy9jb2RlLWVkaXRvci9pbmRleFwiO1xuZXhwb3J0ICogZnJvbSBcIi4vYW5ndWxhci1jb21wb25lbnRzLm1vZHVsZVwiO1xuIl19

package/fesm2015/seniorsistemas-angular-components.js

@@ -1058,7 +1058,7 @@ class NumberLocaleOptions {
         this.thousandsSeparator = ".";
         this.decimalSeparator = ",";
         this.currencySymbol = "R$";
-        Object.keys(config).forEach(key => (this[key] = config[key] || this[key]));
+        Object.assign(this, config);
     }
 }
 
@@ -3510,23 +3510,25 @@ let TableFrozenPositionDirective = class TableFrozenPositionDirective {
         this.el = el;
         this.host = host;
         this.sTableFrozenPosition = "left";
+        this.onColumnsChanged = new EventEmitter();
         this.host.onColResize.subscribe(() => {
             this.handleColResize();
         });
         window.addEventListener("resize", this.handleWindowResize.bind(this));
         const componentId = new Date().getTime();
+        const htmlHead = document.getElementsByTagName("head")[0];
         this.resetRowHeightClassName = `resetTableRowsHeight_${componentId}`;
         const styleReset = document.createElement("style");
         styleReset.innerHTML = `.${this.resetRowHeightClassName} tbody > tr, .${this.resetRowHeightClassName} thead > tr { height: auto; }`;
-        document.getElementsByTagName("head")[0].appendChild(styleReset);
+        htmlHead.appendChild(styleReset);
         this.fixBodyRowClassName = `fixTableBodyRowsHeight_${componentId}`;
         this.styleFixBodyRowHeight = document.createElement("style");
         this.styleFixBodyRowHeight.innerHTML = `.${this.fixBodyRowClassName} tbody > tr { height: auto; }`;
-        document.getElementsByTagName("head")[0].appendChild(this.styleFixBodyRowHeight);
+        htmlHead.appendChild(this.styleFixBodyRowHeight);
         this.fixHeadRowClassName = `fixTableHeadRowsHeight_${componentId}`;
         this.styleFixHeadRowHeight = document.createElement("style");
         this.styleFixHeadRowHeight.innerHTML = `.${this.fixHeadRowClassName} thead > tr { height: auto; }`;
-        document.getElementsByTagName("head")[0].appendChild(this.styleFixHeadRowHeight);
+        htmlHead.appendChild(this.styleFixHeadRowHeight);
     }
     set sTableFrozenValue(_) {
         setTimeout(() => {
@@ -3537,9 +3539,26 @@ let TableFrozenPositionDirective = class TableFrozenPositionDirective {
         if (this.sTableFrozenPosition === "left")
             return;
         this.applyStylesForTable();
+        this.setUpColumnMonitoring();
     }
     ngOnDestroy() {
         window.removeEventListener("resize", this.handleWindowResize.bind(this));
+        if (this.tableHeadObservable) {
+            this.tableHeadObservable.disconnect();
+        }
+    }
+    setUpColumnMonitoring() {
+        this.tableHeadObservable = new MutationObserver(() => {
+            this.synchronizeRowHeight();
+            this.onColumnsChanged.emit(null);
+        });
+        const tableHeads = [...this.el.nativeElement.getElementsByTagName("thead")];
+        tableHeads.forEach((tableHead) => {
+            this.tableHeadObservable.observe(tableHead, {
+                subtree: true,
+                childList: true
+            });
+        });
     }
     applyStylesForTable() {
         const scrollWrapper = this.el.nativeElement.querySelector(".ui-table-scrollable-wrapper");
@@ -6651,6 +6670,91 @@ StepsModule = __decorate([
     })
 ], StepsModule);
 
+var TimelineComponent_1;
+let TimelineComponent = TimelineComponent_1 = class TimelineComponent {
+    constructor() {
+        this.id = `s-timeline-${TimelineComponent_1.nextId++}`;
+        this.activeIndex = 0;
+    }
+    barAnimation(index, activeIndex) {
+        const visited = index < activeIndex;
+        const activated = index === activeIndex;
+        return visited || activated;
+    }
+    afterBarAnimation(index, activeIndex) {
+        const visited = index < activeIndex;
+        const activated = index === activeIndex - 1;
+        return visited || activated;
+    }
+    get visibledStep() {
+        return this.steps.filter((step) => !step.hidden);
+    }
+};
+TimelineComponent.nextId = 0;
+__decorate([
+    Input()
+], TimelineComponent.prototype, "id", void 0);
+__decorate([
+    Input()
+], TimelineComponent.prototype, "steps", void 0);
+__decorate([
+    Input()
+], TimelineComponent.prototype, "activeIndex", void 0);
+TimelineComponent = TimelineComponent_1 = __decorate([
+    Component({
+        selector: "s-timeline",
+        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",
+        host: {
+            "aria-orientation": "horizontal",
+            role: "tablist",
+            "tab-index": "0",
+        },
+        animations: [
+            trigger("beforeActiveDesative", [
+                state("active", style$7({
+                    "background-position": "left bottom",
+                })),
+                state("desactive", style$7({
+                    "background-position": "right bottom",
+                })),
+                transition("active => desactive", [animate("50ms 100ms linear")]),
+                transition("desactive => active", [animate("50ms 250ms linear")]),
+            ]),
+            trigger("activeDesative", [
+                state("active", style$7({
+                    "background-position": "left bottom",
+                })),
+                state("desactive", style$7({
+                    "background-position": "right bottom",
+                })),
+                transition("active => desactive", [animate("100ms 150ms linear")]),
+                transition("desactive => active", [animate("100ms 150ms linear")]),
+            ]),
+            trigger("afterActiveDesative", [
+                state("active", style$7({
+                    "background-position": "left bottom",
+                })),
+                state("desactive", style$7({
+                    "background-position": "right bottom",
+                })),
+                transition("active => desactive", [animate("50ms 250ms linear")]),
+                transition("desactive => active", [animate("50ms 100ms linear")]),
+            ]),
+        ],
+        styles: ["@keyframes scale-up-center{0%{transform:scale(.5)}100%{transform:scale(1)}}.s-timeline-container{display:-ms-flexbox;display:flex;white-space:nowrap;-ms-flex-align:start;align-items:flex-start;overflow:hidden;padding:15px 10px}.s-timeline-step-header{box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;height:auto;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:72px;max-height:98px;min-width:60px;width:100%}.s-timeline-step-header .s-timeline-help-label,.s-timeline-step-header .s-timeline-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;color:#999;font-size:14px;font-weight:400;padding-top:5px}.s-timeline-step-header .s-timeline-progress-bar-before{margin:0;position:absolute;top:20px;-ms-flex:auto;flex:auto;height:3px;overflow:hidden;width:calc(50% - 20px);background-color:#697882;background-image:linear-gradient(to right,#0c9348 50%,#697882 50%);background-position:right bottom;background-size:300% 100%;left:-10px}.s-timeline-step-header .s-timeline-progress-bar-before.s-timeline-step-active,.s-timeline-step-header .s-timeline-progress-bar-before.s-timeline-step-completed{background-position:left bottom}.s-timeline-step-header .s-timeline-progress-bar-after{margin:0;position:absolute;top:20px;-ms-flex:auto;flex:auto;height:3px;overflow:hidden;width:calc(50% - 20px);background-color:#697882;background-image:linear-gradient(to right,#0c9348 50%,#697882 50%);background-position:right bottom;background-size:300% 100%;right:-10px}.s-timeline-step-header .s-timeline-progress-bar-after.s-timeline-step-active,.s-timeline-step-header .s-timeline-progress-bar-after.s-timeline-step-completed{background-position:left bottom}.s-timeline-progress-bar{margin:0;position:relative;top:20px;-ms-flex:auto;flex:auto;height:3px;overflow:hidden;width:100%;background-color:#697882;background-image:linear-gradient(to right,#0c9348 50%,#697882 50%);background-position:right bottom;background-size:300% 100%}.s-timeline-index{background-color:#697882;border:3px solid #697882;border-radius:50%;color:#fff;display:inline-block;font-weight:700;position:relative;transition:background-color .2s ease-out;height:46px;width:46px;-ms-flex:none;flex:none}.s-timeline-index .s-timeline-index-content{line-height:18px;font-size:18px;padding-top:8.5px;text-align:center;position:relative}.s-timeline-step-active .s-timeline-index,.s-timeline-step-completed .s-timeline-index{border-color:#0c9348;animation:.1s ease-out alternate scale-up-center;background-color:#0c9348}.s-timeline-step-active.s-timeline-progress-bar,.s-timeline-step-completed.s-timeline-progress-bar{background-position:left bottom}.s-timeline-step-active .s-timeline-label,.s-timeline-step-completed .s-timeline-label{color:#333;font-weight:700}@media (max-width:767px){.s-timeline-help-label,.s-timeline-label{display:none}}"]
+    })
+], TimelineComponent);
+
+let TimelineModule = class TimelineModule {
+};
+TimelineModule = __decorate([
+    NgModule({
+        imports: [CommonModule, TooltipModule],
+        declarations: [TimelineComponent],
+        exports: [TimelineComponent],
+    })
+], TimelineModule);
+
 var TileComponent_1;
 let TileComponent = TileComponent_1 = class TileComponent {
     constructor() {
@@ -8401,5 +8505,5 @@ CodeEditorModule = __decorate([
  * Generated bundle index. Do not edit.
  */
 
-export { AngularComponentsModule, AutocompleteField, BaseFieldComponent, BignumberField, BignumberInputDirective, BignumberInputModule, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonComponent, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, ChipsField, CodeEditorModule, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CurrencyField, CustomFieldsComponent, CustomFieldsModule, CustomFieldsService, DEFAULT_CALENDAR_LOCALE_OPTIONS, DEFAULT_LOCALE_OPTIONS, DEFAULT_NUMBER_LOCALE_OPTIONS, DoubleClickDirective, DynamicConfig, DynamicFormComponent, DynamicFormModule, DynamicType, EditableOverlayDirective, EditableOverlayModule, EmptyStateComponent, EmptyStateModule, EnumBadgeColors, EnumColumnFieldType, ExportUtils, Field, FieldType, Fieldset, FileUploadComponent, FileUploadModule, FormField, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, HostProjectConfigsInjectionToken, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, Languages, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent, ObjectCardModule, Option, ProductHeaderComponent, ProductHeaderModule, RadioButtonField, RationButtonOption, RowTogllerDirective, Section, SelectField, SelectOption, SidebarComponent, SidebarModule, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, TableFrozenPositionDirective, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TaxCalculationLanguageConfigs, TextAreaField, TextField, Themes, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TileComponent, TileModule, TokenListComponent, TokenListModule, ValidateErrors, LocalizedCurrencyImpurePipe as ɵa, LocalizedBignumberPipe as ɵb, DecimalField as ɵba, StructureModule as ɵbb, HeaderComponent as ɵbc, FooterComponent as ɵbd, NumberLocaleOptions as ɵbe, ThumbnailService as ɵbf, InfiniteScrollModule as ɵbg, InfiniteScrollDirective as ɵbh, CustomTranslationsModule as ɵbi, CodeEditorComponent as ɵbj, CoreFacade as ɵbk, CodeMirror6Core as ɵbl, LocalizedBignumberImpurePipe as ɵc, EmptyStateGoBackComponent as ɵd, TableColumnsComponent as ɵe, TablePagingComponent as ɵf, InfoSignComponent as ɵg, AutocompleteFieldComponent as ɵh, BooleanFieldComponent as ɵi, CalendarFieldComponent as ɵj, ChipsFieldComponent as ɵk, CurrencyFieldComponent as ɵl, DynamicFieldComponent as ɵm, DynamicFormDirective as ɵn, FieldsetComponent as ɵo, FileUploadComponent$1 as ɵp, LookupFieldComponent as ɵq, NumberFieldComponent as ɵr, BignumberFieldComponent as ɵs, RadioButtonComponent as ɵt, RowComponent as ɵu, SectionComponent as ɵv, SelectFieldComponent as ɵw, TextAreaFieldComponent as ɵx, TextFieldComponent as ɵy };
+export { AngularComponentsModule, AutocompleteField, BaseFieldComponent, BignumberField, BignumberInputDirective, BignumberInputModule, BooleanField, BooleanOptionsLabel, BreadcrumbComponent, BreadcrumbModule, Breakpoints, ButtonComponent, ButtonModule, ButtonPriority, ButtonSize, CalendarField, CalendarLocaleOptions, CalendarMaskDirective, CalendarMaskModule, ChipsField, CodeEditorModule, CollapseLinkComponent, CollapseLinkModule, ControlErrorsComponent, ControlErrorsModule, CurrencyField, CustomFieldsComponent, CustomFieldsModule, CustomFieldsService, DEFAULT_CALENDAR_LOCALE_OPTIONS, DEFAULT_LOCALE_OPTIONS, DEFAULT_NUMBER_LOCALE_OPTIONS, DoubleClickDirective, DynamicConfig, DynamicFormComponent, DynamicFormModule, DynamicType, EditableOverlayDirective, EditableOverlayModule, EmptyStateComponent, EmptyStateModule, EnumBadgeColors, EnumColumnFieldType, ExportUtils, Field, FieldType, Fieldset, FileUploadComponent, FileUploadModule, FormField, GlobalSearchComponent, GlobalSearchDropdownItemComponent, GlobalSearchModule, GlobalSearchSizeEnum, HostProjectConfigsInjectionToken, ImageCropperComponent, ImageCropperModule, ImageCropperService, InfoSignDirective, InfoSignModule, Languages, LoadingStateComponent, LoadingStateDirective, LoadingStateModule, LocaleModule, LocaleOptions, LocaleService, LocalizedCurrencyPipe, LocalizedCurrencyPipeOptions, LocalizedDateImpurePipe, LocalizedDatePipe, LocalizedNumberInputDirective, LocalizedNumberInputModule, LocalizedNumberPipe, LocalizedTimeImpurePipe, LocalizedTimePipe, LongPressDirective, LookupComponent, LookupField, MaskFormatterModule, MaskFormatterPipe, MouseEventsModule, NavigationDirective, NumberAlignmentOption, NumberField, NumberInputDirective, NumberInputModule, NumberLocaleOptions, ObjectCardComponent, ObjectCardFieldComponent, ObjectCardMainComponent, ObjectCardModule, Option, ProductHeaderComponent, ProductHeaderModule, RadioButtonField, RationButtonOption, RowTogllerDirective, Section, SelectField, SelectOption, SidebarComponent, SidebarModule, StatsCardComponent, StatsCardModule, StepState, StepsComponent, StepsModule, Structure, TableFrozenPositionDirective, TableHeaderCheckboxComponent, TableHeaderCheckboxModule, TableModule, TaxCalculationLanguageConfigs, TextAreaField, TextField, Themes, ThumbnailComponent, ThumbnailModule, ThumbnailSize, TileComponent, TileModule, TimelineComponent, TimelineModule, TokenListComponent, TokenListModule, ValidateErrors, LocalizedCurrencyImpurePipe as ɵa, LocalizedBignumberPipe as ɵb, DecimalField as ɵba, StructureModule as ɵbb, HeaderComponent as ɵbc, FooterComponent as ɵbd, NumberLocaleOptions as ɵbe, ThumbnailService as ɵbf, InfiniteScrollModule as ɵbg, InfiniteScrollDirective as ɵbh, CustomTranslationsModule as ɵbi, CodeEditorComponent as ɵbj, CoreFacade as ɵbk, CodeMirror6Core as ɵbl, LocalizedBignumberImpurePipe as ɵc, EmptyStateGoBackComponent as ɵd, TableColumnsComponent as ɵe, TablePagingComponent as ɵf, InfoSignComponent as ɵg, AutocompleteFieldComponent as ɵh, BooleanFieldComponent as ɵi, CalendarFieldComponent as ɵj, ChipsFieldComponent as ɵk, CurrencyFieldComponent as ɵl, DynamicFieldComponent as ɵm, DynamicFormDirective as ɵn, FieldsetComponent as ɵo, FileUploadComponent$1 as ɵp, LookupFieldComponent as ɵq, NumberFieldComponent as ɵr, BignumberFieldComponent as ɵs, RadioButtonComponent as ɵt, RowComponent as ɵu, SectionComponent as ɵv, SelectFieldComponent as ɵw, TextAreaFieldComponent as ɵx, TextFieldComponent as ɵy };
 //# sourceMappingURL=seniorsistemas-angular-components.js.map