hr-design-system-handlebars 1.50.16 → 1.50.17

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 (83) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/assets/index.css +6 -3
  3. package/dist/views/components/content/copytext/components/additionalinfo.hbs +5 -0
  4. package/dist/views/components/content/copytext/components/audio.hbs +9 -0
  5. package/dist/views/components/content/copytext/components/audioeventlivestream.hbs +9 -0
  6. package/dist/views/components/content/copytext/components/cite.hbs +20 -0
  7. package/dist/views/components/content/copytext/components/downloadbox.hbs +5 -0
  8. package/dist/views/components/content/copytext/components/externalservice.hbs +61 -0
  9. package/dist/views/components/content/copytext/components/faq.hbs +5 -0
  10. package/dist/views/components/content/copytext/components/filedownload.hbs +5 -0
  11. package/dist/views/components/content/copytext/components/gallery.hbs +7 -0
  12. package/dist/views/components/content/copytext/components/headline.hbs +1 -0
  13. package/dist/views/components/content/copytext/components/image.hbs +41 -0
  14. package/dist/views/components/content/copytext/components/infobox.hbs +5 -0
  15. package/dist/views/components/content/copytext/components/jobposting.hbs +5 -0
  16. package/dist/views/components/content/copytext/components/livestream.hbs +9 -0
  17. package/dist/views/components/content/copytext/components/map.hbs +46 -0
  18. package/dist/views/components/content/copytext/components/newsletter.hbs +5 -0
  19. package/dist/views/components/content/copytext/components/paragraph.hbs +11 -0
  20. package/dist/views/components/content/copytext/components/podcastepisode.hbs +9 -0
  21. package/dist/views/components/content/copytext/components/posterteaser.hbs +5 -0
  22. package/dist/views/components/content/copytext/components/radioplaylist.hbs +11 -0
  23. package/dist/views/components/content/copytext/components/tweet.hbs +7 -0
  24. package/dist/views/components/content/copytext/components/video.hbs +9 -0
  25. package/dist/views/components/content/copytext/components/voting.hbs +9 -0
  26. package/dist/views/components/content/copytext/components/webform.hbs +5 -0
  27. package/dist/views/components/content/copytext/copytext.hbs +129 -0
  28. package/dist/views_static/components/content/copytext/components/additionalinfo.hbs +5 -0
  29. package/dist/views_static/components/content/copytext/components/audio.hbs +9 -0
  30. package/dist/views_static/components/content/copytext/components/audioeventlivestream.hbs +9 -0
  31. package/dist/views_static/components/content/copytext/components/cite.hbs +20 -0
  32. package/dist/views_static/components/content/copytext/components/downloadbox.hbs +5 -0
  33. package/dist/views_static/components/content/copytext/components/externalservice.hbs +61 -0
  34. package/dist/views_static/components/content/copytext/components/faq.hbs +5 -0
  35. package/dist/views_static/components/content/copytext/components/filedownload.hbs +5 -0
  36. package/dist/views_static/components/content/copytext/components/gallery.hbs +7 -0
  37. package/dist/views_static/components/content/copytext/components/headline.hbs +1 -0
  38. package/dist/views_static/components/content/copytext/components/image.hbs +41 -0
  39. package/dist/views_static/components/content/copytext/components/infobox.hbs +5 -0
  40. package/dist/views_static/components/content/copytext/components/jobposting.hbs +5 -0
  41. package/dist/views_static/components/content/copytext/components/livestream.hbs +9 -0
  42. package/dist/views_static/components/content/copytext/components/map.hbs +46 -0
  43. package/dist/views_static/components/content/copytext/components/newsletter.hbs +5 -0
  44. package/dist/views_static/components/content/copytext/components/paragraph.hbs +11 -0
  45. package/dist/views_static/components/content/copytext/components/podcastepisode.hbs +9 -0
  46. package/dist/views_static/components/content/copytext/components/posterteaser.hbs +5 -0
  47. package/dist/views_static/components/content/copytext/components/radioplaylist.hbs +11 -0
  48. package/dist/views_static/components/content/copytext/components/tweet.hbs +7 -0
  49. package/dist/views_static/components/content/copytext/components/video.hbs +9 -0
  50. package/dist/views_static/components/content/copytext/components/voting.hbs +9 -0
  51. package/dist/views_static/components/content/copytext/components/webform.hbs +5 -0
  52. package/dist/views_static/components/content/copytext/copytext.hbs +129 -0
  53. package/package.json +1 -1
  54. package/src/assets/fixtures/content/copytext/copytext.inc.json +100 -0
  55. package/src/assets/fixtures/content/copytext/copytext.json +4 -0
  56. package/src/stories/views/components/content/copytext/components/additionalinfo.hbs +5 -0
  57. package/src/stories/views/components/content/copytext/components/audio.hbs +9 -0
  58. package/src/stories/views/components/content/copytext/components/audioeventlivestream.hbs +9 -0
  59. package/src/stories/views/components/content/copytext/components/cite.hbs +20 -0
  60. package/src/stories/views/components/content/copytext/components/downloadbox.hbs +5 -0
  61. package/src/stories/views/components/content/copytext/components/externalservice.hbs +61 -0
  62. package/src/stories/views/components/content/copytext/components/faq.hbs +5 -0
  63. package/src/stories/views/components/content/copytext/components/filedownload.hbs +5 -0
  64. package/src/stories/views/components/content/copytext/components/gallery.hbs +7 -0
  65. package/src/stories/views/components/content/copytext/components/headline.hbs +1 -0
  66. package/src/stories/views/components/content/copytext/components/image.hbs +41 -0
  67. package/src/stories/views/components/content/copytext/components/infobox.hbs +5 -0
  68. package/src/stories/views/components/content/copytext/components/jobposting.hbs +5 -0
  69. package/src/stories/views/components/content/copytext/components/livestream.hbs +9 -0
  70. package/src/stories/views/components/content/copytext/components/map.hbs +46 -0
  71. package/src/stories/views/components/content/copytext/components/newsletter.hbs +5 -0
  72. package/src/stories/views/components/content/copytext/components/paragraph.hbs +11 -0
  73. package/src/stories/views/components/content/copytext/components/podcastepisode.hbs +9 -0
  74. package/src/stories/views/components/content/copytext/components/posterteaser.hbs +5 -0
  75. package/src/stories/views/components/content/copytext/components/radioplaylist.hbs +11 -0
  76. package/src/stories/views/components/content/copytext/components/tweet.hbs +7 -0
  77. package/src/stories/views/components/content/copytext/components/video.hbs +9 -0
  78. package/src/stories/views/components/content/copytext/components/voting.hbs +9 -0
  79. package/src/stories/views/components/content/copytext/components/webform.hbs +5 -0
  80. package/src/stories/views/components/content/copytext/copytext.hbs +129 -0
  81. package/src/stories/views/components/content/copytext/copytext.mdx +25 -0
  82. package/src/stories/views/components/content/copytext/copytext.stories.js +16 -0
  83. package/src/stories/views/components/content/copytext/fixtures/copytext.json +1 -0
@@ -0,0 +1,61 @@
1
+ {{~#if (isStorybook)~}}
2
+ <div class="mt-6 italic text-gray-dark">coming soon: External-service-component</div>
3
+ {{~else~}}
4
+ {{#with this.toModel.externalService}}
5
+ {{#if this.externalServiceConfig.makeConfigurable}}
6
+ {{~> modules/externalService/externalService~}}
7
+ {{else}}
8
+ {{#if this.externalServiceConfig.embedAsIFrame}}
9
+ {{#if this.fixedHeight}}
10
+ {{#if this.serviceUrl}}
11
+ <div class="copytext__externalService">
12
+ {{~> base/a11y/hiddenText _locaTag="story_externalservice_intro_sr" ~}}
13
+ <div class="copytext__scrollWrapper -fixedHeight"
14
+ style="height:{{this.fixedHeight}}px;">
15
+ <iframe frameborder="0" width="100%" height="100%"
16
+ src="{{{this.serviceUrl}}}" webkitallowfullscreen mozallowfullscreen
17
+ allowfullscreen scrolling='no'></iframe>
18
+ </div>
19
+ {{~> base/a11y/hiddenText _locaTag="story_externalservice_outro_sr" ~}}
20
+ {{#with this.externalServiceCaption}}
21
+ <div class="copytext__captionLine">
22
+ <span class="figcaption">{{this}}</span>
23
+ </div>
24
+ {{/with}}
25
+ </div>
26
+ {{/if}}
27
+ {{else}}
28
+ {{#if this.serviceUrl}}
29
+ <div class="copytext__externalService">
30
+ {{~> base/a11y/hiddenText _locaTag="story_externalservice_intro_sr" ~}}
31
+ <div class="copytext__scrollWrapper">
32
+ <div class="ar--{{defaultIfEmpty this.aspectRatio "auto"}}">
33
+ <iframe frameborder="0" class="ar__content" width="100%" height="100%"
34
+ src="{{{this.serviceUrl}}}" webkitallowfullscreen
35
+ mozallowfullscreen allowfullscreen></iframe>
36
+ </div>
37
+ </div>
38
+ {{#with this.externalServiceCaption}}
39
+ <div class="copytext__captionLine">
40
+ <span class="figcaption">{{this}}</span>
41
+ </div>
42
+ {{/with}}
43
+ {{~> base/a11y/hiddenText _locaTag="story_externalservice_outro_sr" ~}}
44
+ </div>
45
+ {{/if}}
46
+ {{/if}}
47
+ {{else}}
48
+ <div class="copytext__externalService">
49
+ <div class="c-externalService__{{this.externalServiceConfig.externalServiceId}} js-load"
50
+ data-hr-external-service='{"id":"{{this.externalServiceConfig.externalServiceId}}","embedCode":"{{this.serviceUrl}}", "embedType": "{{this.externalServiceConfig.externalServiceEmbedType}}", "dataPolicyCheck": false, "iFrameConfig":{}}'>
51
+ </div>
52
+ {{#with this.externalServiceCaption}}
53
+ <div class="copytext__captionLine js-externalservice__caption">
54
+ <span class="figcaption">{{this}}</span>
55
+ </div>
56
+ {{/with}}
57
+ </div>
58
+ {{/if}}
59
+ {{/if}}
60
+ {{/with}}
61
+ {{~/if~}}
@@ -0,0 +1,5 @@
1
+ {{~#if (isStorybook)~}}
2
+ <div class="mt-6 italic text-gray-dark">coming soon: FAQ-component</div>
3
+ {{~else~}}
4
+ {{~> modules/story/paragraphs/faq ~}}
5
+ {{~/if~}}
@@ -0,0 +1,5 @@
1
+ {{~#if (isStorybook)~}}
2
+ <div class="mt-6 italic text-gray-dark">coming soon: File-download-component</div>
3
+ {{~else~}}
4
+ {{> modules/media/media_figure _addClass="copytext__box" _a11yIntro-loca="story_download_intro_sr" _a11yOutro-loca="story_download_outro_sr" }}
5
+ {{~/if~}}
@@ -0,0 +1,7 @@
1
+ {{~#if (isStorybook)~}}
2
+ <div class="mt-6 italic text-gray-dark">coming soon: Gallery-component</div>
3
+ {{~else~}}
4
+ {{#with this.toModel.galleryPage}}
5
+ {{> modules/media/media_figure _addClass="copytext__clearBox dontPrint" _a11yIntro-loca="story_gallery_intro_sr" _a11yOutro-loca="story_gallery_outro_sr" }}
6
+ {{/with}}
7
+ {{~/if~}}
@@ -0,0 +1 @@
1
+ <h2 class="clear-both text-lg sm480:text-2xl font-headingSerif mt-11 dark:text-text-dark">{{{this.text}}}</h2>
@@ -0,0 +1,41 @@
1
+ {{~#if (isStorybook)~}}
2
+ <div class="mt-6 italic text-gray-dark">coming soon: Image-component</div>
3
+ {{~else~}}
4
+
5
+ {{#if this.showPortrait.isTrue }}
6
+ {{#if this.showFullSize.isTrue }}
7
+ {{> modules/figure/figure
8
+ _cssClass="copytext__clearBox"
9
+ _type="story"
10
+ _variant="100-copytext-portrait"
11
+ _noAr="true"
12
+ _pictureAddClass="copytext__box__picture"
13
+ _isWebview=../../_isWebview}}
14
+ {{else}}
15
+ {{> modules/figure/figure
16
+ _cssClass="copytext__box"
17
+ _type="story"
18
+ _variant="copytext-portrait"
19
+ _noAr="true"
20
+ _pictureAddClass="copytext__box__picture"
21
+ _isWebview=../../_isWebview}}
22
+ {{/if}}
23
+ {{else}}
24
+ {{#if this.showFullSize.isTrue}}
25
+ {{> modules/figure/figure
26
+ _cssClass="copytext__clearBox"
27
+ _type="story"
28
+ _variant="100-copytext"
29
+ _pictureAddClass="ar--16x9 copytext__box__picture"
30
+ _isWebview=../../_isWebview}}
31
+ {{else}}
32
+ {{> modules/figure/figure
33
+ _cssClass="copytext__box"
34
+ _type="story"
35
+ _variant="copytext"
36
+ _pictureAddClass="ar--16x9 copytext__box__picture"
37
+ _isWebview=../../_isWebview}}
38
+ {{/if}}
39
+ {{/if}}
40
+
41
+ {{~/if~}}
@@ -0,0 +1,5 @@
1
+ {{~#if (isStorybook)~}}
2
+ <div class="mt-6 italic text-gray-dark">coming soon: Infobox-component</div>
3
+ {{~else~}}
4
+ {{~> modules/story/paragraphs/infobox ~}}
5
+ {{~/if~}}
@@ -0,0 +1,5 @@
1
+ {{~#if (isStorybook)~}}
2
+ <div class="mt-6 italic text-gray-dark">coming soon: Jobposting-component</div>
3
+ {{~else~}}
4
+ {{~> modules/story/paragraphs/jobposting ~}}
5
+ {{~/if~}}
@@ -0,0 +1,9 @@
1
+ {{~#if (isStorybook)~}}
2
+ <div class="mt-6 italic text-gray-dark">coming soon: Livestream-component</div>
3
+ {{~else~}}
4
+ {{#if this.showFullSize.isTrue }}
5
+ {{> modules/media/media_figure _addClass="copytext__clearBox dontPrint" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream__outro_sr" }}
6
+ {{else}}
7
+ {{> modules/media/media_figure _addClass="copytext__box dontPrint" _a11yIntro-loca="story_video_livestream__intro_sr" _a11yOutro-loca="story_video_livestream__outro_sr" }}
8
+ {{/if}}
9
+ {{~/if~}}
@@ -0,0 +1,46 @@
1
+ {{~#if (isStorybook)~}}
2
+ <div class="mt-6 italic text-gray-dark">coming soon: Map-component</div>
3
+ {{~else~}}
4
+ {{> content/geomap/page/components/map
5
+ _addClass="copytext__clearBox"
6
+ _id=this.uuid
7
+ _tilesURL=this.mapTilesUrl
8
+ _iconURLStyle1=this.markerIconUrl
9
+ _iconURLStyle2=this.markerIconUrlS2
10
+ _iconURLStyle3=this.markerIconUrlS3
11
+ _markerList=this.showMarkerList
12
+ _fixedTooltip=this.showFixedTooltip
13
+ _markerCluster=this.showMarkercluster
14
+ _showOwnLocation=this.showOwnLocation
15
+ _initView=this.initView
16
+ _initLat=this.initViewLat
17
+ _initLng=this.initViewLong
18
+ _initZoom=this.initZoom
19
+ _border=this.showBorders
20
+ _colorBorder=this.borderColor
21
+ _borderStrokeWeight=this.borderStrokeWeight
22
+ _countryFillColor=this.countryFillColor
23
+ _countryFillOpacity=this.countryFillOpacity
24
+ _colorAreasStyle1=this.polygonColor
25
+ _opacityAreasStyle1=this.polygonOpacity
26
+ _weightAreasStyle1=this.polygonWeight
27
+ _colorAreasStyle2=this.polygonColorS2
28
+ _opacityAreasStyle2=this.polygonOpacityS2
29
+ _weightAreasStyle2=this.polygonWeightS2
30
+ _colorAreasStyle3=this.polygonColorS3
31
+ _opacityAreasStyle3=this.polygonOpacityS3
32
+ _weightAreasStyle3=this.polygonWeightS3
33
+ _colorLinesStyle1=this.polylineColor
34
+ _weightLinesStyle1=this.polylineWeight
35
+ _colorLinesStyle2=this.polylineColorS2
36
+ _weightLinesStyle2=this.polylineWeightS2
37
+ _colorLinesStyle3=this.polylineColorS3
38
+ _weightLinesStyle3=this.polylineWeightS3
39
+ _aspectRatio=this.mapAspectRatio
40
+ _initZoomMax=this.initZoomMax
41
+ _initZoomMin=this.initZoomMin
42
+ _clusterMinIconURL=this.clusterMinIconUrl
43
+ _clusterMedIconURL=this.clusterMedIconUrl
44
+ _clusterMaxIconURL=this.clusterMaxIconUrl
45
+ }}
46
+ {{~/if~}}
@@ -0,0 +1,5 @@
1
+ {{~#if (isStorybook)~}}
2
+ <div class="mt-6 italic text-gray-dark">coming soon: Newsletter-component</div>
3
+ {{~else~}}
4
+ {{> modules/newsletter/newsletter _addClass="copytext__clearBox marginTrailer--m"}}
5
+ {{~/if~}}
@@ -0,0 +1,11 @@
1
+ {{#each this.text.split}}
2
+ {{#if this.isText}}
3
+ <p class="mt-6 text-base sm480:text-lg dark:text-text-dark">{{{this.text}}}</p>
4
+ {{/if}}
5
+ {{#if this.isUl}}
6
+ <ul class="mt-6 ml-5 text-base list-disc sm480:text-lg dark:text-text-dark">{{{this.text}}}</ul>
7
+ {{/if}}
8
+ {{#if this.isOl}}
9
+ <ol class="mt-6 ml-5 text-base list-decimal sm480:text-lg dark:text-text-dark">{{{this.text}}}</ol>
10
+ {{/if}}
11
+ {{/each}}
@@ -0,0 +1,9 @@
1
+ {{~#if (isStorybook)~}}
2
+ <div class="mt-6 italic text-gray-dark">coming soon: Podcast-episode-component</div>
3
+ {{~else~}}
4
+ {{#if this.showFullSize.isTrue }}
5
+ {{> modules/media/media_figure _addClass="copytext__clearBox dontPrint" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
6
+ {{else}}
7
+ {{> modules/media/media_figure _addClass="copytext__box dontPrint" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
8
+ {{/if}}
9
+ {{~/if~}}
@@ -0,0 +1,5 @@
1
+ {{~#if (isStorybook)~}}
2
+ <div class="mt-6 italic text-gray-dark">coming soon: Posterteaser-component</div>
3
+ {{~else~}}
4
+ {{> modules/teaser/poster-teaser/posterTeaser-story}}
5
+ {{~/if~}}
@@ -0,0 +1,11 @@
1
+ {{~#if (isStorybook)~}}
2
+ <div class="mt-6 italic text-gray-dark">coming soon: Radioplaylist-component</div>
3
+ {{~else~}}
4
+ {{#with this.toModel.songvoteParagraphBox}}
5
+ {{#if this.showRanking }}
6
+ <div class="copytext__clearBox marginTrailer--m">
7
+ {{{this.rankingSSI}}}
8
+ </div>
9
+ {{/if}}
10
+ {{/with}}
11
+ {{~/if~}}
@@ -0,0 +1,7 @@
1
+ {{~#if (isStorybook)~}}
2
+ <div class="mt-6 italic text-gray-dark">coming soon: Tweet-component</div>
3
+ {{~else~}}
4
+ {{#with this.toModel.tweet}}
5
+ {{> modules/twitter/copytext_twitter _addClass="copytext__clearBox" }}
6
+ {{/with}}
7
+ {{~/if~}}
@@ -0,0 +1,9 @@
1
+ {{~#if (isStorybook)~}}
2
+ <div class="mt-6 italic text-gray-dark">coming soon: Video-component</div>
3
+ {{~else~}}
4
+ {{#if this.showFullSize.isTrue }}
5
+ {{> modules/media/media_figure _fullSize=true _addClass="copytext__clearBox dontPrint" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
6
+ {{else}}
7
+ {{> modules/media/media_figure _fullSize=false _addClass="copytext__box dontPrint" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
8
+ {{/if}}
9
+ {{~/if~}}
@@ -0,0 +1,9 @@
1
+ {{~#if (isStorybook)~}}
2
+ <div class="mt-6 italic text-gray-dark">coming soon: Voting-component</div>
3
+ {{~else~}}
4
+ {{#if this.isMultiVote}}
5
+ {{> modules/teaser/voting-teaser/multiVotingTeaser _addClass="copytext__clearBox"}}
6
+ {{else}}
7
+ {{> modules/teaser/voting-teaser/singleVotingTeaser _addClass="copytext__clearBox"}}
8
+ {{/if}}
9
+ {{~/if~}}
@@ -0,0 +1,5 @@
1
+ {{~#if (isStorybook)~}}
2
+ <div class="mt-6 italic text-gray-dark">coming soon: Webform-component</div>
3
+ {{~else~}}
4
+ {{> content/webform/components/webform _addClass="copytext__clearBox marginTrailer--m"}}
5
+ {{~/if~}}
@@ -0,0 +1,129 @@
1
+ {{#each this.copytextParagraph }}
2
+ {{{this.structuredDataSsi}}}
3
+ {{#if this.isHeadline}}
4
+ {{> components/content/copytext/components/headline }}
5
+ {{/if}}
6
+
7
+ {{#unless this.isInfoBox}}
8
+ {{~#with this.paragraphBoxItem }}
9
+ {{~#if this.isImage}}
10
+ {{> components/content/copytext/components/image }}
11
+ {{/if~}}
12
+ {{~#if this.isContentBox}}
13
+ {{~> components/article/components/contentbox/contentbox ~}}
14
+ {{/if~}}
15
+ {{~#if this.isAccordion}}
16
+ {{~> components/article/components/accordion/accordion ~}}
17
+ {{/if~}}
18
+ {{~#if this.isGallery}}
19
+ {{> components/content/copytext/components/gallery }}
20
+ {{/if~}}
21
+ {{~#if this.isFileDownload}}
22
+ {{> components/content/copytext/components/filedownload }}
23
+ {{/if~}}
24
+ {{~#if this.isMap}}
25
+ {{> components/content/copytext/components/map }}
26
+ {{/if~}}
27
+ {{~#if this.isWebForm}}
28
+ {{> components/content/copytext/components/webform }}
29
+ {{/if~}}
30
+ {{~#if this.isNewsletter}}
31
+ {{> components/content/copytext/components/newsletter }}
32
+ {{/if~}}
33
+ {{~#if this.isAudio}}
34
+ {{> components/content/copytext/components/audio }}
35
+ {{/if~}}
36
+ {{~#if this.isAudioEventLivestream}}
37
+ {{> components/content/copytext/components/audioeventlivestream }}
38
+ {{/if~}}
39
+ {{~#if this.isPodcastEpisode}}
40
+ {{> components/content/copytext/components/podcastepisode }}
41
+ {{/if~}}
42
+ {{~#if this.isVideo}}
43
+ {{> components/content/copytext/components/video }}
44
+ {{/if~}}
45
+ {{~#if this.isLivestream}}
46
+ {{> components/content/copytext/components/livestream }}
47
+ {{/if~}}
48
+ {{~#if this.isTweet}}
49
+ {{> components/content/copytext/components/tweet }}
50
+ {{~/if}}
51
+ {{~#if this.isRadioPlaylist}}
52
+ {{> components/content/copytext/components/radioplaylist }}
53
+ {{~/if}}
54
+ {{~#if this.isVoting}}
55
+ {{> components/content/copytext/components/voting }}
56
+ {{/if~}}
57
+ {{~#if this.isExternalService}}
58
+ {{> components/content/copytext/components/externalservice }}
59
+ {{/if~}}
60
+ {{~#if this.isContentNav}}
61
+ {{#with this.toModel.contentNavigationTeaser}}
62
+ {{~> components/teaser/content_nav/teaser_content_nav _isCopytext=true ~}}
63
+ {{/with}}
64
+ {{/if~}}
65
+ {{~/with}}
66
+ {{/unless}}
67
+
68
+ {{~#with this.paragraphTeaserItem }}
69
+ {{~#if this.isTopictag}}
70
+ {{#with this.toModel.genericTeaser}}
71
+ {{> components/content/copytext/components/posterteaser }}
72
+ {{/with}}
73
+ {{/if~}}
74
+ {{~#if this.isTicker}}
75
+ {{#with this.toModel.genericTeaser}}
76
+ {{> components/content/copytext/components/posterteaser }}
77
+ {{/with}}
78
+ {{/if~}}
79
+ {{~#if this.isLink}}
80
+ {{#with this.toModel.genericTeaser}}
81
+ {{> components/content/copytext/components/posterteaser }}
82
+ {{/with}}
83
+ {{/if~}}
84
+ {{~#if this.isStructureNodeDocument}}
85
+ {{#with this.toModel.structureNodeTeaser}}
86
+ {{> components/content/copytext/components/posterteaser }}
87
+ {{/with}}
88
+ {{/if~}}
89
+ {{~#if this.isStory}}
90
+ {{#with this.toModel.genericTeaser}}
91
+ {{> components/content/copytext/components/posterteaser }}
92
+ {{/with}}
93
+ {{/if~}}
94
+ {{~#if this.isProgram}}
95
+ {{#with this.toModel.genericTeaser}}
96
+ {{> components/content/copytext/components/posterteaser }}
97
+ {{/with}}
98
+ {{/if~}}
99
+ {{~#if this.isEvent}}
100
+ {{#with this.toModel.eventTeaser}}
101
+ {{> components/content/copytext/components/posterteaser }}
102
+ {{/with}}
103
+ {{/if~}}
104
+ {{~/with}}
105
+
106
+ {{#if this.isParagraph}}
107
+ {{> components/content/copytext/components/paragraph }}
108
+ {{/if}}
109
+
110
+ {{#if this.isCite}}
111
+ {{> components/content/copytext/components/cite }}
112
+ {{/if}}
113
+
114
+ {{#if this.isInfoBox}}
115
+ {{> components/content/copytext/components/infobox }}
116
+ {{/if}}
117
+ {{#if this.isAdditionalInfo}}
118
+ {{> components/content/copytext/components/additionalinfo }}
119
+ {{/if}}
120
+ {{#if this.isDownloadBox}}
121
+ {{> components/content/copytext/components/downloadbox }}
122
+ {{/if}}
123
+ {{#if this.isFAQ}}
124
+ {{> components/content/copytext/components/faq }}
125
+ {{/if}}
126
+ {{#if this.isJobposting}}
127
+ {{> components/content/copytext/components/jobposting }}
128
+ {{/if}}
129
+ {{/each}}
@@ -0,0 +1,25 @@
1
+ import { ArgsTable, Meta, Story, Canvas } from '@storybook/blocks'
2
+ import * as CopytextStories from './copytext.stories'
3
+
4
+ <Meta of={CopytextStories} />
5
+
6
+ # Copytext
7
+
8
+ ## Beschreibung
9
+
10
+ Copytext ist der Haupt-Bestandteil eines Artikels. Er enthält Text-Absätze, Zwischenüberschriften, Bilder, Audios, Videos und vieles mehr.
11
+ Die insgesamt 26 Sub-Komponenten werden nach und nach entwickelt. Bis dahin werden Dummies angezeigt (*"coming soon: XY-component"*).
12
+
13
+ ## Verwendung
14
+
15
+ Die Copytext-Komponente wird in handlebars wie folgt eingebaut:
16
+
17
+ ```html
18
+ {{> components/content/copytext/copytext _isWebview=true|false }}
19
+ ```
20
+
21
+ <Canvas withToolbar>
22
+ <Story of={CopytextStories.Default} />
23
+ </Canvas>
24
+
25
+ <ArgsTable story="default" />
@@ -0,0 +1,16 @@
1
+ import copytext from './copytext.hbs'
2
+ import copytext_json from './fixtures/copytext.json'
3
+
4
+ const Template = ({ ...args }) => {
5
+ return copytext({ ...args })
6
+ }
7
+
8
+ export default {
9
+ title: 'Komponenten/Content/Copytext',
10
+ }
11
+
12
+ export const Default = {
13
+ render: Template.bind({}),
14
+ name: 'default',
15
+ args: copytext_json,
16
+ }
@@ -0,0 +1 @@
1
+ {"copytextParagraph":[{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isHeadline":true,"text":"Speichermedien sowie Waffen und Munition sichergestellt"},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isParagraph":true,"text":{"split":[{"isText":true,"text":"In der rund 1.200 Einwohner großen Gemeinde Waldbrunn, rund 13 Kilometer vom rheinland-pfälzischen Westerburg entfernt, engagiert sich der 18-Jährige nach hr-Informationen bei der Freiwilligen Feuerwehr. Der Ortsvorsteher aus Waldbrunn beschrieb den Terrorverdächtigen als zurückhaltend, höflich und hilfsbereit."},{"isUl":true,"text":"<li>In der rund 1.200 Einwohner großen Gemeinde Waldbrunn</li><li>rund 13 Kilometer vom rheinland-pfälzischen Westerburg entfernt</li>"},{"isOl":true,"text":"<li>In der rund 1.200 Einwohner großen Gemeinde Waldbrunn</li><li>rund 13 Kilometer vom rheinland-pfälzischen Westerburg entfernt</li>"}]}},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isParagraph":true,"text":{"split":[{"isText":true,"text":"Nach der Festnahme in der vergangenen Woche hätten bereits Gespräche mit Mitschülerinnen und Mitschülern des 18 Jahre alten Oberstufenschülers stattgefunden. Auch die Eltern seien in Kenntnis gesetzt worden, sagte der Schulleiter."},{"isText":true,"text":"Nach Informationen der Rhein-Zeitung soll es im Frühjahr 2022 einen Zwischenfall an der Schule gegeben haben. Der heute 18-Jährige soll demnach einen Mitschüler beschimpft und nach einer verbalen Auseinandersetzung mit einer Flasche geschlagen haben."}]},"paragraphBoxItem":{"isImage":true,"showFullSize":{"isTrue":true}}},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isHeadline":true,"text":"Medienbericht: Flaschenangriff auf Mitschüler"},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isParagraph":true,"text":{"split":[{"isText":true,"text":"Der Mitschüler erlitt dem Bericht zufolge eine Schienbeinprellung und eine kleine Schnittwunde. Die Eltern hätten daraufhin Anzeige erstattet – eine hr-Anfrage an die zuständige Polizei blieb bislang unbeantwortet."}]}},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isCite":true,"text":"Dies ist ein Zitat"},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isInfoBox":true,"text":"Dies ist eine Infobox"},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isAdditionalInfo":true,"text":"Dies ist eine additional Info"},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isDownloadBox":true,"text":"Dies ist eine Downloadbox"},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isFAQ":true,"text":"Dies ist ein FAQ-Absatz"},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isJobposting":true,"text":"Dies ist ein Jobposting"}]}