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.
- package/.storybook/preview-head.html +35 -3
- package/.storybook/preview.js +5 -9
- package/CHANGELOG.md +24 -0
- package/dist/assets/index.css +3 -3
- package/dist/views/components/base/image/responsive_image.hbs +9 -4
- package/dist/views/components/base/link.hbs +4 -6
- package/dist/views/components/content/content_footer/content_footer.hbs +18 -20
- package/dist/views/components/content/copytext/components/image/image.hbs +4 -4
- package/dist/views/components/content/copytext/copytext.hbs +1 -1
- package/dist/views/components/page/base/page_header.hbs +2 -2
- package/dist/views/components/page/base/page_wrapper.hbs +1 -1
- package/dist/views/components/page/story/story_article.hbs +1 -1
- package/dist/views_static/components/base/image/responsive_image.hbs +9 -4
- package/dist/views_static/components/base/link.hbs +4 -6
- package/dist/views_static/components/content/content_footer/content_footer.hbs +18 -20
- package/dist/views_static/components/content/copytext/components/image/image.hbs +4 -4
- package/dist/views_static/components/content/copytext/copytext.hbs +1 -1
- package/dist/views_static/components/page/base/page_header.hbs +2 -2
- package/dist/views_static/components/page/base/page_wrapper.hbs +1 -1
- package/dist/views_static/components/page/story/story_article.hbs +1 -1
- package/package.json +1 -1
- package/src/assets/fixtures/content/content_footer/content_footer.json +1 -0
- package/src/assets/fixtures/teaser/teaser_images.inc.json +24 -0
- package/src/stories/views/components/base/image/responsive_image.hbs +9 -4
- package/src/stories/views/components/base/link.hbs +4 -6
- package/src/stories/views/components/content/content_footer/content_footer.hbs +18 -20
- package/src/stories/views/components/content/content_footer/fixtures/content_footer.json +1 -1
- package/src/stories/views/components/content/copytext/components/accordion/fixtures/accordion.json +1 -1
- package/src/stories/views/components/content/copytext/components/contentbox/fixtures/contentbox.json +1 -1
- package/src/stories/views/components/content/copytext/components/image/image.hbs +4 -4
- package/src/stories/views/components/content/copytext/copytext.hbs +1 -1
- package/src/stories/views/components/content/copytext/copytext.stories.js +9 -1
- package/src/stories/views/components/content/copytext/fixtures/copytext_filedownload.json +1 -1
- package/src/stories/views/components/content/copytext/fixtures/copytext_image.json +1 -1
- package/src/stories/views/components/content/copytext/fixtures/copytext_infobox.json +1 -1
- package/src/stories/views/components/content/copytext/fixtures/copytext_podcastepisode.json +1 -1
- package/src/stories/views/components/content/copytext/fixtures/copytext_posterteaser.json +1 -1
- package/src/stories/views/components/content/copytext/fixtures/copytext_video.json +1 -1
- package/src/stories/views/components/event/calendar/fixtures/event_calendar_event_teaser.json +1 -1
- package/src/stories/views/components/page/base/page_header.hbs +2 -2
- package/src/stories/views/components/page/base/page_wrapper.hbs +1 -1
- package/src/stories/views/components/page/fixtures/page.json +1 -1
- package/src/stories/views/components/page/podcast/fixtures/podcast_player_playlist.json +1 -1
- package/src/stories/views/components/page/story/fixtures/story.json +1 -1
- package/src/stories/views/components/page/story/fixtures/story_with_label.json +1 -1
- package/src/stories/views/components/page/story/fixtures/story_with_square_image.json +1 -1
- package/src/stories/views/components/page/story/fixtures/story_with_video.json +1 -1
- package/src/stories/views/components/page/story/story_article.hbs +1 -1
- package/src/stories/views/components/pagination/fixtures/page_pagination.json +1 -1
- package/src/stories/views/components/teaser/fixtures/cluster_teaser_100.json +1 -1
- package/src/stories/views/components/teaser/fixtures/cluster_teaser_100_genre.json +1 -1
- package/src/stories/views/components/teaser/fixtures/cluster_teaser_100_image.json +1 -1
- package/src/stories/views/components/teaser/fixtures/cluster_teaser_33.json +1 -1
- package/src/stories/views/components/teaser/fixtures/cluster_teaser_33_genre.json +1 -1
- package/src/stories/views/components/teaser/fixtures/cluster_teaser_33_image.json +1 -1
- package/src/stories/views/components/teaser/fixtures/cluster_teaser_33_long_title.json +1 -1
- package/src/stories/views/components/teaser/fixtures/cluster_teaser_50.json +1 -1
- package/src/stories/views/components/teaser/fixtures/cluster_teaser_50_genre.json +1 -1
- package/src/stories/views/components/teaser/fixtures/cluster_teaser_50_image.json +1 -1
- package/src/stories/views/components/teaser/fixtures/cluster_teaser_Podcast_Channel.json +1 -1
- package/src/stories/views/components/teaser/fixtures/cluster_teaser_extern_100.json +1 -1
- package/src/stories/views/components/teaser/fixtures/cluster_teaser_extern_33.json +1 -1
- package/src/stories/views/components/teaser/fixtures/cluster_teaser_extern_50.json +1 -1
- package/src/stories/views/components/teaser/fixtures/cluster_teaser_ordered_100.json +1 -1
- package/src/stories/views/components/teaser/fixtures/cluster_teaser_ordered_33.json +1 -1
- package/src/stories/views/components/teaser/fixtures/cluster_teaser_ordered_50.json +1 -1
- package/src/stories/views/components/teaser/fixtures/stage_teaser.json +1 -1
- package/src/stories/views/components/teaser/fixtures/stage_teaser_eventtag.json +1 -1
- package/src/stories/views/components/teaser/fixtures/stage_teaser_program.json +1 -1
- package/src/stories/views/components/teaser/fixtures/stage_teaser_wide.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_alternative_100_serif.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_alternative_100_serif_audio.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_alternative_100_serif_download.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_alternative_100_serif_featured_content.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_alternative_100_serif_link.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_alternative_100_serif_live.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_alternative_100_serif_single_event.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_alternative_100_serif_two_events.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_alternative_100_serif_video.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_alternative_50_serif.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_alternative_50_serif_audio.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_alternative_50_serif_download.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_alternative_50_serif_link.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_alternative_50_serif_live.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_alternative_50_serif_video.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_alternative_hero_serif.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_alternative_hero_serif_audio.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_alternative_hero_serif_comments.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_alternative_hero_serif_label.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_alternative_hero_serif_link.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_alternative_hero_serif_live.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_alternative_hero_serif_program.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_alternative_hero_serif_video.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_comments_without_teaserinfo.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_event_calendar_100_serif.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_group_100.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_group_100_highlight.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_group_100_highlight_2.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_group_25.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_group_related_content_100.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_index.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_indextext_100_accented.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_indextext_100_boxed.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_indextext_100_highlighted.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_indextext_50_accented.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_podcast.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_podcast_50.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_podcast_playlist.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_podcast_playlist_50.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_podcast_playlist_filter.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_poster_lg.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_poster_md.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_poster_md_label.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_standard_100_serif.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_standard_100_serif_download.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_standard_100_serif_link.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_standard_100_serif_program.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_standard_100_serif_single_event.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_standard_100_serif_two_events.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_standard_25_serif.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_standard_25_serif_audio.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_standard_25_serif_audio_livestream.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_standard_25_serif_link.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_standard_25_serif_live.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_standard_25_serif_podcast.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_standard_25_serif_video.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_standard_33_long_geotag.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_standard_33_serif.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_standard_33_serif_link.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_standard_33_serif_multiple_events.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_standard_33_serif_single_event.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_standard_33_serif_single_event_status.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_standard_33_serif_tabbox.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_standard_33_serif_two_events.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_standard_50_serif.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_standard_50_serif_audio.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_standard_50_serif_audio_livestream.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_standard_50_serif_download.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_standard_50_serif_featured_content.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_standard_50_serif_link.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_standard_50_serif_link_two_click.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_standard_50_serif_live.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_standard_50_serif_podcast.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_standard_50_serif_single_event.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_standard_50_serif_tabbox.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_standard_50_serif_video.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_standard_66_serif_single_event.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_standard_hero_serif.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_standard_hero_serif_comments.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_standard_hero_serif_label.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_standard_hero_serif_link.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_tabbox.json +1 -1
- package/src/stories/views/components/teaser/fixtures/ticker_teaser_alternativ_100.json +1 -1
- package/src/stories/views/components/teaser/fixtures/ticker_teaser_alternativ_hero.json +1 -1
- package/src/stories/views/components/teaser/fixtures/ticker_teaser_alternativ_hero_audio.json +1 -1
- package/src/stories/views/components/teaser/fixtures/ticker_teaser_standard_100.json +1 -1
- package/src/stories/views/components/teaser/fixtures/ticker_teaser_standard_25.json +1 -1
- package/src/stories/views/components/teaser/fixtures/ticker_teaser_standard_33.json +1 -1
- package/src/stories/views/components/teaser/fixtures/ticker_teaser_standard_50.json +1 -1
- package/src/stories/views/components/teaser/fixtures/ticker_teaser_standard_hero.json +1 -1
- 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
|
-
|
|
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
|
-
|
|
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>
|
package/.storybook/preview.js
CHANGED
|
@@ -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
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
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
|
package/dist/assets/index.css
CHANGED
|
@@ -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:
|
|
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:
|
|
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(
|
|
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
|
|
41
|
-
|
|
42
|
-
|
|
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
|
-
|
|
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
|
-
{{
|
|
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
|
-
|
|
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
|
-
{{
|
|
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.
|
|
22
|
-
|
|
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
|
-
|
|
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
|
-
|
|
32
|
+
{{/if}}
|
|
35
33
|
{{else}}
|
|
36
|
-
<span>{{this.
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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>
|
|
@@ -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
|
|
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
|
|
41
|
-
|
|
42
|
-
|
|
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
|
-
|
|
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
|
-
{{
|
|
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
|
-
|
|
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
|
-
{{
|
|
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.
|
|
22
|
-
|
|
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
|
-
|
|
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
|
-
|
|
32
|
+
{{/if}}
|
|
35
33
|
{{else}}
|
|
36
|
-
<span>{{this.
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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>
|
|
@@ -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
|
|
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.
|
|
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",
|