hr-design-system-handlebars 1.47.0 → 1.48.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 (178) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/build/handlebars/helpers/handlebar-helpers.js +4 -0
  3. package/build/scripts/build.js +1 -0
  4. package/dist/assets/brand/_default/conf/locatags.json +1 -0
  5. package/dist/assets/images/logos/3-sat.png +0 -0
  6. package/dist/assets/images/logos/3-zimmer-kueche-date.png +0 -0
  7. package/dist/assets/images/logos/alle-wetter.png +0 -0
  8. package/dist/assets/images/logos/alles-wissen.png +0 -0
  9. package/dist/assets/images/logos/arte.png +0 -0
  10. package/dist/assets/images/logos/das-erste.png +0 -0
  11. package/dist/assets/images/logos/defacto.png +0 -0
  12. package/dist/assets/images/logos/die-gesundmacher.png +0 -0
  13. package/dist/assets/images/logos/die-ratgeber.png +0 -0
  14. package/dist/assets/images/logos/dings-vom-dach.png +0 -0
  15. package/dist/assets/images/logos/dolles-dorf.png +0 -0
  16. package/dist/assets/images/logos/engel-fragt.png +0 -0
  17. package/dist/assets/images/logos/erlebnis-hessen.png +0 -0
  18. package/dist/assets/images/logos/funk.png +0 -0
  19. package/dist/assets/images/logos/giraffe-erdmaennchen-und-co.png +0 -0
  20. package/dist/assets/images/logos/h3-der-schoene-nachmittag.png +0 -0
  21. package/dist/assets/images/logos/hallo-hessen.png +0 -0
  22. package/dist/assets/images/logos/hauptsache-kultur.png +0 -0
  23. package/dist/assets/images/logos/heimspiel.png +0 -0
  24. package/dist/assets/images/logos/herkules.png +0 -0
  25. package/dist/assets/images/logos/herrliches-hessen.png +0 -0
  26. package/dist/assets/images/logos/hessen-a-la-carte.png +0 -0
  27. package/dist/assets/images/logos/hessen-extra.png +0 -0
  28. package/dist/assets/images/logos/hessenreporter.png +0 -0
  29. package/dist/assets/images/logos/hessenschau-extra.png +0 -0
  30. package/dist/assets/images/logos/hessenschau.png +0 -0
  31. package/dist/assets/images/logos/hessentipp.png +0 -0
  32. package/dist/assets/images/logos/hessenwetter.png +0 -0
  33. package/dist/assets/images/logos/horizonte.png +0 -0
  34. package/dist/assets/images/logos/hr-bigband.png +0 -0
  35. package/dist/assets/images/logos/hr-fernsehen.png +0 -0
  36. package/dist/assets/images/logos/hr-sinfonieorchester.png +0 -0
  37. package/dist/assets/images/logos/hr-sommerinterview.png +0 -0
  38. package/dist/assets/images/logos/hr.png +0 -0
  39. package/dist/assets/images/logos/hr1.png +0 -0
  40. package/dist/assets/images/logos/hr2kultur.png +0 -0
  41. package/dist/assets/images/logos/hr3-kate-menzik-show.png +0 -0
  42. package/dist/assets/images/logos/hr3-morningshow.png +0 -0
  43. package/dist/assets/images/logos/hr3.png +0 -0
  44. package/dist/assets/images/logos/hr4.png +0 -0
  45. package/dist/assets/images/logos/hrinfo.png +0 -0
  46. package/dist/assets/images/logos/jetzt-mal-klartext.png +0 -0
  47. package/dist/assets/images/logos/kika.png +0 -0
  48. package/dist/assets/images/logos/klinik-check-hessen.png +0 -0
  49. package/dist/assets/images/logos/kriminal-report-hessen.png +0 -0
  50. package/dist/assets/images/logos/maintower.png +0 -0
  51. package/dist/assets/images/logos/mex.png +0 -0
  52. package/dist/assets/images/logos/mittendrin-flughafen-frankfurt.png +0 -0
  53. package/dist/assets/images/logos/phoenix.png +0 -0
  54. package/dist/assets/images/logos/plusminus.png +0 -0
  55. package/dist/assets/images/logos/schlossplatz.png +0 -0
  56. package/dist/assets/images/logos/service-garten.png +0 -0
  57. package/dist/assets/images/logos/service-gesundheit.png +0 -0
  58. package/dist/assets/images/logos/service-reisen.png +0 -0
  59. package/dist/assets/images/logos/service-trends.png +0 -0
  60. package/dist/assets/images/logos/service-zuhause.png +0 -0
  61. package/dist/assets/images/logos/service.png +0 -0
  62. package/dist/assets/images/logos/sommerinterview.png +0 -0
  63. package/dist/assets/images/logos/strassen-spass.png +0 -0
  64. package/dist/assets/images/logos/tatort.png +0 -0
  65. package/dist/assets/images/logos/ttt.png +0 -0
  66. package/dist/assets/images/logos/w-wie-wissen.png +0 -0
  67. package/dist/assets/images/logos/wer-weiss-es.png +0 -0
  68. package/dist/assets/images/logos/youfm-der-schoene-nachmittag.png +0 -0
  69. package/dist/assets/images/logos/youfm-morningshow.png +0 -0
  70. package/dist/assets/images/logos/youfm.png +0 -0
  71. package/dist/assets/index.css +3 -3
  72. package/dist/views/components/article/components/accordion/accordion.hbs +2 -2
  73. package/dist/views/components/article/components/podcast/podcast_playlist_article.hbs +3 -2
  74. package/dist/views/components/base/backlink.hbs +1 -1
  75. package/dist/views/components/geoTag/geoTag_list.hbs +1 -1
  76. package/dist/views/components/program_reference/program_reference.hbs +23 -0
  77. package/dist/views/components/socialmedia/socialmedia.hbs +5 -5
  78. package/dist/views/components/teaser/teaser_indextext.hbs +9 -7
  79. package/dist/views/components/topictag/topictag_list.hbs +1 -1
  80. package/dist/views_static/components/article/components/accordion/accordion.hbs +2 -2
  81. package/dist/views_static/components/article/components/podcast/podcast_playlist_article.hbs +3 -2
  82. package/dist/views_static/components/base/backlink.hbs +1 -1
  83. package/dist/views_static/components/geoTag/geoTag_list.hbs +1 -1
  84. package/dist/views_static/components/program_reference/program_reference.hbs +23 -0
  85. package/dist/views_static/components/socialmedia/socialmedia.hbs +5 -5
  86. package/dist/views_static/components/teaser/teaser_indextext.hbs +9 -7
  87. package/dist/views_static/components/topictag/topictag_list.hbs +1 -1
  88. package/package.json +1 -1
  89. package/src/assets/brand/_default/conf/locatags.json +1 -0
  90. package/src/assets/brand/hessenschau/conf/locatags.merged.json +1 -0
  91. package/src/assets/brand/hr/conf/locatags.merged.json +1 -0
  92. package/src/assets/brand/hr-bigband/conf/locatags.merged.json +1 -0
  93. package/src/assets/brand/hr-fernsehen/conf/locatags.merged.json +1 -0
  94. package/src/assets/brand/hr-inforadio/conf/locatags.merged.json +1 -0
  95. package/src/assets/brand/hr-rundfunkrat/conf/locatags.merged.json +1 -0
  96. package/src/assets/brand/hr-sinfonieorchester/conf/locatags.merged.json +1 -0
  97. package/src/assets/brand/hr-werbung/conf/locatags.merged.json +1 -0
  98. package/src/assets/brand/hr1/conf/locatags.merged.json +1 -0
  99. package/src/assets/brand/hr2/conf/locatags.merged.json +1 -0
  100. package/src/assets/brand/hr3/conf/locatags.merged.json +1 -0
  101. package/src/assets/brand/hr4/conf/locatags.merged.json +1 -0
  102. package/src/assets/brand/you-fm/conf/locatags.merged.json +1 -0
  103. package/src/assets/fixtures/article/components/podcast/podcast_player_playlist.json +20 -0
  104. package/src/assets/images/logos/3-sat.png +0 -0
  105. package/src/assets/images/logos/3-zimmer-kueche-date.png +0 -0
  106. package/src/assets/images/logos/alle-wetter.png +0 -0
  107. package/src/assets/images/logos/alles-wissen.png +0 -0
  108. package/src/assets/images/logos/arte.png +0 -0
  109. package/src/assets/images/logos/das-erste.png +0 -0
  110. package/src/assets/images/logos/defacto.png +0 -0
  111. package/src/assets/images/logos/die-gesundmacher.png +0 -0
  112. package/src/assets/images/logos/die-ratgeber.png +0 -0
  113. package/src/assets/images/logos/dings-vom-dach.png +0 -0
  114. package/src/assets/images/logos/dolles-dorf.png +0 -0
  115. package/src/assets/images/logos/engel-fragt.png +0 -0
  116. package/src/assets/images/logos/erlebnis-hessen.png +0 -0
  117. package/src/assets/images/logos/funk.png +0 -0
  118. package/src/assets/images/logos/giraffe-erdmaennchen-und-co.png +0 -0
  119. package/src/assets/images/logos/h3-der-schoene-nachmittag.png +0 -0
  120. package/src/assets/images/logos/hallo-hessen.png +0 -0
  121. package/src/assets/images/logos/hauptsache-kultur.png +0 -0
  122. package/src/assets/images/logos/heimspiel.png +0 -0
  123. package/src/assets/images/logos/herkules.png +0 -0
  124. package/src/assets/images/logos/herrliches-hessen.png +0 -0
  125. package/src/assets/images/logos/hessen-a-la-carte.png +0 -0
  126. package/src/assets/images/logos/hessen-extra.png +0 -0
  127. package/src/assets/images/logos/hessenreporter.png +0 -0
  128. package/src/assets/images/logos/hessenschau-extra.png +0 -0
  129. package/src/assets/images/logos/hessenschau.png +0 -0
  130. package/src/assets/images/logos/hessentipp.png +0 -0
  131. package/src/assets/images/logos/hessenwetter.png +0 -0
  132. package/src/assets/images/logos/horizonte.png +0 -0
  133. package/src/assets/images/logos/hr-bigband.png +0 -0
  134. package/src/assets/images/logos/hr-fernsehen.png +0 -0
  135. package/src/assets/images/logos/hr-sinfonieorchester.png +0 -0
  136. package/src/assets/images/logos/hr-sommerinterview.png +0 -0
  137. package/src/assets/images/logos/hr.png +0 -0
  138. package/src/assets/images/logos/hr1.png +0 -0
  139. package/src/assets/images/logos/hr2kultur.png +0 -0
  140. package/src/assets/images/logos/hr3-kate-menzik-show.png +0 -0
  141. package/src/assets/images/logos/hr3-morningshow.png +0 -0
  142. package/src/assets/images/logos/hr3.png +0 -0
  143. package/src/assets/images/logos/hr4.png +0 -0
  144. package/src/assets/images/logos/hrinfo.png +0 -0
  145. package/src/assets/images/logos/jetzt-mal-klartext.png +0 -0
  146. package/src/assets/images/logos/kika.png +0 -0
  147. package/src/assets/images/logos/klinik-check-hessen.png +0 -0
  148. package/src/assets/images/logos/kriminal-report-hessen.png +0 -0
  149. package/src/assets/images/logos/maintower.png +0 -0
  150. package/src/assets/images/logos/mex.png +0 -0
  151. package/src/assets/images/logos/mittendrin-flughafen-frankfurt.png +0 -0
  152. package/src/assets/images/logos/phoenix.png +0 -0
  153. package/src/assets/images/logos/plusminus.png +0 -0
  154. package/src/assets/images/logos/schlossplatz.png +0 -0
  155. package/src/assets/images/logos/service-garten.png +0 -0
  156. package/src/assets/images/logos/service-gesundheit.png +0 -0
  157. package/src/assets/images/logos/service-reisen.png +0 -0
  158. package/src/assets/images/logos/service-trends.png +0 -0
  159. package/src/assets/images/logos/service-zuhause.png +0 -0
  160. package/src/assets/images/logos/service.png +0 -0
  161. package/src/assets/images/logos/sommerinterview.png +0 -0
  162. package/src/assets/images/logos/strassen-spass.png +0 -0
  163. package/src/assets/images/logos/tatort.png +0 -0
  164. package/src/assets/images/logos/ttt.png +0 -0
  165. package/src/assets/images/logos/w-wie-wissen.png +0 -0
  166. package/src/assets/images/logos/wer-weiss-es.png +0 -0
  167. package/src/assets/images/logos/youfm-der-schoene-nachmittag.png +0 -0
  168. package/src/assets/images/logos/youfm-morningshow.png +0 -0
  169. package/src/assets/images/logos/youfm.png +0 -0
  170. package/src/stories/views/components/article/components/accordion/accordion.hbs +2 -2
  171. package/src/stories/views/components/article/components/podcast/fixtures/podcast_player_playlist.json +1 -1
  172. package/src/stories/views/components/article/components/podcast/podcast_playlist_article.hbs +3 -2
  173. package/src/stories/views/components/base/backlink.hbs +1 -1
  174. package/src/stories/views/components/geoTag/geoTag_list.hbs +1 -1
  175. package/src/stories/views/components/program_reference/program_reference.hbs +23 -0
  176. package/src/stories/views/components/socialmedia/socialmedia.hbs +5 -5
  177. package/src/stories/views/components/teaser/teaser_indextext.hbs +9 -7
  178. package/src/stories/views/components/topictag/topictag_list.hbs +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,27 @@
1
+ # v1.48.0 (Tue Oct 31 2023)
2
+
3
+ #### 🚀 Enhancement
4
+
5
+ - WIP: Dpe 2610 appendix program reference [#742](https://github.com/mumprod/hr-design-system-handlebars/pull/742) ([@StefanVesper](https://github.com/StefanVesper))
6
+
7
+ #### Authors: 1
8
+
9
+ - SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
10
+
11
+ ---
12
+
13
+ # v1.47.1 (Mon Oct 30 2023)
14
+
15
+ #### 🐛 Bug Fix
16
+
17
+ - indextext:title not mandatory, accordion:strip html [#743](https://github.com/mumprod/hr-design-system-handlebars/pull/743) ([@hanswurstsalat](https://github.com/hanswurstsalat))
18
+
19
+ #### Authors: 1
20
+
21
+ - Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
22
+
23
+ ---
24
+
1
25
  # v1.47.0 (Fri Oct 27 2023)
2
26
 
3
27
  #### 🚀 Enhancement
@@ -466,6 +466,10 @@ var helpers = {
466
466
 
467
467
  return tokenStr
468
468
  },
469
+
470
+ 'strip': function (input, param) {
471
+ return input
472
+ },
469
473
  }
470
474
 
471
475
  // Export helpers
@@ -15,3 +15,4 @@ run(
15
15
  run(`npx copyfiles \"./src/assets/brand/*/icons/logo/*.svg\" dist --up=1`)
16
16
  run(`npx copyfiles \"./src/assets/**/*.{woff,svg}\" dist --up=1`)
17
17
  run(`npx copyfiles \"./src/assets/brand/*/conf/locatags.json\" dist --up=1`)
18
+ run(`npx copyfiles \"./src/assets/images/logos/*.png\" dist --up=1`)
@@ -119,6 +119,7 @@
119
119
  "share_whatsapp_linktitle": "Bei Whatsapp teilen",
120
120
  "share_print_linktitle": "Seite ausdrucken",
121
121
  "social_media_links_text": "Folgen Sie mir:",
122
+ "story_program_supplier": "Thema in",
122
123
  "ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
123
124
  "ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
124
125
  "ticker_more":"Zum Ticker",
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
@@ -3044,7 +3044,7 @@ video {
3044
3044
  border-bottom-color: var(--color-secondary-ds);
3045
3045
  }
3046
3046
  .counter-reset {
3047
- counter-reset: cnt1698404940065;
3047
+ counter-reset: cnt1698749962374;
3048
3048
  }
3049
3049
  .hyphens-auto {
3050
3050
  -webkit-hyphens: auto;
@@ -3307,7 +3307,7 @@ video {
3307
3307
  --tw-ring-color: rgba(255, 255, 255, 0.5);
3308
3308
  }
3309
3309
  .-ordered {
3310
- counter-increment: cnt1698404940065 1;
3310
+ counter-increment: cnt1698749962374 1;
3311
3311
  }
3312
3312
  .-ordered::before {
3313
3313
  position: absolute;
@@ -3323,7 +3323,7 @@ video {
3323
3323
  letter-spacing: .0125em;
3324
3324
  --tw-text-opacity: 1;
3325
3325
  color: rgba(0, 0, 0, var(--tw-text-opacity));
3326
- content: counter(cnt1698404940065);
3326
+ content: counter(cnt1698749962374);
3327
3327
  }
3328
3328
  /*! ****************************/
3329
3329
  /*! DataPolicy stuff */
@@ -8,8 +8,8 @@
8
8
  <button type="button"
9
9
  class="w-full text-left accordion link-focus"
10
10
  @click="selected !== {{nextRandom}} ? (selected = {{getRandom}}, setTimeout(() => {if($el.getBoundingClientRect().top<0){$el.scrollIntoView({ block: 'start' })}}, 700)) : selected = null"
11
- x-effect="$el.setAttribute('aria-label', selected == {{getRandom}} ? 'Abschnitt {{this.text}} schließen' : 'Abschnitt {{this.text}} öffnen');$el.setAttribute('aria-expanded', selected == {{getRandom}} ? 'true' : 'false')"
12
- data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "Akkordeon::{{this.text}}-Link geklickt"}]}'
11
+ x-effect="$el.setAttribute('aria-label', selected == {{getRandom}} ? 'Abschnitt {{strip this.text html}} schließen' : 'Abschnitt {{strip this.text html}} öffnen');$el.setAttribute('aria-expanded', selected == {{getRandom}} ? 'true' : 'false')"
12
+ data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "Akkordeon::{{strip this.text html}}-Link geklickt"}]}'
13
13
  aria-controls="accordionItem{{getRandom}}"
14
14
  >
15
15
  <div class="flex flex-row justify-between border-t basis-10/12 content-evenly border-gray-alto">
@@ -29,13 +29,14 @@
29
29
  {{~> components/socialmedia/socialmedia ~}}
30
30
  {{~/with~}}
31
31
  {{/unless}}
32
- {{!--{{~#with this.programReference~}}
32
+ {{~#with this.programReference~}}
33
33
  {{~#if this.hasReference~}}
34
34
  <div class="appendix__entry">
35
- {{> modules/program_reference/program_reference }}
35
+ {{> components/program_reference/program_reference }}
36
36
  </div>
37
37
  {{~/if~}}
38
38
  {{~/with~}}
39
+ {{!--
39
40
  {{~#with this.appendixLinks~}}
40
41
 
41
42
  <div class="appendix__entry">
@@ -1,4 +1,4 @@
1
- <a href="{{this}}" class="flex flex-nowrap items-center text-sm gap-x-2 text-primary {{~#with _addClass }} {{this}}{{/with}}">
1
+ <a href="{{this}}" class="flex flex-nowrap items-center text-sm gap-x-2 text-primary hover:underline {{~#with _addClass }} {{this}}{{/with}}">
2
2
  {{~> components/base/image/icon _icon="arrow-left" _addClass="w-5 h-5 fill-current" ~}}
3
3
  {{~loca "backlink_title" ~}}
4
4
  </a>
@@ -5,7 +5,7 @@
5
5
  <ul class="flex flex-wrap sm:block gap-x-4 w-fit sm:w-full sm:pt-2 ">
6
6
  {{~#each this~}}
7
7
  <li class="text-primary">
8
- <a class="flex items-center gap-x-1" href="{{this.url}}">
8
+ <a class="flex items-center hover:underline gap-x-1" href="{{this.url}}">
9
9
  {{~> components/base/image/icon _icon="ortsmarke" _addClass="w-5 h-5 fill-current"~}}
10
10
 
11
11
  {{~this.title~}}
@@ -0,0 +1,23 @@
1
+ <div class="flex flex-wrap ">
2
+ <span class="text-sm uppercase font-headingSerif w-fit sm:w-full">{{loca "story_program_supplier"}}</span><!--
3
+ -->
4
+ <div class="flex flex-wrap sm:block gap-x-4 w-fit sm:w-full sm:pt-2">
5
+ {{#if this.link}}
6
+ {{#>components/base/link _link=this.link _css="programReference__link"}}
7
+ <img class="max-w-full" alt="{{defaultIfEmpty _logo ../this.name}}" src="{{resourceUrl "images/logos/"}}{{defaultIfEmpty _logo ../this.name}}.png">
8
+ {{/components/base/link}}
9
+ {{else}}
10
+ <img class="max-w-full" alt="{{defaultIfEmpty _logo this.name}}" src="{{resourceUrl "images/logos/"}}{{defaultIfEmpty _logo this.name}}.png">
11
+ {{/if}}
12
+ {{#if this.date}}
13
+ <time datetime="{{#if this.displayWithTime}}{{this.date.htmlDateTime}}{{else}}{{this.date.date}}{{/if}}"
14
+ class="programReference__date text__byline">
15
+ {{#if this.displayWithTime}}
16
+ {{loca "date_simple_at" this.date.dateSeparatorTime}}
17
+ {{else}}
18
+ {{this.date.date}}
19
+ {{/if}}
20
+ </time>
21
+ {{/if}}
22
+ </div>
23
+ </div>
@@ -14,7 +14,7 @@
14
14
  data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::twitter"}]}'
15
15
  {{/with}}
16
16
  >
17
- {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#55acee]" _icon="twitter" _iconmap="icons" ~}}
17
+ {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#55acee] hover:scale-105" _icon="twitter" _iconmap="icons" ~}}
18
18
  </a>
19
19
  </li>
20
20
  {{~/with~}}
@@ -29,7 +29,7 @@
29
29
  data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::facebook"}]}'
30
30
  {{/with}}
31
31
  >
32
- {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#3b5999]" _icon="facebook" _iconmap="icons" ~}}
32
+ {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#3b5999] hover:scale-105" _icon="facebook" _iconmap="icons" ~}}
33
33
  </a>
34
34
  </li>
35
35
  {{~/with~}}
@@ -44,7 +44,7 @@
44
44
  data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::whatsapp"}]}'
45
45
  {{/with}}
46
46
  >
47
- {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#4dc247]" _icon="whatsapp" _iconmap="icons" ~}}
47
+ {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#4dc247] hover:scale-105" _icon="whatsapp" _iconmap="icons" ~}}
48
48
  </a>
49
49
  </li>
50
50
  {{~/with~}}
@@ -57,7 +57,7 @@
57
57
  data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::mailto"}]}'
58
58
  {{/with}}
59
59
  >
60
- {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#006dc1]" _icon="mail" _iconmap="icons" ~}}
60
+ {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#006dc1] hover:scale-105" _icon="mail" _iconmap="icons" ~}}
61
61
  </a>
62
62
  </li>
63
63
  {{~/with~}}
@@ -70,7 +70,7 @@
70
70
  data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::printbutton"}]}'
71
71
  {{/with}}
72
72
  >
73
- {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#606060]" _icon="print" _iconmap="icons" ~}}
73
+ {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#606060] hover:scale-105" _icon="print" _iconmap="icons" ~}}
74
74
  </a>
75
75
  </li>
76
76
  </ul>
@@ -8,14 +8,16 @@
8
8
  }}
9
9
  '
10
10
  >
11
- <h3
12
- class='text-2xl md:text-4xl font-title
13
- {{~inline-switch this.teaserType '["highlighted"]' '[" text-white",""]'}}'
14
- >
15
- {{this.title}}
16
- </h3>
11
+ {{#if this.title}}
12
+ <h3
13
+ class='text-2xl md:text-4xl font-title
14
+ {{~inline-switch this.teaserType '["highlighted"]' '[" text-white",""]'}}'
15
+ >
16
+ {{this.title}}
17
+ </h3>
18
+ {{/if}}
17
19
  <p
18
- class='mt-6 text-sm md:text-base font-copy
20
+ class='{{#if this.title}}mt-6 {{/if}}text-sm md:text-base font-copy
19
21
  {{~inline-switch this.teaserType '["highlighted"]' '[" text-white",""]'}}'
20
22
  >
21
23
  {{{this.shorttext}}}
@@ -5,7 +5,7 @@
5
5
  <ul class="flex flex-wrap sm:block gap-x-4 w-fit sm:w-full sm:pt-2 ">
6
6
  {{~#each this~}}
7
7
  <li class="text-primary">
8
- <a class="flex items-center gap-x-1" href="{{this.url}}">
8
+ <a class="flex items-center hover:underline gap-x-1" href="{{this.url}}">
9
9
  {{~> components/base/image/icon _icon="taglabel" _addClass="w-5 h-5 fill-current"~}}
10
10
 
11
11
  {{~this.title~}}
@@ -8,8 +8,8 @@
8
8
  <button type="button"
9
9
  class="w-full text-left accordion link-focus"
10
10
  @click="selected !== {{nextRandom}} ? (selected = {{getRandom}}, setTimeout(() => {if($el.getBoundingClientRect().top<0){$el.scrollIntoView({ block: 'start' })}}, 700)) : selected = null"
11
- x-effect="$el.setAttribute('aria-label', selected == {{getRandom}} ? 'Abschnitt {{this.text}} schließen' : 'Abschnitt {{this.text}} öffnen');$el.setAttribute('aria-expanded', selected == {{getRandom}} ? 'true' : 'false')"
12
- data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "Akkordeon::{{this.text}}-Link geklickt"}]}'
11
+ x-effect="$el.setAttribute('aria-label', selected == {{getRandom}} ? 'Abschnitt {{strip this.text html}} schließen' : 'Abschnitt {{strip this.text html}} öffnen');$el.setAttribute('aria-expanded', selected == {{getRandom}} ? 'true' : 'false')"
12
+ data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "Akkordeon::{{strip this.text html}}-Link geklickt"}]}'
13
13
  aria-controls="accordionItem{{getRandom}}"
14
14
  >
15
15
  <div class="flex flex-row justify-between border-t basis-10/12 content-evenly border-gray-alto">
@@ -29,13 +29,14 @@
29
29
  {{~> components/socialmedia/socialmedia ~}}
30
30
  {{~/with~}}
31
31
  {{/unless}}
32
- {{!--{{~#with this.programReference~}}
32
+ {{~#with this.programReference~}}
33
33
  {{~#if this.hasReference~}}
34
34
  <div class="appendix__entry">
35
- {{> modules/program_reference/program_reference }}
35
+ {{> components/program_reference/program_reference }}
36
36
  </div>
37
37
  {{~/if~}}
38
38
  {{~/with~}}
39
+ {{!--
39
40
  {{~#with this.appendixLinks~}}
40
41
 
41
42
  <div class="appendix__entry">
@@ -1,4 +1,4 @@
1
- <a href="{{this}}" class="flex flex-nowrap items-center text-sm gap-x-2 text-primary {{~#with _addClass }} {{this}}{{/with}}">
1
+ <a href="{{this}}" class="flex flex-nowrap items-center text-sm gap-x-2 text-primary hover:underline {{~#with _addClass }} {{this}}{{/with}}">
2
2
  {{~> components/base/image/icon _icon="arrow-left" _addClass="w-5 h-5 fill-current" ~}}
3
3
  {{~loca "backlink_title" ~}}
4
4
  </a>
@@ -5,7 +5,7 @@
5
5
  <ul class="flex flex-wrap sm:block gap-x-4 w-fit sm:w-full sm:pt-2 ">
6
6
  {{~#each this~}}
7
7
  <li class="text-primary">
8
- <a class="flex items-center gap-x-1" href="{{this.url}}">
8
+ <a class="flex items-center hover:underline gap-x-1" href="{{this.url}}">
9
9
  {{~> components/base/image/icon _icon="ortsmarke" _addClass="w-5 h-5 fill-current"~}}
10
10
 
11
11
  {{~this.title~}}
@@ -0,0 +1,23 @@
1
+ <div class="flex flex-wrap ">
2
+ <span class="text-sm uppercase font-headingSerif w-fit sm:w-full">{{loca "story_program_supplier"}}</span><!--
3
+ -->
4
+ <div class="flex flex-wrap sm:block gap-x-4 w-fit sm:w-full sm:pt-2">
5
+ {{#if this.link}}
6
+ {{#>components/base/link _link=this.link _css="programReference__link"}}
7
+ <img class="max-w-full" alt="{{defaultIfEmpty _logo ../this.name}}" src="{{resourceUrl "images/logos/"}}{{defaultIfEmpty _logo ../this.name}}.png">
8
+ {{/components/base/link}}
9
+ {{else}}
10
+ <img class="max-w-full" alt="{{defaultIfEmpty _logo this.name}}" src="{{resourceUrl "images/logos/"}}{{defaultIfEmpty _logo this.name}}.png">
11
+ {{/if}}
12
+ {{#if this.date}}
13
+ <time datetime="{{#if this.displayWithTime}}{{this.date.htmlDateTime}}{{else}}{{this.date.date}}{{/if}}"
14
+ class="programReference__date text__byline">
15
+ {{#if this.displayWithTime}}
16
+ {{loca "date_simple_at" this.date.dateSeparatorTime}}
17
+ {{else}}
18
+ {{this.date.date}}
19
+ {{/if}}
20
+ </time>
21
+ {{/if}}
22
+ </div>
23
+ </div>
@@ -14,7 +14,7 @@
14
14
  data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::twitter"}]}'
15
15
  {{/with}}
16
16
  >
17
- {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#55acee]" _icon="twitter" _iconmap="icons" ~}}
17
+ {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#55acee] hover:scale-105" _icon="twitter" _iconmap="icons" ~}}
18
18
  </a>
19
19
  </li>
20
20
  {{~/with~}}
@@ -29,7 +29,7 @@
29
29
  data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::facebook"}]}'
30
30
  {{/with}}
31
31
  >
32
- {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#3b5999]" _icon="facebook" _iconmap="icons" ~}}
32
+ {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#3b5999] hover:scale-105" _icon="facebook" _iconmap="icons" ~}}
33
33
  </a>
34
34
  </li>
35
35
  {{~/with~}}
@@ -44,7 +44,7 @@
44
44
  data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::whatsapp"}]}'
45
45
  {{/with}}
46
46
  >
47
- {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#4dc247]" _icon="whatsapp" _iconmap="icons" ~}}
47
+ {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#4dc247] hover:scale-105" _icon="whatsapp" _iconmap="icons" ~}}
48
48
  </a>
49
49
  </li>
50
50
  {{~/with~}}
@@ -57,7 +57,7 @@
57
57
  data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::mailto"}]}'
58
58
  {{/with}}
59
59
  >
60
- {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#006dc1]" _icon="mail" _iconmap="icons" ~}}
60
+ {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#006dc1] hover:scale-105" _icon="mail" _iconmap="icons" ~}}
61
61
  </a>
62
62
  </li>
63
63
  {{~/with~}}
@@ -70,7 +70,7 @@
70
70
  data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::printbutton"}]}'
71
71
  {{/with}}
72
72
  >
73
- {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#606060]" _icon="print" _iconmap="icons" ~}}
73
+ {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#606060] hover:scale-105" _icon="print" _iconmap="icons" ~}}
74
74
  </a>
75
75
  </li>
76
76
  </ul>
@@ -8,14 +8,16 @@
8
8
  }}
9
9
  '
10
10
  >
11
- <h3
12
- class='text-2xl md:text-4xl font-title
13
- {{~inline-switch this.teaserType '["highlighted"]' '[" text-white",""]'}}'
14
- >
15
- {{this.title}}
16
- </h3>
11
+ {{#if this.title}}
12
+ <h3
13
+ class='text-2xl md:text-4xl font-title
14
+ {{~inline-switch this.teaserType '["highlighted"]' '[" text-white",""]'}}'
15
+ >
16
+ {{this.title}}
17
+ </h3>
18
+ {{/if}}
17
19
  <p
18
- class='mt-6 text-sm md:text-base font-copy
20
+ class='{{#if this.title}}mt-6 {{/if}}text-sm md:text-base font-copy
19
21
  {{~inline-switch this.teaserType '["highlighted"]' '[" text-white",""]'}}'
20
22
  >
21
23
  {{{this.shorttext}}}
@@ -5,7 +5,7 @@
5
5
  <ul class="flex flex-wrap sm:block gap-x-4 w-fit sm:w-full sm:pt-2 ">
6
6
  {{~#each this~}}
7
7
  <li class="text-primary">
8
- <a class="flex items-center gap-x-1" href="{{this.url}}">
8
+ <a class="flex items-center hover:underline gap-x-1" href="{{this.url}}">
9
9
  {{~> components/base/image/icon _icon="taglabel" _addClass="w-5 h-5 fill-current"~}}
10
10
 
11
11
  {{~this.title~}}
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.47.0",
9
+ "version": "1.48.0",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
@@ -119,6 +119,7 @@
119
119
  "share_whatsapp_linktitle": "Bei Whatsapp teilen",
120
120
  "share_print_linktitle": "Seite ausdrucken",
121
121
  "social_media_links_text": "Folgen Sie mir:",
122
+ "story_program_supplier": "Thema in",
122
123
  "ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
123
124
  "ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
124
125
  "ticker_more":"Zum Ticker",
@@ -119,6 +119,7 @@
119
119
  "share_whatsapp_linktitle": "Bei Whatsapp teilen",
120
120
  "share_print_linktitle": "Seite ausdrucken",
121
121
  "social_media_links_text": "Folgen Sie mir:",
122
+ "story_program_supplier": "Thema in",
122
123
  "ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
123
124
  "ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
124
125
  "ticker_more": "Zum Ticker",
@@ -119,6 +119,7 @@
119
119
  "share_whatsapp_linktitle": "Bei Whatsapp teilen",
120
120
  "share_print_linktitle": "Seite ausdrucken",
121
121
  "social_media_links_text": "Folgen Sie mir:",
122
+ "story_program_supplier": "Thema in",
122
123
  "ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
123
124
  "ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
124
125
  "ticker_more": "Zum Ticker",
@@ -119,6 +119,7 @@
119
119
  "share_whatsapp_linktitle": "Bei Whatsapp teilen",
120
120
  "share_print_linktitle": "Seite ausdrucken",
121
121
  "social_media_links_text": "Folgen Sie mir:",
122
+ "story_program_supplier": "Thema in",
122
123
  "ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
123
124
  "ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
124
125
  "ticker_more": "Zum Ticker",