hr-design-system-handlebars 0.49.10 → 0.49.11

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v0.49.11 (Tue Jul 12 2022)
+
+#### 🐛 Bug Fix
+
+- add tabbox-canvas + teaser + link [#269](https://github.com/mumprod/hr-design-system-handlebars/pull/269) ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+#### Authors: 1
+
+- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+---
+
 # v0.49.10 (Tue Jul 12 2022)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -658,6 +658,12 @@ video {
 .\!m-0 {
   margin: 0px !important;
 }
+.m-1\.5 {
+  margin: 0.375rem;
+}
+.m-1 {
+  margin: 0.25rem;
+}
 .mx-4 {
   margin-left: 1rem;
   margin-right: 1rem;
@@ -678,6 +684,22 @@ video {
   margin-left: 1px;
   margin-right: 1px;
 }
+.mx-0 {
+  margin-left: 0px;
+  margin-right: 0px;
+}
+.mx-1\.5 {
+  margin-left: 0.375rem;
+  margin-right: 0.375rem;
+}
+.mx-1 {
+  margin-left: 0.25rem;
+  margin-right: 0.25rem;
+}
+.my-5 {
+  margin-top: 1.25rem;
+  margin-bottom: 1.25rem;
+}
 .mt-6 {
   margin-top: 1.5rem;
 }
@@ -732,6 +754,9 @@ video {
 .mt-3 {
   margin-top: 0.75rem;
 }
+.mb-7 {
+  margin-bottom: 1.75rem;
+}
 .block {
   display: block;
 }
@@ -858,6 +883,9 @@ video {
 .w-5 {
   width: 1.25rem;
 }
+.w-0 {
+  width: 0px;
+}
 .max-w-full {
   max-width: 100%;
 }
@@ -1228,6 +1256,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
 }
+.bg-\[\#dce8f0\] {
+  --tw-bg-opacity: 1;
+  background-color: rgba(220, 232, 240, var(--tw-bg-opacity));
+}
 .bg-gradient-to-r {
   background-image: -webkit-gradient(linear, left top, right top, from(var(--tw-gradient-stops)));
   background-image: linear-gradient(to right, var(--tw-gradient-stops));
@@ -1270,9 +1302,6 @@ video {
 .p-2 {
   padding: 0.5rem;
 }
-.p-5 {
-  padding: 1.25rem;
-}
 .py-2 {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
@@ -1376,6 +1405,15 @@ video {
 .pr-4 {
   padding-right: 1rem;
 }
+.pb-7 {
+  padding-bottom: 1.75rem;
+}
+.pt-7 {
+  padding-top: 1.75rem;
+}
+.pt-6 {
+  padding-top: 1.5rem;
+}
 .text-left {
   text-align: left;
 }
@@ -1717,6 +1755,9 @@ video {
             [main-start] minmax(0, 63rem) [main-end]
             minmax(1rem, 1fr) [full-end];
     }
+.col-main {
+        grid-column: main;
+    }
 .col-full {
         grid-column: full;
     }
@@ -2643,6 +2684,14 @@ video {
     border-radius: 0px;
   }
 
+  .md\:rounded-tl-3xl {
+    border-top-left-radius: 1.5rem;
+  }
+
+  .md\:rounded-br-3xl {
+    border-bottom-right-radius: 1.5rem;
+  }
+
   .md\:border-0 {
     border-width: 0px;
   }
@@ -2675,6 +2724,11 @@ video {
     padding-right: 1rem;
   }
 
+  .md\:px-8 {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+
   .md\:pt-4 {
     padding-top: 1rem;
   }
@@ -2683,6 +2737,10 @@ video {
     padding-left: 0px;
   }
 
+  .md\:pt-7 {
+    padding-top: 1.75rem;
+  }
+
   .md\:text-base {
     font-size: 1rem;
     line-height: 1.375rem;

package/dist/views/components/base/load_dynamic.hbs

@@ -11,6 +11,9 @@
     {{#case "components/teaser/teaser_standard"}}
         {{> components/teaser/teaser_standard}}
     {{/case}}
+    {{#case "components/teaser/teaser_alternative"}}
+        {{> components/teaser/teaser_alternativ}}
+    {{/case}}
     {{#case "components/teaser/components/teaser_comments"}}
         {{> components/teaser/components/teaser_comments}}
     {{/case}}

package/dist/views/components/teaser/tabbox/group_tabbox.hbs

@@ -1,16 +1,25 @@
-<div class="w-full">
-    <br/>
-    teaserSize: {{this.teaserSize}}<br/>
-    isFirstTeaser: {{this.isFirstTeaser}}<br/>
-    hasGroupTitle: {{this.hasGroupTitle}}<br/>
-    teaserIndex: {{this.teaserIndex}}<br/>
-    groupTitle: {{this.groupTitle}}<br/>
-    link.url:{{this.link.url}}<br/>
-    title: {{this.title}}<br/>
-    <br/>
-    <b>Teaser:</b><br/>
-    {{~#each this.logicItems}}
-        {{this.logicItem.includeModel.title}}<br/>
-    {{/each~}}
-    <br/><hr/>
-</div>
+<section class="pb-7 {{#if this.isFirstTeaser}}-active{{/if}}">
+    {{~#if this.hasGroupTitle~}}
+        <h3 class="sr-only">
+            <a class="" href="#tgp{{this.teaserIndex}}">
+                <span class="">{{this.groupTitle}}</span>
+                <span class="">
+                    {{> components/base/image/icon _icon="arrow-down" _iconmap="icons" _addClass="w-3 h-2 fill-current"}}
+                    {{> components/base/image/icon _icon="arrow-up" _iconmap="icons" _addClass="w-3 h-2 fill-current"}}
+                </span>
+            </a>
+        </h3>
+    {{~/if~}}
+
+    <a class="w-0" name="tgp{{this.teaserIndex}}"></a>
+    <div class="grid content-start grid-cols-12 px-0 md:px-8 colspan-12 gap-x-6 gap-y-6">
+        {{~> components/teaser/teaser_logic/teaser_logic ~}}
+    </div>
+    {{~#if this.link~}}
+        <div class="flex justify-center">
+            <a class="text-base pt-7 font-heading text-toplineColor hover:underline" href="{{this.link.url}}">
+                {{!~loca "group_tabbed_more" this.title~}}weitere Meldungen aus {{this.title~}}
+            </a>
+        </div>
+    {{~/if~}}
+</section> 

package/dist/views/components/teaser/tabbox/teaser_tabbox.hbs

@@ -1,15 +1,16 @@
-<div class="w-full p-5">
-
-    <b><u>Tabbox-Data</u></b><br/><br/>
-
-    wanda-Id: {{this.wandaPageId}}<br/><br/>
-
-    Tabs:<br/>
-    {{~#each this.tabbedGroup~}}
-        {{this.title}}<br/>
-    {{~/each~}}
-    <br/>
-    <b>Teasergruppen:</b><hr/>
+<div class="grid grid-cols-12 pt-6 md:pt-7 bg-[#dce8f0] mx-0 md:rounded-tl-3xl md:rounded-br-3xl col-main gap-x-6 gap-y-6">
+  <section class="col-span-full" data-new-hr-group-tabbed='{"wandaPageId":"{{this.wandaPageId}}"}'>
+    <div class="flex flex-wrap justify-center mb-7 mx-1.5" role="tablist">
+      {{~#each this.tabbedGroup~}}
+        <button  onclick="window.location.href='#tgp{{@index}}';" 
+                 type="button" 
+                 class="text-base font-heading py-1 px-2 m-1.5 {{#if @first}}bg-blue-congress text-white{{else}}bg-white text-blue-congress{{/if}}" 
+                 role="tab"
+        >
+          {{this.title}}
+        </button>
+      {{~/each~}}
+    </div>
     {{~> components/teaser/teaser_logic/teaser_logic ~}}
-
+  </section>
 </div>

package/package.json

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

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

@@ -2,6 +2,10 @@
     "@->jsoninclude": "teaser/teasers.inc.json",
     "@->contentpath": "teaser",
     "@->overrides": [
+        {
+            "@->contentpath": "logicItem.includePath",
+            "@->value": "components/teaser/teaser_alternative"
+        },
         {
             "@->contentpath": "logicItem.includeModel.teaserSize",
             "@->value": "100"

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

@@ -2,6 +2,10 @@
     "@->jsoninclude": "teaser/teasers.inc.json",
     "@->contentpath": "teaser",
     "@->overrides": [
+        {
+            "@->contentpath": "logicItem.includePath",
+            "@->value": "components/teaser/teaser_alternative"
+        },
         {
             "@->contentpath": "logicItem.includeModel.teaserSize",
             "@->value": "25"

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

@@ -2,6 +2,10 @@
     "@->jsoninclude": "teaser/teasers.inc.json",
     "@->contentpath": "teaser",
     "@->overrides": [
+        {
+            "@->contentpath": "logicItem.includePath",
+            "@->value": "components/teaser/teaser_alternative"
+        },
         {
             "@->contentpath": "logicItem.includeModel.teaserSize",
             "@->value": "33"

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

@@ -2,6 +2,10 @@
     "@->jsoninclude": "teaser/teasers.inc.json",
     "@->contentpath": "teaser",
     "@->overrides": [
+        {
+            "@->contentpath": "logicItem.includePath",
+            "@->value": "components/teaser/teaser_alternative"
+        },
         {
             "@->contentpath": "logicItem.includeModel.teaserSize",
             "@->value": "50"

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

@@ -2,6 +2,10 @@
     "@->jsoninclude": "teaser/teasers.inc.json",
     "@->contentpath": "teaser",
     "@->overrides": [
+        {
+            "@->contentpath": "logicItem.includePath",
+            "@->value": "components/teaser/teaser_alternative"
+        },
         {
             "@->contentpath": "logicItem.includeModel.teaserType",
             "@->value": "alternative-ds"

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

@@ -2,6 +2,10 @@
     "@->jsoninclude": "teaser/teasers.inc.json",
     "@->contentpath": "teaserWithComments",
     "@->overrides": [
+        {
+            "@->contentpath": "logicItem.includePath",
+            "@->value": "components/teaser/teaser_alternative"
+        },
         {
             "@->contentpath": "logicItem.includeModel.teaserType",
             "@->value": "alternative-ds"

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

@@ -2,6 +2,10 @@
     "@->jsoninclude": "teaser/teasers.inc.json",
     "@->contentpath": "teaser",
     "@->overrides": [
+        {
+            "@->contentpath": "logicItem.includePath",
+            "@->value": "components/teaser/teaser_alternative"
+        },
         {
             "@->contentpath": "logicItem.includeModel.teaserType",
             "@->value": "alternative-ds"

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

@@ -2,24 +2,92 @@
     "tabbox_teasergroup_1": {
         "includePath": "components/teaser/tabbox/group_tabbox",
         "includeModel": {
-            "title": "Teasergruppe 1",
+            "title": "Nordhessen",
             "link": {
                 "url": "#linkurl_teasergruppe_1"
             },
             "hasGroupTitle": true,
-            "groupTitle": "Teasergruppe 1",
+            "groupTitle": "Nordhessen",
             "teaserSize": "100",
             "isFirstTeaser": true,
             "teaserIndex": 0,
             "logicItems": [
                 {
-                    "@->jsoninclude": "teaser/teaser_standard_33_serif.json"
+                    "@->jsoninclude": "teaser/teaser_standard_33_serif.json",
+                    "@->overrides": [
+                        {
+                            "@->contentpath": "logicItem.includeModel.shorttext",
+                            "@->value": ""
+                        },
+                        {
+                            "@->contentpath": "logicItem.includeModel.teaserInfo.showTeaserInfo",
+                            "@->value": false
+                        },
+                        {
+                            "@->contentpath": "logicItem.includeModel.profiles",
+                            "@->value": ""
+                        }
+                    ]
                 },
                 {
-                    "@->jsoninclude": "teaser/teaser_standard_33_serif.json"
+                    "@->jsoninclude": "teaser/teaser_standard_33_serif.json",
+                    "@->overrides": [
+                        {
+                            "@->contentpath": "logicItem.includeModel.teaserImage",
+                            "@->value": {
+                                "@->jsoninclude": "teaser/teaser_images.inc.json",
+                                "@->contentpath": "standard_1"
+                            }
+                        },
+                        {
+                            "@->contentpath": "logicItem.includeModel.title",
+                            "@->value": "Zur Abwechslung mal ein anderer Titel"
+                        },
+                        {
+                            "@->contentpath": "logicItem.includeModel.shorttext",
+                            "@->value": ""
+                        },
+                        {
+                            "@->contentpath": "logicItem.includeModel.teaserInfo.showTeaserInfo",
+                            "@->value": false
+                        },
+                        {
+                            "@->contentpath": "logicItem.includeModel.profiles",
+                            "@->value": ""
+                        }
+                    ]
                 },
                 {
-                    "@->jsoninclude": "teaser/teaser_standard_33_serif.json"
+                    "@->jsoninclude": "teaser/teaser_standard_33_serif.json",
+                    "@->overrides": [
+                        {
+                            "@->contentpath": "logicItem.includeModel.teaserImage",
+                            "@->value": {
+                                "@->jsoninclude": "teaser/teaser_images.inc.json",
+                                "@->contentpath": "standard_3"
+                            }
+                        },
+                        {
+                            "@->contentpath": "logicItem.includeModel.title",
+                            "@->value": "Banane!!!"
+                        },
+                        {
+                            "@->contentpath": "logicItem.includeModel.topline",
+                            "@->value": "Und mal ne längere Topline - damit man sieht, dass das scheiße aussieht"
+                        },
+                        {
+                            "@->contentpath": "logicItem.includeModel.shorttext",
+                            "@->value": ""
+                        },
+                        {
+                            "@->contentpath": "logicItem.includeModel.teaserInfo.showTeaserInfo",
+                            "@->value": false
+                        },
+                        {
+                            "@->contentpath": "logicItem.includeModel.profiles",
+                            "@->value": ""
+                        }
+                    ]
                 }
             ]
         }
@@ -27,24 +95,27 @@
     "tabbox_teasergroup_2": {
         "includePath": "components/teaser/tabbox/group_tabbox",
         "includeModel": {
-            "title": "Teasergruppe 2",
+            "title": "Mittelhessen",
             "link": {
                 "url": "#linkurl_teasergruppe_2"
             },
             "hasGroupTitle": true,
-            "groupTitle": "Teasergruppe 2",
+            "groupTitle": "Mittelhessen",
             "teaserSize": "100",
             "isFirstTeaser": false,
             "teaserIndex": 1,
             "logicItems": [
                 {
-                    "@->jsoninclude": "teaser/teaser_standard_33_serif.json"
+                    "@->jsoninclude": "teaser/teaser_standard_25_serif.json"
                 },
                 {
-                    "@->jsoninclude": "teaser/teaser_standard_33_serif.json"
+                    "@->jsoninclude": "teaser/teaser_standard_25_serif.json"
                 },
                 {
-                    "@->jsoninclude": "teaser/teaser_standard_33_serif.json"
+                    "@->jsoninclude": "teaser/teaser_standard_25_serif.json"
+                },
+                {
+                    "@->jsoninclude": "teaser/teaser_standard_25_serif.json"
                 }
             ]
         }
@@ -52,15 +123,72 @@
     "tabbox_teasergroup_3": {
         "includePath": "components/teaser/tabbox/group_tabbox",
         "includeModel": {
-            "title": "Teasergruppe 3",
+            "title": "Osthessen",
             "link": {
                 "url": "#linkurl_teasergruppe_3"
             },
             "hasGroupTitle": true,
-            "groupTitle": "Teasergruppe 3",
+            "groupTitle": "Osthessen",
             "teaserSize": "100",
             "isFirstTeaser": false,
             "teaserIndex": 2,
+            "logicItems": [
+                {
+                    "@->jsoninclude": "teaser/teaser_alternative_50_serif.json",
+                    "@->overrides": [
+                        {
+                            "@->contentpath": "logicItem.includeModel.shorttext",
+                            "@->value": ""
+                        },
+                        {
+                            "@->contentpath": "logicItem.includeModel.teaserInfo.showTeaserInfo",
+                            "@->value": false
+                        },
+                        {
+                            "@->contentpath": "logicItem.includeModel.profiles",
+                            "@->value": ""
+                        }
+                    ]
+                },
+                {
+                    "@->jsoninclude": "teaser/teaser_alternative_50_serif.json",
+                    "@->overrides": [
+                        {
+                            "@->contentpath": "logicItem.includeModel.teaserImage",
+                            "@->value": {
+                                "@->jsoninclude": "teaser/teaser_images.inc.json",
+                                "@->contentpath": "standard_4"
+                            }
+                        },
+                        {
+                            "@->contentpath": "logicItem.includeModel.shorttext",
+                            "@->value": ""
+                        },
+                        {
+                            "@->contentpath": "logicItem.includeModel.teaserInfo.showTeaserInfo",
+                            "@->value": false
+                        },
+                        {
+                            "@->contentpath": "logicItem.includeModel.profiles",
+                            "@->value": ""
+                        }
+                    ]
+                }
+            ]
+        }
+    },
+    "tabbox_teasergroup_4": {
+        "includePath": "components/teaser/tabbox/group_tabbox",
+        "includeModel": {
+            "title": "Rhein-Main",
+            "link": {
+                "url": "#linkurl_teasergruppe_4"
+            },
+            "hasGroupTitle": true,
+            "groupTitle": "Rhein-Main",
+            "teaserSize": "100",
+            "isFirstTeaser": false,
+            "teaserIndex": 3,
             "logicItems": [
                 {
                     "@->jsoninclude": "teaser/teaser_standard_33_serif.json"
@@ -74,18 +202,18 @@
             ]
         }
     },
-    "tabbox_teasergroup_4": {
+    "tabbox_teasergroup_5": {
         "includePath": "components/teaser/tabbox/group_tabbox",
         "includeModel": {
-            "title": "Teasergruppe 4",
+            "title": "Südhessen",
             "link": {
-                "url": "#linkurl_teasergruppe_4"
+                "url": "#linkurl_teasergruppe_5"
             },
             "hasGroupTitle": true,
-            "groupTitle": "Teasergruppe 4",
+            "groupTitle": "Südhessen",
             "teaserSize": "100",
             "isFirstTeaser": false,
-            "teaserIndex": 3,
+            "teaserIndex": 4,
             "logicItems": [
                 {
                     "@->jsoninclude": "teaser/teaser_standard_33_serif.json"

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

@@ -2,16 +2,19 @@
     "wandaPageId" : "2109595548",
     "tabbedGroup": [
         {
-            "title": "Teasergruppe 1"
+            "title": "Nordhessen"
         },
         {
-            "title": "Teasergruppe 2"
+            "title": "Mittelhessen"
         },
         {
-            "title": "Teasergruppe 3"
+            "title": "Osthessen"
         },
         {
-            "title": "Teasergruppe 4"
+            "title": "Rhein-Main"
+        },
+        {
+            "title": "Südhessen"
         }
     ],
     "logicItems": [
@@ -30,6 +33,10 @@
         {
             "@->jsoninclude": "teaser/teaser_group_tabbox.inc.json",
             "@->contentpath": "tabbox_teasergroup_4"
+        },
+        {
+            "@->jsoninclude": "teaser/teaser_group_tabbox.inc.json",
+            "@->contentpath": "tabbox_teasergroup_5"
         }
     ]
 }

package/src/stories/views/components/base/load_dynamic.hbs

@@ -11,6 +11,9 @@
     {{#case "components/teaser/teaser_standard"}}
         {{> components/teaser/teaser_standard}}
     {{/case}}
+    {{#case "components/teaser/teaser_alternative"}}
+        {{> components/teaser/teaser_alternativ}}
+    {{/case}}
     {{#case "components/teaser/components/teaser_comments"}}
         {{> components/teaser/components/teaser_comments}}
     {{/case}}

package/src/stories/views/components/teaser/fixtures/teaser_alternative_100_serif.json

@@ -1 +1 @@
-{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_standard","includeModel":{"byline":"Byline","title":"Abgeschobene Geschwister aus Syrien zurück in Wolfhagen","topline":"Überglücklich, aber ohne Mama","headingFontVariant":"serif","extendedTitle":"","teaserType":"alternative-ds","teaserSize":"100","teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":true,"showTeaserInfoAll":true,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":true},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"https://picsum.photos/id/188/480/270","sources":[{"sizes":"(min-width: 1010px) 960px, 100vw","srcset":"https://picsum.photos/id/188/320/180 320w, https://picsum.photos/id/188/480/270 480w, https://picsum.photos/id/188/640/360 640w, https://picsum.photos/id/188/960/540 960w, https://picsum.photos/id/188/1920/1080 1920w"}]}},"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":true,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":false,"isVideo":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"allowAVConsumption":false,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","documentSection":"Gesellschaft","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"Vor einem Jahr wurde die syrische Familie Kheder aus Wolfhagen abgeschoben. Die Gemeinde setzte alle Hebel in Bewegung, um Mutter, Tochter und Sohn zurückzuholen. Im Fall der Kinder hat das nun zu einem Happy End geführt. Doch ihre Mutter fehlt.","sophoraId":"rueckkehr-nach-abschiebung-wolfhagen--100","profiles":"Von Alf Haubitz und Alice Merton","teaserLead":{"avDocument":"","image":""},"geotag":[{"title":"Wolfhagen"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"},"content":{"headlineTag":"h1","headingFontVariant":"serif","imageVariant":"topteaser","isFileDownload":false,"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"https://picsum.photos/id/188/480/270","sources":[{"sizes":"(min-width: 1010px) 960px, 100vw","srcset":"https://picsum.photos/id/188/320/180 320w, https://picsum.photos/id/188/480/270 480w, https://picsum.photos/id/188/640/360 640w, https://picsum.photos/id/188/960/540 960w, https://picsum.photos/id/188/1920/1080 1920w"}]}},"teaserSize":"hero","teaserType":"standard-ds","title":"Abgeschobene Geschwister aus Syrien zurück in Wolfhagen","topline":"Überglücklich, aber ohne Mama","trackingData":{"secondLevelId":"2","pageName":"hessenschau"}}}}}}
+{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_alternative","includeModel":{"byline":"Byline","title":"Abgeschobene Geschwister aus Syrien zurück in Wolfhagen","topline":"Überglücklich, aber ohne Mama","headingFontVariant":"serif","extendedTitle":"","teaserType":"alternative-ds","teaserSize":"100","teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":true,"showTeaserInfoAll":true,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":true},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"https://picsum.photos/id/188/480/270","sources":[{"sizes":"(min-width: 1010px) 960px, 100vw","srcset":"https://picsum.photos/id/188/320/180 320w, https://picsum.photos/id/188/480/270 480w, https://picsum.photos/id/188/640/360 640w, https://picsum.photos/id/188/960/540 960w, https://picsum.photos/id/188/1920/1080 1920w"}]}},"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":true,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":false,"isVideo":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"allowAVConsumption":false,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","documentSection":"Gesellschaft","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"Vor einem Jahr wurde die syrische Familie Kheder aus Wolfhagen abgeschoben. Die Gemeinde setzte alle Hebel in Bewegung, um Mutter, Tochter und Sohn zurückzuholen. Im Fall der Kinder hat das nun zu einem Happy End geführt. Doch ihre Mutter fehlt.","sophoraId":"rueckkehr-nach-abschiebung-wolfhagen--100","profiles":"Von Alf Haubitz und Alice Merton","teaserLead":{"avDocument":"","image":""},"geotag":[{"title":"Wolfhagen"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"},"content":{"headlineTag":"h1","headingFontVariant":"serif","imageVariant":"topteaser","isFileDownload":false,"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"https://picsum.photos/id/188/480/270","sources":[{"sizes":"(min-width: 1010px) 960px, 100vw","srcset":"https://picsum.photos/id/188/320/180 320w, https://picsum.photos/id/188/480/270 480w, https://picsum.photos/id/188/640/360 640w, https://picsum.photos/id/188/960/540 960w, https://picsum.photos/id/188/1920/1080 1920w"}]}},"teaserSize":"hero","teaserType":"standard-ds","title":"Abgeschobene Geschwister aus Syrien zurück in Wolfhagen","topline":"Überglücklich, aber ohne Mama","trackingData":{"secondLevelId":"2","pageName":"hessenschau"}}}}}}