hr-design-system-handlebars 1.43.1 → 1.45.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 (32) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/assets/brand/_default/conf/locatags.json +14 -0
  3. package/dist/assets/index.css +20 -3
  4. package/dist/views/components/article/components/podcast/podcast_episode_article.hbs +5 -5
  5. package/dist/views/components/geoTag/geoTag_list.hbs +18 -0
  6. package/dist/views/components/socialmedia/socialmedia.hbs +70 -70
  7. package/dist/views/components/topictag/topictag_list.hbs +18 -0
  8. package/dist/views_static/components/article/components/podcast/podcast_episode_article.hbs +5 -5
  9. package/dist/views_static/components/geoTag/geoTag_list.hbs +18 -0
  10. package/dist/views_static/components/socialmedia/socialmedia.hbs +70 -70
  11. package/dist/views_static/components/topictag/topictag_list.hbs +18 -0
  12. package/package.json +1 -1
  13. package/src/assets/brand/_default/conf/locatags.json +14 -0
  14. package/src/assets/brand/hessenschau/conf/locatags.merged.json +14 -0
  15. package/src/assets/brand/hr/conf/locatags.merged.json +14 -0
  16. package/src/assets/brand/hr-bigband/conf/locatags.merged.json +14 -0
  17. package/src/assets/brand/hr-fernsehen/conf/locatags.merged.json +14 -0
  18. package/src/assets/brand/hr-inforadio/conf/locatags.merged.json +14 -0
  19. package/src/assets/brand/hr-rundfunkrat/conf/locatags.merged.json +14 -0
  20. package/src/assets/brand/hr-sinfonieorchester/conf/locatags.merged.json +14 -0
  21. package/src/assets/brand/hr-werbung/conf/locatags.merged.json +14 -0
  22. package/src/assets/brand/hr1/conf/locatags.merged.json +14 -0
  23. package/src/assets/brand/hr2/conf/locatags.merged.json +14 -0
  24. package/src/assets/brand/hr3/conf/locatags.merged.json +14 -0
  25. package/src/assets/brand/hr4/conf/locatags.merged.json +14 -0
  26. package/src/assets/brand/you-fm/conf/locatags.merged.json +14 -0
  27. package/src/assets/fixtures/article/components/podcast/podcast_player_episode.json +44 -0
  28. package/src/stories/views/components/article/components/podcast/fixtures/podcast_player_episode.json +1 -1
  29. package/src/stories/views/components/article/components/podcast/podcast_episode_article.hbs +5 -5
  30. package/src/stories/views/components/geoTag/geoTag_list.hbs +18 -0
  31. package/src/stories/views/components/socialmedia/socialmedia.hbs +70 -70
  32. package/src/stories/views/components/topictag/topictag_list.hbs +18 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,27 @@
1
+ # v1.45.0 (Thu Oct 26 2023)
2
+
3
+ #### 🚀 Enhancement
4
+
5
+ - geotag list / css fixes for mobile view [#739](https://github.com/mumprod/hr-design-system-handlebars/pull/739) ([@StefanVesper](https://github.com/StefanVesper))
6
+
7
+ #### Authors: 1
8
+
9
+ - SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
10
+
11
+ ---
12
+
13
+ # v1.44.0 (Thu Oct 26 2023)
14
+
15
+ #### 🚀 Enhancement
16
+
17
+ - Dpe 2484 appendix topictags [#738](https://github.com/mumprod/hr-design-system-handlebars/pull/738) ([@StefanVesper](https://github.com/StefanVesper))
18
+
19
+ #### Authors: 1
20
+
21
+ - SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
22
+
23
+ ---
24
+
1
25
  # v1.43.1 (Thu Oct 26 2023)
2
26
 
3
27
  #### 🐛 Bug Fix
package/dist/assets/brand/_default/conf/locatags.json CHANGED
@@ -28,6 +28,14 @@
28
28
  "event_status_gets_update": "Wird aktualisiert!",
29
29
  "feature_box_anchor": "Livestream Player anspringen",
30
30
  "gallery_image_copyright": "Bild © {0}",
31
+ "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
32
+ "geotag_metadescription_prefix": "",
33
+ "geotag_metatitle_prefix": "aktuelle Nachrichten und Informationen ",
34
+ "geomap_metadescription_prefix": "Alle Beiträge aus ",
35
+ "geomap_metatitle_prefix": "Nachrichten aus ",
36
+ "geotag_page_headline": "Alle Beiträge aus",
37
+ "geotag_page_shortnews_headline": "Kurzmeldungen aus {0}",
38
+ "geotag_related_content_headline": "Orte",
31
39
  "group_tabbed_more": "weitere Meldungen aus {0}",
32
40
  "homepage_metatitle": "Nachrichten aus Hessen",
33
41
  "javascript_disabled": "Keine Videowiedergabe möglich. Bitte aktivieren Sie Javascript oder deaktivieren Sie Tools, die die Scriptausführung im Browser unterbinden.",
@@ -113,6 +121,12 @@
113
121
  "ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
114
122
  "ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
115
123
  "ticker_more":"Zum Ticker",
124
+ "topictag_headline": "Alle Beiträge zum Thema {0}",
125
+ "topictag_metadescription_prefix": "Alle Beiträge zum Thema ",
126
+ "topictag_metatitle_prefix": "aktuelle Nachrichten und Informationen zum Thema ",
127
+ "topictag_related_content_headline": "Themen",
128
+ "topictag_related_title": "Das könnte Sie auch interessieren",
129
+ "topictag_topline": "Thema",
116
130
  "cookies_setting_button_text": "Einstellungen",
117
131
  "cookies_setting_description_title": "Externe Inhalte",
118
132
  "cookies_setting_description_text": "Hier können Sie festlegen, ob externe Inhalte (Text, Bild, Video…) ohne erneute Zustimmung angezeigt werden sollen. Bei Aktivierung stellt Ihr Browser beim Abruf der Inhalte eine Verbindung mit dem Anbieter her. Bei Deaktivierung wird Ihre Zustimmung auf der betreffenden Seite erneut eingeholt.",
package/dist/assets/index.css CHANGED
@@ -1791,6 +1791,10 @@ video {
1791
1791
  .gap-5 {
1792
1792
  gap: 1.25rem;
1793
1793
  }
1794
+ .gap-x-1 {
1795
+ -moz-column-gap: 0.25rem;
1796
+ column-gap: 0.25rem;
1797
+ }
1794
1798
  .gap-x-2 {
1795
1799
  -moz-column-gap: 0.5rem;
1796
1800
  column-gap: 0.5rem;
@@ -3040,7 +3044,7 @@ video {
3040
3044
  border-bottom-color: var(--color-secondary-ds);
3041
3045
  }
3042
3046
  .counter-reset {
3043
- counter-reset: cnt1698314328677;
3047
+ counter-reset: cnt1698329881755;
3044
3048
  }
3045
3049
  .hyphens-auto {
3046
3050
  -webkit-hyphens: auto;
@@ -3303,7 +3307,7 @@ video {
3303
3307
  --tw-ring-color: rgba(255, 255, 255, 0.5);
3304
3308
  }
3305
3309
  .-ordered {
3306
- counter-increment: cnt1698314328677 1;
3310
+ counter-increment: cnt1698329881755 1;
3307
3311
  }
3308
3312
  .-ordered::before {
3309
3313
  position: absolute;
@@ -3319,7 +3323,7 @@ video {
3319
3323
  letter-spacing: .0125em;
3320
3324
  --tw-text-opacity: 1;
3321
3325
  color: rgba(0, 0, 0, var(--tw-text-opacity));
3322
- content: counter(cnt1698314328677);
3326
+ content: counter(cnt1698329881755);
3323
3327
  }
3324
3328
  /*! ****************************/
3325
3329
  /*! DataPolicy stuff */
@@ -5081,6 +5085,10 @@ video {
5081
5085
  width: fit-content;
5082
5086
  }
5083
5087
 
5088
+ .sm\:w-full {
5089
+ width: 100%;
5090
+ }
5091
+
5084
5092
  .sm\:max-w-xl {
5085
5093
  max-width: 36rem;
5086
5094
  }
@@ -5097,6 +5105,11 @@ video {
5097
5105
  flex-direction: row;
5098
5106
  }
5099
5107
 
5108
+ .sm\:gap-x-2 {
5109
+ -moz-column-gap: 0.5rem;
5110
+ column-gap: 0.5rem;
5111
+ }
5112
+
5100
5113
  .sm\:bg-transparent {
5101
5114
  background-color: transparent;
5102
5115
  }
@@ -5156,6 +5169,10 @@ video {
5156
5169
  padding-top: 0px;
5157
5170
  }
5158
5171
 
5172
+ .sm\:pt-2 {
5173
+ padding-top: 0.5rem;
5174
+ }
5175
+
5159
5176
  .sm\:pt-3 {
5160
5177
  padding-top: 0.75rem;
5161
5178
  }
package/dist/views/components/article/components/podcast/podcast_episode_article.hbs CHANGED
@@ -16,19 +16,19 @@
16
16
 
17
17
  <aside class="order-4 pt-6 aside md:order-2 sm:ml-8 sm:w-[220px]"
18
18
  aria-label='{{loca "appendix_title"}}'>
19
- <div class="c-appendix">
19
+ <div class="c-appendix flex flex-col first:border-t last:border-b py-6 gap-y-6 border-dotted border-[#797979] ">
20
20
  {{#unless _webview}}
21
21
  {{!-- {{~#with this.backLinkUrl ~}}
22
22
  {{~> components/base/link/backlink _addClass="appendix__backlink" ~}}
23
- {{~/with~}}
23
+ {{~/with~}}--}}
24
24
 
25
25
  {{~#with this.geotag ~}}
26
- {{~> modules/geotag/geotag-list ~}}
26
+ {{~> components/geoTag/geoTag_list ~}}
27
27
  {{~/with~}}
28
28
 
29
29
  {{~#with this.topictags ~}}
30
- {{~> modules/topictag/topictag-list ~}}
31
- {{~/with~}} --}}
30
+ {{~> components/topictag/topictag_list ~}}
31
+ {{~/with~}}
32
32
 
33
33
  {{~#with this.socialSharing ~}}
34
34
  {{~> components/socialmedia/socialmedia ~}}
package/dist/views/components/geoTag/geoTag_list.hbs ADDED
@@ -0,0 +1,18 @@
1
+ <div class="appendix__entry">
2
+ <nav class="block" role="navigation" aria-label="{{loca "geotag_related_content_headline"}}">
3
+ <span class="text-sm uppercase font-headingSerif w-fit sm:w-full">{{loca "geotag_related_content_headline"}}</span><!--
4
+ -->
5
+ <ul class="flex flex-wrap sm:block gap-x-4 w-fit sm:w-full sm:pt-2 ">
6
+ {{~#each this~}}
7
+ <li class="text-primary">
8
+ <a class="flex items-center gap-x-1" href="{{this.url}}">
9
+ {{~> components/base/image/icon _icon="ortsmarke" _addClass="w-5 h-5 fill-current"~}}
10
+
11
+ {{~this.title~}}
12
+
13
+ </a>
14
+ </li>
15
+ {{~/each~}}
16
+ </ul>
17
+ </nav>
18
+ </div>
package/dist/views/components/socialmedia/socialmedia.hbs CHANGED
@@ -1,78 +1,78 @@
1
- <div class="w-full flex first:border-t last:border-b py-6 border-dotted border-[#797979] -socialsharing">
2
- <div class="flex flex-wrap">
3
- <span class="inline-flex text-xl font-headingSerif">{{loca "share_headline" }}</span>
4
-
5
- <ul class="flex flex-wrap w-full pt-2 gap-x-2 gap-y-2 -socialsharing">
6
- {{~#with this.twitterLink ~}}
7
- <li>
8
- <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
9
- href="{{this}}"
10
- target="_blank"
11
- rel="noopener noreferrer"
12
- title="{{loca "share_twitter_linktitle" }}"
13
- {{#with ../../this.content.trackingData}}
14
- data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::twitter"}]}'
15
- {{/with}}
16
- >
17
- {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#55acee]" _icon="twitter" _iconmap="icons" ~}}
18
- </a>
19
- </li>
20
- {{~/with~}}
21
- {{~#with this.facebookLink ~}}
22
- <li>
23
- <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
24
- href="{{this}}"
25
- target="_blank"
26
- rel="noopener noreferrer"
27
- title="{{loca "share_facebook_linktitle" }}"
28
- {{#with ../../this.content.trackingData}}
29
- data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::facebook"}]}'
30
- {{/with}}
31
- >
32
- {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#3b5999]" _icon="facebook" _iconmap="icons" ~}}
33
- </a>
34
- </li>
35
- {{~/with~}}
36
- {{~#with this.whatsappLink ~}}
37
- <li>
38
- <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
39
- href="{{this}}"
40
- target="_blank"
41
- rel="noopener noreferrer"
42
- title="{{loca "share_whatsapp_linktitle" }}"
43
- {{#with ../../this.content.trackingData}}
44
- data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::whatsapp"}]}'
45
- {{/with}}
46
- >
47
- {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#4dc247]" _icon="whatsapp" _iconmap="icons" ~}}
48
- </a>
49
- </li>
50
- {{~/with~}}
51
- {{~#with this.mailtoLink ~}}
52
- <li>
53
- <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
54
- href="{{this}}"
55
- title="{{loca "share_mail_linktitle" }}"
56
- {{#with ../../this.content.trackingData}}
57
- data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::mailto"}]}'
58
- {{/with}}
59
- >
60
- {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#006dc1]" _icon="mail" _iconmap="icons" ~}}
61
- </a>
62
- </li>
63
- {{~/with~}}
1
+ <div class="-socialsharing">
2
+ <div class="block">
3
+ <span class="text-sm uppercase font-headingSerif w-fit sm:w-full">{{loca "share_headline" }}</span>
64
4
 
5
+ <ul class="flex flex-wrap pt-2 w-fit sm:w-full gap-x-6 sm:gap-x-2 gap-y-2">
6
+ {{~#with this.twitterLink ~}}
65
7
  <li>
66
- <a class="{{#with ../this.content.trackingData}} js-load{{/with}}"
67
- href="javascript:window.print()"
68
- title="{{loca "share_print_linktitle" }}"
69
- {{#with ../this.content.trackingData}}
70
- data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::printbutton"}]}'
8
+ <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
9
+ href="{{this}}"
10
+ target="_blank"
11
+ rel="noopener noreferrer"
12
+ title="{{loca "share_twitter_linktitle" }}"
13
+ {{#with ../../this.content.trackingData}}
14
+ data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::twitter"}]}'
71
15
  {{/with}}
72
16
  >
73
- {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#606060]" _icon="print" _iconmap="icons" ~}}
17
+ {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#55acee]" _icon="twitter" _iconmap="icons" ~}}
74
18
  </a>
75
19
  </li>
76
- </ul>
20
+ {{~/with~}}
21
+ {{~#with this.facebookLink ~}}
22
+ <li>
23
+ <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
24
+ href="{{this}}"
25
+ target="_blank"
26
+ rel="noopener noreferrer"
27
+ title="{{loca "share_facebook_linktitle" }}"
28
+ {{#with ../../this.content.trackingData}}
29
+ data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::facebook"}]}'
30
+ {{/with}}
31
+ >
32
+ {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#3b5999]" _icon="facebook" _iconmap="icons" ~}}
33
+ </a>
34
+ </li>
35
+ {{~/with~}}
36
+ {{~#with this.whatsappLink ~}}
37
+ <li>
38
+ <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
39
+ href="{{this}}"
40
+ target="_blank"
41
+ rel="noopener noreferrer"
42
+ title="{{loca "share_whatsapp_linktitle" }}"
43
+ {{#with ../../this.content.trackingData}}
44
+ data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::whatsapp"}]}'
45
+ {{/with}}
46
+ >
47
+ {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#4dc247]" _icon="whatsapp" _iconmap="icons" ~}}
48
+ </a>
49
+ </li>
50
+ {{~/with~}}
51
+ {{~#with this.mailtoLink ~}}
52
+ <li>
53
+ <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
54
+ href="{{this}}"
55
+ title="{{loca "share_mail_linktitle" }}"
56
+ {{#with ../../this.content.trackingData}}
57
+ data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::mailto"}]}'
58
+ {{/with}}
59
+ >
60
+ {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#006dc1]" _icon="mail" _iconmap="icons" ~}}
61
+ </a>
62
+ </li>
63
+ {{~/with~}}
64
+
65
+ <li>
66
+ <a class="{{#with ../this.content.trackingData}} js-load{{/with}}"
67
+ href="javascript:window.print()"
68
+ title="{{loca "share_print_linktitle" }}"
69
+ {{#with ../this.content.trackingData}}
70
+ data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::printbutton"}]}'
71
+ {{/with}}
72
+ >
73
+ {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#606060]" _icon="print" _iconmap="icons" ~}}
74
+ </a>
75
+ </li>
76
+ </ul>
77
77
  </div>
78
78
  </div>
package/dist/views/components/topictag/topictag_list.hbs ADDED
@@ -0,0 +1,18 @@
1
+ <div class="appendix__entry">
2
+ <nav class="block" role="navigation" aria-label="{{loca "topictag_related_content_headline"}}">
3
+ <span class="text-sm uppercase font-headingSerif w-fit sm:w-full">{{loca "topictag_related_content_headline"}}</span><!--
4
+ -->
5
+ <ul class="flex flex-wrap sm:block gap-x-4 w-fit sm:w-full sm:pt-2 ">
6
+ {{~#each this~}}
7
+ <li class="text-primary">
8
+ <a class="flex items-center gap-x-1" href="{{this.url}}">
9
+ {{~> components/base/image/icon _icon="taglabel" _addClass="w-5 h-5 fill-current"~}}
10
+
11
+ {{~this.title~}}
12
+
13
+ </a>
14
+ </li>
15
+ {{~/each~}}
16
+ </ul>
17
+ </nav>
18
+ </div>
package/dist/views_static/components/article/components/podcast/podcast_episode_article.hbs CHANGED
@@ -16,19 +16,19 @@
16
16
 
17
17
  <aside class="order-4 pt-6 aside md:order-2 sm:ml-8 sm:w-[220px]"
18
18
  aria-label='{{loca "appendix_title"}}'>
19
- <div class="c-appendix">
19
+ <div class="c-appendix flex flex-col first:border-t last:border-b py-6 gap-y-6 border-dotted border-[#797979] ">
20
20
  {{#unless _webview}}
21
21
  {{!-- {{~#with this.backLinkUrl ~}}
22
22
  {{~> components/base/link/backlink _addClass="appendix__backlink" ~}}
23
- {{~/with~}}
23
+ {{~/with~}}--}}
24
24
 
25
25
  {{~#with this.geotag ~}}
26
- {{~> modules/geotag/geotag-list ~}}
26
+ {{~> components/geoTag/geoTag_list ~}}
27
27
  {{~/with~}}
28
28
 
29
29
  {{~#with this.topictags ~}}
30
- {{~> modules/topictag/topictag-list ~}}
31
- {{~/with~}} --}}
30
+ {{~> components/topictag/topictag_list ~}}
31
+ {{~/with~}}
32
32
 
33
33
  {{~#with this.socialSharing ~}}
34
34
  {{~> components/socialmedia/socialmedia ~}}
package/dist/views_static/components/geoTag/geoTag_list.hbs ADDED
@@ -0,0 +1,18 @@
1
+ <div class="appendix__entry">
2
+ <nav class="block" role="navigation" aria-label="{{loca "geotag_related_content_headline"}}">
3
+ <span class="text-sm uppercase font-headingSerif w-fit sm:w-full">{{loca "geotag_related_content_headline"}}</span><!--
4
+ -->
5
+ <ul class="flex flex-wrap sm:block gap-x-4 w-fit sm:w-full sm:pt-2 ">
6
+ {{~#each this~}}
7
+ <li class="text-primary">
8
+ <a class="flex items-center gap-x-1" href="{{this.url}}">
9
+ {{~> components/base/image/icon _icon="ortsmarke" _addClass="w-5 h-5 fill-current"~}}
10
+
11
+ {{~this.title~}}
12
+
13
+ </a>
14
+ </li>
15
+ {{~/each~}}
16
+ </ul>
17
+ </nav>
18
+ </div>
package/dist/views_static/components/socialmedia/socialmedia.hbs CHANGED
@@ -1,78 +1,78 @@
1
- <div class="w-full flex first:border-t last:border-b py-6 border-dotted border-[#797979] -socialsharing">
2
- <div class="flex flex-wrap">
3
- <span class="inline-flex text-xl font-headingSerif">{{loca "share_headline" }}</span>
4
-
5
- <ul class="flex flex-wrap w-full pt-2 gap-x-2 gap-y-2 -socialsharing">
6
- {{~#with this.twitterLink ~}}
7
- <li>
8
- <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
9
- href="{{this}}"
10
- target="_blank"
11
- rel="noopener noreferrer"
12
- title="{{loca "share_twitter_linktitle" }}"
13
- {{#with ../../this.content.trackingData}}
14
- data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::twitter"}]}'
15
- {{/with}}
16
- >
17
- {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#55acee]" _icon="twitter" _iconmap="icons" ~}}
18
- </a>
19
- </li>
20
- {{~/with~}}
21
- {{~#with this.facebookLink ~}}
22
- <li>
23
- <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
24
- href="{{this}}"
25
- target="_blank"
26
- rel="noopener noreferrer"
27
- title="{{loca "share_facebook_linktitle" }}"
28
- {{#with ../../this.content.trackingData}}
29
- data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::facebook"}]}'
30
- {{/with}}
31
- >
32
- {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#3b5999]" _icon="facebook" _iconmap="icons" ~}}
33
- </a>
34
- </li>
35
- {{~/with~}}
36
- {{~#with this.whatsappLink ~}}
37
- <li>
38
- <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
39
- href="{{this}}"
40
- target="_blank"
41
- rel="noopener noreferrer"
42
- title="{{loca "share_whatsapp_linktitle" }}"
43
- {{#with ../../this.content.trackingData}}
44
- data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::whatsapp"}]}'
45
- {{/with}}
46
- >
47
- {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#4dc247]" _icon="whatsapp" _iconmap="icons" ~}}
48
- </a>
49
- </li>
50
- {{~/with~}}
51
- {{~#with this.mailtoLink ~}}
52
- <li>
53
- <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
54
- href="{{this}}"
55
- title="{{loca "share_mail_linktitle" }}"
56
- {{#with ../../this.content.trackingData}}
57
- data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::mailto"}]}'
58
- {{/with}}
59
- >
60
- {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#006dc1]" _icon="mail" _iconmap="icons" ~}}
61
- </a>
62
- </li>
63
- {{~/with~}}
1
+ <div class="-socialsharing">
2
+ <div class="block">
3
+ <span class="text-sm uppercase font-headingSerif w-fit sm:w-full">{{loca "share_headline" }}</span>
64
4
 
5
+ <ul class="flex flex-wrap pt-2 w-fit sm:w-full gap-x-6 sm:gap-x-2 gap-y-2">
6
+ {{~#with this.twitterLink ~}}
65
7
  <li>
66
- <a class="{{#with ../this.content.trackingData}} js-load{{/with}}"
67
- href="javascript:window.print()"
68
- title="{{loca "share_print_linktitle" }}"
69
- {{#with ../this.content.trackingData}}
70
- data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::printbutton"}]}'
8
+ <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
9
+ href="{{this}}"
10
+ target="_blank"
11
+ rel="noopener noreferrer"
12
+ title="{{loca "share_twitter_linktitle" }}"
13
+ {{#with ../../this.content.trackingData}}
14
+ data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::twitter"}]}'
71
15
  {{/with}}
72
16
  >
73
- {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#606060]" _icon="print" _iconmap="icons" ~}}
17
+ {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#55acee]" _icon="twitter" _iconmap="icons" ~}}
74
18
  </a>
75
19
  </li>
76
- </ul>
20
+ {{~/with~}}
21
+ {{~#with this.facebookLink ~}}
22
+ <li>
23
+ <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
24
+ href="{{this}}"
25
+ target="_blank"
26
+ rel="noopener noreferrer"
27
+ title="{{loca "share_facebook_linktitle" }}"
28
+ {{#with ../../this.content.trackingData}}
29
+ data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::facebook"}]}'
30
+ {{/with}}
31
+ >
32
+ {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#3b5999]" _icon="facebook" _iconmap="icons" ~}}
33
+ </a>
34
+ </li>
35
+ {{~/with~}}
36
+ {{~#with this.whatsappLink ~}}
37
+ <li>
38
+ <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
39
+ href="{{this}}"
40
+ target="_blank"
41
+ rel="noopener noreferrer"
42
+ title="{{loca "share_whatsapp_linktitle" }}"
43
+ {{#with ../../this.content.trackingData}}
44
+ data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::whatsapp"}]}'
45
+ {{/with}}
46
+ >
47
+ {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#4dc247]" _icon="whatsapp" _iconmap="icons" ~}}
48
+ </a>
49
+ </li>
50
+ {{~/with~}}
51
+ {{~#with this.mailtoLink ~}}
52
+ <li>
53
+ <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
54
+ href="{{this}}"
55
+ title="{{loca "share_mail_linktitle" }}"
56
+ {{#with ../../this.content.trackingData}}
57
+ data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::mailto"}]}'
58
+ {{/with}}
59
+ >
60
+ {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#006dc1]" _icon="mail" _iconmap="icons" ~}}
61
+ </a>
62
+ </li>
63
+ {{~/with~}}
64
+
65
+ <li>
66
+ <a class="{{#with ../this.content.trackingData}} js-load{{/with}}"
67
+ href="javascript:window.print()"
68
+ title="{{loca "share_print_linktitle" }}"
69
+ {{#with ../this.content.trackingData}}
70
+ data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::printbutton"}]}'
71
+ {{/with}}
72
+ >
73
+ {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#606060]" _icon="print" _iconmap="icons" ~}}
74
+ </a>
75
+ </li>
76
+ </ul>
77
77
  </div>
78
78
  </div>
package/dist/views_static/components/topictag/topictag_list.hbs ADDED
@@ -0,0 +1,18 @@
1
+ <div class="appendix__entry">
2
+ <nav class="block" role="navigation" aria-label="{{loca "topictag_related_content_headline"}}">
3
+ <span class="text-sm uppercase font-headingSerif w-fit sm:w-full">{{loca "topictag_related_content_headline"}}</span><!--
4
+ -->
5
+ <ul class="flex flex-wrap sm:block gap-x-4 w-fit sm:w-full sm:pt-2 ">
6
+ {{~#each this~}}
7
+ <li class="text-primary">
8
+ <a class="flex items-center gap-x-1" href="{{this.url}}">
9
+ {{~> components/base/image/icon _icon="taglabel" _addClass="w-5 h-5 fill-current"~}}
10
+
11
+ {{~this.title~}}
12
+
13
+ </a>
14
+ </li>
15
+ {{~/each~}}
16
+ </ul>
17
+ </nav>
18
+ </div>
package/package.json CHANGED
@@ -6,7 +6,7 @@
6
6
  "license": "MIT",
7
7
  "main": "dist/index.js",
8
8
  "repository": "https://github.com/szuelch/hr-design-system-handlebars",
9
- "version": "1.43.1",
9
+ "version": "1.45.0",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
package/src/assets/brand/_default/conf/locatags.json CHANGED
@@ -28,6 +28,14 @@
28
28
  "event_status_gets_update": "Wird aktualisiert!",
29
29
  "feature_box_anchor": "Livestream Player anspringen",
30
30
  "gallery_image_copyright": "Bild &copy; {0}",
31
+ "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
32
+ "geotag_metadescription_prefix": "",
33
+ "geotag_metatitle_prefix": "aktuelle Nachrichten und Informationen ",
34
+ "geomap_metadescription_prefix": "Alle Beiträge aus ",
35
+ "geomap_metatitle_prefix": "Nachrichten aus ",
36
+ "geotag_page_headline": "Alle Beiträge aus",
37
+ "geotag_page_shortnews_headline": "Kurzmeldungen aus {0}",
38
+ "geotag_related_content_headline": "Orte",
31
39
  "group_tabbed_more": "weitere Meldungen aus {0}",
32
40
  "homepage_metatitle": "Nachrichten aus Hessen",
33
41
  "javascript_disabled": "Keine Videowiedergabe möglich. Bitte aktivieren Sie Javascript oder deaktivieren Sie Tools, die die Scriptausführung im Browser unterbinden.",
@@ -113,6 +121,12 @@
113
121
  "ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
114
122
  "ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
115
123
  "ticker_more":"Zum Ticker",
124
+ "topictag_headline": "Alle Beiträge zum Thema {0}",
125
+ "topictag_metadescription_prefix": "Alle Beiträge zum Thema ",
126
+ "topictag_metatitle_prefix": "aktuelle Nachrichten und Informationen zum Thema ",
127
+ "topictag_related_content_headline": "Themen",
128
+ "topictag_related_title": "Das könnte Sie auch interessieren",
129
+ "topictag_topline": "Thema",
116
130
  "cookies_setting_button_text": "Einstellungen",
117
131
  "cookies_setting_description_title": "Externe Inhalte",
118
132
  "cookies_setting_description_text": "Hier können Sie festlegen, ob externe Inhalte (Text, Bild, Video…) ohne erneute Zustimmung angezeigt werden sollen. Bei Aktivierung stellt Ihr Browser beim Abruf der Inhalte eine Verbindung mit dem Anbieter her. Bei Deaktivierung wird Ihre Zustimmung auf der betreffenden Seite erneut eingeholt.",
package/src/assets/brand/hessenschau/conf/locatags.merged.json CHANGED
@@ -28,6 +28,14 @@
28
28
  "event_status_gets_update": "Wird aktualisiert!",
29
29
  "feature_box_anchor": "Livestream Player anspringen",
30
30
  "gallery_image_copyright": "Bild &copy; {0}",
31
+ "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
32
+ "geotag_metadescription_prefix": "",
33
+ "geotag_metatitle_prefix": "aktuelle Nachrichten und Informationen ",
34
+ "geomap_metadescription_prefix": "Alle Beiträge aus ",
35
+ "geomap_metatitle_prefix": "Nachrichten aus ",
36
+ "geotag_page_headline": "Alle Beiträge aus",
37
+ "geotag_page_shortnews_headline": "Kurzmeldungen aus {0}",
38
+ "geotag_related_content_headline": "Orte",
31
39
  "group_tabbed_more": "weitere Meldungen aus {0}",
32
40
  "homepage_metatitle": "Nachrichten aus Hessen",
33
41
  "javascript_disabled": "Keine Videowiedergabe möglich. Bitte aktivieren Sie Javascript oder deaktivieren Sie Tools, die die Scriptausführung im Browser unterbinden.",
@@ -113,6 +121,12 @@
113
121
  "ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
114
122
  "ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
115
123
  "ticker_more": "Zum Ticker",
124
+ "topictag_headline": "Alle Beiträge zum Thema {0}",
125
+ "topictag_metadescription_prefix": "Alle Beiträge zum Thema ",
126
+ "topictag_metatitle_prefix": "aktuelle Nachrichten und Informationen zum Thema ",
127
+ "topictag_related_content_headline": "Themen",
128
+ "topictag_related_title": "Das könnte Sie auch interessieren",
129
+ "topictag_topline": "Thema",
116
130
  "cookies_setting_button_text": "Einstellungen",
117
131
  "cookies_setting_description_title": "Externe Inhalte",
118
132
  "cookies_setting_description_text": "Hier können Sie festlegen, ob externe Inhalte (Text, Bild, Video…) ohne erneute Zustimmung angezeigt werden sollen. Bei Aktivierung stellt Ihr Browser beim Abruf der Inhalte eine Verbindung mit dem Anbieter her. Bei Deaktivierung wird Ihre Zustimmung auf der betreffenden Seite erneut eingeholt.",