@frxjs/ngx-timeline 1.0.6 → 1.2.0

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 (42) hide show
  1. package/README.md +138 -136
  2. package/esm2020/frxjs-ngx-timeline.mjs +5 -0
  3. package/{esm2015/lib/components/index.js → esm2020/lib/components/index.mjs} +3 -3
  4. package/esm2020/lib/components/ngx-timeline-event/ngx-timeline-event.component.mjs +58 -0
  5. package/esm2020/lib/components/ngx-timeline.component.mjs +157 -0
  6. package/esm2020/lib/models/NgxConfigObj.mjs +93 -0
  7. package/esm2020/lib/models/NgxTimelineEvent.mjs +6 -0
  8. package/{esm2015/lib/models/index.js → esm2020/lib/models/index.mjs} +3 -3
  9. package/esm2020/lib/ngx-timeline.module.mjs +28 -0
  10. package/{esm2015/lib/pipes/index.js → esm2020/lib/pipes/index.mjs} +2 -2
  11. package/esm2020/lib/pipes/ngx-date-pipe.mjs +31 -0
  12. package/{esm2015/public-api.js → esm2020/public-api.mjs} +7 -7
  13. package/fesm2015/frxjs-ngx-timeline.mjs +366 -0
  14. package/fesm2015/frxjs-ngx-timeline.mjs.map +1 -0
  15. package/fesm2020/frxjs-ngx-timeline.mjs +365 -0
  16. package/fesm2020/frxjs-ngx-timeline.mjs.map +1 -0
  17. package/frxjs-ngx-timeline.d.ts +5 -7
  18. package/lib/components/index.d.ts +2 -2
  19. package/lib/components/ngx-timeline-event/ngx-timeline-event.component.d.ts +38 -35
  20. package/lib/components/ngx-timeline.component.d.ts +79 -76
  21. package/lib/models/NgxConfigObj.d.ts +59 -59
  22. package/lib/models/NgxTimelineEvent.d.ts +29 -29
  23. package/lib/models/index.d.ts +2 -2
  24. package/lib/ngx-timeline.module.d.ts +10 -2
  25. package/lib/pipes/index.d.ts +1 -1
  26. package/lib/pipes/ngx-date-pipe.d.ts +10 -7
  27. package/package.json +22 -9
  28. package/public-api.d.ts +4 -4
  29. package/bundles/frxjs-ngx-timeline.umd.js +0 -696
  30. package/bundles/frxjs-ngx-timeline.umd.js.map +0 -1
  31. package/bundles/frxjs-ngx-timeline.umd.min.js +0 -2
  32. package/bundles/frxjs-ngx-timeline.umd.min.js.map +0 -1
  33. package/esm2015/frxjs-ngx-timeline.js +0 -8
  34. package/esm2015/lib/components/ngx-timeline-event/ngx-timeline-event.component.js +0 -55
  35. package/esm2015/lib/components/ngx-timeline.component.js +0 -147
  36. package/esm2015/lib/models/NgxConfigObj.js +0 -93
  37. package/esm2015/lib/models/NgxTimelineEvent.js +0 -6
  38. package/esm2015/lib/ngx-timeline.module.js +0 -23
  39. package/esm2015/lib/pipes/ngx-date-pipe.js +0 -28
  40. package/fesm2015/frxjs-ngx-timeline.js +0 -350
  41. package/fesm2015/frxjs-ngx-timeline.js.map +0 -1
  42. package/frxjs-ngx-timeline.metadata.json +0 -1
@@ -1,93 +0,0 @@
1
- export let supportedLanguageCodes = ['en', 'it', 'fr', 'de', 'es'];
2
- export let dateConfigMap = {
3
- en: {
4
- code: 'en-US',
5
- fullDate: 'MM/dd/yyyy h:mm a',
6
- dayMonthYear: 'dd MMMM yyyy',
7
- monthYear: 'MMMM yyyy',
8
- year: 'yyyy',
9
- hoursMinutes: 'hh:mm a'
10
- },
11
- it: {
12
- code: 'it-IT',
13
- fullDate: 'dd/MM/yyyy H:mm',
14
- dayMonthYear: 'dd MMMM yyyy',
15
- monthYear: 'MMMM yyyy',
16
- year: 'yyyy',
17
- hoursMinutes: 'HH:mm'
18
- },
19
- fr: {
20
- code: 'fr-FR',
21
- fullDate: 'dd/MM/yyyy H:mm',
22
- dayMonthYear: 'dd MMMM yyyy',
23
- monthYear: 'MMMM yyyy',
24
- year: 'yyyy',
25
- hoursMinutes: 'HH:mm'
26
- },
27
- de: {
28
- code: 'de',
29
- fullDate: 'dd/MM/yyyy H:mm',
30
- dayMonthYear: 'dd MMMM yyyy',
31
- monthYear: 'MMMM yyyy',
32
- year: 'yyyy',
33
- hoursMinutes: 'HH:mm'
34
- },
35
- es: {
36
- code: 'es',
37
- fullDate: 'dd/MM/yyyy H:mm',
38
- dayMonthYear: 'dd MMMM yyyy',
39
- monthYear: 'MMMM yyyy',
40
- year: 'yyyy',
41
- hoursMinutes: 'HH:mm'
42
- }
43
- };
44
- export var NgxDateFormat;
45
- (function (NgxDateFormat) {
46
- NgxDateFormat["DAY_MONTH_YEAR"] = "DAY_MONTH_YEAR";
47
- NgxDateFormat["FULL_DATE"] = "FULL_DATE";
48
- NgxDateFormat["MONTH_YEAR"] = "MONTH_YEAR";
49
- NgxDateFormat["HOURS_MINUTES"] = "HOURS_MINUTES";
50
- NgxDateFormat["YEAR"] = "YEAR";
51
- })(NgxDateFormat || (NgxDateFormat = {}));
52
- export let fieldConfigDate = {
53
- MONTH_YEAR: 'monthYear',
54
- YEAR: 'year',
55
- HOURS_MINUTES: 'hoursMinutes',
56
- FULL_DATE: 'fullDate',
57
- DAY_MONTH_YEAR: 'dayMonthYear'
58
- };
59
- /**
60
- * Enum used to set the group event logic
61
- */
62
- export var NgxTimelineEventGroup;
63
- (function (NgxTimelineEventGroup) {
64
- NgxTimelineEventGroup["YEAR"] = "YEAR";
65
- NgxTimelineEventGroup["MONTH_YEAR"] = "MONTH_YEAR";
66
- NgxTimelineEventGroup["DAY_MONTH_YEAR"] = "DAY_MONTH_YEAR";
67
- })(NgxTimelineEventGroup || (NgxTimelineEventGroup = {}));
68
- export let fieldsToAddEventGroup = {
69
- YEAR: ['getFullYear'],
70
- MONTH_YEAR: ['getFullYear', 'getMonth'],
71
- DAY_MONTH_YEAR: ['getFullYear', 'getMonth', 'getDate']
72
- };
73
- export let periodKeyDateFormat = {
74
- YEAR: NgxDateFormat.YEAR,
75
- MONTH_YEAR: NgxDateFormat.MONTH_YEAR,
76
- DAY_MONTH_YEAR: NgxDateFormat.DAY_MONTH_YEAR,
77
- };
78
- /**
79
- * Enum used to set the change side event logic
80
- */
81
- export var NgxTimelineEventChangeSideInGroup;
82
- (function (NgxTimelineEventChangeSideInGroup) {
83
- NgxTimelineEventChangeSideInGroup["ALL"] = "ALL";
84
- NgxTimelineEventChangeSideInGroup["ON_DIFFERENT_HMS"] = "ON_DIFFERENT_HMS";
85
- NgxTimelineEventChangeSideInGroup["ON_DIFFERENT_DAY"] = "ON_DIFFERENT_DAY";
86
- NgxTimelineEventChangeSideInGroup["ON_DIFFERENT_MONTH"] = "ON_DIFFERENT_MONTH";
87
- })(NgxTimelineEventChangeSideInGroup || (NgxTimelineEventChangeSideInGroup = {}));
88
- export let fieldsToCheckEventChangeSideInGroup = {
89
- ON_DIFFERENT_MONTH: ['getFullYear', 'getMonth'],
90
- ON_DIFFERENT_DAY: ['getFullYear', 'getMonth', 'getDate'],
91
- ON_DIFFERENT_HMS: ['getFullYear', 'getMonth', 'getDate', 'getHours', 'getMinutes', 'getSeconds']
92
- };
93
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmd4Q29uZmlnT2JqLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXRpbWVsaW5lL3NyYy9saWIvbW9kZWxzL05neENvbmZpZ09iai50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQUMsSUFBSSxzQkFBc0IsR0FBRyxDQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLENBQUMsQ0FBQztBQWVuRSxNQUFNLENBQUMsSUFBSSxhQUFhLEdBQWtCO0lBQ3hDLEVBQUUsRUFBRTtRQUNGLElBQUksRUFBRSxPQUFPO1FBQ2IsUUFBUSxFQUFFLG1CQUFtQjtRQUM3QixZQUFZLEVBQUUsY0FBYztRQUM1QixTQUFTLEVBQUUsV0FBVztRQUN0QixJQUFJLEVBQUUsTUFBTTtRQUNaLFlBQVksRUFBRSxTQUFTO0tBQ3hCO0lBQ0QsRUFBRSxFQUFFO1FBQ0YsSUFBSSxFQUFFLE9BQU87UUFDYixRQUFRLEVBQUUsaUJBQWlCO1FBQzNCLFlBQVksRUFBRSxjQUFjO1FBQzVCLFNBQVMsRUFBRSxXQUFXO1FBQ3RCLElBQUksRUFBRSxNQUFNO1FBQ1osWUFBWSxFQUFFLE9BQU87S0FDdEI7SUFDRCxFQUFFLEVBQUU7UUFDRixJQUFJLEVBQUUsT0FBTztRQUNiLFFBQVEsRUFBRSxpQkFBaUI7UUFDM0IsWUFBWSxFQUFFLGNBQWM7UUFDNUIsU0FBUyxFQUFFLFdBQVc7UUFDdEIsSUFBSSxFQUFFLE1BQU07UUFDWixZQUFZLEVBQUUsT0FBTztLQUN0QjtJQUNELEVBQUUsRUFBRTtRQUNGLElBQUksRUFBRSxJQUFJO1FBQ1YsUUFBUSxFQUFFLGlCQUFpQjtRQUMzQixZQUFZLEVBQUUsY0FBYztRQUM1QixTQUFTLEVBQUUsV0FBVztRQUN0QixJQUFJLEVBQUUsTUFBTTtRQUNaLFlBQVksRUFBRSxPQUFPO0tBQ3RCO0lBQ0QsRUFBRSxFQUFFO1FBQ0YsSUFBSSxFQUFFLElBQUk7UUFDVixRQUFRLEVBQUUsaUJBQWlCO1FBQzNCLFlBQVksRUFBRSxjQUFjO1FBQzVCLFNBQVMsRUFBRSxXQUFXO1FBQ3RCLElBQUksRUFBRSxNQUFNO1FBQ1osWUFBWSxFQUFFLE9BQU87S0FDdEI7Q0FDRixDQUFDO0FBRUYsTUFBTSxDQUFOLElBQVksYUFNWDtBQU5ELFdBQVksYUFBYTtJQUN2QixrREFBa0MsQ0FBQTtJQUNsQyx3Q0FBd0IsQ0FBQTtJQUN4QiwwQ0FBMEIsQ0FBQTtJQUMxQixnREFBK0IsQ0FBQTtJQUMvQiw4QkFBYyxDQUFBO0FBQ2hCLENBQUMsRUFOVyxhQUFhLEtBQWIsYUFBYSxRQU14QjtBQUVELE1BQU0sQ0FBQyxJQUFJLGVBQWUsR0FBRztJQUMzQixVQUFVLEVBQUUsV0FBVztJQUN2QixJQUFJLEVBQUUsTUFBTTtJQUNaLGFBQWEsRUFBRSxjQUFjO0lBQzdCLFNBQVMsRUFBRSxVQUFVO0lBQ3JCLGNBQWMsRUFBRSxjQUFjO0NBQy9CLENBQUE7QUFFRDs7R0FFRztBQUNILE1BQU0sQ0FBTixJQUFZLHFCQUlYO0FBSkQsV0FBWSxxQkFBcUI7SUFDL0Isc0NBQWEsQ0FBQTtJQUNiLGtEQUF5QixDQUFBO0lBQ3pCLDBEQUFpQyxDQUFBO0FBQ25DLENBQUMsRUFKVyxxQkFBcUIsS0FBckIscUJBQXFCLFFBSWhDO0FBRUQsTUFBTSxDQUFDLElBQUkscUJBQXFCLEdBQUc7SUFDakMsSUFBSSxFQUFFLENBQUMsYUFBYSxDQUFDO0lBQ3JCLFVBQVUsRUFBRSxDQUFDLGFBQWEsRUFBRSxVQUFVLENBQUM7SUFDdkMsY0FBYyxFQUFFLENBQUMsYUFBYSxFQUFFLFVBQVUsRUFBRSxTQUFTLENBQUM7Q0FDdkQsQ0FBQztBQUVGLE1BQU0sQ0FBQyxJQUFJLG1CQUFtQixHQUFHO0lBQy9CLElBQUksRUFBRSxhQUFhLENBQUMsSUFBSTtJQUN4QixVQUFVLEVBQUUsYUFBYSxDQUFDLFVBQVU7SUFDcEMsY0FBYyxFQUFFLGFBQWEsQ0FBQyxjQUFjO0NBQzdDLENBQUM7QUFFRjs7R0FFRztBQUNILE1BQU0sQ0FBTixJQUFZLGlDQUtYO0FBTEQsV0FBWSxpQ0FBaUM7SUFDM0MsZ0RBQVcsQ0FBQTtJQUNYLDBFQUFxQyxDQUFBO0lBQ3JDLDBFQUFxQyxDQUFBO0lBQ3JDLDhFQUF5QyxDQUFBO0FBQzNDLENBQUMsRUFMVyxpQ0FBaUMsS0FBakMsaUNBQWlDLFFBSzVDO0FBRUQsTUFBTSxDQUFDLElBQUksbUNBQW1DLEdBQUc7SUFDL0Msa0JBQWtCLEVBQUUsQ0FBQyxhQUFhLEVBQUUsVUFBVSxDQUFDO0lBQy9DLGdCQUFnQixFQUFFLENBQUMsYUFBYSxFQUFFLFVBQVUsRUFBRSxTQUFTLENBQUM7SUFDeEQsZ0JBQWdCLEVBQUUsQ0FBQyxhQUFhLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsWUFBWSxFQUFFLFlBQVksQ0FBQztDQUNqRyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGxldCBzdXBwb3J0ZWRMYW5ndWFnZUNvZGVzID0gWydlbicsICdpdCcsICdmcicsICdkZScsICdlcyddO1xyXG5cclxuZXhwb3J0IGludGVyZmFjZSBOZ3hDb25maWdEYXRlIHtcclxuICBjb2RlOiBzdHJpbmc7XHJcbiAgZGF5TW9udGhZZWFyOiBzdHJpbmc7XHJcbiAgZnVsbERhdGU6IHN0cmluZztcclxuICBob3Vyc01pbnV0ZXM6IHN0cmluZztcclxuICBtb250aFllYXI6IHN0cmluZztcclxuICB5ZWFyOiBzdHJpbmc7XHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgTmd4RGF0ZU9iak1hcCB7XHJcbiAgW2tleTogc3RyaW5nXTogTmd4Q29uZmlnRGF0ZTtcclxufVxyXG5cclxuZXhwb3J0IGxldCBkYXRlQ29uZmlnTWFwOiBOZ3hEYXRlT2JqTWFwID0ge1xyXG4gIGVuOiB7XHJcbiAgICBjb2RlOiAnZW4tVVMnLFxyXG4gICAgZnVsbERhdGU6ICdNTS9kZC95eXl5IGg6bW0gYScsXHJcbiAgICBkYXlNb250aFllYXI6ICdkZCBNTU1NIHl5eXknLFxyXG4gICAgbW9udGhZZWFyOiAnTU1NTSB5eXl5JyxcclxuICAgIHllYXI6ICd5eXl5JyxcclxuICAgIGhvdXJzTWludXRlczogJ2hoOm1tIGEnXHJcbiAgfSxcclxuICBpdDoge1xyXG4gICAgY29kZTogJ2l0LUlUJyxcclxuICAgIGZ1bGxEYXRlOiAnZGQvTU0veXl5eSBIOm1tJyxcclxuICAgIGRheU1vbnRoWWVhcjogJ2RkIE1NTU0geXl5eScsXHJcbiAgICBtb250aFllYXI6ICdNTU1NIHl5eXknLFxyXG4gICAgeWVhcjogJ3l5eXknLFxyXG4gICAgaG91cnNNaW51dGVzOiAnSEg6bW0nXHJcbiAgfSxcclxuICBmcjoge1xyXG4gICAgY29kZTogJ2ZyLUZSJyxcclxuICAgIGZ1bGxEYXRlOiAnZGQvTU0veXl5eSBIOm1tJyxcclxuICAgIGRheU1vbnRoWWVhcjogJ2RkIE1NTU0geXl5eScsXHJcbiAgICBtb250aFllYXI6ICdNTU1NIHl5eXknLFxyXG4gICAgeWVhcjogJ3l5eXknLFxyXG4gICAgaG91cnNNaW51dGVzOiAnSEg6bW0nXHJcbiAgfSxcclxuICBkZToge1xyXG4gICAgY29kZTogJ2RlJyxcclxuICAgIGZ1bGxEYXRlOiAnZGQvTU0veXl5eSBIOm1tJyxcclxuICAgIGRheU1vbnRoWWVhcjogJ2RkIE1NTU0geXl5eScsXHJcbiAgICBtb250aFllYXI6ICdNTU1NIHl5eXknLFxyXG4gICAgeWVhcjogJ3l5eXknLFxyXG4gICAgaG91cnNNaW51dGVzOiAnSEg6bW0nXHJcbiAgfSxcclxuICBlczoge1xyXG4gICAgY29kZTogJ2VzJyxcclxuICAgIGZ1bGxEYXRlOiAnZGQvTU0veXl5eSBIOm1tJyxcclxuICAgIGRheU1vbnRoWWVhcjogJ2RkIE1NTU0geXl5eScsXHJcbiAgICBtb250aFllYXI6ICdNTU1NIHl5eXknLFxyXG4gICAgeWVhcjogJ3l5eXknLFxyXG4gICAgaG91cnNNaW51dGVzOiAnSEg6bW0nXHJcbiAgfVxyXG59O1xyXG5cclxuZXhwb3J0IGVudW0gTmd4RGF0ZUZvcm1hdCB7XHJcbiAgREFZX01PTlRIX1lFQVIgID0gJ0RBWV9NT05USF9ZRUFSJyxcclxuICBGVUxMX0RBVEUgID0gJ0ZVTExfREFURScsXHJcbiAgTU9OVEhfWUVBUiAgPSAnTU9OVEhfWUVBUicsXHJcbiAgSE9VUlNfTUlOVVRFUyA9ICdIT1VSU19NSU5VVEVTJyxcclxuICBZRUFSICA9ICdZRUFSJ1xyXG59XHJcblxyXG5leHBvcnQgbGV0IGZpZWxkQ29uZmlnRGF0ZSA9IHtcclxuICBNT05USF9ZRUFSOiAnbW9udGhZZWFyJyxcclxuICBZRUFSOiAneWVhcicsXHJcbiAgSE9VUlNfTUlOVVRFUzogJ2hvdXJzTWludXRlcycsXHJcbiAgRlVMTF9EQVRFOiAnZnVsbERhdGUnLFxyXG4gIERBWV9NT05USF9ZRUFSOiAnZGF5TW9udGhZZWFyJ1xyXG59XHJcblxyXG4vKipcclxuICogRW51bSB1c2VkIHRvIHNldCB0aGUgZ3JvdXAgZXZlbnQgbG9naWNcclxuICovXHJcbmV4cG9ydCBlbnVtIE5neFRpbWVsaW5lRXZlbnRHcm91cCB7XHJcbiAgWUVBUiA9ICdZRUFSJyxcclxuICBNT05USF9ZRUFSID0gJ01PTlRIX1lFQVInLFxyXG4gIERBWV9NT05USF9ZRUFSID0gJ0RBWV9NT05USF9ZRUFSJ1xyXG59XHJcblxyXG5leHBvcnQgbGV0IGZpZWxkc1RvQWRkRXZlbnRHcm91cCA9IHtcclxuICBZRUFSOiBbJ2dldEZ1bGxZZWFyJ10sXHJcbiAgTU9OVEhfWUVBUjogWydnZXRGdWxsWWVhcicsICdnZXRNb250aCddLFxyXG4gIERBWV9NT05USF9ZRUFSOiBbJ2dldEZ1bGxZZWFyJywgJ2dldE1vbnRoJywgJ2dldERhdGUnXVxyXG59O1xyXG5cclxuZXhwb3J0IGxldCBwZXJpb2RLZXlEYXRlRm9ybWF0ID0ge1xyXG4gIFlFQVI6IE5neERhdGVGb3JtYXQuWUVBUixcclxuICBNT05USF9ZRUFSOiBOZ3hEYXRlRm9ybWF0Lk1PTlRIX1lFQVIsXHJcbiAgREFZX01PTlRIX1lFQVI6IE5neERhdGVGb3JtYXQuREFZX01PTlRIX1lFQVIsXHJcbn07XHJcblxyXG4vKipcclxuICogRW51bSB1c2VkIHRvIHNldCB0aGUgY2hhbmdlIHNpZGUgZXZlbnQgbG9naWNcclxuICovXHJcbmV4cG9ydCBlbnVtIE5neFRpbWVsaW5lRXZlbnRDaGFuZ2VTaWRlSW5Hcm91cCB7XHJcbiAgQUxMID0gJ0FMTCcsXHJcbiAgT05fRElGRkVSRU5UX0hNUyA9ICdPTl9ESUZGRVJFTlRfSE1TJyxcclxuICBPTl9ESUZGRVJFTlRfREFZID0gJ09OX0RJRkZFUkVOVF9EQVknLFxyXG4gIE9OX0RJRkZFUkVOVF9NT05USCA9ICdPTl9ESUZGRVJFTlRfTU9OVEgnXHJcbn1cclxuXHJcbmV4cG9ydCBsZXQgZmllbGRzVG9DaGVja0V2ZW50Q2hhbmdlU2lkZUluR3JvdXAgPSB7XHJcbiAgT05fRElGRkVSRU5UX01PTlRIOiBbJ2dldEZ1bGxZZWFyJywgJ2dldE1vbnRoJ10sXHJcbiAgT05fRElGRkVSRU5UX0RBWTogWydnZXRGdWxsWWVhcicsICdnZXRNb250aCcsICdnZXREYXRlJ10sXHJcbiAgT05fRElGRkVSRU5UX0hNUzogWydnZXRGdWxsWWVhcicsICdnZXRNb250aCcsICdnZXREYXRlJywgJ2dldEhvdXJzJywgJ2dldE1pbnV0ZXMnLCAnZ2V0U2Vjb25kcyddXHJcbn07XHJcbiJdfQ==
@@ -1,6 +0,0 @@
1
- export var NgxTimelineItemPosition;
2
- (function (NgxTimelineItemPosition) {
3
- NgxTimelineItemPosition["ON_LEFT"] = "ON_LEFT";
4
- NgxTimelineItemPosition["ON_RIGHT"] = "ON_RIGHT";
5
- })(NgxTimelineItemPosition || (NgxTimelineItemPosition = {}));
6
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmd4VGltZWxpbmVFdmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC10aW1lbGluZS9zcmMvbGliL21vZGVscy9OZ3hUaW1lbGluZUV2ZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCQSxNQUFNLENBQU4sSUFBWSx1QkFHWDtBQUhELFdBQVksdUJBQXVCO0lBQ2pDLDhDQUFtQixDQUFBO0lBQ25CLGdEQUFxQixDQUFBO0FBQ3ZCLENBQUMsRUFIVyx1QkFBdUIsS0FBdkIsdUJBQXVCLFFBR2xDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXHJcbiAqIEV2ZW50IHRvIGJlIHByb3ZpZGVkIGZyb20gb3V0c2lkZSB0aGUgdGltZWxpbmVcclxuICovXHJcbmV4cG9ydCBpbnRlcmZhY2UgTmd4VGltZWxpbmVFdmVudCB7XHJcbiAgdGltZXN0YW1wPzogRGF0ZTtcclxuICB0aXRsZT86IHN0cmluZztcclxuICBkZXNjcmlwdGlvbj86IHN0cmluZztcclxuICBpZD86IGFueTtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBOZ3hUaW1lbGluZVBlcmlvZEluZm8ge1xyXG4gIHBlcmlvZEtleT86IHN0cmluZztcclxuICB5ZWFyPzogbnVtYmVyO1xyXG4gIG1vbnRoPzogbnVtYmVyO1xyXG4gIGRheT86IG51bWJlcjtcclxuICBmaXJzdERhdGU/OiBhbnk7XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBJdGVtIHVzZWQgaW5zaWRlIHRoZSB0aW1lbGluZVxyXG4gKi9cclxuZXhwb3J0IGludGVyZmFjZSBOZ3hUaW1lbGluZUl0ZW0ge1xyXG4gIHR5cGU/OiBzdHJpbmc7XHJcbiAgcG9zaXRpb24/OiBOZ3hUaW1lbGluZUl0ZW1Qb3NpdGlvbi5PTl9MRUZUIHwgTmd4VGltZWxpbmVJdGVtUG9zaXRpb24uT05fUklHSFQ7XHJcbiAgcGVyaW9kSW5mbz86IE5neFRpbWVsaW5lUGVyaW9kSW5mbztcclxuICBldmVudEluZm8/OiBOZ3hUaW1lbGluZUV2ZW50O1xyXG59XHJcblxyXG5leHBvcnQgZW51bSBOZ3hUaW1lbGluZUl0ZW1Qb3NpdGlvbiB7XHJcbiAgT05fTEVGVCA9ICdPTl9MRUZUJyxcclxuICBPTl9SSUdIVCA9ICdPTl9SSUdIVCdcclxufVxyXG4iXX0=
@@ -1,23 +0,0 @@
1
- import { NgModule } from '@angular/core';
2
- import { NgxTimelineComponent } from './components/ngx-timeline.component';
3
- import { NgxTimelineEventComponent } from './components/ngx-timeline-event/ngx-timeline-event.component';
4
- import { CommonModule, registerLocaleData } from '@angular/common';
5
- import { NgxDatePipe } from './pipes/ngx-date-pipe';
6
- import localeIt from '@angular/common/locales/it';
7
- import localeFr from '@angular/common/locales/fr';
8
- import localeDe from '@angular/common/locales/de';
9
- import localeEs from '@angular/common/locales/es';
10
- registerLocaleData(localeIt);
11
- registerLocaleData(localeFr);
12
- registerLocaleData(localeDe);
13
- registerLocaleData(localeEs);
14
- export class NgxTimelineModule {
15
- }
16
- NgxTimelineModule.decorators = [
17
- { type: NgModule, args: [{
18
- declarations: [NgxTimelineComponent, NgxTimelineEventComponent, NgxDatePipe],
19
- imports: [CommonModule],
20
- exports: [NgxTimelineComponent, NgxDatePipe]
21
- },] }
22
- ];
23
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LXRpbWVsaW5lLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC10aW1lbGluZS9zcmMvbGliL25neC10aW1lbGluZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUMzRSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSw4REFBOEQsQ0FBQztBQUN6RyxPQUFPLEVBQUUsWUFBWSxFQUFFLGtCQUFrQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDbkUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3BELE9BQU8sUUFBUSxNQUFNLDRCQUE0QixDQUFDO0FBQ2xELE9BQU8sUUFBUSxNQUFNLDRCQUE0QixDQUFDO0FBQ2xELE9BQU8sUUFBUSxNQUFNLDRCQUE0QixDQUFDO0FBQ2xELE9BQU8sUUFBUSxNQUFNLDRCQUE0QixDQUFDO0FBRWxELGtCQUFrQixDQUFDLFFBQVEsQ0FBQyxDQUFDO0FBQzdCLGtCQUFrQixDQUFDLFFBQVEsQ0FBQyxDQUFDO0FBQzdCLGtCQUFrQixDQUFDLFFBQVEsQ0FBQyxDQUFDO0FBQzdCLGtCQUFrQixDQUFDLFFBQVEsQ0FBQyxDQUFDO0FBTzdCLE1BQU0sT0FBTyxpQkFBaUI7OztZQUw3QixRQUFRLFNBQUM7Z0JBQ1IsWUFBWSxFQUFFLENBQUMsb0JBQW9CLEVBQUUseUJBQXlCLEVBQUUsV0FBVyxDQUFDO2dCQUM1RSxPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7Z0JBQ3ZCLE9BQU8sRUFBRSxDQUFDLG9CQUFvQixFQUFFLFdBQVcsQ0FBQzthQUM3QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ3hUaW1lbGluZUNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9uZ3gtdGltZWxpbmUuY29tcG9uZW50JztcbmltcG9ydCB7IE5neFRpbWVsaW5lRXZlbnRDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvbmd4LXRpbWVsaW5lLWV2ZW50L25neC10aW1lbGluZS1ldmVudC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlLCByZWdpc3RlckxvY2FsZURhdGEgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmd4RGF0ZVBpcGUgfSBmcm9tICcuL3BpcGVzL25neC1kYXRlLXBpcGUnO1xuaW1wb3J0IGxvY2FsZUl0IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbi9sb2NhbGVzL2l0JztcbmltcG9ydCBsb2NhbGVGciBmcm9tICdAYW5ndWxhci9jb21tb24vbG9jYWxlcy9mcic7XG5pbXBvcnQgbG9jYWxlRGUgZnJvbSAnQGFuZ3VsYXIvY29tbW9uL2xvY2FsZXMvZGUnO1xuaW1wb3J0IGxvY2FsZUVzIGZyb20gJ0Bhbmd1bGFyL2NvbW1vbi9sb2NhbGVzL2VzJztcblxucmVnaXN0ZXJMb2NhbGVEYXRhKGxvY2FsZUl0KTtcbnJlZ2lzdGVyTG9jYWxlRGF0YShsb2NhbGVGcik7XG5yZWdpc3RlckxvY2FsZURhdGEobG9jYWxlRGUpO1xucmVnaXN0ZXJMb2NhbGVEYXRhKGxvY2FsZUVzKTtcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbTmd4VGltZWxpbmVDb21wb25lbnQsIE5neFRpbWVsaW5lRXZlbnRDb21wb25lbnQsIE5neERhdGVQaXBlXSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIGV4cG9ydHM6IFtOZ3hUaW1lbGluZUNvbXBvbmVudCwgTmd4RGF0ZVBpcGVdXG59KVxuZXhwb3J0IGNsYXNzIE5neFRpbWVsaW5lTW9kdWxlIHsgfVxuIl19
@@ -1,28 +0,0 @@
1
- import { DatePipe } from '@angular/common';
2
- import { Pipe } from '@angular/core';
3
- import { supportedLanguageCodes, fieldConfigDate, dateConfigMap } from '../models';
4
- export class NgxDatePipe {
5
- constructor() {
6
- }
7
- transform(date, dateFormat, langCode) {
8
- let transformedDate = null;
9
- if (date) {
10
- const objDate = this.getDateConfig(langCode);
11
- transformedDate = new DatePipe(objDate.code).transform(new Date(date), this.dateFormat(dateFormat, objDate));
12
- }
13
- return transformedDate;
14
- }
15
- dateFormat(dateFormat, configDate) {
16
- return configDate[fieldConfigDate[dateFormat]];
17
- }
18
- getDateConfig(langCode) {
19
- const code = langCode || supportedLanguageCodes[0];
20
- const configDate = dateConfigMap[code] || dateConfigMap[supportedLanguageCodes[0]];
21
- return configDate;
22
- }
23
- }
24
- NgxDatePipe.decorators = [
25
- { type: Pipe, args: [{ name: 'ngxdate', pure: false },] }
26
- ];
27
- NgxDatePipe.ctorParameters = () => [];
28
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LWRhdGUtcGlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC10aW1lbGluZS9zcmMvbGliL3BpcGVzL25neC1kYXRlLXBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzNDLE9BQU8sRUFBRSxJQUFJLEVBQWlCLE1BQU0sZUFBZSxDQUFDO0FBQ3BELE9BQU8sRUFBK0Msc0JBQXNCLEVBQUUsZUFBZSxFQUFFLGFBQWEsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUdoSSxNQUFNLE9BQU8sV0FBVztJQUV0QjtJQUNBLENBQUM7SUFFRCxTQUFTLENBQUMsSUFBbUIsRUFBRSxVQUFtQixFQUFFLFFBQWlCO1FBQ25FLElBQUksZUFBZSxHQUFHLElBQUksQ0FBQztRQUMzQixJQUFJLElBQUksRUFBRTtZQUNSLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLENBQUM7WUFDN0MsZUFBZSxHQUFHLElBQUksUUFBUSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxTQUFTLENBQUMsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxVQUFVLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQztTQUM5RztRQUNELE9BQU8sZUFBZSxDQUFDO0lBQ3pCLENBQUM7SUFFTyxVQUFVLENBQUMsVUFBa0IsRUFBRSxVQUF5QjtRQUM5RCxPQUFPLFVBQVUsQ0FBQyxlQUFlLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQztJQUNqRCxDQUFDO0lBRU8sYUFBYSxDQUFDLFFBQWdCO1FBQ3BDLE1BQU0sSUFBSSxHQUFHLFFBQVEsSUFBSSxzQkFBc0IsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNuRCxNQUFNLFVBQVUsR0FBRyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksYUFBYSxDQUFDLHNCQUFzQixDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDbkYsT0FBTyxVQUFVLENBQUM7SUFDcEIsQ0FBQzs7O1lBdkJGLElBQUksU0FBQyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERhdGVQaXBlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgUGlwZSwgUGlwZVRyYW5zZm9ybSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBOZ3hDb25maWdEYXRlLCBOZ3hEYXRlT2JqTWFwLCBOZ3hEYXRlRm9ybWF0LCBzdXBwb3J0ZWRMYW5ndWFnZUNvZGVzLCBmaWVsZENvbmZpZ0RhdGUsIGRhdGVDb25maWdNYXAgfSBmcm9tICcuLi9tb2RlbHMnO1xyXG5cclxuQFBpcGUoeyBuYW1lOiAnbmd4ZGF0ZScsIHB1cmU6IGZhbHNlIH0pXHJcbmV4cG9ydCBjbGFzcyBOZ3hEYXRlUGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHtcclxuICB9XHJcblxyXG4gIHRyYW5zZm9ybShkYXRlOiBEYXRlIHwgc3RyaW5nLCBkYXRlRm9ybWF0Pzogc3RyaW5nLCBsYW5nQ29kZT86IHN0cmluZyk6IHN0cmluZyB7XHJcbiAgICBsZXQgdHJhbnNmb3JtZWREYXRlID0gbnVsbDtcclxuICAgIGlmIChkYXRlKSB7XHJcbiAgICAgIGNvbnN0IG9iakRhdGUgPSB0aGlzLmdldERhdGVDb25maWcobGFuZ0NvZGUpO1xyXG4gICAgICB0cmFuc2Zvcm1lZERhdGUgPSBuZXcgRGF0ZVBpcGUob2JqRGF0ZS5jb2RlKS50cmFuc2Zvcm0obmV3IERhdGUoZGF0ZSksIHRoaXMuZGF0ZUZvcm1hdChkYXRlRm9ybWF0LCBvYmpEYXRlKSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gdHJhbnNmb3JtZWREYXRlO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBkYXRlRm9ybWF0KGRhdGVGb3JtYXQ6IHN0cmluZywgY29uZmlnRGF0ZTogTmd4Q29uZmlnRGF0ZSk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gY29uZmlnRGF0ZVtmaWVsZENvbmZpZ0RhdGVbZGF0ZUZvcm1hdF1dO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBnZXREYXRlQ29uZmlnKGxhbmdDb2RlOiBzdHJpbmcpOiBOZ3hDb25maWdEYXRlIHtcclxuICAgIGNvbnN0IGNvZGUgPSBsYW5nQ29kZSB8fCBzdXBwb3J0ZWRMYW5ndWFnZUNvZGVzWzBdO1xyXG4gICAgY29uc3QgY29uZmlnRGF0ZSA9IGRhdGVDb25maWdNYXBbY29kZV0gfHwgZGF0ZUNvbmZpZ01hcFtzdXBwb3J0ZWRMYW5ndWFnZUNvZGVzWzBdXTtcclxuICAgIHJldHVybiBjb25maWdEYXRlO1xyXG4gIH1cclxufVxyXG4iXX0=
@@ -1,350 +0,0 @@
1
- import { Component, Input, Output, Pipe, NgModule } from '@angular/core';
2
- import { BehaviorSubject } from 'rxjs';
3
- import { DatePipe, registerLocaleData, CommonModule } from '@angular/common';
4
- import localeIt from '@angular/common/locales/it';
5
- import localeFr from '@angular/common/locales/fr';
6
- import localeDe from '@angular/common/locales/de';
7
- import localeEs from '@angular/common/locales/es';
8
-
9
- let supportedLanguageCodes = ['en', 'it', 'fr', 'de', 'es'];
10
- let dateConfigMap = {
11
- en: {
12
- code: 'en-US',
13
- fullDate: 'MM/dd/yyyy h:mm a',
14
- dayMonthYear: 'dd MMMM yyyy',
15
- monthYear: 'MMMM yyyy',
16
- year: 'yyyy',
17
- hoursMinutes: 'hh:mm a'
18
- },
19
- it: {
20
- code: 'it-IT',
21
- fullDate: 'dd/MM/yyyy H:mm',
22
- dayMonthYear: 'dd MMMM yyyy',
23
- monthYear: 'MMMM yyyy',
24
- year: 'yyyy',
25
- hoursMinutes: 'HH:mm'
26
- },
27
- fr: {
28
- code: 'fr-FR',
29
- fullDate: 'dd/MM/yyyy H:mm',
30
- dayMonthYear: 'dd MMMM yyyy',
31
- monthYear: 'MMMM yyyy',
32
- year: 'yyyy',
33
- hoursMinutes: 'HH:mm'
34
- },
35
- de: {
36
- code: 'de',
37
- fullDate: 'dd/MM/yyyy H:mm',
38
- dayMonthYear: 'dd MMMM yyyy',
39
- monthYear: 'MMMM yyyy',
40
- year: 'yyyy',
41
- hoursMinutes: 'HH:mm'
42
- },
43
- es: {
44
- code: 'es',
45
- fullDate: 'dd/MM/yyyy H:mm',
46
- dayMonthYear: 'dd MMMM yyyy',
47
- monthYear: 'MMMM yyyy',
48
- year: 'yyyy',
49
- hoursMinutes: 'HH:mm'
50
- }
51
- };
52
- var NgxDateFormat;
53
- (function (NgxDateFormat) {
54
- NgxDateFormat["DAY_MONTH_YEAR"] = "DAY_MONTH_YEAR";
55
- NgxDateFormat["FULL_DATE"] = "FULL_DATE";
56
- NgxDateFormat["MONTH_YEAR"] = "MONTH_YEAR";
57
- NgxDateFormat["HOURS_MINUTES"] = "HOURS_MINUTES";
58
- NgxDateFormat["YEAR"] = "YEAR";
59
- })(NgxDateFormat || (NgxDateFormat = {}));
60
- let fieldConfigDate = {
61
- MONTH_YEAR: 'monthYear',
62
- YEAR: 'year',
63
- HOURS_MINUTES: 'hoursMinutes',
64
- FULL_DATE: 'fullDate',
65
- DAY_MONTH_YEAR: 'dayMonthYear'
66
- };
67
- /**
68
- * Enum used to set the group event logic
69
- */
70
- var NgxTimelineEventGroup;
71
- (function (NgxTimelineEventGroup) {
72
- NgxTimelineEventGroup["YEAR"] = "YEAR";
73
- NgxTimelineEventGroup["MONTH_YEAR"] = "MONTH_YEAR";
74
- NgxTimelineEventGroup["DAY_MONTH_YEAR"] = "DAY_MONTH_YEAR";
75
- })(NgxTimelineEventGroup || (NgxTimelineEventGroup = {}));
76
- let fieldsToAddEventGroup = {
77
- YEAR: ['getFullYear'],
78
- MONTH_YEAR: ['getFullYear', 'getMonth'],
79
- DAY_MONTH_YEAR: ['getFullYear', 'getMonth', 'getDate']
80
- };
81
- let periodKeyDateFormat = {
82
- YEAR: NgxDateFormat.YEAR,
83
- MONTH_YEAR: NgxDateFormat.MONTH_YEAR,
84
- DAY_MONTH_YEAR: NgxDateFormat.DAY_MONTH_YEAR,
85
- };
86
- /**
87
- * Enum used to set the change side event logic
88
- */
89
- var NgxTimelineEventChangeSideInGroup;
90
- (function (NgxTimelineEventChangeSideInGroup) {
91
- NgxTimelineEventChangeSideInGroup["ALL"] = "ALL";
92
- NgxTimelineEventChangeSideInGroup["ON_DIFFERENT_HMS"] = "ON_DIFFERENT_HMS";
93
- NgxTimelineEventChangeSideInGroup["ON_DIFFERENT_DAY"] = "ON_DIFFERENT_DAY";
94
- NgxTimelineEventChangeSideInGroup["ON_DIFFERENT_MONTH"] = "ON_DIFFERENT_MONTH";
95
- })(NgxTimelineEventChangeSideInGroup || (NgxTimelineEventChangeSideInGroup = {}));
96
- let fieldsToCheckEventChangeSideInGroup = {
97
- ON_DIFFERENT_MONTH: ['getFullYear', 'getMonth'],
98
- ON_DIFFERENT_DAY: ['getFullYear', 'getMonth', 'getDate'],
99
- ON_DIFFERENT_HMS: ['getFullYear', 'getMonth', 'getDate', 'getHours', 'getMinutes', 'getSeconds']
100
- };
101
-
102
- var NgxTimelineItemPosition;
103
- (function (NgxTimelineItemPosition) {
104
- NgxTimelineItemPosition["ON_LEFT"] = "ON_LEFT";
105
- NgxTimelineItemPosition["ON_RIGHT"] = "ON_RIGHT";
106
- })(NgxTimelineItemPosition || (NgxTimelineItemPosition = {}));
107
-
108
- class NgxTimelineComponent {
109
- constructor() {
110
- /**
111
- * Boolean used to enable or disable the animations
112
- */
113
- this.enableAnimation = true;
114
- /**
115
- * Logic to be applied in order to group events
116
- */
117
- this.groupEvent = NgxTimelineEventGroup.MONTH_YEAR;
118
- /**
119
- * Logic to be applied in order to put evetns on LEFT or RIGHT
120
- */
121
- this.changeSideInGroup = NgxTimelineEventChangeSideInGroup.ON_DIFFERENT_DAY;
122
- /**
123
- * Output click event emitter
124
- */
125
- this.clickEmitter = new BehaviorSubject(null);
126
- this.groups = {};
127
- this.periods = [];
128
- this.items = [];
129
- this.ngxTimelineItemPosition = NgxTimelineItemPosition;
130
- this.ngxDateFormat = NgxDateFormat;
131
- this.separator = '/';
132
- }
133
- ngOnInit() {
134
- this.groupEvents(this.events);
135
- }
136
- ngOnChanges(changes) {
137
- this.groupEvents(this.events);
138
- }
139
- getPeriodKeyDateFormat() {
140
- return periodKeyDateFormat[this.groupEvent];
141
- }
142
- clear() {
143
- this.groups = {};
144
- this.periods = [];
145
- this.items = [];
146
- }
147
- groupEvents(events) {
148
- if (events) {
149
- this.clear();
150
- this.sortEvents(events);
151
- this.setGroups(events);
152
- this.setPeriods();
153
- this.setItems();
154
- }
155
- }
156
- sortEvents(events) {
157
- events.sort((a, b) => a.timestamp.getTime() - b.timestamp.getTime());
158
- }
159
- setGroups(events) {
160
- events.forEach((event) => {
161
- // conversion from string to actual Date
162
- event.timestamp = new Date(event.timestamp);
163
- const periodKey = this.getPeriodKeyFromEvent(event);
164
- if (!this.groups[periodKey]) {
165
- this.groups[periodKey] = [];
166
- }
167
- this.groups[periodKey].push(event);
168
- });
169
- }
170
- setItems() {
171
- this.periods.forEach((p) => {
172
- // insert first the period
173
- this.items.push(p);
174
- // in each period putting items on left
175
- const onLeft = true;
176
- const periodInfo = p.periodInfo;
177
- // insert then all the events in this period
178
- this.addPeriodEvents(periodInfo, onLeft);
179
- // onLeft = this.addEventItemsAndGetIfOnLeft(periodInfo, onLeft);
180
- });
181
- }
182
- addPeriodEvents(periodInfo, onLeft) {
183
- this.groups[periodInfo.periodKey].forEach((event, index) => {
184
- const prevEvent = this.groups[periodInfo.periodKey][index - 1];
185
- if (index > 0 && this.compareEvents(prevEvent, event)) {
186
- onLeft = !onLeft;
187
- }
188
- this.pushEventOnItems(event, onLeft);
189
- });
190
- // return onLeft;
191
- }
192
- pushEventOnItems(event, onLeft) {
193
- this.items.push({
194
- eventInfo: Object.assign({}, event),
195
- position: onLeft ?
196
- this.ngxTimelineItemPosition.ON_LEFT : this.ngxTimelineItemPosition.ON_RIGHT
197
- });
198
- }
199
- /**
200
- * Compare the events inside the same group
201
- */
202
- compareEvents(prevEvent, event) {
203
- return this.changeSideInGroup === NgxTimelineEventChangeSideInGroup.ALL ||
204
- this.compareEventsField(prevEvent, event, ...fieldsToCheckEventChangeSideInGroup[this.changeSideInGroup]);
205
- }
206
- compareEventsField(prevEvent, event, ...fields) {
207
- return fields.reduce((res, field) => res = res || prevEvent.timestamp[field]() !== event.timestamp[field](), !!false);
208
- }
209
- setPeriods() {
210
- this.periods = Object.keys(this.groups).map((periodKey) => {
211
- const split = periodKey.split(this.separator);
212
- return this.getPeriodInfo(split, periodKey);
213
- });
214
- }
215
- getPeriodInfo(split, periodKey) {
216
- return {
217
- periodInfo: {
218
- year: Number(split[0]),
219
- month: Number(split[1]),
220
- day: Number(split[2]),
221
- periodKey,
222
- firstDate: this.groups[periodKey][0].timestamp,
223
- },
224
- };
225
- }
226
- getPeriodKeyFromEvent(event) {
227
- return fieldsToAddEventGroup[this.groupEvent].map(field => event.timestamp[field]()).join(this.separator);
228
- }
229
- }
230
- NgxTimelineComponent.decorators = [
231
- { type: Component, args: [{
232
- selector: 'ngx-timeline',
233
- template: "<div class=\"main-container\">\r\n <div class=\"items-container\">\r\n <div *ngFor=\"let item of items; let index = index;\" class=\"row\">\r\n <!-- DESKTOP -->\r\n <div class=\"col col-left desktop\" [ngClass]=\"item.periodInfo ? 'col-period' : 'col-event'\">\r\n <div class=\"event-outer-container\" *ngIf=\"item.eventInfo && item.position === ngxTimelineItemPosition.ON_LEFT\">\r\n <ng-container *ngTemplateOutlet=\"eventCustomTemplate || eventTemplate; context: {event: item, colSidePosition: ngxTimelineItemPosition.ON_LEFT}\"></ng-container>\r\n </div>\r\n <div class=\"hour left\" *ngIf=\"item.eventInfo && item.position === ngxTimelineItemPosition.ON_RIGHT\">\r\n <ng-container *ngTemplateOutlet=\"dateInstantCustomTemplate || dateInstantTemplate; context: {item: item.eventInfo}\" ></ng-container>\r\n </div>\r\n </div>\r\n\r\n <div class=\"col col-center desktop\" [ngClass]=\"item.periodInfo ? 'col-period' : 'col-event'\">\r\n <div class=\"center-inner\" *ngIf=\"item.periodInfo\">\r\n <ng-container *ngTemplateOutlet=\"periodCustomTemplate || periodTemplate; context: {period: item.periodInfo, index: index}\"></ng-container>\r\n </div>\r\n <div class=\"center-inner no-period-key\" *ngIf=\"!item.periodInfo\">\r\n <ng-container *ngTemplateOutlet=\"centerLinesIconTemplate; context: {index: index}\"></ng-container>\r\n </div>\r\n </div>\r\n\r\n <div class=\"col col-right desktop\" [ngClass]=\"item.periodInfo ? 'col-period' : 'col-event'\">\r\n <div class=\"event-outer-container\" *ngIf=\"item.eventInfo && item.position === ngxTimelineItemPosition.ON_RIGHT\">\r\n <ng-container *ngTemplateOutlet=\"eventCustomTemplate || eventTemplate; context: {event: item, colSidePosition: ngxTimelineItemPosition.ON_RIGHT}\"></ng-container>\r\n </div>\r\n <div class=\"hour right\" *ngIf=\"item.eventInfo && item.position === ngxTimelineItemPosition.ON_LEFT\">\r\n <ng-container *ngTemplateOutlet=\"dateInstantCustomTemplate || dateInstantTemplate; context: {item: item.eventInfo}\" ></ng-container>\r\n </div>\r\n </div>\r\n\r\n <!-- MOBILE -->\r\n <div class=\"col col-left mobile\" [ngClass]=\"item.periodInfo ? 'col-period' : 'col-event'\">\r\n <div class=\"hour left\" *ngIf=\"item.eventInfo\">\r\n <div class=\"hour-inner-container\">\r\n <ng-container *ngTemplateOutlet=\"dateInstantCustomTemplate || dateInstantTemplate; context: {item: item.eventInfo}\" ></ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"col col-center mobile\" [ngClass]=\"item.periodInfo ? 'col-period' : 'col-event'\">\r\n <div class=\"center-inner\" *ngIf=\"item.periodInfo;\">\r\n <ng-container *ngTemplateOutlet=\"periodCustomTemplate || periodTemplate; context: {period: item.periodInfo, index: index}\"></ng-container>\r\n </div>\r\n <div class=\"center-inner no-period-key\" *ngIf=\"!item.periodInfo;\">\r\n <ng-container *ngTemplateOutlet=\"centerLinesIconTemplate;context: {index: index}\"></ng-container>\r\n </div>\r\n </div>\r\n\r\n <div class=\"col col-right mobile\" [ngClass]=\"item.periodInfo ? 'col-period' : 'col-event'\">\r\n <div class=\"event-outer-container\" *ngIf=\"item.eventInfo\">\r\n <ng-container *ngTemplateOutlet=\"eventCustomTemplate || eventTemplate; context: {event: item, colSidePosition: ngxTimelineItemPosition.ON_RIGHT}\"></ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n\r\n<ng-template #centerLinesIconTemplate let-index=index>\r\n <div class=\"line\"></div>\r\n <ng-container *ngTemplateOutlet=\"centerIconCustomTemplate || centerIconTemplate\"></ng-container>\r\n <div [ngClass]=\"{'transparent last-line': index === items.length - 1}\" class=\"line\"></div>\r\n</ng-template>\r\n\r\n<ng-template #centerIconTemplate>\r\n <div class=\"center-icon-container\">\r\n <div class=\"icon\"></div>\r\n </div>\r\n</ng-template>\r\n\r\n<ng-template #dateInstantTemplate let-item=item>\r\n <span>\r\n {{item?.timestamp | ngxdate : ngxDateFormat.HOURS_MINUTES : langCode}}\r\n </span>\r\n</ng-template>\r\n\r\n<ng-template #periodTemplate let-period=period let-index=index>\r\n <div [ngClass]=\"{'transparent first-line': !index}\" class=\"line\"></div>\r\n <div class=\"period-container\">\r\n <div class=\"period-inner-container\">\r\n <span>{{period?.firstDate | ngxdate : getPeriodKeyDateFormat() : langCode}}</span>\r\n </div>\r\n </div>\r\n <div class=\"line\"></div>\r\n</ng-template>\r\n\r\n<ng-template #eventTemplate let-event=event let-colSidePosition=colSidePosition>\r\n <ngx-timeline-event\r\n [event]=\"event\"\r\n [langCode]=\"langCode\"\r\n [enableAnimation]=\"enableAnimation\"\r\n [innerEventCustomTemplate]=\"innerEventCustomTemplate\"\r\n [colSidePosition]=\"colSidePosition\"\r\n (clickEmitter)=\"clickEmitter.next($event)\">\r\n </ngx-timeline-event>\r\n</ng-template>\r\n\r\n",
234
- styles: [".main-container{display:flex;justify-content:center;width:100%}.items-container{padding:1rem 0;min-width:max(20rem,100%)}.row{display:flex;flex-wrap:wrap}.row>[class*=col-]{display:flex;flex-direction:column;justify-content:center}.col-left{align-items:flex-end}.col-left,.col-right{padding:0;flex:49 49 0}.col-right{align-items:flex-start}.col-center{min-height:6rem;padding:0;flex:2 2 0}.center-inner{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.center-inner .line{min-height:50%;max-height:50%;height:50%;background:#464646;width:.1rem}.center-inner .line.transparent{background:transparent}.period-container{background:orange;color:#fff;margin:0;padding:.2rem .5rem}.period-container .period-inner-container{width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:.2rem .5rem;z-index:10}.center-icon-container{padding:.8rem 0;display:flex;justify-content:center;align-items:center;position:absolute;height:10px;width:10px;background:#fff}.center-icon-container .icon{height:1rem;width:1rem;border-radius:50%;background:orange;margin:0;position:absolute}.event-outer-container{margin:0 .5rem;width:100%}.hour{padding:.5rem;background:none;display:flex;justify-content:center;align-items:center}.hour.right{justify-content:flex-start}.hour.left{justify-content:flex-end}.hour .hour-inner-container{margin:0}.desktop{display:flex!important}.mobile{display:none!important}@media (max-width:900px){.desktop{display:none!important}.mobile{display:flex!important}.event-outer-container{margin:.5rem .3rem}.col-left{align-items:flex-start}.col-left .hour{font-size:12px;padding:0;margin-right:.3rem}.col-left.col-period{flex:18 18 0}.col-left.col-event{flex:18 18 0;padding:0;align-items:flex-end}.col-right{align-items:flex-start}.col-right.col-period{flex:77 77 0}.col-right.col-event{flex:77 77 0;padding:0}.col-center{min-height:6rem;justify-content:center;margin:0}.col-center.col-period{flex:5 5 0;min-height:3rem}.col-center.col-event{flex:5 5 0}.center-inner,.period-container{align-items:center}.period-container{min-height:20%;height:20%;max-height:20%;background:transparent;display:flex;justify-content:center;border-radius:6px}.period-container .period-inner-container{position:absolute;background:orange;color:#fff;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:.2rem .5rem;z-index:10}.center-icon-container{align-items:center;justify-content:center}.center-icon-container .icon{height:1rem;width:1rem;position:absolute}}"]
235
- },] }
236
- ];
237
- NgxTimelineComponent.ctorParameters = () => [];
238
- NgxTimelineComponent.propDecorators = {
239
- events: [{ type: Input }],
240
- langCode: [{ type: Input }],
241
- enableAnimation: [{ type: Input }],
242
- groupEvent: [{ type: Input }],
243
- changeSideInGroup: [{ type: Input }],
244
- periodCustomTemplate: [{ type: Input }],
245
- eventCustomTemplate: [{ type: Input }],
246
- centerIconCustomTemplate: [{ type: Input }],
247
- dateInstantCustomTemplate: [{ type: Input }],
248
- innerEventCustomTemplate: [{ type: Input }],
249
- clickEmitter: [{ type: Output }]
250
- };
251
-
252
- class NgxTimelineEventComponent {
253
- constructor() {
254
- /**
255
- * Boolean used to enable or disable the animations
256
- */
257
- this.enableAnimation = true;
258
- /**
259
- * Output click event emitter
260
- */
261
- this.clickEmitter = new BehaviorSubject(null);
262
- this.ngxTimelineItemPosition = NgxTimelineItemPosition;
263
- this.monthAbbr = 'MMM';
264
- this.dayFormat = 'dd';
265
- }
266
- getDateObj() {
267
- var _a, _b;
268
- let day;
269
- let month;
270
- let year;
271
- const dateTimestamp = (_b = (_a = this.event) === null || _a === void 0 ? void 0 : _a.eventInfo) === null || _b === void 0 ? void 0 : _b.timestamp;
272
- if (dateTimestamp) {
273
- const timestamp = new Date(dateTimestamp);
274
- const langCode = this.getLangCode();
275
- month = new DatePipe(langCode).transform(timestamp, this.monthAbbr);
276
- day = new DatePipe(langCode).transform(timestamp, this.dayFormat);
277
- year = timestamp.getFullYear();
278
- }
279
- return { day, month, year };
280
- }
281
- getLangCode() {
282
- return this.langCode && supportedLanguageCodes.includes(this.langCode) ? this.langCode : supportedLanguageCodes[0];
283
- }
284
- }
285
- NgxTimelineEventComponent.decorators = [
286
- { type: Component, args: [{
287
- selector: 'ngx-timeline-event',
288
- template: "<div class=\"event-wrapper-container\" (click)=\"clickEmitter.next(event)\">\n <div *ngIf=\"colSidePosition===ngxTimelineItemPosition.ON_RIGHT\" class=\"arrow left\"></div>\n <div class=\"event\" [ngClass]=\"{'enableAnimation': enableAnimation}\">\n <ng-container *ngTemplateOutlet=\"innerEventCustomTemplate || innerEventContainer; context: {event: event}\">\n </ng-container>\n </div>\n <div *ngIf=\"colSidePosition===ngxTimelineItemPosition.ON_LEFT\" class=\"arrow right\"></div>\n</div>\n\n<ng-template #innerEventContainer let-event=event>\n <div class=\"event-container\" [ngClass]=\"{'reverse': colSidePosition === ngxTimelineItemPosition.ON_LEFT}\">\n <div class=\"event-info-container\">\n <div class=\"event-info-header\">\n <div class=\"title-container\">{{event?.eventInfo?.title | titlecase}}</div>\n </div>\n <div class=\"event-info-body\">\n <p class=\"event-info-description\">{{event?.eventInfo?.description}}</p>\n </div>\n </div>\n\n <div class=\"event-divider-container\">\n <hr/>\n </div>\n\n <div class=\"event-date-container\" *ngIf=\"getDateObj() as dateObj\">\n <div>\n <p>{{dateObj?.month}}</p>\n </div>\n <div>\n <p class=\"day\">{{dateObj?.day}}</p>\n </div>\n <div>\n <p>{{dateObj?.year}}</p>\n </div>\n </div>\n </div>\n</ng-template>\n",
289
- styles: [".event-wrapper-container{display:flex;justify-content:center;align-items:center;cursor:pointer}.arrow{width:0;height:0;border-top:.5rem solid transparent;border-bottom:.5rem solid transparent;border-radius:6px;z-index:10}.arrow.right{filter:drop-shadow(2px 0 0 #244a6e22);border-left:.5rem solid #fff}.arrow.left{filter:drop-shadow(-1px 0 0 #244a6e22);border-right:.5rem solid #fff}.event{background:#fff;border-radius:.8rem;padding:1rem;width:100%;margin:1rem 0}.event.enableAnimation:hover{padding:2rem;transition:all .5s ease-in-out}.event.enableAnimation:not(:hover){padding:1rem;transition:all .5s ease-in-out}.event:not(.hour){background:#fff 0 0 no-repeat padding-box;box-shadow:0 3px 6px rgba(36,74,110,.3215686274509804)}.event.hour{padding:.5rem;background:none;display:flex;justify-content:center;align-items:center}.event.hour.right{justify-content:flex-start}.event.hour.left{justify-content:flex-end}.event .hour-inner-container{margin:0}.event-container{display:flex}.event-container.reverse{flex-direction:row-reverse}.event-container .event-info-container{display:flex;flex-direction:column;align-items:flex-start;padding:.1rem;flex:88 88 0}.event-container .event-info-container .event-info-header{display:flex;align-items:center;width:100%}.event-container .event-info-container .event-info-header .icon-container{margin-right:.3rem}.event-container .event-info-container .event-info-header .icon-container nb-icon{color:orange;width:1.5rem;height:1.5rem;margin-bottom:.1rem}.event-container .event-info-container .event-info-header .title-container{font-weight:700;font-size:15px}.event-container .event-info-container .event-info-body{padding:.5rem 0;display:flex;flex-direction:column;justify-content:flex-start;overflow-wrap:anywhere}.event-container .event-info-container .event-info-body .event-info-description{margin-bottom:.5rem;font-size:13px}.event-container .event-info-container .event-info-body .category-container,.event-container .event-info-container .event-info-body .expiration-container{display:flex;font-size:13px;justify-content:flex-start;align-items:center}.event-container .event-info-container .event-info-body .category-container p,.event-container .event-info-container .event-info-body .expiration-container p{font-size:13px;margin:0}.event-container .event-info-container .event-info-body .category-container .category-label,.event-container .event-info-container .event-info-body .category-container .expiration-label,.event-container .event-info-container .event-info-body .expiration-container .category-label,.event-container .event-info-container .event-info-body .expiration-container .expiration-label{margin-right:.5rem}.event-container .event-info-container .event-info-body .category-container .category-value,.event-container .event-info-container .event-info-body .category-container .expiration-value,.event-container .event-info-container .event-info-body .expiration-container .category-value,.event-container .event-info-container .event-info-body .expiration-container .expiration-value{font-weight:700}.event-container .event-info-container .event-info-footer{font-size:15px;cursor:pointer;padding-top:1rem}.event-container .event-info-container .event-info-footer .footer-inner-container{display:flex;justify-content:flex-start;align-items:flex-end}.event-container .event-info-container .event-info-footer .footer-inner-container nb-icon{color:#006cb4;width:1rem;height:1rem;margin-bottom:.1rem}.event-container .event-info-container .event-info-footer p{margin:0;color:#006cb4}.event-container .event-divider-container{display:flex;justify-content:center;align-items:center;padding:.1rem;flex:5 5 0}.event-container .event-divider-container hr{height:100%;width:1px;background:#e9e9e9}.event-container .event-date-container{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:.1rem;flex:15 15 0}.event-container .event-date-container p{margin:0;text-align:center}.event-container .event-date-container p.day{font-size:32px;font-weight:700;padding:.5rem 0}"]
290
- },] }
291
- ];
292
- NgxTimelineEventComponent.ctorParameters = () => [];
293
- NgxTimelineEventComponent.propDecorators = {
294
- event: [{ type: Input }],
295
- colSidePosition: [{ type: Input }],
296
- langCode: [{ type: Input }],
297
- innerEventCustomTemplate: [{ type: Input }],
298
- enableAnimation: [{ type: Input }],
299
- clickEmitter: [{ type: Output }]
300
- };
301
-
302
- class NgxDatePipe {
303
- constructor() {
304
- }
305
- transform(date, dateFormat, langCode) {
306
- let transformedDate = null;
307
- if (date) {
308
- const objDate = this.getDateConfig(langCode);
309
- transformedDate = new DatePipe(objDate.code).transform(new Date(date), this.dateFormat(dateFormat, objDate));
310
- }
311
- return transformedDate;
312
- }
313
- dateFormat(dateFormat, configDate) {
314
- return configDate[fieldConfigDate[dateFormat]];
315
- }
316
- getDateConfig(langCode) {
317
- const code = langCode || supportedLanguageCodes[0];
318
- const configDate = dateConfigMap[code] || dateConfigMap[supportedLanguageCodes[0]];
319
- return configDate;
320
- }
321
- }
322
- NgxDatePipe.decorators = [
323
- { type: Pipe, args: [{ name: 'ngxdate', pure: false },] }
324
- ];
325
- NgxDatePipe.ctorParameters = () => [];
326
-
327
- registerLocaleData(localeIt);
328
- registerLocaleData(localeFr);
329
- registerLocaleData(localeDe);
330
- registerLocaleData(localeEs);
331
- class NgxTimelineModule {
332
- }
333
- NgxTimelineModule.decorators = [
334
- { type: NgModule, args: [{
335
- declarations: [NgxTimelineComponent, NgxTimelineEventComponent, NgxDatePipe],
336
- imports: [CommonModule],
337
- exports: [NgxTimelineComponent, NgxDatePipe]
338
- },] }
339
- ];
340
-
341
- /*
342
- * Public API Surface of ngx-timeline
343
- */
344
-
345
- /**
346
- * Generated bundle index. Do not edit.
347
- */
348
-
349
- export { NgxDateFormat, NgxDatePipe, NgxTimelineComponent, NgxTimelineEventChangeSideInGroup, NgxTimelineEventComponent, NgxTimelineEventGroup, NgxTimelineItemPosition, NgxTimelineModule, dateConfigMap, fieldConfigDate, fieldsToAddEventGroup, fieldsToCheckEventChangeSideInGroup, periodKeyDateFormat, supportedLanguageCodes, NgxTimelineComponent as ɵa, NgxTimelineEventComponent as ɵb, NgxDatePipe as ɵc };
350
- //# sourceMappingURL=frxjs-ngx-timeline.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"frxjs-ngx-timeline.js","sources":["../../../projects/ngx-timeline/src/lib/models/NgxConfigObj.ts","../../../projects/ngx-timeline/src/lib/models/NgxTimelineEvent.ts","../../../projects/ngx-timeline/src/lib/components/ngx-timeline.component.ts","../../../projects/ngx-timeline/src/lib/components/ngx-timeline-event/ngx-timeline-event.component.ts","../../../projects/ngx-timeline/src/lib/pipes/ngx-date-pipe.ts","../../../projects/ngx-timeline/src/lib/ngx-timeline.module.ts","../../../projects/ngx-timeline/src/public-api.ts","../../../projects/ngx-timeline/src/frxjs-ngx-timeline.ts"],"sourcesContent":["export let supportedLanguageCodes = ['en', 'it', 'fr', 'de', 'es'];\r\n\r\nexport interface NgxConfigDate {\r\n code: string;\r\n dayMonthYear: string;\r\n fullDate: string;\r\n hoursMinutes: string;\r\n monthYear: string;\r\n year: string;\r\n}\r\n\r\nexport interface NgxDateObjMap {\r\n [key: string]: NgxConfigDate;\r\n}\r\n\r\nexport let dateConfigMap: NgxDateObjMap = {\r\n en: {\r\n code: 'en-US',\r\n fullDate: 'MM/dd/yyyy h:mm a',\r\n dayMonthYear: 'dd MMMM yyyy',\r\n monthYear: 'MMMM yyyy',\r\n year: 'yyyy',\r\n hoursMinutes: 'hh:mm a'\r\n },\r\n it: {\r\n code: 'it-IT',\r\n fullDate: 'dd/MM/yyyy H:mm',\r\n dayMonthYear: 'dd MMMM yyyy',\r\n monthYear: 'MMMM yyyy',\r\n year: 'yyyy',\r\n hoursMinutes: 'HH:mm'\r\n },\r\n fr: {\r\n code: 'fr-FR',\r\n fullDate: 'dd/MM/yyyy H:mm',\r\n dayMonthYear: 'dd MMMM yyyy',\r\n monthYear: 'MMMM yyyy',\r\n year: 'yyyy',\r\n hoursMinutes: 'HH:mm'\r\n },\r\n de: {\r\n code: 'de',\r\n fullDate: 'dd/MM/yyyy H:mm',\r\n dayMonthYear: 'dd MMMM yyyy',\r\n monthYear: 'MMMM yyyy',\r\n year: 'yyyy',\r\n hoursMinutes: 'HH:mm'\r\n },\r\n es: {\r\n code: 'es',\r\n fullDate: 'dd/MM/yyyy H:mm',\r\n dayMonthYear: 'dd MMMM yyyy',\r\n monthYear: 'MMMM yyyy',\r\n year: 'yyyy',\r\n hoursMinutes: 'HH:mm'\r\n }\r\n};\r\n\r\nexport enum NgxDateFormat {\r\n DAY_MONTH_YEAR = 'DAY_MONTH_YEAR',\r\n FULL_DATE = 'FULL_DATE',\r\n MONTH_YEAR = 'MONTH_YEAR',\r\n HOURS_MINUTES = 'HOURS_MINUTES',\r\n YEAR = 'YEAR'\r\n}\r\n\r\nexport let fieldConfigDate = {\r\n MONTH_YEAR: 'monthYear',\r\n YEAR: 'year',\r\n HOURS_MINUTES: 'hoursMinutes',\r\n FULL_DATE: 'fullDate',\r\n DAY_MONTH_YEAR: 'dayMonthYear'\r\n}\r\n\r\n/**\r\n * Enum used to set the group event logic\r\n */\r\nexport enum NgxTimelineEventGroup {\r\n YEAR = 'YEAR',\r\n MONTH_YEAR = 'MONTH_YEAR',\r\n DAY_MONTH_YEAR = 'DAY_MONTH_YEAR'\r\n}\r\n\r\nexport let fieldsToAddEventGroup = {\r\n YEAR: ['getFullYear'],\r\n MONTH_YEAR: ['getFullYear', 'getMonth'],\r\n DAY_MONTH_YEAR: ['getFullYear', 'getMonth', 'getDate']\r\n};\r\n\r\nexport let periodKeyDateFormat = {\r\n YEAR: NgxDateFormat.YEAR,\r\n MONTH_YEAR: NgxDateFormat.MONTH_YEAR,\r\n DAY_MONTH_YEAR: NgxDateFormat.DAY_MONTH_YEAR,\r\n};\r\n\r\n/**\r\n * Enum used to set the change side event logic\r\n */\r\nexport enum NgxTimelineEventChangeSideInGroup {\r\n ALL = 'ALL',\r\n ON_DIFFERENT_HMS = 'ON_DIFFERENT_HMS',\r\n ON_DIFFERENT_DAY = 'ON_DIFFERENT_DAY',\r\n ON_DIFFERENT_MONTH = 'ON_DIFFERENT_MONTH'\r\n}\r\n\r\nexport let fieldsToCheckEventChangeSideInGroup = {\r\n ON_DIFFERENT_MONTH: ['getFullYear', 'getMonth'],\r\n ON_DIFFERENT_DAY: ['getFullYear', 'getMonth', 'getDate'],\r\n ON_DIFFERENT_HMS: ['getFullYear', 'getMonth', 'getDate', 'getHours', 'getMinutes', 'getSeconds']\r\n};\r\n","/**\r\n * Event to be provided from outside the timeline\r\n */\r\nexport interface NgxTimelineEvent {\r\n timestamp?: Date;\r\n title?: string;\r\n description?: string;\r\n id?: any;\r\n}\r\n\r\nexport interface NgxTimelinePeriodInfo {\r\n periodKey?: string;\r\n year?: number;\r\n month?: number;\r\n day?: number;\r\n firstDate?: any;\r\n}\r\n\r\n/**\r\n * Item used inside the timeline\r\n */\r\nexport interface NgxTimelineItem {\r\n type?: string;\r\n position?: NgxTimelineItemPosition.ON_LEFT | NgxTimelineItemPosition.ON_RIGHT;\r\n periodInfo?: NgxTimelinePeriodInfo;\r\n eventInfo?: NgxTimelineEvent;\r\n}\r\n\r\nexport enum NgxTimelineItemPosition {\r\n ON_LEFT = 'ON_LEFT',\r\n ON_RIGHT = 'ON_RIGHT'\r\n}\r\n","import { Component, OnInit, Input, TemplateRef, OnChanges, SimpleChanges, Output } from '@angular/core';\nimport {\n NgxTimelineEvent,\n NgxTimelineItem,\n NgxTimelineItemPosition,\n NgxTimelinePeriodInfo,\n NgxDateFormat,\n NgxTimelineEventGroup,\n NgxTimelineEventChangeSideInGroup,\n periodKeyDateFormat,\n fieldsToCheckEventChangeSideInGroup,\n fieldsToAddEventGroup } from '../models';\nimport { BehaviorSubject } from 'rxjs';\n\n@Component({\n selector: 'ngx-timeline',\n templateUrl: './ngx-timeline.component.html',\n styleUrls: ['./ngx-timeline.scss'],\n})\nexport class NgxTimelineComponent implements OnInit, OnChanges {\n /**\n * List of events to be displayed\n */\n @Input() events: NgxTimelineEvent[];\n /**\n * Language code used to show the date formatted\n */\n @Input() langCode?: string;\n /**\n * Boolean used to enable or disable the animations\n */\n @Input() enableAnimation = true;\n /**\n * Logic to be applied in order to group events\n */\n @Input() groupEvent?: NgxTimelineEventGroup = NgxTimelineEventGroup.MONTH_YEAR;\n /**\n * Logic to be applied in order to put evetns on LEFT or RIGHT\n */\n @Input() changeSideInGroup?: NgxTimelineEventChangeSideInGroup = NgxTimelineEventChangeSideInGroup.ON_DIFFERENT_DAY;\n /**\n * Custom Template displayed before a group of events\n */\n @Input() periodCustomTemplate: TemplateRef<any>;\n /**\n * Custom Template displayed to show a single event\n */\n @Input() eventCustomTemplate: TemplateRef<any>;\n /**\n * Custom Template displayed to show an separator icon\n */\n @Input() centerIconCustomTemplate: TemplateRef<any>;\n /**\n * Custom Template displayed to show the side date\n */\n @Input() dateInstantCustomTemplate: TemplateRef<any>;\n /**\n * Custom Template displayed to show the inner event\n */\n @Input() innerEventCustomTemplate: TemplateRef<any>;\n /**\n * Output click event emitter\n */\n @Output()\n clickEmitter: BehaviorSubject<NgxTimelineItem> = new BehaviorSubject(null);\n\n groups: { [key: string]: NgxTimelineEvent[] } = {};\n periods: NgxTimelineItem[] = [];\n items: NgxTimelineItem[] = [];\n ngxTimelineItemPosition = NgxTimelineItemPosition;\n ngxDateFormat = NgxDateFormat;\n\n private readonly separator = '/';\n\n constructor() {}\n\n\n ngOnInit(): void {\n this.groupEvents(this.events);\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n this.groupEvents(this.events);\n }\n\n getPeriodKeyDateFormat(): string {\n return periodKeyDateFormat[this.groupEvent];\n }\n\n protected clear(): void {\n this.groups = {};\n this.periods = [];\n this.items = [];\n }\n\n protected groupEvents(events: NgxTimelineEvent[]): void {\n if (events) {\n this.clear();\n this.sortEvents(events);\n this.setGroups(events);\n this.setPeriods();\n this.setItems();\n }\n }\n\n protected sortEvents(events: NgxTimelineEvent[]): void {\n events.sort((a, b) => a.timestamp.getTime() - b.timestamp.getTime());\n }\n\n protected setGroups(events: NgxTimelineEvent[]): void {\n events.forEach((event) => {\n // conversion from string to actual Date\n event.timestamp = new Date(event.timestamp);\n const periodKey = this.getPeriodKeyFromEvent(event);\n if (!this.groups[periodKey]) {\n this.groups[periodKey] = [];\n }\n this.groups[periodKey].push(event);\n });\n }\n\n protected setItems(): void {\n this.periods.forEach((p) => {\n // insert first the period\n this.items.push(p);\n // in each period putting items on left\n const onLeft = true;\n const periodInfo = p.periodInfo;\n // insert then all the events in this period\n this.addPeriodEvents(periodInfo, onLeft);\n // onLeft = this.addEventItemsAndGetIfOnLeft(periodInfo, onLeft);\n });\n }\n\n protected addPeriodEvents(periodInfo: NgxTimelinePeriodInfo, onLeft: boolean): void {\n this.groups[periodInfo.periodKey].forEach((event, index) => {\n const prevEvent = this.groups[periodInfo.periodKey][index - 1];\n if (index > 0 && this.compareEvents(prevEvent, event)) {\n onLeft = !onLeft;\n }\n this.pushEventOnItems(event, onLeft);\n });\n // return onLeft;\n }\n\n protected pushEventOnItems(event: NgxTimelineEvent, onLeft: boolean): void {\n this.items.push({\n eventInfo: { ...event }, position: onLeft ?\n this.ngxTimelineItemPosition.ON_LEFT : this.ngxTimelineItemPosition.ON_RIGHT\n });\n }\n\n /**\n * Compare the events inside the same group\n */\n protected compareEvents(prevEvent: NgxTimelineEvent, event: NgxTimelineEvent): boolean {\n return this.changeSideInGroup === NgxTimelineEventChangeSideInGroup.ALL ||\n this.compareEventsField(prevEvent, event, ...fieldsToCheckEventChangeSideInGroup[this.changeSideInGroup]);\n }\n\n protected compareEventsField(prevEvent: NgxTimelineEvent, event: NgxTimelineEvent, ...fields: string[]): boolean {\n return fields.reduce((res, field) => res = res || prevEvent.timestamp[field]() !== event.timestamp[field](), !!false);\n }\n\n protected setPeriods(): void {\n this.periods = Object.keys(this.groups).map((periodKey) => {\n const split = periodKey.split(this.separator);\n return this.getPeriodInfo(split, periodKey);\n });\n }\n\n private getPeriodInfo(split: string[], periodKey: string): { periodInfo: NgxTimelinePeriodInfo } {\n return {\n periodInfo: {\n year: Number(split[0]),\n month: Number(split[1]),\n day: Number(split[2]),\n periodKey,\n firstDate: this.groups[periodKey][0].timestamp as Date,\n },\n };\n }\n\n protected getPeriodKeyFromEvent(event: NgxTimelineEvent): string {\n return fieldsToAddEventGroup[this.groupEvent].map(field => event.timestamp[field]()).join(this.separator);\n }\n}\n","import { Component, Input, Output, TemplateRef } from '@angular/core';\nimport { NgxTimelineItem, NgxTimelineItemPosition } from '../../models/NgxTimelineEvent';\nimport { DatePipe } from '@angular/common';\nimport { BehaviorSubject } from 'rxjs';\nimport { supportedLanguageCodes } from '../../models';\n\n@Component({\n selector: 'ngx-timeline-event',\n templateUrl: './ngx-timeline-event.component.html',\n styleUrls: ['./ngx-timeline-event.component.scss']\n})\nexport class NgxTimelineEventComponent {\n\n /**\n * Event to be displayed\n */\n @Input() event: NgxTimelineItem;\n /**\n * Event position respect to the vertical line (LEFT or RIGHT)\n */\n @Input() colSidePosition: NgxTimelineItemPosition;\n /**\n * Language code used to format the dates\n */\n @Input() langCode?: string;\n /**\n * Inner custom template used to display the event detail\n */\n @Input() innerEventCustomTemplate?: TemplateRef<any>;\n /**\n * Boolean used to enable or disable the animations\n */\n @Input() enableAnimation = true;\n /**\n * Output click event emitter\n */\n @Output() clickEmitter: BehaviorSubject<NgxTimelineItem> = new BehaviorSubject(null);\n\n ngxTimelineItemPosition = NgxTimelineItemPosition;\n\n private readonly monthAbbr = 'MMM';\n private readonly dayFormat = 'dd';\n\n constructor() { }\n\n getDateObj(): any {\n let day;\n let month;\n let year;\n const dateTimestamp = this.event?.eventInfo?.timestamp;\n if (dateTimestamp) {\n const timestamp = new Date(dateTimestamp);\n const langCode = this.getLangCode();\n month = new DatePipe(langCode).transform(timestamp, this.monthAbbr);\n day = new DatePipe(langCode).transform(timestamp, this.dayFormat);\n year = timestamp.getFullYear();\n }\n\n return {day, month, year};\n }\n\n protected getLangCode(): string {\n return this.langCode && supportedLanguageCodes.includes(this.langCode) ? this.langCode : supportedLanguageCodes[0];\n }\n\n}\n","import { DatePipe } from '@angular/common';\r\nimport { Pipe, PipeTransform } from '@angular/core';\r\nimport { NgxConfigDate, NgxDateObjMap, NgxDateFormat, supportedLanguageCodes, fieldConfigDate, dateConfigMap } from '../models';\r\n\r\n@Pipe({ name: 'ngxdate', pure: false })\r\nexport class NgxDatePipe implements PipeTransform {\r\n\r\n constructor() {\r\n }\r\n\r\n transform(date: Date | string, dateFormat?: string, langCode?: string): string {\r\n let transformedDate = null;\r\n if (date) {\r\n const objDate = this.getDateConfig(langCode);\r\n transformedDate = new DatePipe(objDate.code).transform(new Date(date), this.dateFormat(dateFormat, objDate));\r\n }\r\n return transformedDate;\r\n }\r\n\r\n private dateFormat(dateFormat: string, configDate: NgxConfigDate): string {\r\n return configDate[fieldConfigDate[dateFormat]];\r\n }\r\n\r\n private getDateConfig(langCode: string): NgxConfigDate {\r\n const code = langCode || supportedLanguageCodes[0];\r\n const configDate = dateConfigMap[code] || dateConfigMap[supportedLanguageCodes[0]];\r\n return configDate;\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\nimport { NgxTimelineComponent } from './components/ngx-timeline.component';\nimport { NgxTimelineEventComponent } from './components/ngx-timeline-event/ngx-timeline-event.component';\nimport { CommonModule, registerLocaleData } from '@angular/common';\nimport { NgxDatePipe } from './pipes/ngx-date-pipe';\nimport localeIt from '@angular/common/locales/it';\nimport localeFr from '@angular/common/locales/fr';\nimport localeDe from '@angular/common/locales/de';\nimport localeEs from '@angular/common/locales/es';\n\nregisterLocaleData(localeIt);\nregisterLocaleData(localeFr);\nregisterLocaleData(localeDe);\nregisterLocaleData(localeEs);\n\n@NgModule({\n declarations: [NgxTimelineComponent, NgxTimelineEventComponent, NgxDatePipe],\n imports: [CommonModule],\n exports: [NgxTimelineComponent, NgxDatePipe]\n})\nexport class NgxTimelineModule { }\n","/*\n * Public API Surface of ngx-timeline\n */\nexport * from './lib/components';\nexport * from './lib/models';\nexport * from './lib/pipes/';\nexport * from './lib/ngx-timeline.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n\nexport {NgxTimelineEventComponent as ɵb} from './lib/components/ngx-timeline-event/ngx-timeline-event.component';\nexport {NgxTimelineComponent as ɵa} from './lib/components/ngx-timeline.component';\nexport {NgxDatePipe as ɵc} from './lib/pipes/ngx-date-pipe';"],"names":[],"mappings":"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"}