@frxjs/ngx-timeline 1.0.3 → 1.0.7

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 (89) hide show
  1. package/README.md +136 -127
  2. package/bundles/frxjs-ngx-timeline.umd.js +696 -0
  3. package/bundles/frxjs-ngx-timeline.umd.js.map +1 -0
  4. package/bundles/frxjs-ngx-timeline.umd.min.js +2 -0
  5. package/bundles/frxjs-ngx-timeline.umd.min.js.map +1 -0
  6. package/esm2015/frxjs-ngx-timeline.js +8 -0
  7. package/esm2015/lib/components/index.js +3 -0
  8. package/esm2015/lib/components/ngx-timeline-event/ngx-timeline-event.component.js +55 -0
  9. package/esm2015/lib/components/ngx-timeline.component.js +147 -0
  10. package/esm2015/lib/models/NgxConfigObj.js +93 -0
  11. package/esm2015/lib/models/NgxTimelineEvent.js +6 -0
  12. package/esm2015/lib/models/index.js +3 -0
  13. package/esm2015/lib/ngx-timeline.module.js +23 -0
  14. package/esm2015/lib/pipes/index.js +2 -0
  15. package/esm2015/lib/pipes/ngx-date-pipe.js +28 -0
  16. package/esm2015/public-api.js +8 -0
  17. package/fesm2015/frxjs-ngx-timeline.js +350 -0
  18. package/fesm2015/frxjs-ngx-timeline.js.map +1 -0
  19. package/frxjs-ngx-timeline.d.ts +7 -0
  20. package/frxjs-ngx-timeline.metadata.json +1 -0
  21. package/{projects/ngx-timeline/src/lib/components/index.ts → lib/components/index.d.ts} +2 -2
  22. package/lib/components/ngx-timeline-event/ngx-timeline-event.component.d.ts +35 -0
  23. package/lib/components/ngx-timeline.component.d.ts +76 -0
  24. package/lib/models/NgxConfigObj.d.ts +59 -0
  25. package/lib/models/NgxTimelineEvent.d.ts +29 -0
  26. package/{projects/ngx-timeline/src/lib/models/index.ts → lib/models/index.d.ts} +2 -2
  27. package/lib/ngx-timeline.module.d.ts +2 -0
  28. package/{projects/ngx-timeline/src/lib/pipes/index.ts → lib/pipes/index.d.ts} +1 -1
  29. package/lib/pipes/ngx-date-pipe.d.ts +7 -0
  30. package/package.json +21 -50
  31. package/{projects/ngx-timeline/src/public-api.ts → public-api.d.ts} +4 -7
  32. package/.editorconfig +0 -16
  33. package/.github/workflows/main.yml +0 -25
  34. package/angular.json +0 -169
  35. package/docs/3rdpartylicenses.txt +0 -268
  36. package/docs/assets/inter.png +0 -0
  37. package/docs/favicon.ico +0 -0
  38. package/docs/index.html +0 -13
  39. package/docs/main.6005a10000c87d7095d3.js +0 -1
  40. package/docs/polyfills.f8ddde825b13760c1743.js +0 -1
  41. package/docs/runtime.0e49e2b53282f40c8925.js +0 -1
  42. package/docs/styles.09e2c710755c8867a460.css +0 -0
  43. package/package-lock.json +0 -14400
  44. package/projects/demo-app/.browserslistrc +0 -17
  45. package/projects/demo-app/e2e/protractor.conf.js +0 -37
  46. package/projects/demo-app/e2e/src/app.e2e-spec.ts +0 -23
  47. package/projects/demo-app/e2e/src/app.po.ts +0 -11
  48. package/projects/demo-app/e2e/tsconfig.json +0 -13
  49. package/projects/demo-app/karma.conf.js +0 -44
  50. package/projects/demo-app/src/app/app.component.html +0 -90
  51. package/projects/demo-app/src/app/app.component.scss +0 -417
  52. package/projects/demo-app/src/app/app.component.ts +0 -147
  53. package/projects/demo-app/src/app/app.module.ts +0 -20
  54. package/projects/demo-app/src/assets/.gitkeep +0 -0
  55. package/projects/demo-app/src/assets/inter.png +0 -0
  56. package/projects/demo-app/src/environments/environment.prod.ts +0 -3
  57. package/projects/demo-app/src/environments/environment.ts +0 -16
  58. package/projects/demo-app/src/favicon.ico +0 -0
  59. package/projects/demo-app/src/index.html +0 -13
  60. package/projects/demo-app/src/main.ts +0 -12
  61. package/projects/demo-app/src/polyfills.ts +0 -63
  62. package/projects/demo-app/src/styles.scss +0 -1
  63. package/projects/demo-app/src/test.ts +0 -25
  64. package/projects/demo-app/tsconfig.app.json +0 -26
  65. package/projects/demo-app/tsconfig.spec.json +0 -18
  66. package/projects/demo-app/tslint.json +0 -17
  67. package/projects/ngx-timeline/README.md +0 -127
  68. package/projects/ngx-timeline/karma.conf.js +0 -44
  69. package/projects/ngx-timeline/ng-package.json +0 -7
  70. package/projects/ngx-timeline/package.json +0 -17
  71. package/projects/ngx-timeline/src/lib/components/ngx-timeline-event/ngx-timeline-event.component.html +0 -37
  72. package/projects/ngx-timeline/src/lib/components/ngx-timeline-event/ngx-timeline-event.component.scss +0 -197
  73. package/projects/ngx-timeline/src/lib/components/ngx-timeline-event/ngx-timeline-event.component.spec.ts +0 -89
  74. package/projects/ngx-timeline/src/lib/components/ngx-timeline-event/ngx-timeline-event.component.ts +0 -66
  75. package/projects/ngx-timeline/src/lib/components/ngx-timeline.component.html +0 -98
  76. package/projects/ngx-timeline/src/lib/components/ngx-timeline.component.spec.ts +0 -160
  77. package/projects/ngx-timeline/src/lib/components/ngx-timeline.component.ts +0 -187
  78. package/projects/ngx-timeline/src/lib/components/ngx-timeline.scss +0 -226
  79. package/projects/ngx-timeline/src/lib/models/NgxConfigObj.ts +0 -110
  80. package/projects/ngx-timeline/src/lib/models/NgxTimelineEvent.ts +0 -32
  81. package/projects/ngx-timeline/src/lib/ngx-timeline.module.ts +0 -21
  82. package/projects/ngx-timeline/src/lib/pipes/ngx-date-pipe.ts +0 -29
  83. package/projects/ngx-timeline/src/test.ts +0 -26
  84. package/projects/ngx-timeline/tsconfig.lib.json +0 -25
  85. package/projects/ngx-timeline/tsconfig.lib.prod.json +0 -10
  86. package/projects/ngx-timeline/tsconfig.spec.json +0 -17
  87. package/projects/ngx-timeline/tslint.json +0 -17
  88. package/tsconfig.json +0 -35
  89. package/tslint.json +0 -140
@@ -0,0 +1,93 @@
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==
@@ -0,0 +1,6 @@
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=
@@ -0,0 +1,3 @@
1
+ export * from './NgxConfigObj';
2
+ export * from './NgxTimelineEvent';
3
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdGltZWxpbmUvc3JjL2xpYi9tb2RlbHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLG9CQUFvQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9OZ3hDb25maWdPYmonO1xyXG5leHBvcnQgKiBmcm9tICcuL05neFRpbWVsaW5lRXZlbnQnO1xyXG4iXX0=
@@ -0,0 +1,23 @@
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
@@ -0,0 +1,2 @@
1
+ export * from './ngx-date-pipe';
2
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdGltZWxpbmUvc3JjL2xpYi9waXBlcy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGlCQUFpQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9uZ3gtZGF0ZS1waXBlJztcclxuIl19
@@ -0,0 +1,28 @@
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=
@@ -0,0 +1,8 @@
1
+ /*
2
+ * Public API Surface of ngx-timeline
3
+ */
4
+ export * from './lib/components';
5
+ export * from './lib/models';
6
+ export * from './lib/pipes/';
7
+ export * from './lib/ngx-timeline.module';
8
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL25neC10aW1lbGluZS9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYywyQkFBMkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2Ygbmd4LXRpbWVsaW5lXG4gKi9cbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3BpcGVzLyc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9uZ3gtdGltZWxpbmUubW9kdWxlJztcbiJdfQ==
@@ -0,0 +1,350 @@
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
@@ -0,0 +1 @@
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":";;;;;;;;IAAW,sBAAsB,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE;IAexD,aAAa,GAAkB;IACxC,EAAE,EAAE;QACF,IAAI,EAAE,OAAO;QACb,QAAQ,EAAE,mBAAmB;QAC7B,YAAY,EAAE,cAAc;QAC5B,SAAS,EAAE,WAAW;QACtB,IAAI,EAAE,MAAM;QACZ,YAAY,EAAE,SAAS;KACxB;IACD,EAAE,EAAE;QACF,IAAI,EAAE,OAAO;QACb,QAAQ,EAAE,iBAAiB;QAC3B,YAAY,EAAE,cAAc;QAC5B,SAAS,EAAE,WAAW;QACtB,IAAI,EAAE,MAAM;QACZ,YAAY,EAAE,OAAO;KACtB;IACD,EAAE,EAAE;QACF,IAAI,EAAE,OAAO;QACb,QAAQ,EAAE,iBAAiB;QAC3B,YAAY,EAAE,cAAc;QAC5B,SAAS,EAAE,WAAW;QACtB,IAAI,EAAE,MAAM;QACZ,YAAY,EAAE,OAAO;KACtB;IACD,EAAE,EAAE;QACF,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,iBAAiB;QAC3B,YAAY,EAAE,cAAc;QAC5B,SAAS,EAAE,WAAW;QACtB,IAAI,EAAE,MAAM;QACZ,YAAY,EAAE,OAAO;KACtB;IACD,EAAE,EAAE;QACF,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,iBAAiB;QAC3B,YAAY,EAAE,cAAc;QAC5B,SAAS,EAAE,WAAW;QACtB,IAAI,EAAE,MAAM;QACZ,YAAY,EAAE,OAAO;KACtB;EACD;IAEU;AAAZ,WAAY,aAAa;IACvB,kDAAkC,CAAA;IAClC,wCAAwB,CAAA;IACxB,0CAA0B,CAAA;IAC1B,gDAA+B,CAAA;IAC/B,8BAAc,CAAA;AAChB,CAAC,EANW,aAAa,KAAb,aAAa,QAMxB;IAEU,eAAe,GAAG;IAC3B,UAAU,EAAE,WAAW;IACvB,IAAI,EAAE,MAAM;IACZ,aAAa,EAAE,cAAc;IAC7B,SAAS,EAAE,UAAU;IACrB,cAAc,EAAE,cAAc;EAC/B;AAED;;;IAGY;AAAZ,WAAY,qBAAqB;IAC/B,sCAAa,CAAA;IACb,kDAAyB,CAAA;IACzB,0DAAiC,CAAA;AACnC,CAAC,EAJW,qBAAqB,KAArB,qBAAqB,QAIhC;IAEU,qBAAqB,GAAG;IACjC,IAAI,EAAE,CAAC,aAAa,CAAC;IACrB,UAAU,EAAE,CAAC,aAAa,EAAE,UAAU,CAAC;IACvC,cAAc,EAAE,CAAC,aAAa,EAAE,UAAU,EAAE,SAAS,CAAC;EACtD;IAES,mBAAmB,GAAG;IAC/B,IAAI,EAAE,aAAa,CAAC,IAAI;IACxB,UAAU,EAAE,aAAa,CAAC,UAAU;IACpC,cAAc,EAAE,aAAa,CAAC,cAAc;EAC5C;AAEF;;;IAGY;AAAZ,WAAY,iCAAiC;IAC3C,gDAAW,CAAA;IACX,0EAAqC,CAAA;IACrC,0EAAqC,CAAA;IACrC,8EAAyC,CAAA;AAC3C,CAAC,EALW,iCAAiC,KAAjC,iCAAiC,QAK5C;IAEU,mCAAmC,GAAG;IAC/C,kBAAkB,EAAE,CAAC,aAAa,EAAE,UAAU,CAAC;IAC/C,gBAAgB,EAAE,CAAC,aAAa,EAAE,UAAU,EAAE,SAAS,CAAC;IACxD,gBAAgB,EAAE,CAAC,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,CAAC;;;IChFtF;AAAZ,WAAY,uBAAuB;IACjC,8CAAmB,CAAA;IACnB,gDAAqB,CAAA;AACvB,CAAC,EAHW,uBAAuB,KAAvB,uBAAuB;;MCTtB,oBAAoB;IAuD/B;;;;QA3CS,oBAAe,GAAG,IAAI,CAAC;;;;QAIvB,eAAU,GAA2B,qBAAqB,CAAC,UAAU,CAAC;;;;QAItE,sBAAiB,GAAuC,iCAAiC,CAAC,gBAAgB,CAAC;;;;QAyBpH,iBAAY,GAAqC,IAAI,eAAe,CAAC,IAAI,CAAC,CAAC;QAE3E,WAAM,GAA0C,EAAE,CAAC;QACnD,YAAO,GAAsB,EAAE,CAAC;QAChC,UAAK,GAAsB,EAAE,CAAC;QAC9B,4BAAuB,GAAG,uBAAuB,CAAC;QAClD,kBAAa,GAAG,aAAa,CAAC;QAEb,cAAS,GAAG,GAAG,CAAC;KAEjB;IAGhB,QAAQ;QACN,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;KAC/B;IAED,WAAW,CAAC,OAAsB;QAChC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;KAC/B;IAED,sBAAsB;QACpB,OAAO,mBAAmB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;KAC7C;IAES,KAAK;QACb,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;QACjB,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QAClB,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;KACjB;IAES,WAAW,CAAC,MAA0B;QAC9C,IAAI,MAAM,EAAE;YACV,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;YACxB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;YACvB,IAAI,CAAC,UAAU,EAAE,CAAC;YAClB,IAAI,CAAC,QAAQ,EAAE,CAAC;SACjB;KACF;IAES,UAAU,CAAC,MAA0B;QAC7C,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC,CAAC;KACtE;IAES,SAAS,CAAC,MAA0B;QAC5C,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK;;YAEnB,KAAK,CAAC,SAAS,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;YAC5C,MAAM,SAAS,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC;YACpD,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE;gBAC3B,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;aAC7B;YACD,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SACpC,CAAC,CAAC;KACJ;IAES,QAAQ;QAChB,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;;YAErB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;;YAEnB,MAAM,MAAM,GAAG,IAAI,CAAC;YACpB,MAAM,UAAU,GAAG,CAAC,CAAC,UAAU,CAAC;;YAEhC,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;;SAE1C,CAAC,CAAC;KACJ;IAES,eAAe,CAAC,UAAiC,EAAE,MAAe;QAC1E,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK;YACrD,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;YAC/D,IAAI,KAAK,GAAG,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE;gBACrD,MAAM,GAAG,CAAC,MAAM,CAAC;aAClB;YACD,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;SACtC,CAAC,CAAC;;KAEJ;IAES,gBAAgB,CAAC,KAAuB,EAAE,MAAe;QACjE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;YACd,SAAS,oBAAO,KAAK,CAAE;YAAE,QAAQ,EAAE,MAAM;gBACvC,IAAI,CAAC,uBAAuB,CAAC,OAAO,GAAG,IAAI,CAAC,uBAAuB,CAAC,QAAQ;SAC/E,CAAC,CAAC;KACJ;;;;IAKS,aAAa,CAAC,SAA2B,EAAE,KAAuB;QAC1E,OAAO,IAAI,CAAC,iBAAiB,KAAK,iCAAiC,CAAC,GAAG;YACrE,IAAI,CAAC,kBAAkB,CAAC,SAAS,EAAE,KAAK,EAAE,GAAG,mCAAmC,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC;KAC7G;IAES,kBAAkB,CAAC,SAA2B,EAAE,KAAuB,EAAE,GAAG,MAAgB;QACpG,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,KAAK,KAAK,GAAG,GAAG,GAAG,IAAI,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;KACvH;IAES,UAAU;QAClB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,SAAS;YACpD,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YAC9C,OAAO,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;SAC7C,CAAC,CAAC;KACJ;IAEO,aAAa,CAAC,KAAe,EAAE,SAAiB;QACtD,OAAO;YACL,UAAU,EAAE;gBACV,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;gBACtB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;gBACvB,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;gBACrB,SAAS;gBACT,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,SAAiB;aACvD;SACF,CAAC;KACH;IAES,qBAAqB,CAAC,KAAuB;QACrD,OAAO,qBAAqB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;KAC3G;;;YA3KF,SAAS,SAAC;gBACT,QAAQ,EAAE,cAAc;gBACxB,8hKAA4C;;aAE7C;;;;qBAKE,KAAK;uBAIL,KAAK;8BAIL,KAAK;yBAIL,KAAK;gCAIL,KAAK;mCAIL,KAAK;kCAIL,KAAK;uCAIL,KAAK;wCAIL,KAAK;uCAIL,KAAK;2BAIL,MAAM;;;MCpDI,yBAAyB;IAgCpC;;;;QAXS,oBAAe,GAAG,IAAI,CAAC;;;;QAItB,iBAAY,GAAqC,IAAI,eAAe,CAAC,IAAI,CAAC,CAAC;QAErF,4BAAuB,GAAG,uBAAuB,CAAC;QAEjC,cAAS,GAAG,KAAK,CAAC;QAClB,cAAS,GAAG,IAAI,CAAC;KAEjB;IAEjB,UAAU;;QACR,IAAI,GAAG,CAAC;QACR,IAAI,KAAK,CAAC;QACV,IAAI,IAAI,CAAC;QACT,MAAM,aAAa,eAAG,IAAI,CAAC,KAAK,0CAAE,SAAS,0CAAE,SAAS,CAAC;QACvD,IAAI,aAAa,EAAE;YACjB,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC;YAC1C,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;YACpC,KAAK,GAAG,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;YACpE,GAAG,GAAG,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;YAClE,IAAI,GAAG,SAAS,CAAC,WAAW,EAAE,CAAC;SAChC;QAED,OAAO,EAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAC,CAAC;KAC3B;IAES,WAAW;QACnB,OAAO,IAAI,CAAC,QAAQ,IAAI,sBAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,QAAQ,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAC;KACpH;;;YAzDF,SAAS,SAAC;gBACT,QAAQ,EAAE,oBAAoB;gBAC9B,s3CAAkD;;aAEnD;;;;oBAME,KAAK;8BAIL,KAAK;uBAIL,KAAK;uCAIL,KAAK;8BAIL,KAAK;2BAIL,MAAM;;;MC/BI,WAAW;IAEtB;KACC;IAED,SAAS,CAAC,IAAmB,EAAE,UAAmB,EAAE,QAAiB;QACnE,IAAI,eAAe,GAAG,IAAI,CAAC;QAC3B,IAAI,IAAI,EAAE;YACR,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAC7C,eAAe,GAAG,IAAI,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;SAC9G;QACD,OAAO,eAAe,CAAC;KACxB;IAEO,UAAU,CAAC,UAAkB,EAAE,UAAyB;QAC9D,OAAO,UAAU,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC;KAChD;IAEO,aAAa,CAAC,QAAgB;QACpC,MAAM,IAAI,GAAG,QAAQ,IAAI,sBAAsB,CAAC,CAAC,CAAC,CAAC;QACnD,MAAM,UAAU,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,aAAa,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC;QACnF,OAAO,UAAU,CAAC;KACnB;;;YAvBF,IAAI,SAAC,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE;;;;ACMtC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;AAC7B,kBAAkB,CAAC,QAAQ,CAAC,CAAC;AAC7B,kBAAkB,CAAC,QAAQ,CAAC,CAAC;AAC7B,kBAAkB,CAAC,QAAQ,CAAC,CAAC;MAOhB,iBAAiB;;;YAL7B,QAAQ,SAAC;gBACR,YAAY,EAAE,CAAC,oBAAoB,EAAE,yBAAyB,EAAE,WAAW,CAAC;gBAC5E,OAAO,EAAE,CAAC,YAAY,CAAC;gBACvB,OAAO,EAAE,CAAC,oBAAoB,EAAE,WAAW,CAAC;aAC7C;;;ACnBD;;;;ACAA;;;;;;"}
@@ -0,0 +1,7 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ export * from './public-api';
5
+ export { NgxTimelineEventComponent as ɵb } from './lib/components/ngx-timeline-event/ngx-timeline-event.component';
6
+ export { NgxTimelineComponent as ɵa } from './lib/components/ngx-timeline.component';
7
+ export { NgxDatePipe as ɵc } from './lib/pipes/ngx-date-pipe';