hr-design-system-handlebars 1.114.94 → 1.114.96

package/CHANGELOG.md

@@ -1,3 +1,28 @@
+# v1.114.96 (Tue Feb 18 2025)
+
+#### 🐛 Bug Fix
+
+- new getter for posterteaser-image [#1244](https://github.com/mumprod/hr-design-system-handlebars/pull/1244) ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+#### Authors: 1
+
+- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+---
+
+# v1.114.95 (Mon Feb 17 2025)
+
+#### 🐛 Bug Fix
+
+- Dpe 3556 [#1243](https://github.com/mumprod/hr-design-system-handlebars/pull/1243) (saad.elbaciri@hr.de [@selbaciri](https://github.com/selbaciri))
+
+#### Authors: 2
+
+- Saad El Baciri ([@selbaciri](https://github.com/selbaciri))
+- selbaciri (saad.elbaciri@hr.de)
+
+---
+
 # v1.114.94 (Mon Feb 17 2025)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -3846,7 +3846,7 @@ article #commentList {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1739785841928;
+  counter-reset: cnt1739874162992;
 }
 .animate-delay-100 {
   --tw-animate-delay: 100ms;
@@ -4291,7 +4291,7 @@ html { scroll-behavior: smooth; }
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1739785841928 1;
+  counter-increment: cnt1739874162992 1;
 }
 .-ordered::before {
   position: absolute;
@@ -4309,7 +4309,7 @@ html { scroll-behavior: smooth; }
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, 1);
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1739785841928);
+  content: counter(cnt1739874162992);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */

package/dist/assets/js/components/external-service/externalServiceDs.feature.js

@@ -111,6 +111,9 @@ const ExternalService = function (context) {
                     case 'wahl-gemeinde-ergebnis':
                         createWahlGemeindeErgebnisEmbed()
                         break
+                    case 'wer-waehlte-wen':
+                        werWaehlteWenEmbed()
+                        break
                     default:
                         console.error('No JS Config for external service ' + id)
                         break
@@ -168,6 +171,39 @@ const ExternalService = function (context) {
         script.type = 'text/javascript'
         rootElement.appendChild(script)
     }
+
+    const werWaehlteWenEmbed = function () {
+        let iframe = document.createElement('iframe');
+        let cleanUrl;
+        const parts = embedCode.split('*');
+        if (parts.length === 2) {
+            const params = parts[1].split(' ');
+            cleanUrl = parts[0].trim();
+            for (const param of params) {
+                const [key, value] = param.split('=');
+                if (key === 'id') {
+                    iframe.id = value;
+                } else {
+                    iframe.setAttribute(key, value);
+                }
+            }
+        }
+
+        iframe.src = cleanUrl;
+        iframe.style.width = "100%";
+        iframe.style.border = "0";
+        rootElement.appendChild(iframe);
+
+        window.addEventListener("message", function (e) {
+            if (e.data.contentUrl && e.data.contentUrl.includes("/wahl/embed/2025-02-23-BT-DE/wer-waehlte-wen/")) {
+                let h = parseInt(e.data.height, 10) + 2;
+                if (iframe.id === "ts-embed-wer-waehlte-wen-2025-02-23-BT-DE") {
+                    iframe.style.height = h + "px";
+                }
+            }
+        });
+    }
+    
     const createUniqueID = function () {
         console.log("Erzeuge einzigartige ID")
         uniqueId = Math.random().toString(36).replace(/[^a-z]+/g, '').substring(2, 10)

package/dist/views/components/teaser/teaser_poster.hbs

@@ -3,15 +3,15 @@
         {{#if _isCopytext~}}
             {{#if this.showFullSize.isTrue }}
                 {{#if this.showStretched.isTrue }}
-                    {{~> components/base/image/responsive_image this.teaserImage _type="poster_wide" _variant="default" _noDelay=../_noDelay _addClassImg="rounded-tl-hr rounded-br-hr" ~}}
+                    {{~> components/base/image/responsive_image this.posterTeaserImage _type="poster_wide" _variant="default" _noDelay=../_noDelay _addClassImg="rounded-tl-hr rounded-br-hr" ~}}
                 {{else}}
-                    {{~> components/base/image/responsive_image this.teaserImage _type="poster" _variant="copytext_full" _noDelay=../_noDelay _addClassImg="rounded-tl-hr rounded-br-hr" ~}}
+                    {{~> components/base/image/responsive_image this.posterTeaserImage _type="poster" _variant="copytext_full" _noDelay=../_noDelay _addClassImg="rounded-tl-hr rounded-br-hr" ~}}
                 {{/if}}
             {{else}}
-                {{~> components/base/image/responsive_image this.teaserImage _type="poster" _variant="copytext_narrow" _noDelay=../_noDelay _addClassImg="rounded-tl-hr rounded-br-hr" ~}}
+                {{~> components/base/image/responsive_image this.posterTeaserImage _type="poster" _variant="copytext_narrow" _noDelay=../_noDelay _addClassImg="rounded-tl-hr rounded-br-hr" ~}}
             {{/if}}
         {{else}}
-            {{~> components/base/image/responsive_image this.teaserImage _type=this.teaserType _variant=this.content.imageVariant _noDelay=../_noDelay _addClassImg="rounded-tl-hr rounded-br-hr" ~}}
+            {{~> components/base/image/responsive_image this.posterTeaserImage _type=this.teaserType _variant=this.content.imageVariant _noDelay=../_noDelay _addClassImg="rounded-tl-hr rounded-br-hr" ~}}
         {{/if}}
     </figure>
     <div class="absolute flex flex-col justify-end w-full h-full {{#if _isCopytext~}}{{#if this.showFullSize.isTrue~}}{{inline-switch this.showStretched.isTrue '["false","true"]' '["pb-[70px] sm480:pb-24 md:pb-32","pb-[70px] sm480:pb-[86px] sm:pb-16 md:pb-[70px]","pb-[70px] sm480:pb-24 md:pb-32"]'}}{{else}}pb-[70px] sm480:pb-24 sm:pb-[86px] md:pb-24{{/if}}{{else}}{{inline-switch this.realTeaserSize '["33","50"]' '["pb-16 sm:pb-24 md:pb-16","pb-16 sm:pb-24 md:pb-24"]'}}{{/if}} bg-gradient-to-t to-80% from-black rounded-tl-hr rounded-br-hr">

package/dist/views_static/components/teaser/teaser_poster.hbs

@@ -3,15 +3,15 @@
         {{#if _isCopytext~}}
             {{#if this.showFullSize.isTrue }}
                 {{#if this.showStretched.isTrue }}
-                    {{~> components/base/image/responsive_image this.teaserImage _type="poster_wide" _variant="default" _noDelay=../_noDelay _addClassImg="rounded-tl-hr rounded-br-hr" ~}}
+                    {{~> components/base/image/responsive_image this.posterTeaserImage _type="poster_wide" _variant="default" _noDelay=../_noDelay _addClassImg="rounded-tl-hr rounded-br-hr" ~}}
                 {{else}}
-                    {{~> components/base/image/responsive_image this.teaserImage _type="poster" _variant="copytext_full" _noDelay=../_noDelay _addClassImg="rounded-tl-hr rounded-br-hr" ~}}
+                    {{~> components/base/image/responsive_image this.posterTeaserImage _type="poster" _variant="copytext_full" _noDelay=../_noDelay _addClassImg="rounded-tl-hr rounded-br-hr" ~}}
                 {{/if}}
             {{else}}
-                {{~> components/base/image/responsive_image this.teaserImage _type="poster" _variant="copytext_narrow" _noDelay=../_noDelay _addClassImg="rounded-tl-hr rounded-br-hr" ~}}
+                {{~> components/base/image/responsive_image this.posterTeaserImage _type="poster" _variant="copytext_narrow" _noDelay=../_noDelay _addClassImg="rounded-tl-hr rounded-br-hr" ~}}
             {{/if}}
         {{else}}
-            {{~> components/base/image/responsive_image this.teaserImage _type=this.teaserType _variant=this.content.imageVariant _noDelay=../_noDelay _addClassImg="rounded-tl-hr rounded-br-hr" ~}}
+            {{~> components/base/image/responsive_image this.posterTeaserImage _type=this.teaserType _variant=this.content.imageVariant _noDelay=../_noDelay _addClassImg="rounded-tl-hr rounded-br-hr" ~}}
         {{/if}}
     </figure>
     <div class="absolute flex flex-col justify-end w-full h-full {{#if _isCopytext~}}{{#if this.showFullSize.isTrue~}}{{inline-switch this.showStretched.isTrue '["false","true"]' '["pb-[70px] sm480:pb-24 md:pb-32","pb-[70px] sm480:pb-[86px] sm:pb-16 md:pb-[70px]","pb-[70px] sm480:pb-24 md:pb-32"]'}}{{else}}pb-[70px] sm480:pb-24 sm:pb-[86px] md:pb-24{{/if}}{{else}}{{inline-switch this.realTeaserSize '["33","50"]' '["pb-16 sm:pb-24 md:pb-16","pb-16 sm:pb-24 md:pb-24"]'}}{{/if}} bg-gradient-to-t to-80% from-black rounded-tl-hr rounded-br-hr">

package/package.json

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

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

@@ -42,7 +42,7 @@
                                 "@->value": "Zum Artikel"
                             },
                             {
-                                "@->contentpath": "teaserImage",
+                                "@->contentpath": "posterTeaserImage",
                                 "@->value": {
                                     "@->jsoninclude": "teaser/teaser_images.inc.json",
                                     "@->contentpath": "teaser_poster_50",
@@ -108,7 +108,7 @@
                                 "@->value": "Zum Artikel"
                             },
                             {
-                                "@->contentpath": "teaserImage",
+                                "@->contentpath": "posterTeaserImage",
                                 "@->value": {
                                     "@->jsoninclude": "teaser/teaser_images.inc.json",
                                     "@->contentpath": "teaser_poster_50",
@@ -179,7 +179,7 @@
                                 "@->value": "Zum Artikel"
                             },
                             {
-                                "@->contentpath": "teaserImage",
+                                "@->contentpath": "posterTeaserImage",
                                 "@->value": {
                                     "@->jsoninclude": "teaser/teaser_images.inc.json",
                                     "@->contentpath": "teaser_poster_50",
@@ -244,7 +244,7 @@
                                 "@->value": "Zum Artikel"
                             },
                             {
-                                "@->contentpath": "teaserImage",
+                                "@->contentpath": "posterTeaserImage",
                                 "@->value": {
                                     "@->jsoninclude": "teaser/teaser_images.inc.json",
                                     "@->contentpath": "teaser_poster_16_to_9",

package/src/assets/fixtures/teaser/teaser_poster.json

@@ -32,7 +32,7 @@
                         "@->value": "Zum Artikel"
                     },
                     {
-                        "@->contentpath": "logicItem.includeModel.teaserImage",
+                        "@->contentpath": "logicItem.includeModel.posterTeaserImage",
                         "@->value": {
                             "@->jsoninclude": "teaser/teaser_images.inc.json",
                             "@->contentpath": "teaser_poster_50",
@@ -73,7 +73,7 @@
                         "@->value": "Zum Ticker"
                     },
                     {
-                        "@->contentpath": "logicItem.includeModel.teaserImage",
+                        "@->contentpath": "logicItem.includeModel.posterTeaserImage",
                         "@->value": {
                             "@->jsoninclude": "teaser/teaser_images.inc.json",
                             "@->contentpath": "teaser_poster_50",
@@ -135,7 +135,7 @@
                         "@->value": "Zur Veranstaltung"
                     },
                     {
-                        "@->contentpath": "logicItem.includeModel.teaserImage",
+                        "@->contentpath": "logicItem.includeModel.posterTeaserImage",
                         "@->value": {
                             "@->jsoninclude": "teaser/teaser_images.inc.json",
                             "@->contentpath": "teaser_poster_50",
@@ -189,7 +189,7 @@
                         "@->value": "Zum Artikel"
                     },
                     {
-                        "@->contentpath": "logicItem.includeModel.teaserImage",
+                        "@->contentpath": "logicItem.includeModel.posterTeaserImage",
                         "@->value": {
                             "@->jsoninclude": "teaser/teaser_images.inc.json",
                             "@->contentpath": "teaser_poster_33",
@@ -230,7 +230,7 @@
                         "@->value": "Zum Ticker"
                     },
                     {
-                        "@->contentpath": "logicItem.includeModel.teaserImage",
+                        "@->contentpath": "logicItem.includeModel.posterTeaserImage",
                         "@->value": {
                             "@->jsoninclude": "teaser/teaser_images.inc.json",
                             "@->contentpath": "teaser_poster_33",
@@ -292,7 +292,7 @@
                         "@->value": "Zur Veranstaltung"
                     },
                     {
-                        "@->contentpath": "logicItem.includeModel.teaserImage",
+                        "@->contentpath": "logicItem.includeModel.posterTeaserImage",
                         "@->value": {
                             "@->jsoninclude": "teaser/teaser_images.inc.json",
                             "@->contentpath": "teaser_poster_33",

package/src/assets/fixtures/teaser/teasers.inc.json

@@ -39,6 +39,16 @@
                         }
                     ]
                 },
+                "posterTeaserImage": {
+                    "@->jsoninclude": "teaser/teaser_images.inc.json",
+                    "@->contentpath": "teaser_standard",
+                    "@->replaceToken": [
+                        {
+                            "@->token": "image",
+                            "@->value": "rueckkehr-nach-abschiebung-102"
+                        }
+                    ]
+                },
                 "displayTeaserBodyAsImageOverlay": false,
                 "hasMediaButtons": false,
                 "dontLazyload": true,