hr-design-system-handlebars 0.123.6 → 0.124.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 (143) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/build/handlebars/helpers/handlebar-helpers.js +12 -0
  3. package/dist/assets/brand/_default/conf/locatags.json +11 -1
  4. package/dist/assets/brand/hessenschau/conf/locatags.json +1 -0
  5. package/dist/assets/brand/hr/conf/locatags.json +1 -0
  6. package/dist/assets/brand/hr-bigband/conf/locatags.json +1 -0
  7. package/dist/assets/brand/hr-fernsehen/conf/locatags.json +1 -0
  8. package/dist/assets/brand/hr-inforadio/conf/locatags.json +1 -0
  9. package/dist/assets/brand/hr-rundfunkrat/conf/locatags.json +1 -0
  10. package/dist/assets/brand/hr-sinfonieorchester/conf/locatags.json +1 -0
  11. package/dist/assets/brand/hr-werbung/conf/locatags.json +1 -0
  12. package/dist/assets/brand/hr1/conf/locatags.json +1 -0
  13. package/dist/assets/brand/hr2/conf/locatags.json +1 -0
  14. package/dist/assets/brand/hr3/conf/locatags.json +1 -0
  15. package/dist/assets/brand/hr4/conf/locatags.json +1 -0
  16. package/dist/assets/brand/you-fm/conf/locatags.json +1 -0
  17. package/dist/assets/index.css +422 -63
  18. package/dist/assets/js/components/event/filtererDs.feature.js +298 -0
  19. package/dist/assets/js/components/event/nativeScrollDs.feature.js +110 -0
  20. package/dist/assets/js/components/modal/modal.feature.js +38 -0
  21. package/dist/views/components/base/image/responsive_image.hbs +1 -0
  22. package/dist/views/components/base/link.hbs +3 -15
  23. package/dist/views/components/base/link_open.hbs +13 -0
  24. package/dist/views/components/button/button_pseudo_v2.hbs +12 -0
  25. package/dist/views/components/button/button_v2.hbs +7 -0
  26. package/dist/views/components/button/components/button_icon.hbs +1 -0
  27. package/dist/views/components/button/components/button_label.hbs +1 -0
  28. package/dist/views/components/button/components/button_pseudo_link.hbs +3 -0
  29. package/dist/views/components/content_nav/content_nav_dropdown.hbs +1 -1
  30. package/dist/views/components/content_nav/content_nav_item.hbs +1 -1
  31. package/dist/views/components/event/artist.hbs +1 -0
  32. package/dist/views/components/event/calendar/event_calendar.hbs +3 -0
  33. package/dist/views/components/event/calendar/event_calendar_content.hbs +18 -0
  34. package/dist/views/components/event/calendar/event_calendar_event_teaser.hbs +60 -0
  35. package/dist/views/components/event/calendar/event_calendar_footer.hbs +8 -0
  36. package/dist/views/components/event/calendar/event_calendar_heading.hbs +3 -0
  37. package/dist/views/components/event/calendar/event_calendar_inline.hbs +3 -0
  38. package/dist/views/components/event/calendar/event_calendar_nav.hbs +27 -0
  39. package/dist/views/components/event/calendar/event_calendar_nav_item.hbs +7 -0
  40. package/dist/views/components/event/concert_info.hbs +66 -0
  41. package/dist/views/components/event/event_details.hbs +20 -0
  42. package/dist/views/components/event/event_status.hbs +1 -0
  43. package/dist/views/components/event/event_tag.hbs +3 -0
  44. package/dist/views/components/event/event_tags.hbs +11 -0
  45. package/dist/views/components/event/event_ticket_button.hbs +30 -0
  46. package/dist/views/components/label/label_byline.hbs +7 -0
  47. package/dist/views/components/label/label_group.hbs +3 -0
  48. package/dist/views/components/label/label_test.hbs +11 -0
  49. package/dist/views/components/modal/modal.hbs +7 -0
  50. package/dist/views/components/teaser/components/teaser_header.hbs +3 -0
  51. package/dist/views/components/teaser/components/teaser_heading.hbs +3 -1
  52. package/dist/views/components/teaser/components/teaser_headline.hbs +3 -0
  53. package/dist/views/components/teaser/components/teaser_title_classes.hbs +3 -0
  54. package/dist/views/components/teaser/components/teaser_title_test.hbs +3 -0
  55. package/dist/views/components/teaser/components/teaser_topline.hbs +1 -5
  56. package/dist/views/components/teaser/teaser_event_calendar.hbs +8 -0
  57. package/gulpfile.js +5 -1
  58. package/package.json +4 -2
  59. package/src/assets/brand/_default/conf/locatags.json +11 -1
  60. package/src/assets/brand/hessenschau/conf/locatags.json +1 -0
  61. package/src/assets/brand/hessenschau/conf/locatags.merged.json +10 -0
  62. package/src/assets/brand/hr/conf/locatags.json +1 -0
  63. package/src/assets/brand/hr/conf/locatags.merged.json +10 -0
  64. package/src/assets/brand/hr-bigband/conf/locatags.json +1 -0
  65. package/src/assets/brand/hr-bigband/conf/locatags.merged.json +10 -0
  66. package/src/assets/brand/hr-fernsehen/conf/locatags.json +1 -0
  67. package/src/assets/brand/hr-fernsehen/conf/locatags.merged.json +10 -0
  68. package/src/assets/brand/hr-inforadio/conf/locatags.json +1 -0
  69. package/src/assets/brand/hr-inforadio/conf/locatags.merged.json +10 -0
  70. package/src/assets/brand/hr-rundfunkrat/conf/locatags.json +1 -0
  71. package/src/assets/brand/hr-rundfunkrat/conf/locatags.merged.json +10 -0
  72. package/src/assets/brand/hr-sinfonieorchester/conf/locatags.json +1 -0
  73. package/src/assets/brand/hr-sinfonieorchester/conf/locatags.merged.json +10 -0
  74. package/src/assets/brand/hr-werbung/conf/locatags.json +1 -0
  75. package/src/assets/brand/hr-werbung/conf/locatags.merged.json +10 -0
  76. package/src/assets/brand/hr1/conf/locatags.json +1 -0
  77. package/src/assets/brand/hr1/conf/locatags.merged.json +10 -0
  78. package/src/assets/brand/hr2/conf/locatags.json +1 -0
  79. package/src/assets/brand/hr2/conf/locatags.merged.json +10 -0
  80. package/src/assets/brand/hr3/conf/locatags.json +1 -0
  81. package/src/assets/brand/hr3/conf/locatags.merged.json +10 -0
  82. package/src/assets/brand/hr4/conf/locatags.json +1 -0
  83. package/src/assets/brand/hr4/conf/locatags.merged.json +10 -0
  84. package/src/assets/brand/you-fm/conf/locatags.json +1 -0
  85. package/src/assets/brand/you-fm/conf/locatags.merged.json +10 -0
  86. package/src/assets/css/custom-utilities.css +36 -0
  87. package/src/assets/fixtures/event/calendar/event_calendar.inc.json +10 -0
  88. package/src/assets/fixtures/event/calendar/event_calendar_event_teaser.inc.json +89 -0
  89. package/src/assets/fixtures/event/calendar/event_calendar_event_teaser.json +4 -0
  90. package/src/assets/fixtures/event/calendar/event_calendar_footer.json +14 -0
  91. package/src/assets/fixtures/event/calendar/event_calendar_months.inc.json +1295 -0
  92. package/src/assets/fixtures/teaser/teaser_event_calendar_100_no_future_events.json +24 -0
  93. package/src/assets/fixtures/teaser/teaser_event_calendar_100_serif.json +21 -0
  94. package/src/assets/fixtures/teaser/teaser_images.inc.json +21 -0
  95. package/src/assets/fixtures/teaser/teaser_labels.inc.json +12 -0
  96. package/src/assets/fixtures/teaser/teasers.inc.json +31 -0
  97. package/src/assets/tailwind.css +43 -5
  98. package/src/stories/views/components/base/image/responsive_image.hbs +1 -0
  99. package/src/stories/views/components/base/link.hbs +3 -15
  100. package/src/stories/views/components/base/link_open.hbs +13 -0
  101. package/src/stories/views/components/button/button_pseudo_v2.hbs +12 -0
  102. package/src/stories/views/components/button/button_v2.hbs +7 -0
  103. package/src/stories/views/components/button/components/button_icon.hbs +1 -0
  104. package/src/stories/views/components/button/components/button_label.hbs +1 -0
  105. package/src/stories/views/components/button/components/button_pseudo_link.hbs +3 -0
  106. package/src/stories/views/components/content_nav/content_nav_dropdown.hbs +1 -1
  107. package/src/stories/views/components/content_nav/content_nav_item.hbs +1 -1
  108. package/src/stories/views/components/event/artist.hbs +1 -0
  109. package/src/stories/views/components/event/calendar/event_calendar.hbs +3 -0
  110. package/src/stories/views/components/event/calendar/event_calendar_components.stories.mdx +161 -0
  111. package/src/stories/views/components/event/calendar/event_calendar_content.hbs +18 -0
  112. package/src/stories/views/components/event/calendar/event_calendar_event_teaser.hbs +60 -0
  113. package/src/stories/views/components/event/calendar/event_calendar_footer.hbs +8 -0
  114. package/src/stories/views/components/event/calendar/event_calendar_heading.hbs +3 -0
  115. package/src/stories/views/components/event/calendar/event_calendar_inline.hbs +3 -0
  116. package/src/stories/views/components/event/calendar/event_calendar_nav.hbs +27 -0
  117. package/src/stories/views/components/event/calendar/event_calendar_nav_item.hbs +7 -0
  118. package/src/stories/views/components/event/calendar/fixtures/event_calendar_event_teaser.json +1 -0
  119. package/src/stories/views/components/event/calendar/fixtures/event_calendar_footer.json +1 -0
  120. package/src/stories/views/components/event/concert_info.hbs +66 -0
  121. package/src/stories/views/components/event/event_details.hbs +20 -0
  122. package/src/stories/views/components/event/event_status.hbs +1 -0
  123. package/src/stories/views/components/event/event_tag.hbs +3 -0
  124. package/src/stories/views/components/event/event_tags.hbs +11 -0
  125. package/src/stories/views/components/event/event_ticket_button.hbs +30 -0
  126. package/src/stories/views/components/event/filtererDs.feature.js +298 -0
  127. package/src/stories/views/components/event/nativeScrollDs.feature.js +110 -0
  128. package/src/stories/views/components/label/label_byline.hbs +7 -0
  129. package/src/stories/views/components/label/label_group.hbs +3 -0
  130. package/src/stories/views/components/label/label_test.hbs +11 -0
  131. package/src/stories/views/components/modal/modal.feature.js +38 -0
  132. package/src/stories/views/components/modal/modal.hbs +7 -0
  133. package/src/stories/views/components/teaser/components/teaser_header.hbs +3 -0
  134. package/src/stories/views/components/teaser/components/teaser_heading.hbs +3 -1
  135. package/src/stories/views/components/teaser/components/teaser_headline.hbs +3 -0
  136. package/src/stories/views/components/teaser/components/teaser_title_classes.hbs +3 -0
  137. package/src/stories/views/components/teaser/components/teaser_title_test.hbs +3 -0
  138. package/src/stories/views/components/teaser/components/teaser_topline.hbs +1 -5
  139. package/src/stories/views/components/teaser/fixtures/teaser_event_calendar_100_no_future_events.json +1 -0
  140. package/src/stories/views/components/teaser/fixtures/teaser_event_calendar_100_serif.json +1 -0
  141. package/src/stories/views/components/teaser/teaser_event_calendar.hbs +8 -0
  142. package/src/stories/views/components/teaser/teaser_event_calendar.stories.mdx +131 -0
  143. package/tailwind.config.js +11 -4
@@ -12,6 +12,14 @@
12
12
  "comment_label_text": "Kommentar",
13
13
  "comment_label_text_many": "Kommentare",
14
14
  "date_simple_at": "{0} Uhr",
15
+ "event_calendar_no_events_available": "<strong>Hinweis:</strong><br />Es liegen aktuell noch keine Einträge für den gewählten Zeitraum vor.",
16
+ "event_calendar_monthly_overview_link": "Zur Monats-Übersicht",
17
+ "event_calendar_title": "Eventkalender",
18
+ "event_status_cancelled": "Abgesagt!",
19
+ "event_status_rescheduled": "Verschoben!",
20
+ "event_status_moved_online": "Findet als Livestream statt!",
21
+ "event_status_moved_online_short": "Als Livestream!",
22
+ "event_status_gets_update": "Wird aktualisiert!",
15
23
  "feature_box_anchor": "Livestream Player anspringen",
16
24
  "gallery_image_copyright": "Bild &copy; {0}",
17
25
  "group_tabbed_more": "weitere Meldungen aus {0}",
@@ -80,5 +88,7 @@
80
88
  "label_talk": "Talk",
81
89
  "search_input_aria_submit": "Suche starten",
82
90
  "search_input_placeholder": "Ort oder Thema suchen",
91
+ "ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
92
+ "ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
83
93
  "header_homepage_link_title": "Startseite hr2 . d e"
84
94
  }
@@ -1,3 +1,4 @@
1
1
  {
2
+ "event_calendar_title": "Eventkalender",
2
3
  "header_homepage_link_title": "Startseite hr3 . d e"
3
4
  }
@@ -12,6 +12,14 @@
12
12
  "comment_label_text": "Kommentar",
13
13
  "comment_label_text_many": "Kommentare",
14
14
  "date_simple_at": "{0} Uhr",
15
+ "event_calendar_no_events_available": "<strong>Hinweis:</strong><br />Es liegen aktuell noch keine Einträge für den gewählten Zeitraum vor.",
16
+ "event_calendar_monthly_overview_link": "Zur Monats-Übersicht",
17
+ "event_calendar_title": "Eventkalender",
18
+ "event_status_cancelled": "Abgesagt!",
19
+ "event_status_rescheduled": "Verschoben!",
20
+ "event_status_moved_online": "Findet als Livestream statt!",
21
+ "event_status_moved_online_short": "Als Livestream!",
22
+ "event_status_gets_update": "Wird aktualisiert!",
15
23
  "feature_box_anchor": "Livestream Player anspringen",
16
24
  "gallery_image_copyright": "Bild &copy; {0}",
17
25
  "group_tabbed_more": "weitere Meldungen aus {0}",
@@ -80,5 +88,7 @@
80
88
  "label_talk": "Talk",
81
89
  "search_input_aria_submit": "Suche starten",
82
90
  "search_input_placeholder": "Ort oder Thema suchen",
91
+ "ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
92
+ "ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
83
93
  "header_homepage_link_title": "Startseite hr3 . d e"
84
94
  }
@@ -1,3 +1,4 @@
1
1
  {
2
+ "event_calendar_title": "Eventkalender",
2
3
  "header_homepage_link_title": "Startseite hr4 . d e"
3
4
  }
@@ -12,6 +12,14 @@
12
12
  "comment_label_text": "Kommentar",
13
13
  "comment_label_text_many": "Kommentare",
14
14
  "date_simple_at": "{0} Uhr",
15
+ "event_calendar_no_events_available": "<strong>Hinweis:</strong><br />Es liegen aktuell noch keine Einträge für den gewählten Zeitraum vor.",
16
+ "event_calendar_monthly_overview_link": "Zur Monats-Übersicht",
17
+ "event_calendar_title": "Eventkalender",
18
+ "event_status_cancelled": "Abgesagt!",
19
+ "event_status_rescheduled": "Verschoben!",
20
+ "event_status_moved_online": "Findet als Livestream statt!",
21
+ "event_status_moved_online_short": "Als Livestream!",
22
+ "event_status_gets_update": "Wird aktualisiert!",
15
23
  "feature_box_anchor": "Livestream Player anspringen",
16
24
  "gallery_image_copyright": "Bild &copy; {0}",
17
25
  "group_tabbed_more": "weitere Meldungen aus {0}",
@@ -80,5 +88,7 @@
80
88
  "label_talk": "Talk",
81
89
  "search_input_aria_submit": "Suche starten",
82
90
  "search_input_placeholder": "Ort oder Thema suchen",
91
+ "ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
92
+ "ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
83
93
  "header_homepage_link_title": "Startseite hr4 . d e"
84
94
  }
@@ -1,3 +1,4 @@
1
1
  {
2
+ "event_calendar_title": "Eventkalender",
2
3
  "header_homepage_link_title": "Startseite you-fm . d e"
3
4
  }
@@ -12,6 +12,14 @@
12
12
  "comment_label_text": "Kommentar",
13
13
  "comment_label_text_many": "Kommentare",
14
14
  "date_simple_at": "{0} Uhr",
15
+ "event_calendar_no_events_available": "<strong>Hinweis:</strong><br />Es liegen aktuell noch keine Einträge für den gewählten Zeitraum vor.",
16
+ "event_calendar_monthly_overview_link": "Zur Monats-Übersicht",
17
+ "event_calendar_title": "Eventkalender",
18
+ "event_status_cancelled": "Abgesagt!",
19
+ "event_status_rescheduled": "Verschoben!",
20
+ "event_status_moved_online": "Findet als Livestream statt!",
21
+ "event_status_moved_online_short": "Als Livestream!",
22
+ "event_status_gets_update": "Wird aktualisiert!",
15
23
  "feature_box_anchor": "Livestream Player anspringen",
16
24
  "gallery_image_copyright": "Bild &copy; {0}",
17
25
  "group_tabbed_more": "weitere Meldungen aus {0}",
@@ -80,5 +88,7 @@
80
88
  "label_talk": "Talk",
81
89
  "search_input_aria_submit": "Suche starten",
82
90
  "search_input_placeholder": "Ort oder Thema suchen",
91
+ "ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
92
+ "ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
83
93
  "header_homepage_link_title": "Startseite you-fm . d e"
84
94
  }
@@ -24,6 +24,24 @@
24
24
  }
25
25
  }
26
26
 
27
+ .ar-4-3 {
28
+ aspect-ratio: 4 / 3;
29
+ }
30
+
31
+ @supports not (aspect-ratio: 4 / 3) {
32
+ .ar-4-3::before {
33
+ float: left;
34
+ padding-top: calc(4 / 3 * 100%);
35
+ content: '';
36
+ }
37
+
38
+ .ar-4-3::after {
39
+ display: block;
40
+ content: '';
41
+ clear: both;
42
+ }
43
+ }
44
+
27
45
  .ar-1-1 {
28
46
  aspect-ratio: 1 / 1;
29
47
  }
@@ -42,6 +60,24 @@
42
60
  }
43
61
  }
44
62
 
63
+ .ar-auto {
64
+ aspect-ratio: auto;
65
+ }
66
+
67
+ @supports not (aspect-ratio: auto) {
68
+ .ar-auto::before {
69
+ float: initial;
70
+ padding-top: 0;
71
+ content: '';
72
+ }
73
+
74
+ .ar-auto::after {
75
+ display: inline;
76
+ content: '';
77
+ clear: none;
78
+ }
79
+ }
80
+
45
81
  /*! ********************************/
46
82
  /*! Aspect Ratio with fallback end */
47
83
  /*! ********************************/
@@ -0,0 +1,10 @@
1
+ {
2
+ "eventCalendar": {
3
+ "months": {
4
+ "@->jsoninclude": "event/calendar/event_calendar_months.inc.json",
5
+ "@->contentpath": "eventDate"
6
+ },
7
+ "hasSelectedEvents": true,
8
+ "hasFutureEventsFromNow": true
9
+ }
10
+ }
@@ -0,0 +1,89 @@
1
+ {
2
+ "2023-01-09": {
3
+ "isDateInstant": false,
4
+ "startDate": {
5
+ "htmlDate": "2023-01-09",
6
+ "day": 9,
7
+ "weekdayNameShort": "Mon",
8
+ "monthNameShort": "Jan"
9
+ },
10
+ "startTime": {
11
+ "time": "18:00"
12
+ },
13
+ "image": {
14
+ "@->jsoninclude": "teaser/teaser_images.inc.json",
15
+ "@->contentpath": "event-teaser_100",
16
+ "@->replaceToken": [
17
+ {
18
+ "@->token": "image",
19
+ "@->value": "emmanuel-tjeknavorian-108"
20
+ }
21
+ ]
22
+ },
23
+ "link": {
24
+ "url": "/event_100",
25
+ "webviewUrl": "/event_100#webview",
26
+ "isTargetBlank": false,
27
+ "hasIcon": false,
28
+ "iconName": "iconName",
29
+ "readMoreText": {
30
+ "readMoreScreenreader": "Zum Event",
31
+ "readMore": "mehr",
32
+ "readMoreLong": "read More Long"
33
+ }
34
+ },
35
+ "label": {
36
+ "@->jsoninclude": "teaser/teaser_labels.inc.json",
37
+ "@->contentpath": "event"
38
+ },
39
+ "title": "Finale: Landeswettbewerb Jugend jazzt Hessen für Big Bands",
40
+ "eventtags": {
41
+ "series": {
42
+ "title": "Hessen lacht"
43
+ },
44
+ "project": {
45
+ "title": "HR Bigband sucht den Superjazzer"
46
+ }
47
+ },
48
+ "venue": {
49
+ "addressCity": "Frankfurt",
50
+ "title": "Festhalle"
51
+ },
52
+ "isSoldOut": false,
53
+ "hasStatus": true,
54
+ "statusDescriptionForLabelShort": "event_status_cancelled",
55
+ "concertInfo": {
56
+ "artists": {
57
+ "artistsAndGroups": [
58
+ {
59
+ "artist": {
60
+ "name": "Peter Maffay",
61
+ "groupName": "hr bigband",
62
+ "role": "Sänger"
63
+ },
64
+ "artistGroup": "hr bigband"
65
+ }
66
+ ],
67
+ "isEmpty": false,
68
+ "description": "Tolle Künstler"
69
+ },
70
+ "compositions": {
71
+ "isEmpty": false,
72
+ "description": "Komposition-Description",
73
+ "compositions": [
74
+ {
75
+ "composerAndComposition": true,
76
+ "composer": "Udo Lindenberg",
77
+ "name": "Horizont"
78
+ }
79
+ ]
80
+ },
81
+ "concertInfoHead": {
82
+ "title": "Das Fest",
83
+ "description": "Ein tolles Festival erwartet Sie",
84
+ "isEmpty": false
85
+ },
86
+ "isEmpty": false
87
+ }
88
+ }
89
+ }
@@ -0,0 +1,4 @@
1
+ {
2
+ "@->jsoninclude": "event/calendar/event_calendar_event_teaser.inc.json",
3
+ "@->contentpath": "2023-01-09"
4
+ }
@@ -0,0 +1,14 @@
1
+ {
2
+ "link": {
3
+ "url": "/monatsuebersicht-100",
4
+ "webviewUrl": "/monatsuebersicht-100#webview",
5
+ "isTargetBlank": false,
6
+ "hasIcon": false,
7
+ "iconName": "iconName",
8
+ "readMoreText": {
9
+ "readMoreScreenreader": "Zum Artikel",
10
+ "readMore": "mehr",
11
+ "readMoreLong": "read More Long"
12
+ }
13
+ }
14
+ }