hr-design-system-handlebars 1.57.5 → 1.57.7
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.
- package/CHANGELOG.md +24 -0
- package/dist/assets/index.css +6 -3
- package/dist/views/components/content/copytext/components/downloadbox/downloadbox_item.hbs +1 -1
- package/dist/views/components/content/copytext/components/image/figcaption.hbs +6 -3
- package/dist/views/components/content/copytext/components/image/image.hbs +2 -0
- package/dist/views/components/content/copytext/components/infobox.hbs +36 -15
- package/dist/views/components/teaser/podcast/podcast.hbs +1 -1
- package/dist/views_static/components/content/copytext/components/downloadbox/downloadbox_item.hbs +1 -1
- package/dist/views_static/components/content/copytext/components/image/figcaption.hbs +6 -3
- package/dist/views_static/components/content/copytext/components/image/image.hbs +2 -0
- package/dist/views_static/components/content/copytext/components/infobox.hbs +36 -15
- package/dist/views_static/components/teaser/podcast/podcast.hbs +1 -1
- package/package.json +1 -1
- package/src/stories/views/components/content/copytext/components/downloadbox/downloadbox_item.hbs +1 -1
- package/src/stories/views/components/content/copytext/components/image/figcaption.hbs +6 -3
- package/src/stories/views/components/content/copytext/components/image/image.hbs +2 -0
- package/src/stories/views/components/content/copytext/components/infobox.hbs +36 -15
- package/src/stories/views/components/teaser/podcast/podcast.hbs +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,27 @@
|
|
|
1
|
+
# v1.57.7 (Tue Feb 13 2024)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- copytext bugfixes 2 [#842](https://github.com/mumprod/hr-design-system-handlebars/pull/842) ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v1.57.6 (Mon Feb 12 2024)
|
|
14
|
+
|
|
15
|
+
#### 🐛 Bug Fix
|
|
16
|
+
|
|
17
|
+
- copytext bugfixes 1 [#841](https://github.com/mumprod/hr-design-system-handlebars/pull/841) ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
18
|
+
|
|
19
|
+
#### Authors: 1
|
|
20
|
+
|
|
21
|
+
- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
1
25
|
# v1.57.5 (Fri Feb 09 2024)
|
|
2
26
|
|
|
3
27
|
#### 🐛 Bug Fix
|
package/dist/assets/index.css
CHANGED
|
@@ -1302,6 +1302,9 @@ a.link:hover {
|
|
|
1302
1302
|
.\!mb-0 {
|
|
1303
1303
|
margin-bottom: 0px !important;
|
|
1304
1304
|
}
|
|
1305
|
+
.\!mt-0 {
|
|
1306
|
+
margin-top: 0px !important;
|
|
1307
|
+
}
|
|
1305
1308
|
.\!mt-4 {
|
|
1306
1309
|
margin-top: 1rem !important;
|
|
1307
1310
|
}
|
|
@@ -3305,7 +3308,7 @@ a.link:hover {
|
|
|
3305
3308
|
border-bottom-color: var(--color-secondary-ds);
|
|
3306
3309
|
}
|
|
3307
3310
|
.counter-reset {
|
|
3308
|
-
counter-reset:
|
|
3311
|
+
counter-reset: cnt1707819558461;
|
|
3309
3312
|
}
|
|
3310
3313
|
.hyphens-auto {
|
|
3311
3314
|
-webkit-hyphens: auto;
|
|
@@ -3607,7 +3610,7 @@ a.link:hover {
|
|
|
3607
3610
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
3608
3611
|
}
|
|
3609
3612
|
.-ordered {
|
|
3610
|
-
counter-increment:
|
|
3613
|
+
counter-increment: cnt1707819558461 1;
|
|
3611
3614
|
}
|
|
3612
3615
|
.-ordered::before {
|
|
3613
3616
|
position: absolute;
|
|
@@ -3623,7 +3626,7 @@ a.link:hover {
|
|
|
3623
3626
|
letter-spacing: .0125em;
|
|
3624
3627
|
--tw-text-opacity: 1;
|
|
3625
3628
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
3626
|
-
content: counter(
|
|
3629
|
+
content: counter(cnt1707819558461);
|
|
3627
3630
|
}
|
|
3628
3631
|
/*! ****************************/
|
|
3629
3632
|
/*! DataPolicy stuff */
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<li class="mt-3">
|
|
2
|
-
<a class="link js-load" href="{{this.url}}" {{#with this.content.trackingData}}
|
|
2
|
+
<a class="link js-load ds-link" href="{{this.url}}" {{#with this.content.trackingData}}
|
|
3
3
|
data-hr-click-tracking='{"settings": [{"type": "download", "secondLevelId": "{{this.secondLevelId}}", "clickLabel": "{{this.pageName}}"}]}'{{/with}}>
|
|
4
4
|
{{~#with this.downloadBoxMetadata ~}}
|
|
5
5
|
<span class="text-base sm480:text-lg">{{{this.title}}}</span>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<figcaption class="flex items-start mx-4 mt-3 text-xs sm480:mx-0 sm480:mt-4 sm480:text-sm font-
|
|
1
|
+
<figcaption class="flex items-start mx-4 mt-3 text-xs sm480:mx-0 sm480:mt-4 sm480:text-sm font-headingSerif {{_cssClassCaption}}"
|
|
2
2
|
x-data="{
|
|
3
3
|
open: false,
|
|
4
4
|
truncated: true,
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
{{#if this.showFullSize.isTrue}} :class="!open ? 'line-clamp-2 md:line-clamp-none' : 'line-clamp-none'" {{else}} :class="!open ? 'line-clamp-2' : 'line-clamp-none'" {{/if}}>
|
|
16
16
|
{{#if this.caption}}
|
|
17
17
|
{{~#unless _hideCaption~}}
|
|
18
|
-
<span>
|
|
18
|
+
<span class="pr-3">
|
|
19
19
|
{{this.caption}}
|
|
20
20
|
</span>
|
|
21
21
|
{{~/unless~}}
|
|
@@ -25,7 +25,10 @@
|
|
|
25
25
|
</span>
|
|
26
26
|
</div>
|
|
27
27
|
<template x-if="truncated">
|
|
28
|
-
<button x-cloak
|
|
28
|
+
<button x-cloak
|
|
29
|
+
type="button"
|
|
30
|
+
x-effect="$el.setAttribute('aria-label', open ? 'Bildunterschrift schließen' : 'Bildunterschrift öffnen');$el.setAttribute('aria-expanded', open ? 'true' : 'false')"
|
|
31
|
+
>
|
|
29
32
|
<span x-show="!open" @click.prevent="open = true">{{~> components/base/image/icon _icon="arrow-down" _addClass="m-2 mt-4.5 sm480:mt-5.5 h-3 w-3 fill-link dark:fill-link-dark" _iconmap="icons"~}}</span>
|
|
30
33
|
<span x-show="open" @click.prevent="open = false">{{~> components/base/image/icon _icon="arrow-up" _addClass="m-2 mt-4.5 sm480:mt-5.5 h-3 w-3 fill-link dark:fill-link-dark" _iconmap="icons"~}}</span>
|
|
31
34
|
</button>
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
{{#if this.showPortrait.isTrue }}
|
|
2
2
|
{{#if this.showFullSize.isTrue }}
|
|
3
3
|
{{> components/content/copytext/components/image/figure
|
|
4
|
+
_cssClass="clear-both"
|
|
4
5
|
_type="story"
|
|
5
6
|
_variant="100-copytext-portrait"
|
|
6
7
|
_noAr="true"
|
|
@@ -16,6 +17,7 @@
|
|
|
16
17
|
{{else}}
|
|
17
18
|
{{#if this.showFullSize.isTrue}}
|
|
18
19
|
{{> components/content/copytext/components/image/figure
|
|
20
|
+
_cssClass="clear-both"
|
|
19
21
|
_type="story"
|
|
20
22
|
_variant="100-copytext"
|
|
21
23
|
_pictureAddClass="ar-16-9"
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
{{#>components/content/copytext/components/common/paragraphbox_frame _showFullsize=this.paragraphProperties.[0].showFullSize}}
|
|
2
2
|
|
|
3
3
|
<span class="sr-only">{{loca "story_infobox_intro_sr" }}</span>
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
|
|
5
|
+
{{~#if this.paragraphProperties.[0].title}}
|
|
6
|
+
<h3 class="text-lg -mt-[4px] sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.paragraphProperties.[0].title}}</h3>
|
|
7
|
+
{{/if}}
|
|
6
8
|
|
|
7
9
|
{{~#with this.paragraphBoxItem }}
|
|
8
10
|
{{~#if this.isImage}}
|
|
@@ -12,20 +14,39 @@
|
|
|
12
14
|
{{/unless}}
|
|
13
15
|
{{/if}}
|
|
14
16
|
{{#if this.showPortrait.isTrue }}
|
|
15
|
-
{{
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
17
|
+
{{~#if ../this.paragraphProperties.[0].title}}
|
|
18
|
+
{{> components/content/copytext/components/image/figure
|
|
19
|
+
_cssClass="!mt-5 !mb-0 !mx-0"
|
|
20
|
+
_type="story"
|
|
21
|
+
_variant="copytext-portrait"
|
|
22
|
+
_noAr="true"
|
|
23
|
+
_isWebview=../../_isWebview}}
|
|
24
|
+
{{else}}
|
|
25
|
+
{{> components/content/copytext/components/image/figure
|
|
26
|
+
_cssClass="!mt-0 !mb-0 !mx-0"
|
|
27
|
+
_type="story"
|
|
28
|
+
_variant="copytext-portrait"
|
|
29
|
+
_noAr="true"
|
|
30
|
+
_isWebview=../../_isWebview}}
|
|
31
|
+
{{/if}}
|
|
21
32
|
{{else}}
|
|
22
|
-
{{
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
33
|
+
{{~#if ../this.paragraphProperties.[0].title}}
|
|
34
|
+
{{> components/content/copytext/components/image/figure
|
|
35
|
+
_cssClass="!mt-5 !mb-0 !mx-0"
|
|
36
|
+
_cssClassCaption="!mx-0"
|
|
37
|
+
_type="story"
|
|
38
|
+
_variant="100-copytext"
|
|
39
|
+
_pictureAddClass="ar-16-9"
|
|
40
|
+
_isWebview=../../_isWebview}}
|
|
41
|
+
{{else}}
|
|
42
|
+
{{> components/content/copytext/components/image/figure
|
|
43
|
+
_cssClass="!mt-0 !mb-0 !mx-0"
|
|
44
|
+
_cssClassCaption="!mx-0"
|
|
45
|
+
_type="story"
|
|
46
|
+
_variant="100-copytext"
|
|
47
|
+
_pictureAddClass="ar-16-9"
|
|
48
|
+
_isWebview=../../_isWebview}}
|
|
49
|
+
{{/if}}
|
|
29
50
|
{{/if}}
|
|
30
51
|
{{#if ../paragraphProperties.[0].showFullSize }}
|
|
31
52
|
{{#unless this.showFullSize.isTrue }}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<div class="relative grid flex-col col-span-12 {{#unless _isCopytext}}mx-5 {{/unless}}sm:mx-0 gap-y-6 gap-x-4 bg-highlight-1 rounded-tl-hr rounded-br-hr{{inline-switch this.teaserSize '["50"]' '[" md:col-span-6",""]'}}" >
|
|
1
|
+
<div class="relative grid flex-col col-span-12 {{#unless _isCopytext}}mx-5 {{/unless}}sm:mx-0 gap-y-6 gap-x-4 bg-highlight-1 dark:bg-highlight-1-dark rounded-tl-hr rounded-br-hr{{inline-switch this.teaserSize '["50"]' '[" md:col-span-6",""]'}}" >
|
|
2
2
|
{{> components/podcast/podcast_player _linkTitle="true" _isSinglePage=true _type="podcastEpisodePlayerTeaser" }}
|
|
3
3
|
</div>
|
package/dist/views_static/components/content/copytext/components/downloadbox/downloadbox_item.hbs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<li class="mt-3">
|
|
2
|
-
<a class="link js-load" href="{{this.url}}" {{#with this.content.trackingData}}
|
|
2
|
+
<a class="link js-load ds-link" href="{{this.url}}" {{#with this.content.trackingData}}
|
|
3
3
|
data-hr-click-tracking='{"settings": [{"type": "download", "secondLevelId": "{{this.secondLevelId}}", "clickLabel": "{{this.pageName}}"}]}'{{/with}}>
|
|
4
4
|
{{~#with this.downloadBoxMetadata ~}}
|
|
5
5
|
<span class="text-base sm480:text-lg">{{{this.title}}}</span>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<figcaption class="flex items-start mx-4 mt-3 text-xs sm480:mx-0 sm480:mt-4 sm480:text-sm font-
|
|
1
|
+
<figcaption class="flex items-start mx-4 mt-3 text-xs sm480:mx-0 sm480:mt-4 sm480:text-sm font-headingSerif {{_cssClassCaption}}"
|
|
2
2
|
x-data="{
|
|
3
3
|
open: false,
|
|
4
4
|
truncated: true,
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
{{#if this.showFullSize.isTrue}} :class="!open ? 'line-clamp-2 md:line-clamp-none' : 'line-clamp-none'" {{else}} :class="!open ? 'line-clamp-2' : 'line-clamp-none'" {{/if}}>
|
|
16
16
|
{{#if this.caption}}
|
|
17
17
|
{{~#unless _hideCaption~}}
|
|
18
|
-
<span>
|
|
18
|
+
<span class="pr-3">
|
|
19
19
|
{{this.caption}}
|
|
20
20
|
</span>
|
|
21
21
|
{{~/unless~}}
|
|
@@ -25,7 +25,10 @@
|
|
|
25
25
|
</span>
|
|
26
26
|
</div>
|
|
27
27
|
<template x-if="truncated">
|
|
28
|
-
<button x-cloak
|
|
28
|
+
<button x-cloak
|
|
29
|
+
type="button"
|
|
30
|
+
x-effect="$el.setAttribute('aria-label', open ? 'Bildunterschrift schließen' : 'Bildunterschrift öffnen');$el.setAttribute('aria-expanded', open ? 'true' : 'false')"
|
|
31
|
+
>
|
|
29
32
|
<span x-show="!open" @click.prevent="open = true">{{~> components/base/image/icon _icon="arrow-down" _addClass="m-2 mt-4.5 sm480:mt-5.5 h-3 w-3 fill-link dark:fill-link-dark" _iconmap="icons"~}}</span>
|
|
30
33
|
<span x-show="open" @click.prevent="open = false">{{~> components/base/image/icon _icon="arrow-up" _addClass="m-2 mt-4.5 sm480:mt-5.5 h-3 w-3 fill-link dark:fill-link-dark" _iconmap="icons"~}}</span>
|
|
31
34
|
</button>
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
{{#if this.showPortrait.isTrue }}
|
|
2
2
|
{{#if this.showFullSize.isTrue }}
|
|
3
3
|
{{> components/content/copytext/components/image/figure
|
|
4
|
+
_cssClass="clear-both"
|
|
4
5
|
_type="story"
|
|
5
6
|
_variant="100-copytext-portrait"
|
|
6
7
|
_noAr="true"
|
|
@@ -16,6 +17,7 @@
|
|
|
16
17
|
{{else}}
|
|
17
18
|
{{#if this.showFullSize.isTrue}}
|
|
18
19
|
{{> components/content/copytext/components/image/figure
|
|
20
|
+
_cssClass="clear-both"
|
|
19
21
|
_type="story"
|
|
20
22
|
_variant="100-copytext"
|
|
21
23
|
_pictureAddClass="ar-16-9"
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
{{#>components/content/copytext/components/common/paragraphbox_frame _showFullsize=this.paragraphProperties.[0].showFullSize}}
|
|
2
2
|
|
|
3
3
|
<span class="sr-only">{{loca "story_infobox_intro_sr" }}</span>
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
|
|
5
|
+
{{~#if this.paragraphProperties.[0].title}}
|
|
6
|
+
<h3 class="text-lg -mt-[4px] sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.paragraphProperties.[0].title}}</h3>
|
|
7
|
+
{{/if}}
|
|
6
8
|
|
|
7
9
|
{{~#with this.paragraphBoxItem }}
|
|
8
10
|
{{~#if this.isImage}}
|
|
@@ -12,20 +14,39 @@
|
|
|
12
14
|
{{/unless}}
|
|
13
15
|
{{/if}}
|
|
14
16
|
{{#if this.showPortrait.isTrue }}
|
|
15
|
-
{{
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
17
|
+
{{~#if ../this.paragraphProperties.[0].title}}
|
|
18
|
+
{{> components/content/copytext/components/image/figure
|
|
19
|
+
_cssClass="!mt-5 !mb-0 !mx-0"
|
|
20
|
+
_type="story"
|
|
21
|
+
_variant="copytext-portrait"
|
|
22
|
+
_noAr="true"
|
|
23
|
+
_isWebview=../../_isWebview}}
|
|
24
|
+
{{else}}
|
|
25
|
+
{{> components/content/copytext/components/image/figure
|
|
26
|
+
_cssClass="!mt-0 !mb-0 !mx-0"
|
|
27
|
+
_type="story"
|
|
28
|
+
_variant="copytext-portrait"
|
|
29
|
+
_noAr="true"
|
|
30
|
+
_isWebview=../../_isWebview}}
|
|
31
|
+
{{/if}}
|
|
21
32
|
{{else}}
|
|
22
|
-
{{
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
33
|
+
{{~#if ../this.paragraphProperties.[0].title}}
|
|
34
|
+
{{> components/content/copytext/components/image/figure
|
|
35
|
+
_cssClass="!mt-5 !mb-0 !mx-0"
|
|
36
|
+
_cssClassCaption="!mx-0"
|
|
37
|
+
_type="story"
|
|
38
|
+
_variant="100-copytext"
|
|
39
|
+
_pictureAddClass="ar-16-9"
|
|
40
|
+
_isWebview=../../_isWebview}}
|
|
41
|
+
{{else}}
|
|
42
|
+
{{> components/content/copytext/components/image/figure
|
|
43
|
+
_cssClass="!mt-0 !mb-0 !mx-0"
|
|
44
|
+
_cssClassCaption="!mx-0"
|
|
45
|
+
_type="story"
|
|
46
|
+
_variant="100-copytext"
|
|
47
|
+
_pictureAddClass="ar-16-9"
|
|
48
|
+
_isWebview=../../_isWebview}}
|
|
49
|
+
{{/if}}
|
|
29
50
|
{{/if}}
|
|
30
51
|
{{#if ../paragraphProperties.[0].showFullSize }}
|
|
31
52
|
{{#unless this.showFullSize.isTrue }}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<div class="relative grid flex-col col-span-12 {{#unless _isCopytext}}mx-5 {{/unless}}sm:mx-0 gap-y-6 gap-x-4 bg-highlight-1 rounded-tl-hr rounded-br-hr{{inline-switch this.teaserSize '["50"]' '[" md:col-span-6",""]'}}" >
|
|
1
|
+
<div class="relative grid flex-col col-span-12 {{#unless _isCopytext}}mx-5 {{/unless}}sm:mx-0 gap-y-6 gap-x-4 bg-highlight-1 dark:bg-highlight-1-dark rounded-tl-hr rounded-br-hr{{inline-switch this.teaserSize '["50"]' '[" md:col-span-6",""]'}}" >
|
|
2
2
|
{{> components/podcast/podcast_player _linkTitle="true" _isSinglePage=true _type="podcastEpisodePlayerTeaser" }}
|
|
3
3
|
</div>
|
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.57.
|
|
9
|
+
"version": "1.57.7",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
package/src/stories/views/components/content/copytext/components/downloadbox/downloadbox_item.hbs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<li class="mt-3">
|
|
2
|
-
<a class="link js-load" href="{{this.url}}" {{#with this.content.trackingData}}
|
|
2
|
+
<a class="link js-load ds-link" href="{{this.url}}" {{#with this.content.trackingData}}
|
|
3
3
|
data-hr-click-tracking='{"settings": [{"type": "download", "secondLevelId": "{{this.secondLevelId}}", "clickLabel": "{{this.pageName}}"}]}'{{/with}}>
|
|
4
4
|
{{~#with this.downloadBoxMetadata ~}}
|
|
5
5
|
<span class="text-base sm480:text-lg">{{{this.title}}}</span>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<figcaption class="flex items-start mx-4 mt-3 text-xs sm480:mx-0 sm480:mt-4 sm480:text-sm font-
|
|
1
|
+
<figcaption class="flex items-start mx-4 mt-3 text-xs sm480:mx-0 sm480:mt-4 sm480:text-sm font-headingSerif {{_cssClassCaption}}"
|
|
2
2
|
x-data="{
|
|
3
3
|
open: false,
|
|
4
4
|
truncated: true,
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
{{#if this.showFullSize.isTrue}} :class="!open ? 'line-clamp-2 md:line-clamp-none' : 'line-clamp-none'" {{else}} :class="!open ? 'line-clamp-2' : 'line-clamp-none'" {{/if}}>
|
|
16
16
|
{{#if this.caption}}
|
|
17
17
|
{{~#unless _hideCaption~}}
|
|
18
|
-
<span>
|
|
18
|
+
<span class="pr-3">
|
|
19
19
|
{{this.caption}}
|
|
20
20
|
</span>
|
|
21
21
|
{{~/unless~}}
|
|
@@ -25,7 +25,10 @@
|
|
|
25
25
|
</span>
|
|
26
26
|
</div>
|
|
27
27
|
<template x-if="truncated">
|
|
28
|
-
<button x-cloak
|
|
28
|
+
<button x-cloak
|
|
29
|
+
type="button"
|
|
30
|
+
x-effect="$el.setAttribute('aria-label', open ? 'Bildunterschrift schließen' : 'Bildunterschrift öffnen');$el.setAttribute('aria-expanded', open ? 'true' : 'false')"
|
|
31
|
+
>
|
|
29
32
|
<span x-show="!open" @click.prevent="open = true">{{~> components/base/image/icon _icon="arrow-down" _addClass="m-2 mt-4.5 sm480:mt-5.5 h-3 w-3 fill-link dark:fill-link-dark" _iconmap="icons"~}}</span>
|
|
30
33
|
<span x-show="open" @click.prevent="open = false">{{~> components/base/image/icon _icon="arrow-up" _addClass="m-2 mt-4.5 sm480:mt-5.5 h-3 w-3 fill-link dark:fill-link-dark" _iconmap="icons"~}}</span>
|
|
31
34
|
</button>
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
{{#if this.showPortrait.isTrue }}
|
|
2
2
|
{{#if this.showFullSize.isTrue }}
|
|
3
3
|
{{> components/content/copytext/components/image/figure
|
|
4
|
+
_cssClass="clear-both"
|
|
4
5
|
_type="story"
|
|
5
6
|
_variant="100-copytext-portrait"
|
|
6
7
|
_noAr="true"
|
|
@@ -16,6 +17,7 @@
|
|
|
16
17
|
{{else}}
|
|
17
18
|
{{#if this.showFullSize.isTrue}}
|
|
18
19
|
{{> components/content/copytext/components/image/figure
|
|
20
|
+
_cssClass="clear-both"
|
|
19
21
|
_type="story"
|
|
20
22
|
_variant="100-copytext"
|
|
21
23
|
_pictureAddClass="ar-16-9"
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
{{#>components/content/copytext/components/common/paragraphbox_frame _showFullsize=this.paragraphProperties.[0].showFullSize}}
|
|
2
2
|
|
|
3
3
|
<span class="sr-only">{{loca "story_infobox_intro_sr" }}</span>
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
|
|
5
|
+
{{~#if this.paragraphProperties.[0].title}}
|
|
6
|
+
<h3 class="text-lg -mt-[4px] sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.paragraphProperties.[0].title}}</h3>
|
|
7
|
+
{{/if}}
|
|
6
8
|
|
|
7
9
|
{{~#with this.paragraphBoxItem }}
|
|
8
10
|
{{~#if this.isImage}}
|
|
@@ -12,20 +14,39 @@
|
|
|
12
14
|
{{/unless}}
|
|
13
15
|
{{/if}}
|
|
14
16
|
{{#if this.showPortrait.isTrue }}
|
|
15
|
-
{{
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
17
|
+
{{~#if ../this.paragraphProperties.[0].title}}
|
|
18
|
+
{{> components/content/copytext/components/image/figure
|
|
19
|
+
_cssClass="!mt-5 !mb-0 !mx-0"
|
|
20
|
+
_type="story"
|
|
21
|
+
_variant="copytext-portrait"
|
|
22
|
+
_noAr="true"
|
|
23
|
+
_isWebview=../../_isWebview}}
|
|
24
|
+
{{else}}
|
|
25
|
+
{{> components/content/copytext/components/image/figure
|
|
26
|
+
_cssClass="!mt-0 !mb-0 !mx-0"
|
|
27
|
+
_type="story"
|
|
28
|
+
_variant="copytext-portrait"
|
|
29
|
+
_noAr="true"
|
|
30
|
+
_isWebview=../../_isWebview}}
|
|
31
|
+
{{/if}}
|
|
21
32
|
{{else}}
|
|
22
|
-
{{
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
33
|
+
{{~#if ../this.paragraphProperties.[0].title}}
|
|
34
|
+
{{> components/content/copytext/components/image/figure
|
|
35
|
+
_cssClass="!mt-5 !mb-0 !mx-0"
|
|
36
|
+
_cssClassCaption="!mx-0"
|
|
37
|
+
_type="story"
|
|
38
|
+
_variant="100-copytext"
|
|
39
|
+
_pictureAddClass="ar-16-9"
|
|
40
|
+
_isWebview=../../_isWebview}}
|
|
41
|
+
{{else}}
|
|
42
|
+
{{> components/content/copytext/components/image/figure
|
|
43
|
+
_cssClass="!mt-0 !mb-0 !mx-0"
|
|
44
|
+
_cssClassCaption="!mx-0"
|
|
45
|
+
_type="story"
|
|
46
|
+
_variant="100-copytext"
|
|
47
|
+
_pictureAddClass="ar-16-9"
|
|
48
|
+
_isWebview=../../_isWebview}}
|
|
49
|
+
{{/if}}
|
|
29
50
|
{{/if}}
|
|
30
51
|
{{#if ../paragraphProperties.[0].showFullSize }}
|
|
31
52
|
{{#unless this.showFullSize.isTrue }}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<div class="relative grid flex-col col-span-12 {{#unless _isCopytext}}mx-5 {{/unless}}sm:mx-0 gap-y-6 gap-x-4 bg-highlight-1 rounded-tl-hr rounded-br-hr{{inline-switch this.teaserSize '["50"]' '[" md:col-span-6",""]'}}" >
|
|
1
|
+
<div class="relative grid flex-col col-span-12 {{#unless _isCopytext}}mx-5 {{/unless}}sm:mx-0 gap-y-6 gap-x-4 bg-highlight-1 dark:bg-highlight-1-dark rounded-tl-hr rounded-br-hr{{inline-switch this.teaserSize '["50"]' '[" md:col-span-6",""]'}}" >
|
|
2
2
|
{{> components/podcast/podcast_player _linkTitle="true" _isSinglePage=true _type="podcastEpisodePlayerTeaser" }}
|
|
3
3
|
</div>
|