hr-design-system-handlebars 1.53.0 → 1.53.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/assets/index.css +6 -3
  3. package/dist/views/components/content/copytext/components/podcastepisode.hbs +3 -11
  4. package/dist/views/components/content/copytext/components/posterteaser.hbs +3 -7
  5. package/dist/views/components/content/copytext/copytext.hbs +5 -5
  6. package/dist/views/components/teaser/teaser_poster.hbs +16 -4
  7. package/dist/views_static/components/content/copytext/components/podcastepisode.hbs +3 -11
  8. package/dist/views_static/components/content/copytext/components/posterteaser.hbs +3 -7
  9. package/dist/views_static/components/content/copytext/copytext.hbs +5 -5
  10. package/dist/views_static/components/teaser/teaser_poster.hbs +16 -4
  11. package/package.json +1 -1
  12. package/src/assets/css/custom-components.css +1 -1
  13. package/src/assets/fixtures/content/copytext/copytext_posterteaser.json +4 -4
  14. package/src/stories/views/components/content/copytext/components/podcastepisode.hbs +3 -11
  15. package/src/stories/views/components/content/copytext/components/posterteaser.hbs +3 -7
  16. package/src/stories/views/components/content/copytext/copytext.hbs +5 -5
  17. package/src/stories/views/components/content/copytext/fixtures/copytext_posterteaser.json +1 -1
  18. package/src/stories/views/components/teaser/teaser_poster.hbs +16 -4
package/CHANGELOG.md CHANGED
@@ -1,3 +1,15 @@
1
+ # v1.53.1 (Fri Feb 02 2024)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - adapt copytext to delivery [#828](https://github.com/mumprod/hr-design-system-handlebars/pull/828) ([@hanswurstsalat](https://github.com/hanswurstsalat))
6
+
7
+ #### Authors: 1
8
+
9
+ - Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
10
+
11
+ ---
12
+
1
13
  # v1.53.0 (Fri Feb 02 2024)
2
14
 
3
15
  #### 🚀 Enhancement
package/dist/assets/index.css CHANGED
@@ -1010,6 +1010,9 @@ a.link {
1010
1010
  text-decoration-line: underline;
1011
1011
  text-decoration-thickness: 1px;
1012
1012
  }
1013
+ a.link:hover {
1014
+ text-decoration-thickness: 1px !important;
1015
+ }
1013
1016
  [class~='tw-dark'] a.link {
1014
1017
  color: #006eb7;
1015
1018
  color: var(--color-link-dark);
@@ -3296,7 +3299,7 @@ a.link {
3296
3299
  border-bottom-color: var(--color-secondary-ds);
3297
3300
  }
3298
3301
  .counter-reset {
3299
- counter-reset: cnt1706887385418;
3302
+ counter-reset: cnt1706897607647;
3300
3303
  }
3301
3304
  .hyphens-auto {
3302
3305
  -webkit-hyphens: auto;
@@ -3598,7 +3601,7 @@ a.link {
3598
3601
  --tw-ring-color: rgba(255, 255, 255, 0.5);
3599
3602
  }
3600
3603
  .-ordered {
3601
- counter-increment: cnt1706887385418 1;
3604
+ counter-increment: cnt1706897607647 1;
3602
3605
  }
3603
3606
  .-ordered::before {
3604
3607
  position: absolute;
@@ -3614,7 +3617,7 @@ a.link {
3614
3617
  letter-spacing: .0125em;
3615
3618
  --tw-text-opacity: 1;
3616
3619
  color: rgba(0, 0, 0, var(--tw-text-opacity));
3617
- content: counter(cnt1706887385418);
3620
+ content: counter(cnt1706897607647);
3618
3621
  }
3619
3622
  /*! ****************************/
3620
3623
  /*! DataPolicy stuff */
package/dist/views/components/content/copytext/components/podcastepisode.hbs CHANGED
@@ -1,11 +1,3 @@
1
- {{~#if (isStorybook)~}}
2
- <div class="mt-7 {{#if this.showFullSize.isTrue }}clear-both {{else}}sm:w-1/2 clear-both sm:float-left sm:mr-5{{/if}}">
3
- {{> components/teaser/podcast/podcast _isCopytext=true }}
4
- </div>
5
- {{~else~}}
6
- {{#if this.showFullSize.isTrue }}
7
- {{> modules/media/media_figure _addClass="copytext__clearBox dontPrint" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
8
- {{else}}
9
- {{> modules/media/media_figure _addClass="copytext__box dontPrint" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
10
- {{/if}}
11
- {{~/if~}}
1
+ <div class="mt-7 {{#if this.showFullSize.isTrue }}clear-both {{else}}sm:w-1/2 clear-both sm:float-left sm:mr-5{{/if}}">
2
+ {{> components/teaser/podcast/podcast _isCopytext=true }}
3
+ </div>
package/dist/views/components/content/copytext/components/posterteaser.hbs CHANGED
@@ -1,7 +1,3 @@
1
- {{~#if (isStorybook)~}}
2
- <div class="w-5/6 sm480:w-2/3 mx-auto {{#if this.showFullSize.isTrue }}clear-both pb-0 sm:pb-6 mt-7 sm:mt-12 {{else}}sm:w-1/2 clear-both sm:float-left my-7 sm:mr-5{{/if}}">
3
- {{> components/teaser/teaser_poster _isCopytext=true }}
4
- </div>
5
- {{~else~}}
6
- {{> modules/teaser/poster-teaser/posterTeaser-story}}
7
- {{~/if~}}
1
+ <div class="w-5/6 sm480:w-2/3 mx-auto {{#if this.showFullSize.isTrue }}clear-both pb-0 sm:pb-6 mt-7 sm:mt-12 {{else}}sm:w-1/2 clear-both sm:float-left my-7 sm:mr-5{{/if}}">
2
+ {{> components/teaser/teaser_poster _isCopytext=true }}
3
+ </div>
package/dist/views/components/content/copytext/copytext.hbs CHANGED
@@ -67,17 +67,17 @@
67
67
 
68
68
  {{~#with this.paragraphTeaserItem }}
69
69
  {{~#if this.isTopictag}}
70
- {{#with this.toModel.genericTeaser}}
70
+ {{#with this.toModel.baseTeaserDS}}
71
71
  {{> components/content/copytext/components/posterteaser }}
72
72
  {{/with}}
73
73
  {{/if~}}
74
74
  {{~#if this.isTicker}}
75
- {{#with this.toModel.genericTeaser}}
75
+ {{#with this.toModel.baseTeaserDS}}
76
76
  {{> components/content/copytext/components/posterteaser }}
77
77
  {{/with}}
78
78
  {{/if~}}
79
79
  {{~#if this.isLink}}
80
- {{#with this.toModel.genericTeaser}}
80
+ {{#with this.toModel.baseTeaserDS}}
81
81
  {{> components/content/copytext/components/posterteaser }}
82
82
  {{/with}}
83
83
  {{/if~}}
@@ -87,12 +87,12 @@
87
87
  {{/with}}
88
88
  {{/if~}}
89
89
  {{~#if this.isStory}}
90
- {{#with this.toModel.genericTeaser}}
90
+ {{#with this.toModel.baseTeaserDS}}
91
91
  {{> components/content/copytext/components/posterteaser }}
92
92
  {{/with}}
93
93
  {{/if~}}
94
94
  {{~#if this.isProgram}}
95
- {{#with this.toModel.genericTeaser}}
95
+ {{#with this.toModel.baseTeaserDS}}
96
96
  {{> components/content/copytext/components/posterteaser }}
97
97
  {{/with}}
98
98
  {{/if~}}
package/dist/views/components/teaser/teaser_poster.hbs CHANGED
@@ -1,7 +1,19 @@
1
1
  <article class="{{#if _isCopytext~}}mx-0{{else}}mx-5 sm:mx-0{{/if}} relative col-span-12 flex gap-y-5 gap-x-4 {{inline-switch this.teaserSize '["33","50"]' '["md:col-span-4 flex-col","md:col-span-6 flex-col","flex-col"]'}} ">
2
2
  <figure class="ar-1-1{{#if _isCopytext~}}{{#if this.showFullSize.isTrue }}{{#if this.showStretched.isTrue }} sm:ar-16-9{{/if}}{{/if}}{{/if}}" aria-hidden="true">
3
- {{~> components/base/image/responsive_image this.teaserImage _type=this.teaserType _variant=this.content.imageVariant _noDelay=../_noDelay _addClassImg="ar__content rounded-tl-hr rounded-br-hr" ~}}
4
- </figure>
3
+ {{#if _isCopytext~}}
4
+ {{#if this.showFullSize.isTrue }}
5
+ {{#if this.showStretched.isTrue }}
6
+ {{~> components/base/image/responsive_image this.teaserImage _type="poster_wide" _variant="default" _noDelay=../_noDelay _addClassImg="ar__content rounded-tl-hr rounded-br-hr" ~}}
7
+ {{else}}
8
+ {{~> components/base/image/responsive_image this.teaserImage _type="poster" _variant="50" _noDelay=../_noDelay _addClassImg="ar__content rounded-tl-hr rounded-br-hr" ~}}
9
+ {{/if}}
10
+ {{else}}
11
+ {{~> components/base/image/responsive_image this.teaserImage _type="poster" _variant="50" _noDelay=../_noDelay _addClassImg="ar__content rounded-tl-hr rounded-br-hr" ~}}
12
+ {{/if}}
13
+ {{else}}
14
+ {{~> components/base/image/responsive_image this.teaserImage _type=this.teaserType _variant=this.content.imageVariant _noDelay=../_noDelay _addClassImg="ar__content rounded-tl-hr rounded-br-hr" ~}}
15
+ {{/if}}
16
+ </figure>
5
17
  <div class="absolute flex flex-col justify-center w-full h-full bg-gradient-to-t from-black rounded-tl-hr rounded-br-hr">
6
18
  {{#>components/base/link _link=this.link _css="ds-teaser-focus flex items-center flex-col before:rounded-tl-hr before:rounded-br-hr hover:text-toplineColor"}}
7
19
  {{#> components/teaser/components/teaser_header}}
@@ -15,7 +27,7 @@
15
27
  {{#if this.topline}}
16
28
  {{> components/teaser/components/teaser_topline _css="!text-white" _text=this.topline}}
17
29
  {{/if}}
18
- {{> components/teaser/components/teaser_title _css="whitespace-pre-wrap" _text=this.title _size=this.realTeaserSize _teaserType=this.teaserType _isCopytext=_isCopytext}}
30
+ {{> components/teaser/components/teaser_title _css="whitespace-pre-wrap" _text=this.title _size=this.realTeaserSize _teaserType="poster" _isCopytext=../../_isCopytext-adjust_context}}
19
31
  {{#if this.extendedTitle}}
20
32
  {{> components/teaser/components/teaser_subline _text=this.extendedTitle}}
21
33
  {{/if}}
@@ -25,7 +37,7 @@
25
37
  <span class="absolute flex items-end justify-center w-full h-full ds-cta">
26
38
  {{#if _isCopytext~}}
27
39
  {{#if this.showFullSize.isTrue~}}
28
- {{#> components/button/link_button _link=this.link _size="lg" _css=(inline-switch this.showStretched.isTrue '[false,true]' '["z-20 mb-4 sm480:mb-7 md:mb-16","z-20 mb-4 sm480:mb-7 md:mb-5","z-20 mb-4 sm480:mb-7 md:mb-16"]') _variant="secondary" _isAriaHidden=true _onBackground=true}}
40
+ {{#> components/button/link_button _link=this.link _size="lg" _css=(inline-switch this.showStretched.isTrue '["false","true"]' '["z-20 mb-4 sm480:mb-7 md:mb-16","z-20 mb-4 sm480:mb-7 md:mb-5","z-20 mb-4 sm480:mb-7 md:mb-16"]') _variant="secondary" _isAriaHidden=true _onBackground=true}}
29
41
  {{> components/button/components/button_label _css="" _label=this.link.readMoreText.readMoreLong}}
30
42
  {{/components/button/link_button}}
31
43
  {{else}}
package/dist/views_static/components/content/copytext/components/podcastepisode.hbs CHANGED
@@ -1,11 +1,3 @@
1
- {{~#if (isStorybook)~}}
2
- <div class="mt-7 {{#if this.showFullSize.isTrue }}clear-both {{else}}sm:w-1/2 clear-both sm:float-left sm:mr-5{{/if}}">
3
- {{> components/teaser/podcast/podcast _isCopytext=true }}
4
- </div>
5
- {{~else~}}
6
- {{#if this.showFullSize.isTrue }}
7
- {{> modules/media/media_figure _addClass="copytext__clearBox dontPrint" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
8
- {{else}}
9
- {{> modules/media/media_figure _addClass="copytext__box dontPrint" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
10
- {{/if}}
11
- {{~/if~}}
1
+ <div class="mt-7 {{#if this.showFullSize.isTrue }}clear-both {{else}}sm:w-1/2 clear-both sm:float-left sm:mr-5{{/if}}">
2
+ {{> components/teaser/podcast/podcast _isCopytext=true }}
3
+ </div>
package/dist/views_static/components/content/copytext/components/posterteaser.hbs CHANGED
@@ -1,7 +1,3 @@
1
- {{~#if (isStorybook)~}}
2
- <div class="w-5/6 sm480:w-2/3 mx-auto {{#if this.showFullSize.isTrue }}clear-both pb-0 sm:pb-6 mt-7 sm:mt-12 {{else}}sm:w-1/2 clear-both sm:float-left my-7 sm:mr-5{{/if}}">
3
- {{> components/teaser/teaser_poster _isCopytext=true }}
4
- </div>
5
- {{~else~}}
6
- {{> modules/teaser/poster-teaser/posterTeaser-story}}
7
- {{~/if~}}
1
+ <div class="w-5/6 sm480:w-2/3 mx-auto {{#if this.showFullSize.isTrue }}clear-both pb-0 sm:pb-6 mt-7 sm:mt-12 {{else}}sm:w-1/2 clear-both sm:float-left my-7 sm:mr-5{{/if}}">
2
+ {{> components/teaser/teaser_poster _isCopytext=true }}
3
+ </div>
package/dist/views_static/components/content/copytext/copytext.hbs CHANGED
@@ -67,17 +67,17 @@
67
67
 
68
68
  {{~#with this.paragraphTeaserItem }}
69
69
  {{~#if this.isTopictag}}
70
- {{#with this.toModel.genericTeaser}}
70
+ {{#with this.toModel.baseTeaserDS}}
71
71
  {{> components/content/copytext/components/posterteaser }}
72
72
  {{/with}}
73
73
  {{/if~}}
74
74
  {{~#if this.isTicker}}
75
- {{#with this.toModel.genericTeaser}}
75
+ {{#with this.toModel.baseTeaserDS}}
76
76
  {{> components/content/copytext/components/posterteaser }}
77
77
  {{/with}}
78
78
  {{/if~}}
79
79
  {{~#if this.isLink}}
80
- {{#with this.toModel.genericTeaser}}
80
+ {{#with this.toModel.baseTeaserDS}}
81
81
  {{> components/content/copytext/components/posterteaser }}
82
82
  {{/with}}
83
83
  {{/if~}}
@@ -87,12 +87,12 @@
87
87
  {{/with}}
88
88
  {{/if~}}
89
89
  {{~#if this.isStory}}
90
- {{#with this.toModel.genericTeaser}}
90
+ {{#with this.toModel.baseTeaserDS}}
91
91
  {{> components/content/copytext/components/posterteaser }}
92
92
  {{/with}}
93
93
  {{/if~}}
94
94
  {{~#if this.isProgram}}
95
- {{#with this.toModel.genericTeaser}}
95
+ {{#with this.toModel.baseTeaserDS}}
96
96
  {{> components/content/copytext/components/posterteaser }}
97
97
  {{/with}}
98
98
  {{/if~}}
package/dist/views_static/components/teaser/teaser_poster.hbs CHANGED
@@ -1,7 +1,19 @@
1
1
  <article class="{{#if _isCopytext~}}mx-0{{else}}mx-5 sm:mx-0{{/if}} relative col-span-12 flex gap-y-5 gap-x-4 {{inline-switch this.teaserSize '["33","50"]' '["md:col-span-4 flex-col","md:col-span-6 flex-col","flex-col"]'}} ">
2
2
  <figure class="ar-1-1{{#if _isCopytext~}}{{#if this.showFullSize.isTrue }}{{#if this.showStretched.isTrue }} sm:ar-16-9{{/if}}{{/if}}{{/if}}" aria-hidden="true">
3
- {{~> components/base/image/responsive_image this.teaserImage _type=this.teaserType _variant=this.content.imageVariant _noDelay=../_noDelay _addClassImg="ar__content rounded-tl-hr rounded-br-hr" ~}}
4
- </figure>
3
+ {{#if _isCopytext~}}
4
+ {{#if this.showFullSize.isTrue }}
5
+ {{#if this.showStretched.isTrue }}
6
+ {{~> components/base/image/responsive_image this.teaserImage _type="poster_wide" _variant="default" _noDelay=../_noDelay _addClassImg="ar__content rounded-tl-hr rounded-br-hr" ~}}
7
+ {{else}}
8
+ {{~> components/base/image/responsive_image this.teaserImage _type="poster" _variant="50" _noDelay=../_noDelay _addClassImg="ar__content rounded-tl-hr rounded-br-hr" ~}}
9
+ {{/if}}
10
+ {{else}}
11
+ {{~> components/base/image/responsive_image this.teaserImage _type="poster" _variant="50" _noDelay=../_noDelay _addClassImg="ar__content rounded-tl-hr rounded-br-hr" ~}}
12
+ {{/if}}
13
+ {{else}}
14
+ {{~> components/base/image/responsive_image this.teaserImage _type=this.teaserType _variant=this.content.imageVariant _noDelay=../_noDelay _addClassImg="ar__content rounded-tl-hr rounded-br-hr" ~}}
15
+ {{/if}}
16
+ </figure>
5
17
  <div class="absolute flex flex-col justify-center w-full h-full bg-gradient-to-t from-black rounded-tl-hr rounded-br-hr">
6
18
  {{#>components/base/link _link=this.link _css="ds-teaser-focus flex items-center flex-col before:rounded-tl-hr before:rounded-br-hr hover:text-toplineColor"}}
7
19
  {{#> components/teaser/components/teaser_header}}
@@ -15,7 +27,7 @@
15
27
  {{#if this.topline}}
16
28
  {{> components/teaser/components/teaser_topline _css="!text-white" _text=this.topline}}
17
29
  {{/if}}
18
- {{> components/teaser/components/teaser_title _css="whitespace-pre-wrap" _text=this.title _size=this.realTeaserSize _teaserType=this.teaserType _isCopytext=_isCopytext}}
30
+ {{> components/teaser/components/teaser_title _css="whitespace-pre-wrap" _text=this.title _size=this.realTeaserSize _teaserType="poster" _isCopytext=_isCopytext}}
19
31
  {{#if this.extendedTitle}}
20
32
  {{> components/teaser/components/teaser_subline _text=this.extendedTitle}}
21
33
  {{/if}}
@@ -25,7 +37,7 @@
25
37
  <span class="absolute flex items-end justify-center w-full h-full ds-cta">
26
38
  {{#if _isCopytext~}}
27
39
  {{#if this.showFullSize.isTrue~}}
28
- {{#> components/button/link_button _link=this.link _size="lg" _css=(inline-switch this.showStretched.isTrue '[false,true]' '["z-20 mb-4 sm480:mb-7 md:mb-16","z-20 mb-4 sm480:mb-7 md:mb-5","z-20 mb-4 sm480:mb-7 md:mb-16"]') _variant="secondary" _isAriaHidden=true _onBackground=true}}
40
+ {{#> components/button/link_button _link=this.link _size="lg" _css=(inline-switch this.showStretched.isTrue '["false","true"]' '["z-20 mb-4 sm480:mb-7 md:mb-16","z-20 mb-4 sm480:mb-7 md:mb-5","z-20 mb-4 sm480:mb-7 md:mb-16"]') _variant="secondary" _isAriaHidden=true _onBackground=true}}
29
41
  {{> components/button/components/button_label _css="" _label=this.link.readMoreText.readMoreLong}}
30
42
  {{/components/button/link_button}}
31
43
  {{else}}
package/package.json CHANGED
@@ -6,7 +6,7 @@
6
6
  "license": "MIT",
7
7
  "main": "dist/index.js",
8
8
  "repository": "https://github.com/szuelch/hr-design-system-handlebars",
9
- "version": "1.53.0",
9
+ "version": "1.53.1",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
package/src/assets/css/custom-components.css CHANGED
@@ -298,5 +298,5 @@ article.indexText ul {
298
298
 
299
299
  /* -------------------------COPYTEXT ------------------------------- */
300
300
  a.link {
301
- @apply underline decoration-1 text-link dark:text-link-dark;
301
+ @apply underline decoration-1 hover:!decoration-1 text-link dark:text-link-dark;
302
302
  }
package/src/assets/fixtures/content/copytext/copytext_posterteaser.json CHANGED
@@ -14,7 +14,7 @@
14
14
  "paragraphTeaserItem": {
15
15
  "isStory": true,
16
16
  "toModel": {
17
- "genericTeaser": {
17
+ "baseTeaserDS": {
18
18
  "@->jsoninclude": "teaser/teasers.inc.json",
19
19
  "@->contentpath": "teaser.logicItem.includeModel",
20
20
  "@->extends": {
@@ -74,7 +74,7 @@
74
74
  "paragraphTeaserItem": {
75
75
  "isStory": true,
76
76
  "toModel": {
77
- "genericTeaser": {
77
+ "baseTeaserDS": {
78
78
  "@->jsoninclude": "teaser/teasers.inc.json",
79
79
  "@->contentpath": "teaser.logicItem.includeModel",
80
80
  "@->extends": {
@@ -134,7 +134,7 @@
134
134
  "paragraphTeaserItem": {
135
135
  "isStory": true,
136
136
  "toModel": {
137
- "genericTeaser": {
137
+ "baseTeaserDS": {
138
138
  "@->jsoninclude": "teaser/teasers.inc.json",
139
139
  "@->contentpath": "teaser.logicItem.includeModel",
140
140
  "@->extends": {
@@ -142,7 +142,7 @@
142
142
  "isTrue": true
143
143
  },
144
144
  "showStretched": {
145
- "isTrue": true
145
+ "isTrue": "true"
146
146
  }
147
147
  },
148
148
  "@->overrides": [
package/src/stories/views/components/content/copytext/components/podcastepisode.hbs CHANGED
@@ -1,11 +1,3 @@
1
- {{~#if (isStorybook)~}}
2
- <div class="mt-7 {{#if this.showFullSize.isTrue }}clear-both {{else}}sm:w-1/2 clear-both sm:float-left sm:mr-5{{/if}}">
3
- {{> components/teaser/podcast/podcast _isCopytext=true }}
4
- </div>
5
- {{~else~}}
6
- {{#if this.showFullSize.isTrue }}
7
- {{> modules/media/media_figure _addClass="copytext__clearBox dontPrint" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
8
- {{else}}
9
- {{> modules/media/media_figure _addClass="copytext__box dontPrint" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
10
- {{/if}}
11
- {{~/if~}}
1
+ <div class="mt-7 {{#if this.showFullSize.isTrue }}clear-both {{else}}sm:w-1/2 clear-both sm:float-left sm:mr-5{{/if}}">
2
+ {{> components/teaser/podcast/podcast _isCopytext=true }}
3
+ </div>
package/src/stories/views/components/content/copytext/components/posterteaser.hbs CHANGED
@@ -1,7 +1,3 @@
1
- {{~#if (isStorybook)~}}
2
- <div class="w-5/6 sm480:w-2/3 mx-auto {{#if this.showFullSize.isTrue }}clear-both pb-0 sm:pb-6 mt-7 sm:mt-12 {{else}}sm:w-1/2 clear-both sm:float-left my-7 sm:mr-5{{/if}}">
3
- {{> components/teaser/teaser_poster _isCopytext=true }}
4
- </div>
5
- {{~else~}}
6
- {{> modules/teaser/poster-teaser/posterTeaser-story}}
7
- {{~/if~}}
1
+ <div class="w-5/6 sm480:w-2/3 mx-auto {{#if this.showFullSize.isTrue }}clear-both pb-0 sm:pb-6 mt-7 sm:mt-12 {{else}}sm:w-1/2 clear-both sm:float-left my-7 sm:mr-5{{/if}}">
2
+ {{> components/teaser/teaser_poster _isCopytext=true }}
3
+ </div>
package/src/stories/views/components/content/copytext/copytext.hbs CHANGED
@@ -67,17 +67,17 @@
67
67
 
68
68
  {{~#with this.paragraphTeaserItem }}
69
69
  {{~#if this.isTopictag}}
70
- {{#with this.toModel.genericTeaser}}
70
+ {{#with this.toModel.baseTeaserDS}}
71
71
  {{> components/content/copytext/components/posterteaser }}
72
72
  {{/with}}
73
73
  {{/if~}}
74
74
  {{~#if this.isTicker}}
75
- {{#with this.toModel.genericTeaser}}
75
+ {{#with this.toModel.baseTeaserDS}}
76
76
  {{> components/content/copytext/components/posterteaser }}
77
77
  {{/with}}
78
78
  {{/if~}}
79
79
  {{~#if this.isLink}}
80
- {{#with this.toModel.genericTeaser}}
80
+ {{#with this.toModel.baseTeaserDS}}
81
81
  {{> components/content/copytext/components/posterteaser }}
82
82
  {{/with}}
83
83
  {{/if~}}
@@ -87,12 +87,12 @@
87
87
  {{/with}}
88
88
  {{/if~}}
89
89
  {{~#if this.isStory}}
90
- {{#with this.toModel.genericTeaser}}
90
+ {{#with this.toModel.baseTeaserDS}}
91
91
  {{> components/content/copytext/components/posterteaser }}
92
92
  {{/with}}
93
93
  {{/if~}}
94
94
  {{~#if this.isProgram}}
95
- {{#with this.toModel.genericTeaser}}
95
+ {{#with this.toModel.baseTeaserDS}}
96
96
  {{> components/content/copytext/components/posterteaser }}
97
97
  {{/with}}
98
98
  {{/if~}}
package/src/stories/views/components/content/copytext/fixtures/copytext_posterteaser.json CHANGED
@@ -1 +1 @@
1
- {"copytextParagraph":[{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isHeadline":true,"text":"Copytext mit Posterteaser"},{"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' -->","isParagraph":true,"paragraphTeaserItem":{"isStory":true,"toModel":{"genericTeaser":{"byline":"Byline","title":"Abgeschobene Geschwister aus Syrien zurück in Wolfhagen","topline":"Überglücklich, aber ohne Mama","headingFontVariant":"serif","extendedTitle":"","teaserType":"poster","teaserSize":"50","realTeaserSize":"50","isMobile1to1":false,"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/rueckkehr-nach-abschiebung-102_v-1to1__medium.jpg","sources":[{"sizes":"(min-width: 768px) 460px, (min-width: 640px) calc(100vw - 8.5rem), calc(100vw - 2.5rem)","srcset":"images/rueckkehr-nach-abschiebung-102_v-1to1__small.jpg 380w, images/rueckkehr-nach-abschiebung-102_v-1to1__medium.jpg 480w, images/rueckkehr-nach-abschiebung-102_v-1to1.jpg 720w, images/rueckkehr-nach-abschiebung-102_v-1to1__large.jpg 960w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":true,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":false,"isVideo":false,"isPodcast":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"moreThenOneEvent":false,"moreThenTwoEvents":false,"firstInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Do","day":"9"}},"lastInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Fr","day":"10"}},"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.","hideBylineAndShorttext":false,"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":"Zum Artikel"}},"showFullSize":{"isTrue":true}}}}},{"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' -->","isHeadline":true,"text":"Posterteaser halbe Breite"},{"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' -->","isParagraph":true,"paragraphTeaserItem":{"isStory":true,"toModel":{"genericTeaser":{"byline":"Byline","title":"Abgeschobene Geschwister aus Syrien zurück in Wolfhagen","topline":"Überglücklich, aber ohne Mama","headingFontVariant":"serif","extendedTitle":"","teaserType":"poster","teaserSize":"50","realTeaserSize":"50","isMobile1to1":false,"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/rueckkehr-nach-abschiebung-102_v-1to1__medium.jpg","sources":[{"sizes":"(min-width: 768px) 460px, (min-width: 640px) calc(100vw - 8.5rem), calc(100vw - 2.5rem)","srcset":"images/rueckkehr-nach-abschiebung-102_v-1to1__small.jpg 380w, images/rueckkehr-nach-abschiebung-102_v-1to1__medium.jpg 480w, images/rueckkehr-nach-abschiebung-102_v-1to1.jpg 720w, images/rueckkehr-nach-abschiebung-102_v-1to1__large.jpg 960w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":true,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":false,"isVideo":false,"isPodcast":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"moreThenOneEvent":false,"moreThenTwoEvents":false,"firstInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Do","day":"9"}},"lastInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Fr","day":"10"}},"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.","hideBylineAndShorttext":false,"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":"Zum Artikel"}},"showFullSize":{"isTrue":false}}}}},{"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' -->","isHeadline":true,"text":"Poster-Teaser 16:9"},{"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' -->","isParagraph":true,"paragraphTeaserItem":{"isStory":true,"toModel":{"genericTeaser":{"byline":"Byline","title":"Abgeschobene Geschwister aus Syrien zurück in Wolfhagen","topline":"Überglücklich, aber ohne Mama","headingFontVariant":"serif","extendedTitle":"","teaserType":"poster","teaserSize":"50","realTeaserSize":"50","isMobile1to1":false,"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/rueckkehr-nach-abschiebung-102_v-16to9__medium.jpg","sources":[{"media":"all and (min-width: 640px)","sizes":"100vw","srcset":"images/rueckkehr-nach-abschiebung-102_v-16to9__small.jpg 320w, images/rueckkehr-nach-abschiebung-102_v-16to9__medium.jpg 480w, images/rueckkehr-nach-abschiebung-102_v-16to9.jpg 992w, images/rueckkehr-nach-abschiebung-102_v-16to9__retina.jpg 1920w"},{"media":"all and (max-width: 639px)","sizes":"100vw","srcset":"images/rueckkehr-nach-abschiebung-102_v-1to1__small.jpg 320w, images/rueckkehr-nach-abschiebung-102_v-1to1__medium.jpg 480w, images/rueckkehr-nach-abschiebung-102_v-1to1__medium__extended.jpg 640w, images/rueckkehr-nach-abschiebung-102_v-1to1.jpg 960w, images/rueckkehr-nach-abschiebung-102_v-1to1__retina.jpg 1920w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":true,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":false,"isVideo":false,"isPodcast":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"moreThenOneEvent":false,"moreThenTwoEvents":false,"firstInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Do","day":"9"}},"lastInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Fr","day":"10"}},"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.","hideBylineAndShorttext":false,"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":"Zum Artikel"}},"showFullSize":{"isTrue":true},"showStretched":{"isTrue":true}}}}},{"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."}]}}]}
1
+ {"copytextParagraph":[{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isHeadline":true,"text":"Copytext mit Posterteaser"},{"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' -->","isParagraph":true,"paragraphTeaserItem":{"isStory":true,"toModel":{"baseTeaserDS":{"byline":"Byline","title":"Abgeschobene Geschwister aus Syrien zurück in Wolfhagen","topline":"Überglücklich, aber ohne Mama","headingFontVariant":"serif","extendedTitle":"","teaserType":"poster","teaserSize":"50","realTeaserSize":"50","isMobile1to1":false,"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/rueckkehr-nach-abschiebung-102_v-1to1__medium.jpg","sources":[{"sizes":"(min-width: 768px) 460px, (min-width: 640px) calc(100vw - 8.5rem), calc(100vw - 2.5rem)","srcset":"images/rueckkehr-nach-abschiebung-102_v-1to1__small.jpg 380w, images/rueckkehr-nach-abschiebung-102_v-1to1__medium.jpg 480w, images/rueckkehr-nach-abschiebung-102_v-1to1.jpg 720w, images/rueckkehr-nach-abschiebung-102_v-1to1__large.jpg 960w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":true,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":false,"isVideo":false,"isPodcast":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"moreThenOneEvent":false,"moreThenTwoEvents":false,"firstInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Do","day":"9"}},"lastInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Fr","day":"10"}},"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.","hideBylineAndShorttext":false,"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":"Zum Artikel"}},"showFullSize":{"isTrue":true}}}}},{"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' -->","isHeadline":true,"text":"Posterteaser halbe Breite"},{"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' -->","isParagraph":true,"paragraphTeaserItem":{"isStory":true,"toModel":{"baseTeaserDS":{"byline":"Byline","title":"Abgeschobene Geschwister aus Syrien zurück in Wolfhagen","topline":"Überglücklich, aber ohne Mama","headingFontVariant":"serif","extendedTitle":"","teaserType":"poster","teaserSize":"50","realTeaserSize":"50","isMobile1to1":false,"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/rueckkehr-nach-abschiebung-102_v-1to1__medium.jpg","sources":[{"sizes":"(min-width: 768px) 460px, (min-width: 640px) calc(100vw - 8.5rem), calc(100vw - 2.5rem)","srcset":"images/rueckkehr-nach-abschiebung-102_v-1to1__small.jpg 380w, images/rueckkehr-nach-abschiebung-102_v-1to1__medium.jpg 480w, images/rueckkehr-nach-abschiebung-102_v-1to1.jpg 720w, images/rueckkehr-nach-abschiebung-102_v-1to1__large.jpg 960w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":true,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":false,"isVideo":false,"isPodcast":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"moreThenOneEvent":false,"moreThenTwoEvents":false,"firstInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Do","day":"9"}},"lastInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Fr","day":"10"}},"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.","hideBylineAndShorttext":false,"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":"Zum Artikel"}},"showFullSize":{"isTrue":false}}}}},{"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' -->","isHeadline":true,"text":"Poster-Teaser 16:9"},{"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' -->","isParagraph":true,"paragraphTeaserItem":{"isStory":true,"toModel":{"baseTeaserDS":{"byline":"Byline","title":"Abgeschobene Geschwister aus Syrien zurück in Wolfhagen","topline":"Überglücklich, aber ohne Mama","headingFontVariant":"serif","extendedTitle":"","teaserType":"poster","teaserSize":"50","realTeaserSize":"50","isMobile1to1":false,"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/rueckkehr-nach-abschiebung-102_v-16to9__medium.jpg","sources":[{"media":"all and (min-width: 640px)","sizes":"100vw","srcset":"images/rueckkehr-nach-abschiebung-102_v-16to9__small.jpg 320w, images/rueckkehr-nach-abschiebung-102_v-16to9__medium.jpg 480w, images/rueckkehr-nach-abschiebung-102_v-16to9.jpg 992w, images/rueckkehr-nach-abschiebung-102_v-16to9__retina.jpg 1920w"},{"media":"all and (max-width: 639px)","sizes":"100vw","srcset":"images/rueckkehr-nach-abschiebung-102_v-1to1__small.jpg 320w, images/rueckkehr-nach-abschiebung-102_v-1to1__medium.jpg 480w, images/rueckkehr-nach-abschiebung-102_v-1to1__medium__extended.jpg 640w, images/rueckkehr-nach-abschiebung-102_v-1to1.jpg 960w, images/rueckkehr-nach-abschiebung-102_v-1to1__retina.jpg 1920w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":true,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":false,"isVideo":false,"isPodcast":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"moreThenOneEvent":false,"moreThenTwoEvents":false,"firstInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Do","day":"9"}},"lastInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Fr","day":"10"}},"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.","hideBylineAndShorttext":false,"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":"Zum Artikel"}},"showFullSize":{"isTrue":true},"showStretched":{"isTrue":"true"}}}}},{"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/teaser/teaser_poster.hbs CHANGED
@@ -1,7 +1,19 @@
1
1
  <article class="{{#if _isCopytext~}}mx-0{{else}}mx-5 sm:mx-0{{/if}} relative col-span-12 flex gap-y-5 gap-x-4 {{inline-switch this.teaserSize '["33","50"]' '["md:col-span-4 flex-col","md:col-span-6 flex-col","flex-col"]'}} ">
2
2
  <figure class="ar-1-1{{#if _isCopytext~}}{{#if this.showFullSize.isTrue }}{{#if this.showStretched.isTrue }} sm:ar-16-9{{/if}}{{/if}}{{/if}}" aria-hidden="true">
3
- {{~> components/base/image/responsive_image this.teaserImage _type=this.teaserType _variant=this.content.imageVariant _noDelay=../_noDelay _addClassImg="ar__content rounded-tl-hr rounded-br-hr" ~}}
4
- </figure>
3
+ {{#if _isCopytext~}}
4
+ {{#if this.showFullSize.isTrue }}
5
+ {{#if this.showStretched.isTrue }}
6
+ {{~> components/base/image/responsive_image this.teaserImage _type="poster_wide" _variant="default" _noDelay=../_noDelay _addClassImg="ar__content rounded-tl-hr rounded-br-hr" ~}}
7
+ {{else}}
8
+ {{~> components/base/image/responsive_image this.teaserImage _type="poster" _variant="50" _noDelay=../_noDelay _addClassImg="ar__content rounded-tl-hr rounded-br-hr" ~}}
9
+ {{/if}}
10
+ {{else}}
11
+ {{~> components/base/image/responsive_image this.teaserImage _type="poster" _variant="50" _noDelay=../_noDelay _addClassImg="ar__content rounded-tl-hr rounded-br-hr" ~}}
12
+ {{/if}}
13
+ {{else}}
14
+ {{~> components/base/image/responsive_image this.teaserImage _type=this.teaserType _variant=this.content.imageVariant _noDelay=../_noDelay _addClassImg="ar__content rounded-tl-hr rounded-br-hr" ~}}
15
+ {{/if}}
16
+ </figure>
5
17
  <div class="absolute flex flex-col justify-center w-full h-full bg-gradient-to-t from-black rounded-tl-hr rounded-br-hr">
6
18
  {{#>components/base/link _link=this.link _css="ds-teaser-focus flex items-center flex-col before:rounded-tl-hr before:rounded-br-hr hover:text-toplineColor"}}
7
19
  {{#> components/teaser/components/teaser_header}}
@@ -15,7 +27,7 @@
15
27
  {{#if this.topline}}
16
28
  {{> components/teaser/components/teaser_topline _css="!text-white" _text=this.topline}}
17
29
  {{/if}}
18
- {{> components/teaser/components/teaser_title _css="whitespace-pre-wrap" _text=this.title _size=this.realTeaserSize _teaserType=this.teaserType _isCopytext=_isCopytext}}
30
+ {{> components/teaser/components/teaser_title _css="whitespace-pre-wrap" _text=this.title _size=this.realTeaserSize _teaserType="poster" _isCopytext=_isCopytext-adjust_context}}
19
31
  {{#if this.extendedTitle}}
20
32
  {{> components/teaser/components/teaser_subline _text=this.extendedTitle}}
21
33
  {{/if}}
@@ -25,7 +37,7 @@
25
37
  <span class="absolute flex items-end justify-center w-full h-full ds-cta">
26
38
  {{#if _isCopytext~}}
27
39
  {{#if this.showFullSize.isTrue~}}
28
- {{#> components/button/link_button _link=this.link _size="lg" _css=(inline-switch this.showStretched.isTrue '[false,true]' '["z-20 mb-4 sm480:mb-7 md:mb-16","z-20 mb-4 sm480:mb-7 md:mb-5","z-20 mb-4 sm480:mb-7 md:mb-16"]') _variant="secondary" _isAriaHidden=true _onBackground=true}}
40
+ {{#> components/button/link_button _link=this.link _size="lg" _css=(inline-switch this.showStretched.isTrue '["false","true"]' '["z-20 mb-4 sm480:mb-7 md:mb-16","z-20 mb-4 sm480:mb-7 md:mb-5","z-20 mb-4 sm480:mb-7 md:mb-16"]') _variant="secondary" _isAriaHidden=true _onBackground=true}}
29
41
  {{> components/button/components/button_label _css="" _label=this.link.readMoreText.readMoreLong}}
30
42
  {{/components/button/link_button}}
31
43
  {{else}}