hr-design-system-handlebars 1.50.16 → 1.50.17

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v1.50.17 (Fri Nov 24 2023)
+
+#### 🐛 Bug Fix
+
+- add copytext + sub-components [#765](https://github.com/mumprod/hr-design-system-handlebars/pull/765) ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+#### Authors: 1
+
+- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+---
+
 # v1.50.16 (Wed Nov 22 2023)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -1167,6 +1167,9 @@ article.indexText ul {
 .float-left {
   float: left;
 }
+.clear-both {
+  clear: both;
+}
 .\!m-0 {
   margin: 0px !important;
 }
@@ -3088,7 +3091,7 @@ article.indexText ul {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1700662128051;
+  counter-reset: cnt1700830960091;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3349,7 +3352,7 @@ article.indexText ul {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1700662128051 1;
+  counter-increment: cnt1700830960091 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3365,7 +3368,7 @@ article.indexText ul {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1700662128051);
+  content: counter(cnt1700830960091);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */

package/dist/views/components/content/copytext/components/additionalinfo.hbs

@@ -0,0 +1,5 @@
+{{~#if (isStorybook)~}}
+    <div class="mt-6 italic text-gray-dark">coming soon: Additional-info-component</div>
+{{~else~}}
+    {{~> modules/story/paragraphs/additional-info ~}}
+{{~/if~}} 

package/dist/views/components/content/copytext/components/audio.hbs

@@ -0,0 +1,9 @@
+{{~#if (isStorybook)~}}
+    <div class="mt-6 italic text-gray-dark">coming soon: Audio-component</div>
+{{~else~}}    
+    {{#if this.showFullSize.isTrue }}
+        {{> modules/media/media_figure _addClass="copytext__clearBox dontPrint" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
+    {{else}}
+        {{> modules/media/media_figure _addClass="copytext__box dontPrint" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
+    {{/if}}
+{{~/if~}} 

package/dist/views/components/content/copytext/components/audioeventlivestream.hbs

@@ -0,0 +1,9 @@
+{{~#if (isStorybook)~}}
+    <div class="mt-6 italic text-gray-dark">coming soon: Audioevent-Livestream-component</div>
+{{~else~}}
+    {{#if this.showFullSize.isTrue }}
+        {{> modules/media/media_figure _addClass="copytext__clearBox dontPrint" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
+    {{else}}
+        {{> modules/media/media_figure _addClass="copytext__box dontPrint" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
+    {{/if}}
+{{~/if~}}

package/dist/views/components/content/copytext/components/cite.hbs

@@ -0,0 +1,20 @@
+{{~#if (isStorybook)~}}
+    <div class="mt-6 italic text-gray-dark">coming soon: Cite-component</div>
+{{~else~}}
+    <div class="{{#if this.paragraphProperties.[0].showFullSize }}copytext__clearBox {{else}}copytext__box{{/if}}">
+        {{~> base/a11y/hiddenText _locaTag="story_cite_intro_sr" ~}}
+        <blockquote class="cite copytext__cite">
+            <cite class="cite__text">„{{{this.text}}}“</cite>
+            {{#with this.paragraphProperties}}
+                {{#with this.[0]}}
+                    {{#with this.citeAuthor}}
+                        <span class="cite__author">
+                            {{~> base/a11y/hiddenText _locaTag="story_cite_author_sr" ~}}
+                            {{this}}</span>
+                    {{/with}}
+                {{/with}}
+            {{/with}}
+        </blockquote>
+        {{~> base/a11y/hiddenText _locaTag="story_cite_outro_sr" ~}}
+    </div>
+{{~/if~}} 

package/dist/views/components/content/copytext/components/downloadbox.hbs

@@ -0,0 +1,5 @@
+{{~#if (isStorybook)~}}
+    <div class="mt-6 italic text-gray-dark">coming soon: Downloadbox-component</div>
+{{~else~}}
+    {{~> modules/story/paragraphs/downloadbox ~}}
+{{~/if~}} 

package/dist/views/components/content/copytext/components/externalservice.hbs

@@ -0,0 +1,61 @@
+{{~#if (isStorybook)~}}
+    <div class="mt-6 italic text-gray-dark">coming soon: External-service-component</div>
+{{~else~}}
+    {{#with this.toModel.externalService}}
+        {{#if this.externalServiceConfig.makeConfigurable}}
+            {{~> modules/externalService/externalService~}}
+        {{else}}
+            {{#if this.externalServiceConfig.embedAsIFrame}}
+                {{#if this.fixedHeight}}
+                    {{#if this.serviceUrl}}
+                        <div class="copytext__externalService">
+                            {{~> base/a11y/hiddenText _locaTag="story_externalservice_intro_sr" ~}}
+                            <div class="copytext__scrollWrapper -fixedHeight"
+                                    style="height:{{this.fixedHeight}}px;">
+                                <iframe frameborder="0" width="100%" height="100%"
+                                        src="{{{this.serviceUrl}}}" webkitallowfullscreen mozallowfullscreen
+                                        allowfullscreen scrolling='no'></iframe>
+                            </div>
+                            {{~> base/a11y/hiddenText _locaTag="story_externalservice_outro_sr" ~}}
+                            {{#with this.externalServiceCaption}}
+                                <div class="copytext__captionLine">
+                                    <span class="figcaption">{{this}}</span>
+                                </div>
+                            {{/with}}
+                        </div>
+                    {{/if}}
+                {{else}}
+                    {{#if this.serviceUrl}}
+                        <div class="copytext__externalService">
+                            {{~> base/a11y/hiddenText _locaTag="story_externalservice_intro_sr" ~}}
+                            <div class="copytext__scrollWrapper">
+                                <div class="ar--{{defaultIfEmpty this.aspectRatio "auto"}}">
+                                    <iframe frameborder="0" class="ar__content" width="100%" height="100%"
+                                            src="{{{this.serviceUrl}}}" webkitallowfullscreen
+                                            mozallowfullscreen allowfullscreen></iframe>
+                                </div>
+                            </div>
+                            {{#with this.externalServiceCaption}}
+                                <div class="copytext__captionLine">
+                                    <span class="figcaption">{{this}}</span>
+                                </div>
+                            {{/with}}
+                            {{~> base/a11y/hiddenText _locaTag="story_externalservice_outro_sr" ~}}
+                        </div>
+                    {{/if}}
+                {{/if}}
+            {{else}}
+                <div class="copytext__externalService">
+                    <div class="c-externalService__{{this.externalServiceConfig.externalServiceId}} js-load"
+                            data-hr-external-service='{"id":"{{this.externalServiceConfig.externalServiceId}}","embedCode":"{{this.serviceUrl}}", "embedType": "{{this.externalServiceConfig.externalServiceEmbedType}}", "dataPolicyCheck": false, "iFrameConfig":{}}'>
+                    </div>
+                    {{#with this.externalServiceCaption}}
+                        <div class="copytext__captionLine js-externalservice__caption">
+                            <span class="figcaption">{{this}}</span>
+                        </div>
+                    {{/with}}
+                </div>
+            {{/if}}
+        {{/if}}
+    {{/with}}
+{{~/if~}}

package/dist/views/components/content/copytext/components/faq.hbs

@@ -0,0 +1,5 @@
+{{~#if (isStorybook)~}}
+    <div class="mt-6 italic text-gray-dark">coming soon: FAQ-component</div>
+{{~else~}}
+    {{~> modules/story/paragraphs/faq ~}}
+{{~/if~}}

package/dist/views/components/content/copytext/components/filedownload.hbs

@@ -0,0 +1,5 @@
+{{~#if (isStorybook)~}}
+    <div class="mt-6 italic text-gray-dark">coming soon: File-download-component</div>
+{{~else~}}
+    {{> modules/media/media_figure _addClass="copytext__box" _a11yIntro-loca="story_download_intro_sr" _a11yOutro-loca="story_download_outro_sr" }}
+{{~/if~}}     

package/dist/views/components/content/copytext/components/gallery.hbs

@@ -0,0 +1,7 @@
+{{~#if (isStorybook)~}}
+    <div class="mt-6 italic text-gray-dark">coming soon: Gallery-component</div>
+{{~else~}}
+    {{#with this.toModel.galleryPage}}
+        {{> modules/media/media_figure _addClass="copytext__clearBox dontPrint" _a11yIntro-loca="story_gallery_intro_sr" _a11yOutro-loca="story_gallery_outro_sr" }}
+    {{/with}}
+{{~/if~}}    

package/dist/views/components/content/copytext/components/headline.hbs

@@ -0,0 +1 @@
+<h2 class="clear-both text-lg sm480:text-2xl font-headingSerif mt-11 dark:text-text-dark">{{{this.text}}}</h2>

package/dist/views/components/content/copytext/components/image.hbs

@@ -0,0 +1,41 @@
+{{~#if (isStorybook)~}}
+    <div class="mt-6 italic text-gray-dark">coming soon: Image-component</div>
+{{~else~}}
+
+    {{#if this.showPortrait.isTrue }}
+        {{#if this.showFullSize.isTrue }}
+            {{> modules/figure/figure
+                _cssClass="copytext__clearBox"
+                _type="story"
+                _variant="100-copytext-portrait"
+                _noAr="true"
+                _pictureAddClass="copytext__box__picture"
+                _isWebview=../../_isWebview}}
+        {{else}}
+            {{> modules/figure/figure
+                _cssClass="copytext__box"
+                _type="story"
+                _variant="copytext-portrait"
+                _noAr="true"
+                _pictureAddClass="copytext__box__picture"
+                _isWebview=../../_isWebview}}
+        {{/if}}
+    {{else}}
+        {{#if this.showFullSize.isTrue}}
+            {{> modules/figure/figure
+                _cssClass="copytext__clearBox"
+                _type="story"
+                _variant="100-copytext"
+                _pictureAddClass="ar--16x9 copytext__box__picture"
+                _isWebview=../../_isWebview}}
+        {{else}}
+            {{> modules/figure/figure
+                _cssClass="copytext__box"
+                _type="story"
+                _variant="copytext"
+                _pictureAddClass="ar--16x9 copytext__box__picture"
+                _isWebview=../../_isWebview}}
+        {{/if}}
+    {{/if}}
+
+{{~/if~}}

package/dist/views/components/content/copytext/components/infobox.hbs

@@ -0,0 +1,5 @@
+{{~#if (isStorybook)~}}
+    <div class="mt-6 italic text-gray-dark">coming soon: Infobox-component</div>
+{{~else~}}
+    {{~> modules/story/paragraphs/infobox ~}}
+{{~/if~}} 

package/dist/views/components/content/copytext/components/jobposting.hbs

@@ -0,0 +1,5 @@
+{{~#if (isStorybook)~}}
+    <div class="mt-6 italic text-gray-dark">coming soon: Jobposting-component</div>
+{{~else~}}
+    {{~> modules/story/paragraphs/jobposting ~}}
+{{~/if~}}

package/dist/views/components/content/copytext/components/livestream.hbs

@@ -0,0 +1,9 @@
+{{~#if (isStorybook)~}}
+    <div class="mt-6 italic text-gray-dark">coming soon: Livestream-component</div>
+{{~else~}}
+    {{#if this.showFullSize.isTrue }}
+        {{> modules/media/media_figure _addClass="copytext__clearBox dontPrint" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream__outro_sr" }}
+    {{else}}
+        {{> modules/media/media_figure _addClass="copytext__box dontPrint" _a11yIntro-loca="story_video_livestream__intro_sr" _a11yOutro-loca="story_video_livestream__outro_sr" }}
+    {{/if}}
+{{~/if~}} 

package/dist/views/components/content/copytext/components/map.hbs

@@ -0,0 +1,46 @@
+{{~#if (isStorybook)~}}
+    <div class="mt-6 italic text-gray-dark">coming soon: Map-component</div>
+{{~else~}}
+    {{> content/geomap/page/components/map
+        _addClass="copytext__clearBox"
+        _id=this.uuid
+        _tilesURL=this.mapTilesUrl
+        _iconURLStyle1=this.markerIconUrl
+        _iconURLStyle2=this.markerIconUrlS2
+        _iconURLStyle3=this.markerIconUrlS3
+        _markerList=this.showMarkerList
+        _fixedTooltip=this.showFixedTooltip
+        _markerCluster=this.showMarkercluster
+        _showOwnLocation=this.showOwnLocation
+        _initView=this.initView
+        _initLat=this.initViewLat
+        _initLng=this.initViewLong
+        _initZoom=this.initZoom
+        _border=this.showBorders
+        _colorBorder=this.borderColor
+        _borderStrokeWeight=this.borderStrokeWeight
+        _countryFillColor=this.countryFillColor
+        _countryFillOpacity=this.countryFillOpacity
+        _colorAreasStyle1=this.polygonColor
+        _opacityAreasStyle1=this.polygonOpacity
+        _weightAreasStyle1=this.polygonWeight
+        _colorAreasStyle2=this.polygonColorS2
+        _opacityAreasStyle2=this.polygonOpacityS2
+        _weightAreasStyle2=this.polygonWeightS2
+        _colorAreasStyle3=this.polygonColorS3
+        _opacityAreasStyle3=this.polygonOpacityS3
+        _weightAreasStyle3=this.polygonWeightS3
+        _colorLinesStyle1=this.polylineColor
+        _weightLinesStyle1=this.polylineWeight
+        _colorLinesStyle2=this.polylineColorS2
+        _weightLinesStyle2=this.polylineWeightS2
+        _colorLinesStyle3=this.polylineColorS3
+        _weightLinesStyle3=this.polylineWeightS3
+        _aspectRatio=this.mapAspectRatio
+        _initZoomMax=this.initZoomMax
+        _initZoomMin=this.initZoomMin
+        _clusterMinIconURL=this.clusterMinIconUrl
+        _clusterMedIconURL=this.clusterMedIconUrl
+        _clusterMaxIconURL=this.clusterMaxIconUrl
+    }}
+{{~/if~}} 

package/dist/views/components/content/copytext/components/newsletter.hbs

@@ -0,0 +1,5 @@
+{{~#if (isStorybook)~}}
+    <div class="mt-6 italic text-gray-dark">coming soon: Newsletter-component</div>
+{{~else~}}
+    {{> modules/newsletter/newsletter _addClass="copytext__clearBox marginTrailer--m"}}
+{{~/if~}}    

package/dist/views/components/content/copytext/components/paragraph.hbs

@@ -0,0 +1,11 @@
+{{#each this.text.split}}
+    {{#if this.isText}}
+        <p class="mt-6 text-base sm480:text-lg dark:text-text-dark">{{{this.text}}}</p>
+    {{/if}}
+    {{#if this.isUl}}
+        <ul class="mt-6 ml-5 text-base list-disc sm480:text-lg dark:text-text-dark">{{{this.text}}}</ul>
+    {{/if}}
+    {{#if this.isOl}}
+        <ol class="mt-6 ml-5 text-base list-decimal sm480:text-lg dark:text-text-dark">{{{this.text}}}</ol>
+    {{/if}}
+{{/each}}

package/dist/views/components/content/copytext/components/podcastepisode.hbs

@@ -0,0 +1,9 @@
+{{~#if (isStorybook)~}}
+    <div class="mt-6 italic text-gray-dark">coming soon: Podcast-episode-component</div>
+{{~else~}}
+    {{#if this.showFullSize.isTrue }}
+        {{> modules/media/media_figure _addClass="copytext__clearBox dontPrint" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
+    {{else}}
+        {{> modules/media/media_figure _addClass="copytext__box dontPrint" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
+    {{/if}}
+{{~/if~}}

package/dist/views/components/content/copytext/components/posterteaser.hbs

@@ -0,0 +1,5 @@
+{{~#if (isStorybook)~}}
+    <div class="mt-6 italic text-gray-dark">coming soon: Posterteaser-component</div>
+{{~else~}}
+    {{> modules/teaser/poster-teaser/posterTeaser-story}}
+{{~/if~}} 

package/dist/views/components/content/copytext/components/radioplaylist.hbs

@@ -0,0 +1,11 @@
+{{~#if (isStorybook)~}}
+    <div class="mt-6 italic text-gray-dark">coming soon: Radioplaylist-component</div>
+{{~else~}}
+    {{#with this.toModel.songvoteParagraphBox}}
+        {{#if this.showRanking }}
+            <div class="copytext__clearBox marginTrailer--m">
+                {{{this.rankingSSI}}}
+            </div>
+        {{/if}}
+    {{/with}}
+{{~/if~}} 

package/dist/views/components/content/copytext/components/tweet.hbs

@@ -0,0 +1,7 @@
+{{~#if (isStorybook)~}}
+    <div class="mt-6 italic text-gray-dark">coming soon: Tweet-component</div>
+{{~else~}}
+    {{#with this.toModel.tweet}}
+        {{> modules/twitter/copytext_twitter _addClass="copytext__clearBox" }}
+    {{/with}}
+{{~/if~}} 

package/dist/views/components/content/copytext/components/video.hbs

@@ -0,0 +1,9 @@
+{{~#if (isStorybook)~}}
+    <div class="mt-6 italic text-gray-dark">coming soon: Video-component</div>
+{{~else~}}
+    {{#if this.showFullSize.isTrue }}
+        {{> modules/media/media_figure _fullSize=true _addClass="copytext__clearBox dontPrint" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
+    {{else}}
+        {{> modules/media/media_figure _fullSize=false _addClass="copytext__box dontPrint" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
+    {{/if}}
+{{~/if~}}

package/dist/views/components/content/copytext/components/voting.hbs

@@ -0,0 +1,9 @@
+{{~#if (isStorybook)~}}
+    <div class="mt-6 italic text-gray-dark">coming soon: Voting-component</div>
+{{~else~}}
+    {{#if this.isMultiVote}}
+        {{> modules/teaser/voting-teaser/multiVotingTeaser _addClass="copytext__clearBox"}}
+    {{else}}
+        {{> modules/teaser/voting-teaser/singleVotingTeaser _addClass="copytext__clearBox"}}
+    {{/if}}
+{{~/if~}}

package/dist/views/components/content/copytext/components/webform.hbs

@@ -0,0 +1,5 @@
+{{~#if (isStorybook)~}}
+    <div class="mt-6 italic text-gray-dark">coming soon: Webform-component</div>
+{{~else~}}
+    {{> content/webform/components/webform _addClass="copytext__clearBox marginTrailer--m"}}
+{{~/if~}}     

package/dist/views/components/content/copytext/copytext.hbs

@@ -0,0 +1,129 @@
+{{#each this.copytextParagraph }}
+    {{{this.structuredDataSsi}}}
+    {{#if this.isHeadline}}
+        {{> components/content/copytext/components/headline }}
+    {{/if}}
+
+    {{#unless this.isInfoBox}}
+        {{~#with this.paragraphBoxItem }}
+            {{~#if this.isImage}}
+                {{> components/content/copytext/components/image }}    
+            {{/if~}}
+            {{~#if this.isContentBox}}
+                {{~> components/article/components/contentbox/contentbox ~}}
+            {{/if~}}
+            {{~#if this.isAccordion}}
+               {{~> components/article/components/accordion/accordion ~}}
+            {{/if~}}
+            {{~#if this.isGallery}}                
+                {{> components/content/copytext/components/gallery }}                
+            {{/if~}}
+            {{~#if this.isFileDownload}}
+                {{> components/content/copytext/components/filedownload }}                
+            {{/if~}}
+            {{~#if this.isMap}}
+                {{> components/content/copytext/components/map }}    
+            {{/if~}}
+            {{~#if this.isWebForm}}
+                {{> components/content/copytext/components/webform }}
+            {{/if~}}
+            {{~#if this.isNewsletter}}
+                {{> components/content/copytext/components/newsletter }}    
+            {{/if~}}
+            {{~#if this.isAudio}}
+                {{> components/content/copytext/components/audio }}
+            {{/if~}}
+            {{~#if this.isAudioEventLivestream}}
+                {{> components/content/copytext/components/audioeventlivestream }}
+            {{/if~}}
+            {{~#if this.isPodcastEpisode}}
+                {{> components/content/copytext/components/podcastepisode }}
+            {{/if~}}
+            {{~#if this.isVideo}}
+                {{> components/content/copytext/components/video }}
+            {{/if~}}
+            {{~#if this.isLivestream}}
+                {{> components/content/copytext/components/livestream }}
+            {{/if~}}
+            {{~#if this.isTweet}}
+                {{> components/content/copytext/components/tweet }}
+            {{~/if}}
+            {{~#if this.isRadioPlaylist}}
+                {{> components/content/copytext/components/radioplaylist }}
+            {{~/if}}
+            {{~#if this.isVoting}}
+                {{> components/content/copytext/components/voting }}
+            {{/if~}}
+            {{~#if this.isExternalService}}
+                {{> components/content/copytext/components/externalservice }}
+            {{/if~}}
+            {{~#if this.isContentNav}}
+                {{#with this.toModel.contentNavigationTeaser}}
+                    {{~> components/teaser/content_nav/teaser_content_nav _isCopytext=true ~}}
+                {{/with}}
+            {{/if~}}
+        {{~/with}}
+    {{/unless}}
+
+    {{~#with this.paragraphTeaserItem }}
+        {{~#if this.isTopictag}}
+            {{#with this.toModel.genericTeaser}}
+                {{> components/content/copytext/components/posterteaser }}
+            {{/with}}
+        {{/if~}}
+        {{~#if this.isTicker}}
+            {{#with this.toModel.genericTeaser}}
+                {{> components/content/copytext/components/posterteaser }}
+            {{/with}}
+        {{/if~}}
+        {{~#if this.isLink}}
+            {{#with this.toModel.genericTeaser}}
+                {{> components/content/copytext/components/posterteaser }}
+            {{/with}}
+        {{/if~}}
+        {{~#if this.isStructureNodeDocument}}
+            {{#with this.toModel.structureNodeTeaser}}
+                {{> components/content/copytext/components/posterteaser }}
+            {{/with}}
+        {{/if~}}
+        {{~#if this.isStory}}
+            {{#with this.toModel.genericTeaser}}
+                {{> components/content/copytext/components/posterteaser }}
+            {{/with}}
+        {{/if~}}
+        {{~#if this.isProgram}}
+            {{#with this.toModel.genericTeaser}}
+                {{> components/content/copytext/components/posterteaser }}
+            {{/with}}
+        {{/if~}}
+        {{~#if this.isEvent}}
+            {{#with this.toModel.eventTeaser}}
+                {{> components/content/copytext/components/posterteaser }}
+            {{/with}}
+        {{/if~}}
+    {{~/with}}
+
+    {{#if this.isParagraph}}
+        {{> components/content/copytext/components/paragraph }}
+    {{/if}}
+
+    {{#if this.isCite}}
+        {{> components/content/copytext/components/cite }}
+    {{/if}}
+
+    {{#if this.isInfoBox}}
+        {{> components/content/copytext/components/infobox }}
+    {{/if}}
+    {{#if this.isAdditionalInfo}}
+        {{> components/content/copytext/components/additionalinfo }}
+    {{/if}}
+    {{#if this.isDownloadBox}}
+        {{> components/content/copytext/components/downloadbox }}
+    {{/if}}
+    {{#if this.isFAQ}}
+        {{> components/content/copytext/components/faq }}
+    {{/if}}
+    {{#if this.isJobposting}}
+        {{> components/content/copytext/components/jobposting }}
+    {{/if}}
+{{/each}}

package/dist/views_static/components/content/copytext/components/additionalinfo.hbs

@@ -0,0 +1,5 @@
+{{~#if (isStorybook)~}}
+    <div class="mt-6 italic text-gray-dark">coming soon: Additional-info-component</div>
+{{~else~}}
+    {{~> modules/story/paragraphs/additional-info ~}}
+{{~/if~}} 

package/dist/views_static/components/content/copytext/components/audio.hbs

@@ -0,0 +1,9 @@
+{{~#if (isStorybook)~}}
+    <div class="mt-6 italic text-gray-dark">coming soon: Audio-component</div>
+{{~else~}}    
+    {{#if this.showFullSize.isTrue }}
+        {{> modules/media/media_figure _addClass="copytext__clearBox dontPrint" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
+    {{else}}
+        {{> modules/media/media_figure _addClass="copytext__box dontPrint" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
+    {{/if}}
+{{~/if~}} 

package/dist/views_static/components/content/copytext/components/audioeventlivestream.hbs

@@ -0,0 +1,9 @@
+{{~#if (isStorybook)~}}
+    <div class="mt-6 italic text-gray-dark">coming soon: Audioevent-Livestream-component</div>
+{{~else~}}
+    {{#if this.showFullSize.isTrue }}
+        {{> modules/media/media_figure _addClass="copytext__clearBox dontPrint" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
+    {{else}}
+        {{> modules/media/media_figure _addClass="copytext__box dontPrint" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
+    {{/if}}
+{{~/if~}}

package/dist/views_static/components/content/copytext/components/cite.hbs

@@ -0,0 +1,20 @@
+{{~#if (isStorybook)~}}
+    <div class="mt-6 italic text-gray-dark">coming soon: Cite-component</div>
+{{~else~}}
+    <div class="{{#if this.paragraphProperties.[0].showFullSize }}copytext__clearBox {{else}}copytext__box{{/if}}">
+        {{~> base/a11y/hiddenText _locaTag="story_cite_intro_sr" ~}}
+        <blockquote class="cite copytext__cite">
+            <cite class="cite__text">„{{{this.text}}}“</cite>
+            {{#with this.paragraphProperties}}
+                {{#with this.[0]}}
+                    {{#with this.citeAuthor}}
+                        <span class="cite__author">
+                            {{~> base/a11y/hiddenText _locaTag="story_cite_author_sr" ~}}
+                            {{this}}</span>
+                    {{/with}}
+                {{/with}}
+            {{/with}}
+        </blockquote>
+        {{~> base/a11y/hiddenText _locaTag="story_cite_outro_sr" ~}}
+    </div>
+{{~/if~}} 

package/dist/views_static/components/content/copytext/components/downloadbox.hbs

@@ -0,0 +1,5 @@
+{{~#if (isStorybook)~}}
+    <div class="mt-6 italic text-gray-dark">coming soon: Downloadbox-component</div>
+{{~else~}}
+    {{~> modules/story/paragraphs/downloadbox ~}}
+{{~/if~}}