@seniorsistemas/angular-components 14.16.33 → 15.0.1

package/esm5/components/timeline/components/vertical-timeline/components/collapse-option/collapse-option.component.js

@@ -0,0 +1,27 @@
+import { __decorate } from "tslib";
+import { Component, Input, Output, EventEmitter } from "@angular/core";
+var CollapseOptionComponent = /** @class */ (function () {
+    function CollapseOptionComponent() {
+        this.isCollapsed = false;
+        this.change = new EventEmitter();
+    }
+    CollapseOptionComponent.prototype.onClick = function () {
+        this.change.emit(!this.isCollapsed);
+    };
+    __decorate([
+        Input()
+    ], CollapseOptionComponent.prototype, "isCollapsed", void 0);
+    __decorate([
+        Output()
+    ], CollapseOptionComponent.prototype, "change", void 0);
+    CollapseOptionComponent = __decorate([
+        Component({
+            selector: "s-collapse-option",
+            template: "<div\n   class=\"collapse-option\"\n   (click)=\"onClick()\">\n   <div class=\"collapse-option__icon\">\n      <span\n         class=\"fas\"\n         [ngClass]=\"{\n            'fa-minus': !isCollapsed,\n            'fa-plus': isCollapsed\n         }\">\n      </span>\n   </div>\n</div>",
+            styles: [".collapse-option{-ms-flex-align:center;align-items:center;background-color:#428bca;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:24px;-ms-flex-pack:center;justify-content:center;margin:4px;width:24px}.collapse-option .collapse-option__icon{color:#fff}"]
+        })
+    ], CollapseOptionComponent);
+    return CollapseOptionComponent;
+}());
+export { CollapseOptionComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sbGFwc2Utb3B0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzZW5pb3JzaXN0ZW1hcy9hbmd1bGFyLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJjb21wb25lbnRzL3RpbWVsaW5lL2NvbXBvbmVudHMvdmVydGljYWwtdGltZWxpbmUvY29tcG9uZW50cy9jb2xsYXBzZS1vcHRpb24vY29sbGFwc2Utb3B0aW9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQU92RTtJQUFBO1FBRVUsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFHcEIsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7SUFLL0MsQ0FBQztJQUhTLHlDQUFPLEdBQWQ7UUFDRyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUN2QyxDQUFDO0lBUEQ7UUFEQyxLQUFLLEVBQUU7Z0VBQ21CO0lBRzNCO1FBREMsTUFBTSxFQUFFOzJEQUNtQztJQUxsQyx1QkFBdUI7UUFMbkMsU0FBUyxDQUFDO1lBQ1IsUUFBUSxFQUFFLG1CQUFtQjtZQUM3Qiw0U0FBK0M7O1NBRWpELENBQUM7T0FDVyx1QkFBdUIsQ0FVbkM7SUFBRCw4QkFBQztDQUFBLEFBVkQsSUFVQztTQVZZLHVCQUF1QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuQENvbXBvbmVudCh7XG4gICBzZWxlY3RvcjogXCJzLWNvbGxhcHNlLW9wdGlvblwiLFxuICAgdGVtcGxhdGVVcmw6IFwiLi9jb2xsYXBzZS1vcHRpb24uY29tcG9uZW50Lmh0bWxcIixcbiAgIHN0eWxlVXJsczogW1wiLi9jb2xsYXBzZS1vcHRpb24uY29tcG9uZW50LnNjc3NcIl0sXG59KVxuZXhwb3J0IGNsYXNzIENvbGxhcHNlT3B0aW9uQ29tcG9uZW50IHtcbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgaXNDb2xsYXBzZWQgPSBmYWxzZTtcblxuICAgQE91dHB1dCgpXG4gICBwdWJsaWMgY2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gICBwdWJsaWMgb25DbGljaygpOiB2b2lkIHtcbiAgICAgIHRoaXMuY2hhbmdlLmVtaXQoIXRoaXMuaXNDb2xsYXBzZWQpO1xuICAgfVxufVxuIl19

package/esm5/components/timeline/components/vertical-timeline/components/collapsed-items/collapsed-items.component.js

@@ -0,0 +1,36 @@
+import { __decorate } from "tslib";
+import { Component, Input, Output, EventEmitter } from "@angular/core";
+var CollapsedItemsComponent = /** @class */ (function () {
+    function CollapsedItemsComponent() {
+        this.isCollapsedChange = new EventEmitter();
+    }
+    CollapsedItemsComponent.prototype.onChange = function (event) {
+        this.isCollapsed = !this.isCollapsed;
+        this.isCollapsedChange.emit(this.isCollapsed);
+    };
+    __decorate([
+        Input()
+    ], CollapsedItemsComponent.prototype, "items", void 0);
+    __decorate([
+        Input()
+    ], CollapsedItemsComponent.prototype, "isCollapsed", void 0);
+    __decorate([
+        Input()
+    ], CollapsedItemsComponent.prototype, "isCompleted", void 0);
+    __decorate([
+        Input()
+    ], CollapsedItemsComponent.prototype, "counterLabel", void 0);
+    __decorate([
+        Output()
+    ], CollapsedItemsComponent.prototype, "isCollapsedChange", void 0);
+    CollapsedItemsComponent = __decorate([
+        Component({
+            selector: "s-collapsed-items",
+            template: "<div class=\"collapsed-items\">\n   <div\n      class=\"collapsed-items__item\"\n      [ngClass]=\"{ 'collapsed-items__item--completed' : isCompleted }\">\n      <div class=\"collapsed-items__item__icon-wrapper\">\n         <s-collapse-option\n            [isCollapsed]=\"isCollapsed\"\n            (change)=\"onChange($event)\">\n         </s-collapse-option>\n         <div class=\"collapsed-items__item__icon-wrapper__line\"></div>\n      </div>\n      <div\n         class=\"collapsed-items__item__info\"\n         (click)=\"onChange(!isCollapsed)\">\n         <div\n            class=\"collapsed-items__item__info__description\">\n            {{ items.length }} {{ counterLabel }}\n         </div>\n      </div>\n   </div>\n</div>",
+            styles: [".collapsed-items .collapsed-items__item{-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex}.collapsed-items .collapsed-items__item .collapsed-items__item__icon-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;width:56px}.collapsed-items .collapsed-items__item .collapsed-items__item__icon-wrapper .collapsed-items__item__icon-wrapper__line{background-color:#697882;border-radius:2px;-ms-flex-positive:1;flex-grow:1;min-height:20px;width:3px}.collapsed-items .collapsed-items__item .collapsed-items__item__info{-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;margin-bottom:20px;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.collapsed-items .collapsed-items__item .collapsed-items__item__info .collapsed-items__item__info__description{color:#428bca;font-family:\"Open Sans\",sans-serif;font-size:12px;font-weight:400;line-height:150%}.collapsed-items .collapsed-items__item.collapsed-items__item--completed .collapsed-items__item__icon-wrapper .collapsed-items__item__icon-wrapper__line{background-color:#0c9348}"]
+        })
+    ], CollapsedItemsComponent);
+    return CollapsedItemsComponent;
+}());
+export { CollapsedItemsComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sbGFwc2VkLWl0ZW1zLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzZW5pb3JzaXN0ZW1hcy9hbmd1bGFyLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJjb21wb25lbnRzL3RpbWVsaW5lL2NvbXBvbmVudHMvdmVydGljYWwtdGltZWxpbmUvY29tcG9uZW50cy9jb2xsYXBzZWQtaXRlbXMvY29sbGFwc2VkLWl0ZW1zLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQVN2RTtJQUFBO1FBY1Usc0JBQWlCLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztJQU0xRCxDQUFDO0lBSlMsMENBQVEsR0FBZixVQUFnQixLQUFjO1FBQzNCLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDO1FBQ3JDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQ2pELENBQUM7SUFqQkQ7UUFEQyxLQUFLLEVBQUU7MERBQ3FCO0lBRzdCO1FBREMsS0FBSyxFQUFFO2dFQUNvQjtJQUc1QjtRQURDLEtBQUssRUFBRTtnRUFDb0I7SUFHNUI7UUFEQyxLQUFLLEVBQUU7aUVBQ29CO0lBRzVCO1FBREMsTUFBTSxFQUFFO3NFQUM4QztJQWQ3Qyx1QkFBdUI7UUFMbkMsU0FBUyxDQUFDO1lBQ1IsUUFBUSxFQUFFLG1CQUFtQjtZQUM3QiwydUJBQStDOztTQUVqRCxDQUFDO09BQ1csdUJBQXVCLENBb0JuQztJQUFELDhCQUFDO0NBQUEsQUFwQkQsSUFvQkM7U0FwQlksdUJBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5pbXBvcnQgeyBUaW1lbGluZUl0ZW0gfSBmcm9tIFwiLi4vLi4vLi4vLi4vbW9kZWxzL3RpbWVsaW5lLWl0ZW1cIjtcblxuQENvbXBvbmVudCh7XG4gICBzZWxlY3RvcjogXCJzLWNvbGxhcHNlZC1pdGVtc1wiLFxuICAgdGVtcGxhdGVVcmw6IFwiLi9jb2xsYXBzZWQtaXRlbXMuY29tcG9uZW50Lmh0bWxcIixcbiAgIHN0eWxlVXJsczogW1wiLi9jb2xsYXBzZWQtaXRlbXMuY29tcG9uZW50LnNjc3NcIl0sXG59KVxuZXhwb3J0IGNsYXNzIENvbGxhcHNlZEl0ZW1zQ29tcG9uZW50IHtcbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgaXRlbXM6IFRpbWVsaW5lSXRlbVtdO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIGlzQ29sbGFwc2VkOiBib29sZWFuO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIGlzQ29tcGxldGVkOiBib29sZWFuO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIGNvdW50ZXJMYWJlbDogc3RyaW5nO1xuXG4gICBAT3V0cHV0KClcbiAgIHB1YmxpYyBpc0NvbGxhcHNlZENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICAgcHVibGljIG9uQ2hhbmdlKGV2ZW50OiBib29sZWFuKSB7XG4gICAgICB0aGlzLmlzQ29sbGFwc2VkID0gIXRoaXMuaXNDb2xsYXBzZWQ7XG4gICAgICB0aGlzLmlzQ29sbGFwc2VkQ2hhbmdlLmVtaXQodGhpcy5pc0NvbGxhcHNlZCk7XG4gICB9XG59XG4iXX0=

package/esm5/components/timeline/components/vertical-timeline/components/range-line/range-line.component.js

@@ -0,0 +1,16 @@
+import { __decorate } from "tslib";
+import { Component } from "@angular/core";
+var RangeLineComponent = /** @class */ (function () {
+    function RangeLineComponent() {
+    }
+    RangeLineComponent = __decorate([
+        Component({
+            selector: "s-range-line",
+            template: "<div class=\"range-line\">\n   <div class=\"range-line__horizontal\"></div>\n   <div class=\"range-line__vertical\"></div>\n   <div class=\"range-line__horizontal\"></div>\n</div>\n",
+            styles: [".range-line{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:20px;height:100%}.range-line .range-line__horizontal{background-color:#ccc;height:3px;width:100%}.range-line .range-line__vertical{background-color:#ccc;height:100%;width:3px}s-range-line{background-color:#add8e6}"]
+        })
+    ], RangeLineComponent);
+    return RangeLineComponent;
+}());
+export { RangeLineComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFuZ2UtbGluZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy90aW1lbGluZS9jb21wb25lbnRzL3ZlcnRpY2FsLXRpbWVsaW5lL2NvbXBvbmVudHMvcmFuZ2UtbGluZS9yYW5nZS1saW5lLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQU8xQztJQUFBO0lBQWtDLENBQUM7SUFBdEIsa0JBQWtCO1FBTDlCLFNBQVMsQ0FBQztZQUNSLFFBQVEsRUFBRSxjQUFjO1lBQ3hCLGlNQUEwQzs7U0FFNUMsQ0FBQztPQUNXLGtCQUFrQixDQUFJO0lBQUQseUJBQUM7Q0FBQSxBQUFuQyxJQUFtQztTQUF0QixrQkFBa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgIHNlbGVjdG9yOiBcInMtcmFuZ2UtbGluZVwiLFxuICAgdGVtcGxhdGVVcmw6IFwiLi9yYW5nZS1saW5lLmNvbXBvbmVudC5odG1sXCIsXG4gICBzdHlsZVVybHM6IFtcIi4vcmFuZ2UtbGluZS5jb21wb25lbnQuc2Nzc1wiXSxcbn0pXG5leHBvcnQgY2xhc3MgUmFuZ2VMaW5lQ29tcG9uZW50IHsgfVxuIl19

package/esm5/components/timeline/components/vertical-timeline/components/vertical-items/vertical-items.component.js

@@ -0,0 +1,28 @@
+import { __decorate } from "tslib";
+import { Component, Input } from "@angular/core";
+var VerticalItemsComponent = /** @class */ (function () {
+    function VerticalItemsComponent() {
+    }
+    __decorate([
+        Input()
+    ], VerticalItemsComponent.prototype, "items", void 0);
+    __decorate([
+        Input()
+    ], VerticalItemsComponent.prototype, "isLast", void 0);
+    __decorate([
+        Input()
+    ], VerticalItemsComponent.prototype, "isActive", void 0);
+    __decorate([
+        Input()
+    ], VerticalItemsComponent.prototype, "isCompleted", void 0);
+    VerticalItemsComponent = __decorate([
+        Component({
+            selector: "s-vertical-items",
+            template: "<div class=\"vertical-items\">\n   <ng-container *ngFor=\"let item of items; let index = index;\">\n      <div\n         class=\"vertical-items__item\"\n         [ngClass]=\"{\n            'vertical-items__item--small': item.testSize('small'),\n            'vertical-items__item--normal': item.testSize('normal'),\n            'vertical-items__item--completed': isCompleted,\n            'vertical-items__item--active': isActive\n         }\">\n         <div class=\"vertical-items__item__icon-wrapper\">\n            <s-timeline-icon-item\n               [item]=\"item\"\n               [isComplete]=\"isCompleted\"\n               [isActive]=\"isActive\">\n            </s-timeline-icon-item>\n            <div\n               class=\"vertical-items__item__icon-wrapper__line\"\n               [ngStyle]=\"{ 'visibility': isLast ? 'hidden' : 'visible' }\">\n            </div>\n         </div>\n         <div class=\"vertical-items__item__info\">\n            <div class=\"vertical-timeline__item__info__title\">\n               {{ item.title }}\n            </div>\n            <div class=\"vertical-items__item__info__description\">\n               {{ item.description }}\n            </div>\n         </div>\n      </div>\n   </ng-container>\n</div>",
+            styles: [".vertical-items .vertical-items__item{-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex;margin-right:50px}.vertical-items .vertical-items__item .vertical-items__item__collapsed-option{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}.vertical-items .vertical-items__item .vertical-items__item__collapsed-option .vertical-items__item__collapsed-option__line{width:3px;height:50px;background-color:#ccc}.vertical-items .vertical-items__item .vertical-items__item__icon-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;width:56px}.vertical-items .vertical-items__item .vertical-items__item__icon-wrapper .vertical-items__item__icon-wrapper__line{background-color:#697882;border-radius:2px;-ms-flex-positive:1;flex-grow:1;min-height:20px;width:3px}.vertical-items .vertical-items__item .vertical-items__item__info{-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;margin-bottom:12px}.vertical-items .vertical-items__item .vertical-items__item__info .vertical-items__item__info__title{color:#333;font-family:\"Open Sans\",sans-serif;font-size:14px;font-weight:700;line-height:150%}.vertical-items .vertical-items__item .vertical-items__item__info .vertical-items__item__info__description{color:#999;font-family:\"Open Sans\",sans-serif;font-size:12px;font-weight:400;line-height:150%}.vertical-items .vertical-items__item .vertical-items__item__info .vertical-items__item__info__description.vertical-items__item__info__description--link{color:#428bca}.vertical-items .vertical-items__item.vertical-items__item--small .vertical-items__item__icon-wrapper__line{height:calc(100% - 4px - 8px)}.vertical-items .vertical-items__item.vertical-items__item--medium .vertical-items__item__icon-wrapper__line{height:calc(100% - 4px - 12px)}.vertical-items .vertical-items__item.vertical-items__item--big .vertical-items__item__icon-wrapper__line{height:calc(50% - 4px - 20px)}.vertical-items .vertical-items__item.vertical-items__item--completed .vertical-items__item__icon-wrapper .vertical-items__item__icon-wrapper__line{background-color:#0c9348}"]
+        })
+    ], VerticalItemsComponent);
+    return VerticalItemsComponent;
+}());
+export { VerticalItemsComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtaXRlbXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvdGltZWxpbmUvY29tcG9uZW50cy92ZXJ0aWNhbC10aW1lbGluZS9jb21wb25lbnRzL3ZlcnRpY2FsLWl0ZW1zL3ZlcnRpY2FsLWl0ZW1zLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFTakQ7SUFBQTtJQVlBLENBQUM7SUFWRTtRQURDLEtBQUssRUFBRTt5REFDcUI7SUFHN0I7UUFEQyxLQUFLLEVBQUU7MERBQ2U7SUFHdkI7UUFEQyxLQUFLLEVBQUU7NERBQ2lCO0lBR3pCO1FBREMsS0FBSyxFQUFFOytEQUNvQjtJQVhsQixzQkFBc0I7UUFMbEMsU0FBUyxDQUFDO1lBQ1IsUUFBUSxFQUFFLGtCQUFrQjtZQUM1QixrdkNBQThDOztTQUVoRCxDQUFDO09BQ1csc0JBQXNCLENBWWxDO0lBQUQsNkJBQUM7Q0FBQSxBQVpELElBWUM7U0FaWSxzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuaW1wb3J0IHsgVGltZWxpbmVJdGVtIH0gZnJvbSBcIi4uLy4uLy4uLy4uL21vZGVscy90aW1lbGluZS1pdGVtXCI7XG5cbkBDb21wb25lbnQoe1xuICAgc2VsZWN0b3I6IFwicy12ZXJ0aWNhbC1pdGVtc1wiLFxuICAgdGVtcGxhdGVVcmw6IFwiLi92ZXJ0aWNhbC1pdGVtcy5jb21wb25lbnQuaHRtbFwiLFxuICAgc3R5bGVVcmxzOiBbXCIuL3ZlcnRpY2FsLWl0ZW1zLmNvbXBvbmVudC5zY3NzXCJdLFxufSlcbmV4cG9ydCBjbGFzcyBWZXJ0aWNhbEl0ZW1zQ29tcG9uZW50IHtcbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgaXRlbXM6IFRpbWVsaW5lSXRlbVtdO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIGlzTGFzdDogYm9vbGVhbjtcblxuICAgQElucHV0KClcbiAgIHB1YmxpYyBpc0FjdGl2ZTogYm9vbGVhbjtcblxuICAgQElucHV0KClcbiAgIHB1YmxpYyBpc0NvbXBsZXRlZDogYm9vbGVhbjtcbn1cbiJdfQ==

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

@@ -0,0 +1,55 @@
+import { __decorate } from "tslib";
+import { Component, Input } from "@angular/core";
+var VerticalTimelineComponent = /** @class */ (function () {
+    function VerticalTimelineComponent() {
+        this.isG1Collapsed = true;
+        this.isG2Collapsed = true;
+    }
+    Object.defineProperty(VerticalTimelineComponent.prototype, "activeIndex", {
+        get: function () {
+            return this._activeIndex;
+        },
+        set: function (index) {
+            this._activeIndex = index;
+            this.groupItems();
+        },
+        enumerable: true,
+        configurable: true
+    });
+    VerticalTimelineComponent.prototype.onChangeG1 = function (event) {
+        this.isG1Collapsed = event;
+    };
+    VerticalTimelineComponent.prototype.onChangeG2 = function (event) {
+        this.isG2Collapsed = event;
+    };
+    VerticalTimelineComponent.prototype.groupItems = function () {
+        this.firstItem = this.activeIndex === 0 ? [] : [this.items[0]];
+        this.g1Items = this.items.slice(1, this.activeIndex);
+        this.activeItem = [this.items[this.activeIndex]];
+        this.g2Items = this.items.slice(this.activeIndex + 1, this.items.length - 1);
+        this.lastItem = this.activeIndex === this.items.length - 1 ? [] : [this.items[this.items.length - 1]];
+    };
+    VerticalTimelineComponent.nextId = 0;
+    __decorate([
+        Input()
+    ], VerticalTimelineComponent.prototype, "activeIndex", null);
+    __decorate([
+        Input()
+    ], VerticalTimelineComponent.prototype, "items", void 0);
+    __decorate([
+        Input()
+    ], VerticalTimelineComponent.prototype, "counterLabel", void 0);
+    __decorate([
+        Input()
+    ], VerticalTimelineComponent.prototype, "collapsable", void 0);
+    VerticalTimelineComponent = __decorate([
+        Component({
+            selector: "s-vertical-timeline",
+            template: "<div class=\"vertical-timeline\">\n   <div\n      *ngIf=\"firstItem.length\"\n      class=\"vertical-timeline__block\">\n      <div class=\"vertical-timeline__block__prefix\"></div>\n      <s-vertical-items\n         [items]=\"firstItem\"\n         [isLast]=\"false\"\n         [isActive]=\"false\"\n         [isCompleted]=\"true\">\n      </s-vertical-items>\n   </div>\n\n   <div\n      *ngIf=\"g1Items.length\"\n      class=\"vertical-timeline__block\">\n      <div class=\"vertical-timeline__block__prefix\">\n         <ng-container *ngIf=\"g1Items.length > 1 && !isG1Collapsed\">\n            <s-collapse-option\n               *ngIf=\"collapsable\"\n               [isCollapsed]=\"isG1Collapsed\"\n               (change)=\"onChangeG1($event)\">\n            </s-collapse-option>\n            <s-range-line class=\"vertical-timeline__block__prefix__line\"></s-range-line>\n         </ng-container>\n      </div>\n\n      <div *ngIf=\"isG1Collapsed && g1Items.length > 1 && collapsable; then g1_collapsed; else g1_items\"></div>\n\n      <ng-template #g1_collapsed>\n         <s-collapsed-items\n            [items]=\"g1Items\"\n            [(isCollapsed)]=\"isG1Collapsed\"\n            [isCompleted]=\"true\"\n            [counterLabel]=\"counterLabel\">\n         </s-collapsed-items>\n      </ng-template>\n\n      <ng-template #g1_items>\n         <s-vertical-items\n            [items]=\"g1Items\"\n            [isLast]=\"false\"\n            [isActive]=\"false\"\n            [isCompleted]=\"true\">\n         </s-vertical-items>\n      </ng-template>\n   </div>\n\n   <div\n      *ngIf=\"activeItem.length\"\n      class=\"vertical-timeline__block\">\n      <div class=\"vertical-timeline__block__prefix\"></div>\n      <s-vertical-items\n         [items]=\"activeItem\"\n         [isLast]=\"!lastItem.length\"\n         [isActive]=\"true\"\n         [isCompleted]=\"false\">\n      </s-vertical-items>\n   </div>\n\n   <div\n      *ngIf=\"g2Items.length\"\n      class=\"vertical-timeline__block\">\n      <div class=\"vertical-timeline__block__prefix\">\n         <ng-container *ngIf=\"g2Items.length > 1 && !isG2Collapsed\">\n            <s-collapse-option\n               *ngIf=\"collapsable\"\n               [isCollapsed]=\"isG2Collapsed\"\n               (change)=\"onChangeG2($event)\">\n            </s-collapse-option>\n            <s-range-line class=\"vertical-timeline__block__prefix__line\"></s-range-line>\n         </ng-container>\n      </div>\n\n      <div *ngIf=\"isG2Collapsed && g2Items.length > 1 && collapsable; then g2_collapsed; else g2_items\"></div>\n\n      <ng-template #g2_collapsed>\n         <s-collapsed-items\n            [items]=\"g2Items\"\n            [(isCollapsed)]=\"isG2Collapsed\"\n            [isCompleted]=\"false\"\n            [counterLabel]=\"counterLabel\">\n         </s-collapsed-items>\n      </ng-template>\n\n      <ng-template #g2_items>\n         <s-vertical-items\n            [items]=\"g2Items\"\n            [isLast]=\"false\"\n            [isActive]=\"false\"\n            [isCompleted]=\"false\">\n         </s-vertical-items>\n      </ng-template>\n   </div>\n\n   <div\n      *ngIf=\"lastItem.length\"\n      class=\"vertical-timeline__block\">\n      <div class=\"vertical-timeline__block__prefix\"></div>\n      <s-vertical-items\n         [items]=\"lastItem\"\n         [isLast]=\"true\"\n         [isActive]=\"false\"\n         [isCompleted]=\"false\">\n      </s-vertical-items>\n   </div>\n</div>",
+            styles: [".vertical-timeline{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.vertical-timeline .vertical-timeline__block{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch}.vertical-timeline .vertical-timeline__block .vertical-timeline__block__prefix{width:60px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0}.vertical-timeline .vertical-timeline__block .vertical-timeline__block__prefix .vertical-timeline__block__prefix__line{height:100%}"]
+        })
+    ], VerticalTimelineComponent);
+    return VerticalTimelineComponent;
+}());
+export { VerticalTimelineComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtdGltZWxpbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvdGltZWxpbmUvY29tcG9uZW50cy92ZXJ0aWNhbC10aW1lbGluZS92ZXJ0aWNhbC10aW1lbGluZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBU2pEO0lBQUE7UUFHVSxrQkFBYSxHQUFHLElBQUksQ0FBQztRQUNyQixrQkFBYSxHQUFHLElBQUksQ0FBQztJQTBDL0IsQ0FBQztJQWpDRSxzQkFBVyxrREFBVzthQUt0QjtZQUNHLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQztRQUM1QixDQUFDO2FBUEQsVUFBdUIsS0FBYTtZQUNqQyxJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztZQUMxQixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7UUFDckIsQ0FBQzs7O09BQUE7SUFlTSw4Q0FBVSxHQUFqQixVQUFrQixLQUFjO1FBQzdCLElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDO0lBQzlCLENBQUM7SUFFTSw4Q0FBVSxHQUFqQixVQUFrQixLQUFjO1FBQzdCLElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDO0lBQzlCLENBQUM7SUFFTSw4Q0FBVSxHQUFqQjtRQUNHLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFdBQVcsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDL0QsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ3JELElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDO1FBQ2pELElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUM7UUFDN0UsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsV0FBVyxLQUFLLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUN6RyxDQUFDO0lBNUNhLGdDQUFNLEdBQUcsQ0FBQyxDQUFDO0lBWXpCO1FBREMsS0FBSyxFQUFFO2dFQUlQO0lBT0Q7UUFEQyxLQUFLLEVBQUU7NERBQ3FCO0lBRzdCO1FBREMsS0FBSyxFQUFFO21FQUNvQjtJQUc1QjtRQURDLEtBQUssRUFBRTtrRUFDb0I7SUE3QmxCLHlCQUF5QjtRQUxyQyxTQUFTLENBQUM7WUFDUixRQUFRLEVBQUUscUJBQXFCO1lBQy9CLGk2R0FBaUQ7O1NBRW5ELENBQUM7T0FDVyx5QkFBeUIsQ0E4Q3JDO0lBQUQsZ0NBQUM7Q0FBQSxBQTlDRCxJQThDQztTQTlDWSx5QkFBeUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuaW1wb3J0IHsgVGltZWxpbmVJdGVtIH0gZnJvbSBcIi4uLy4uL21vZGVscy90aW1lbGluZS1pdGVtXCI7XG5cbkBDb21wb25lbnQoe1xuICAgc2VsZWN0b3I6IFwicy12ZXJ0aWNhbC10aW1lbGluZVwiLFxuICAgdGVtcGxhdGVVcmw6IFwiLi92ZXJ0aWNhbC10aW1lbGluZS5jb21wb25lbnQuaHRtbFwiLFxuICAgc3R5bGVVcmxzOiBbXCIuL3ZlcnRpY2FsLXRpbWVsaW5lLmNvbXBvbmVudC5zY3NzXCJdLFxufSlcbmV4cG9ydCBjbGFzcyBWZXJ0aWNhbFRpbWVsaW5lQ29tcG9uZW50IHtcbiAgIHB1YmxpYyBzdGF0aWMgbmV4dElkID0gMDtcbiAgIHByaXZhdGUgX2FjdGl2ZUluZGV4OiBudW1iZXI7XG4gICBwdWJsaWMgaXNHMUNvbGxhcHNlZCA9IHRydWU7XG4gICBwdWJsaWMgaXNHMkNvbGxhcHNlZCA9IHRydWU7XG5cbiAgIHB1YmxpYyBmaXJzdEl0ZW06IFRpbWVsaW5lSXRlbVtdO1xuICAgcHVibGljIGcxSXRlbXM6IFRpbWVsaW5lSXRlbVtdO1xuICAgcHVibGljIGFjdGl2ZUl0ZW06IFRpbWVsaW5lSXRlbVtdO1xuICAgcHVibGljIGcySXRlbXM6IFRpbWVsaW5lSXRlbVtdO1xuICAgcHVibGljIGxhc3RJdGVtOiBUaW1lbGluZUl0ZW1bXTtcblxuICAgQElucHV0KClcbiAgIHB1YmxpYyBzZXQgYWN0aXZlSW5kZXgoaW5kZXg6IG51bWJlcikge1xuICAgICAgdGhpcy5fYWN0aXZlSW5kZXggPSBpbmRleDtcbiAgICAgIHRoaXMuZ3JvdXBJdGVtcygpO1xuICAgfVxuXG4gICBwdWJsaWMgZ2V0IGFjdGl2ZUluZGV4KCkge1xuICAgICAgcmV0dXJuIHRoaXMuX2FjdGl2ZUluZGV4O1xuICAgfVxuXG4gICBASW5wdXQoKVxuICAgcHVibGljIGl0ZW1zOiBUaW1lbGluZUl0ZW1bXTtcblxuICAgQElucHV0KClcbiAgIHB1YmxpYyBjb3VudGVyTGFiZWw6IHN0cmluZztcblxuICAgQElucHV0KClcbiAgIHB1YmxpYyBjb2xsYXBzYWJsZTogYm9vbGVhbjtcblxuICAgcHVibGljIG9uQ2hhbmdlRzEoZXZlbnQ6IGJvb2xlYW4pIHtcbiAgICAgIHRoaXMuaXNHMUNvbGxhcHNlZCA9IGV2ZW50O1xuICAgfVxuXG4gICBwdWJsaWMgb25DaGFuZ2VHMihldmVudDogYm9vbGVhbikge1xuICAgICAgdGhpcy5pc0cyQ29sbGFwc2VkID0gZXZlbnQ7XG4gICB9XG5cbiAgIHB1YmxpYyBncm91cEl0ZW1zKCkge1xuICAgICAgdGhpcy5maXJzdEl0ZW0gPSB0aGlzLmFjdGl2ZUluZGV4ID09PSAwID8gW10gOiBbdGhpcy5pdGVtc1swXV07XG4gICAgICB0aGlzLmcxSXRlbXMgPSB0aGlzLml0ZW1zLnNsaWNlKDEsIHRoaXMuYWN0aXZlSW5kZXgpO1xuICAgICAgdGhpcy5hY3RpdmVJdGVtID0gW3RoaXMuaXRlbXNbdGhpcy5hY3RpdmVJbmRleF1dO1xuICAgICAgdGhpcy5nMkl0ZW1zID0gdGhpcy5pdGVtcy5zbGljZSh0aGlzLmFjdGl2ZUluZGV4ICsgMSwgdGhpcy5pdGVtcy5sZW5ndGggLSAxKTtcbiAgICAgIHRoaXMubGFzdEl0ZW0gPSB0aGlzLmFjdGl2ZUluZGV4ID09PSB0aGlzLml0ZW1zLmxlbmd0aCAtIDEgPyBbXSA6IFt0aGlzLml0ZW1zW3RoaXMuaXRlbXMubGVuZ3RoIC0gMV1dO1xuICAgfVxufVxuIl19

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

@@ -0,0 +1,32 @@
+import { __decorate } from "tslib";
+import { NgModule } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import { TimelineItemModule } from "../timeline-icon-item/timeline-icon-item.module";
+import { VerticalTimelineComponent } from "./vertical-timeline.component";
+import { RangeLineComponent } from "./components/range-line/range-line.component";
+import { CollapseOptionComponent } from "./components/collapse-option/collapse-option.component";
+import { CollapsedItemsComponent } from "./components/collapsed-items/collapsed-items.component";
+import { VerticalItemsComponent } from "./components/vertical-items/vertical-items.component";
+var VerticalTimelineModule = /** @class */ (function () {
+    function VerticalTimelineModule() {
+    }
+    VerticalTimelineModule = __decorate([
+        NgModule({
+            imports: [
+                CommonModule,
+                TimelineItemModule,
+            ],
+            declarations: [
+                VerticalTimelineComponent,
+                RangeLineComponent,
+                CollapseOptionComponent,
+                CollapsedItemsComponent,
+                VerticalItemsComponent,
+            ],
+            exports: [VerticalTimelineComponent],
+        })
+    ], VerticalTimelineModule);
+    return VerticalTimelineModule;
+}());
+export { VerticalTimelineModule };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtdGltZWxpbmUubW9kdWxlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvdGltZWxpbmUvY29tcG9uZW50cy92ZXJ0aWNhbC10aW1lbGluZS92ZXJ0aWNhbC10aW1lbGluZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9DLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGlEQUFpRCxDQUFDO0FBQ3JGLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQzFFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBQ2xGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHdEQUF3RCxDQUFDO0FBQ2pHLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHdEQUF3RCxDQUFDO0FBQ2pHLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHNEQUFzRCxDQUFDO0FBZ0I5RjtJQUFBO0lBQXNDLENBQUM7SUFBMUIsc0JBQXNCO1FBZGxDLFFBQVEsQ0FBQztZQUNQLE9BQU8sRUFBRTtnQkFDTixZQUFZO2dCQUNaLGtCQUFrQjthQUNwQjtZQUNELFlBQVksRUFBRTtnQkFDWCx5QkFBeUI7Z0JBQ3pCLGtCQUFrQjtnQkFDbEIsdUJBQXVCO2dCQUN2Qix1QkFBdUI7Z0JBQ3ZCLHNCQUFzQjthQUN4QjtZQUNELE9BQU8sRUFBRSxDQUFDLHlCQUF5QixDQUFDO1NBQ3RDLENBQUM7T0FDVyxzQkFBc0IsQ0FBSTtJQUFELDZCQUFDO0NBQUEsQUFBdkMsSUFBdUM7U0FBMUIsc0JBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xuXG5pbXBvcnQgeyBUaW1lbGluZUl0ZW1Nb2R1bGUgfSBmcm9tIFwiLi4vdGltZWxpbmUtaWNvbi1pdGVtL3RpbWVsaW5lLWljb24taXRlbS5tb2R1bGVcIjtcbmltcG9ydCB7IFZlcnRpY2FsVGltZWxpbmVDb21wb25lbnQgfSBmcm9tIFwiLi92ZXJ0aWNhbC10aW1lbGluZS5jb21wb25lbnRcIjtcbmltcG9ydCB7IFJhbmdlTGluZUNvbXBvbmVudCB9IGZyb20gXCIuL2NvbXBvbmVudHMvcmFuZ2UtbGluZS9yYW5nZS1saW5lLmNvbXBvbmVudFwiO1xuaW1wb3J0IHsgQ29sbGFwc2VPcHRpb25Db21wb25lbnQgfSBmcm9tIFwiLi9jb21wb25lbnRzL2NvbGxhcHNlLW9wdGlvbi9jb2xsYXBzZS1vcHRpb24uY29tcG9uZW50XCI7XG5pbXBvcnQgeyBDb2xsYXBzZWRJdGVtc0NvbXBvbmVudCB9IGZyb20gXCIuL2NvbXBvbmVudHMvY29sbGFwc2VkLWl0ZW1zL2NvbGxhcHNlZC1pdGVtcy5jb21wb25lbnRcIjtcbmltcG9ydCB7IFZlcnRpY2FsSXRlbXNDb21wb25lbnQgfSBmcm9tIFwiLi9jb21wb25lbnRzL3ZlcnRpY2FsLWl0ZW1zL3ZlcnRpY2FsLWl0ZW1zLmNvbXBvbmVudFwiO1xuXG5ATmdNb2R1bGUoe1xuICAgaW1wb3J0czogW1xuICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgVGltZWxpbmVJdGVtTW9kdWxlLFxuICAgXSxcbiAgIGRlY2xhcmF0aW9uczogW1xuICAgICAgVmVydGljYWxUaW1lbGluZUNvbXBvbmVudCxcbiAgICAgIFJhbmdlTGluZUNvbXBvbmVudCxcbiAgICAgIENvbGxhcHNlT3B0aW9uQ29tcG9uZW50LFxuICAgICAgQ29sbGFwc2VkSXRlbXNDb21wb25lbnQsXG4gICAgICBWZXJ0aWNhbEl0ZW1zQ29tcG9uZW50LFxuICAgXSxcbiAgIGV4cG9ydHM6IFtWZXJ0aWNhbFRpbWVsaW5lQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgVmVydGljYWxUaW1lbGluZU1vZHVsZSB7IH1cbiJdfQ==

package/esm5/components/timeline/index.js

@@ -1,3 +1,4 @@
-export * from "./timeline.module";
-export * from "./timeline.component";
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy90aW1lbGluZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsc0JBQXNCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tIFwiLi90aW1lbGluZS5tb2R1bGVcIjtcbmV4cG9ydCAqIGZyb20gXCIuL3RpbWVsaW5lLmNvbXBvbmVudFwiO1xuIl19
+export { TimelineModule } from "./timeline.module";
+export { TimelineComponent } from "./timeline.component";
+export { TimelineItem, TimelineItemSeverity, TimelineItemSize } from "./models/index";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy90aW1lbGluZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDbkQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDekQsT0FBTyxFQUFFLFlBQVksRUFBRSxvQkFBb0IsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGdCQUFnQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgVGltZWxpbmVNb2R1bGUgfSBmcm9tIFwiLi90aW1lbGluZS5tb2R1bGVcIjtcbmV4cG9ydCB7IFRpbWVsaW5lQ29tcG9uZW50IH0gZnJvbSBcIi4vdGltZWxpbmUuY29tcG9uZW50XCI7XG5leHBvcnQgeyBUaW1lbGluZUl0ZW0sIFRpbWVsaW5lSXRlbVNldmVyaXR5LCBUaW1lbGluZUl0ZW1TaXplIH0gZnJvbSBcIi4vbW9kZWxzL2luZGV4XCI7XG4iXX0=

package/esm5/components/timeline/models/index.js

@@ -0,0 +1,4 @@
+export { TimelineItem } from "./timeline-item";
+export { TimelineItemSeverity } from "./timeline-item-severity";
+export { TimelineItemSize } from "./timeline-item-size";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy90aW1lbGluZS9tb2RlbHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgVGltZWxpbmVJdGVtIH0gZnJvbSBcIi4vdGltZWxpbmUtaXRlbVwiO1xuZXhwb3J0IHsgVGltZWxpbmVJdGVtU2V2ZXJpdHkgfSBmcm9tIFwiLi90aW1lbGluZS1pdGVtLXNldmVyaXR5XCI7XG5leHBvcnQgeyBUaW1lbGluZUl0ZW1TaXplIH0gZnJvbSBcIi4vdGltZWxpbmUtaXRlbS1zaXplXCI7XG4iXX0=

package/esm5/components/timeline/models/timeline-item-severity.js

@@ -0,0 +1,7 @@
+export var TimelineItemSeverity;
+(function (TimelineItemSeverity) {
+    TimelineItemSeverity["Normal"] = "normal";
+    TimelineItemSeverity["Warning"] = "warning";
+    TimelineItemSeverity["Error"] = "error";
+})(TimelineItemSeverity || (TimelineItemSeverity = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUtaXRlbS1zZXZlcml0eS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzZW5pb3JzaXN0ZW1hcy9hbmd1bGFyLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJjb21wb25lbnRzL3RpbWVsaW5lL21vZGVscy90aW1lbGluZS1pdGVtLXNldmVyaXR5LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLG9CQUlYO0FBSkQsV0FBWSxvQkFBb0I7SUFDN0IseUNBQWlCLENBQUE7SUFDakIsMkNBQW1CLENBQUE7SUFDbkIsdUNBQWUsQ0FBQTtBQUNsQixDQUFDLEVBSlcsb0JBQW9CLEtBQXBCLG9CQUFvQixRQUkvQiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBlbnVtIFRpbWVsaW5lSXRlbVNldmVyaXR5IHtcbiAgIE5vcm1hbCA9IFwibm9ybWFsXCIsXG4gICBXYXJuaW5nID0gXCJ3YXJuaW5nXCIsXG4gICBFcnJvciA9IFwiZXJyb3JcIixcbn1cbiJdfQ==

package/esm5/components/timeline/models/timeline-item-size.js

@@ -0,0 +1,6 @@
+export var TimelineItemSize;
+(function (TimelineItemSize) {
+    TimelineItemSize["Normal"] = "normal";
+    TimelineItemSize["Small"] = "small";
+})(TimelineItemSize || (TimelineItemSize = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUtaXRlbS1zaXplLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvdGltZWxpbmUvbW9kZWxzL3RpbWVsaW5lLWl0ZW0tc2l6ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQU4sSUFBWSxnQkFHWDtBQUhELFdBQVksZ0JBQWdCO0lBQ3pCLHFDQUFpQixDQUFBO0lBQ2pCLG1DQUFlLENBQUE7QUFDbEIsQ0FBQyxFQUhXLGdCQUFnQixLQUFoQixnQkFBZ0IsUUFHM0IiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZW51bSBUaW1lbGluZUl0ZW1TaXplIHtcbiAgIE5vcm1hbCA9IFwibm9ybWFsXCIsXG4gICBTbWFsbCA9IFwic21hbGxcIixcbn1cbiJdfQ==

package/esm5/components/timeline/models/timeline-item.js

@@ -0,0 +1,38 @@
+import { TimelineItemSeverity } from "./timeline-item-severity";
+import { TimelineItemSize } from "./timeline-item-size";
+var LABEL_MAX_LENGTH = 2;
+var TimelineItem = /** @class */ (function () {
+    function TimelineItem(params) {
+        this.id = params.id;
+        this.title = params.title;
+        this.description = params.description;
+        this.icon = params.icon;
+        this.label = params.label;
+        this.tooltip = params.tooltip;
+        this.size = params.size || TimelineItemSize.Normal;
+        this.severity = params.severity || TimelineItemSeverity.Normal;
+        this.checkItemIconContent();
+    }
+    TimelineItem.prototype.checkItemIconContent = function () {
+        var _a;
+        if (!this.icon && !this.label) {
+            throw new Error("No icon or label string was passed for the item. Enter an icon or label text");
+        }
+        if (this.icon && this.label) {
+            throw new Error("An icon and label string were passed to the item. Enter an icon or label text");
+        }
+        if (((_a = this.label) === null || _a === void 0 ? void 0 : _a.length) > LABEL_MAX_LENGTH) {
+            throw new Error("Label text is expected to be a maximum of two characters long");
+        }
+    };
+    TimelineItem.prototype.testSize = function (value) {
+        return this.size.valueOf() === value;
+    };
+    TimelineItem.prototype.testSeverity = function (value) {
+        var _a;
+        return ((_a = this.severity) === null || _a === void 0 ? void 0 : _a.valueOf()) === value;
+    };
+    return TimelineItem;
+}());
+export { TimelineItem };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUtaXRlbS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzZW5pb3JzaXN0ZW1hcy9hbmd1bGFyLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJjb21wb25lbnRzL3RpbWVsaW5lL21vZGVscy90aW1lbGluZS1pdGVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBRXhELElBQU0sZ0JBQWdCLEdBQUcsQ0FBQyxDQUFDO0FBRTNCO0lBVUcsc0JBQVksTUFTWDtRQUNFLElBQUksQ0FBQyxFQUFFLEdBQUcsTUFBTSxDQUFDLEVBQUUsQ0FBQztRQUNwQixJQUFJLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUM7UUFDMUIsSUFBSSxDQUFDLFdBQVcsR0FBRyxNQUFNLENBQUMsV0FBVyxDQUFDO1FBQ3RDLElBQUksQ0FBQyxJQUFJLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQztRQUN4QixJQUFJLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUM7UUFDMUIsSUFBSSxDQUFDLE9BQU8sR0FBRyxNQUFNLENBQUMsT0FBTyxDQUFDO1FBQzlCLElBQUksQ0FBQyxJQUFJLEdBQUcsTUFBTSxDQUFDLElBQUksSUFBSSxnQkFBZ0IsQ0FBQyxNQUFNLENBQUM7UUFDbkQsSUFBSSxDQUFDLFFBQVEsR0FBRyxNQUFNLENBQUMsUUFBUSxJQUFJLG9CQUFvQixDQUFDLE1BQU0sQ0FBQztRQUUvRCxJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQztJQUMvQixDQUFDO0lBRU0sMkNBQW9CLEdBQTNCOztRQUNHLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRTtZQUM1QixNQUFNLElBQUksS0FBSyxDQUFDLDhFQUE4RSxDQUFDLENBQUM7U0FDbEc7UUFFRCxJQUFJLElBQUksQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtZQUMxQixNQUFNLElBQUksS0FBSyxDQUFDLCtFQUErRSxDQUFDLENBQUM7U0FDbkc7UUFFRCxJQUFJLE9BQUEsSUFBSSxDQUFDLEtBQUssMENBQUUsTUFBTSxJQUFHLGdCQUFnQixFQUFFO1lBQ3hDLE1BQU0sSUFBSSxLQUFLLENBQUMsK0RBQStELENBQUMsQ0FBQztTQUNuRjtJQUNKLENBQUM7SUFFTSwrQkFBUSxHQUFmLFVBQWdCLEtBQWE7UUFDMUIsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxLQUFLLEtBQUssQ0FBQztJQUN4QyxDQUFDO0lBRU0sbUNBQVksR0FBbkIsVUFBb0IsS0FBYTs7UUFDOUIsT0FBTyxPQUFBLElBQUksQ0FBQyxRQUFRLDBDQUFFLE9BQU8sUUFBTyxLQUFLLENBQUM7SUFDN0MsQ0FBQztJQUNKLG1CQUFDO0FBQUQsQ0FBQyxBQXJERCxJQXFEQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFRpbWVsaW5lSXRlbVNldmVyaXR5IH0gZnJvbSBcIi4vdGltZWxpbmUtaXRlbS1zZXZlcml0eVwiO1xuaW1wb3J0IHsgVGltZWxpbmVJdGVtU2l6ZSB9IGZyb20gXCIuL3RpbWVsaW5lLWl0ZW0tc2l6ZVwiO1xuXG5jb25zdCBMQUJFTF9NQVhfTEVOR1RIID0gMjsgXG5cbmV4cG9ydCBjbGFzcyBUaW1lbGluZUl0ZW0ge1xuICAgcHVibGljIGlkOiBzdHJpbmc7XG4gICBwdWJsaWMgdGl0bGU6IHN0cmluZztcbiAgIHB1YmxpYyBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICAgcHVibGljIGljb24/OiBzdHJpbmc7XG4gICBwdWJsaWMgbGFiZWw/OiBzdHJpbmc7XG4gICBwdWJsaWMgdG9vbHRpcD86IHN0cmluZztcbiAgIHB1YmxpYyBzaXplOiBUaW1lbGluZUl0ZW1TaXplO1xuICAgcHVibGljIHNldmVyaXR5OiBUaW1lbGluZUl0ZW1TZXZlcml0eTtcblxuICAgY29uc3RydWN0b3IocGFyYW1zOiB7XG4gICAgICBpZDogc3RyaW5nLFxuICAgICAgdGl0bGU6IHN0cmluZyxcbiAgICAgIGRlc2NyaXB0aW9uOiBzdHJpbmcsXG4gICAgICBpY29uPzogc3RyaW5nLFxuICAgICAgbGFiZWw/OiBzdHJpbmcsXG4gICAgICBzaXplPzogVGltZWxpbmVJdGVtU2l6ZSxcbiAgICAgIHNldmVyaXR5PzogVGltZWxpbmVJdGVtU2V2ZXJpdHksXG4gICAgICB0b29sdGlwPzogc3RyaW5nLFxuICAgfSkge1xuICAgICAgdGhpcy5pZCA9IHBhcmFtcy5pZDtcbiAgICAgIHRoaXMudGl0bGUgPSBwYXJhbXMudGl0bGU7XG4gICAgICB0aGlzLmRlc2NyaXB0aW9uID0gcGFyYW1zLmRlc2NyaXB0aW9uO1xuICAgICAgdGhpcy5pY29uID0gcGFyYW1zLmljb247XG4gICAgICB0aGlzLmxhYmVsID0gcGFyYW1zLmxhYmVsO1xuICAgICAgdGhpcy50b29sdGlwID0gcGFyYW1zLnRvb2x0aXA7XG4gICAgICB0aGlzLnNpemUgPSBwYXJhbXMuc2l6ZSB8fCBUaW1lbGluZUl0ZW1TaXplLk5vcm1hbDtcbiAgICAgIHRoaXMuc2V2ZXJpdHkgPSBwYXJhbXMuc2V2ZXJpdHkgfHwgVGltZWxpbmVJdGVtU2V2ZXJpdHkuTm9ybWFsO1xuXG4gICAgICB0aGlzLmNoZWNrSXRlbUljb25Db250ZW50KCk7XG4gICB9XG5cbiAgIHB1YmxpYyBjaGVja0l0ZW1JY29uQ29udGVudCgpIHtcbiAgICAgIGlmICghdGhpcy5pY29uICYmICF0aGlzLmxhYmVsKSB7XG4gICAgICAgICB0aHJvdyBuZXcgRXJyb3IoXCJObyBpY29uIG9yIGxhYmVsIHN0cmluZyB3YXMgcGFzc2VkIGZvciB0aGUgaXRlbS4gRW50ZXIgYW4gaWNvbiBvciBsYWJlbCB0ZXh0XCIpO1xuICAgICAgfVxuXG4gICAgICBpZiAodGhpcy5pY29uICYmIHRoaXMubGFiZWwpIHtcbiAgICAgICAgIHRocm93IG5ldyBFcnJvcihcIkFuIGljb24gYW5kIGxhYmVsIHN0cmluZyB3ZXJlIHBhc3NlZCB0byB0aGUgaXRlbS4gRW50ZXIgYW4gaWNvbiBvciBsYWJlbCB0ZXh0XCIpO1xuICAgICAgfVxuXG4gICAgICBpZiAodGhpcy5sYWJlbD8ubGVuZ3RoID4gTEFCRUxfTUFYX0xFTkdUSCkge1xuICAgICAgICAgdGhyb3cgbmV3IEVycm9yKFwiTGFiZWwgdGV4dCBpcyBleHBlY3RlZCB0byBiZSBhIG1heGltdW0gb2YgdHdvIGNoYXJhY3RlcnMgbG9uZ1wiKTtcbiAgICAgIH1cbiAgIH1cblxuICAgcHVibGljIHRlc3RTaXplKHZhbHVlOiBzdHJpbmcpIHtcbiAgICAgIHJldHVybiB0aGlzLnNpemUudmFsdWVPZigpID09PSB2YWx1ZTtcbiAgIH1cblxuICAgcHVibGljIHRlc3RTZXZlcml0eSh2YWx1ZTogc3RyaW5nKSB7XG4gICAgICByZXR1cm4gdGhpcy5zZXZlcml0eT8udmFsdWVPZigpID09PSB2YWx1ZTtcbiAgIH1cbn1cbiJdfQ==

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

@@ -1,85 +1,67 @@
 import { __decorate } from "tslib";
-import { animate, state, style, transition, trigger } from "@angular/animations";
-import { Component, Input } from "@angular/core";
+import { Component, HostListener, Input } from "@angular/core";
+var HORIZONTAL = "horizontal";
+var VERTICAL = "vertical";
+var MIN_ITEM_SIZE = 200;
 var TimelineComponent = /** @class */ (function () {
     function TimelineComponent() {
-        this.id = "s-timeline-" + TimelineComponent_1.nextId++;
-        this.activeIndex = 0;
+        this.direction = HORIZONTAL;
+        this.collapsable = true;
+        this.counterLabel = "items";
     }
-    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", {
+    Object.defineProperty(TimelineComponent.prototype, "items", {
         get: function () {
-            return this.steps.filter(function (step) { return !step.hidden; });
+            return this._items;
+        },
+        set: function (items) {
+            this._items = items;
+            this.checkDuplicateIds();
         },
         enumerable: true,
         configurable: true
     });
-    var TimelineComponent_1;
-    TimelineComponent.nextId = 0;
+    TimelineComponent.prototype.ngOnInit = function () {
+        this._innerWidth = window.innerWidth;
+    };
+    TimelineComponent.prototype.onResize = function (_) {
+        this._innerWidth = window.innerWidth;
+    };
+    TimelineComponent.prototype.changeToVertical = function () {
+        return this.direction === VERTICAL || this._innerWidth / this.items.length < MIN_ITEM_SIZE;
+    };
+    TimelineComponent.prototype.checkDuplicateIds = function () {
+        var ids = this.items.map(function (item) {
+            return item.id;
+        });
+        if ((new Set(ids)).size !== ids.length) {
+            throw new Error("A duplicate id was found in the items list");
+        }
+    };
     __decorate([
         Input()
-    ], TimelineComponent.prototype, "id", void 0);
+    ], TimelineComponent.prototype, "items", null);
     __decorate([
         Input()
-    ], TimelineComponent.prototype, "steps", void 0);
+    ], TimelineComponent.prototype, "activeIndex", void 0);
     __decorate([
         Input()
-    ], TimelineComponent.prototype, "activeIndex", void 0);
-    TimelineComponent = TimelineComponent_1 = __decorate([
+    ], TimelineComponent.prototype, "direction", void 0);
+    __decorate([
+        Input()
+    ], TimelineComponent.prototype, "collapsable", void 0);
+    __decorate([
+        Input()
+    ], TimelineComponent.prototype, "counterLabel", void 0);
+    __decorate([
+        HostListener("window:resize", ["$event"])
+    ], TimelineComponent.prototype, "onResize", null);
+    TimelineComponent = __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\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",
-            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}}"]
+            template: "<div *ngIf=\"changeToVertical(); then vertical else horizontal\"></div>\n\n<ng-template #horizontal>\n   <s-horizontal-timeline\n      [items]=\"items\"\n      [activeIndex]=\"activeIndex\">\n   </s-horizontal-timeline>\n</ng-template>\n\n<ng-template #vertical>\n   <s-vertical-timeline\n      [items]=\"items\"\n      [activeIndex]=\"activeIndex\"\n      [counterLabel]=\"counterLabel\"\n      [collapsable]=\"collapsable\">\n   </s-vertical-timeline>\n</ng-template>"
         })
     ], TimelineComponent);
     return TimelineComponent;
 }());
 export { TimelineComponent };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvdGltZWxpbmUvdGltZWxpbmUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2pGLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBeUVqRDtJQUFBO1FBSVcsT0FBRSxHQUFHLGdCQUFjLG1CQUFpQixDQUFDLE1BQU0sRUFBSSxDQUFDO1FBSWhELGdCQUFXLEdBQUcsQ0FBQyxDQUFDO0lBaUIzQixDQUFDOzBCQXpCWSxpQkFBaUI7SUFVbkIsd0NBQVksR0FBbkIsVUFBb0IsS0FBYSxFQUFFLFdBQW1CO1FBQ2xELElBQU0sT0FBTyxHQUFHLEtBQUssR0FBRyxXQUFXLENBQUM7UUFDcEMsSUFBTSxTQUFTLEdBQUcsS0FBSyxLQUFLLFdBQVcsQ0FBQztRQUN4QyxPQUFPLE9BQU8sSUFBSSxTQUFTLENBQUM7SUFDaEMsQ0FBQztJQUVNLDZDQUFpQixHQUF4QixVQUF5QixLQUFhLEVBQUUsV0FBbUI7UUFDdkQsSUFBTSxPQUFPLEdBQUcsS0FBSyxHQUFHLFdBQVcsQ0FBQztRQUNwQyxJQUFNLFNBQVMsR0FBRyxLQUFLLEtBQUssV0FBVyxHQUFHLENBQUMsQ0FBQztRQUM1QyxPQUFPLE9BQU8sSUFBSSxTQUFTLENBQUM7SUFDaEMsQ0FBQztJQUVELHNCQUFJLDJDQUFZO2FBQWhCO1lBQ0ksT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxVQUFDLElBQWtCLElBQUssT0FBQSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQVosQ0FBWSxDQUFDLENBQUM7UUFDbkUsQ0FBQzs7O09BQUE7O0lBdkJhLHdCQUFNLEdBQUcsQ0FBQyxDQUFDO0lBR3pCO1FBREMsS0FBSyxFQUFFO2lEQUMrQztJQUV2RDtRQURDLEtBQUssRUFBRTtvREFDcUI7SUFFN0I7UUFEQyxLQUFLLEVBQUU7MERBQ2U7SUFSZCxpQkFBaUI7UUE1RDdCLFNBQVMsQ0FBQztZQUNQLFFBQVEsRUFBRSxZQUFZO1lBQ3RCLCtyRkFBd0M7WUFFeEMsSUFBSSxFQUFFO2dCQUNGLGtCQUFrQixFQUFFLFlBQVk7Z0JBQ2hDLElBQUksRUFBRSxTQUFTO2dCQUNmLFdBQVcsRUFBRSxHQUFHO2FBQ25CO1lBQ0QsVUFBVSxFQUFFO2dCQUNSLE9BQU8sQ0FBQyxzQkFBc0IsRUFBRTtvQkFDNUIsS0FBSyxDQUNELFFBQVEsRUFDUixLQUFLLENBQUM7d0JBQ0YscUJBQXFCLEVBQUUsYUFBYTtxQkFDdkMsQ0FBQyxDQUNMO29CQUNELEtBQUssQ0FDRCxXQUFXLEVBQ1gsS0FBSyxDQUFDO3dCQUNGLHFCQUFxQixFQUFFLGNBQWM7cUJBQ3hDLENBQUMsQ0FDTDtvQkFDRCxVQUFVLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxPQUFPLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDO29CQUNqRSxVQUFVLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxPQUFPLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDO2lCQUNwRSxDQUFDO2dCQUNGLE9BQU8sQ0FBQyxnQkFBZ0IsRUFBRTtvQkFDdEIsS0FBSyxDQUNELFFBQVEsRUFDUixLQUFLLENBQUM7d0JBQ0YscUJBQXFCLEVBQUUsYUFBYTtxQkFDdkMsQ0FBQyxDQUNMO29CQUNELEtBQUssQ0FDRCxXQUFXLEVBQ1gsS0FBSyxDQUFDO3dCQUNGLHFCQUFxQixFQUFFLGNBQWM7cUJBQ3hDLENBQUMsQ0FDTDtvQkFDRCxVQUFVLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxPQUFPLENBQUMsb0JBQW9CLENBQUMsQ0FBQyxDQUFDO29CQUNsRSxVQUFVLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxPQUFPLENBQUMsb0JBQW9CLENBQUMsQ0FBQyxDQUFDO2lCQUNyRSxDQUFDO2dCQUNGLE9BQU8sQ0FBQyxxQkFBcUIsRUFBRTtvQkFDM0IsS0FBSyxDQUNELFFBQVEsRUFDUixLQUFLLENBQUM7d0JBQ0YscUJBQXFCLEVBQUUsYUFBYTtxQkFDdkMsQ0FBQyxDQUNMO29CQUNELEtBQUssQ0FDRCxXQUFXLEVBQ1gsS0FBSyxDQUFDO3dCQUNGLHFCQUFxQixFQUFFLGNBQWM7cUJBQ3hDLENBQUMsQ0FDTDtvQkFDRCxVQUFVLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxPQUFPLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDO29CQUNqRSxVQUFVLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxPQUFPLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDO2lCQUNwRSxDQUFDO2FBQ0w7O1NBQ0osQ0FBQztPQUNXLGlCQUFpQixDQXlCN0I7SUFBRCx3QkFBQztDQUFBLEFBekJELElBeUJDO1NBekJZLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFuaW1hdGUsIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gXCJAYW5ndWxhci9hbmltYXRpb25zXCI7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuZXhwb3J0IGludGVyZmFjZSBUaW1lbGluZVN0ZXAge1xuICAgIGlkOiBhbnk7XG4gICAgbGFiZWw6IHN0cmluZztcbiAgICBoZWxwTGFiZWw/OiBzdHJpbmc7XG4gICAgYXJpYUxhYmVsPzogc3RyaW5nO1xuICAgIGFyaWFDb250cm9scz86IHN0cmluZztcbiAgICBoaWRkZW4/OiBib29sZWFuO1xuICAgIHN0ZXBJY29uPzogc3RyaW5nO1xuICAgIHRvb2x0aXA/OiBzdHJpbmc7XG59XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiBcInMtdGltZWxpbmVcIixcbiAgICB0ZW1wbGF0ZVVybDogXCIuL3RpbWVsaW5lLmNvbXBvbmVudC5odG1sXCIsXG4gICAgc3R5bGVVcmxzOiBbXCIuL3RpbWVsaW5lLmNvbXBvbmVudC5zY3NzXCJdLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgXCJhcmlhLW9yaWVudGF0aW9uXCI6IFwiaG9yaXpvbnRhbFwiLFxuICAgICAgICByb2xlOiBcInRhYmxpc3RcIixcbiAgICAgICAgXCJ0YWItaW5kZXhcIjogXCIwXCIsXG4gICAgfSxcbiAgICBhbmltYXRpb25zOiBbXG4gICAgICAgIHRyaWdnZXIoXCJiZWZvcmVBY3RpdmVEZXNhdGl2ZVwiLCBbXG4gICAgICAgICAgICBzdGF0ZShcbiAgICAgICAgICAgICAgICBcImFjdGl2ZVwiLFxuICAgICAgICAgICAgICAgIHN0eWxlKHtcbiAgICAgICAgICAgICAgICAgICAgXCJiYWNrZ3JvdW5kLXBvc2l0aW9uXCI6IFwibGVmdCBib3R0b21cIixcbiAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgKSxcbiAgICAgICAgICAgIHN0YXRlKFxuICAgICAgICAgICAgICAgIFwiZGVzYWN0aXZlXCIsXG4gICAgICAgICAgICAgICAgc3R5bGUoe1xuICAgICAgICAgICAgICAgICAgICBcImJhY2tncm91bmQtcG9zaXRpb25cIjogXCJyaWdodCBib3R0b21cIixcbiAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgKSxcbiAgICAgICAgICAgIHRyYW5zaXRpb24oXCJhY3RpdmUgPT4gZGVzYWN0aXZlXCIsIFthbmltYXRlKFwiNTBtcyAxMDBtcyBsaW5lYXJcIildKSxcbiAgICAgICAgICAgIHRyYW5zaXRpb24oXCJkZXNhY3RpdmUgPT4gYWN0aXZlXCIsIFthbmltYXRlKFwiNTBtcyAyNTBtcyBsaW5lYXJcIildKSxcbiAgICAgICAgXSksXG4gICAgICAgIHRyaWdnZXIoXCJhY3RpdmVEZXNhdGl2ZVwiLCBbXG4gICAgICAgICAgICBzdGF0ZShcbiAgICAgICAgICAgICAgICBcImFjdGl2ZVwiLFxuICAgICAgICAgICAgICAgIHN0eWxlKHtcbiAgICAgICAgICAgICAgICAgICAgXCJiYWNrZ3JvdW5kLXBvc2l0aW9uXCI6IFwibGVmdCBib3R0b21cIixcbiAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgKSxcbiAgICAgICAgICAgIHN0YXRlKFxuICAgICAgICAgICAgICAgIFwiZGVzYWN0aXZlXCIsXG4gICAgICAgICAgICAgICAgc3R5bGUoe1xuICAgICAgICAgICAgICAgICAgICBcImJhY2tncm91bmQtcG9zaXRpb25cIjogXCJyaWdodCBib3R0b21cIixcbiAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgKSxcbiAgICAgICAgICAgIHRyYW5zaXRpb24oXCJhY3RpdmUgPT4gZGVzYWN0aXZlXCIsIFthbmltYXRlKFwiMTAwbXMgMTUwbXMgbGluZWFyXCIpXSksXG4gICAgICAgICAgICB0cmFuc2l0aW9uKFwiZGVzYWN0aXZlID0+IGFjdGl2ZVwiLCBbYW5pbWF0ZShcIjEwMG1zIDE1MG1zIGxpbmVhclwiKV0pLFxuICAgICAgICBdKSxcbiAgICAgICAgdHJpZ2dlcihcImFmdGVyQWN0aXZlRGVzYXRpdmVcIiwgW1xuICAgICAgICAgICAgc3RhdGUoXG4gICAgICAgICAgICAgICAgXCJhY3RpdmVcIixcbiAgICAgICAgICAgICAgICBzdHlsZSh7XG4gICAgICAgICAgICAgICAgICAgIFwiYmFja2dyb3VuZC1wb3NpdGlvblwiOiBcImxlZnQgYm90dG9tXCIsXG4gICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICksXG4gICAgICAgICAgICBzdGF0ZShcbiAgICAgICAgICAgICAgICBcImRlc2FjdGl2ZVwiLFxuICAgICAgICAgICAgICAgIHN0eWxlKHtcbiAgICAgICAgICAgICAgICAgICAgXCJiYWNrZ3JvdW5kLXBvc2l0aW9uXCI6IFwicmlnaHQgYm90dG9tXCIsXG4gICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICksXG4gICAgICAgICAgICB0cmFuc2l0aW9uKFwiYWN0aXZlID0+IGRlc2FjdGl2ZVwiLCBbYW5pbWF0ZShcIjUwbXMgMjUwbXMgbGluZWFyXCIpXSksXG4gICAgICAgICAgICB0cmFuc2l0aW9uKFwiZGVzYWN0aXZlID0+IGFjdGl2ZVwiLCBbYW5pbWF0ZShcIjUwbXMgMTAwbXMgbGluZWFyXCIpXSksXG4gICAgICAgIF0pLFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIFRpbWVsaW5lQ29tcG9uZW50IHtcbiAgICBwdWJsaWMgc3RhdGljIG5leHRJZCA9IDA7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBpZCA9IGBzLXRpbWVsaW5lLSR7VGltZWxpbmVDb21wb25lbnQubmV4dElkKyt9YDtcbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBzdGVwczogVGltZWxpbmVTdGVwW107XG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgYWN0aXZlSW5kZXggPSAwO1xuXG4gICAgcHVibGljIGJhckFuaW1hdGlvbihpbmRleDogbnVtYmVyLCBhY3RpdmVJbmRleDogbnVtYmVyKTogYm9vbGVhbiB7XG4gICAgICAgIGNvbnN0IHZpc2l0ZWQgPSBpbmRleCA8IGFjdGl2ZUluZGV4O1xuICAgICAgICBjb25zdCBhY3RpdmF0ZWQgPSBpbmRleCA9PT0gYWN0aXZlSW5kZXg7XG4gICAgICAgIHJldHVybiB2aXNpdGVkIHx8IGFjdGl2YXRlZDtcbiAgICB9XG5cbiAgICBwdWJsaWMgYWZ0ZXJCYXJBbmltYXRpb24oaW5kZXg6IG51bWJlciwgYWN0aXZlSW5kZXg6IG51bWJlcik6IGJvb2xlYW4ge1xuICAgICAgICBjb25zdCB2aXNpdGVkID0gaW5kZXggPCBhY3RpdmVJbmRleDtcbiAgICAgICAgY29uc3QgYWN0aXZhdGVkID0gaW5kZXggPT09IGFjdGl2ZUluZGV4IC0gMTtcbiAgICAgICAgcmV0dXJuIHZpc2l0ZWQgfHwgYWN0aXZhdGVkO1xuICAgIH1cblxuICAgIGdldCB2aXNpYmxlZFN0ZXAoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLnN0ZXBzLmZpbHRlcigoc3RlcDogVGltZWxpbmVTdGVwKSA9PiAhc3RlcC5oaWRkZW4pO1xuICAgIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvdGltZWxpbmUvdGltZWxpbmUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFJdkUsSUFBTSxVQUFVLEdBQUcsWUFBWSxDQUFDO0FBQ2hDLElBQU0sUUFBUSxHQUFHLFVBQVUsQ0FBQztBQUM1QixJQUFNLGFBQWEsR0FBRyxHQUFHLENBQUM7QUFNMUI7SUFBQTtRQWtCVSxjQUFTLEdBQXdDLFVBQVUsQ0FBQztRQUc1RCxnQkFBVyxHQUFHLElBQUksQ0FBQztRQUduQixpQkFBWSxHQUFHLE9BQU8sQ0FBQztJQXdCakMsQ0FBQztJQTVDRSxzQkFBVyxvQ0FBSzthQUFoQjtZQUNHLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztRQUN0QixDQUFDO2FBR0QsVUFBaUIsS0FBcUI7WUFDbkMsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7WUFDcEIsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7UUFDNUIsQ0FBQzs7O09BTkE7SUFvQk0sb0NBQVEsR0FBZjtRQUNHLElBQUksQ0FBQyxXQUFXLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQztJQUN4QyxDQUFDO0lBR00sb0NBQVEsR0FBZixVQUFnQixDQUFNO1FBQ25CLElBQUksQ0FBQyxXQUFXLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQztJQUN4QyxDQUFDO0lBRU0sNENBQWdCLEdBQXZCO1FBQ0csT0FBTyxJQUFJLENBQUMsU0FBUyxLQUFLLFFBQVEsSUFBSSxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLGFBQWEsQ0FBQztJQUM5RixDQUFDO0lBRU0sNkNBQWlCLEdBQXhCO1FBQ0csSUFBTSxHQUFHLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsVUFBQSxJQUFJO1lBQzVCLE9BQU8sSUFBSSxDQUFDLEVBQUUsQ0FBQztRQUNsQixDQUFDLENBQUMsQ0FBQztRQUVILElBQUksQ0FBQyxJQUFJLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLElBQUksS0FBSyxHQUFHLENBQUMsTUFBTSxFQUFFO1lBQ3JDLE1BQU0sSUFBSSxLQUFLLENBQUMsNENBQTRDLENBQUMsQ0FBQztTQUNoRTtJQUNKLENBQUM7SUF0Q0Q7UUFEQyxLQUFLLEVBQUU7a0RBSVA7SUFHRDtRQURDLEtBQUssRUFBRTswREFDbUI7SUFHM0I7UUFEQyxLQUFLLEVBQUU7d0RBQzJEO0lBR25FO1FBREMsS0FBSyxFQUFFOzBEQUNrQjtJQUcxQjtRQURDLEtBQUssRUFBRTsyREFDc0I7SUFPOUI7UUFEQyxZQUFZLENBQUMsZUFBZSxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUM7cURBR3pDO0lBakNTLGlCQUFpQjtRQUo3QixTQUFTLENBQUM7WUFDUixRQUFRLEVBQUUsWUFBWTtZQUN0QixpZUFBd0M7U0FDMUMsQ0FBQztPQUNXLGlCQUFpQixDQWdEN0I7SUFBRCx3QkFBQztDQUFBLEFBaERELElBZ0RDO1NBaERZLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdExpc3RlbmVyLCBJbnB1dCwgT25Jbml0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuaW1wb3J0IHsgVGltZWxpbmVJdGVtIH0gZnJvbSBcIi4vbW9kZWxzL3RpbWVsaW5lLWl0ZW1cIjtcblxuY29uc3QgSE9SSVpPTlRBTCA9IFwiaG9yaXpvbnRhbFwiO1xuY29uc3QgVkVSVElDQUwgPSBcInZlcnRpY2FsXCI7XG5jb25zdCBNSU5fSVRFTV9TSVpFID0gMjAwO1xuXG5AQ29tcG9uZW50KHtcbiAgIHNlbGVjdG9yOiBcInMtdGltZWxpbmVcIixcbiAgIHRlbXBsYXRlVXJsOiBcIi4vdGltZWxpbmUuY29tcG9uZW50Lmh0bWxcIixcbn0pXG5leHBvcnQgY2xhc3MgVGltZWxpbmVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgcHJpdmF0ZSBfaW5uZXJXaWR0aDogbnVtYmVyO1xuICAgcHJpdmF0ZSBfaXRlbXM6IFRpbWVsaW5lSXRlbVtdO1xuXG4gICBwdWJsaWMgZ2V0IGl0ZW1zKCk6IFRpbWVsaW5lSXRlbVtdIHtcbiAgICAgIHJldHVybiB0aGlzLl9pdGVtcztcbiAgIH1cblxuICAgQElucHV0KClcbiAgIHB1YmxpYyBzZXQgaXRlbXMoaXRlbXM6IFRpbWVsaW5lSXRlbVtdKSB7XG4gICAgICB0aGlzLl9pdGVtcyA9IGl0ZW1zO1xuICAgICAgdGhpcy5jaGVja0R1cGxpY2F0ZUlkcygpO1xuICAgfVxuXG4gICBASW5wdXQoKVxuICAgcHVibGljIGFjdGl2ZUluZGV4OiBudW1iZXI7XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgZGlyZWN0aW9uOiB0eXBlb2YgSE9SSVpPTlRBTCB8IHR5cGVvZiBWRVJUSUNBTCA9IEhPUklaT05UQUw7XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgY29sbGFwc2FibGUgPSB0cnVlO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIGNvdW50ZXJMYWJlbCA9IFwiaXRlbXNcIjtcblxuICAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgdGhpcy5faW5uZXJXaWR0aCA9IHdpbmRvdy5pbm5lcldpZHRoO1xuICAgfVxuXG4gICBASG9zdExpc3RlbmVyKFwid2luZG93OnJlc2l6ZVwiLCBbXCIkZXZlbnRcIl0pXG4gICBwdWJsaWMgb25SZXNpemUoXzogYW55KTogdm9pZCB7XG4gICAgICB0aGlzLl9pbm5lcldpZHRoID0gd2luZG93LmlubmVyV2lkdGg7XG4gICB9XG5cbiAgIHB1YmxpYyBjaGFuZ2VUb1ZlcnRpY2FsKCk6IGJvb2xlYW4ge1xuICAgICAgcmV0dXJuIHRoaXMuZGlyZWN0aW9uID09PSBWRVJUSUNBTCB8fCB0aGlzLl9pbm5lcldpZHRoIC8gdGhpcy5pdGVtcy5sZW5ndGggPCBNSU5fSVRFTV9TSVpFO1xuICAgfVxuXG4gICBwdWJsaWMgY2hlY2tEdXBsaWNhdGVJZHMoKTogdm9pZCB7XG4gICAgICBjb25zdCBpZHMgPSB0aGlzLml0ZW1zLm1hcChpdGVtID0+IHtcbiAgICAgICAgIHJldHVybiBpdGVtLmlkO1xuICAgICAgfSk7XG5cbiAgICAgIGlmICgobmV3IFNldChpZHMpKS5zaXplICE9PSBpZHMubGVuZ3RoKSB7XG4gICAgICAgICB0aHJvdyBuZXcgRXJyb3IoXCJBIGR1cGxpY2F0ZSBpZCB3YXMgZm91bmQgaW4gdGhlIGl0ZW1zIGxpc3RcIik7XG4gICAgICB9XG4gICB9XG59XG4iXX0=

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

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