hr-design-system-handlebars 1.54.0 → 1.54.2

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v1.54.2 (Tue Feb 06 2024)
+
+#### 🐛 Bug Fix
+
+- introduces content footer component [#826](https://github.com/mumprod/hr-design-system-handlebars/pull/826) ([@StefanVesper](https://github.com/StefanVesper))
+
+#### Authors: 1
+
+- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
+
+---
+
+# v1.54.1 (Mon Feb 05 2024)
+
+#### 🐛 Bug Fix
+
+- add copytext-downloadbox-component [#830](https://github.com/mumprod/hr-design-system-handlebars/pull/830) ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+#### Authors: 1
+
+- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+---
+
 # v1.54.0 (Mon Feb 05 2024)
 
 #### 🚀 Enhancement

package/dist/assets/index.css

@@ -1740,6 +1740,9 @@ a.link:hover {
 .max-w-\[724px\] {
   max-width: 724px;
 }
+.max-w-\[940px\] {
+  max-width: 940px;
+}
 .max-w-full {
   max-width: 100%;
 }
@@ -2805,6 +2808,9 @@ a.link:hover {
 .align-top {
   vertical-align: top;
 }
+.align-middle {
+  vertical-align: middle;
+}
 .align-text-top {
   vertical-align: text-top;
 }
@@ -3299,7 +3305,7 @@ a.link:hover {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1707136499316;
+  counter-reset: cnt1707214594701;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3601,7 +3607,7 @@ a.link:hover {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1707136499316 1;
+  counter-increment: cnt1707214594701 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3617,7 +3623,7 @@ a.link:hover {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1707136499316);
+  content: counter(cnt1707214594701);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */
@@ -5112,6 +5118,10 @@ a.link:hover {
 .hover\:text-button--dark:hover {
   color: var(--color-button--dark);
 }
+.hover\:text-link:hover {
+  color: #006eb7;
+  color: var(--color-link);
+}
 .hover\:text-structure-nav-text-mobile:hover {
   color: #005293;
   color: var(--structure-nav-text-mobile);
@@ -5481,6 +5491,10 @@ a.link:hover {
     margin-top: 1.375rem;
   }
 
+  .sm480\:h-5 {
+    height: 1.25rem;
+  }
+
   .sm480\:h-8 {
     height: 2rem;
   }
@@ -5493,6 +5507,10 @@ a.link:hover {
     width: 66.666667%;
   }
 
+  .sm480\:w-5 {
+    width: 1.25rem;
+  }
+
   .sm480\:w-8 {
     width: 2rem;
   }
@@ -5505,6 +5523,10 @@ a.link:hover {
     padding-bottom: 1.875rem;
   }
 
+  .sm480\:align-top {
+    vertical-align: top;
+  }
+
   .sm480\:text-2xl {
     font-size: 1.375rem;
     line-height: 1.75rem;

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

@@ -0,0 +1,16 @@
+{{~#partial "subParagraphs"~}}
+    {{~#with this.paragraphbox }}
+        {{~#with this.downloadBoxItems }}
+            <ul class="">
+                {{#each this}}
+                    {{#if this.isEpgPdfExport}}
+                        {{{this.ssi.downloadBoxItem}}}
+                    {{else}}
+                        {{> components/content/copytext/components/downloadbox/downloadbox_item }}
+                    {{/if}}
+                {{/each}}
+            </ul>
+        {{/with}}
+    {{/with}}
+{{/partial}}
+{{> components/content/copytext/components/infobox }}

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

@@ -0,0 +1,10 @@
+<li class="mt-3">
+    <a class="link js-load" href="{{this.url}}" {{#with this.content.trackingData}}
+    data-hr-click-tracking='{"settings": [{"type": "download", "secondLevelId": "{{this.secondLevelId}}", "clickLabel": "{{this.pageName}}"}]}'{{/with}}>
+        {{~#with this.downloadBoxMetadata ~}}
+            <span class="text-base sm480:text-lg">{{{this.title}}} [{{this.displaySuffix}}{{#with this.displaySize}}
+            - {{this}}{{/with}}]</span>
+        {{~/with~}}
+        {{> components/base/image/icon _icon="download-neu"  _addClass="align-middle sm480:align-top inline hover:text-link ml-2 w-4 h-4 sm480:w-5 sm480:h-5 fill-current dark:fill-link-dark"}}
+    </a>
+</li>

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

@@ -46,6 +46,7 @@
             <ol class="mt-4 ml-5 text-base list-decimal sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
         {{/if}}
     {{/each}}
+    {{~#block "subParagraphs"}}{{/block~}}
 
     <span class="sr-only">{{loca "story_infobox_outro_sr" }}</span>
     

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

@@ -118,7 +118,7 @@
         {{> components/content/copytext/components/additionalinfo }}
     {{/if}}
     {{#if this.isDownloadBox}}
-        {{> components/content/copytext/components/downloadbox }}
+        {{> components/content/copytext/components/downloadbox/downloadbox }}
     {{/if}}
     {{#if this.isFAQ}}
         {{> components/content/copytext/components/faq }}

package/dist/views/components/podcast/components/podcast_title.hbs

@@ -1,6 +1,6 @@
 
 {{#>components/base/link _link=this.link _css="group ds-link font-title text-base mt-2.5 text-podcast-text dark:text-podcast-text-dark"}}
-    <span class="mt-0.5 group-hover:underline {{#if ../../_ordered-adjust_context}} pl-8 {{/if}}line-clamp-4 {{inline-switch ../../_teaserSize-adjust_context '["hero","100","50"]''["text-base md:text-2xl lg:line-clamp-2","text-base md:text-2xl lg:line-clamp-2","text-base md:text-lg"]' ~}}">
+    <span class="mt-0.5 group-hover:underline {{#if ../../_ordered-adjust_context}} pl-8 {{/if}}line-clamp-4 {{inline-switch ../../_teaserSize-adjust_context '["hero","100","50"]''["text-base md:text-2xl lg:line-clamp-2","text-base md:text-2xl lg:line-clamp-2","text-base md:text-lg","text-base md:text-2xl lg:line-clamp-2"]' ~}}">
         {{~../../_title-adjust_context~}}
     </span>
 {{/components/base/link}}

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

@@ -0,0 +1,16 @@
+{{~#partial "subParagraphs"~}}
+    {{~#with this.paragraphbox }}
+        {{~#with this.downloadBoxItems }}
+            <ul class="">
+                {{#each this}}
+                    {{#if this.isEpgPdfExport}}
+                        {{{this.ssi.downloadBoxItem}}}
+                    {{else}}
+                        {{> components/content/copytext/components/downloadbox/downloadbox_item }}
+                    {{/if}}
+                {{/each}}
+            </ul>
+        {{/with}}
+    {{/with}}
+{{/partial}}
+{{> components/content/copytext/components/infobox }}

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

@@ -0,0 +1,10 @@
+<li class="mt-3">
+    <a class="link js-load" href="{{this.url}}" {{#with this.content.trackingData}}
+    data-hr-click-tracking='{"settings": [{"type": "download", "secondLevelId": "{{this.secondLevelId}}", "clickLabel": "{{this.pageName}}"}]}'{{/with}}>
+        {{~#with this.downloadBoxMetadata ~}}
+            <span class="text-base sm480:text-lg">{{{this.title}}} [{{this.displaySuffix}}{{#with this.displaySize}}
+            - {{this}}{{/with}}]</span>
+        {{~/with~}}
+        {{> components/base/image/icon _icon="download-neu"  _addClass="align-middle sm480:align-top inline hover:text-link ml-2 w-4 h-4 sm480:w-5 sm480:h-5 fill-current dark:fill-link-dark"}}
+    </a>
+</li>

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

@@ -46,6 +46,7 @@
             <ol class="mt-4 ml-5 text-base list-decimal sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
         {{/if}}
     {{/each}}
+    {{~#block "subParagraphs"}}{{/block~}}
 
     <span class="sr-only">{{loca "story_infobox_outro_sr" }}</span>
     

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

@@ -118,7 +118,7 @@
         {{> components/content/copytext/components/additionalinfo }}
     {{/if}}
     {{#if this.isDownloadBox}}
-        {{> components/content/copytext/components/downloadbox }}
+        {{> components/content/copytext/components/downloadbox/downloadbox }}
     {{/if}}
     {{#if this.isFAQ}}
         {{> components/content/copytext/components/faq }}

package/dist/views_static/components/podcast/components/podcast_title.hbs

@@ -1,6 +1,6 @@
 
 {{#>components/base/link _link=this.link _css="group ds-link font-title text-base mt-2.5 text-podcast-text dark:text-podcast-text-dark"}}
-    <span class="mt-0.5 group-hover:underline {{#if _ordered}} pl-8 {{/if}}line-clamp-4 {{inline-switch _teaserSize '["hero","100","50"]''["text-base md:text-2xl lg:line-clamp-2","text-base md:text-2xl lg:line-clamp-2","text-base md:text-lg"]' ~}}">
+    <span class="mt-0.5 group-hover:underline {{#if _ordered}} pl-8 {{/if}}line-clamp-4 {{inline-switch _teaserSize '["hero","100","50"]''["text-base md:text-2xl lg:line-clamp-2","text-base md:text-2xl lg:line-clamp-2","text-base md:text-lg","text-base md:text-2xl lg:line-clamp-2"]' ~}}">
         {{~_title~}}
     </span>
 {{/components/base/link}}

package/package.json

@@ -6,7 +6,7 @@
     "license": "MIT",
     "main": "dist/index.js",
     "repository": "https://github.com/szuelch/hr-design-system-handlebars",
-    "version": "1.54.0",
+    "version": "1.54.2",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
         "storybook": "storybook dev -p 6006 public",

package/src/assets/fixtures/content/content_footer/content_footer.json

@@ -0,0 +1,15 @@
+{
+    "_showDate": true,
+    "_date": {
+        "htmlDateTime": "2022-10-31T19:30+0200",
+        "htmlDate": "31.10.2022",
+        "date": "31.10.22",
+        "time": "19:30",
+        "dateSeparatorTime": "31.10.22, 19:30"
+    },
+    "_hasDwellTime": true,
+    "_copyright": "All rights reserved",
+    "_source": ["DPA","Wikipedia"],
+    "_author": "Anna Magel",
+    "_isArchiveContent": true
+}

package/src/assets/fixtures/content/copytext/copytext_downloadbox.json

@@ -0,0 +1,138 @@
+{
+    "copytextParagraph": [
+        {
+            "structuredDataSsi": "<!--#include virtual='structuredDataSsiPath' -->",
+            "isHeadline": true,
+            "text": "Copytext mit Download-Box"
+        },
+        {
+            "@->jsoninclude": "content/copytext/copytext_paragraph.inc.json"
+        },
+        {
+            "structuredDataSsi": "<!--#include virtual='structuredDataSsiPath' -->",
+            "isDownloadBox": true,
+            "text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",
+            "paragraphProperties": [
+                {
+                    "title":"Download-Box volle Breite",
+                    "showFullSize":true
+                }
+            ],
+            "paragraphbox": {
+                "downloadBoxItems": [
+                    {
+                        "isEpgPdfExport": false,
+                        "url": "Download-Url-1",
+                        "content": {
+                            "trackingData": {
+                                "secondLevelId": "2",
+                                "pageName": "Page-Name"
+                            }
+                        },
+                        "downloadBoxMetadata": {
+                            "title": "Download-File-1, Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
+                            "displaySuffix": "JPG",
+                            "displaySize": "175kb"
+                        }
+                    },
+                    {
+                        "isEpgPdfExport": false,
+                        "url": "Download-Url-2",
+                        "content": {
+                            "trackingData": {
+                                "secondLevelId": "2, Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
+                                "pageName": "Page-Name"
+                            }
+                        },
+                        "downloadBoxMetadata": {
+                            "title": "Download-File-2, Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
+                            "displaySuffix": "MP3",
+                            "displaySize": "3mb"
+                        }
+                    },
+                    {
+                        "isEpgPdfExport": false,
+                        "url": "Download-Url-3",
+                        "content": {
+                            "trackingData": {
+                                "secondLevelId": "2",
+                                "pageName": "Page-Name"
+                            }
+                        },
+                        "downloadBoxMetadata": {
+                            "title": "Download-File-3",
+                            "displaySuffix": "PDF",
+                            "displaySize": "48kb"
+                        }
+                    }                                        
+                ]
+            }
+        },
+        {
+            "@->jsoninclude": "content/copytext/copytext_paragraph.inc.json"
+        },
+        {
+            "structuredDataSsi": "<!--#include virtual='structuredDataSsiPath' -->",
+            "isDownloadBox": true,
+            "text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",
+            "paragraphProperties": [
+                {
+                    "title":"Download-Box halbe Breite",
+                    "showFullSize":false
+                }
+            ],
+            "paragraphbox": {
+                "downloadBoxItems": [
+                    {
+                        "isEpgPdfExport": false,
+                        "url": "Download-Url-1",
+                        "content": {
+                            "trackingData": {
+                                "secondLevelId": "2",
+                                "pageName": "Page-Name"
+                            }
+                        },
+                        "downloadBoxMetadata": {
+                            "title": "Download-File-1",
+                            "displaySuffix": "MP3",
+                            "displaySize": "3mb"
+                        }
+                    },
+                    {
+                        "isEpgPdfExport": false,
+                        "url": "Download-Url-2",
+                        "content": {
+                            "trackingData": {
+                                "secondLevelId": "2",
+                                "pageName": "Page-Name"
+                            }
+                        },
+                        "downloadBoxMetadata": {
+                            "title": "Download-File-2",
+                            "displaySuffix": "MP3",
+                            "displaySize": "3mb"
+                        }
+                    },
+                    {
+                        "isEpgPdfExport": false,
+                        "url": "Download-Url-3",
+                        "content": {
+                            "trackingData": {
+                                "secondLevelId": "2",
+                                "pageName": "Page-Name"
+                            }
+                        },
+                        "downloadBoxMetadata": {
+                            "title": "Download-File-3",
+                            "displaySuffix": "PDF",
+                            "displaySize": "48kb"
+                        }
+                    }                    
+                ]
+            }
+        },
+        {
+            "@->jsoninclude": "content/copytext/copytext_paragraph.inc.json"
+        }
+    ]
+}

package/src/stories/views/components/content/content_footer/content_footer.mdx

@@ -0,0 +1,32 @@
+import { ArgsTable, Meta, Story, Canvas } from '@storybook/blocks'
+import * as ContentFooterStories from './content_footer.stories'
+
+<Meta of={ContentFooterStories} />
+
+# Copytext
+
+## Beschreibung
+
+Footerbereich des Contents einer Artikelseite oder Einzelseite. 
+
+## Verwendung
+
+Die Content-Footer-Komponente wird in handlebars wie folgt eingebaut:
+
+```html
+{{> components/content/content_footer/content_footer
+        _addCss = ""
+        _source_=this.source
+        _author=this.audioAuthor
+        _showDate=this.hasDwellTime
+        _date=this.airdateDate
+        _copyright=this.copyright
+        _isArchiveContent=this.isArchiveContent
+        _posterCopyright="poster_copyright" }} 
+```
+
+<Canvas withToolbar>
+    <Story of={ContentFooterStories.Default} />
+</Canvas>
+
+<ArgsTable story="default" />

package/src/stories/views/components/content/content_footer/content_footer.stories.js

@@ -0,0 +1,23 @@
+import contentfooter from './content_footer.hbs'
+import contentfooterjson from './fixtures/content_footer.json'
+
+const Template = ({ ...args }) => {
+    return contentfooter({ ...args })
+}
+
+export default {
+    title: 'Komponenten/Content/Content-Footer',
+    decorators: [
+        (Story) => {
+            return `<div class="max-w-[940px]">  
+             ${Story()} 
+             </div>`
+        },
+    ],
+}
+
+export const Default = {
+    render: Template.bind({}),
+    name: 'default',
+    args: contentfooterjson,
+}

package/src/stories/views/components/content/content_footer/fixtures/content_footer.json

@@ -0,0 +1 @@
+{"_showDate":true,"_date":{"htmlDateTime":"2022-10-31T19:30+0200","htmlDate":"31.10.2022","date":"31.10.22","time":"19:30","dateSeparatorTime":"31.10.22, 19:30"},"_hasDwellTime":true,"_copyright":"All rights reserved","_source":["DPA","Wikipedia"],"_author":"Anna Magel","_isArchiveContent":true}

package/src/stories/views/components/content/copytext/components/downloadbox/downloadbox.hbs

@@ -0,0 +1,16 @@
+{{~#partial "subParagraphs"~}}
+    {{~#with this.paragraphbox }}
+        {{~#with this.downloadBoxItems }}
+            <ul class="">
+                {{#each this}}
+                    {{#if this.isEpgPdfExport}}
+                        {{{this.ssi.downloadBoxItem}}}
+                    {{else}}
+                        {{> components/content/copytext/components/downloadbox/downloadbox_item }}
+                    {{/if}}
+                {{/each}}
+            </ul>
+        {{/with}}
+    {{/with}}
+{{/partial}}
+{{> components/content/copytext/components/infobox }}

package/src/stories/views/components/content/copytext/components/downloadbox/downloadbox_item.hbs

@@ -0,0 +1,10 @@
+<li class="mt-3">
+    <a class="link js-load" href="{{this.url}}" {{#with this.content.trackingData}}
+    data-hr-click-tracking='{"settings": [{"type": "download", "secondLevelId": "{{this.secondLevelId}}", "clickLabel": "{{this.pageName}}"}]}'{{/with}}>
+        {{~#with this.downloadBoxMetadata ~}}
+            <span class="text-base sm480:text-lg">{{{this.title}}} [{{this.displaySuffix}}{{#with this.displaySize}}
+            - {{this}}{{/with}}]</span>
+        {{~/with~}}
+        {{> components/base/image/icon _icon="download-neu"  _addClass="align-middle sm480:align-top inline hover:text-link ml-2 w-4 h-4 sm480:w-5 sm480:h-5 fill-current dark:fill-link-dark"}}
+    </a>
+</li>

package/src/stories/views/components/content/copytext/components/infobox.hbs

@@ -46,6 +46,7 @@
             <ol class="mt-4 ml-5 text-base list-decimal sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
         {{/if}}
     {{/each}}
+    {{~#block "subParagraphs"}}{{/block~}}
 
     <span class="sr-only">{{loca "story_infobox_outro_sr" }}</span>
     

package/src/stories/views/components/content/copytext/copytext.hbs

@@ -118,7 +118,7 @@
         {{> components/content/copytext/components/additionalinfo }}
     {{/if}}
     {{#if this.isDownloadBox}}
-        {{> components/content/copytext/components/downloadbox }}
+        {{> components/content/copytext/components/downloadbox/downloadbox }}
     {{/if}}
     {{#if this.isFAQ}}
         {{> components/content/copytext/components/faq }}

package/src/stories/views/components/content/copytext/copytext.stories.js

@@ -8,6 +8,7 @@ import copytext_faq_json from './fixtures/copytext_faq.json'
 import copytext_jobposting_json from './fixtures/copytext_jobposting.json'
 import copytext_image_json from './fixtures/copytext_image.json'
 import copytext_infobox_json from './fixtures/copytext_infobox.json'
+import copytext_downloadbox_json from './fixtures/copytext_downloadbox.json'
 
 const Template = ({ ...args }) => {
     return copytext({ ...args })
@@ -30,6 +31,12 @@ export const Default = {
     args: copytext_json,
 }
 
+export const WithDownloadbox = {
+    render: Template.bind({}),
+    name: 'Download-Box',
+    args: copytext_downloadbox_json,
+}
+
 export const WithFAQ = {
     render: Template.bind({}),
     name: 'FAQ',

package/src/stories/views/components/content/copytext/fixtures/copytext_downloadbox.json

@@ -0,0 +1 @@
+{"copytextParagraph":[{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isHeadline":true,"text":"Copytext mit Download-Box"},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isParagraph":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata <i>sanctus est Lorem ipsum</i> dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut <a href='#' class='link'>labore et dolore</a> magna aliquyam erat, sed diam voluptua."}]}},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isDownloadBox":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.","paragraphProperties":[{"title":"Download-Box volle Breite","showFullSize":true}],"paragraphbox":{"downloadBoxItems":[{"isEpgPdfExport":false,"url":"Download-Url-1","content":{"trackingData":{"secondLevelId":"2","pageName":"Page-Name"}},"downloadBoxMetadata":{"title":"Download-File-1, Lorem ipsum dolor sit amet, consetetur sadipscing elitr","displaySuffix":"JPG","displaySize":"175kb"}},{"isEpgPdfExport":false,"url":"Download-Url-2","content":{"trackingData":{"secondLevelId":"2, Lorem ipsum dolor sit amet, consetetur sadipscing elitr","pageName":"Page-Name"}},"downloadBoxMetadata":{"title":"Download-File-2, Lorem ipsum dolor sit amet, consetetur sadipscing elitr","displaySuffix":"MP3","displaySize":"3mb"}},{"isEpgPdfExport":false,"url":"Download-Url-3","content":{"trackingData":{"secondLevelId":"2","pageName":"Page-Name"}},"downloadBoxMetadata":{"title":"Download-File-3","displaySuffix":"PDF","displaySize":"48kb"}}]}},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isParagraph":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata <i>sanctus est Lorem ipsum</i> dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut <a href='#' class='link'>labore et dolore</a> magna aliquyam erat, sed diam voluptua."}]}},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isDownloadBox":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.","paragraphProperties":[{"title":"Download-Box halbe Breite","showFullSize":false}],"paragraphbox":{"downloadBoxItems":[{"isEpgPdfExport":false,"url":"Download-Url-1","content":{"trackingData":{"secondLevelId":"2","pageName":"Page-Name"}},"downloadBoxMetadata":{"title":"Download-File-1","displaySuffix":"MP3","displaySize":"3mb"}},{"isEpgPdfExport":false,"url":"Download-Url-2","content":{"trackingData":{"secondLevelId":"2","pageName":"Page-Name"}},"downloadBoxMetadata":{"title":"Download-File-2","displaySuffix":"MP3","displaySize":"3mb"}},{"isEpgPdfExport":false,"url":"Download-Url-3","content":{"trackingData":{"secondLevelId":"2","pageName":"Page-Name"}},"downloadBoxMetadata":{"title":"Download-File-3","displaySuffix":"PDF","displaySize":"48kb"}}]}},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isParagraph":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata <i>sanctus est Lorem ipsum</i> dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut <a href='#' class='link'>labore et dolore</a> magna aliquyam erat, sed diam voluptua."}]}}]}

package/src/stories/views/components/podcast/components/podcast_title.hbs

@@ -1,6 +1,6 @@
 
 {{#>components/base/link _link=this.link _css="group ds-link font-title text-base mt-2.5 text-podcast-text dark:text-podcast-text-dark"}}
-    <span class="mt-0.5 group-hover:underline {{#if _ordered-adjust_context}} pl-8 {{/if}}line-clamp-4 {{inline-switch _teaserSize-adjust_context '["hero","100","50"]''["text-base md:text-2xl lg:line-clamp-2","text-base md:text-2xl lg:line-clamp-2","text-base md:text-lg"]' ~}}">
+    <span class="mt-0.5 group-hover:underline {{#if _ordered-adjust_context}} pl-8 {{/if}}line-clamp-4 {{inline-switch _teaserSize-adjust_context '["hero","100","50"]''["text-base md:text-2xl lg:line-clamp-2","text-base md:text-2xl lg:line-clamp-2","text-base md:text-lg","text-base md:text-2xl lg:line-clamp-2"]' ~}}">
         {{~_title-adjust_context~}}
     </span>
 {{/components/base/link}}

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

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

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

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

package/src/stories/views/components/content/copytext/components/downloadbox.hbs

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