@seniorsistemas/angular-components 17.7.2 → 17.7.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/bundles/seniorsistemas-angular-components.umd.js +23 -7
  2. package/bundles/seniorsistemas-angular-components.umd.js.map +1 -1
  3. package/bundles/seniorsistemas-angular-components.umd.min.js +1 -1
  4. package/bundles/seniorsistemas-angular-components.umd.min.js.map +1 -1
  5. package/components/timeline/components/horizontal-timeline/horizontal-timeline.component.d.ts +1 -0
  6. package/components/timeline/components/timeline-icon-item/timeline-icon-item.component.d.ts +1 -0
  7. package/components/timeline/components/vertical-timeline/components/vertical-items/vertical-items.component.d.ts +1 -0
  8. package/components/timeline/components/vertical-timeline/vertical-timeline.component.d.ts +1 -0
  9. package/components/timeline/timeline.component.d.ts +1 -0
  10. package/esm2015/components/timeline/components/horizontal-timeline/horizontal-timeline.component.js +6 -3
  11. package/esm2015/components/timeline/components/timeline-icon-item/timeline-icon-item.component.js +6 -3
  12. package/esm2015/components/timeline/components/vertical-timeline/components/vertical-items/vertical-items.component.js +5 -2
  13. package/esm2015/components/timeline/components/vertical-timeline/vertical-timeline.component.js +5 -2
  14. package/esm2015/components/timeline/timeline.component.js +6 -2
  15. package/esm5/components/timeline/components/horizontal-timeline/horizontal-timeline.component.js +6 -3
  16. package/esm5/components/timeline/components/timeline-icon-item/timeline-icon-item.component.js +6 -3
  17. package/esm5/components/timeline/components/vertical-timeline/components/vertical-items/vertical-items.component.js +5 -2
  18. package/esm5/components/timeline/components/vertical-timeline/vertical-timeline.component.js +5 -2
  19. package/esm5/components/timeline/timeline.component.js +6 -2
  20. package/fesm2015/seniorsistemas-angular-components.js +23 -7
  21. package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
  22. package/fesm5/seniorsistemas-angular-components.js +23 -7
  23. package/fesm5/seniorsistemas-angular-components.js.map +1 -1
  24. package/package.json +1 -1
  25. package/seniorsistemas-angular-components.metadata.json +1 -1
package/components/timeline/components/horizontal-timeline/horizontal-timeline.component.d.ts CHANGED
@@ -2,4 +2,5 @@ import { TimelineItem } from "../../models/timeline-item";
2
2
  export declare class HorizontalTimelineComponent {
3
3
  items: TimelineItem[];
4
4
  activeIndex: number;
5
+ highlightActiveItem: boolean;
5
6
  }
package/components/timeline/components/timeline-icon-item/timeline-icon-item.component.d.ts CHANGED
@@ -2,5 +2,6 @@ import { TimelineItem } from "../../models";
2
2
  export declare class TimelineIconItemComponent {
3
3
  item: TimelineItem;
4
4
  isActive: boolean;
5
+ highlightActive: boolean;
5
6
  isComplete: boolean;
6
7
  }
package/components/timeline/components/vertical-timeline/components/vertical-items/vertical-items.component.d.ts CHANGED
@@ -3,5 +3,6 @@ export declare class VerticalItemsComponent {
3
3
  items: TimelineItem[];
4
4
  isLast: boolean;
5
5
  isActive: boolean;
6
+ highlightActive: boolean;
6
7
  isCompleted: boolean;
7
8
  }
package/components/timeline/components/vertical-timeline/vertical-timeline.component.d.ts CHANGED
@@ -11,6 +11,7 @@ export declare class VerticalTimelineComponent {
11
11
  lastItem: TimelineItem[];
12
12
  set activeIndex(index: number);
13
13
  get activeIndex(): number;
14
+ highlightActiveItem: boolean;
14
15
  items: TimelineItem[];
15
16
  counterLabel: string;
16
17
  collapsable: boolean;
package/components/timeline/timeline.component.d.ts CHANGED
@@ -8,6 +8,7 @@ export declare class TimelineComponent implements OnInit {
8
8
  get items(): TimelineItem[];
9
9
  set items(items: TimelineItem[]);
10
10
  activeIndex: number;
11
+ highlightActiveItem: boolean;
11
12
  direction: typeof HORIZONTAL | typeof VERTICAL;
12
13
  collapsable: boolean;
13
14
  counterLabel: string;
package/esm2015/components/timeline/components/horizontal-timeline/horizontal-timeline.component.js CHANGED
@@ -11,12 +11,15 @@ __decorate([
11
11
  __decorate([
12
12
  Input()
13
13
  ], HorizontalTimelineComponent.prototype, "activeIndex", void 0);
14
+ __decorate([
15
+ Input()
16
+ ], HorizontalTimelineComponent.prototype, "highlightActiveItem", void 0);
14
17
  HorizontalTimelineComponent = __decorate([
15
18
  Component({
16
19
  selector: "s-horizontal-timeline",
17
- template: "<div class=\"horizontal-timeline\">\n <ng-container\n *ngFor=\"let item of items;\n let i = index;\n let isFirst = first;\n let isLast = last\">\n <div\n class=\"horizontal-timeline__item\"\n [ngClass]=\"{\n 'horizontal-timeline__item--small': item.testSize('small'),\n 'horizontal-timeline__item--normal': item.testSize('normal'),\n 'horizontal-timeline__item--warning': item.testSeverity('warning'),\n 'horizontal-timeline__item--error': item.testSeverity('error'),\n 'horizontal-timeline__item--completed': i < activeIndex,\n 'horizontal-timeline__item--active': i === activeIndex\n }\">\n <div class=\"horizontal-timeline__item__icon-wrapper\">\n <div\n class=\"horizontal-timeline__item__icon-wrapper__line horizontal-timeline__item__icon-wrapper__line--before\"\n [ngStyle]=\"{ 'visibility': isFirst ? 'hidden' : 'visible' }\">\n </div>\n <s-timeline-icon-item\n [item]=\"item\"\n [isActive]=\"i === activeIndex\"\n [isComplete]=\"i < activeIndex\">\n </s-timeline-icon-item>\n <div\n class=\"horizontal-timeline__item__icon-wrapper__line horizontal-timeline__item__icon-wrapper__line--after\"\n [ngStyle]=\"{ 'visibility': isLast ? 'hidden' : 'visible' }\">\n </div>\n </div>\n <div class=\"horizontal-timeline__item__info\">\n <div\n class=\"horizontal-timeline__item__info__title\"\n [pTooltip]=\"item.title\"\n tooltipPosition=\"top\"\n [showDelay]=\"1000\">\n {{ item.title }}\n </div>\n <div\n class=\"horizontal-timeline__item__info__description\"\n [pTooltip]=\"item.description\"\n tooltipPosition=\"top\"\n [showDelay]=\"1000\">\n {{ item.description }}\n </div>\n </div>\n </div>\n </ng-container>\n</div>",
18
- styles: ["@keyframes scale-up-center{0%{transform:scale(.5)}100%{transform:scale(1)}}.horizontal-timeline{-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.horizontal-timeline .horizontal-timeline__item{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.horizontal-timeline .horizontal-timeline__item .horizontal-timeline__item__icon-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;height:56px;-ms-flex-pack:start;justify-content:flex-start;width:100%}.horizontal-timeline .horizontal-timeline__item .horizontal-timeline__item__icon-wrapper .horizontal-timeline__item__icon-wrapper__line{background-color:#697882;height:3px}.horizontal-timeline .horizontal-timeline__item .horizontal-timeline__item__icon-wrapper .horizontal-timeline__item__icon-wrapper__line--before{border-radius:0 2px 2px 0}.horizontal-timeline .horizontal-timeline__item .horizontal-timeline__item__icon-wrapper .horizontal-timeline__item__icon-wrapper__line--after{border-radius:2px 0 0 2px}.horizontal-timeline .horizontal-timeline__item .horizontal-timeline__item__info{width:20ch}.horizontal-timeline .horizontal-timeline__item .horizontal-timeline__item__info .horizontal-timeline__item__info__title{color:#333;font-family:\"Open Sans\",sans-serif;font-size:14px;font-weight:700;line-height:150%;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.horizontal-timeline .horizontal-timeline__item .horizontal-timeline__item__info .horizontal-timeline__item__info__description{color:#999;display:-webkit-box;font-family:\"Open Sans\",sans-serif;font-size:12px;font-weight:400;line-height:150%;max-height:calc(12px * 1.5 * 4);overflow:hidden;text-align:center;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical}.horizontal-timeline .horizontal-timeline__item.horizontal-timeline__item--small .horizontal-timeline__item__icon-wrapper .horizontal-timeline__item__icon-wrapper__line{width:calc(50% - 4px - 8px)}.horizontal-timeline .horizontal-timeline__item.horizontal-timeline__item--normal .horizontal-timeline__item__icon-wrapper__line{width:calc(50% - 4px - 12px)}.horizontal-timeline .horizontal-timeline__item.horizontal-timeline__item--active .horizontal-timeline__item__icon-wrapper .horizontal-timeline__item__icon-wrapper__line{width:calc(50% - 4px - 20px)}.horizontal-timeline .horizontal-timeline__item.horizontal-timeline__item--active .horizontal-timeline__item__icon-wrapper .horizontal-timeline__item__icon-wrapper__line--before,.horizontal-timeline .horizontal-timeline__item.horizontal-timeline__item--completed .horizontal-timeline__item__icon-wrapper .horizontal-timeline__item__icon-wrapper__line--after,.horizontal-timeline .horizontal-timeline__item.horizontal-timeline__item--completed .horizontal-timeline__item__icon-wrapper .horizontal-timeline__item__icon-wrapper__line--before{background-color:#0c9348}"]
20
+ template: "<div class=\"horizontal-timeline\">\n <ng-container\n *ngFor=\"let item of items;\n let i = index;\n let isFirst = first;\n let isLast = last\">\n <div\n class=\"horizontal-timeline__item\"\n [ngClass]=\"{\n 'horizontal-timeline__item--small': item.testSize('small'),\n 'horizontal-timeline__item--normal': item.testSize('normal'),\n 'horizontal-timeline__item--warning': item.testSeverity('warning'),\n 'horizontal-timeline__item--error': item.testSeverity('error'),\n 'horizontal-timeline__item--completed': i < activeIndex,\n 'horizontal-timeline__item--active': i === activeIndex\n }\">\n <div class=\"horizontal-timeline__item__icon-wrapper\">\n <div\n class=\"horizontal-timeline__item__icon-wrapper__line horizontal-timeline__item__icon-wrapper__line--before\"\n [ngStyle]=\"{ 'visibility': isFirst ? 'hidden' : 'visible' }\">\n </div>\n <s-timeline-icon-item\n [item]=\"item\"\n [isActive]=\"i === activeIndex\"\n [isComplete]=\"i < activeIndex\"\n [highlightActive]=\"highlightActiveItem\">\n </s-timeline-icon-item>\n <div\n class=\"horizontal-timeline__item__icon-wrapper__line horizontal-timeline__item__icon-wrapper__line--after\"\n [ngStyle]=\"{ 'visibility': isLast ? 'hidden' : 'visible' }\">\n </div>\n </div>\n <div class=\"horizontal-timeline__item__info\">\n <div\n class=\"horizontal-timeline__item__info__title\"\n [pTooltip]=\"item.title\"\n tooltipPosition=\"top\"\n [showDelay]=\"1000\">\n {{ item.title }}\n </div>\n <div\n class=\"horizontal-timeline__item__info__description\"\n [pTooltip]=\"item.description\"\n tooltipPosition=\"top\"\n [showDelay]=\"1000\">\n {{ item.description }}\n </div>\n </div>\n </div>\n </ng-container>\n</div>",
21
+ styles: ["@keyframes scale-up-center{0%{transform:scale(.5)}100%{transform:scale(1)}}.horizontal-timeline{-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.horizontal-timeline .horizontal-timeline__item{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.horizontal-timeline .horizontal-timeline__item .horizontal-timeline__item__icon-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;height:56px;-ms-flex-pack:start;justify-content:flex-start;width:100%}.horizontal-timeline .horizontal-timeline__item .horizontal-timeline__item__icon-wrapper .horizontal-timeline__item__icon-wrapper__line{background-color:#697882;height:3px}.horizontal-timeline .horizontal-timeline__item .horizontal-timeline__item__icon-wrapper .horizontal-timeline__item__icon-wrapper__line--before{border-radius:0 2px 2px 0}.horizontal-timeline .horizontal-timeline__item .horizontal-timeline__item__icon-wrapper .horizontal-timeline__item__icon-wrapper__line--after{border-radius:2px 0 0 2px}.horizontal-timeline .horizontal-timeline__item .horizontal-timeline__item__info{width:20ch}.horizontal-timeline .horizontal-timeline__item .horizontal-timeline__item__info .horizontal-timeline__item__info__title{color:#333;font-family:\"Open Sans\",sans-serif;font-size:14px;font-weight:700;line-height:150%;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.horizontal-timeline .horizontal-timeline__item .horizontal-timeline__item__info .horizontal-timeline__item__info__description{color:#999;display:-webkit-box;font-family:\"Open Sans\",sans-serif;font-size:12px;font-weight:400;line-height:150%;max-height:calc(12px * 1.5 * 4);overflow:hidden;text-align:center;text-overflow:ellipsis;line-clamp:4;-webkit-line-clamp:4;-webkit-box-orient:vertical}.horizontal-timeline .horizontal-timeline__item.horizontal-timeline__item--small .horizontal-timeline__item__icon-wrapper .horizontal-timeline__item__icon-wrapper__line{width:calc(50% - 4px - 8px)}.horizontal-timeline .horizontal-timeline__item.horizontal-timeline__item--normal .horizontal-timeline__item__icon-wrapper__line{width:calc(50% - 4px - 12px)}.horizontal-timeline .horizontal-timeline__item.horizontal-timeline__item--active--highlight .horizontal-timeline__item__icon-wrapper .horizontal-timeline__item__icon-wrapper__line{width:calc(50% - 4px - 20px)}.horizontal-timeline .horizontal-timeline__item.horizontal-timeline__item--active .horizontal-timeline__item__icon-wrapper .horizontal-timeline__item__icon-wrapper__line--before,.horizontal-timeline .horizontal-timeline__item.horizontal-timeline__item--completed .horizontal-timeline__item__icon-wrapper .horizontal-timeline__item__icon-wrapper__line--after,.horizontal-timeline .horizontal-timeline__item.horizontal-timeline__item--completed .horizontal-timeline__item__icon-wrapper .horizontal-timeline__item__icon-wrapper__line--before{background-color:#0c9348}"]
19
22
  })
20
23
  ], HorizontalTimelineComponent);
21
24
  export { HorizontalTimelineComponent };
22
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaG9yaXpvbnRhbC10aW1lbGluZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy90aW1lbGluZS9jb21wb25lbnRzL2hvcml6b250YWwtdGltZWxpbmUvaG9yaXpvbnRhbC10aW1lbGluZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBU2pELElBQWEsMkJBQTJCLEdBQXhDLE1BQWEsMkJBQTJCO0lBQXhDO1FBS1UsZ0JBQVcsR0FBRyxDQUFDLENBQUM7SUFDMUIsQ0FBQztDQUFBLENBQUE7QUFKRTtJQURDLEtBQUssRUFBRTswREFDcUI7QUFHN0I7SUFEQyxLQUFLLEVBQUU7Z0VBQ2U7QUFMYiwyQkFBMkI7SUFMdkMsU0FBUyxDQUFDO1FBQ1IsUUFBUSxFQUFFLHVCQUF1QjtRQUNqQyxtbUVBQW1EOztLQUVyRCxDQUFDO0dBQ1csMkJBQTJCLENBTXZDO1NBTlksMkJBQTJCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbmltcG9ydCB7IFRpbWVsaW5lSXRlbSB9IGZyb20gXCIuLi8uLi9tb2RlbHMvdGltZWxpbmUtaXRlbVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgIHNlbGVjdG9yOiBcInMtaG9yaXpvbnRhbC10aW1lbGluZVwiLFxuICAgdGVtcGxhdGVVcmw6IFwiLi9ob3Jpem9udGFsLXRpbWVsaW5lLmNvbXBvbmVudC5odG1sXCIsXG4gICBzdHlsZVVybHM6IFtcIi4vaG9yaXpvbnRhbC10aW1lbGluZS5jb21wb25lbnQuc2Nzc1wiXSxcbn0pXG5leHBvcnQgY2xhc3MgSG9yaXpvbnRhbFRpbWVsaW5lQ29tcG9uZW50IHtcbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgaXRlbXM6IFRpbWVsaW5lSXRlbVtdO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIGFjdGl2ZUluZGV4ID0gMDtcbn1cbiJdfQ==
25
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaG9yaXpvbnRhbC10aW1lbGluZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy90aW1lbGluZS9jb21wb25lbnRzL2hvcml6b250YWwtdGltZWxpbmUvaG9yaXpvbnRhbC10aW1lbGluZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBU2pELElBQWEsMkJBQTJCLEdBQXhDLE1BQWEsMkJBQTJCO0lBQXhDO1FBS1UsZ0JBQVcsR0FBRyxDQUFDLENBQUM7SUFJMUIsQ0FBQztDQUFBLENBQUE7QUFQRTtJQURDLEtBQUssRUFBRTswREFDcUI7QUFHN0I7SUFEQyxLQUFLLEVBQUU7Z0VBQ2U7QUFHdkI7SUFEQyxLQUFLLEVBQUU7d0VBQzRCO0FBUjFCLDJCQUEyQjtJQUx2QyxTQUFTLENBQUM7UUFDUixRQUFRLEVBQUUsdUJBQXVCO1FBQ2pDLDZwRUFBbUQ7O0tBRXJELENBQUM7R0FDVywyQkFBMkIsQ0FTdkM7U0FUWSwyQkFBMkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuaW1wb3J0IHsgVGltZWxpbmVJdGVtIH0gZnJvbSBcIi4uLy4uL21vZGVscy90aW1lbGluZS1pdGVtXCI7XG5cbkBDb21wb25lbnQoe1xuICAgc2VsZWN0b3I6IFwicy1ob3Jpem9udGFsLXRpbWVsaW5lXCIsXG4gICB0ZW1wbGF0ZVVybDogXCIuL2hvcml6b250YWwtdGltZWxpbmUuY29tcG9uZW50Lmh0bWxcIixcbiAgIHN0eWxlVXJsczogW1wiLi9ob3Jpem9udGFsLXRpbWVsaW5lLmNvbXBvbmVudC5zY3NzXCJdLFxufSlcbmV4cG9ydCBjbGFzcyBIb3Jpem9udGFsVGltZWxpbmVDb21wb25lbnQge1xuICAgQElucHV0KClcbiAgIHB1YmxpYyBpdGVtczogVGltZWxpbmVJdGVtW107XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgYWN0aXZlSW5kZXggPSAwO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIGhpZ2hsaWdodEFjdGl2ZUl0ZW06IGJvb2xlYW47XG59XG4iXX0=
package/esm2015/components/timeline/components/timeline-icon-item/timeline-icon-item.component.js CHANGED
@@ -8,15 +8,18 @@ __decorate([
8
8
  __decorate([
9
9
  Input()
10
10
  ], TimelineIconItemComponent.prototype, "isActive", void 0);
11
+ __decorate([
12
+ Input()
13
+ ], TimelineIconItemComponent.prototype, "highlightActive", void 0);
11
14
  __decorate([
12
15
  Input()
13
16
  ], TimelineIconItemComponent.prototype, "isComplete", void 0);
14
17
  TimelineIconItemComponent = __decorate([
15
18
  Component({
16
19
  selector: "s-timeline-icon-item",
17
- template: "<ng-container *ngIf=\"item\">\n <div\n class=\"timeline__icon-item\"\n [ngClass]=\"{\n 'timeline__icon-item--small': item.testSize('small'),\n 'timeline__icon-item--normal': item.testSize('normal'),\n 'timeline__icon-item--warning': item.testSeverity('warning'),\n 'timeline__icon-item--error': item.testSeverity('error'),\n 'timeline__icon-item--completed': isComplete,\n 'timeline__icon-item--active': isActive\n }\">\n <div\n class=\"timeline__icon-item__icon\"\n [pTooltip]=\"item.tooltip\"\n tooltipPosition=\"top\"\n [ngStyle]=\"{ backgroundColor: item.color }\">\n <ng-content *ngIf=\"item.icon; then icon_content; else label_text_content\"></ng-content>\n <ng-template #icon_content>\n <span [ngClass]=\"item.icon\"></span>\n </ng-template>\n <ng-template #label_text_content>\n <span class=\"timeline__icon-item__icon__label\">\n {{ item.label }}\n </span>\n </ng-template>\n </div>\n </div>\n</ng-container>\n",
18
- styles: [".timeline__icon-item .timeline__icon-item__icon{-ms-flex-align:center;align-items:center;background-color:#697882;border-radius:50%;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:4px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.timeline__icon-item .timeline__icon-item__icon .timeline__icon-item__icon__label{font-family:\"Open Sans\",sans-serif}.timeline__icon-item.timeline__icon-item--small .timeline__icon-item__icon{font-size:0;height:16px;width:16px}.timeline__icon-item.timeline__icon-item--normal .timeline__icon-item__icon{font-size:10px;height:24px;padding:8px;width:24px}.timeline__icon-item.timeline__icon-item--normal .timeline__icon-item__icon .timeline__icon-item__icon__label{font-size:14px}.timeline__icon-item.timeline__icon-item--active .timeline__icon-item__icon{font-size:20px;height:40px;padding:10px;width:40px}.timeline__icon-item.timeline__icon-item--active .timeline__icon-item__icon .timeline__icon-item__icon__label{font-size:22px}.timeline__icon-item.timeline__icon-item--active .timeline__icon-item__icon,.timeline__icon-item.timeline__icon-item--completed .timeline__icon-item__icon{background-color:#0c9348}.timeline__icon-item.timeline__icon-item--warning.timeline__icon-item--active .timeline__icon-item__icon{background-color:#fcbf10;color:#333}.timeline__icon-item.timeline__icon-item--danger.timeline__icon-item--active .timeline__icon-item__icon{background-color:#f8931f;color:#333}.timeline__icon-item.timeline__icon-item--error.timeline__icon-item--active .timeline__icon-item__icon{background-color:#c13018}"]
20
+ template: "<ng-container *ngIf=\"item\">\n <div\n class=\"timeline__icon-item\"\n [ngClass]=\"{\n 'timeline__icon-item--small': item.testSize('small'),\n 'timeline__icon-item--normal': item.testSize('normal'),\n 'timeline__icon-item--warning': item.testSeverity('warning'),\n 'timeline__icon-item--error': item.testSeverity('error'),\n 'timeline__icon-item--completed': isComplete,\n 'timeline__icon-item--active': isActive,\n 'timeline__icon-item--active--highlight': isActive && highlightActive\n }\">\n <div\n class=\"timeline__icon-item__icon\"\n [pTooltip]=\"item.tooltip\"\n tooltipPosition=\"top\"\n [ngStyle]=\"{ backgroundColor: item.color }\">\n <ng-content *ngIf=\"item.icon; then icon_content; else label_text_content\"></ng-content>\n <ng-template #icon_content>\n <span [ngClass]=\"item.icon\"></span>\n </ng-template>\n <ng-template #label_text_content>\n <span class=\"timeline__icon-item__icon__label\">\n {{ item.label }}\n </span>\n </ng-template>\n </div>\n </div>\n</ng-container>\n",
21
+ styles: [".timeline__icon-item .timeline__icon-item__icon{-ms-flex-align:center;align-items:center;background-color:#697882;border-radius:50%;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:4px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.timeline__icon-item .timeline__icon-item__icon .timeline__icon-item__icon__label{font-family:\"Open Sans\",sans-serif}.timeline__icon-item.timeline__icon-item--small .timeline__icon-item__icon{font-size:0;height:16px;width:16px}.timeline__icon-item.timeline__icon-item--normal .timeline__icon-item__icon{font-size:10px;height:24px;padding:8px;width:24px}.timeline__icon-item.timeline__icon-item--normal .timeline__icon-item__icon .timeline__icon-item__icon__label{font-size:14px}.timeline__icon-item.timeline__icon-item--active--highlight .timeline__icon-item__icon{font-size:20px;height:40px;padding:10px;width:40px}.timeline__icon-item.timeline__icon-item--active--highlight .timeline__icon-item__icon .timeline__icon-item__icon__label{font-size:22px}.timeline__icon-item.timeline__icon-item--active .timeline__icon-item__icon,.timeline__icon-item.timeline__icon-item--completed .timeline__icon-item__icon{background-color:#0c9348}.timeline__icon-item.timeline__icon-item--warning.timeline__icon-item--active .timeline__icon-item__icon{background-color:#fcbf10;color:#333}.timeline__icon-item.timeline__icon-item--danger.timeline__icon-item--active .timeline__icon-item__icon{background-color:#f8931f;color:#333}.timeline__icon-item.timeline__icon-item--error.timeline__icon-item--active .timeline__icon-item__icon{background-color:#c13018}"]
19
22
  })
20
23
  ], TimelineIconItemComponent);
21
24
  export { TimelineIconItemComponent };
22
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUtaWNvbi1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzZW5pb3JzaXN0ZW1hcy9hbmd1bGFyLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJjb21wb25lbnRzL3RpbWVsaW5lL2NvbXBvbmVudHMvdGltZWxpbmUtaWNvbi1pdGVtL3RpbWVsaW5lLWljb24taXRlbS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBU2pELElBQWEseUJBQXlCLEdBQXRDLE1BQWEseUJBQXlCO0NBU3JDLENBQUE7QUFQRTtJQURDLEtBQUssRUFBRTt1REFDa0I7QUFHMUI7SUFEQyxLQUFLLEVBQUU7MkRBQ2lCO0FBR3pCO0lBREMsS0FBSyxFQUFFOzZEQUNtQjtBQVJqQix5QkFBeUI7SUFMckMsU0FBUyxDQUFDO1FBQ1IsUUFBUSxFQUFFLHNCQUFzQjtRQUNoQyx1bUNBQWtEOztLQUVwRCxDQUFDO0dBQ1cseUJBQXlCLENBU3JDO1NBVFkseUJBQXlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbmltcG9ydCB7IFRpbWVsaW5lSXRlbSB9IGZyb20gXCIuLi8uLi9tb2RlbHNcIjtcblxuQENvbXBvbmVudCh7XG4gICBzZWxlY3RvcjogXCJzLXRpbWVsaW5lLWljb24taXRlbVwiLFxuICAgdGVtcGxhdGVVcmw6IFwiLi90aW1lbGluZS1pY29uLWl0ZW0uY29tcG9uZW50Lmh0bWxcIixcbiAgIHN0eWxlVXJsczogW1wiLi90aW1lbGluZS1pY29uLWl0ZW0uY29tcG9uZW50LnNjc3NcIl0sXG59KVxuZXhwb3J0IGNsYXNzIFRpbWVsaW5lSWNvbkl0ZW1Db21wb25lbnQge1xuICAgQElucHV0KClcbiAgIHB1YmxpYyBpdGVtOiBUaW1lbGluZUl0ZW07XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgaXNBY3RpdmU6IGJvb2xlYW47XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgaXNDb21wbGV0ZTogYm9vbGVhbjtcbn1cbiJdfQ==
25
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUtaWNvbi1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzZW5pb3JzaXN0ZW1hcy9hbmd1bGFyLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJjb21wb25lbnRzL3RpbWVsaW5lL2NvbXBvbmVudHMvdGltZWxpbmUtaWNvbi1pdGVtL3RpbWVsaW5lLWljb24taXRlbS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBU2pELElBQWEseUJBQXlCLEdBQXRDLE1BQWEseUJBQXlCO0NBWXJDLENBQUE7QUFWRTtJQURDLEtBQUssRUFBRTt1REFDa0I7QUFHMUI7SUFEQyxLQUFLLEVBQUU7MkRBQ2lCO0FBR3pCO0lBREMsS0FBSyxFQUFFO2tFQUN3QjtBQUdoQztJQURDLEtBQUssRUFBRTs2REFDbUI7QUFYakIseUJBQXlCO0lBTHJDLFNBQVMsQ0FBQztRQUNSLFFBQVEsRUFBRSxzQkFBc0I7UUFDaEMsd3JDQUFrRDs7S0FFcEQsQ0FBQztHQUNXLHlCQUF5QixDQVlyQztTQVpZLHlCQUF5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5pbXBvcnQgeyBUaW1lbGluZUl0ZW0gfSBmcm9tIFwiLi4vLi4vbW9kZWxzXCI7XG5cbkBDb21wb25lbnQoe1xuICAgc2VsZWN0b3I6IFwicy10aW1lbGluZS1pY29uLWl0ZW1cIixcbiAgIHRlbXBsYXRlVXJsOiBcIi4vdGltZWxpbmUtaWNvbi1pdGVtLmNvbXBvbmVudC5odG1sXCIsXG4gICBzdHlsZVVybHM6IFtcIi4vdGltZWxpbmUtaWNvbi1pdGVtLmNvbXBvbmVudC5zY3NzXCJdLFxufSlcbmV4cG9ydCBjbGFzcyBUaW1lbGluZUljb25JdGVtQ29tcG9uZW50IHtcbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgaXRlbTogVGltZWxpbmVJdGVtO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIGlzQWN0aXZlOiBib29sZWFuO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIGhpZ2hsaWdodEFjdGl2ZTogYm9vbGVhbjtcblxuICAgQElucHV0KClcbiAgIHB1YmxpYyBpc0NvbXBsZXRlOiBib29sZWFuO1xufVxuIl19
package/esm2015/components/timeline/components/vertical-timeline/components/vertical-items/vertical-items.component.js CHANGED
@@ -11,15 +11,18 @@ __decorate([
11
11
  __decorate([
12
12
  Input()
13
13
  ], VerticalItemsComponent.prototype, "isActive", void 0);
14
+ __decorate([
15
+ Input()
16
+ ], VerticalItemsComponent.prototype, "highlightActive", void 0);
14
17
  __decorate([
15
18
  Input()
16
19
  ], VerticalItemsComponent.prototype, "isCompleted", void 0);
17
20
  VerticalItemsComponent = __decorate([
18
21
  Component({
19
22
  selector: "s-vertical-items",
20
- 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>",
23
+ 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 [highlightActive]=\"highlightActive\">\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>",
21
24
  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}"]
22
25
  })
23
26
  ], VerticalItemsComponent);
24
27
  export { VerticalItemsComponent };
25
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtaXRlbXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvdGltZWxpbmUvY29tcG9uZW50cy92ZXJ0aWNhbC10aW1lbGluZS9jb21wb25lbnRzL3ZlcnRpY2FsLWl0ZW1zL3ZlcnRpY2FsLWl0ZW1zLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFTakQsSUFBYSxzQkFBc0IsR0FBbkMsTUFBYSxzQkFBc0I7Q0FZbEMsQ0FBQTtBQVZFO0lBREMsS0FBSyxFQUFFO3FEQUNxQjtBQUc3QjtJQURDLEtBQUssRUFBRTtzREFDZTtBQUd2QjtJQURDLEtBQUssRUFBRTt3REFDaUI7QUFHekI7SUFEQyxLQUFLLEVBQUU7MkRBQ29CO0FBWGxCLHNCQUFzQjtJQUxsQyxTQUFTLENBQUM7UUFDUixRQUFRLEVBQUUsa0JBQWtCO1FBQzVCLGt2Q0FBOEM7O0tBRWhELENBQUM7R0FDVyxzQkFBc0IsQ0FZbEM7U0FaWSxzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuaW1wb3J0IHsgVGltZWxpbmVJdGVtIH0gZnJvbSBcIi4uLy4uLy4uLy4uL21vZGVscy90aW1lbGluZS1pdGVtXCI7XG5cbkBDb21wb25lbnQoe1xuICAgc2VsZWN0b3I6IFwicy12ZXJ0aWNhbC1pdGVtc1wiLFxuICAgdGVtcGxhdGVVcmw6IFwiLi92ZXJ0aWNhbC1pdGVtcy5jb21wb25lbnQuaHRtbFwiLFxuICAgc3R5bGVVcmxzOiBbXCIuL3ZlcnRpY2FsLWl0ZW1zLmNvbXBvbmVudC5zY3NzXCJdLFxufSlcbmV4cG9ydCBjbGFzcyBWZXJ0aWNhbEl0ZW1zQ29tcG9uZW50IHtcbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgaXRlbXM6IFRpbWVsaW5lSXRlbVtdO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIGlzTGFzdDogYm9vbGVhbjtcblxuICAgQElucHV0KClcbiAgIHB1YmxpYyBpc0FjdGl2ZTogYm9vbGVhbjtcblxuICAgQElucHV0KClcbiAgIHB1YmxpYyBpc0NvbXBsZXRlZDogYm9vbGVhbjtcbn1cbiJdfQ==
28
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtaXRlbXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvdGltZWxpbmUvY29tcG9uZW50cy92ZXJ0aWNhbC10aW1lbGluZS9jb21wb25lbnRzL3ZlcnRpY2FsLWl0ZW1zL3ZlcnRpY2FsLWl0ZW1zLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFTakQsSUFBYSxzQkFBc0IsR0FBbkMsTUFBYSxzQkFBc0I7Q0FlbEMsQ0FBQTtBQWJFO0lBREMsS0FBSyxFQUFFO3FEQUNxQjtBQUc3QjtJQURDLEtBQUssRUFBRTtzREFDZTtBQUd2QjtJQURDLEtBQUssRUFBRTt3REFDaUI7QUFHekI7SUFEQyxLQUFLLEVBQUU7K0RBQ3dCO0FBR2hDO0lBREMsS0FBSyxFQUFFOzJEQUNvQjtBQWRsQixzQkFBc0I7SUFMbEMsU0FBUyxDQUFDO1FBQ1IsUUFBUSxFQUFFLGtCQUFrQjtRQUM1Qix3eUNBQThDOztLQUVoRCxDQUFDO0dBQ1csc0JBQXNCLENBZWxDO1NBZlksc0JBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbmltcG9ydCB7IFRpbWVsaW5lSXRlbSB9IGZyb20gXCIuLi8uLi8uLi8uLi9tb2RlbHMvdGltZWxpbmUtaXRlbVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgIHNlbGVjdG9yOiBcInMtdmVydGljYWwtaXRlbXNcIixcbiAgIHRlbXBsYXRlVXJsOiBcIi4vdmVydGljYWwtaXRlbXMuY29tcG9uZW50Lmh0bWxcIixcbiAgIHN0eWxlVXJsczogW1wiLi92ZXJ0aWNhbC1pdGVtcy5jb21wb25lbnQuc2Nzc1wiXSxcbn0pXG5leHBvcnQgY2xhc3MgVmVydGljYWxJdGVtc0NvbXBvbmVudCB7XG4gICBASW5wdXQoKVxuICAgcHVibGljIGl0ZW1zOiBUaW1lbGluZUl0ZW1bXTtcblxuICAgQElucHV0KClcbiAgIHB1YmxpYyBpc0xhc3Q6IGJvb2xlYW47XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgaXNBY3RpdmU6IGJvb2xlYW47XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgaGlnaGxpZ2h0QWN0aXZlOiBib29sZWFuO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIGlzQ29tcGxldGVkOiBib29sZWFuO1xufVxuIl19
package/esm2015/components/timeline/components/vertical-timeline/vertical-timeline.component.js CHANGED
@@ -30,6 +30,9 @@ VerticalTimelineComponent.nextId = 0;
30
30
  __decorate([
31
31
  Input()
32
32
  ], VerticalTimelineComponent.prototype, "activeIndex", null);
33
+ __decorate([
34
+ Input()
35
+ ], VerticalTimelineComponent.prototype, "highlightActiveItem", void 0);
33
36
  __decorate([
34
37
  Input()
35
38
  ], VerticalTimelineComponent.prototype, "items", void 0);
@@ -42,9 +45,9 @@ __decorate([
42
45
  VerticalTimelineComponent = __decorate([
43
46
  Component({
44
47
  selector: "s-vertical-timeline",
45
- 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>",
48
+ 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 [highlightActive]=\"highlightActiveItem\"\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>",
46
49
  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%}"]
47
50
  })
48
51
  ], VerticalTimelineComponent);
49
52
  export { VerticalTimelineComponent };
50
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtdGltZWxpbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvdGltZWxpbmUvY29tcG9uZW50cy92ZXJ0aWNhbC10aW1lbGluZS92ZXJ0aWNhbC10aW1lbGluZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBU2pELElBQWEseUJBQXlCLEdBQXRDLE1BQWEseUJBQXlCO0lBQXRDO1FBR1Usa0JBQWEsR0FBRyxJQUFJLENBQUM7UUFDckIsa0JBQWEsR0FBRyxJQUFJLENBQUM7SUEwQy9CLENBQUM7SUFqQ0UsSUFBVyxXQUFXLENBQUMsS0FBYTtRQUNqQyxJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztRQUMxQixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELElBQVcsV0FBVztRQUNuQixPQUFPLElBQUksQ0FBQyxZQUFZLENBQUM7SUFDNUIsQ0FBQztJQVdNLFVBQVUsQ0FBQyxLQUFjO1FBQzdCLElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDO0lBQzlCLENBQUM7SUFFTSxVQUFVLENBQUMsS0FBYztRQUM3QixJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztJQUM5QixDQUFDO0lBRU0sVUFBVTtRQUNkLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFdBQVcsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDL0QsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ3JELElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDO1FBQ2pELElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUM7UUFDN0UsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsV0FBVyxLQUFLLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUN6RyxDQUFDO0NBQ0gsQ0FBQTtBQTdDZ0IsZ0NBQU0sR0FBRyxDQUFDLENBQUM7QUFZekI7SUFEQyxLQUFLLEVBQUU7NERBSVA7QUFPRDtJQURDLEtBQUssRUFBRTt3REFDcUI7QUFHN0I7SUFEQyxLQUFLLEVBQUU7K0RBQ29CO0FBRzVCO0lBREMsS0FBSyxFQUFFOzhEQUNvQjtBQTdCbEIseUJBQXlCO0lBTHJDLFNBQVMsQ0FBQztRQUNSLFFBQVEsRUFBRSxxQkFBcUI7UUFDL0IsaTZHQUFpRDs7S0FFbkQsQ0FBQztHQUNXLHlCQUF5QixDQThDckM7U0E5Q1kseUJBQXlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbmltcG9ydCB7IFRpbWVsaW5lSXRlbSB9IGZyb20gXCIuLi8uLi9tb2RlbHMvdGltZWxpbmUtaXRlbVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgIHNlbGVjdG9yOiBcInMtdmVydGljYWwtdGltZWxpbmVcIixcbiAgIHRlbXBsYXRlVXJsOiBcIi4vdmVydGljYWwtdGltZWxpbmUuY29tcG9uZW50Lmh0bWxcIixcbiAgIHN0eWxlVXJsczogW1wiLi92ZXJ0aWNhbC10aW1lbGluZS5jb21wb25lbnQuc2Nzc1wiXSxcbn0pXG5leHBvcnQgY2xhc3MgVmVydGljYWxUaW1lbGluZUNvbXBvbmVudCB7XG4gICBwdWJsaWMgc3RhdGljIG5leHRJZCA9IDA7XG4gICBwcml2YXRlIF9hY3RpdmVJbmRleDogbnVtYmVyO1xuICAgcHVibGljIGlzRzFDb2xsYXBzZWQgPSB0cnVlO1xuICAgcHVibGljIGlzRzJDb2xsYXBzZWQgPSB0cnVlO1xuXG4gICBwdWJsaWMgZmlyc3RJdGVtOiBUaW1lbGluZUl0ZW1bXTtcbiAgIHB1YmxpYyBnMUl0ZW1zOiBUaW1lbGluZUl0ZW1bXTtcbiAgIHB1YmxpYyBhY3RpdmVJdGVtOiBUaW1lbGluZUl0ZW1bXTtcbiAgIHB1YmxpYyBnMkl0ZW1zOiBUaW1lbGluZUl0ZW1bXTtcbiAgIHB1YmxpYyBsYXN0SXRlbTogVGltZWxpbmVJdGVtW107XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgc2V0IGFjdGl2ZUluZGV4KGluZGV4OiBudW1iZXIpIHtcbiAgICAgIHRoaXMuX2FjdGl2ZUluZGV4ID0gaW5kZXg7XG4gICAgICB0aGlzLmdyb3VwSXRlbXMoKTtcbiAgIH1cblxuICAgcHVibGljIGdldCBhY3RpdmVJbmRleCgpIHtcbiAgICAgIHJldHVybiB0aGlzLl9hY3RpdmVJbmRleDtcbiAgIH1cblxuICAgQElucHV0KClcbiAgIHB1YmxpYyBpdGVtczogVGltZWxpbmVJdGVtW107XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgY291bnRlckxhYmVsOiBzdHJpbmc7XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgY29sbGFwc2FibGU6IGJvb2xlYW47XG5cbiAgIHB1YmxpYyBvbkNoYW5nZUcxKGV2ZW50OiBib29sZWFuKSB7XG4gICAgICB0aGlzLmlzRzFDb2xsYXBzZWQgPSBldmVudDtcbiAgIH1cblxuICAgcHVibGljIG9uQ2hhbmdlRzIoZXZlbnQ6IGJvb2xlYW4pIHtcbiAgICAgIHRoaXMuaXNHMkNvbGxhcHNlZCA9IGV2ZW50O1xuICAgfVxuXG4gICBwdWJsaWMgZ3JvdXBJdGVtcygpIHtcbiAgICAgIHRoaXMuZmlyc3RJdGVtID0gdGhpcy5hY3RpdmVJbmRleCA9PT0gMCA/IFtdIDogW3RoaXMuaXRlbXNbMF1dO1xuICAgICAgdGhpcy5nMUl0ZW1zID0gdGhpcy5pdGVtcy5zbGljZSgxLCB0aGlzLmFjdGl2ZUluZGV4KTtcbiAgICAgIHRoaXMuYWN0aXZlSXRlbSA9IFt0aGlzLml0ZW1zW3RoaXMuYWN0aXZlSW5kZXhdXTtcbiAgICAgIHRoaXMuZzJJdGVtcyA9IHRoaXMuaXRlbXMuc2xpY2UodGhpcy5hY3RpdmVJbmRleCArIDEsIHRoaXMuaXRlbXMubGVuZ3RoIC0gMSk7XG4gICAgICB0aGlzLmxhc3RJdGVtID0gdGhpcy5hY3RpdmVJbmRleCA9PT0gdGhpcy5pdGVtcy5sZW5ndGggLSAxID8gW10gOiBbdGhpcy5pdGVtc1t0aGlzLml0ZW1zLmxlbmd0aCAtIDFdXTtcbiAgIH1cbn1cbiJdfQ==
53
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtdGltZWxpbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvdGltZWxpbmUvY29tcG9uZW50cy92ZXJ0aWNhbC10aW1lbGluZS92ZXJ0aWNhbC10aW1lbGluZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBU2pELElBQWEseUJBQXlCLEdBQXRDLE1BQWEseUJBQXlCO0lBQXRDO1FBR1Usa0JBQWEsR0FBRyxJQUFJLENBQUM7UUFDckIsa0JBQWEsR0FBRyxJQUFJLENBQUM7SUE2Qy9CLENBQUM7SUFwQ0UsSUFBVyxXQUFXLENBQUMsS0FBYTtRQUNqQyxJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztRQUMxQixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELElBQVcsV0FBVztRQUNuQixPQUFPLElBQUksQ0FBQyxZQUFZLENBQUM7SUFDNUIsQ0FBQztJQWNNLFVBQVUsQ0FBQyxLQUFjO1FBQzdCLElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDO0lBQzlCLENBQUM7SUFFTSxVQUFVLENBQUMsS0FBYztRQUM3QixJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztJQUM5QixDQUFDO0lBRU0sVUFBVTtRQUNkLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFdBQVcsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDL0QsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ3JELElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDO1FBQ2pELElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUM7UUFDN0UsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsV0FBVyxLQUFLLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUN6RyxDQUFDO0NBQ0gsQ0FBQTtBQWhEZ0IsZ0NBQU0sR0FBRyxDQUFDLENBQUM7QUFZekI7SUFEQyxLQUFLLEVBQUU7NERBSVA7QUFPRDtJQURDLEtBQUssRUFBRTtzRUFDNEI7QUFHcEM7SUFEQyxLQUFLLEVBQUU7d0RBQ3FCO0FBRzdCO0lBREMsS0FBSyxFQUFFOytEQUNvQjtBQUc1QjtJQURDLEtBQUssRUFBRTs4REFDb0I7QUFoQ2xCLHlCQUF5QjtJQUxyQyxTQUFTLENBQUM7UUFDUixRQUFRLEVBQUUscUJBQXFCO1FBQy9CLHE5R0FBaUQ7O0tBRW5ELENBQUM7R0FDVyx5QkFBeUIsQ0FpRHJDO1NBakRZLHlCQUF5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5pbXBvcnQgeyBUaW1lbGluZUl0ZW0gfSBmcm9tIFwiLi4vLi4vbW9kZWxzL3RpbWVsaW5lLWl0ZW1cIjtcblxuQENvbXBvbmVudCh7XG4gICBzZWxlY3RvcjogXCJzLXZlcnRpY2FsLXRpbWVsaW5lXCIsXG4gICB0ZW1wbGF0ZVVybDogXCIuL3ZlcnRpY2FsLXRpbWVsaW5lLmNvbXBvbmVudC5odG1sXCIsXG4gICBzdHlsZVVybHM6IFtcIi4vdmVydGljYWwtdGltZWxpbmUuY29tcG9uZW50LnNjc3NcIl0sXG59KVxuZXhwb3J0IGNsYXNzIFZlcnRpY2FsVGltZWxpbmVDb21wb25lbnQge1xuICAgcHVibGljIHN0YXRpYyBuZXh0SWQgPSAwO1xuICAgcHJpdmF0ZSBfYWN0aXZlSW5kZXg6IG51bWJlcjtcbiAgIHB1YmxpYyBpc0cxQ29sbGFwc2VkID0gdHJ1ZTtcbiAgIHB1YmxpYyBpc0cyQ29sbGFwc2VkID0gdHJ1ZTtcblxuICAgcHVibGljIGZpcnN0SXRlbTogVGltZWxpbmVJdGVtW107XG4gICBwdWJsaWMgZzFJdGVtczogVGltZWxpbmVJdGVtW107XG4gICBwdWJsaWMgYWN0aXZlSXRlbTogVGltZWxpbmVJdGVtW107XG4gICBwdWJsaWMgZzJJdGVtczogVGltZWxpbmVJdGVtW107XG4gICBwdWJsaWMgbGFzdEl0ZW06IFRpbWVsaW5lSXRlbVtdO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIHNldCBhY3RpdmVJbmRleChpbmRleDogbnVtYmVyKSB7XG4gICAgICB0aGlzLl9hY3RpdmVJbmRleCA9IGluZGV4O1xuICAgICAgdGhpcy5ncm91cEl0ZW1zKCk7XG4gICB9XG5cbiAgIHB1YmxpYyBnZXQgYWN0aXZlSW5kZXgoKSB7XG4gICAgICByZXR1cm4gdGhpcy5fYWN0aXZlSW5kZXg7XG4gICB9XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgaGlnaGxpZ2h0QWN0aXZlSXRlbTogYm9vbGVhbjtcblxuICAgQElucHV0KClcbiAgIHB1YmxpYyBpdGVtczogVGltZWxpbmVJdGVtW107XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgY291bnRlckxhYmVsOiBzdHJpbmc7XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgY29sbGFwc2FibGU6IGJvb2xlYW47XG5cbiAgIHB1YmxpYyBvbkNoYW5nZUcxKGV2ZW50OiBib29sZWFuKSB7XG4gICAgICB0aGlzLmlzRzFDb2xsYXBzZWQgPSBldmVudDtcbiAgIH1cblxuICAgcHVibGljIG9uQ2hhbmdlRzIoZXZlbnQ6IGJvb2xlYW4pIHtcbiAgICAgIHRoaXMuaXNHMkNvbGxhcHNlZCA9IGV2ZW50O1xuICAgfVxuXG4gICBwdWJsaWMgZ3JvdXBJdGVtcygpIHtcbiAgICAgIHRoaXMuZmlyc3RJdGVtID0gdGhpcy5hY3RpdmVJbmRleCA9PT0gMCA/IFtdIDogW3RoaXMuaXRlbXNbMF1dO1xuICAgICAgdGhpcy5nMUl0ZW1zID0gdGhpcy5pdGVtcy5zbGljZSgxLCB0aGlzLmFjdGl2ZUluZGV4KTtcbiAgICAgIHRoaXMuYWN0aXZlSXRlbSA9IFt0aGlzLml0ZW1zW3RoaXMuYWN0aXZlSW5kZXhdXTtcbiAgICAgIHRoaXMuZzJJdGVtcyA9IHRoaXMuaXRlbXMuc2xpY2UodGhpcy5hY3RpdmVJbmRleCArIDEsIHRoaXMuaXRlbXMubGVuZ3RoIC0gMSk7XG4gICAgICB0aGlzLmxhc3RJdGVtID0gdGhpcy5hY3RpdmVJbmRleCA9PT0gdGhpcy5pdGVtcy5sZW5ndGggLSAxID8gW10gOiBbdGhpcy5pdGVtc1t0aGlzLml0ZW1zLmxlbmd0aCAtIDFdXTtcbiAgIH1cbn1cbiJdfQ==
package/esm2015/components/timeline/timeline.component.js CHANGED
@@ -5,6 +5,7 @@ const VERTICAL = "vertical";
5
5
  const MIN_ITEM_SIZE = 200;
6
6
  let TimelineComponent = class TimelineComponent {
7
7
  constructor() {
8
+ this.highlightActiveItem = true;
8
9
  this.direction = HORIZONTAL;
9
10
  this.collapsable = true;
10
11
  this.counterLabel = "items";
@@ -40,6 +41,9 @@ __decorate([
40
41
  __decorate([
41
42
  Input()
42
43
  ], TimelineComponent.prototype, "activeIndex", void 0);
44
+ __decorate([
45
+ Input()
46
+ ], TimelineComponent.prototype, "highlightActiveItem", void 0);
43
47
  __decorate([
44
48
  Input()
45
49
  ], TimelineComponent.prototype, "direction", void 0);
@@ -55,8 +59,8 @@ __decorate([
55
59
  TimelineComponent = __decorate([
56
60
  Component({
57
61
  selector: "s-timeline",
58
- template: "<div *ngIf=\"changeToVertical(); then vertical else horizontal\"></div>\n\n<ng-template #horizontal>\n <s-horizontal-timeline *ngIf=\"items?.length\"\n [items]=\"items\"\n [activeIndex]=\"activeIndex\">\n </s-horizontal-timeline>\n</ng-template>\n\n<ng-template #vertical>\n <s-vertical-timeline *ngIf=\"items?.length\"\n [items]=\"items\"\n [activeIndex]=\"activeIndex\"\n [counterLabel]=\"counterLabel\"\n [collapsable]=\"collapsable\">\n </s-vertical-timeline>\n</ng-template>"
62
+ template: "<div *ngIf=\"changeToVertical(); then vertical else horizontal\"></div>\n\n<ng-template #horizontal>\n <s-horizontal-timeline *ngIf=\"items?.length\"\n [items]=\"items\"\n [activeIndex]=\"activeIndex\"\n [highlightActiveItem]=\"highlightActiveItem\">\n </s-horizontal-timeline>\n</ng-template>\n\n<ng-template #vertical>\n <s-vertical-timeline *ngIf=\"items?.length\"\n [items]=\"items\"\n [activeIndex]=\"activeIndex\"\n highlightActiveItem=\"hi\"\n [counterLabel]=\"counterLabel\"\n [collapsable]=\"collapsable\"\n [highlightActiveItem]=\"highlightActiveItem\">\n </s-vertical-timeline>\n</ng-template>"
59
63
  })
60
64
  ], TimelineComponent);
61
65
  export { TimelineComponent };
62
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvdGltZWxpbmUvdGltZWxpbmUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFJdkUsTUFBTSxVQUFVLEdBQUcsWUFBWSxDQUFDO0FBQ2hDLE1BQU0sUUFBUSxHQUFHLFVBQVUsQ0FBQztBQUM1QixNQUFNLGFBQWEsR0FBRyxHQUFHLENBQUM7QUFNMUIsSUFBYSxpQkFBaUIsR0FBOUIsTUFBYSxpQkFBaUI7SUFBOUI7UUFrQlUsY0FBUyxHQUF3QyxVQUFVLENBQUM7UUFHNUQsZ0JBQVcsR0FBRyxJQUFJLENBQUM7UUFHbkIsaUJBQVksR0FBRyxPQUFPLENBQUM7SUF3QmpDLENBQUM7SUE1Q0UsSUFBVyxLQUFLO1FBQ2IsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ3RCLENBQUM7SUFHRCxJQUFXLEtBQUssQ0FBQyxLQUFxQjtRQUNuQyxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUNwQixJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBY00sUUFBUTtRQUNaLElBQUksQ0FBQyxXQUFXLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQztJQUN4QyxDQUFDO0lBR00sUUFBUSxDQUFDLENBQU07UUFDbkIsSUFBSSxDQUFDLFdBQVcsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDO0lBQ3hDLENBQUM7SUFFTSxnQkFBZ0I7UUFDcEIsT0FBTyxJQUFJLENBQUMsU0FBUyxLQUFLLFFBQVEsSUFBSSxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLGFBQWEsQ0FBQztJQUM5RixDQUFDO0lBRU0saUJBQWlCO1FBQ3JCLE1BQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxFQUFFO1lBQy9CLE9BQU8sSUFBSSxDQUFDLEVBQUUsQ0FBQztRQUNsQixDQUFDLENBQUMsQ0FBQztRQUVILElBQUksQ0FBQyxJQUFJLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLElBQUksS0FBSyxHQUFHLENBQUMsTUFBTSxFQUFFO1lBQ3JDLE1BQU0sSUFBSSxLQUFLLENBQUMsNENBQTRDLENBQUMsQ0FBQztTQUNoRTtJQUNKLENBQUM7Q0FDSCxDQUFBO0FBdkNFO0lBREMsS0FBSyxFQUFFOzhDQUlQO0FBR0Q7SUFEQyxLQUFLLEVBQUU7c0RBQ21CO0FBRzNCO0lBREMsS0FBSyxFQUFFO29EQUMyRDtBQUduRTtJQURDLEtBQUssRUFBRTtzREFDa0I7QUFHMUI7SUFEQyxLQUFLLEVBQUU7dURBQ3NCO0FBTzlCO0lBREMsWUFBWSxDQUFDLGVBQWUsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDO2lEQUd6QztBQWpDUyxpQkFBaUI7SUFKN0IsU0FBUyxDQUFDO1FBQ1IsUUFBUSxFQUFFLFlBQVk7UUFDdEIsaWhCQUF3QztLQUMxQyxDQUFDO0dBQ1csaUJBQWlCLENBZ0Q3QjtTQWhEWSxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RMaXN0ZW5lciwgSW5wdXQsIE9uSW5pdCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbmltcG9ydCB7IFRpbWVsaW5lSXRlbSB9IGZyb20gXCIuL21vZGVscy90aW1lbGluZS1pdGVtXCI7XG5cbmNvbnN0IEhPUklaT05UQUwgPSBcImhvcml6b250YWxcIjtcbmNvbnN0IFZFUlRJQ0FMID0gXCJ2ZXJ0aWNhbFwiO1xuY29uc3QgTUlOX0lURU1fU0laRSA9IDIwMDtcblxuQENvbXBvbmVudCh7XG4gICBzZWxlY3RvcjogXCJzLXRpbWVsaW5lXCIsXG4gICB0ZW1wbGF0ZVVybDogXCIuL3RpbWVsaW5lLmNvbXBvbmVudC5odG1sXCIsXG59KVxuZXhwb3J0IGNsYXNzIFRpbWVsaW5lQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgIHByaXZhdGUgX2lubmVyV2lkdGg6IG51bWJlcjtcbiAgIHByaXZhdGUgX2l0ZW1zOiBUaW1lbGluZUl0ZW1bXTtcblxuICAgcHVibGljIGdldCBpdGVtcygpOiBUaW1lbGluZUl0ZW1bXSB7XG4gICAgICByZXR1cm4gdGhpcy5faXRlbXM7XG4gICB9XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgc2V0IGl0ZW1zKGl0ZW1zOiBUaW1lbGluZUl0ZW1bXSkge1xuICAgICAgdGhpcy5faXRlbXMgPSBpdGVtcztcbiAgICAgIHRoaXMuY2hlY2tEdXBsaWNhdGVJZHMoKTtcbiAgIH1cblxuICAgQElucHV0KClcbiAgIHB1YmxpYyBhY3RpdmVJbmRleDogbnVtYmVyO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIGRpcmVjdGlvbjogdHlwZW9mIEhPUklaT05UQUwgfCB0eXBlb2YgVkVSVElDQUwgPSBIT1JJWk9OVEFMO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIGNvbGxhcHNhYmxlID0gdHJ1ZTtcblxuICAgQElucHV0KClcbiAgIHB1YmxpYyBjb3VudGVyTGFiZWwgPSBcIml0ZW1zXCI7XG5cbiAgIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgIHRoaXMuX2lubmVyV2lkdGggPSB3aW5kb3cuaW5uZXJXaWR0aDtcbiAgIH1cblxuICAgQEhvc3RMaXN0ZW5lcihcIndpbmRvdzpyZXNpemVcIiwgW1wiJGV2ZW50XCJdKVxuICAgcHVibGljIG9uUmVzaXplKF86IGFueSk6IHZvaWQge1xuICAgICAgdGhpcy5faW5uZXJXaWR0aCA9IHdpbmRvdy5pbm5lcldpZHRoO1xuICAgfVxuXG4gICBwdWJsaWMgY2hhbmdlVG9WZXJ0aWNhbCgpOiBib29sZWFuIHtcbiAgICAgIHJldHVybiB0aGlzLmRpcmVjdGlvbiA9PT0gVkVSVElDQUwgfHwgdGhpcy5faW5uZXJXaWR0aCAvIHRoaXMuaXRlbXMubGVuZ3RoIDwgTUlOX0lURU1fU0laRTtcbiAgIH1cblxuICAgcHVibGljIGNoZWNrRHVwbGljYXRlSWRzKCk6IHZvaWQge1xuICAgICAgY29uc3QgaWRzID0gdGhpcy5pdGVtcy5tYXAoaXRlbSA9PiB7XG4gICAgICAgICByZXR1cm4gaXRlbS5pZDtcbiAgICAgIH0pO1xuXG4gICAgICBpZiAoKG5ldyBTZXQoaWRzKSkuc2l6ZSAhPT0gaWRzLmxlbmd0aCkge1xuICAgICAgICAgdGhyb3cgbmV3IEVycm9yKFwiQSBkdXBsaWNhdGUgaWQgd2FzIGZvdW5kIGluIHRoZSBpdGVtcyBsaXN0XCIpO1xuICAgICAgfVxuICAgfVxufVxuIl19
66
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvdGltZWxpbmUvdGltZWxpbmUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFJdkUsTUFBTSxVQUFVLEdBQUcsWUFBWSxDQUFDO0FBQ2hDLE1BQU0sUUFBUSxHQUFHLFVBQVUsQ0FBQztBQUM1QixNQUFNLGFBQWEsR0FBRyxHQUFHLENBQUM7QUFNMUIsSUFBYSxpQkFBaUIsR0FBOUIsTUFBYSxpQkFBaUI7SUFBOUI7UUFrQlUsd0JBQW1CLEdBQUcsSUFBSSxDQUFDO1FBRzNCLGNBQVMsR0FBd0MsVUFBVSxDQUFDO1FBRzVELGdCQUFXLEdBQUcsSUFBSSxDQUFDO1FBR25CLGlCQUFZLEdBQUcsT0FBTyxDQUFDO0lBd0JqQyxDQUFDO0lBL0NFLElBQVcsS0FBSztRQUNiLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUN0QixDQUFDO0lBR0QsSUFBVyxLQUFLLENBQUMsS0FBcUI7UUFDbkMsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDcEIsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDNUIsQ0FBQztJQWlCTSxRQUFRO1FBQ1osSUFBSSxDQUFDLFdBQVcsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDO0lBQ3hDLENBQUM7SUFHTSxRQUFRLENBQUMsQ0FBTTtRQUNuQixJQUFJLENBQUMsV0FBVyxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUM7SUFDeEMsQ0FBQztJQUVNLGdCQUFnQjtRQUNwQixPQUFPLElBQUksQ0FBQyxTQUFTLEtBQUssUUFBUSxJQUFJLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsYUFBYSxDQUFDO0lBQzlGLENBQUM7SUFFTSxpQkFBaUI7UUFDckIsTUFBTSxHQUFHLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLEVBQUU7WUFDL0IsT0FBTyxJQUFJLENBQUMsRUFBRSxDQUFDO1FBQ2xCLENBQUMsQ0FBQyxDQUFDO1FBRUgsSUFBSSxDQUFDLElBQUksR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsSUFBSSxLQUFLLEdBQUcsQ0FBQyxNQUFNLEVBQUU7WUFDckMsTUFBTSxJQUFJLEtBQUssQ0FBQyw0Q0FBNEMsQ0FBQyxDQUFDO1NBQ2hFO0lBQ0osQ0FBQztDQUNILENBQUE7QUExQ0U7SUFEQyxLQUFLLEVBQUU7OENBSVA7QUFHRDtJQURDLEtBQUssRUFBRTtzREFDbUI7QUFHM0I7SUFEQyxLQUFLLEVBQUU7OERBQzBCO0FBR2xDO0lBREMsS0FBSyxFQUFFO29EQUMyRDtBQUduRTtJQURDLEtBQUssRUFBRTtzREFDa0I7QUFHMUI7SUFEQyxLQUFLLEVBQUU7dURBQ3NCO0FBTzlCO0lBREMsWUFBWSxDQUFDLGVBQWUsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDO2lEQUd6QztBQXBDUyxpQkFBaUI7SUFKN0IsU0FBUyxDQUFDO1FBQ1IsUUFBUSxFQUFFLFlBQVk7UUFDdEIsNnBCQUF3QztLQUMxQyxDQUFDO0dBQ1csaUJBQWlCLENBbUQ3QjtTQW5EWSxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RMaXN0ZW5lciwgSW5wdXQsIE9uSW5pdCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbmltcG9ydCB7IFRpbWVsaW5lSXRlbSB9IGZyb20gXCIuL21vZGVscy90aW1lbGluZS1pdGVtXCI7XG5cbmNvbnN0IEhPUklaT05UQUwgPSBcImhvcml6b250YWxcIjtcbmNvbnN0IFZFUlRJQ0FMID0gXCJ2ZXJ0aWNhbFwiO1xuY29uc3QgTUlOX0lURU1fU0laRSA9IDIwMDtcblxuQENvbXBvbmVudCh7XG4gICBzZWxlY3RvcjogXCJzLXRpbWVsaW5lXCIsXG4gICB0ZW1wbGF0ZVVybDogXCIuL3RpbWVsaW5lLmNvbXBvbmVudC5odG1sXCIsXG59KVxuZXhwb3J0IGNsYXNzIFRpbWVsaW5lQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgIHByaXZhdGUgX2lubmVyV2lkdGg6IG51bWJlcjtcbiAgIHByaXZhdGUgX2l0ZW1zOiBUaW1lbGluZUl0ZW1bXTtcblxuICAgcHVibGljIGdldCBpdGVtcygpOiBUaW1lbGluZUl0ZW1bXSB7XG4gICAgICByZXR1cm4gdGhpcy5faXRlbXM7XG4gICB9XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgc2V0IGl0ZW1zKGl0ZW1zOiBUaW1lbGluZUl0ZW1bXSkge1xuICAgICAgdGhpcy5faXRlbXMgPSBpdGVtcztcbiAgICAgIHRoaXMuY2hlY2tEdXBsaWNhdGVJZHMoKTtcbiAgIH1cblxuICAgQElucHV0KClcbiAgIHB1YmxpYyBhY3RpdmVJbmRleDogbnVtYmVyO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIGhpZ2hsaWdodEFjdGl2ZUl0ZW0gPSB0cnVlO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIGRpcmVjdGlvbjogdHlwZW9mIEhPUklaT05UQUwgfCB0eXBlb2YgVkVSVElDQUwgPSBIT1JJWk9OVEFMO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIGNvbGxhcHNhYmxlID0gdHJ1ZTtcblxuICAgQElucHV0KClcbiAgIHB1YmxpYyBjb3VudGVyTGFiZWwgPSBcIml0ZW1zXCI7XG5cbiAgIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgIHRoaXMuX2lubmVyV2lkdGggPSB3aW5kb3cuaW5uZXJXaWR0aDtcbiAgIH1cblxuICAgQEhvc3RMaXN0ZW5lcihcIndpbmRvdzpyZXNpemVcIiwgW1wiJGV2ZW50XCJdKVxuICAgcHVibGljIG9uUmVzaXplKF86IGFueSk6IHZvaWQge1xuICAgICAgdGhpcy5faW5uZXJXaWR0aCA9IHdpbmRvdy5pbm5lcldpZHRoO1xuICAgfVxuXG4gICBwdWJsaWMgY2hhbmdlVG9WZXJ0aWNhbCgpOiBib29sZWFuIHtcbiAgICAgIHJldHVybiB0aGlzLmRpcmVjdGlvbiA9PT0gVkVSVElDQUwgfHwgdGhpcy5faW5uZXJXaWR0aCAvIHRoaXMuaXRlbXMubGVuZ3RoIDwgTUlOX0lURU1fU0laRTtcbiAgIH1cblxuICAgcHVibGljIGNoZWNrRHVwbGljYXRlSWRzKCk6IHZvaWQge1xuICAgICAgY29uc3QgaWRzID0gdGhpcy5pdGVtcy5tYXAoaXRlbSA9PiB7XG4gICAgICAgICByZXR1cm4gaXRlbS5pZDtcbiAgICAgIH0pO1xuXG4gICAgICBpZiAoKG5ldyBTZXQoaWRzKSkuc2l6ZSAhPT0gaWRzLmxlbmd0aCkge1xuICAgICAgICAgdGhyb3cgbmV3IEVycm9yKFwiQSBkdXBsaWNhdGUgaWQgd2FzIGZvdW5kIGluIHRoZSBpdGVtcyBsaXN0XCIpO1xuICAgICAgfVxuICAgfVxufVxuIl19
package/esm5/components/timeline/components/horizontal-timeline/horizontal-timeline.component.js CHANGED
@@ -10,14 +10,17 @@ var HorizontalTimelineComponent = /** @class */ (function () {
10
10
  __decorate([
11
11
  Input()
12
12
  ], HorizontalTimelineComponent.prototype, "activeIndex", void 0);
13
+ __decorate([
14
+ Input()
15
+ ], HorizontalTimelineComponent.prototype, "highlightActiveItem", void 0);
13
16
  HorizontalTimelineComponent = __decorate([
14
17
  Component({
15
18
  selector: "s-horizontal-timeline",
16
- template: "<div class=\"horizontal-timeline\">\n <ng-container\n *ngFor=\"let item of items;\n let i = index;\n let isFirst = first;\n let isLast = last\">\n <div\n class=\"horizontal-timeline__item\"\n [ngClass]=\"{\n 'horizontal-timeline__item--small': item.testSize('small'),\n 'horizontal-timeline__item--normal': item.testSize('normal'),\n 'horizontal-timeline__item--warning': item.testSeverity('warning'),\n 'horizontal-timeline__item--error': item.testSeverity('error'),\n 'horizontal-timeline__item--completed': i < activeIndex,\n 'horizontal-timeline__item--active': i === activeIndex\n }\">\n <div class=\"horizontal-timeline__item__icon-wrapper\">\n <div\n class=\"horizontal-timeline__item__icon-wrapper__line horizontal-timeline__item__icon-wrapper__line--before\"\n [ngStyle]=\"{ 'visibility': isFirst ? 'hidden' : 'visible' }\">\n </div>\n <s-timeline-icon-item\n [item]=\"item\"\n [isActive]=\"i === activeIndex\"\n [isComplete]=\"i < activeIndex\">\n </s-timeline-icon-item>\n <div\n class=\"horizontal-timeline__item__icon-wrapper__line horizontal-timeline__item__icon-wrapper__line--after\"\n [ngStyle]=\"{ 'visibility': isLast ? 'hidden' : 'visible' }\">\n </div>\n </div>\n <div class=\"horizontal-timeline__item__info\">\n <div\n class=\"horizontal-timeline__item__info__title\"\n [pTooltip]=\"item.title\"\n tooltipPosition=\"top\"\n [showDelay]=\"1000\">\n {{ item.title }}\n </div>\n <div\n class=\"horizontal-timeline__item__info__description\"\n [pTooltip]=\"item.description\"\n tooltipPosition=\"top\"\n [showDelay]=\"1000\">\n {{ item.description }}\n </div>\n </div>\n </div>\n </ng-container>\n</div>",
17
- styles: ["@keyframes scale-up-center{0%{transform:scale(.5)}100%{transform:scale(1)}}.horizontal-timeline{-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.horizontal-timeline .horizontal-timeline__item{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.horizontal-timeline .horizontal-timeline__item .horizontal-timeline__item__icon-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;height:56px;-ms-flex-pack:start;justify-content:flex-start;width:100%}.horizontal-timeline .horizontal-timeline__item .horizontal-timeline__item__icon-wrapper .horizontal-timeline__item__icon-wrapper__line{background-color:#697882;height:3px}.horizontal-timeline .horizontal-timeline__item .horizontal-timeline__item__icon-wrapper .horizontal-timeline__item__icon-wrapper__line--before{border-radius:0 2px 2px 0}.horizontal-timeline .horizontal-timeline__item .horizontal-timeline__item__icon-wrapper .horizontal-timeline__item__icon-wrapper__line--after{border-radius:2px 0 0 2px}.horizontal-timeline .horizontal-timeline__item .horizontal-timeline__item__info{width:20ch}.horizontal-timeline .horizontal-timeline__item .horizontal-timeline__item__info .horizontal-timeline__item__info__title{color:#333;font-family:\"Open Sans\",sans-serif;font-size:14px;font-weight:700;line-height:150%;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.horizontal-timeline .horizontal-timeline__item .horizontal-timeline__item__info .horizontal-timeline__item__info__description{color:#999;display:-webkit-box;font-family:\"Open Sans\",sans-serif;font-size:12px;font-weight:400;line-height:150%;max-height:calc(12px * 1.5 * 4);overflow:hidden;text-align:center;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical}.horizontal-timeline .horizontal-timeline__item.horizontal-timeline__item--small .horizontal-timeline__item__icon-wrapper .horizontal-timeline__item__icon-wrapper__line{width:calc(50% - 4px - 8px)}.horizontal-timeline .horizontal-timeline__item.horizontal-timeline__item--normal .horizontal-timeline__item__icon-wrapper__line{width:calc(50% - 4px - 12px)}.horizontal-timeline .horizontal-timeline__item.horizontal-timeline__item--active .horizontal-timeline__item__icon-wrapper .horizontal-timeline__item__icon-wrapper__line{width:calc(50% - 4px - 20px)}.horizontal-timeline .horizontal-timeline__item.horizontal-timeline__item--active .horizontal-timeline__item__icon-wrapper .horizontal-timeline__item__icon-wrapper__line--before,.horizontal-timeline .horizontal-timeline__item.horizontal-timeline__item--completed .horizontal-timeline__item__icon-wrapper .horizontal-timeline__item__icon-wrapper__line--after,.horizontal-timeline .horizontal-timeline__item.horizontal-timeline__item--completed .horizontal-timeline__item__icon-wrapper .horizontal-timeline__item__icon-wrapper__line--before{background-color:#0c9348}"]
19
+ template: "<div class=\"horizontal-timeline\">\n <ng-container\n *ngFor=\"let item of items;\n let i = index;\n let isFirst = first;\n let isLast = last\">\n <div\n class=\"horizontal-timeline__item\"\n [ngClass]=\"{\n 'horizontal-timeline__item--small': item.testSize('small'),\n 'horizontal-timeline__item--normal': item.testSize('normal'),\n 'horizontal-timeline__item--warning': item.testSeverity('warning'),\n 'horizontal-timeline__item--error': item.testSeverity('error'),\n 'horizontal-timeline__item--completed': i < activeIndex,\n 'horizontal-timeline__item--active': i === activeIndex\n }\">\n <div class=\"horizontal-timeline__item__icon-wrapper\">\n <div\n class=\"horizontal-timeline__item__icon-wrapper__line horizontal-timeline__item__icon-wrapper__line--before\"\n [ngStyle]=\"{ 'visibility': isFirst ? 'hidden' : 'visible' }\">\n </div>\n <s-timeline-icon-item\n [item]=\"item\"\n [isActive]=\"i === activeIndex\"\n [isComplete]=\"i < activeIndex\"\n [highlightActive]=\"highlightActiveItem\">\n </s-timeline-icon-item>\n <div\n class=\"horizontal-timeline__item__icon-wrapper__line horizontal-timeline__item__icon-wrapper__line--after\"\n [ngStyle]=\"{ 'visibility': isLast ? 'hidden' : 'visible' }\">\n </div>\n </div>\n <div class=\"horizontal-timeline__item__info\">\n <div\n class=\"horizontal-timeline__item__info__title\"\n [pTooltip]=\"item.title\"\n tooltipPosition=\"top\"\n [showDelay]=\"1000\">\n {{ item.title }}\n </div>\n <div\n class=\"horizontal-timeline__item__info__description\"\n [pTooltip]=\"item.description\"\n tooltipPosition=\"top\"\n [showDelay]=\"1000\">\n {{ item.description }}\n </div>\n </div>\n </div>\n </ng-container>\n</div>",
20
+ styles: ["@keyframes scale-up-center{0%{transform:scale(.5)}100%{transform:scale(1)}}.horizontal-timeline{-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.horizontal-timeline .horizontal-timeline__item{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%}.horizontal-timeline .horizontal-timeline__item .horizontal-timeline__item__icon-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;height:56px;-ms-flex-pack:start;justify-content:flex-start;width:100%}.horizontal-timeline .horizontal-timeline__item .horizontal-timeline__item__icon-wrapper .horizontal-timeline__item__icon-wrapper__line{background-color:#697882;height:3px}.horizontal-timeline .horizontal-timeline__item .horizontal-timeline__item__icon-wrapper .horizontal-timeline__item__icon-wrapper__line--before{border-radius:0 2px 2px 0}.horizontal-timeline .horizontal-timeline__item .horizontal-timeline__item__icon-wrapper .horizontal-timeline__item__icon-wrapper__line--after{border-radius:2px 0 0 2px}.horizontal-timeline .horizontal-timeline__item .horizontal-timeline__item__info{width:20ch}.horizontal-timeline .horizontal-timeline__item .horizontal-timeline__item__info .horizontal-timeline__item__info__title{color:#333;font-family:\"Open Sans\",sans-serif;font-size:14px;font-weight:700;line-height:150%;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.horizontal-timeline .horizontal-timeline__item .horizontal-timeline__item__info .horizontal-timeline__item__info__description{color:#999;display:-webkit-box;font-family:\"Open Sans\",sans-serif;font-size:12px;font-weight:400;line-height:150%;max-height:calc(12px * 1.5 * 4);overflow:hidden;text-align:center;text-overflow:ellipsis;line-clamp:4;-webkit-line-clamp:4;-webkit-box-orient:vertical}.horizontal-timeline .horizontal-timeline__item.horizontal-timeline__item--small .horizontal-timeline__item__icon-wrapper .horizontal-timeline__item__icon-wrapper__line{width:calc(50% - 4px - 8px)}.horizontal-timeline .horizontal-timeline__item.horizontal-timeline__item--normal .horizontal-timeline__item__icon-wrapper__line{width:calc(50% - 4px - 12px)}.horizontal-timeline .horizontal-timeline__item.horizontal-timeline__item--active--highlight .horizontal-timeline__item__icon-wrapper .horizontal-timeline__item__icon-wrapper__line{width:calc(50% - 4px - 20px)}.horizontal-timeline .horizontal-timeline__item.horizontal-timeline__item--active .horizontal-timeline__item__icon-wrapper .horizontal-timeline__item__icon-wrapper__line--before,.horizontal-timeline .horizontal-timeline__item.horizontal-timeline__item--completed .horizontal-timeline__item__icon-wrapper .horizontal-timeline__item__icon-wrapper__line--after,.horizontal-timeline .horizontal-timeline__item.horizontal-timeline__item--completed .horizontal-timeline__item__icon-wrapper .horizontal-timeline__item__icon-wrapper__line--before{background-color:#0c9348}"]
18
21
  })
19
22
  ], HorizontalTimelineComponent);
20
23
  return HorizontalTimelineComponent;
21
24
  }());
22
25
  export { HorizontalTimelineComponent };
23
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaG9yaXpvbnRhbC10aW1lbGluZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy90aW1lbGluZS9jb21wb25lbnRzL2hvcml6b250YWwtdGltZWxpbmUvaG9yaXpvbnRhbC10aW1lbGluZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBU2pEO0lBQUE7UUFLVSxnQkFBVyxHQUFHLENBQUMsQ0FBQztJQUMxQixDQUFDO0lBSkU7UUFEQyxLQUFLLEVBQUU7OERBQ3FCO0lBRzdCO1FBREMsS0FBSyxFQUFFO29FQUNlO0lBTGIsMkJBQTJCO1FBTHZDLFNBQVMsQ0FBQztZQUNSLFFBQVEsRUFBRSx1QkFBdUI7WUFDakMsbW1FQUFtRDs7U0FFckQsQ0FBQztPQUNXLDJCQUEyQixDQU12QztJQUFELGtDQUFDO0NBQUEsQUFORCxJQU1DO1NBTlksMkJBQTJCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbmltcG9ydCB7IFRpbWVsaW5lSXRlbSB9IGZyb20gXCIuLi8uLi9tb2RlbHMvdGltZWxpbmUtaXRlbVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgIHNlbGVjdG9yOiBcInMtaG9yaXpvbnRhbC10aW1lbGluZVwiLFxuICAgdGVtcGxhdGVVcmw6IFwiLi9ob3Jpem9udGFsLXRpbWVsaW5lLmNvbXBvbmVudC5odG1sXCIsXG4gICBzdHlsZVVybHM6IFtcIi4vaG9yaXpvbnRhbC10aW1lbGluZS5jb21wb25lbnQuc2Nzc1wiXSxcbn0pXG5leHBvcnQgY2xhc3MgSG9yaXpvbnRhbFRpbWVsaW5lQ29tcG9uZW50IHtcbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgaXRlbXM6IFRpbWVsaW5lSXRlbVtdO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIGFjdGl2ZUluZGV4ID0gMDtcbn1cbiJdfQ==
26
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaG9yaXpvbnRhbC10aW1lbGluZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy90aW1lbGluZS9jb21wb25lbnRzL2hvcml6b250YWwtdGltZWxpbmUvaG9yaXpvbnRhbC10aW1lbGluZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBU2pEO0lBQUE7UUFLVSxnQkFBVyxHQUFHLENBQUMsQ0FBQztJQUkxQixDQUFDO0lBUEU7UUFEQyxLQUFLLEVBQUU7OERBQ3FCO0lBRzdCO1FBREMsS0FBSyxFQUFFO29FQUNlO0lBR3ZCO1FBREMsS0FBSyxFQUFFOzRFQUM0QjtJQVIxQiwyQkFBMkI7UUFMdkMsU0FBUyxDQUFDO1lBQ1IsUUFBUSxFQUFFLHVCQUF1QjtZQUNqQyw2cEVBQW1EOztTQUVyRCxDQUFDO09BQ1csMkJBQTJCLENBU3ZDO0lBQUQsa0NBQUM7Q0FBQSxBQVRELElBU0M7U0FUWSwyQkFBMkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuaW1wb3J0IHsgVGltZWxpbmVJdGVtIH0gZnJvbSBcIi4uLy4uL21vZGVscy90aW1lbGluZS1pdGVtXCI7XG5cbkBDb21wb25lbnQoe1xuICAgc2VsZWN0b3I6IFwicy1ob3Jpem9udGFsLXRpbWVsaW5lXCIsXG4gICB0ZW1wbGF0ZVVybDogXCIuL2hvcml6b250YWwtdGltZWxpbmUuY29tcG9uZW50Lmh0bWxcIixcbiAgIHN0eWxlVXJsczogW1wiLi9ob3Jpem9udGFsLXRpbWVsaW5lLmNvbXBvbmVudC5zY3NzXCJdLFxufSlcbmV4cG9ydCBjbGFzcyBIb3Jpem9udGFsVGltZWxpbmVDb21wb25lbnQge1xuICAgQElucHV0KClcbiAgIHB1YmxpYyBpdGVtczogVGltZWxpbmVJdGVtW107XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgYWN0aXZlSW5kZXggPSAwO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIGhpZ2hsaWdodEFjdGl2ZUl0ZW06IGJvb2xlYW47XG59XG4iXX0=
package/esm5/components/timeline/components/timeline-icon-item/timeline-icon-item.component.js CHANGED
@@ -9,17 +9,20 @@ var TimelineIconItemComponent = /** @class */ (function () {
9
9
  __decorate([
10
10
  Input()
11
11
  ], TimelineIconItemComponent.prototype, "isActive", void 0);
12
+ __decorate([
13
+ Input()
14
+ ], TimelineIconItemComponent.prototype, "highlightActive", void 0);
12
15
  __decorate([
13
16
  Input()
14
17
  ], TimelineIconItemComponent.prototype, "isComplete", void 0);
15
18
  TimelineIconItemComponent = __decorate([
16
19
  Component({
17
20
  selector: "s-timeline-icon-item",
18
- template: "<ng-container *ngIf=\"item\">\n <div\n class=\"timeline__icon-item\"\n [ngClass]=\"{\n 'timeline__icon-item--small': item.testSize('small'),\n 'timeline__icon-item--normal': item.testSize('normal'),\n 'timeline__icon-item--warning': item.testSeverity('warning'),\n 'timeline__icon-item--error': item.testSeverity('error'),\n 'timeline__icon-item--completed': isComplete,\n 'timeline__icon-item--active': isActive\n }\">\n <div\n class=\"timeline__icon-item__icon\"\n [pTooltip]=\"item.tooltip\"\n tooltipPosition=\"top\"\n [ngStyle]=\"{ backgroundColor: item.color }\">\n <ng-content *ngIf=\"item.icon; then icon_content; else label_text_content\"></ng-content>\n <ng-template #icon_content>\n <span [ngClass]=\"item.icon\"></span>\n </ng-template>\n <ng-template #label_text_content>\n <span class=\"timeline__icon-item__icon__label\">\n {{ item.label }}\n </span>\n </ng-template>\n </div>\n </div>\n</ng-container>\n",
19
- styles: [".timeline__icon-item .timeline__icon-item__icon{-ms-flex-align:center;align-items:center;background-color:#697882;border-radius:50%;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:4px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.timeline__icon-item .timeline__icon-item__icon .timeline__icon-item__icon__label{font-family:\"Open Sans\",sans-serif}.timeline__icon-item.timeline__icon-item--small .timeline__icon-item__icon{font-size:0;height:16px;width:16px}.timeline__icon-item.timeline__icon-item--normal .timeline__icon-item__icon{font-size:10px;height:24px;padding:8px;width:24px}.timeline__icon-item.timeline__icon-item--normal .timeline__icon-item__icon .timeline__icon-item__icon__label{font-size:14px}.timeline__icon-item.timeline__icon-item--active .timeline__icon-item__icon{font-size:20px;height:40px;padding:10px;width:40px}.timeline__icon-item.timeline__icon-item--active .timeline__icon-item__icon .timeline__icon-item__icon__label{font-size:22px}.timeline__icon-item.timeline__icon-item--active .timeline__icon-item__icon,.timeline__icon-item.timeline__icon-item--completed .timeline__icon-item__icon{background-color:#0c9348}.timeline__icon-item.timeline__icon-item--warning.timeline__icon-item--active .timeline__icon-item__icon{background-color:#fcbf10;color:#333}.timeline__icon-item.timeline__icon-item--danger.timeline__icon-item--active .timeline__icon-item__icon{background-color:#f8931f;color:#333}.timeline__icon-item.timeline__icon-item--error.timeline__icon-item--active .timeline__icon-item__icon{background-color:#c13018}"]
21
+ template: "<ng-container *ngIf=\"item\">\n <div\n class=\"timeline__icon-item\"\n [ngClass]=\"{\n 'timeline__icon-item--small': item.testSize('small'),\n 'timeline__icon-item--normal': item.testSize('normal'),\n 'timeline__icon-item--warning': item.testSeverity('warning'),\n 'timeline__icon-item--error': item.testSeverity('error'),\n 'timeline__icon-item--completed': isComplete,\n 'timeline__icon-item--active': isActive,\n 'timeline__icon-item--active--highlight': isActive && highlightActive\n }\">\n <div\n class=\"timeline__icon-item__icon\"\n [pTooltip]=\"item.tooltip\"\n tooltipPosition=\"top\"\n [ngStyle]=\"{ backgroundColor: item.color }\">\n <ng-content *ngIf=\"item.icon; then icon_content; else label_text_content\"></ng-content>\n <ng-template #icon_content>\n <span [ngClass]=\"item.icon\"></span>\n </ng-template>\n <ng-template #label_text_content>\n <span class=\"timeline__icon-item__icon__label\">\n {{ item.label }}\n </span>\n </ng-template>\n </div>\n </div>\n</ng-container>\n",
22
+ styles: [".timeline__icon-item .timeline__icon-item__icon{-ms-flex-align:center;align-items:center;background-color:#697882;border-radius:50%;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:4px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.timeline__icon-item .timeline__icon-item__icon .timeline__icon-item__icon__label{font-family:\"Open Sans\",sans-serif}.timeline__icon-item.timeline__icon-item--small .timeline__icon-item__icon{font-size:0;height:16px;width:16px}.timeline__icon-item.timeline__icon-item--normal .timeline__icon-item__icon{font-size:10px;height:24px;padding:8px;width:24px}.timeline__icon-item.timeline__icon-item--normal .timeline__icon-item__icon .timeline__icon-item__icon__label{font-size:14px}.timeline__icon-item.timeline__icon-item--active--highlight .timeline__icon-item__icon{font-size:20px;height:40px;padding:10px;width:40px}.timeline__icon-item.timeline__icon-item--active--highlight .timeline__icon-item__icon .timeline__icon-item__icon__label{font-size:22px}.timeline__icon-item.timeline__icon-item--active .timeline__icon-item__icon,.timeline__icon-item.timeline__icon-item--completed .timeline__icon-item__icon{background-color:#0c9348}.timeline__icon-item.timeline__icon-item--warning.timeline__icon-item--active .timeline__icon-item__icon{background-color:#fcbf10;color:#333}.timeline__icon-item.timeline__icon-item--danger.timeline__icon-item--active .timeline__icon-item__icon{background-color:#f8931f;color:#333}.timeline__icon-item.timeline__icon-item--error.timeline__icon-item--active .timeline__icon-item__icon{background-color:#c13018}"]
20
23
  })
21
24
  ], TimelineIconItemComponent);
22
25
  return TimelineIconItemComponent;
23
26
  }());
24
27
  export { TimelineIconItemComponent };
25
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUtaWNvbi1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzZW5pb3JzaXN0ZW1hcy9hbmd1bGFyLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJjb21wb25lbnRzL3RpbWVsaW5lL2NvbXBvbmVudHMvdGltZWxpbmUtaWNvbi1pdGVtL3RpbWVsaW5lLWljb24taXRlbS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBU2pEO0lBQUE7SUFTQSxDQUFDO0lBUEU7UUFEQyxLQUFLLEVBQUU7MkRBQ2tCO0lBRzFCO1FBREMsS0FBSyxFQUFFOytEQUNpQjtJQUd6QjtRQURDLEtBQUssRUFBRTtpRUFDbUI7SUFSakIseUJBQXlCO1FBTHJDLFNBQVMsQ0FBQztZQUNSLFFBQVEsRUFBRSxzQkFBc0I7WUFDaEMsdW1DQUFrRDs7U0FFcEQsQ0FBQztPQUNXLHlCQUF5QixDQVNyQztJQUFELGdDQUFDO0NBQUEsQUFURCxJQVNDO1NBVFkseUJBQXlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbmltcG9ydCB7IFRpbWVsaW5lSXRlbSB9IGZyb20gXCIuLi8uLi9tb2RlbHNcIjtcblxuQENvbXBvbmVudCh7XG4gICBzZWxlY3RvcjogXCJzLXRpbWVsaW5lLWljb24taXRlbVwiLFxuICAgdGVtcGxhdGVVcmw6IFwiLi90aW1lbGluZS1pY29uLWl0ZW0uY29tcG9uZW50Lmh0bWxcIixcbiAgIHN0eWxlVXJsczogW1wiLi90aW1lbGluZS1pY29uLWl0ZW0uY29tcG9uZW50LnNjc3NcIl0sXG59KVxuZXhwb3J0IGNsYXNzIFRpbWVsaW5lSWNvbkl0ZW1Db21wb25lbnQge1xuICAgQElucHV0KClcbiAgIHB1YmxpYyBpdGVtOiBUaW1lbGluZUl0ZW07XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgaXNBY3RpdmU6IGJvb2xlYW47XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgaXNDb21wbGV0ZTogYm9vbGVhbjtcbn1cbiJdfQ==
28
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUtaWNvbi1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzZW5pb3JzaXN0ZW1hcy9hbmd1bGFyLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJjb21wb25lbnRzL3RpbWVsaW5lL2NvbXBvbmVudHMvdGltZWxpbmUtaWNvbi1pdGVtL3RpbWVsaW5lLWljb24taXRlbS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBU2pEO0lBQUE7SUFZQSxDQUFDO0lBVkU7UUFEQyxLQUFLLEVBQUU7MkRBQ2tCO0lBRzFCO1FBREMsS0FBSyxFQUFFOytEQUNpQjtJQUd6QjtRQURDLEtBQUssRUFBRTtzRUFDd0I7SUFHaEM7UUFEQyxLQUFLLEVBQUU7aUVBQ21CO0lBWGpCLHlCQUF5QjtRQUxyQyxTQUFTLENBQUM7WUFDUixRQUFRLEVBQUUsc0JBQXNCO1lBQ2hDLHdyQ0FBa0Q7O1NBRXBELENBQUM7T0FDVyx5QkFBeUIsQ0FZckM7SUFBRCxnQ0FBQztDQUFBLEFBWkQsSUFZQztTQVpZLHlCQUF5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5pbXBvcnQgeyBUaW1lbGluZUl0ZW0gfSBmcm9tIFwiLi4vLi4vbW9kZWxzXCI7XG5cbkBDb21wb25lbnQoe1xuICAgc2VsZWN0b3I6IFwicy10aW1lbGluZS1pY29uLWl0ZW1cIixcbiAgIHRlbXBsYXRlVXJsOiBcIi4vdGltZWxpbmUtaWNvbi1pdGVtLmNvbXBvbmVudC5odG1sXCIsXG4gICBzdHlsZVVybHM6IFtcIi4vdGltZWxpbmUtaWNvbi1pdGVtLmNvbXBvbmVudC5zY3NzXCJdLFxufSlcbmV4cG9ydCBjbGFzcyBUaW1lbGluZUljb25JdGVtQ29tcG9uZW50IHtcbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgaXRlbTogVGltZWxpbmVJdGVtO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIGlzQWN0aXZlOiBib29sZWFuO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIGhpZ2hsaWdodEFjdGl2ZTogYm9vbGVhbjtcblxuICAgQElucHV0KClcbiAgIHB1YmxpYyBpc0NvbXBsZXRlOiBib29sZWFuO1xufVxuIl19
package/esm5/components/timeline/components/vertical-timeline/components/vertical-items/vertical-items.component.js CHANGED
@@ -12,17 +12,20 @@ var VerticalItemsComponent = /** @class */ (function () {
12
12
  __decorate([
13
13
  Input()
14
14
  ], VerticalItemsComponent.prototype, "isActive", void 0);
15
+ __decorate([
16
+ Input()
17
+ ], VerticalItemsComponent.prototype, "highlightActive", void 0);
15
18
  __decorate([
16
19
  Input()
17
20
  ], VerticalItemsComponent.prototype, "isCompleted", void 0);
18
21
  VerticalItemsComponent = __decorate([
19
22
  Component({
20
23
  selector: "s-vertical-items",
21
- 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>",
24
+ 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 [highlightActive]=\"highlightActive\">\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>",
22
25
  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}"]
23
26
  })
24
27
  ], VerticalItemsComponent);
25
28
  return VerticalItemsComponent;
26
29
  }());
27
30
  export { VerticalItemsComponent };
28
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtaXRlbXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvdGltZWxpbmUvY29tcG9uZW50cy92ZXJ0aWNhbC10aW1lbGluZS9jb21wb25lbnRzL3ZlcnRpY2FsLWl0ZW1zL3ZlcnRpY2FsLWl0ZW1zLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFTakQ7SUFBQTtJQVlBLENBQUM7SUFWRTtRQURDLEtBQUssRUFBRTt5REFDcUI7SUFHN0I7UUFEQyxLQUFLLEVBQUU7MERBQ2U7SUFHdkI7UUFEQyxLQUFLLEVBQUU7NERBQ2lCO0lBR3pCO1FBREMsS0FBSyxFQUFFOytEQUNvQjtJQVhsQixzQkFBc0I7UUFMbEMsU0FBUyxDQUFDO1lBQ1IsUUFBUSxFQUFFLGtCQUFrQjtZQUM1QixrdkNBQThDOztTQUVoRCxDQUFDO09BQ1csc0JBQXNCLENBWWxDO0lBQUQsNkJBQUM7Q0FBQSxBQVpELElBWUM7U0FaWSxzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuaW1wb3J0IHsgVGltZWxpbmVJdGVtIH0gZnJvbSBcIi4uLy4uLy4uLy4uL21vZGVscy90aW1lbGluZS1pdGVtXCI7XG5cbkBDb21wb25lbnQoe1xuICAgc2VsZWN0b3I6IFwicy12ZXJ0aWNhbC1pdGVtc1wiLFxuICAgdGVtcGxhdGVVcmw6IFwiLi92ZXJ0aWNhbC1pdGVtcy5jb21wb25lbnQuaHRtbFwiLFxuICAgc3R5bGVVcmxzOiBbXCIuL3ZlcnRpY2FsLWl0ZW1zLmNvbXBvbmVudC5zY3NzXCJdLFxufSlcbmV4cG9ydCBjbGFzcyBWZXJ0aWNhbEl0ZW1zQ29tcG9uZW50IHtcbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgaXRlbXM6IFRpbWVsaW5lSXRlbVtdO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIGlzTGFzdDogYm9vbGVhbjtcblxuICAgQElucHV0KClcbiAgIHB1YmxpYyBpc0FjdGl2ZTogYm9vbGVhbjtcblxuICAgQElucHV0KClcbiAgIHB1YmxpYyBpc0NvbXBsZXRlZDogYm9vbGVhbjtcbn1cbiJdfQ==
31
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtaXRlbXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvdGltZWxpbmUvY29tcG9uZW50cy92ZXJ0aWNhbC10aW1lbGluZS9jb21wb25lbnRzL3ZlcnRpY2FsLWl0ZW1zL3ZlcnRpY2FsLWl0ZW1zLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFTakQ7SUFBQTtJQWVBLENBQUM7SUFiRTtRQURDLEtBQUssRUFBRTt5REFDcUI7SUFHN0I7UUFEQyxLQUFLLEVBQUU7MERBQ2U7SUFHdkI7UUFEQyxLQUFLLEVBQUU7NERBQ2lCO0lBR3pCO1FBREMsS0FBSyxFQUFFO21FQUN3QjtJQUdoQztRQURDLEtBQUssRUFBRTsrREFDb0I7SUFkbEIsc0JBQXNCO1FBTGxDLFNBQVMsQ0FBQztZQUNSLFFBQVEsRUFBRSxrQkFBa0I7WUFDNUIsd3lDQUE4Qzs7U0FFaEQsQ0FBQztPQUNXLHNCQUFzQixDQWVsQztJQUFELDZCQUFDO0NBQUEsQUFmRCxJQWVDO1NBZlksc0JBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbmltcG9ydCB7IFRpbWVsaW5lSXRlbSB9IGZyb20gXCIuLi8uLi8uLi8uLi9tb2RlbHMvdGltZWxpbmUtaXRlbVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgIHNlbGVjdG9yOiBcInMtdmVydGljYWwtaXRlbXNcIixcbiAgIHRlbXBsYXRlVXJsOiBcIi4vdmVydGljYWwtaXRlbXMuY29tcG9uZW50Lmh0bWxcIixcbiAgIHN0eWxlVXJsczogW1wiLi92ZXJ0aWNhbC1pdGVtcy5jb21wb25lbnQuc2Nzc1wiXSxcbn0pXG5leHBvcnQgY2xhc3MgVmVydGljYWxJdGVtc0NvbXBvbmVudCB7XG4gICBASW5wdXQoKVxuICAgcHVibGljIGl0ZW1zOiBUaW1lbGluZUl0ZW1bXTtcblxuICAgQElucHV0KClcbiAgIHB1YmxpYyBpc0xhc3Q6IGJvb2xlYW47XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgaXNBY3RpdmU6IGJvb2xlYW47XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgaGlnaGxpZ2h0QWN0aXZlOiBib29sZWFuO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIGlzQ29tcGxldGVkOiBib29sZWFuO1xufVxuIl19
package/esm5/components/timeline/components/vertical-timeline/vertical-timeline.component.js CHANGED
@@ -33,6 +33,9 @@ var VerticalTimelineComponent = /** @class */ (function () {
33
33
  __decorate([
34
34
  Input()
35
35
  ], VerticalTimelineComponent.prototype, "activeIndex", null);
36
+ __decorate([
37
+ Input()
38
+ ], VerticalTimelineComponent.prototype, "highlightActiveItem", void 0);
36
39
  __decorate([
37
40
  Input()
38
41
  ], VerticalTimelineComponent.prototype, "items", void 0);
@@ -45,11 +48,11 @@ var VerticalTimelineComponent = /** @class */ (function () {
45
48
  VerticalTimelineComponent = __decorate([
46
49
  Component({
47
50
  selector: "s-vertical-timeline",
48
- 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>",
51
+ 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 [highlightActive]=\"highlightActiveItem\"\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>",
49
52
  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%}"]
50
53
  })
51
54
  ], VerticalTimelineComponent);
52
55
  return VerticalTimelineComponent;
53
56
  }());
54
57
  export { VerticalTimelineComponent };
55
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtdGltZWxpbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvdGltZWxpbmUvY29tcG9uZW50cy92ZXJ0aWNhbC10aW1lbGluZS92ZXJ0aWNhbC10aW1lbGluZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBU2pEO0lBQUE7UUFHVSxrQkFBYSxHQUFHLElBQUksQ0FBQztRQUNyQixrQkFBYSxHQUFHLElBQUksQ0FBQztJQTBDL0IsQ0FBQztJQWpDRSxzQkFBVyxrREFBVzthQUt0QjtZQUNHLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQztRQUM1QixDQUFDO2FBUEQsVUFBdUIsS0FBYTtZQUNqQyxJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztZQUMxQixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7UUFDckIsQ0FBQzs7O09BQUE7SUFlTSw4Q0FBVSxHQUFqQixVQUFrQixLQUFjO1FBQzdCLElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDO0lBQzlCLENBQUM7SUFFTSw4Q0FBVSxHQUFqQixVQUFrQixLQUFjO1FBQzdCLElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDO0lBQzlCLENBQUM7SUFFTSw4Q0FBVSxHQUFqQjtRQUNHLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFdBQVcsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDL0QsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ3JELElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDO1FBQ2pELElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUM7UUFDN0UsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsV0FBVyxLQUFLLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUN6RyxDQUFDO0lBNUNhLGdDQUFNLEdBQUcsQ0FBQyxDQUFDO0lBWXpCO1FBREMsS0FBSyxFQUFFO2dFQUlQO0lBT0Q7UUFEQyxLQUFLLEVBQUU7NERBQ3FCO0lBRzdCO1FBREMsS0FBSyxFQUFFO21FQUNvQjtJQUc1QjtRQURDLEtBQUssRUFBRTtrRUFDb0I7SUE3QmxCLHlCQUF5QjtRQUxyQyxTQUFTLENBQUM7WUFDUixRQUFRLEVBQUUscUJBQXFCO1lBQy9CLGk2R0FBaUQ7O1NBRW5ELENBQUM7T0FDVyx5QkFBeUIsQ0E4Q3JDO0lBQUQsZ0NBQUM7Q0FBQSxBQTlDRCxJQThDQztTQTlDWSx5QkFBeUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuaW1wb3J0IHsgVGltZWxpbmVJdGVtIH0gZnJvbSBcIi4uLy4uL21vZGVscy90aW1lbGluZS1pdGVtXCI7XG5cbkBDb21wb25lbnQoe1xuICAgc2VsZWN0b3I6IFwicy12ZXJ0aWNhbC10aW1lbGluZVwiLFxuICAgdGVtcGxhdGVVcmw6IFwiLi92ZXJ0aWNhbC10aW1lbGluZS5jb21wb25lbnQuaHRtbFwiLFxuICAgc3R5bGVVcmxzOiBbXCIuL3ZlcnRpY2FsLXRpbWVsaW5lLmNvbXBvbmVudC5zY3NzXCJdLFxufSlcbmV4cG9ydCBjbGFzcyBWZXJ0aWNhbFRpbWVsaW5lQ29tcG9uZW50IHtcbiAgIHB1YmxpYyBzdGF0aWMgbmV4dElkID0gMDtcbiAgIHByaXZhdGUgX2FjdGl2ZUluZGV4OiBudW1iZXI7XG4gICBwdWJsaWMgaXNHMUNvbGxhcHNlZCA9IHRydWU7XG4gICBwdWJsaWMgaXNHMkNvbGxhcHNlZCA9IHRydWU7XG5cbiAgIHB1YmxpYyBmaXJzdEl0ZW06IFRpbWVsaW5lSXRlbVtdO1xuICAgcHVibGljIGcxSXRlbXM6IFRpbWVsaW5lSXRlbVtdO1xuICAgcHVibGljIGFjdGl2ZUl0ZW06IFRpbWVsaW5lSXRlbVtdO1xuICAgcHVibGljIGcySXRlbXM6IFRpbWVsaW5lSXRlbVtdO1xuICAgcHVibGljIGxhc3RJdGVtOiBUaW1lbGluZUl0ZW1bXTtcblxuICAgQElucHV0KClcbiAgIHB1YmxpYyBzZXQgYWN0aXZlSW5kZXgoaW5kZXg6IG51bWJlcikge1xuICAgICAgdGhpcy5fYWN0aXZlSW5kZXggPSBpbmRleDtcbiAgICAgIHRoaXMuZ3JvdXBJdGVtcygpO1xuICAgfVxuXG4gICBwdWJsaWMgZ2V0IGFjdGl2ZUluZGV4KCkge1xuICAgICAgcmV0dXJuIHRoaXMuX2FjdGl2ZUluZGV4O1xuICAgfVxuXG4gICBASW5wdXQoKVxuICAgcHVibGljIGl0ZW1zOiBUaW1lbGluZUl0ZW1bXTtcblxuICAgQElucHV0KClcbiAgIHB1YmxpYyBjb3VudGVyTGFiZWw6IHN0cmluZztcblxuICAgQElucHV0KClcbiAgIHB1YmxpYyBjb2xsYXBzYWJsZTogYm9vbGVhbjtcblxuICAgcHVibGljIG9uQ2hhbmdlRzEoZXZlbnQ6IGJvb2xlYW4pIHtcbiAgICAgIHRoaXMuaXNHMUNvbGxhcHNlZCA9IGV2ZW50O1xuICAgfVxuXG4gICBwdWJsaWMgb25DaGFuZ2VHMihldmVudDogYm9vbGVhbikge1xuICAgICAgdGhpcy5pc0cyQ29sbGFwc2VkID0gZXZlbnQ7XG4gICB9XG5cbiAgIHB1YmxpYyBncm91cEl0ZW1zKCkge1xuICAgICAgdGhpcy5maXJzdEl0ZW0gPSB0aGlzLmFjdGl2ZUluZGV4ID09PSAwID8gW10gOiBbdGhpcy5pdGVtc1swXV07XG4gICAgICB0aGlzLmcxSXRlbXMgPSB0aGlzLml0ZW1zLnNsaWNlKDEsIHRoaXMuYWN0aXZlSW5kZXgpO1xuICAgICAgdGhpcy5hY3RpdmVJdGVtID0gW3RoaXMuaXRlbXNbdGhpcy5hY3RpdmVJbmRleF1dO1xuICAgICAgdGhpcy5nMkl0ZW1zID0gdGhpcy5pdGVtcy5zbGljZSh0aGlzLmFjdGl2ZUluZGV4ICsgMSwgdGhpcy5pdGVtcy5sZW5ndGggLSAxKTtcbiAgICAgIHRoaXMubGFzdEl0ZW0gPSB0aGlzLmFjdGl2ZUluZGV4ID09PSB0aGlzLml0ZW1zLmxlbmd0aCAtIDEgPyBbXSA6IFt0aGlzLml0ZW1zW3RoaXMuaXRlbXMubGVuZ3RoIC0gMV1dO1xuICAgfVxufVxuIl19
58
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtdGltZWxpbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvdGltZWxpbmUvY29tcG9uZW50cy92ZXJ0aWNhbC10aW1lbGluZS92ZXJ0aWNhbC10aW1lbGluZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBU2pEO0lBQUE7UUFHVSxrQkFBYSxHQUFHLElBQUksQ0FBQztRQUNyQixrQkFBYSxHQUFHLElBQUksQ0FBQztJQTZDL0IsQ0FBQztJQXBDRSxzQkFBVyxrREFBVzthQUt0QjtZQUNHLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQztRQUM1QixDQUFDO2FBUEQsVUFBdUIsS0FBYTtZQUNqQyxJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztZQUMxQixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7UUFDckIsQ0FBQzs7O09BQUE7SUFrQk0sOENBQVUsR0FBakIsVUFBa0IsS0FBYztRQUM3QixJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztJQUM5QixDQUFDO0lBRU0sOENBQVUsR0FBakIsVUFBa0IsS0FBYztRQUM3QixJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztJQUM5QixDQUFDO0lBRU0sOENBQVUsR0FBakI7UUFDRyxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxXQUFXLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQy9ELElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUNyRCxJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQztRQUNqRCxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDO1FBQzdFLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFdBQVcsS0FBSyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDekcsQ0FBQztJQS9DYSxnQ0FBTSxHQUFHLENBQUMsQ0FBQztJQVl6QjtRQURDLEtBQUssRUFBRTtnRUFJUDtJQU9EO1FBREMsS0FBSyxFQUFFOzBFQUM0QjtJQUdwQztRQURDLEtBQUssRUFBRTs0REFDcUI7SUFHN0I7UUFEQyxLQUFLLEVBQUU7bUVBQ29CO0lBRzVCO1FBREMsS0FBSyxFQUFFO2tFQUNvQjtJQWhDbEIseUJBQXlCO1FBTHJDLFNBQVMsQ0FBQztZQUNSLFFBQVEsRUFBRSxxQkFBcUI7WUFDL0IscTlHQUFpRDs7U0FFbkQsQ0FBQztPQUNXLHlCQUF5QixDQWlEckM7SUFBRCxnQ0FBQztDQUFBLEFBakRELElBaURDO1NBakRZLHlCQUF5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5pbXBvcnQgeyBUaW1lbGluZUl0ZW0gfSBmcm9tIFwiLi4vLi4vbW9kZWxzL3RpbWVsaW5lLWl0ZW1cIjtcblxuQENvbXBvbmVudCh7XG4gICBzZWxlY3RvcjogXCJzLXZlcnRpY2FsLXRpbWVsaW5lXCIsXG4gICB0ZW1wbGF0ZVVybDogXCIuL3ZlcnRpY2FsLXRpbWVsaW5lLmNvbXBvbmVudC5odG1sXCIsXG4gICBzdHlsZVVybHM6IFtcIi4vdmVydGljYWwtdGltZWxpbmUuY29tcG9uZW50LnNjc3NcIl0sXG59KVxuZXhwb3J0IGNsYXNzIFZlcnRpY2FsVGltZWxpbmVDb21wb25lbnQge1xuICAgcHVibGljIHN0YXRpYyBuZXh0SWQgPSAwO1xuICAgcHJpdmF0ZSBfYWN0aXZlSW5kZXg6IG51bWJlcjtcbiAgIHB1YmxpYyBpc0cxQ29sbGFwc2VkID0gdHJ1ZTtcbiAgIHB1YmxpYyBpc0cyQ29sbGFwc2VkID0gdHJ1ZTtcblxuICAgcHVibGljIGZpcnN0SXRlbTogVGltZWxpbmVJdGVtW107XG4gICBwdWJsaWMgZzFJdGVtczogVGltZWxpbmVJdGVtW107XG4gICBwdWJsaWMgYWN0aXZlSXRlbTogVGltZWxpbmVJdGVtW107XG4gICBwdWJsaWMgZzJJdGVtczogVGltZWxpbmVJdGVtW107XG4gICBwdWJsaWMgbGFzdEl0ZW06IFRpbWVsaW5lSXRlbVtdO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIHNldCBhY3RpdmVJbmRleChpbmRleDogbnVtYmVyKSB7XG4gICAgICB0aGlzLl9hY3RpdmVJbmRleCA9IGluZGV4O1xuICAgICAgdGhpcy5ncm91cEl0ZW1zKCk7XG4gICB9XG5cbiAgIHB1YmxpYyBnZXQgYWN0aXZlSW5kZXgoKSB7XG4gICAgICByZXR1cm4gdGhpcy5fYWN0aXZlSW5kZXg7XG4gICB9XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgaGlnaGxpZ2h0QWN0aXZlSXRlbTogYm9vbGVhbjtcblxuICAgQElucHV0KClcbiAgIHB1YmxpYyBpdGVtczogVGltZWxpbmVJdGVtW107XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgY291bnRlckxhYmVsOiBzdHJpbmc7XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgY29sbGFwc2FibGU6IGJvb2xlYW47XG5cbiAgIHB1YmxpYyBvbkNoYW5nZUcxKGV2ZW50OiBib29sZWFuKSB7XG4gICAgICB0aGlzLmlzRzFDb2xsYXBzZWQgPSBldmVudDtcbiAgIH1cblxuICAgcHVibGljIG9uQ2hhbmdlRzIoZXZlbnQ6IGJvb2xlYW4pIHtcbiAgICAgIHRoaXMuaXNHMkNvbGxhcHNlZCA9IGV2ZW50O1xuICAgfVxuXG4gICBwdWJsaWMgZ3JvdXBJdGVtcygpIHtcbiAgICAgIHRoaXMuZmlyc3RJdGVtID0gdGhpcy5hY3RpdmVJbmRleCA9PT0gMCA/IFtdIDogW3RoaXMuaXRlbXNbMF1dO1xuICAgICAgdGhpcy5nMUl0ZW1zID0gdGhpcy5pdGVtcy5zbGljZSgxLCB0aGlzLmFjdGl2ZUluZGV4KTtcbiAgICAgIHRoaXMuYWN0aXZlSXRlbSA9IFt0aGlzLml0ZW1zW3RoaXMuYWN0aXZlSW5kZXhdXTtcbiAgICAgIHRoaXMuZzJJdGVtcyA9IHRoaXMuaXRlbXMuc2xpY2UodGhpcy5hY3RpdmVJbmRleCArIDEsIHRoaXMuaXRlbXMubGVuZ3RoIC0gMSk7XG4gICAgICB0aGlzLmxhc3RJdGVtID0gdGhpcy5hY3RpdmVJbmRleCA9PT0gdGhpcy5pdGVtcy5sZW5ndGggLSAxID8gW10gOiBbdGhpcy5pdGVtc1t0aGlzLml0ZW1zLmxlbmd0aCAtIDFdXTtcbiAgIH1cbn1cbiJdfQ==
package/esm5/components/timeline/timeline.component.js CHANGED
@@ -5,6 +5,7 @@ var VERTICAL = "vertical";
5
5
  var MIN_ITEM_SIZE = 200;
6
6
  var TimelineComponent = /** @class */ (function () {
7
7
  function TimelineComponent() {
8
+ this.highlightActiveItem = true;
8
9
  this.direction = HORIZONTAL;
9
10
  this.collapsable = true;
10
11
  this.counterLabel = "items";
@@ -43,6 +44,9 @@ var TimelineComponent = /** @class */ (function () {
43
44
  __decorate([
44
45
  Input()
45
46
  ], TimelineComponent.prototype, "activeIndex", void 0);
47
+ __decorate([
48
+ Input()
49
+ ], TimelineComponent.prototype, "highlightActiveItem", void 0);
46
50
  __decorate([
47
51
  Input()
48
52
  ], TimelineComponent.prototype, "direction", void 0);
@@ -58,10 +62,10 @@ var TimelineComponent = /** @class */ (function () {
58
62
  TimelineComponent = __decorate([
59
63
  Component({
60
64
  selector: "s-timeline",
61
- template: "<div *ngIf=\"changeToVertical(); then vertical else horizontal\"></div>\n\n<ng-template #horizontal>\n <s-horizontal-timeline *ngIf=\"items?.length\"\n [items]=\"items\"\n [activeIndex]=\"activeIndex\">\n </s-horizontal-timeline>\n</ng-template>\n\n<ng-template #vertical>\n <s-vertical-timeline *ngIf=\"items?.length\"\n [items]=\"items\"\n [activeIndex]=\"activeIndex\"\n [counterLabel]=\"counterLabel\"\n [collapsable]=\"collapsable\">\n </s-vertical-timeline>\n</ng-template>"
65
+ template: "<div *ngIf=\"changeToVertical(); then vertical else horizontal\"></div>\n\n<ng-template #horizontal>\n <s-horizontal-timeline *ngIf=\"items?.length\"\n [items]=\"items\"\n [activeIndex]=\"activeIndex\"\n [highlightActiveItem]=\"highlightActiveItem\">\n </s-horizontal-timeline>\n</ng-template>\n\n<ng-template #vertical>\n <s-vertical-timeline *ngIf=\"items?.length\"\n [items]=\"items\"\n [activeIndex]=\"activeIndex\"\n highlightActiveItem=\"hi\"\n [counterLabel]=\"counterLabel\"\n [collapsable]=\"collapsable\"\n [highlightActiveItem]=\"highlightActiveItem\">\n </s-vertical-timeline>\n</ng-template>"
62
66
  })
63
67
  ], TimelineComponent);
64
68
  return TimelineComponent;
65
69
  }());
66
70
  export { TimelineComponent };
67
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvdGltZWxpbmUvdGltZWxpbmUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFJdkUsSUFBTSxVQUFVLEdBQUcsWUFBWSxDQUFDO0FBQ2hDLElBQU0sUUFBUSxHQUFHLFVBQVUsQ0FBQztBQUM1QixJQUFNLGFBQWEsR0FBRyxHQUFHLENBQUM7QUFNMUI7SUFBQTtRQWtCVSxjQUFTLEdBQXdDLFVBQVUsQ0FBQztRQUc1RCxnQkFBVyxHQUFHLElBQUksQ0FBQztRQUduQixpQkFBWSxHQUFHLE9BQU8sQ0FBQztJQXdCakMsQ0FBQztJQTVDRSxzQkFBVyxvQ0FBSzthQUFoQjtZQUNHLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztRQUN0QixDQUFDO2FBR0QsVUFBaUIsS0FBcUI7WUFDbkMsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7WUFDcEIsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7UUFDNUIsQ0FBQzs7O09BTkE7SUFvQk0sb0NBQVEsR0FBZjtRQUNHLElBQUksQ0FBQyxXQUFXLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQztJQUN4QyxDQUFDO0lBR00sb0NBQVEsR0FBZixVQUFnQixDQUFNO1FBQ25CLElBQUksQ0FBQyxXQUFXLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQztJQUN4QyxDQUFDO0lBRU0sNENBQWdCLEdBQXZCO1FBQ0csT0FBTyxJQUFJLENBQUMsU0FBUyxLQUFLLFFBQVEsSUFBSSxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLGFBQWEsQ0FBQztJQUM5RixDQUFDO0lBRU0sNkNBQWlCLEdBQXhCO1FBQ0csSUFBTSxHQUFHLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsVUFBQSxJQUFJO1lBQzVCLE9BQU8sSUFBSSxDQUFDLEVBQUUsQ0FBQztRQUNsQixDQUFDLENBQUMsQ0FBQztRQUVILElBQUksQ0FBQyxJQUFJLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLElBQUksS0FBSyxHQUFHLENBQUMsTUFBTSxFQUFFO1lBQ3JDLE1BQU0sSUFBSSxLQUFLLENBQUMsNENBQTRDLENBQUMsQ0FBQztTQUNoRTtJQUNKLENBQUM7SUF0Q0Q7UUFEQyxLQUFLLEVBQUU7a0RBSVA7SUFHRDtRQURDLEtBQUssRUFBRTswREFDbUI7SUFHM0I7UUFEQyxLQUFLLEVBQUU7d0RBQzJEO0lBR25FO1FBREMsS0FBSyxFQUFFOzBEQUNrQjtJQUcxQjtRQURDLEtBQUssRUFBRTsyREFDc0I7SUFPOUI7UUFEQyxZQUFZLENBQUMsZUFBZSxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUM7cURBR3pDO0lBakNTLGlCQUFpQjtRQUo3QixTQUFTLENBQUM7WUFDUixRQUFRLEVBQUUsWUFBWTtZQUN0QixpaEJBQXdDO1NBQzFDLENBQUM7T0FDVyxpQkFBaUIsQ0FnRDdCO0lBQUQsd0JBQUM7Q0FBQSxBQWhERCxJQWdEQztTQWhEWSxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RMaXN0ZW5lciwgSW5wdXQsIE9uSW5pdCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbmltcG9ydCB7IFRpbWVsaW5lSXRlbSB9IGZyb20gXCIuL21vZGVscy90aW1lbGluZS1pdGVtXCI7XG5cbmNvbnN0IEhPUklaT05UQUwgPSBcImhvcml6b250YWxcIjtcbmNvbnN0IFZFUlRJQ0FMID0gXCJ2ZXJ0aWNhbFwiO1xuY29uc3QgTUlOX0lURU1fU0laRSA9IDIwMDtcblxuQENvbXBvbmVudCh7XG4gICBzZWxlY3RvcjogXCJzLXRpbWVsaW5lXCIsXG4gICB0ZW1wbGF0ZVVybDogXCIuL3RpbWVsaW5lLmNvbXBvbmVudC5odG1sXCIsXG59KVxuZXhwb3J0IGNsYXNzIFRpbWVsaW5lQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgIHByaXZhdGUgX2lubmVyV2lkdGg6IG51bWJlcjtcbiAgIHByaXZhdGUgX2l0ZW1zOiBUaW1lbGluZUl0ZW1bXTtcblxuICAgcHVibGljIGdldCBpdGVtcygpOiBUaW1lbGluZUl0ZW1bXSB7XG4gICAgICByZXR1cm4gdGhpcy5faXRlbXM7XG4gICB9XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgc2V0IGl0ZW1zKGl0ZW1zOiBUaW1lbGluZUl0ZW1bXSkge1xuICAgICAgdGhpcy5faXRlbXMgPSBpdGVtcztcbiAgICAgIHRoaXMuY2hlY2tEdXBsaWNhdGVJZHMoKTtcbiAgIH1cblxuICAgQElucHV0KClcbiAgIHB1YmxpYyBhY3RpdmVJbmRleDogbnVtYmVyO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIGRpcmVjdGlvbjogdHlwZW9mIEhPUklaT05UQUwgfCB0eXBlb2YgVkVSVElDQUwgPSBIT1JJWk9OVEFMO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIGNvbGxhcHNhYmxlID0gdHJ1ZTtcblxuICAgQElucHV0KClcbiAgIHB1YmxpYyBjb3VudGVyTGFiZWwgPSBcIml0ZW1zXCI7XG5cbiAgIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgIHRoaXMuX2lubmVyV2lkdGggPSB3aW5kb3cuaW5uZXJXaWR0aDtcbiAgIH1cblxuICAgQEhvc3RMaXN0ZW5lcihcIndpbmRvdzpyZXNpemVcIiwgW1wiJGV2ZW50XCJdKVxuICAgcHVibGljIG9uUmVzaXplKF86IGFueSk6IHZvaWQge1xuICAgICAgdGhpcy5faW5uZXJXaWR0aCA9IHdpbmRvdy5pbm5lcldpZHRoO1xuICAgfVxuXG4gICBwdWJsaWMgY2hhbmdlVG9WZXJ0aWNhbCgpOiBib29sZWFuIHtcbiAgICAgIHJldHVybiB0aGlzLmRpcmVjdGlvbiA9PT0gVkVSVElDQUwgfHwgdGhpcy5faW5uZXJXaWR0aCAvIHRoaXMuaXRlbXMubGVuZ3RoIDwgTUlOX0lURU1fU0laRTtcbiAgIH1cblxuICAgcHVibGljIGNoZWNrRHVwbGljYXRlSWRzKCk6IHZvaWQge1xuICAgICAgY29uc3QgaWRzID0gdGhpcy5pdGVtcy5tYXAoaXRlbSA9PiB7XG4gICAgICAgICByZXR1cm4gaXRlbS5pZDtcbiAgICAgIH0pO1xuXG4gICAgICBpZiAoKG5ldyBTZXQoaWRzKSkuc2l6ZSAhPT0gaWRzLmxlbmd0aCkge1xuICAgICAgICAgdGhyb3cgbmV3IEVycm9yKFwiQSBkdXBsaWNhdGUgaWQgd2FzIGZvdW5kIGluIHRoZSBpdGVtcyBsaXN0XCIpO1xuICAgICAgfVxuICAgfVxufVxuIl19
71
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvdGltZWxpbmUvdGltZWxpbmUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFJdkUsSUFBTSxVQUFVLEdBQUcsWUFBWSxDQUFDO0FBQ2hDLElBQU0sUUFBUSxHQUFHLFVBQVUsQ0FBQztBQUM1QixJQUFNLGFBQWEsR0FBRyxHQUFHLENBQUM7QUFNMUI7SUFBQTtRQWtCVSx3QkFBbUIsR0FBRyxJQUFJLENBQUM7UUFHM0IsY0FBUyxHQUF3QyxVQUFVLENBQUM7UUFHNUQsZ0JBQVcsR0FBRyxJQUFJLENBQUM7UUFHbkIsaUJBQVksR0FBRyxPQUFPLENBQUM7SUF3QmpDLENBQUM7SUEvQ0Usc0JBQVcsb0NBQUs7YUFBaEI7WUFDRyxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUM7UUFDdEIsQ0FBQzthQUdELFVBQWlCLEtBQXFCO1lBQ25DLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1lBQ3BCLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQzVCLENBQUM7OztPQU5BO0lBdUJNLG9DQUFRLEdBQWY7UUFDRyxJQUFJLENBQUMsV0FBVyxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUM7SUFDeEMsQ0FBQztJQUdNLG9DQUFRLEdBQWYsVUFBZ0IsQ0FBTTtRQUNuQixJQUFJLENBQUMsV0FBVyxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUM7SUFDeEMsQ0FBQztJQUVNLDRDQUFnQixHQUF2QjtRQUNHLE9BQU8sSUFBSSxDQUFDLFNBQVMsS0FBSyxRQUFRLElBQUksSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxhQUFhLENBQUM7SUFDOUYsQ0FBQztJQUVNLDZDQUFpQixHQUF4QjtRQUNHLElBQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLFVBQUEsSUFBSTtZQUM1QixPQUFPLElBQUksQ0FBQyxFQUFFLENBQUM7UUFDbEIsQ0FBQyxDQUFDLENBQUM7UUFFSCxJQUFJLENBQUMsSUFBSSxHQUFHLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxJQUFJLEtBQUssR0FBRyxDQUFDLE1BQU0sRUFBRTtZQUNyQyxNQUFNLElBQUksS0FBSyxDQUFDLDRDQUE0QyxDQUFDLENBQUM7U0FDaEU7SUFDSixDQUFDO0lBekNEO1FBREMsS0FBSyxFQUFFO2tEQUlQO0lBR0Q7UUFEQyxLQUFLLEVBQUU7MERBQ21CO0lBRzNCO1FBREMsS0FBSyxFQUFFO2tFQUMwQjtJQUdsQztRQURDLEtBQUssRUFBRTt3REFDMkQ7SUFHbkU7UUFEQyxLQUFLLEVBQUU7MERBQ2tCO0lBRzFCO1FBREMsS0FBSyxFQUFFOzJEQUNzQjtJQU85QjtRQURDLFlBQVksQ0FBQyxlQUFlLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQztxREFHekM7SUFwQ1MsaUJBQWlCO1FBSjdCLFNBQVMsQ0FBQztZQUNSLFFBQVEsRUFBRSxZQUFZO1lBQ3RCLDZwQkFBd0M7U0FDMUMsQ0FBQztPQUNXLGlCQUFpQixDQW1EN0I7SUFBRCx3QkFBQztDQUFBLEFBbkRELElBbURDO1NBbkRZLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdExpc3RlbmVyLCBJbnB1dCwgT25Jbml0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuaW1wb3J0IHsgVGltZWxpbmVJdGVtIH0gZnJvbSBcIi4vbW9kZWxzL3RpbWVsaW5lLWl0ZW1cIjtcblxuY29uc3QgSE9SSVpPTlRBTCA9IFwiaG9yaXpvbnRhbFwiO1xuY29uc3QgVkVSVElDQUwgPSBcInZlcnRpY2FsXCI7XG5jb25zdCBNSU5fSVRFTV9TSVpFID0gMjAwO1xuXG5AQ29tcG9uZW50KHtcbiAgIHNlbGVjdG9yOiBcInMtdGltZWxpbmVcIixcbiAgIHRlbXBsYXRlVXJsOiBcIi4vdGltZWxpbmUuY29tcG9uZW50Lmh0bWxcIixcbn0pXG5leHBvcnQgY2xhc3MgVGltZWxpbmVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgcHJpdmF0ZSBfaW5uZXJXaWR0aDogbnVtYmVyO1xuICAgcHJpdmF0ZSBfaXRlbXM6IFRpbWVsaW5lSXRlbVtdO1xuXG4gICBwdWJsaWMgZ2V0IGl0ZW1zKCk6IFRpbWVsaW5lSXRlbVtdIHtcbiAgICAgIHJldHVybiB0aGlzLl9pdGVtcztcbiAgIH1cblxuICAgQElucHV0KClcbiAgIHB1YmxpYyBzZXQgaXRlbXMoaXRlbXM6IFRpbWVsaW5lSXRlbVtdKSB7XG4gICAgICB0aGlzLl9pdGVtcyA9IGl0ZW1zO1xuICAgICAgdGhpcy5jaGVja0R1cGxpY2F0ZUlkcygpO1xuICAgfVxuXG4gICBASW5wdXQoKVxuICAgcHVibGljIGFjdGl2ZUluZGV4OiBudW1iZXI7XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgaGlnaGxpZ2h0QWN0aXZlSXRlbSA9IHRydWU7XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgZGlyZWN0aW9uOiB0eXBlb2YgSE9SSVpPTlRBTCB8IHR5cGVvZiBWRVJUSUNBTCA9IEhPUklaT05UQUw7XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgY29sbGFwc2FibGUgPSB0cnVlO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIGNvdW50ZXJMYWJlbCA9IFwiaXRlbXNcIjtcblxuICAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgdGhpcy5faW5uZXJXaWR0aCA9IHdpbmRvdy5pbm5lcldpZHRoO1xuICAgfVxuXG4gICBASG9zdExpc3RlbmVyKFwid2luZG93OnJlc2l6ZVwiLCBbXCIkZXZlbnRcIl0pXG4gICBwdWJsaWMgb25SZXNpemUoXzogYW55KTogdm9pZCB7XG4gICAgICB0aGlzLl9pbm5lcldpZHRoID0gd2luZG93LmlubmVyV2lkdGg7XG4gICB9XG5cbiAgIHB1YmxpYyBjaGFuZ2VUb1ZlcnRpY2FsKCk6IGJvb2xlYW4ge1xuICAgICAgcmV0dXJuIHRoaXMuZGlyZWN0aW9uID09PSBWRVJUSUNBTCB8fCB0aGlzLl9pbm5lcldpZHRoIC8gdGhpcy5pdGVtcy5sZW5ndGggPCBNSU5fSVRFTV9TSVpFO1xuICAgfVxuXG4gICBwdWJsaWMgY2hlY2tEdXBsaWNhdGVJZHMoKTogdm9pZCB7XG4gICAgICBjb25zdCBpZHMgPSB0aGlzLml0ZW1zLm1hcChpdGVtID0+IHtcbiAgICAgICAgIHJldHVybiBpdGVtLmlkO1xuICAgICAgfSk7XG5cbiAgICAgIGlmICgobmV3IFNldChpZHMpKS5zaXplICE9PSBpZHMubGVuZ3RoKSB7XG4gICAgICAgICB0aHJvdyBuZXcgRXJyb3IoXCJBIGR1cGxpY2F0ZSBpZCB3YXMgZm91bmQgaW4gdGhlIGl0ZW1zIGxpc3RcIik7XG4gICAgICB9XG4gICB9XG59XG4iXX0=