@seniorsistemas/angular-components 14.16.33 → 15.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/seniorsistemas-angular-components.umd.js +436 -133
- package/bundles/seniorsistemas-angular-components.umd.js.map +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js +2 -2
- package/bundles/seniorsistemas-angular-components.umd.min.js.map +1 -1
- package/components/file-upload/file-upload.component.d.ts +17 -33
- package/components/file-upload/index.d.ts +3 -2
- package/components/file-upload/models/file-dto.d.ts +11 -0
- package/components/file-upload/models/index.d.ts +2 -0
- package/components/file-upload/models/validate-errors.d.ts +4 -0
- package/components/timeline/components/horizontal-timeline/horizontal-timeline.component.d.ts +5 -0
- package/components/timeline/components/horizontal-timeline/horizontal-timeline.module.d.ts +2 -0
- package/components/timeline/components/timeline-icon-item/timeline-icon-item.component.d.ts +6 -0
- package/components/timeline/components/timeline-icon-item/timeline-icon-item.module.d.ts +2 -0
- package/components/timeline/components/vertical-timeline/components/collapse-option/collapse-option.component.d.ts +6 -0
- package/components/timeline/components/vertical-timeline/components/collapsed-items/collapsed-items.component.d.ts +10 -0
- package/components/timeline/components/vertical-timeline/components/range-line/range-line.component.d.ts +2 -0
- package/components/timeline/components/vertical-timeline/components/vertical-items/vertical-items.component.d.ts +7 -0
- package/components/timeline/components/vertical-timeline/vertical-timeline.component.d.ts +20 -0
- package/components/timeline/components/vertical-timeline/vertical-timeline.module.d.ts +2 -0
- package/components/timeline/index.d.ts +3 -2
- package/components/timeline/models/index.d.ts +3 -0
- package/components/timeline/models/timeline-item-severity.d.ts +5 -0
- package/components/timeline/models/timeline-item-size.d.ts +4 -0
- package/components/timeline/models/timeline-item.d.ts +25 -0
- package/components/timeline/timeline.component.d.ts +17 -17
- package/esm2015/components/file-upload/file-upload.component.js +49 -63
- package/esm2015/components/file-upload/file-upload.module.js +7 -2
- package/esm2015/components/file-upload/index.js +4 -3
- package/esm2015/components/file-upload/models/file-dto.js +1 -0
- package/esm2015/components/file-upload/models/index.js +2 -0
- package/esm2015/components/file-upload/models/validate-errors.js +6 -0
- package/esm2015/components/timeline/components/horizontal-timeline/horizontal-timeline.component.js +22 -0
- package/esm2015/components/timeline/components/horizontal-timeline/horizontal-timeline.module.js +21 -0
- package/esm2015/components/timeline/components/timeline-icon-item/timeline-icon-item.component.js +22 -0
- package/esm2015/components/timeline/components/timeline-icon-item/timeline-icon-item.module.js +19 -0
- package/esm2015/components/timeline/components/vertical-timeline/components/collapse-option/collapse-option.component.js +26 -0
- package/esm2015/components/timeline/components/vertical-timeline/components/collapsed-items/collapsed-items.component.js +35 -0
- package/esm2015/components/timeline/components/vertical-timeline/components/range-line/range-line.component.js +13 -0
- package/esm2015/components/timeline/components/vertical-timeline/components/vertical-items/vertical-items.component.js +25 -0
- package/esm2015/components/timeline/components/vertical-timeline/vertical-timeline.component.js +50 -0
- package/esm2015/components/timeline/components/vertical-timeline/vertical-timeline.module.js +29 -0
- package/esm2015/components/timeline/index.js +4 -3
- package/esm2015/components/timeline/models/index.js +4 -0
- package/esm2015/components/timeline/models/timeline-item-severity.js +7 -0
- package/esm2015/components/timeline/models/timeline-item-size.js +6 -0
- package/esm2015/components/timeline/models/timeline-item.js +36 -0
- package/esm2015/components/timeline/timeline.component.js +44 -61
- package/esm2015/components/timeline/timeline.module.js +17 -6
- package/esm2015/seniorsistemas-angular-components.js +17 -7
- package/esm5/components/file-upload/file-upload.component.js +65 -67
- package/esm5/components/file-upload/file-upload.module.js +7 -2
- package/esm5/components/file-upload/index.js +4 -3
- package/esm5/components/file-upload/models/file-dto.js +1 -0
- package/esm5/components/file-upload/models/index.js +2 -0
- package/esm5/components/file-upload/models/validate-errors.js +6 -0
- package/esm5/components/timeline/components/horizontal-timeline/horizontal-timeline.component.js +23 -0
- package/esm5/components/timeline/components/horizontal-timeline/horizontal-timeline.module.js +24 -0
- package/esm5/components/timeline/components/timeline-icon-item/timeline-icon-item.component.js +25 -0
- package/esm5/components/timeline/components/timeline-icon-item/timeline-icon-item.module.js +22 -0
- package/esm5/components/timeline/components/vertical-timeline/components/collapse-option/collapse-option.component.js +27 -0
- package/esm5/components/timeline/components/vertical-timeline/components/collapsed-items/collapsed-items.component.js +36 -0
- package/esm5/components/timeline/components/vertical-timeline/components/range-line/range-line.component.js +16 -0
- package/esm5/components/timeline/components/vertical-timeline/components/vertical-items/vertical-items.component.js +28 -0
- package/esm5/components/timeline/components/vertical-timeline/vertical-timeline.component.js +55 -0
- package/esm5/components/timeline/components/vertical-timeline/vertical-timeline.module.js +32 -0
- package/esm5/components/timeline/index.js +4 -3
- package/esm5/components/timeline/models/index.js +4 -0
- package/esm5/components/timeline/models/timeline-item-severity.js +7 -0
- package/esm5/components/timeline/models/timeline-item-size.js +6 -0
- package/esm5/components/timeline/models/timeline-item.js +38 -0
- package/esm5/components/timeline/timeline.component.js +45 -63
- package/esm5/components/timeline/timeline.module.js +17 -6
- package/esm5/seniorsistemas-angular-components.js +17 -7
- package/fesm2015/seniorsistemas-angular-components.js +377 -123
- package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
- package/fesm5/seniorsistemas-angular-components.js +420 -128
- package/fesm5/seniorsistemas-angular-components.js.map +1 -1
- package/package.json +1 -1
- package/seniorsistemas-angular-components.d.ts +16 -6
- package/seniorsistemas-angular-components.metadata.json +1 -1
package/esm2015/components/timeline/components/horizontal-timeline/horizontal-timeline.component.js
ADDED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { Component, Input } from "@angular/core";
|
|
3
|
+
let HorizontalTimelineComponent = class HorizontalTimelineComponent {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.activeIndex = 0;
|
|
6
|
+
}
|
|
7
|
+
};
|
|
8
|
+
__decorate([
|
|
9
|
+
Input()
|
|
10
|
+
], HorizontalTimelineComponent.prototype, "items", void 0);
|
|
11
|
+
__decorate([
|
|
12
|
+
Input()
|
|
13
|
+
], HorizontalTimelineComponent.prototype, "activeIndex", void 0);
|
|
14
|
+
HorizontalTimelineComponent = __decorate([
|
|
15
|
+
Component({
|
|
16
|
+
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}"]
|
|
19
|
+
})
|
|
20
|
+
], HorizontalTimelineComponent);
|
|
21
|
+
export { HorizontalTimelineComponent };
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaG9yaXpvbnRhbC10aW1lbGluZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy90aW1lbGluZS9jb21wb25lbnRzL2hvcml6b250YWwtdGltZWxpbmUvaG9yaXpvbnRhbC10aW1lbGluZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBU2pELElBQWEsMkJBQTJCLEdBQXhDLE1BQWEsMkJBQTJCO0lBQXhDO1FBS1UsZ0JBQVcsR0FBRyxDQUFDLENBQUM7SUFDMUIsQ0FBQztDQUFBLENBQUE7QUFKRTtJQURDLEtBQUssRUFBRTswREFDcUI7QUFHN0I7SUFEQyxLQUFLLEVBQUU7Z0VBQ2U7QUFMYiwyQkFBMkI7SUFMdkMsU0FBUyxDQUFDO1FBQ1IsUUFBUSxFQUFFLHVCQUF1QjtRQUNqQyxtbUVBQW1EOztLQUVyRCxDQUFDO0dBQ1csMkJBQTJCLENBTXZDO1NBTlksMkJBQTJCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbmltcG9ydCB7IFRpbWVsaW5lSXRlbSB9IGZyb20gXCIuLi8uLi9tb2RlbHMvdGltZWxpbmUtaXRlbVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgIHNlbGVjdG9yOiBcInMtaG9yaXpvbnRhbC10aW1lbGluZVwiLFxuICAgdGVtcGxhdGVVcmw6IFwiLi9ob3Jpem9udGFsLXRpbWVsaW5lLmNvbXBvbmVudC5odG1sXCIsXG4gICBzdHlsZVVybHM6IFtcIi4vaG9yaXpvbnRhbC10aW1lbGluZS5jb21wb25lbnQuc2Nzc1wiXSxcbn0pXG5leHBvcnQgY2xhc3MgSG9yaXpvbnRhbFRpbWVsaW5lQ29tcG9uZW50IHtcbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgaXRlbXM6IFRpbWVsaW5lSXRlbVtdO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIGFjdGl2ZUluZGV4ID0gMDtcbn1cbiJdfQ==
|
package/esm2015/components/timeline/components/horizontal-timeline/horizontal-timeline.module.js
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { NgModule } from "@angular/core";
|
|
3
|
+
import { CommonModule } from "@angular/common";
|
|
4
|
+
import { TooltipModule } from "primeng/tooltip";
|
|
5
|
+
import { TimelineItemModule } from "../timeline-icon-item/timeline-icon-item.module";
|
|
6
|
+
import { HorizontalTimelineComponent } from "./horizontal-timeline.component";
|
|
7
|
+
let HorizontalTimelineModule = class HorizontalTimelineModule {
|
|
8
|
+
};
|
|
9
|
+
HorizontalTimelineModule = __decorate([
|
|
10
|
+
NgModule({
|
|
11
|
+
imports: [
|
|
12
|
+
CommonModule,
|
|
13
|
+
TooltipModule,
|
|
14
|
+
TimelineItemModule,
|
|
15
|
+
],
|
|
16
|
+
declarations: [HorizontalTimelineComponent],
|
|
17
|
+
exports: [HorizontalTimelineComponent],
|
|
18
|
+
})
|
|
19
|
+
], HorizontalTimelineModule);
|
|
20
|
+
export { HorizontalTimelineModule };
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaG9yaXpvbnRhbC10aW1lbGluZS5tb2R1bGUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy90aW1lbGluZS9jb21wb25lbnRzL2hvcml6b250YWwtdGltZWxpbmUvaG9yaXpvbnRhbC10aW1lbGluZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUVoRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUNyRixPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQVc5RSxJQUFhLHdCQUF3QixHQUFyQyxNQUFhLHdCQUF3QjtDQUFJLENBQUE7QUFBNUIsd0JBQXdCO0lBVHBDLFFBQVEsQ0FBQztRQUNQLE9BQU8sRUFBRTtZQUNOLFlBQVk7WUFDWixhQUFhO1lBQ2Isa0JBQWtCO1NBQ3BCO1FBQ0QsWUFBWSxFQUFFLENBQUMsMkJBQTJCLENBQUM7UUFDM0MsT0FBTyxFQUFFLENBQUMsMkJBQTJCLENBQUM7S0FDeEMsQ0FBQztHQUNXLHdCQUF3QixDQUFJO1NBQTVCLHdCQUF3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcblxuaW1wb3J0IHsgVG9vbHRpcE1vZHVsZSB9IGZyb20gXCJwcmltZW5nL3Rvb2x0aXBcIjtcblxuaW1wb3J0IHsgVGltZWxpbmVJdGVtTW9kdWxlIH0gZnJvbSBcIi4uL3RpbWVsaW5lLWljb24taXRlbS90aW1lbGluZS1pY29uLWl0ZW0ubW9kdWxlXCI7XG5pbXBvcnQgeyBIb3Jpem9udGFsVGltZWxpbmVDb21wb25lbnQgfSBmcm9tIFwiLi9ob3Jpem9udGFsLXRpbWVsaW5lLmNvbXBvbmVudFwiO1xuXG5ATmdNb2R1bGUoe1xuICAgaW1wb3J0czogW1xuICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgVG9vbHRpcE1vZHVsZSxcbiAgICAgIFRpbWVsaW5lSXRlbU1vZHVsZSxcbiAgIF0sXG4gICBkZWNsYXJhdGlvbnM6IFtIb3Jpem9udGFsVGltZWxpbmVDb21wb25lbnRdLFxuICAgZXhwb3J0czogW0hvcml6b250YWxUaW1lbGluZUNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIEhvcml6b250YWxUaW1lbGluZU1vZHVsZSB7IH1cbiJdfQ==
|
package/esm2015/components/timeline/components/timeline-icon-item/timeline-icon-item.component.js
ADDED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { Component, Input } from "@angular/core";
|
|
3
|
+
let TimelineIconItemComponent = class TimelineIconItemComponent {
|
|
4
|
+
};
|
|
5
|
+
__decorate([
|
|
6
|
+
Input()
|
|
7
|
+
], TimelineIconItemComponent.prototype, "item", void 0);
|
|
8
|
+
__decorate([
|
|
9
|
+
Input()
|
|
10
|
+
], TimelineIconItemComponent.prototype, "isActive", void 0);
|
|
11
|
+
__decorate([
|
|
12
|
+
Input()
|
|
13
|
+
], TimelineIconItemComponent.prototype, "isComplete", void 0);
|
|
14
|
+
TimelineIconItemComponent = __decorate([
|
|
15
|
+
Component({
|
|
16
|
+
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 <ng-content *ngIf=\"item.icon; then icon_content; else label_text_content\"></ng-content>\n <ng-template #icon_content>\n <span\n class=\"fas\"\n [ngClass]=\"item.icon\">\n </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}"]
|
|
19
|
+
})
|
|
20
|
+
], TimelineIconItemComponent);
|
|
21
|
+
export { TimelineIconItemComponent };
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUtaWNvbi1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzZW5pb3JzaXN0ZW1hcy9hbmd1bGFyLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJjb21wb25lbnRzL3RpbWVsaW5lL2NvbXBvbmVudHMvdGltZWxpbmUtaWNvbi1pdGVtL3RpbWVsaW5lLWljb24taXRlbS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBU2pELElBQWEseUJBQXlCLEdBQXRDLE1BQWEseUJBQXlCO0NBU3JDLENBQUE7QUFQRTtJQURDLEtBQUssRUFBRTt1REFDa0I7QUFHMUI7SUFEQyxLQUFLLEVBQUU7MkRBQ2lCO0FBR3pCO0lBREMsS0FBSyxFQUFFOzZEQUNtQjtBQVJqQix5QkFBeUI7SUFMckMsU0FBUyxDQUFDO1FBQ1IsUUFBUSxFQUFFLHNCQUFzQjtRQUNoQywybUNBQWtEOztLQUVwRCxDQUFDO0dBQ1cseUJBQXlCLENBU3JDO1NBVFkseUJBQXlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbmltcG9ydCB7IFRpbWVsaW5lSXRlbSB9IGZyb20gXCIuLi8uLi9tb2RlbHNcIjtcblxuQENvbXBvbmVudCh7XG4gICBzZWxlY3RvcjogXCJzLXRpbWVsaW5lLWljb24taXRlbVwiLFxuICAgdGVtcGxhdGVVcmw6IFwiLi90aW1lbGluZS1pY29uLWl0ZW0uY29tcG9uZW50Lmh0bWxcIixcbiAgIHN0eWxlVXJsczogW1wiLi90aW1lbGluZS1pY29uLWl0ZW0uY29tcG9uZW50LnNjc3NcIl0sXG59KVxuZXhwb3J0IGNsYXNzIFRpbWVsaW5lSWNvbkl0ZW1Db21wb25lbnQge1xuICAgQElucHV0KClcbiAgIHB1YmxpYyBpdGVtOiBUaW1lbGluZUl0ZW07XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgaXNBY3RpdmU6IGJvb2xlYW47XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgaXNDb21wbGV0ZTogYm9vbGVhbjtcbn1cbiJdfQ==
|
package/esm2015/components/timeline/components/timeline-icon-item/timeline-icon-item.module.js
ADDED
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { NgModule } from "@angular/core";
|
|
3
|
+
import { CommonModule } from "@angular/common";
|
|
4
|
+
import { TooltipModule } from "primeng/tooltip";
|
|
5
|
+
import { TimelineIconItemComponent } from "./timeline-icon-item.component";
|
|
6
|
+
let TimelineItemModule = class TimelineItemModule {
|
|
7
|
+
};
|
|
8
|
+
TimelineItemModule = __decorate([
|
|
9
|
+
NgModule({
|
|
10
|
+
imports: [
|
|
11
|
+
CommonModule,
|
|
12
|
+
TooltipModule,
|
|
13
|
+
],
|
|
14
|
+
declarations: [TimelineIconItemComponent],
|
|
15
|
+
exports: [TimelineIconItemComponent],
|
|
16
|
+
})
|
|
17
|
+
], TimelineItemModule);
|
|
18
|
+
export { TimelineItemModule };
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUtaWNvbi1pdGVtLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzZW5pb3JzaXN0ZW1hcy9hbmd1bGFyLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJjb21wb25lbnRzL3RpbWVsaW5lL2NvbXBvbmVudHMvdGltZWxpbmUtaWNvbi1pdGVtL3RpbWVsaW5lLWljb24taXRlbS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUVoRCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQVUzRSxJQUFhLGtCQUFrQixHQUEvQixNQUFhLGtCQUFrQjtDQUFJLENBQUE7QUFBdEIsa0JBQWtCO0lBUjlCLFFBQVEsQ0FBQztRQUNQLE9BQU8sRUFBRTtZQUNOLFlBQVk7WUFDWixhQUFhO1NBQ2Y7UUFDRCxZQUFZLEVBQUUsQ0FBQyx5QkFBeUIsQ0FBQztRQUN6QyxPQUFPLEVBQUUsQ0FBQyx5QkFBeUIsQ0FBQztLQUN0QyxDQUFDO0dBQ1csa0JBQWtCLENBQUk7U0FBdEIsa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xuXG5pbXBvcnQgeyBUb29sdGlwTW9kdWxlIH0gZnJvbSBcInByaW1lbmcvdG9vbHRpcFwiO1xuXG5pbXBvcnQgeyBUaW1lbGluZUljb25JdGVtQ29tcG9uZW50IH0gZnJvbSBcIi4vdGltZWxpbmUtaWNvbi1pdGVtLmNvbXBvbmVudFwiO1xuXG5ATmdNb2R1bGUoe1xuICAgaW1wb3J0czogW1xuICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgVG9vbHRpcE1vZHVsZSxcbiAgIF0sXG4gICBkZWNsYXJhdGlvbnM6IFtUaW1lbGluZUljb25JdGVtQ29tcG9uZW50XSxcbiAgIGV4cG9ydHM6IFtUaW1lbGluZUljb25JdGVtQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgVGltZWxpbmVJdGVtTW9kdWxlIHsgfVxuIl19
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { Component, Input, Output, EventEmitter } from "@angular/core";
|
|
3
|
+
let CollapseOptionComponent = class CollapseOptionComponent {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.isCollapsed = false;
|
|
6
|
+
this.change = new EventEmitter();
|
|
7
|
+
}
|
|
8
|
+
onClick() {
|
|
9
|
+
this.change.emit(!this.isCollapsed);
|
|
10
|
+
}
|
|
11
|
+
};
|
|
12
|
+
__decorate([
|
|
13
|
+
Input()
|
|
14
|
+
], CollapseOptionComponent.prototype, "isCollapsed", void 0);
|
|
15
|
+
__decorate([
|
|
16
|
+
Output()
|
|
17
|
+
], CollapseOptionComponent.prototype, "change", void 0);
|
|
18
|
+
CollapseOptionComponent = __decorate([
|
|
19
|
+
Component({
|
|
20
|
+
selector: "s-collapse-option",
|
|
21
|
+
template: "<div\n class=\"collapse-option\"\n (click)=\"onClick()\">\n <div class=\"collapse-option__icon\">\n <span\n class=\"fas\"\n [ngClass]=\"{\n 'fa-minus': !isCollapsed,\n 'fa-plus': isCollapsed\n }\">\n </span>\n </div>\n</div>",
|
|
22
|
+
styles: [".collapse-option{-ms-flex-align:center;align-items:center;background-color:#428bca;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:24px;-ms-flex-pack:center;justify-content:center;margin:4px;width:24px}.collapse-option .collapse-option__icon{color:#fff}"]
|
|
23
|
+
})
|
|
24
|
+
], CollapseOptionComponent);
|
|
25
|
+
export { CollapseOptionComponent };
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sbGFwc2Utb3B0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzZW5pb3JzaXN0ZW1hcy9hbmd1bGFyLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJjb21wb25lbnRzL3RpbWVsaW5lL2NvbXBvbmVudHMvdmVydGljYWwtdGltZWxpbmUvY29tcG9uZW50cy9jb2xsYXBzZS1vcHRpb24vY29sbGFwc2Utb3B0aW9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQU92RSxJQUFhLHVCQUF1QixHQUFwQyxNQUFhLHVCQUF1QjtJQUFwQztRQUVVLGdCQUFXLEdBQUcsS0FBSyxDQUFDO1FBR3BCLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO0lBSy9DLENBQUM7SUFIUyxPQUFPO1FBQ1gsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDdkMsQ0FBQztDQUNILENBQUE7QUFSRTtJQURDLEtBQUssRUFBRTs0REFDbUI7QUFHM0I7SUFEQyxNQUFNLEVBQUU7dURBQ21DO0FBTGxDLHVCQUF1QjtJQUxuQyxTQUFTLENBQUM7UUFDUixRQUFRLEVBQUUsbUJBQW1CO1FBQzdCLDRTQUErQzs7S0FFakQsQ0FBQztHQUNXLHVCQUF1QixDQVVuQztTQVZZLHVCQUF1QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuQENvbXBvbmVudCh7XG4gICBzZWxlY3RvcjogXCJzLWNvbGxhcHNlLW9wdGlvblwiLFxuICAgdGVtcGxhdGVVcmw6IFwiLi9jb2xsYXBzZS1vcHRpb24uY29tcG9uZW50Lmh0bWxcIixcbiAgIHN0eWxlVXJsczogW1wiLi9jb2xsYXBzZS1vcHRpb24uY29tcG9uZW50LnNjc3NcIl0sXG59KVxuZXhwb3J0IGNsYXNzIENvbGxhcHNlT3B0aW9uQ29tcG9uZW50IHtcbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgaXNDb2xsYXBzZWQgPSBmYWxzZTtcblxuICAgQE91dHB1dCgpXG4gICBwdWJsaWMgY2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gICBwdWJsaWMgb25DbGljaygpOiB2b2lkIHtcbiAgICAgIHRoaXMuY2hhbmdlLmVtaXQoIXRoaXMuaXNDb2xsYXBzZWQpO1xuICAgfVxufVxuIl19
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { Component, Input, Output, EventEmitter } from "@angular/core";
|
|
3
|
+
let CollapsedItemsComponent = class CollapsedItemsComponent {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.isCollapsedChange = new EventEmitter();
|
|
6
|
+
}
|
|
7
|
+
onChange(event) {
|
|
8
|
+
this.isCollapsed = !this.isCollapsed;
|
|
9
|
+
this.isCollapsedChange.emit(this.isCollapsed);
|
|
10
|
+
}
|
|
11
|
+
};
|
|
12
|
+
__decorate([
|
|
13
|
+
Input()
|
|
14
|
+
], CollapsedItemsComponent.prototype, "items", void 0);
|
|
15
|
+
__decorate([
|
|
16
|
+
Input()
|
|
17
|
+
], CollapsedItemsComponent.prototype, "isCollapsed", void 0);
|
|
18
|
+
__decorate([
|
|
19
|
+
Input()
|
|
20
|
+
], CollapsedItemsComponent.prototype, "isCompleted", void 0);
|
|
21
|
+
__decorate([
|
|
22
|
+
Input()
|
|
23
|
+
], CollapsedItemsComponent.prototype, "counterLabel", void 0);
|
|
24
|
+
__decorate([
|
|
25
|
+
Output()
|
|
26
|
+
], CollapsedItemsComponent.prototype, "isCollapsedChange", void 0);
|
|
27
|
+
CollapsedItemsComponent = __decorate([
|
|
28
|
+
Component({
|
|
29
|
+
selector: "s-collapsed-items",
|
|
30
|
+
template: "<div class=\"collapsed-items\">\n <div\n class=\"collapsed-items__item\"\n [ngClass]=\"{ 'collapsed-items__item--completed' : isCompleted }\">\n <div class=\"collapsed-items__item__icon-wrapper\">\n <s-collapse-option\n [isCollapsed]=\"isCollapsed\"\n (change)=\"onChange($event)\">\n </s-collapse-option>\n <div class=\"collapsed-items__item__icon-wrapper__line\"></div>\n </div>\n <div\n class=\"collapsed-items__item__info\"\n (click)=\"onChange(!isCollapsed)\">\n <div\n class=\"collapsed-items__item__info__description\">\n {{ items.length }} {{ counterLabel }}\n </div>\n </div>\n </div>\n</div>",
|
|
31
|
+
styles: [".collapsed-items .collapsed-items__item{-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex}.collapsed-items .collapsed-items__item .collapsed-items__item__icon-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;width:56px}.collapsed-items .collapsed-items__item .collapsed-items__item__icon-wrapper .collapsed-items__item__icon-wrapper__line{background-color:#697882;border-radius:2px;-ms-flex-positive:1;flex-grow:1;min-height:20px;width:3px}.collapsed-items .collapsed-items__item .collapsed-items__item__info{-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;margin-bottom:20px;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.collapsed-items .collapsed-items__item .collapsed-items__item__info .collapsed-items__item__info__description{color:#428bca;font-family:\"Open Sans\",sans-serif;font-size:12px;font-weight:400;line-height:150%}.collapsed-items .collapsed-items__item.collapsed-items__item--completed .collapsed-items__item__icon-wrapper .collapsed-items__item__icon-wrapper__line{background-color:#0c9348}"]
|
|
32
|
+
})
|
|
33
|
+
], CollapsedItemsComponent);
|
|
34
|
+
export { CollapsedItemsComponent };
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sbGFwc2VkLWl0ZW1zLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzZW5pb3JzaXN0ZW1hcy9hbmd1bGFyLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJjb21wb25lbnRzL3RpbWVsaW5lL2NvbXBvbmVudHMvdmVydGljYWwtdGltZWxpbmUvY29tcG9uZW50cy9jb2xsYXBzZWQtaXRlbXMvY29sbGFwc2VkLWl0ZW1zLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQVN2RSxJQUFhLHVCQUF1QixHQUFwQyxNQUFhLHVCQUF1QjtJQUFwQztRQWNVLHNCQUFpQixHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7SUFNMUQsQ0FBQztJQUpTLFFBQVEsQ0FBQyxLQUFjO1FBQzNCLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDO1FBQ3JDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQ2pELENBQUM7Q0FDSCxDQUFBO0FBbEJFO0lBREMsS0FBSyxFQUFFO3NEQUNxQjtBQUc3QjtJQURDLEtBQUssRUFBRTs0REFDb0I7QUFHNUI7SUFEQyxLQUFLLEVBQUU7NERBQ29CO0FBRzVCO0lBREMsS0FBSyxFQUFFOzZEQUNvQjtBQUc1QjtJQURDLE1BQU0sRUFBRTtrRUFDOEM7QUFkN0MsdUJBQXVCO0lBTG5DLFNBQVMsQ0FBQztRQUNSLFFBQVEsRUFBRSxtQkFBbUI7UUFDN0IsMnVCQUErQzs7S0FFakQsQ0FBQztHQUNXLHVCQUF1QixDQW9CbkM7U0FwQlksdUJBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5pbXBvcnQgeyBUaW1lbGluZUl0ZW0gfSBmcm9tIFwiLi4vLi4vLi4vLi4vbW9kZWxzL3RpbWVsaW5lLWl0ZW1cIjtcblxuQENvbXBvbmVudCh7XG4gICBzZWxlY3RvcjogXCJzLWNvbGxhcHNlZC1pdGVtc1wiLFxuICAgdGVtcGxhdGVVcmw6IFwiLi9jb2xsYXBzZWQtaXRlbXMuY29tcG9uZW50Lmh0bWxcIixcbiAgIHN0eWxlVXJsczogW1wiLi9jb2xsYXBzZWQtaXRlbXMuY29tcG9uZW50LnNjc3NcIl0sXG59KVxuZXhwb3J0IGNsYXNzIENvbGxhcHNlZEl0ZW1zQ29tcG9uZW50IHtcbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgaXRlbXM6IFRpbWVsaW5lSXRlbVtdO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIGlzQ29sbGFwc2VkOiBib29sZWFuO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIGlzQ29tcGxldGVkOiBib29sZWFuO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIGNvdW50ZXJMYWJlbDogc3RyaW5nO1xuXG4gICBAT3V0cHV0KClcbiAgIHB1YmxpYyBpc0NvbGxhcHNlZENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICAgcHVibGljIG9uQ2hhbmdlKGV2ZW50OiBib29sZWFuKSB7XG4gICAgICB0aGlzLmlzQ29sbGFwc2VkID0gIXRoaXMuaXNDb2xsYXBzZWQ7XG4gICAgICB0aGlzLmlzQ29sbGFwc2VkQ2hhbmdlLmVtaXQodGhpcy5pc0NvbGxhcHNlZCk7XG4gICB9XG59XG4iXX0=
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { Component } from "@angular/core";
|
|
3
|
+
let RangeLineComponent = class RangeLineComponent {
|
|
4
|
+
};
|
|
5
|
+
RangeLineComponent = __decorate([
|
|
6
|
+
Component({
|
|
7
|
+
selector: "s-range-line",
|
|
8
|
+
template: "<div class=\"range-line\">\n <div class=\"range-line__horizontal\"></div>\n <div class=\"range-line__vertical\"></div>\n <div class=\"range-line__horizontal\"></div>\n</div>\n",
|
|
9
|
+
styles: [".range-line{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:20px;height:100%}.range-line .range-line__horizontal{background-color:#ccc;height:3px;width:100%}.range-line .range-line__vertical{background-color:#ccc;height:100%;width:3px}s-range-line{background-color:#add8e6}"]
|
|
10
|
+
})
|
|
11
|
+
], RangeLineComponent);
|
|
12
|
+
export { RangeLineComponent };
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFuZ2UtbGluZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy90aW1lbGluZS9jb21wb25lbnRzL3ZlcnRpY2FsLXRpbWVsaW5lL2NvbXBvbmVudHMvcmFuZ2UtbGluZS9yYW5nZS1saW5lLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQU8xQyxJQUFhLGtCQUFrQixHQUEvQixNQUFhLGtCQUFrQjtDQUFJLENBQUE7QUFBdEIsa0JBQWtCO0lBTDlCLFNBQVMsQ0FBQztRQUNSLFFBQVEsRUFBRSxjQUFjO1FBQ3hCLGlNQUEwQzs7S0FFNUMsQ0FBQztHQUNXLGtCQUFrQixDQUFJO1NBQXRCLGtCQUFrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbkBDb21wb25lbnQoe1xuICAgc2VsZWN0b3I6IFwicy1yYW5nZS1saW5lXCIsXG4gICB0ZW1wbGF0ZVVybDogXCIuL3JhbmdlLWxpbmUuY29tcG9uZW50Lmh0bWxcIixcbiAgIHN0eWxlVXJsczogW1wiLi9yYW5nZS1saW5lLmNvbXBvbmVudC5zY3NzXCJdLFxufSlcbmV4cG9ydCBjbGFzcyBSYW5nZUxpbmVDb21wb25lbnQgeyB9XG4iXX0=
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { Component, Input } from "@angular/core";
|
|
3
|
+
let VerticalItemsComponent = class VerticalItemsComponent {
|
|
4
|
+
};
|
|
5
|
+
__decorate([
|
|
6
|
+
Input()
|
|
7
|
+
], VerticalItemsComponent.prototype, "items", void 0);
|
|
8
|
+
__decorate([
|
|
9
|
+
Input()
|
|
10
|
+
], VerticalItemsComponent.prototype, "isLast", void 0);
|
|
11
|
+
__decorate([
|
|
12
|
+
Input()
|
|
13
|
+
], VerticalItemsComponent.prototype, "isActive", void 0);
|
|
14
|
+
__decorate([
|
|
15
|
+
Input()
|
|
16
|
+
], VerticalItemsComponent.prototype, "isCompleted", void 0);
|
|
17
|
+
VerticalItemsComponent = __decorate([
|
|
18
|
+
Component({
|
|
19
|
+
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>",
|
|
21
|
+
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
|
+
})
|
|
23
|
+
], VerticalItemsComponent);
|
|
24
|
+
export { VerticalItemsComponent };
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtaXRlbXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvdGltZWxpbmUvY29tcG9uZW50cy92ZXJ0aWNhbC10aW1lbGluZS9jb21wb25lbnRzL3ZlcnRpY2FsLWl0ZW1zL3ZlcnRpY2FsLWl0ZW1zLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFTakQsSUFBYSxzQkFBc0IsR0FBbkMsTUFBYSxzQkFBc0I7Q0FZbEMsQ0FBQTtBQVZFO0lBREMsS0FBSyxFQUFFO3FEQUNxQjtBQUc3QjtJQURDLEtBQUssRUFBRTtzREFDZTtBQUd2QjtJQURDLEtBQUssRUFBRTt3REFDaUI7QUFHekI7SUFEQyxLQUFLLEVBQUU7MkRBQ29CO0FBWGxCLHNCQUFzQjtJQUxsQyxTQUFTLENBQUM7UUFDUixRQUFRLEVBQUUsa0JBQWtCO1FBQzVCLGt2Q0FBOEM7O0tBRWhELENBQUM7R0FDVyxzQkFBc0IsQ0FZbEM7U0FaWSxzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuaW1wb3J0IHsgVGltZWxpbmVJdGVtIH0gZnJvbSBcIi4uLy4uLy4uLy4uL21vZGVscy90aW1lbGluZS1pdGVtXCI7XG5cbkBDb21wb25lbnQoe1xuICAgc2VsZWN0b3I6IFwicy12ZXJ0aWNhbC1pdGVtc1wiLFxuICAgdGVtcGxhdGVVcmw6IFwiLi92ZXJ0aWNhbC1pdGVtcy5jb21wb25lbnQuaHRtbFwiLFxuICAgc3R5bGVVcmxzOiBbXCIuL3ZlcnRpY2FsLWl0ZW1zLmNvbXBvbmVudC5zY3NzXCJdLFxufSlcbmV4cG9ydCBjbGFzcyBWZXJ0aWNhbEl0ZW1zQ29tcG9uZW50IHtcbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgaXRlbXM6IFRpbWVsaW5lSXRlbVtdO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIGlzTGFzdDogYm9vbGVhbjtcblxuICAgQElucHV0KClcbiAgIHB1YmxpYyBpc0FjdGl2ZTogYm9vbGVhbjtcblxuICAgQElucHV0KClcbiAgIHB1YmxpYyBpc0NvbXBsZXRlZDogYm9vbGVhbjtcbn1cbiJdfQ==
|
package/esm2015/components/timeline/components/vertical-timeline/vertical-timeline.component.js
ADDED
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { Component, Input } from "@angular/core";
|
|
3
|
+
let VerticalTimelineComponent = class VerticalTimelineComponent {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.isG1Collapsed = true;
|
|
6
|
+
this.isG2Collapsed = true;
|
|
7
|
+
}
|
|
8
|
+
set activeIndex(index) {
|
|
9
|
+
this._activeIndex = index;
|
|
10
|
+
this.groupItems();
|
|
11
|
+
}
|
|
12
|
+
get activeIndex() {
|
|
13
|
+
return this._activeIndex;
|
|
14
|
+
}
|
|
15
|
+
onChangeG1(event) {
|
|
16
|
+
this.isG1Collapsed = event;
|
|
17
|
+
}
|
|
18
|
+
onChangeG2(event) {
|
|
19
|
+
this.isG2Collapsed = event;
|
|
20
|
+
}
|
|
21
|
+
groupItems() {
|
|
22
|
+
this.firstItem = this.activeIndex === 0 ? [] : [this.items[0]];
|
|
23
|
+
this.g1Items = this.items.slice(1, this.activeIndex);
|
|
24
|
+
this.activeItem = [this.items[this.activeIndex]];
|
|
25
|
+
this.g2Items = this.items.slice(this.activeIndex + 1, this.items.length - 1);
|
|
26
|
+
this.lastItem = this.activeIndex === this.items.length - 1 ? [] : [this.items[this.items.length - 1]];
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
VerticalTimelineComponent.nextId = 0;
|
|
30
|
+
__decorate([
|
|
31
|
+
Input()
|
|
32
|
+
], VerticalTimelineComponent.prototype, "activeIndex", null);
|
|
33
|
+
__decorate([
|
|
34
|
+
Input()
|
|
35
|
+
], VerticalTimelineComponent.prototype, "items", void 0);
|
|
36
|
+
__decorate([
|
|
37
|
+
Input()
|
|
38
|
+
], VerticalTimelineComponent.prototype, "counterLabel", void 0);
|
|
39
|
+
__decorate([
|
|
40
|
+
Input()
|
|
41
|
+
], VerticalTimelineComponent.prototype, "collapsable", void 0);
|
|
42
|
+
VerticalTimelineComponent = __decorate([
|
|
43
|
+
Component({
|
|
44
|
+
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>",
|
|
46
|
+
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
|
+
})
|
|
48
|
+
], VerticalTimelineComponent);
|
|
49
|
+
export { VerticalTimelineComponent };
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtdGltZWxpbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvdGltZWxpbmUvY29tcG9uZW50cy92ZXJ0aWNhbC10aW1lbGluZS92ZXJ0aWNhbC10aW1lbGluZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBU2pELElBQWEseUJBQXlCLEdBQXRDLE1BQWEseUJBQXlCO0lBQXRDO1FBR1Usa0JBQWEsR0FBRyxJQUFJLENBQUM7UUFDckIsa0JBQWEsR0FBRyxJQUFJLENBQUM7SUEwQy9CLENBQUM7SUFqQ0UsSUFBVyxXQUFXLENBQUMsS0FBYTtRQUNqQyxJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztRQUMxQixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELElBQVcsV0FBVztRQUNuQixPQUFPLElBQUksQ0FBQyxZQUFZLENBQUM7SUFDNUIsQ0FBQztJQVdNLFVBQVUsQ0FBQyxLQUFjO1FBQzdCLElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDO0lBQzlCLENBQUM7SUFFTSxVQUFVLENBQUMsS0FBYztRQUM3QixJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztJQUM5QixDQUFDO0lBRU0sVUFBVTtRQUNkLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFdBQVcsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDL0QsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ3JELElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDO1FBQ2pELElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUM7UUFDN0UsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsV0FBVyxLQUFLLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUN6RyxDQUFDO0NBQ0gsQ0FBQTtBQTdDZ0IsZ0NBQU0sR0FBRyxDQUFDLENBQUM7QUFZekI7SUFEQyxLQUFLLEVBQUU7NERBSVA7QUFPRDtJQURDLEtBQUssRUFBRTt3REFDcUI7QUFHN0I7SUFEQyxLQUFLLEVBQUU7K0RBQ29CO0FBRzVCO0lBREMsS0FBSyxFQUFFOzhEQUNvQjtBQTdCbEIseUJBQXlCO0lBTHJDLFNBQVMsQ0FBQztRQUNSLFFBQVEsRUFBRSxxQkFBcUI7UUFDL0IsaTZHQUFpRDs7S0FFbkQsQ0FBQztHQUNXLHlCQUF5QixDQThDckM7U0E5Q1kseUJBQXlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbmltcG9ydCB7IFRpbWVsaW5lSXRlbSB9IGZyb20gXCIuLi8uLi9tb2RlbHMvdGltZWxpbmUtaXRlbVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgIHNlbGVjdG9yOiBcInMtdmVydGljYWwtdGltZWxpbmVcIixcbiAgIHRlbXBsYXRlVXJsOiBcIi4vdmVydGljYWwtdGltZWxpbmUuY29tcG9uZW50Lmh0bWxcIixcbiAgIHN0eWxlVXJsczogW1wiLi92ZXJ0aWNhbC10aW1lbGluZS5jb21wb25lbnQuc2Nzc1wiXSxcbn0pXG5leHBvcnQgY2xhc3MgVmVydGljYWxUaW1lbGluZUNvbXBvbmVudCB7XG4gICBwdWJsaWMgc3RhdGljIG5leHRJZCA9IDA7XG4gICBwcml2YXRlIF9hY3RpdmVJbmRleDogbnVtYmVyO1xuICAgcHVibGljIGlzRzFDb2xsYXBzZWQgPSB0cnVlO1xuICAgcHVibGljIGlzRzJDb2xsYXBzZWQgPSB0cnVlO1xuXG4gICBwdWJsaWMgZmlyc3RJdGVtOiBUaW1lbGluZUl0ZW1bXTtcbiAgIHB1YmxpYyBnMUl0ZW1zOiBUaW1lbGluZUl0ZW1bXTtcbiAgIHB1YmxpYyBhY3RpdmVJdGVtOiBUaW1lbGluZUl0ZW1bXTtcbiAgIHB1YmxpYyBnMkl0ZW1zOiBUaW1lbGluZUl0ZW1bXTtcbiAgIHB1YmxpYyBsYXN0SXRlbTogVGltZWxpbmVJdGVtW107XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgc2V0IGFjdGl2ZUluZGV4KGluZGV4OiBudW1iZXIpIHtcbiAgICAgIHRoaXMuX2FjdGl2ZUluZGV4ID0gaW5kZXg7XG4gICAgICB0aGlzLmdyb3VwSXRlbXMoKTtcbiAgIH1cblxuICAgcHVibGljIGdldCBhY3RpdmVJbmRleCgpIHtcbiAgICAgIHJldHVybiB0aGlzLl9hY3RpdmVJbmRleDtcbiAgIH1cblxuICAgQElucHV0KClcbiAgIHB1YmxpYyBpdGVtczogVGltZWxpbmVJdGVtW107XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgY291bnRlckxhYmVsOiBzdHJpbmc7XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgY29sbGFwc2FibGU6IGJvb2xlYW47XG5cbiAgIHB1YmxpYyBvbkNoYW5nZUcxKGV2ZW50OiBib29sZWFuKSB7XG4gICAgICB0aGlzLmlzRzFDb2xsYXBzZWQgPSBldmVudDtcbiAgIH1cblxuICAgcHVibGljIG9uQ2hhbmdlRzIoZXZlbnQ6IGJvb2xlYW4pIHtcbiAgICAgIHRoaXMuaXNHMkNvbGxhcHNlZCA9IGV2ZW50O1xuICAgfVxuXG4gICBwdWJsaWMgZ3JvdXBJdGVtcygpIHtcbiAgICAgIHRoaXMuZmlyc3RJdGVtID0gdGhpcy5hY3RpdmVJbmRleCA9PT0gMCA/IFtdIDogW3RoaXMuaXRlbXNbMF1dO1xuICAgICAgdGhpcy5nMUl0ZW1zID0gdGhpcy5pdGVtcy5zbGljZSgxLCB0aGlzLmFjdGl2ZUluZGV4KTtcbiAgICAgIHRoaXMuYWN0aXZlSXRlbSA9IFt0aGlzLml0ZW1zW3RoaXMuYWN0aXZlSW5kZXhdXTtcbiAgICAgIHRoaXMuZzJJdGVtcyA9IHRoaXMuaXRlbXMuc2xpY2UodGhpcy5hY3RpdmVJbmRleCArIDEsIHRoaXMuaXRlbXMubGVuZ3RoIC0gMSk7XG4gICAgICB0aGlzLmxhc3RJdGVtID0gdGhpcy5hY3RpdmVJbmRleCA9PT0gdGhpcy5pdGVtcy5sZW5ndGggLSAxID8gW10gOiBbdGhpcy5pdGVtc1t0aGlzLml0ZW1zLmxlbmd0aCAtIDFdXTtcbiAgIH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { NgModule } from "@angular/core";
|
|
3
|
+
import { CommonModule } from "@angular/common";
|
|
4
|
+
import { TimelineItemModule } from "../timeline-icon-item/timeline-icon-item.module";
|
|
5
|
+
import { VerticalTimelineComponent } from "./vertical-timeline.component";
|
|
6
|
+
import { RangeLineComponent } from "./components/range-line/range-line.component";
|
|
7
|
+
import { CollapseOptionComponent } from "./components/collapse-option/collapse-option.component";
|
|
8
|
+
import { CollapsedItemsComponent } from "./components/collapsed-items/collapsed-items.component";
|
|
9
|
+
import { VerticalItemsComponent } from "./components/vertical-items/vertical-items.component";
|
|
10
|
+
let VerticalTimelineModule = class VerticalTimelineModule {
|
|
11
|
+
};
|
|
12
|
+
VerticalTimelineModule = __decorate([
|
|
13
|
+
NgModule({
|
|
14
|
+
imports: [
|
|
15
|
+
CommonModule,
|
|
16
|
+
TimelineItemModule,
|
|
17
|
+
],
|
|
18
|
+
declarations: [
|
|
19
|
+
VerticalTimelineComponent,
|
|
20
|
+
RangeLineComponent,
|
|
21
|
+
CollapseOptionComponent,
|
|
22
|
+
CollapsedItemsComponent,
|
|
23
|
+
VerticalItemsComponent,
|
|
24
|
+
],
|
|
25
|
+
exports: [VerticalTimelineComponent],
|
|
26
|
+
})
|
|
27
|
+
], VerticalTimelineModule);
|
|
28
|
+
export { VerticalTimelineModule };
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtdGltZWxpbmUubW9kdWxlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvdGltZWxpbmUvY29tcG9uZW50cy92ZXJ0aWNhbC10aW1lbGluZS92ZXJ0aWNhbC10aW1lbGluZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9DLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGlEQUFpRCxDQUFDO0FBQ3JGLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQzFFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBQ2xGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHdEQUF3RCxDQUFDO0FBQ2pHLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHdEQUF3RCxDQUFDO0FBQ2pHLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHNEQUFzRCxDQUFDO0FBZ0I5RixJQUFhLHNCQUFzQixHQUFuQyxNQUFhLHNCQUFzQjtDQUFJLENBQUE7QUFBMUIsc0JBQXNCO0lBZGxDLFFBQVEsQ0FBQztRQUNQLE9BQU8sRUFBRTtZQUNOLFlBQVk7WUFDWixrQkFBa0I7U0FDcEI7UUFDRCxZQUFZLEVBQUU7WUFDWCx5QkFBeUI7WUFDekIsa0JBQWtCO1lBQ2xCLHVCQUF1QjtZQUN2Qix1QkFBdUI7WUFDdkIsc0JBQXNCO1NBQ3hCO1FBQ0QsT0FBTyxFQUFFLENBQUMseUJBQXlCLENBQUM7S0FDdEMsQ0FBQztHQUNXLHNCQUFzQixDQUFJO1NBQTFCLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcblxuaW1wb3J0IHsgVGltZWxpbmVJdGVtTW9kdWxlIH0gZnJvbSBcIi4uL3RpbWVsaW5lLWljb24taXRlbS90aW1lbGluZS1pY29uLWl0ZW0ubW9kdWxlXCI7XG5pbXBvcnQgeyBWZXJ0aWNhbFRpbWVsaW5lQ29tcG9uZW50IH0gZnJvbSBcIi4vdmVydGljYWwtdGltZWxpbmUuY29tcG9uZW50XCI7XG5pbXBvcnQgeyBSYW5nZUxpbmVDb21wb25lbnQgfSBmcm9tIFwiLi9jb21wb25lbnRzL3JhbmdlLWxpbmUvcmFuZ2UtbGluZS5jb21wb25lbnRcIjtcbmltcG9ydCB7IENvbGxhcHNlT3B0aW9uQ29tcG9uZW50IH0gZnJvbSBcIi4vY29tcG9uZW50cy9jb2xsYXBzZS1vcHRpb24vY29sbGFwc2Utb3B0aW9uLmNvbXBvbmVudFwiO1xuaW1wb3J0IHsgQ29sbGFwc2VkSXRlbXNDb21wb25lbnQgfSBmcm9tIFwiLi9jb21wb25lbnRzL2NvbGxhcHNlZC1pdGVtcy9jb2xsYXBzZWQtaXRlbXMuY29tcG9uZW50XCI7XG5pbXBvcnQgeyBWZXJ0aWNhbEl0ZW1zQ29tcG9uZW50IH0gZnJvbSBcIi4vY29tcG9uZW50cy92ZXJ0aWNhbC1pdGVtcy92ZXJ0aWNhbC1pdGVtcy5jb21wb25lbnRcIjtcblxuQE5nTW9kdWxlKHtcbiAgIGltcG9ydHM6IFtcbiAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgIFRpbWVsaW5lSXRlbU1vZHVsZSxcbiAgIF0sXG4gICBkZWNsYXJhdGlvbnM6IFtcbiAgICAgIFZlcnRpY2FsVGltZWxpbmVDb21wb25lbnQsXG4gICAgICBSYW5nZUxpbmVDb21wb25lbnQsXG4gICAgICBDb2xsYXBzZU9wdGlvbkNvbXBvbmVudCxcbiAgICAgIENvbGxhcHNlZEl0ZW1zQ29tcG9uZW50LFxuICAgICAgVmVydGljYWxJdGVtc0NvbXBvbmVudCxcbiAgIF0sXG4gICBleHBvcnRzOiBbVmVydGljYWxUaW1lbGluZUNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFZlcnRpY2FsVGltZWxpbmVNb2R1bGUgeyB9XG4iXX0=
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
3
|
-
|
|
1
|
+
export { TimelineModule } from "./timeline.module";
|
|
2
|
+
export { TimelineComponent } from "./timeline.component";
|
|
3
|
+
export { TimelineItem, TimelineItemSeverity, TimelineItemSize } from "./models/index";
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy90aW1lbGluZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDbkQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDekQsT0FBTyxFQUFFLFlBQVksRUFBRSxvQkFBb0IsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGdCQUFnQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgVGltZWxpbmVNb2R1bGUgfSBmcm9tIFwiLi90aW1lbGluZS5tb2R1bGVcIjtcbmV4cG9ydCB7IFRpbWVsaW5lQ29tcG9uZW50IH0gZnJvbSBcIi4vdGltZWxpbmUuY29tcG9uZW50XCI7XG5leHBvcnQgeyBUaW1lbGluZUl0ZW0sIFRpbWVsaW5lSXRlbVNldmVyaXR5LCBUaW1lbGluZUl0ZW1TaXplIH0gZnJvbSBcIi4vbW9kZWxzL2luZGV4XCI7XG4iXX0=
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { TimelineItem } from "./timeline-item";
|
|
2
|
+
export { TimelineItemSeverity } from "./timeline-item-severity";
|
|
3
|
+
export { TimelineItemSize } from "./timeline-item-size";
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy90aW1lbGluZS9tb2RlbHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgVGltZWxpbmVJdGVtIH0gZnJvbSBcIi4vdGltZWxpbmUtaXRlbVwiO1xuZXhwb3J0IHsgVGltZWxpbmVJdGVtU2V2ZXJpdHkgfSBmcm9tIFwiLi90aW1lbGluZS1pdGVtLXNldmVyaXR5XCI7XG5leHBvcnQgeyBUaW1lbGluZUl0ZW1TaXplIH0gZnJvbSBcIi4vdGltZWxpbmUtaXRlbS1zaXplXCI7XG4iXX0=
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export var TimelineItemSeverity;
|
|
2
|
+
(function (TimelineItemSeverity) {
|
|
3
|
+
TimelineItemSeverity["Normal"] = "normal";
|
|
4
|
+
TimelineItemSeverity["Warning"] = "warning";
|
|
5
|
+
TimelineItemSeverity["Error"] = "error";
|
|
6
|
+
})(TimelineItemSeverity || (TimelineItemSeverity = {}));
|
|
7
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUtaXRlbS1zZXZlcml0eS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzZW5pb3JzaXN0ZW1hcy9hbmd1bGFyLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJjb21wb25lbnRzL3RpbWVsaW5lL21vZGVscy90aW1lbGluZS1pdGVtLXNldmVyaXR5LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLG9CQUlYO0FBSkQsV0FBWSxvQkFBb0I7SUFDN0IseUNBQWlCLENBQUE7SUFDakIsMkNBQW1CLENBQUE7SUFDbkIsdUNBQWUsQ0FBQTtBQUNsQixDQUFDLEVBSlcsb0JBQW9CLEtBQXBCLG9CQUFvQixRQUkvQiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBlbnVtIFRpbWVsaW5lSXRlbVNldmVyaXR5IHtcbiAgIE5vcm1hbCA9IFwibm9ybWFsXCIsXG4gICBXYXJuaW5nID0gXCJ3YXJuaW5nXCIsXG4gICBFcnJvciA9IFwiZXJyb3JcIixcbn1cbiJdfQ==
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export var TimelineItemSize;
|
|
2
|
+
(function (TimelineItemSize) {
|
|
3
|
+
TimelineItemSize["Normal"] = "normal";
|
|
4
|
+
TimelineItemSize["Small"] = "small";
|
|
5
|
+
})(TimelineItemSize || (TimelineItemSize = {}));
|
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUtaXRlbS1zaXplLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvdGltZWxpbmUvbW9kZWxzL3RpbWVsaW5lLWl0ZW0tc2l6ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQU4sSUFBWSxnQkFHWDtBQUhELFdBQVksZ0JBQWdCO0lBQ3pCLHFDQUFpQixDQUFBO0lBQ2pCLG1DQUFlLENBQUE7QUFDbEIsQ0FBQyxFQUhXLGdCQUFnQixLQUFoQixnQkFBZ0IsUUFHM0IiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZW51bSBUaW1lbGluZUl0ZW1TaXplIHtcbiAgIE5vcm1hbCA9IFwibm9ybWFsXCIsXG4gICBTbWFsbCA9IFwic21hbGxcIixcbn1cbiJdfQ==
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { TimelineItemSeverity } from "./timeline-item-severity";
|
|
2
|
+
import { TimelineItemSize } from "./timeline-item-size";
|
|
3
|
+
const LABEL_MAX_LENGTH = 2;
|
|
4
|
+
export class TimelineItem {
|
|
5
|
+
constructor(params) {
|
|
6
|
+
this.id = params.id;
|
|
7
|
+
this.title = params.title;
|
|
8
|
+
this.description = params.description;
|
|
9
|
+
this.icon = params.icon;
|
|
10
|
+
this.label = params.label;
|
|
11
|
+
this.tooltip = params.tooltip;
|
|
12
|
+
this.size = params.size || TimelineItemSize.Normal;
|
|
13
|
+
this.severity = params.severity || TimelineItemSeverity.Normal;
|
|
14
|
+
this.checkItemIconContent();
|
|
15
|
+
}
|
|
16
|
+
checkItemIconContent() {
|
|
17
|
+
var _a;
|
|
18
|
+
if (!this.icon && !this.label) {
|
|
19
|
+
throw new Error("No icon or label string was passed for the item. Enter an icon or label text");
|
|
20
|
+
}
|
|
21
|
+
if (this.icon && this.label) {
|
|
22
|
+
throw new Error("An icon and label string were passed to the item. Enter an icon or label text");
|
|
23
|
+
}
|
|
24
|
+
if (((_a = this.label) === null || _a === void 0 ? void 0 : _a.length) > LABEL_MAX_LENGTH) {
|
|
25
|
+
throw new Error("Label text is expected to be a maximum of two characters long");
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
testSize(value) {
|
|
29
|
+
return this.size.valueOf() === value;
|
|
30
|
+
}
|
|
31
|
+
testSeverity(value) {
|
|
32
|
+
var _a;
|
|
33
|
+
return ((_a = this.severity) === null || _a === void 0 ? void 0 : _a.valueOf()) === value;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUtaXRlbS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzZW5pb3JzaXN0ZW1hcy9hbmd1bGFyLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJjb21wb25lbnRzL3RpbWVsaW5lL21vZGVscy90aW1lbGluZS1pdGVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBRXhELE1BQU0sZ0JBQWdCLEdBQUcsQ0FBQyxDQUFDO0FBRTNCLE1BQU0sT0FBTyxZQUFZO0lBVXRCLFlBQVksTUFTWDtRQUNFLElBQUksQ0FBQyxFQUFFLEdBQUcsTUFBTSxDQUFDLEVBQUUsQ0FBQztRQUNwQixJQUFJLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUM7UUFDMUIsSUFBSSxDQUFDLFdBQVcsR0FBRyxNQUFNLENBQUMsV0FBVyxDQUFDO1FBQ3RDLElBQUksQ0FBQyxJQUFJLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQztRQUN4QixJQUFJLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUM7UUFDMUIsSUFBSSxDQUFDLE9BQU8sR0FBRyxNQUFNLENBQUMsT0FBTyxDQUFDO1FBQzlCLElBQUksQ0FBQyxJQUFJLEdBQUcsTUFBTSxDQUFDLElBQUksSUFBSSxnQkFBZ0IsQ0FBQyxNQUFNLENBQUM7UUFDbkQsSUFBSSxDQUFDLFFBQVEsR0FBRyxNQUFNLENBQUMsUUFBUSxJQUFJLG9CQUFvQixDQUFDLE1BQU0sQ0FBQztRQUUvRCxJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQztJQUMvQixDQUFDO0lBRU0sb0JBQW9COztRQUN4QixJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDNUIsTUFBTSxJQUFJLEtBQUssQ0FBQyw4RUFBOEUsQ0FBQyxDQUFDO1NBQ2xHO1FBRUQsSUFBSSxJQUFJLENBQUMsSUFBSSxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDMUIsTUFBTSxJQUFJLEtBQUssQ0FBQywrRUFBK0UsQ0FBQyxDQUFDO1NBQ25HO1FBRUQsSUFBSSxPQUFBLElBQUksQ0FBQyxLQUFLLDBDQUFFLE1BQU0sSUFBRyxnQkFBZ0IsRUFBRTtZQUN4QyxNQUFNLElBQUksS0FBSyxDQUFDLCtEQUErRCxDQUFDLENBQUM7U0FDbkY7SUFDSixDQUFDO0lBRU0sUUFBUSxDQUFDLEtBQWE7UUFDMUIsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxLQUFLLEtBQUssQ0FBQztJQUN4QyxDQUFDO0lBRU0sWUFBWSxDQUFDLEtBQWE7O1FBQzlCLE9BQU8sT0FBQSxJQUFJLENBQUMsUUFBUSwwQ0FBRSxPQUFPLFFBQU8sS0FBSyxDQUFDO0lBQzdDLENBQUM7Q0FDSCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFRpbWVsaW5lSXRlbVNldmVyaXR5IH0gZnJvbSBcIi4vdGltZWxpbmUtaXRlbS1zZXZlcml0eVwiO1xuaW1wb3J0IHsgVGltZWxpbmVJdGVtU2l6ZSB9IGZyb20gXCIuL3RpbWVsaW5lLWl0ZW0tc2l6ZVwiO1xuXG5jb25zdCBMQUJFTF9NQVhfTEVOR1RIID0gMjsgXG5cbmV4cG9ydCBjbGFzcyBUaW1lbGluZUl0ZW0ge1xuICAgcHVibGljIGlkOiBzdHJpbmc7XG4gICBwdWJsaWMgdGl0bGU6IHN0cmluZztcbiAgIHB1YmxpYyBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICAgcHVibGljIGljb24/OiBzdHJpbmc7XG4gICBwdWJsaWMgbGFiZWw/OiBzdHJpbmc7XG4gICBwdWJsaWMgdG9vbHRpcD86IHN0cmluZztcbiAgIHB1YmxpYyBzaXplOiBUaW1lbGluZUl0ZW1TaXplO1xuICAgcHVibGljIHNldmVyaXR5OiBUaW1lbGluZUl0ZW1TZXZlcml0eTtcblxuICAgY29uc3RydWN0b3IocGFyYW1zOiB7XG4gICAgICBpZDogc3RyaW5nLFxuICAgICAgdGl0bGU6IHN0cmluZyxcbiAgICAgIGRlc2NyaXB0aW9uOiBzdHJpbmcsXG4gICAgICBpY29uPzogc3RyaW5nLFxuICAgICAgbGFiZWw/OiBzdHJpbmcsXG4gICAgICBzaXplPzogVGltZWxpbmVJdGVtU2l6ZSxcbiAgICAgIHNldmVyaXR5PzogVGltZWxpbmVJdGVtU2V2ZXJpdHksXG4gICAgICB0b29sdGlwPzogc3RyaW5nLFxuICAgfSkge1xuICAgICAgdGhpcy5pZCA9IHBhcmFtcy5pZDtcbiAgICAgIHRoaXMudGl0bGUgPSBwYXJhbXMudGl0bGU7XG4gICAgICB0aGlzLmRlc2NyaXB0aW9uID0gcGFyYW1zLmRlc2NyaXB0aW9uO1xuICAgICAgdGhpcy5pY29uID0gcGFyYW1zLmljb247XG4gICAgICB0aGlzLmxhYmVsID0gcGFyYW1zLmxhYmVsO1xuICAgICAgdGhpcy50b29sdGlwID0gcGFyYW1zLnRvb2x0aXA7XG4gICAgICB0aGlzLnNpemUgPSBwYXJhbXMuc2l6ZSB8fCBUaW1lbGluZUl0ZW1TaXplLk5vcm1hbDtcbiAgICAgIHRoaXMuc2V2ZXJpdHkgPSBwYXJhbXMuc2V2ZXJpdHkgfHwgVGltZWxpbmVJdGVtU2V2ZXJpdHkuTm9ybWFsO1xuXG4gICAgICB0aGlzLmNoZWNrSXRlbUljb25Db250ZW50KCk7XG4gICB9XG5cbiAgIHB1YmxpYyBjaGVja0l0ZW1JY29uQ29udGVudCgpIHtcbiAgICAgIGlmICghdGhpcy5pY29uICYmICF0aGlzLmxhYmVsKSB7XG4gICAgICAgICB0aHJvdyBuZXcgRXJyb3IoXCJObyBpY29uIG9yIGxhYmVsIHN0cmluZyB3YXMgcGFzc2VkIGZvciB0aGUgaXRlbS4gRW50ZXIgYW4gaWNvbiBvciBsYWJlbCB0ZXh0XCIpO1xuICAgICAgfVxuXG4gICAgICBpZiAodGhpcy5pY29uICYmIHRoaXMubGFiZWwpIHtcbiAgICAgICAgIHRocm93IG5ldyBFcnJvcihcIkFuIGljb24gYW5kIGxhYmVsIHN0cmluZyB3ZXJlIHBhc3NlZCB0byB0aGUgaXRlbS4gRW50ZXIgYW4gaWNvbiBvciBsYWJlbCB0ZXh0XCIpO1xuICAgICAgfVxuXG4gICAgICBpZiAodGhpcy5sYWJlbD8ubGVuZ3RoID4gTEFCRUxfTUFYX0xFTkdUSCkge1xuICAgICAgICAgdGhyb3cgbmV3IEVycm9yKFwiTGFiZWwgdGV4dCBpcyBleHBlY3RlZCB0byBiZSBhIG1heGltdW0gb2YgdHdvIGNoYXJhY3RlcnMgbG9uZ1wiKTtcbiAgICAgIH1cbiAgIH1cblxuICAgcHVibGljIHRlc3RTaXplKHZhbHVlOiBzdHJpbmcpIHtcbiAgICAgIHJldHVybiB0aGlzLnNpemUudmFsdWVPZigpID09PSB2YWx1ZTtcbiAgIH1cblxuICAgcHVibGljIHRlc3RTZXZlcml0eSh2YWx1ZTogc3RyaW5nKSB7XG4gICAgICByZXR1cm4gdGhpcy5zZXZlcml0eT8udmFsdWVPZigpID09PSB2YWx1ZTtcbiAgIH1cbn1cbiJdfQ==
|
|
@@ -1,79 +1,62 @@
|
|
|
1
|
-
var TimelineComponent_1;
|
|
2
1
|
import { __decorate } from "tslib";
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
2
|
+
import { Component, HostListener, Input } from "@angular/core";
|
|
3
|
+
const HORIZONTAL = "horizontal";
|
|
4
|
+
const VERTICAL = "vertical";
|
|
5
|
+
const MIN_ITEM_SIZE = 200;
|
|
6
|
+
let TimelineComponent = class TimelineComponent {
|
|
6
7
|
constructor() {
|
|
7
|
-
this.
|
|
8
|
-
this.
|
|
8
|
+
this.direction = HORIZONTAL;
|
|
9
|
+
this.collapsable = true;
|
|
10
|
+
this.counterLabel = "items";
|
|
9
11
|
}
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
const activated = index === activeIndex;
|
|
13
|
-
return visited || activated;
|
|
12
|
+
get items() {
|
|
13
|
+
return this._items;
|
|
14
14
|
}
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
return visited || activated;
|
|
15
|
+
set items(items) {
|
|
16
|
+
this._items = items;
|
|
17
|
+
this.checkDuplicateIds();
|
|
19
18
|
}
|
|
20
|
-
|
|
21
|
-
|
|
19
|
+
ngOnInit() {
|
|
20
|
+
this._innerWidth = window.innerWidth;
|
|
21
|
+
}
|
|
22
|
+
onResize(_) {
|
|
23
|
+
this._innerWidth = window.innerWidth;
|
|
24
|
+
}
|
|
25
|
+
changeToVertical() {
|
|
26
|
+
return this.direction === VERTICAL || this._innerWidth / this.items.length < MIN_ITEM_SIZE;
|
|
27
|
+
}
|
|
28
|
+
checkDuplicateIds() {
|
|
29
|
+
const ids = this.items.map(item => {
|
|
30
|
+
return item.id;
|
|
31
|
+
});
|
|
32
|
+
if ((new Set(ids)).size !== ids.length) {
|
|
33
|
+
throw new Error("A duplicate id was found in the items list");
|
|
34
|
+
}
|
|
22
35
|
}
|
|
23
36
|
};
|
|
24
|
-
TimelineComponent.nextId = 0;
|
|
25
37
|
__decorate([
|
|
26
38
|
Input()
|
|
27
|
-
], TimelineComponent.prototype, "
|
|
39
|
+
], TimelineComponent.prototype, "items", null);
|
|
28
40
|
__decorate([
|
|
29
41
|
Input()
|
|
30
|
-
], TimelineComponent.prototype, "
|
|
42
|
+
], TimelineComponent.prototype, "activeIndex", void 0);
|
|
31
43
|
__decorate([
|
|
32
44
|
Input()
|
|
33
|
-
], TimelineComponent.prototype, "
|
|
34
|
-
|
|
45
|
+
], TimelineComponent.prototype, "direction", void 0);
|
|
46
|
+
__decorate([
|
|
47
|
+
Input()
|
|
48
|
+
], TimelineComponent.prototype, "collapsable", void 0);
|
|
49
|
+
__decorate([
|
|
50
|
+
Input()
|
|
51
|
+
], TimelineComponent.prototype, "counterLabel", void 0);
|
|
52
|
+
__decorate([
|
|
53
|
+
HostListener("window:resize", ["$event"])
|
|
54
|
+
], TimelineComponent.prototype, "onResize", null);
|
|
55
|
+
TimelineComponent = __decorate([
|
|
35
56
|
Component({
|
|
36
57
|
selector: "s-timeline",
|
|
37
|
-
template: "<div
|
|
38
|
-
host: {
|
|
39
|
-
"aria-orientation": "horizontal",
|
|
40
|
-
role: "tablist",
|
|
41
|
-
"tab-index": "0",
|
|
42
|
-
},
|
|
43
|
-
animations: [
|
|
44
|
-
trigger("beforeActiveDesative", [
|
|
45
|
-
state("active", style({
|
|
46
|
-
"background-position": "left bottom",
|
|
47
|
-
})),
|
|
48
|
-
state("desactive", style({
|
|
49
|
-
"background-position": "right bottom",
|
|
50
|
-
})),
|
|
51
|
-
transition("active => desactive", [animate("50ms 100ms linear")]),
|
|
52
|
-
transition("desactive => active", [animate("50ms 250ms linear")]),
|
|
53
|
-
]),
|
|
54
|
-
trigger("activeDesative", [
|
|
55
|
-
state("active", style({
|
|
56
|
-
"background-position": "left bottom",
|
|
57
|
-
})),
|
|
58
|
-
state("desactive", style({
|
|
59
|
-
"background-position": "right bottom",
|
|
60
|
-
})),
|
|
61
|
-
transition("active => desactive", [animate("100ms 150ms linear")]),
|
|
62
|
-
transition("desactive => active", [animate("100ms 150ms linear")]),
|
|
63
|
-
]),
|
|
64
|
-
trigger("afterActiveDesative", [
|
|
65
|
-
state("active", style({
|
|
66
|
-
"background-position": "left bottom",
|
|
67
|
-
})),
|
|
68
|
-
state("desactive", style({
|
|
69
|
-
"background-position": "right bottom",
|
|
70
|
-
})),
|
|
71
|
-
transition("active => desactive", [animate("50ms 250ms linear")]),
|
|
72
|
-
transition("desactive => active", [animate("50ms 100ms linear")]),
|
|
73
|
-
]),
|
|
74
|
-
],
|
|
75
|
-
styles: ["@keyframes scale-up-center{0%{transform:scale(.5)}100%{transform:scale(1)}}.s-timeline-container{display:-ms-flexbox;display:flex;white-space:nowrap;-ms-flex-align:start;align-items:flex-start;overflow:hidden;padding:15px 10px}.s-timeline-step-header{box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;height:auto;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:72px;max-height:98px;min-width:60px;width:100%}.s-timeline-step-header .s-timeline-help-label,.s-timeline-step-header .s-timeline-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;color:#999;font-size:14px;font-weight:400;padding-top:5px}.s-timeline-step-header .s-timeline-progress-bar-before{margin:0;position:absolute;top:20px;-ms-flex:auto;flex:auto;height:3px;overflow:hidden;width:calc(50% - 20px);background-color:#697882;background-image:linear-gradient(to right,#0c9348 50%,#697882 50%);background-position:right bottom;background-size:300% 100%;left:-10px}.s-timeline-step-header .s-timeline-progress-bar-before.s-timeline-step-active,.s-timeline-step-header .s-timeline-progress-bar-before.s-timeline-step-completed{background-position:left bottom}.s-timeline-step-header .s-timeline-progress-bar-after{margin:0;position:absolute;top:20px;-ms-flex:auto;flex:auto;height:3px;overflow:hidden;width:calc(50% - 20px);background-color:#697882;background-image:linear-gradient(to right,#0c9348 50%,#697882 50%);background-position:right bottom;background-size:300% 100%;right:-10px}.s-timeline-step-header .s-timeline-progress-bar-after.s-timeline-step-active,.s-timeline-step-header .s-timeline-progress-bar-after.s-timeline-step-completed{background-position:left bottom}.s-timeline-progress-bar{margin:0;position:relative;top:20px;-ms-flex:auto;flex:auto;height:3px;overflow:hidden;width:100%;background-color:#697882;background-image:linear-gradient(to right,#0c9348 50%,#697882 50%);background-position:right bottom;background-size:300% 100%}.s-timeline-index{background-color:#697882;border:3px solid #697882;border-radius:50%;color:#fff;display:inline-block;font-weight:700;position:relative;transition:background-color .2s ease-out;height:46px;width:46px;-ms-flex:none;flex:none}.s-timeline-index .s-timeline-index-content{line-height:18px;font-size:18px;padding-top:8.5px;text-align:center;position:relative}.s-timeline-step-active .s-timeline-index,.s-timeline-step-completed .s-timeline-index{border-color:#0c9348;animation:.1s ease-out alternate scale-up-center;background-color:#0c9348}.s-timeline-step-active.s-timeline-progress-bar,.s-timeline-step-completed.s-timeline-progress-bar{background-position:left bottom}.s-timeline-step-active .s-timeline-label,.s-timeline-step-completed .s-timeline-label{color:#333;font-weight:700}@media (max-width:767px){.s-timeline-help-label,.s-timeline-label{display:none}}"]
|
|
58
|
+
template: "<div *ngIf=\"changeToVertical(); then vertical else horizontal\"></div>\n\n<ng-template #horizontal>\n <s-horizontal-timeline\n [items]=\"items\"\n [activeIndex]=\"activeIndex\">\n </s-horizontal-timeline>\n</ng-template>\n\n<ng-template #vertical>\n <s-vertical-timeline\n [items]=\"items\"\n [activeIndex]=\"activeIndex\"\n [counterLabel]=\"counterLabel\"\n [collapsable]=\"collapsable\">\n </s-vertical-timeline>\n</ng-template>"
|
|
76
59
|
})
|
|
77
60
|
], TimelineComponent);
|
|
78
61
|
export { TimelineComponent };
|
|
79
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvdGltZWxpbmUvdGltZWxpbmUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFJdkUsTUFBTSxVQUFVLEdBQUcsWUFBWSxDQUFDO0FBQ2hDLE1BQU0sUUFBUSxHQUFHLFVBQVUsQ0FBQztBQUM1QixNQUFNLGFBQWEsR0FBRyxHQUFHLENBQUM7QUFNMUIsSUFBYSxpQkFBaUIsR0FBOUIsTUFBYSxpQkFBaUI7SUFBOUI7UUFrQlUsY0FBUyxHQUF3QyxVQUFVLENBQUM7UUFHNUQsZ0JBQVcsR0FBRyxJQUFJLENBQUM7UUFHbkIsaUJBQVksR0FBRyxPQUFPLENBQUM7SUF3QmpDLENBQUM7SUE1Q0UsSUFBVyxLQUFLO1FBQ2IsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ3RCLENBQUM7SUFHRCxJQUFXLEtBQUssQ0FBQyxLQUFxQjtRQUNuQyxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUNwQixJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBY00sUUFBUTtRQUNaLElBQUksQ0FBQyxXQUFXLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQztJQUN4QyxDQUFDO0lBR00sUUFBUSxDQUFDLENBQU07UUFDbkIsSUFBSSxDQUFDLFdBQVcsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDO0lBQ3hDLENBQUM7SUFFTSxnQkFBZ0I7UUFDcEIsT0FBTyxJQUFJLENBQUMsU0FBUyxLQUFLLFFBQVEsSUFBSSxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLGFBQWEsQ0FBQztJQUM5RixDQUFDO0lBRU0saUJBQWlCO1FBQ3JCLE1BQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxFQUFFO1lBQy9CLE9BQU8sSUFBSSxDQUFDLEVBQUUsQ0FBQztRQUNsQixDQUFDLENBQUMsQ0FBQztRQUVILElBQUksQ0FBQyxJQUFJLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLElBQUksS0FBSyxHQUFHLENBQUMsTUFBTSxFQUFFO1lBQ3JDLE1BQU0sSUFBSSxLQUFLLENBQUMsNENBQTRDLENBQUMsQ0FBQztTQUNoRTtJQUNKLENBQUM7Q0FDSCxDQUFBO0FBdkNFO0lBREMsS0FBSyxFQUFFOzhDQUlQO0FBR0Q7SUFEQyxLQUFLLEVBQUU7c0RBQ21CO0FBRzNCO0lBREMsS0FBSyxFQUFFO29EQUMyRDtBQUduRTtJQURDLEtBQUssRUFBRTtzREFDa0I7QUFHMUI7SUFEQyxLQUFLLEVBQUU7dURBQ3NCO0FBTzlCO0lBREMsWUFBWSxDQUFDLGVBQWUsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDO2lEQUd6QztBQWpDUyxpQkFBaUI7SUFKN0IsU0FBUyxDQUFDO1FBQ1IsUUFBUSxFQUFFLFlBQVk7UUFDdEIsaWVBQXdDO0tBQzFDLENBQUM7R0FDVyxpQkFBaUIsQ0FnRDdCO1NBaERZLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdExpc3RlbmVyLCBJbnB1dCwgT25Jbml0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuaW1wb3J0IHsgVGltZWxpbmVJdGVtIH0gZnJvbSBcIi4vbW9kZWxzL3RpbWVsaW5lLWl0ZW1cIjtcblxuY29uc3QgSE9SSVpPTlRBTCA9IFwiaG9yaXpvbnRhbFwiO1xuY29uc3QgVkVSVElDQUwgPSBcInZlcnRpY2FsXCI7XG5jb25zdCBNSU5fSVRFTV9TSVpFID0gMjAwO1xuXG5AQ29tcG9uZW50KHtcbiAgIHNlbGVjdG9yOiBcInMtdGltZWxpbmVcIixcbiAgIHRlbXBsYXRlVXJsOiBcIi4vdGltZWxpbmUuY29tcG9uZW50Lmh0bWxcIixcbn0pXG5leHBvcnQgY2xhc3MgVGltZWxpbmVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgcHJpdmF0ZSBfaW5uZXJXaWR0aDogbnVtYmVyO1xuICAgcHJpdmF0ZSBfaXRlbXM6IFRpbWVsaW5lSXRlbVtdO1xuXG4gICBwdWJsaWMgZ2V0IGl0ZW1zKCk6IFRpbWVsaW5lSXRlbVtdIHtcbiAgICAgIHJldHVybiB0aGlzLl9pdGVtcztcbiAgIH1cblxuICAgQElucHV0KClcbiAgIHB1YmxpYyBzZXQgaXRlbXMoaXRlbXM6IFRpbWVsaW5lSXRlbVtdKSB7XG4gICAgICB0aGlzLl9pdGVtcyA9IGl0ZW1zO1xuICAgICAgdGhpcy5jaGVja0R1cGxpY2F0ZUlkcygpO1xuICAgfVxuXG4gICBASW5wdXQoKVxuICAgcHVibGljIGFjdGl2ZUluZGV4OiBudW1iZXI7XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgZGlyZWN0aW9uOiB0eXBlb2YgSE9SSVpPTlRBTCB8IHR5cGVvZiBWRVJUSUNBTCA9IEhPUklaT05UQUw7XG5cbiAgIEBJbnB1dCgpXG4gICBwdWJsaWMgY29sbGFwc2FibGUgPSB0cnVlO1xuXG4gICBASW5wdXQoKVxuICAgcHVibGljIGNvdW50ZXJMYWJlbCA9IFwiaXRlbXNcIjtcblxuICAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgdGhpcy5faW5uZXJXaWR0aCA9IHdpbmRvdy5pbm5lcldpZHRoO1xuICAgfVxuXG4gICBASG9zdExpc3RlbmVyKFwid2luZG93OnJlc2l6ZVwiLCBbXCIkZXZlbnRcIl0pXG4gICBwdWJsaWMgb25SZXNpemUoXzogYW55KTogdm9pZCB7XG4gICAgICB0aGlzLl9pbm5lcldpZHRoID0gd2luZG93LmlubmVyV2lkdGg7XG4gICB9XG5cbiAgIHB1YmxpYyBjaGFuZ2VUb1ZlcnRpY2FsKCk6IGJvb2xlYW4ge1xuICAgICAgcmV0dXJuIHRoaXMuZGlyZWN0aW9uID09PSBWRVJUSUNBTCB8fCB0aGlzLl9pbm5lcldpZHRoIC8gdGhpcy5pdGVtcy5sZW5ndGggPCBNSU5fSVRFTV9TSVpFO1xuICAgfVxuXG4gICBwdWJsaWMgY2hlY2tEdXBsaWNhdGVJZHMoKTogdm9pZCB7XG4gICAgICBjb25zdCBpZHMgPSB0aGlzLml0ZW1zLm1hcChpdGVtID0+IHtcbiAgICAgICAgIHJldHVybiBpdGVtLmlkO1xuICAgICAgfSk7XG5cbiAgICAgIGlmICgobmV3IFNldChpZHMpKS5zaXplICE9PSBpZHMubGVuZ3RoKSB7XG4gICAgICAgICB0aHJvdyBuZXcgRXJyb3IoXCJBIGR1cGxpY2F0ZSBpZCB3YXMgZm91bmQgaW4gdGhlIGl0ZW1zIGxpc3RcIik7XG4gICAgICB9XG4gICB9XG59XG4iXX0=
|