hr-design-system-handlebars 1.74.6 → 1.74.8

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 (161) hide show
  1. package/.storybook/preview-head.html +35 -3
  2. package/.storybook/preview.js +5 -9
  3. package/CHANGELOG.md +24 -0
  4. package/dist/assets/index.css +3 -3
  5. package/dist/views/components/base/image/responsive_image.hbs +9 -4
  6. package/dist/views/components/base/link.hbs +4 -6
  7. package/dist/views/components/content/content_footer/content_footer.hbs +18 -20
  8. package/dist/views/components/content/copytext/components/image/image.hbs +4 -4
  9. package/dist/views/components/content/copytext/copytext.hbs +1 -1
  10. package/dist/views/components/page/base/page_header.hbs +2 -2
  11. package/dist/views/components/page/base/page_wrapper.hbs +1 -1
  12. package/dist/views/components/page/story/story_article.hbs +1 -1
  13. package/dist/views_static/components/base/image/responsive_image.hbs +9 -4
  14. package/dist/views_static/components/base/link.hbs +4 -6
  15. package/dist/views_static/components/content/content_footer/content_footer.hbs +18 -20
  16. package/dist/views_static/components/content/copytext/components/image/image.hbs +4 -4
  17. package/dist/views_static/components/content/copytext/copytext.hbs +1 -1
  18. package/dist/views_static/components/page/base/page_header.hbs +2 -2
  19. package/dist/views_static/components/page/base/page_wrapper.hbs +1 -1
  20. package/dist/views_static/components/page/story/story_article.hbs +1 -1
  21. package/package.json +1 -1
  22. package/src/assets/fixtures/content/content_footer/content_footer.json +1 -0
  23. package/src/assets/fixtures/teaser/teaser_images.inc.json +24 -0
  24. package/src/stories/views/components/base/image/responsive_image.hbs +9 -4
  25. package/src/stories/views/components/base/link.hbs +4 -6
  26. package/src/stories/views/components/content/content_footer/content_footer.hbs +18 -20
  27. package/src/stories/views/components/content/content_footer/fixtures/content_footer.json +1 -1
  28. package/src/stories/views/components/content/copytext/components/accordion/fixtures/accordion.json +1 -1
  29. package/src/stories/views/components/content/copytext/components/contentbox/fixtures/contentbox.json +1 -1
  30. package/src/stories/views/components/content/copytext/components/image/image.hbs +4 -4
  31. package/src/stories/views/components/content/copytext/copytext.hbs +1 -1
  32. package/src/stories/views/components/content/copytext/copytext.stories.js +9 -1
  33. package/src/stories/views/components/content/copytext/fixtures/copytext_filedownload.json +1 -1
  34. package/src/stories/views/components/content/copytext/fixtures/copytext_image.json +1 -1
  35. package/src/stories/views/components/content/copytext/fixtures/copytext_infobox.json +1 -1
  36. package/src/stories/views/components/content/copytext/fixtures/copytext_podcastepisode.json +1 -1
  37. package/src/stories/views/components/content/copytext/fixtures/copytext_posterteaser.json +1 -1
  38. package/src/stories/views/components/content/copytext/fixtures/copytext_video.json +1 -1
  39. package/src/stories/views/components/event/calendar/fixtures/event_calendar_event_teaser.json +1 -1
  40. package/src/stories/views/components/page/base/page_header.hbs +2 -2
  41. package/src/stories/views/components/page/base/page_wrapper.hbs +1 -1
  42. package/src/stories/views/components/page/fixtures/page.json +1 -1
  43. package/src/stories/views/components/page/podcast/fixtures/podcast_player_playlist.json +1 -1
  44. package/src/stories/views/components/page/story/fixtures/story.json +1 -1
  45. package/src/stories/views/components/page/story/fixtures/story_with_label.json +1 -1
  46. package/src/stories/views/components/page/story/fixtures/story_with_square_image.json +1 -1
  47. package/src/stories/views/components/page/story/fixtures/story_with_video.json +1 -1
  48. package/src/stories/views/components/page/story/story_article.hbs +1 -1
  49. package/src/stories/views/components/pagination/fixtures/page_pagination.json +1 -1
  50. package/src/stories/views/components/teaser/fixtures/cluster_teaser_100.json +1 -1
  51. package/src/stories/views/components/teaser/fixtures/cluster_teaser_100_genre.json +1 -1
  52. package/src/stories/views/components/teaser/fixtures/cluster_teaser_100_image.json +1 -1
  53. package/src/stories/views/components/teaser/fixtures/cluster_teaser_33.json +1 -1
  54. package/src/stories/views/components/teaser/fixtures/cluster_teaser_33_genre.json +1 -1
  55. package/src/stories/views/components/teaser/fixtures/cluster_teaser_33_image.json +1 -1
  56. package/src/stories/views/components/teaser/fixtures/cluster_teaser_33_long_title.json +1 -1
  57. package/src/stories/views/components/teaser/fixtures/cluster_teaser_50.json +1 -1
  58. package/src/stories/views/components/teaser/fixtures/cluster_teaser_50_genre.json +1 -1
  59. package/src/stories/views/components/teaser/fixtures/cluster_teaser_50_image.json +1 -1
  60. package/src/stories/views/components/teaser/fixtures/cluster_teaser_Podcast_Channel.json +1 -1
  61. package/src/stories/views/components/teaser/fixtures/cluster_teaser_extern_100.json +1 -1
  62. package/src/stories/views/components/teaser/fixtures/cluster_teaser_extern_33.json +1 -1
  63. package/src/stories/views/components/teaser/fixtures/cluster_teaser_extern_50.json +1 -1
  64. package/src/stories/views/components/teaser/fixtures/cluster_teaser_ordered_100.json +1 -1
  65. package/src/stories/views/components/teaser/fixtures/cluster_teaser_ordered_33.json +1 -1
  66. package/src/stories/views/components/teaser/fixtures/cluster_teaser_ordered_50.json +1 -1
  67. package/src/stories/views/components/teaser/fixtures/stage_teaser.json +1 -1
  68. package/src/stories/views/components/teaser/fixtures/stage_teaser_eventtag.json +1 -1
  69. package/src/stories/views/components/teaser/fixtures/stage_teaser_program.json +1 -1
  70. package/src/stories/views/components/teaser/fixtures/stage_teaser_wide.json +1 -1
  71. package/src/stories/views/components/teaser/fixtures/teaser_alternative_100_serif.json +1 -1
  72. package/src/stories/views/components/teaser/fixtures/teaser_alternative_100_serif_audio.json +1 -1
  73. package/src/stories/views/components/teaser/fixtures/teaser_alternative_100_serif_download.json +1 -1
  74. package/src/stories/views/components/teaser/fixtures/teaser_alternative_100_serif_featured_content.json +1 -1
  75. package/src/stories/views/components/teaser/fixtures/teaser_alternative_100_serif_link.json +1 -1
  76. package/src/stories/views/components/teaser/fixtures/teaser_alternative_100_serif_live.json +1 -1
  77. package/src/stories/views/components/teaser/fixtures/teaser_alternative_100_serif_single_event.json +1 -1
  78. package/src/stories/views/components/teaser/fixtures/teaser_alternative_100_serif_two_events.json +1 -1
  79. package/src/stories/views/components/teaser/fixtures/teaser_alternative_100_serif_video.json +1 -1
  80. package/src/stories/views/components/teaser/fixtures/teaser_alternative_50_serif.json +1 -1
  81. package/src/stories/views/components/teaser/fixtures/teaser_alternative_50_serif_audio.json +1 -1
  82. package/src/stories/views/components/teaser/fixtures/teaser_alternative_50_serif_download.json +1 -1
  83. package/src/stories/views/components/teaser/fixtures/teaser_alternative_50_serif_link.json +1 -1
  84. package/src/stories/views/components/teaser/fixtures/teaser_alternative_50_serif_live.json +1 -1
  85. package/src/stories/views/components/teaser/fixtures/teaser_alternative_50_serif_video.json +1 -1
  86. package/src/stories/views/components/teaser/fixtures/teaser_alternative_hero_serif.json +1 -1
  87. package/src/stories/views/components/teaser/fixtures/teaser_alternative_hero_serif_audio.json +1 -1
  88. package/src/stories/views/components/teaser/fixtures/teaser_alternative_hero_serif_comments.json +1 -1
  89. package/src/stories/views/components/teaser/fixtures/teaser_alternative_hero_serif_label.json +1 -1
  90. package/src/stories/views/components/teaser/fixtures/teaser_alternative_hero_serif_link.json +1 -1
  91. package/src/stories/views/components/teaser/fixtures/teaser_alternative_hero_serif_live.json +1 -1
  92. package/src/stories/views/components/teaser/fixtures/teaser_alternative_hero_serif_program.json +1 -1
  93. package/src/stories/views/components/teaser/fixtures/teaser_alternative_hero_serif_video.json +1 -1
  94. package/src/stories/views/components/teaser/fixtures/teaser_comments_without_teaserinfo.json +1 -1
  95. package/src/stories/views/components/teaser/fixtures/teaser_event_calendar_100_serif.json +1 -1
  96. package/src/stories/views/components/teaser/fixtures/teaser_group_100.json +1 -1
  97. package/src/stories/views/components/teaser/fixtures/teaser_group_100_highlight.json +1 -1
  98. package/src/stories/views/components/teaser/fixtures/teaser_group_100_highlight_2.json +1 -1
  99. package/src/stories/views/components/teaser/fixtures/teaser_group_25.json +1 -1
  100. package/src/stories/views/components/teaser/fixtures/teaser_group_related_content_100.json +1 -1
  101. package/src/stories/views/components/teaser/fixtures/teaser_index.json +1 -1
  102. package/src/stories/views/components/teaser/fixtures/teaser_indextext_100_accented.json +1 -1
  103. package/src/stories/views/components/teaser/fixtures/teaser_indextext_100_boxed.json +1 -1
  104. package/src/stories/views/components/teaser/fixtures/teaser_indextext_100_highlighted.json +1 -1
  105. package/src/stories/views/components/teaser/fixtures/teaser_indextext_50_accented.json +1 -1
  106. package/src/stories/views/components/teaser/fixtures/teaser_podcast.json +1 -1
  107. package/src/stories/views/components/teaser/fixtures/teaser_podcast_50.json +1 -1
  108. package/src/stories/views/components/teaser/fixtures/teaser_podcast_playlist.json +1 -1
  109. package/src/stories/views/components/teaser/fixtures/teaser_podcast_playlist_50.json +1 -1
  110. package/src/stories/views/components/teaser/fixtures/teaser_podcast_playlist_filter.json +1 -1
  111. package/src/stories/views/components/teaser/fixtures/teaser_poster_lg.json +1 -1
  112. package/src/stories/views/components/teaser/fixtures/teaser_poster_md.json +1 -1
  113. package/src/stories/views/components/teaser/fixtures/teaser_poster_md_label.json +1 -1
  114. package/src/stories/views/components/teaser/fixtures/teaser_standard_100_serif.json +1 -1
  115. package/src/stories/views/components/teaser/fixtures/teaser_standard_100_serif_download.json +1 -1
  116. package/src/stories/views/components/teaser/fixtures/teaser_standard_100_serif_link.json +1 -1
  117. package/src/stories/views/components/teaser/fixtures/teaser_standard_100_serif_program.json +1 -1
  118. package/src/stories/views/components/teaser/fixtures/teaser_standard_100_serif_single_event.json +1 -1
  119. package/src/stories/views/components/teaser/fixtures/teaser_standard_100_serif_two_events.json +1 -1
  120. package/src/stories/views/components/teaser/fixtures/teaser_standard_25_serif.json +1 -1
  121. package/src/stories/views/components/teaser/fixtures/teaser_standard_25_serif_audio.json +1 -1
  122. package/src/stories/views/components/teaser/fixtures/teaser_standard_25_serif_audio_livestream.json +1 -1
  123. package/src/stories/views/components/teaser/fixtures/teaser_standard_25_serif_link.json +1 -1
  124. package/src/stories/views/components/teaser/fixtures/teaser_standard_25_serif_live.json +1 -1
  125. package/src/stories/views/components/teaser/fixtures/teaser_standard_25_serif_podcast.json +1 -1
  126. package/src/stories/views/components/teaser/fixtures/teaser_standard_25_serif_video.json +1 -1
  127. package/src/stories/views/components/teaser/fixtures/teaser_standard_33_long_geotag.json +1 -1
  128. package/src/stories/views/components/teaser/fixtures/teaser_standard_33_serif.json +1 -1
  129. package/src/stories/views/components/teaser/fixtures/teaser_standard_33_serif_link.json +1 -1
  130. package/src/stories/views/components/teaser/fixtures/teaser_standard_33_serif_multiple_events.json +1 -1
  131. package/src/stories/views/components/teaser/fixtures/teaser_standard_33_serif_single_event.json +1 -1
  132. package/src/stories/views/components/teaser/fixtures/teaser_standard_33_serif_single_event_status.json +1 -1
  133. package/src/stories/views/components/teaser/fixtures/teaser_standard_33_serif_tabbox.json +1 -1
  134. package/src/stories/views/components/teaser/fixtures/teaser_standard_33_serif_two_events.json +1 -1
  135. package/src/stories/views/components/teaser/fixtures/teaser_standard_50_serif.json +1 -1
  136. package/src/stories/views/components/teaser/fixtures/teaser_standard_50_serif_audio.json +1 -1
  137. package/src/stories/views/components/teaser/fixtures/teaser_standard_50_serif_audio_livestream.json +1 -1
  138. package/src/stories/views/components/teaser/fixtures/teaser_standard_50_serif_download.json +1 -1
  139. package/src/stories/views/components/teaser/fixtures/teaser_standard_50_serif_featured_content.json +1 -1
  140. package/src/stories/views/components/teaser/fixtures/teaser_standard_50_serif_link.json +1 -1
  141. package/src/stories/views/components/teaser/fixtures/teaser_standard_50_serif_link_two_click.json +1 -1
  142. package/src/stories/views/components/teaser/fixtures/teaser_standard_50_serif_live.json +1 -1
  143. package/src/stories/views/components/teaser/fixtures/teaser_standard_50_serif_podcast.json +1 -1
  144. package/src/stories/views/components/teaser/fixtures/teaser_standard_50_serif_single_event.json +1 -1
  145. package/src/stories/views/components/teaser/fixtures/teaser_standard_50_serif_tabbox.json +1 -1
  146. package/src/stories/views/components/teaser/fixtures/teaser_standard_50_serif_video.json +1 -1
  147. package/src/stories/views/components/teaser/fixtures/teaser_standard_66_serif_single_event.json +1 -1
  148. package/src/stories/views/components/teaser/fixtures/teaser_standard_hero_serif.json +1 -1
  149. package/src/stories/views/components/teaser/fixtures/teaser_standard_hero_serif_comments.json +1 -1
  150. package/src/stories/views/components/teaser/fixtures/teaser_standard_hero_serif_label.json +1 -1
  151. package/src/stories/views/components/teaser/fixtures/teaser_standard_hero_serif_link.json +1 -1
  152. package/src/stories/views/components/teaser/fixtures/teaser_tabbox.json +1 -1
  153. package/src/stories/views/components/teaser/fixtures/ticker_teaser_alternativ_100.json +1 -1
  154. package/src/stories/views/components/teaser/fixtures/ticker_teaser_alternativ_hero.json +1 -1
  155. package/src/stories/views/components/teaser/fixtures/ticker_teaser_alternativ_hero_audio.json +1 -1
  156. package/src/stories/views/components/teaser/fixtures/ticker_teaser_standard_100.json +1 -1
  157. package/src/stories/views/components/teaser/fixtures/ticker_teaser_standard_25.json +1 -1
  158. package/src/stories/views/components/teaser/fixtures/ticker_teaser_standard_33.json +1 -1
  159. package/src/stories/views/components/teaser/fixtures/ticker_teaser_standard_50.json +1 -1
  160. package/src/stories/views/components/teaser/fixtures/ticker_teaser_standard_hero.json +1 -1
  161. package/src/stories/views/components/teaser/fixtures/ticker_teaser_standard_hero_audio.json +1 -1
@@ -1,7 +1,8 @@
1
1
  <script src="vendor/modernizr/modernizr.cust.js"></script>
2
- <!--to be sure hyphems work correctly lang Attribute needs to be "de"
3
- see: https://github.com/storybookjs/storybook/issues/11706 -->
2
+
4
3
  <script>
4
+ // to be sure hyphems work correctly lang Attribute needs to be "de"
5
+ // see: https://github.com/storybookjs/storybook/issues/11706
5
6
  document.documentElement.setAttribute('lang', 'de')
6
7
 
7
8
  // Javascript workaround damit darkmode nur in der Webview in Delivery funktioniert
@@ -13,4 +14,35 @@ see: https://github.com/storybookjs/storybook/issues/11706 -->
13
14
  darkModePreference.addEventListener("change", setColorScheme);
14
15
  setColorScheme(darkModePreference);
15
16
 
16
- </script>
17
+ // https://github.com/storybookjs/storybook/issues/6113#issuecomment-1183339597
18
+ // On page change, fire DOMContentLoaded event
19
+ function pageChange() {
20
+ console.log("pageChange")
21
+ window.document.dispatchEvent(new Event('storyWasSwitchedAndIsLoaded', {
22
+ bubbles: true,
23
+ cancelable: true
24
+ }));
25
+ }
26
+
27
+ function watchForChanges() {
28
+ const mutationObserver = function(mutationsList) {
29
+ for (let i = 0, len = mutationsList.length; i < len; i++) {
30
+ if (mutationsList[i].type == 'childList') {
31
+ pageChange();
32
+ break;
33
+ }
34
+ }
35
+ };
36
+
37
+ const observer = new MutationObserver(mutationObserver);
38
+ const config = { childList: true, subtree: false };
39
+ observer.observe(document.getElementById('storybook-root'), config);
40
+
41
+ // Remove event listener, otherwise we will re-run this function when we fire our manual event
42
+ document.removeEventListener('DOMContentLoaded', watchForChanges);
43
+ }
44
+
45
+ // Initially create mutation observer
46
+ document.addEventListener('DOMContentLoaded', watchForChanges);
47
+
48
+ </script>
@@ -45,7 +45,6 @@ setConsoleOptions({
45
45
  panelInclude: [...panelInclude, /checkcss/],
46
46
  });
47
47
 
48
-
49
48
  function loadDelayedImages() {
50
49
  setTimeout(function () {
51
50
  var t,
@@ -70,15 +69,12 @@ function loadDelayedImages() {
70
69
  }, 0)
71
70
  }
72
71
 
73
- let eventSrcUrl = null
74
-
75
- document.addEventListener('DOMContentLoaded', function (event) {
76
- console.log('DOM fully loaded and parsed')
77
- console.log('Start feature initialization')
78
-
79
- Initializer.run(document, loadFeature)
80
- setTimeout(loadDelayedImages, 200)
72
+ document.addEventListener('storyWasSwitchedAndIsLoaded', function (event) {
73
+ console.log('storyWasSwitchedAndIsLoaded')
74
+ Initializer.run(document, loadFeature)
75
+ setTimeout(loadDelayedImages, 500)
81
76
  })
77
+ console.log('preview.js is loaded')
82
78
 
83
79
  /*if (process.env.NODE_ENV !== 'production') {
84
80
  console.log(Initializer)
package/CHANGELOG.md CHANGED
@@ -1,3 +1,27 @@
1
+ # v1.74.8 (Fri Jun 21 2024)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - -new getter "programLabel" for programReferenceAlt [#963](https://github.com/mumprod/hr-design-system-handlebars/pull/963) ([@StefanVesper](https://github.com/StefanVesper))
6
+
7
+ #### Authors: 1
8
+
9
+ - SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
10
+
11
+ ---
12
+
13
+ # v1.74.7 (Fri Jun 21 2024)
14
+
15
+ #### 🐛 Bug Fix
16
+
17
+ - DPE-2945 V2 [#961](https://github.com/mumprod/hr-design-system-handlebars/pull/961) ([@vascoeduardo](https://github.com/vascoeduardo))
18
+
19
+ #### Authors: 1
20
+
21
+ - Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
22
+
23
+ ---
24
+
1
25
  # v1.74.6 (Fri Jun 21 2024)
2
26
 
3
27
  #### 🐛 Bug Fix
@@ -3368,7 +3368,7 @@ article.indexTextDS .indexTextHighlighted .link {
3368
3368
  border-bottom-color: var(--color-secondary-ds);
3369
3369
  }
3370
3370
  .counter-reset {
3371
- counter-reset: cnt1718968237262;
3371
+ counter-reset: cnt1718975918062;
3372
3372
  }
3373
3373
  .hyphens-auto {
3374
3374
  -webkit-hyphens: auto;
@@ -3747,7 +3747,7 @@ article.indexTextDS .indexTextHighlighted .link {
3747
3747
  --tw-ring-color: rgba(255, 255, 255, 0.5);
3748
3748
  }
3749
3749
  .-ordered {
3750
- counter-increment: cnt1718968237262 1;
3750
+ counter-increment: cnt1718975918062 1;
3751
3751
  }
3752
3752
  .-ordered::before {
3753
3753
  position: absolute;
@@ -3763,7 +3763,7 @@ article.indexTextDS .indexTextHighlighted .link {
3763
3763
  letter-spacing: .0125em;
3764
3764
  --tw-text-opacity: 1;
3765
3765
  color: rgba(0, 0, 0, var(--tw-text-opacity));
3766
- content: counter(cnt1718968237262);
3766
+ content: counter(cnt1718975918062);
3767
3767
  }
3768
3768
  /*! ****************************/
3769
3769
  /*! DataPolicy stuff */
@@ -37,11 +37,13 @@
37
37
  <img class="w-full{{~#if ../../_addClassImg}} {{../../_addClassImg}}{{/if}}" src="{{../this.fallback}}" alt="{{#if ../../_alttext}}{{../../_alttext}}{{else}}{{../../this.alttext}}{{/if}}">
38
38
  </noscript>
39
39
  {{/unless}}
40
- <img {{#with this.sizes}}sizes="{{this}}" {{/with~}}
41
- loading="{{#if ../../_noDelay}}auto{{else}}lazy{{/if}}"
42
- {{#if ../../_noDelay}}
40
+ <img{{#if ../../_isWebview}} data-primary-type="hr-nt:image"
41
+ data-image-id="{{nextRandom}}"{{/if}}
42
+ {{#with this.sizes}} sizes="{{this}}" {{/with~}}
43
+ loading="{{#if ../../_noDelay}}auto{{else}}lazy{{/if}}"
44
+ {{#if ../../_noDelay}}
43
45
  fetchpriority="high"
44
- {{/if}}
46
+ {{/if}}
45
47
  {{#with this.srcset}} {{#if ../../../_noDelay}}srcset{{else}}data-srcset{{/if}}="{{this}}"{{/with}}
46
48
  src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
47
49
  alt="{{#if ../../_alttext}}{{../../_alttext}}{{else}}{{../../this.alttext}}{{/if}}"
@@ -51,4 +53,7 @@
51
53
  {{~#with ../../_addClass }}</div>{{/with}}
52
54
  {{/with}}
53
55
  {{/if}}
56
+ {{#if ../_isWebview}}
57
+ <script type="application/json" id="{{getRandom}}">{{{../this.imageJson}}}</script>
58
+ {{/if}}
54
59
  {{/withParam}}
@@ -1,14 +1,12 @@
1
- {{#if _url}}
1
+ {{~#if _url~}}
2
2
  <a class="{{#if _css}}{{_css}}{{/if}} {{#> css}}{{/css}}" href="{{_url}}">
3
3
  {{~> @partial-block ~}}
4
4
  </a>
5
- {{else}}
5
+ {{~else~}}
6
6
  <a {{#with _link.webviewUrl}}data-webviewurl="{{this}}"{{/with}} {{#if _link.isStaticUrl}}href="{{#if _link.site}}{{resourceUrl _link.url _site=_link.site}}{{else}}{{resourceUrl _link.url}}{{/if}}{{else}}href="{{_link.url}}{{/if}}{{#if this.hasComments}}#commentList{{/if}}"
7
7
  class="sb-link ds-link js-load{{#if _link.isUserConsentNeeded}} js-user-consent-needed{{/if}} {{#if _isSelected}} {{defaultIfEmpty _selectedCssClass "-current"}}{{/if}}{{#if _css}} {{_css}}{{/if}} {{#> css}}{{/css}}"
8
8
  {{#if _link.isTargetBlank}} target="_blank" rel="noopener{{#if _link.hasNoReferrerFlag}} noreferrer{{/if}}"{{/if}}
9
9
  {{#if _isAriaHidden}} aria-hidden="true" tabindex="-1"{{/if}}
10
10
  {{#> htmlProperties}}{{/htmlProperties}}
11
- >
12
- {{~> @partial-block ~}}
13
- </a>
14
- {{/if}}
11
+ >{{~> @partial-block ~}}</a>
12
+ {{~/if~}}
@@ -4,8 +4,8 @@
4
4
  Redaktion:
5
5
  {{#each this}}
6
6
  {{#if this.hasProfileLink}}
7
- {{#>components/base/link _link=this.link _css="text-link hover:underline"}}<span>{{../this.authorName~}}</span>{{/components/base/link}}
8
- {{#with this.textAfterAuthor}}{{this}}{{/with}}{{this.delimiter}}
7
+ {{#>components/base/link _link=this.link _css="text-link hover:underline"}}<span>{{../this.authorName~}}</span>{{/components/base/link~}}
8
+ {{~#with this.textAfterAuthor}}{{this}}{{/with}}{{~this.delimiter~}}
9
9
  {{else}}
10
10
  {{this.from}}{{#with this.textAfterAuthor}}{{this}}{{/with}}{{this.delimiter}}
11
11
  {{/if}}
@@ -15,15 +15,13 @@
15
15
  {{~#with this.programReferenceAlt~}}
16
16
  {{~#if this.hasReference~}}
17
17
  <div>
18
- Sendung:
18
+ Sendung:
19
19
  {{#if this.link}}
20
- {{#>components/base/link _link=this.link _css="text-link hover:underline" }}
21
- <span>{{../this.name}},</span>
22
- {{/components/base/link}}
23
- {{#if this.date}}
24
- <span>
20
+ {{#>components/base/link _link=this.link _css="text-link hover:underline"~}}
21
+ <span>{{~ ../this.programLabel ~}}</span>{{/components/base/link~}}{{~#if this.date~}},
22
+ <span>
25
23
  <time datetime="{{#if this.displayWithTime}}{{this.date.htmlDateTime}}{{else}}{{this.date.date}}{{/if}}"
26
- class="{{#if _isArticle}}{{else}}{{/if}} ">
24
+ class="{{#if _isArticle}}{{else}}{{/if}} ">
27
25
  {{#if this.displayWithTime}}
28
26
  {{loca "date_simple_at" this.date.dateSeparatorTime}}
29
27
  {{else}}
@@ -31,18 +29,18 @@
31
29
  {{/if}}
32
30
  </time>
33
31
  </span>
34
- {{/if}}
32
+ {{/if}}
35
33
  {{else}}
36
- <span>{{this.name}},{{#if this.date}}
37
- <time datetime="{{#if this.displayWithTime}}{{this.date.htmlDateTime}}{{else}}{{this.date.date}}{{/if}}"
38
- class="{{#if _isArticle}}{{else}}{{/if}} ">
39
- {{#if this.displayWithTime}}
40
- {{loca "date_simple_at" this.date.dateSeparatorTime}}
41
- {{else}}
42
- {{this.date.date}}
43
- {{/if}}
44
- </time>
45
- {{/if}}
34
+ <span>{{~this.programLabel~}},{{~#if this.date~}}
35
+ <time datetime="{{#if this.displayWithTime}}{{this.date.htmlDateTime}}{{else}}{{this.date.date}}{{/if}}"
36
+ class="{{#if _isArticle}}{{else}}{{/if}} ">
37
+ {{~#if this.displayWithTime~}}
38
+ {{loca "date_simple_at" this.date.dateSeparatorTime}}
39
+ {{~else~}}
40
+ {{this.date.date}}
41
+ {{~/if~}}
42
+ </time>
43
+ {{~/if~}}
46
44
  </span>
47
45
  {{/if}}
48
46
  </div>
@@ -6,7 +6,7 @@
6
6
  _type="story"
7
7
  _variant="100-copytext-portrait"
8
8
  _noAr="true"
9
- _isWebview=../../_isWebview}}
9
+ _isWebview=_isWebview}}
10
10
  {{else}}
11
11
  {{> components/content/copytext/components/image/figure
12
12
  _cssClass="my-6 sm480:my-7 sm480:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid page-break-inside-avoid"
@@ -14,7 +14,7 @@
14
14
  _type="story"
15
15
  _variant="copytext-portrait"
16
16
  _noAr="true"
17
- _isWebview=../../_isWebview}}
17
+ _isWebview=_isWebview}}
18
18
  {{/if}}
19
19
  {{else}}
20
20
  {{#if this.showFullSize.isTrue}}
@@ -24,7 +24,7 @@
24
24
  _type="story"
25
25
  _variant="100-copytext"
26
26
  _pictureAddClass="ar-16-9"
27
- _isWebview=../../_isWebview}}
27
+ _isWebview=_isWebview}}
28
28
  {{else}}
29
29
  {{> components/content/copytext/components/image/figure
30
30
  _cssClass="my-6 sm480:my-7 article-full-width sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid page-break-inside-avoid"
@@ -32,7 +32,7 @@
32
32
  _type="story"
33
33
  _variant="copytext"
34
34
  _pictureAddClass="ar-16-9"
35
- _isWebview=../../_isWebview}}
35
+ _isWebview=_isWebview}}
36
36
  {{/if}}
37
37
  {{/if}}
38
38
 
@@ -10,7 +10,7 @@
10
10
  {{#unless this.isInfoBox}}
11
11
  {{~#with this.paragraphBoxItem }}
12
12
  {{~#if this.isImage}}
13
- {{~> components/content/copytext/components/image/image}}
13
+ {{~> components/content/copytext/components/image/image _isWebview=../../_isWebview}}
14
14
  {{/if~}}
15
15
  {{~#if this.isContentBox}}
16
16
  {{~> components/content/copytext/components/contentbox/contentbox ~}}
@@ -7,9 +7,9 @@
7
7
  <h2>
8
8
  {{#unless this.label }}
9
9
  {{~#if topline}}
10
- <span class="block mb-2 text-base sm480:text-xl font-heading">{{this.topline}}</span>
10
+ <span class="block mb-2 text-base sm480:text-xl font-heading dark:text-text-dark">{{this.topline}}</span>
11
11
  {{/if~}}
12
12
  {{/unless~}}
13
- <span class="text-3xl font-headingSerif sm480:text-4xl">{{this.title}}</span>
13
+ <span class="text-3xl font-headingSerif sm480:text-4xl dark:text-text-dark">{{this.title}}</span>
14
14
  </h2>
15
15
  </header>
@@ -1,5 +1,5 @@
1
1
  <div class="grid grid-page">
2
- <div class="grid bg-white grid-article">
2
+ <div class="grid bg-white dark:bg-black grid-article">
3
3
  {{> @partial-block }}
4
4
  </div>
5
5
  </div>
@@ -15,7 +15,7 @@
15
15
  _type="story"
16
16
  _variant=(if this.showSquareImage.isTrue "100-top-sb-1x1" "100-top-sb")
17
17
  _pictureAddClass=(if this.showSquareImage.isTrue "grid ar-1-1 md:ar-16-9" "ar-16-9")
18
- _isWebview=../../_isWebview
18
+ _isWebview=../../../_webview-adjust_context
19
19
  _noDelay=true}}
20
20
  {{/if}}
21
21
  {{#if this.isVideo}}
@@ -37,11 +37,13 @@
37
37
  <img class="w-full{{~#if ../../_addClassImg}} {{../../_addClassImg}}{{/if}}" src="{{../this.fallback}}" alt="{{#if ../../_alttext}}{{../../_alttext}}{{else}}{{../../this.alttext}}{{/if}}">
38
38
  </noscript>
39
39
  {{/unless}}
40
- <img {{#with this.sizes}}sizes="{{this}}" {{/with~}}
41
- loading="{{#if ../../_noDelay}}auto{{else}}lazy{{/if}}"
42
- {{#if ../../_noDelay}}
40
+ <img{{#if ../../_isWebview}} data-primary-type="hr-nt:image"
41
+ data-image-id="{{nextRandom}}"{{/if}}
42
+ {{#with this.sizes}} sizes="{{this}}" {{/with~}}
43
+ loading="{{#if ../../_noDelay}}auto{{else}}lazy{{/if}}"
44
+ {{#if ../../_noDelay}}
43
45
  fetchpriority="high"
44
- {{/if}}
46
+ {{/if}}
45
47
  {{#with this.srcset}} {{#if ../../../_noDelay}}srcset{{else}}data-srcset{{/if}}="{{this}}"{{/with}}
46
48
  src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
47
49
  alt="{{#if ../../_alttext}}{{../../_alttext}}{{else}}{{../../this.alttext}}{{/if}}"
@@ -51,4 +53,7 @@
51
53
  {{~#with ../../_addClass }}</div>{{/with}}
52
54
  {{/with}}
53
55
  {{/if}}
56
+ {{#if ../_isWebview}}
57
+ <script type="application/json" id="{{getRandom}}">{{{../this.imageJson}}}</script>
58
+ {{/if}}
54
59
  {{/withParam}}
@@ -1,14 +1,12 @@
1
- {{#if _url}}
1
+ {{~#if _url~}}
2
2
  <a class="{{#if _css}}{{_css}}{{/if}} {{#> css}}{{/css}}" href="{{_url}}">
3
3
  {{~> @partial-block ~}}
4
4
  </a>
5
- {{else}}
5
+ {{~else~}}
6
6
  <a {{#with _link.webviewUrl}}data-webviewurl="{{this}}"{{/with}} {{#if _link.isStaticUrl}}href="{{#if _link.site}}{{resourceUrl _link.url _site=_link.site}}{{else}}{{resourceUrl _link.url}}{{/if}}{{else}}href="{{_link.url}}{{/if}}{{#if this.hasComments}}#commentList{{/if}}"
7
7
  class="sb-link ds-link js-load{{#if _link.isUserConsentNeeded}} js-user-consent-needed{{/if}} {{#if _isSelected}} {{defaultIfEmpty _selectedCssClass "-current"}}{{/if}}{{#if _css}} {{_css}}{{/if}} {{#> css}}{{/css}}"
8
8
  {{#if _link.isTargetBlank}} target="_blank" rel="noopener{{#if _link.hasNoReferrerFlag}} noreferrer{{/if}}"{{/if}}
9
9
  {{#if _isAriaHidden}} aria-hidden="true" tabindex="-1"{{/if}}
10
10
  {{#> htmlProperties}}{{/htmlProperties}}
11
- >
12
- {{~> @partial-block ~}}
13
- </a>
14
- {{/if}}
11
+ >{{~> @partial-block ~}}</a>
12
+ {{~/if~}}
@@ -4,8 +4,8 @@
4
4
  Redaktion:
5
5
  {{#each this}}
6
6
  {{#if this.hasProfileLink}}
7
- {{#>components/base/link _link=this.link _css="text-link hover:underline"}}<span>{{../this.authorName~}}</span>{{/components/base/link}}
8
- {{#with this.textAfterAuthor}}{{this}}{{/with}}{{this.delimiter}}
7
+ {{#>components/base/link _link=this.link _css="text-link hover:underline"}}<span>{{../this.authorName~}}</span>{{/components/base/link~}}
8
+ {{~#with this.textAfterAuthor}}{{this}}{{/with}}{{~this.delimiter~}}
9
9
  {{else}}
10
10
  {{this.from}}{{#with this.textAfterAuthor}}{{this}}{{/with}}{{this.delimiter}}
11
11
  {{/if}}
@@ -15,15 +15,13 @@
15
15
  {{~#with this.programReferenceAlt~}}
16
16
  {{~#if this.hasReference~}}
17
17
  <div>
18
- Sendung:
18
+ Sendung:
19
19
  {{#if this.link}}
20
- {{#>components/base/link _link=this.link _css="text-link hover:underline" }}
21
- <span>{{../this.name}},</span>
22
- {{/components/base/link}}
23
- {{#if this.date}}
24
- <span>
20
+ {{#>components/base/link _link=this.link _css="text-link hover:underline"~}}
21
+ <span>{{~ ../this.programLabel ~}}</span>{{/components/base/link~}}{{~#if this.date~}},
22
+ <span>
25
23
  <time datetime="{{#if this.displayWithTime}}{{this.date.htmlDateTime}}{{else}}{{this.date.date}}{{/if}}"
26
- class="{{#if _isArticle}}{{else}}{{/if}} ">
24
+ class="{{#if _isArticle}}{{else}}{{/if}} ">
27
25
  {{#if this.displayWithTime}}
28
26
  {{loca "date_simple_at" this.date.dateSeparatorTime}}
29
27
  {{else}}
@@ -31,18 +29,18 @@
31
29
  {{/if}}
32
30
  </time>
33
31
  </span>
34
- {{/if}}
32
+ {{/if}}
35
33
  {{else}}
36
- <span>{{this.name}},{{#if this.date}}
37
- <time datetime="{{#if this.displayWithTime}}{{this.date.htmlDateTime}}{{else}}{{this.date.date}}{{/if}}"
38
- class="{{#if _isArticle}}{{else}}{{/if}} ">
39
- {{#if this.displayWithTime}}
40
- {{loca "date_simple_at" this.date.dateSeparatorTime}}
41
- {{else}}
42
- {{this.date.date}}
43
- {{/if}}
44
- </time>
45
- {{/if}}
34
+ <span>{{~this.programLabel~}},{{~#if this.date~}}
35
+ <time datetime="{{#if this.displayWithTime}}{{this.date.htmlDateTime}}{{else}}{{this.date.date}}{{/if}}"
36
+ class="{{#if _isArticle}}{{else}}{{/if}} ">
37
+ {{~#if this.displayWithTime~}}
38
+ {{loca "date_simple_at" this.date.dateSeparatorTime}}
39
+ {{~else~}}
40
+ {{this.date.date}}
41
+ {{~/if~}}
42
+ </time>
43
+ {{~/if~}}
46
44
  </span>
47
45
  {{/if}}
48
46
  </div>
@@ -6,7 +6,7 @@
6
6
  _type="story"
7
7
  _variant="100-copytext-portrait"
8
8
  _noAr="true"
9
- _isWebview=../../_isWebview}}
9
+ _isWebview=_isWebview}}
10
10
  {{else}}
11
11
  {{> components/content/copytext/components/image/figure
12
12
  _cssClass="my-6 sm480:my-7 sm480:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid page-break-inside-avoid"
@@ -14,7 +14,7 @@
14
14
  _type="story"
15
15
  _variant="copytext-portrait"
16
16
  _noAr="true"
17
- _isWebview=../../_isWebview}}
17
+ _isWebview=_isWebview}}
18
18
  {{/if}}
19
19
  {{else}}
20
20
  {{#if this.showFullSize.isTrue}}
@@ -24,7 +24,7 @@
24
24
  _type="story"
25
25
  _variant="100-copytext"
26
26
  _pictureAddClass="ar-16-9"
27
- _isWebview=../../_isWebview}}
27
+ _isWebview=_isWebview}}
28
28
  {{else}}
29
29
  {{> components/content/copytext/components/image/figure
30
30
  _cssClass="my-6 sm480:my-7 article-full-width sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid page-break-inside-avoid"
@@ -32,7 +32,7 @@
32
32
  _type="story"
33
33
  _variant="copytext"
34
34
  _pictureAddClass="ar-16-9"
35
- _isWebview=../../_isWebview}}
35
+ _isWebview=_isWebview}}
36
36
  {{/if}}
37
37
  {{/if}}
38
38
 
@@ -10,7 +10,7 @@
10
10
  {{#unless this.isInfoBox}}
11
11
  {{~#with this.paragraphBoxItem }}
12
12
  {{~#if this.isImage}}
13
- {{~> components/content/copytext/components/image/image}}
13
+ {{~> components/content/copytext/components/image/image _isWebview=../../_isWebview}}
14
14
  {{/if~}}
15
15
  {{~#if this.isContentBox}}
16
16
  {{~> components/content/copytext/components/contentbox/contentbox ~}}
@@ -7,9 +7,9 @@
7
7
  <h2>
8
8
  {{#unless this.label }}
9
9
  {{~#if topline}}
10
- <span class="block mb-2 text-base sm480:text-xl font-heading">{{this.topline}}</span>
10
+ <span class="block mb-2 text-base sm480:text-xl font-heading dark:text-text-dark">{{this.topline}}</span>
11
11
  {{/if~}}
12
12
  {{/unless~}}
13
- <span class="text-3xl font-headingSerif sm480:text-4xl">{{this.title}}</span>
13
+ <span class="text-3xl font-headingSerif sm480:text-4xl dark:text-text-dark">{{this.title}}</span>
14
14
  </h2>
15
15
  </header>
@@ -1,5 +1,5 @@
1
1
  <div class="grid grid-page">
2
- <div class="grid bg-white grid-article">
2
+ <div class="grid bg-white dark:bg-black grid-article">
3
3
  {{> @partial-block }}
4
4
  </div>
5
5
  </div>
@@ -15,7 +15,7 @@
15
15
  _type="story"
16
16
  _variant=(if this.showSquareImage.isTrue "100-top-sb-1x1" "100-top-sb")
17
17
  _pictureAddClass=(if this.showSquareImage.isTrue "grid ar-1-1 md:ar-16-9" "ar-16-9")
18
- _isWebview=../../_isWebview
18
+ _isWebview=../_webview
19
19
  _noDelay=true}}
20
20
  {{/if}}
21
21
  {{#if this.isVideo}}
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.74.6",
9
+ "version": "1.74.8",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
@@ -38,6 +38,7 @@
38
38
  }],
39
39
  "programReferenceAlt":{
40
40
  "hasReference": true,
41
+ "programLabel": "Hessenschau",
41
42
  "link": {
42
43
  "url": "/programReference-url",
43
44
  "isTargetBlank": false