hr-design-system-handlebars 1.52.2 → 1.52.4
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 +4 -4
- package/dist/views/components/content/copytext/components/podcastepisode.hbs +3 -1
- package/dist/views/components/podcast/components/podcast_title.hbs +1 -1
- package/dist/views/components/site_header/section_navigation/section_navigation_item.hbs +4 -4
- package/dist/views/components/site_header/service_logo.hbs +1 -1
- package/dist/views/components/site_header/service_navigation/service_navigation_item.hbs +3 -3
- package/dist/views/components/teaser/components/teaser_title_classes.hbs +1 -1
- package/dist/views/components/teaser/podcast/podcast.hbs +1 -1
- package/dist/views_static/components/content/copytext/components/podcastepisode.hbs +3 -1
- package/dist/views_static/components/podcast/components/podcast_title.hbs +1 -1
- package/dist/views_static/components/site_header/section_navigation/section_navigation_item.hbs +4 -4
- package/dist/views_static/components/site_header/service_logo.hbs +1 -1
- package/dist/views_static/components/site_header/service_navigation/service_navigation_item.hbs +3 -3
- package/dist/views_static/components/teaser/components/teaser_title_classes.hbs +1 -1
- package/dist/views_static/components/teaser/podcast/podcast.hbs +1 -1
- package/package.json +1 -1
- package/src/assets/css/custom-utilities.css +1 -1
- package/src/assets/fixtures/content/copytext/copytext.inc.json +94 -1
- package/src/assets/fixtures/content/copytext/copytext_podcastepisode.json +4 -0
- package/src/stories/views/components/content/copytext/components/podcastepisode.hbs +3 -1
- package/src/stories/views/components/content/copytext/copytext.stories.js +7 -0
- package/src/stories/views/components/content/copytext/fixtures/copytext_podcastepisode.json +1 -0
- package/src/stories/views/components/podcast/components/podcast_title.hbs +1 -1
- package/src/stories/views/components/site_header/section_navigation/section_navigation_item.hbs +4 -4
- package/src/stories/views/components/site_header/service_logo.hbs +1 -1
- package/src/stories/views/components/site_header/service_navigation/service_navigation_item.hbs +3 -3
- package/src/stories/views/components/teaser/components/teaser_title_classes.hbs +1 -1
- package/src/stories/views/components/teaser/podcast/podcast.hbs +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,27 @@
|
|
|
1
|
+
# v1.52.4 (Thu Jan 18 2024)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- add copytext-podcast component [#805](https://github.com/mumprod/hr-design-system-handlebars/pull/805) ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v1.52.3 (Tue Jan 16 2024)
|
|
14
|
+
|
|
15
|
+
#### 🐛 Bug Fix
|
|
16
|
+
|
|
17
|
+
- -change "link-focus-inset-white" to "link-focus-inset" [#804](https://github.com/mumprod/hr-design-system-handlebars/pull/804) ([@StefanVesper](https://github.com/StefanVesper))
|
|
18
|
+
|
|
19
|
+
#### Authors: 1
|
|
20
|
+
|
|
21
|
+
- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
1
25
|
# v1.52.2 (Tue Jan 16 2024)
|
|
2
26
|
|
|
3
27
|
#### 🐛 Bug Fix
|
package/dist/assets/index.css
CHANGED
|
@@ -3225,7 +3225,7 @@ article.indexText ul {
|
|
|
3225
3225
|
border-bottom-color: var(--color-secondary-ds);
|
|
3226
3226
|
}
|
|
3227
3227
|
.counter-reset {
|
|
3228
|
-
counter-reset:
|
|
3228
|
+
counter-reset: cnt1705588268709;
|
|
3229
3229
|
}
|
|
3230
3230
|
.hyphens-auto {
|
|
3231
3231
|
-webkit-hyphens: auto;
|
|
@@ -3496,7 +3496,7 @@ article.indexText ul {
|
|
|
3496
3496
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
|
|
3497
3497
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
|
|
3498
3498
|
--tw-ring-inset: inset;
|
|
3499
|
-
--tw-ring-color: rgba(
|
|
3499
|
+
--tw-ring-color: rgba(212, 212, 212, 0.8);
|
|
3500
3500
|
}
|
|
3501
3501
|
.link-focus:focus-visible {
|
|
3502
3502
|
outline: 2px solid transparent;
|
|
@@ -3527,7 +3527,7 @@ article.indexText ul {
|
|
|
3527
3527
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
3528
3528
|
}
|
|
3529
3529
|
.-ordered {
|
|
3530
|
-
counter-increment:
|
|
3530
|
+
counter-increment: cnt1705588268709 1;
|
|
3531
3531
|
}
|
|
3532
3532
|
.-ordered::before {
|
|
3533
3533
|
position: absolute;
|
|
@@ -3543,7 +3543,7 @@ article.indexText ul {
|
|
|
3543
3543
|
letter-spacing: .0125em;
|
|
3544
3544
|
--tw-text-opacity: 1;
|
|
3545
3545
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
3546
|
-
content: counter(
|
|
3546
|
+
content: counter(cnt1705588268709);
|
|
3547
3547
|
}
|
|
3548
3548
|
/*! ****************************/
|
|
3549
3549
|
/*! DataPolicy stuff */
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
{{~#if (isStorybook)~}}
|
|
2
|
-
<div class="mt-
|
|
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>
|
|
3
5
|
{{~else~}}
|
|
4
6
|
{{#if this.showFullSize.isTrue }}
|
|
5
7
|
{{> modules/media/media_figure _addClass="copytext__clearBox dontPrint" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
{{/components/base/link}}
|
|
7
7
|
{{else}}
|
|
8
8
|
<div class="font-title text-base mt-2.5 text-podcast-text dark:text-podcast-text-dark">
|
|
9
|
-
<span class="mt-0.5 {{#if _ordered}} pl-8 {{/if}}line-clamp-4 {{inline-switch _teaserSize '["hero","100","50"]''["text-base md:text-2xl lg:line-clamp-2","text-base md:text-2xl lg:line-clamp-2","text-base md:text-lg"]' ~}}">
|
|
9
|
+
<span class="mt-0.5 {{#if _ordered}} pl-8 {{/if}}line-clamp-4 {{inline-switch _teaserSize '["hero","100","50"]''["text-base md:text-2xl lg:line-clamp-2","text-base md:text-2xl lg:line-clamp-2","text-base md:text-lg","text-base md:text-2xl lg:line-clamp-2"]' ~}}">
|
|
10
10
|
{{~_title~}}
|
|
11
11
|
</span>
|
|
12
12
|
</div>
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
@click.nextTick="correctFlyoutPos()"
|
|
13
13
|
@resize.window="dropped=false; correctFlyoutPos()"
|
|
14
14
|
:class="dropped ? 'lg:underline lg:text-primary font-bold lg:font-normal' : 'font-normal'"
|
|
15
|
-
class="{{#if this.selected}}-currentSection lg:justify-center !font-bold {{/if}}link-focus-inset
|
|
15
|
+
class="{{#if this.selected}}-currentSection lg:justify-center !font-bold {{/if}}link-focus-inset js-load pl-4 lg:pl-4 lg:pr-4 flex flex-auto w-full justify-between lg:flex-initial h-10 lg:w-full items-center leading-4"
|
|
16
16
|
x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')"
|
|
17
17
|
aria-owns="flyout-{{getRandom}}"
|
|
18
18
|
aria-controls="flyout-{{getRandom}}"
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
@click="preventDefault(isDesktopView(),$event); toggle(); correctFlyoutPos()"
|
|
29
29
|
@resize.window="dropped=false; correctFlyoutPos()"
|
|
30
30
|
:class="dropped ? 'lg:underline font-bold lg:font-normal' : 'font-normal'"
|
|
31
|
-
class="js-noStateManager {{#if this.selected}}-currentSection lg:justify-center !font-bold {{/if}}link-focus-inset
|
|
31
|
+
class="js-noStateManager {{#if this.selected}}-currentSection lg:justify-center !font-bold {{/if}}link-focus-inset js-load pl-4 pr-8 lg:pr-4 flex flex-auto justify-between lg:flex-initial h-10 lg:w-full items-center leading-4"
|
|
32
32
|
aria-haspopup="true"
|
|
33
33
|
x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen ? '0' : '-1')"
|
|
34
34
|
aria-owns="flyout-{{getRandom}}"
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
id="flyout-{{nextRandom}}-1"
|
|
43
43
|
|
|
44
44
|
:class="dropped ? 'font-bold' : ''"
|
|
45
|
-
class="{{#if this.selected}}-currentSection lg:justify-center {{/if}}link-focus-inset
|
|
45
|
+
class="{{#if this.selected}}-currentSection lg:justify-center {{/if}}link-focus-inset js-load pl-4 pr-8 lg:pl-4 lg:pr-4 flex flex-auto h-10 items-center leading-4 lg:w-full lg:justify-center{{#if this.selected}} font-bold{{/if}}"
|
|
46
46
|
{{#if this.labelText}} aria-label="{{this.labelText}}"{{/if}}
|
|
47
47
|
aria-haspopup="true"
|
|
48
48
|
x-effect="$el.setAttribute('aria-expanded', dropped || $screen('lg'));$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')"
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
|
|
57
57
|
{{!-- Gilt für START/GESELLSCHAFT/WIRTSCHAFT usw: --}}
|
|
58
58
|
<a href="{{if this.extern this.url (resourceUrl this.url)}}"
|
|
59
|
-
class="{{#if this.selected}}-currentSection lg:justify-center {{/if}} link-focus-inset
|
|
59
|
+
class="{{#if this.selected}}-currentSection lg:justify-center {{/if}} link-focus-inset js-load flex justify-start pl-4 pr-4 h-10 lg:justify-center items-center w-full{{#if this.selected}} font-bold{{/if}}"
|
|
60
60
|
{{#if this.labelText}} aria-label="{{this.labelText}}"{{/if}}
|
|
61
61
|
data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": "1", "clickLabel": "Rubriknavigation::{{this.text}}-Link geklickt"}]}'
|
|
62
62
|
x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<a class="relative flex items-center w-auto h-full text-white fill-current sb-service-logo link-focus-
|
|
1
|
+
<a class="relative flex items-center w-auto h-full text-white fill-current sb-service-logo link-focus-inset print:hidden"
|
|
2
2
|
href={{resourceUrl "index.html"}}
|
|
3
3
|
title="{{loca "header_homepage_link_title"}}">
|
|
4
4
|
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
@close-servicemenu.window="dropped = false; $store.serviceNavIsOpen = false"
|
|
9
9
|
x-data="dropdown"
|
|
10
10
|
id="{{getRandom}}"
|
|
11
|
-
class="js-load flex flex-col items-center justify-center h-full px-4 text-left lg:justify-start lg:px-3 lg:pt-1 lg:hover:underline lg:relative lg:rounded-t lg:border-0 lg:left-0 text-navigation-icons link-focus-inset
|
|
11
|
+
class="js-load flex flex-col items-center justify-center h-full px-4 text-left lg:justify-start lg:px-3 lg:pt-1 lg:hover:underline lg:relative lg:rounded-t lg:border-0 lg:left-0 text-navigation-icons link-focus-inset {{#if this.selected}}-currentService{{/if}}"
|
|
12
12
|
|
|
13
13
|
:class="dropped ? 'bg-white fill-current text-primary lg:border-0 lg:underline' : ''"
|
|
14
14
|
aria-owns="flyout-{{getRandom}}"
|
|
@@ -20,9 +20,9 @@
|
|
|
20
20
|
{{else}}
|
|
21
21
|
|
|
22
22
|
{{#if this.extern}}
|
|
23
|
-
<a href="{{this.url}}" target="_blank" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:pt-1 lg:rounded-t link-focus-inset
|
|
23
|
+
<a href="{{this.url}}" target="_blank" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:pt-1 lg:rounded-t link-focus-inset js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": "1", "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'>
|
|
24
24
|
{{else}}
|
|
25
|
-
<a href="{{resourceUrl this.url}}" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:pt-1 lg:rounded-t link-focus-inset
|
|
25
|
+
<a href="{{resourceUrl this.url}}" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:pt-1 lg:rounded-t link-focus-inset js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": "1", "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'>
|
|
26
26
|
{{/if}}
|
|
27
27
|
|
|
28
28
|
{{/if}}
|
|
@@ -79,7 +79,7 @@ the 4 parameters are:
|
|
|
79
79
|
{{~/case~}}
|
|
80
80
|
{{~#case 'poster'~}}
|
|
81
81
|
{{#if _isCopytext~}}
|
|
82
|
-
{{~#if this.showFullSize.isTrue~}}text-2xl md:text-4xl{{else}}text-2xl{{~/if~}}
|
|
82
|
+
{{~#if this.showFullSize.isTrue~}}text-xl sm480:text-2xl md:text-4xl{{else}}text-xl sm480:text-2xl{{~/if~}}
|
|
83
83
|
{{else}}
|
|
84
84
|
{{~inline-switch _size '["50","33"]' '["text-2xl md:text-4xl","text-2xl"]'~}}
|
|
85
85
|
{{/if}}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<div class="relative grid flex-col col-span-12 mx-5 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 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>
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
{{~#if (isStorybook)~}}
|
|
2
|
-
<div class="mt-
|
|
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>
|
|
3
5
|
{{~else~}}
|
|
4
6
|
{{#if this.showFullSize.isTrue }}
|
|
5
7
|
{{> modules/media/media_figure _addClass="copytext__clearBox dontPrint" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
{{/components/base/link}}
|
|
7
7
|
{{else}}
|
|
8
8
|
<div class="font-title text-base mt-2.5 text-podcast-text dark:text-podcast-text-dark">
|
|
9
|
-
<span class="mt-0.5 {{#if _ordered}} pl-8 {{/if}}line-clamp-4 {{inline-switch _teaserSize '["hero","100","50"]''["text-base md:text-2xl lg:line-clamp-2","text-base md:text-2xl lg:line-clamp-2","text-base md:text-lg"]' ~}}">
|
|
9
|
+
<span class="mt-0.5 {{#if _ordered}} pl-8 {{/if}}line-clamp-4 {{inline-switch _teaserSize '["hero","100","50"]''["text-base md:text-2xl lg:line-clamp-2","text-base md:text-2xl lg:line-clamp-2","text-base md:text-lg","text-base md:text-2xl lg:line-clamp-2"]' ~}}">
|
|
10
10
|
{{~_title~}}
|
|
11
11
|
</span>
|
|
12
12
|
</div>
|
package/dist/views_static/components/site_header/section_navigation/section_navigation_item.hbs
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
@click.nextTick="correctFlyoutPos()"
|
|
13
13
|
@resize.window="dropped=false; correctFlyoutPos()"
|
|
14
14
|
:class="dropped ? 'lg:underline lg:text-primary font-bold lg:font-normal' : 'font-normal'"
|
|
15
|
-
class="{{#if this.selected}}-currentSection lg:justify-center !font-bold {{/if}}link-focus-inset
|
|
15
|
+
class="{{#if this.selected}}-currentSection lg:justify-center !font-bold {{/if}}link-focus-inset js-load pl-4 lg:pl-4 lg:pr-4 flex flex-auto w-full justify-between lg:flex-initial h-10 lg:w-full items-center leading-4"
|
|
16
16
|
x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')"
|
|
17
17
|
aria-owns="flyout-{{getRandom}}"
|
|
18
18
|
aria-controls="flyout-{{getRandom}}"
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
@click="preventDefault(isDesktopView(),$event); toggle(); correctFlyoutPos()"
|
|
29
29
|
@resize.window="dropped=false; correctFlyoutPos()"
|
|
30
30
|
:class="dropped ? 'lg:underline font-bold lg:font-normal' : 'font-normal'"
|
|
31
|
-
class="js-noStateManager {{#if this.selected}}-currentSection lg:justify-center !font-bold {{/if}}link-focus-inset
|
|
31
|
+
class="js-noStateManager {{#if this.selected}}-currentSection lg:justify-center !font-bold {{/if}}link-focus-inset js-load pl-4 pr-8 lg:pr-4 flex flex-auto justify-between lg:flex-initial h-10 lg:w-full items-center leading-4"
|
|
32
32
|
aria-haspopup="true"
|
|
33
33
|
x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen ? '0' : '-1')"
|
|
34
34
|
aria-owns="flyout-{{getRandom}}"
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
id="flyout-{{nextRandom}}-1"
|
|
43
43
|
|
|
44
44
|
:class="dropped ? 'font-bold' : ''"
|
|
45
|
-
class="{{#if this.selected}}-currentSection lg:justify-center {{/if}}link-focus-inset
|
|
45
|
+
class="{{#if this.selected}}-currentSection lg:justify-center {{/if}}link-focus-inset js-load pl-4 pr-8 lg:pl-4 lg:pr-4 flex flex-auto h-10 items-center leading-4 lg:w-full lg:justify-center{{#if this.selected}} font-bold{{/if}}"
|
|
46
46
|
{{#if this.labelText}} aria-label="{{this.labelText}}"{{/if}}
|
|
47
47
|
aria-haspopup="true"
|
|
48
48
|
x-effect="$el.setAttribute('aria-expanded', dropped || $screen('lg'));$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')"
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
|
|
57
57
|
{{!-- Gilt für START/GESELLSCHAFT/WIRTSCHAFT usw: --}}
|
|
58
58
|
<a href="{{if this.extern this.url (resourceUrl this.url)}}"
|
|
59
|
-
class="{{#if this.selected}}-currentSection lg:justify-center {{/if}} link-focus-inset
|
|
59
|
+
class="{{#if this.selected}}-currentSection lg:justify-center {{/if}} link-focus-inset js-load flex justify-start pl-4 pr-4 h-10 lg:justify-center items-center w-full{{#if this.selected}} font-bold{{/if}}"
|
|
60
60
|
{{#if this.labelText}} aria-label="{{this.labelText}}"{{/if}}
|
|
61
61
|
data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": "1", "clickLabel": "Rubriknavigation::{{this.text}}-Link geklickt"}]}'
|
|
62
62
|
x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<a class="relative flex items-center w-auto h-full text-white fill-current sb-service-logo link-focus-
|
|
1
|
+
<a class="relative flex items-center w-auto h-full text-white fill-current sb-service-logo link-focus-inset print:hidden"
|
|
2
2
|
href={{resourceUrl "index.html"}}
|
|
3
3
|
title="{{loca "header_homepage_link_title"}}">
|
|
4
4
|
|
package/dist/views_static/components/site_header/service_navigation/service_navigation_item.hbs
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
@close-servicemenu.window="dropped = false; $store.serviceNavIsOpen = false"
|
|
9
9
|
x-data="dropdown"
|
|
10
10
|
id="{{getRandom}}"
|
|
11
|
-
class="js-load flex flex-col items-center justify-center h-full px-4 text-left lg:justify-start lg:px-3 lg:pt-1 lg:hover:underline lg:relative lg:rounded-t lg:border-0 lg:left-0 text-navigation-icons link-focus-inset
|
|
11
|
+
class="js-load flex flex-col items-center justify-center h-full px-4 text-left lg:justify-start lg:px-3 lg:pt-1 lg:hover:underline lg:relative lg:rounded-t lg:border-0 lg:left-0 text-navigation-icons link-focus-inset {{#if this.selected}}-currentService{{/if}}"
|
|
12
12
|
|
|
13
13
|
:class="dropped ? 'bg-white fill-current text-primary lg:border-0 lg:underline' : ''"
|
|
14
14
|
aria-owns="flyout-{{getRandom}}"
|
|
@@ -20,9 +20,9 @@
|
|
|
20
20
|
{{else}}
|
|
21
21
|
|
|
22
22
|
{{#if this.extern}}
|
|
23
|
-
<a href="{{this.url}}" target="_blank" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:pt-1 lg:rounded-t link-focus-inset
|
|
23
|
+
<a href="{{this.url}}" target="_blank" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:pt-1 lg:rounded-t link-focus-inset js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": "1", "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'>
|
|
24
24
|
{{else}}
|
|
25
|
-
<a href="{{resourceUrl this.url}}" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:pt-1 lg:rounded-t link-focus-inset
|
|
25
|
+
<a href="{{resourceUrl this.url}}" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:pt-1 lg:rounded-t link-focus-inset js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": "1", "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'>
|
|
26
26
|
{{/if}}
|
|
27
27
|
|
|
28
28
|
{{/if}}
|
|
@@ -79,7 +79,7 @@ the 4 parameters are:
|
|
|
79
79
|
{{~/case~}}
|
|
80
80
|
{{~#case 'poster'~}}
|
|
81
81
|
{{#if _isCopytext~}}
|
|
82
|
-
{{~#if this.showFullSize.isTrue~}}text-2xl md:text-4xl{{else}}text-2xl{{~/if~}}
|
|
82
|
+
{{~#if this.showFullSize.isTrue~}}text-xl sm480:text-2xl md:text-4xl{{else}}text-xl sm480:text-2xl{{~/if~}}
|
|
83
83
|
{{else}}
|
|
84
84
|
{{~inline-switch _size '["50","33"]' '["text-2xl md:text-4xl","text-2xl"]'~}}
|
|
85
85
|
{{/if}}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<div class="relative grid flex-col col-span-12 mx-5 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 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.52.
|
|
9
|
+
"version": "1.52.4",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -230,7 +230,7 @@
|
|
|
230
230
|
}
|
|
231
231
|
|
|
232
232
|
.link-focus-inset {
|
|
233
|
-
@apply focus-visible:outline-none focus-visible:ring focus-visible:ring-inset focus-visible:ring-gray-
|
|
233
|
+
@apply focus-visible:outline-none focus-visible:ring focus-visible:ring-inset focus-visible:ring-gray-lightGray/80;
|
|
234
234
|
}
|
|
235
235
|
.link-focus {
|
|
236
236
|
@apply focus-visible:outline-none focus-visible:ring focus-visible:ring-gray-scorpion/50;
|
|
@@ -521,5 +521,98 @@
|
|
|
521
521
|
}
|
|
522
522
|
}
|
|
523
523
|
]
|
|
524
|
-
}
|
|
524
|
+
},
|
|
525
|
+
"copytext_podcast_episode": {
|
|
526
|
+
"copytextParagraph": [
|
|
527
|
+
{
|
|
528
|
+
"structuredDataSsi": "<!--#include virtual='structuredDataSsiPath' -->",
|
|
529
|
+
"isHeadline": true,
|
|
530
|
+
"text": "Copytext mit Podcast-Episode-Player"
|
|
531
|
+
},
|
|
532
|
+
{
|
|
533
|
+
"structuredDataSsi": "<!--#include virtual='structuredDataSsiPath' -->",
|
|
534
|
+
"isParagraph": true,
|
|
535
|
+
"text": {
|
|
536
|
+
"split": [
|
|
537
|
+
{
|
|
538
|
+
"isText": true,
|
|
539
|
+
"text": "Der Mitschüler erlitt dem Bericht zufolge eine Schienbeinprellung und eine kleine Schnittwunde. Die Eltern hätten daraufhin Anzeige erstattet – eine hr-Anfrage an die zuständige Polizei blieb bislang unbeantwortet."
|
|
540
|
+
}
|
|
541
|
+
]
|
|
542
|
+
}
|
|
543
|
+
},
|
|
544
|
+
{
|
|
545
|
+
"structuredDataSsi": "<!--#include virtual='structuredDataSsiPath' -->",
|
|
546
|
+
"isParagraph": true,
|
|
547
|
+
"paragraphBoxItem": {
|
|
548
|
+
"@->jsoninclude": "teaser/teasers.inc.json",
|
|
549
|
+
"@->contentpath": "teaser_podcast_episode.logicItem.includeModel",
|
|
550
|
+
"@->extends": {
|
|
551
|
+
"isPodcastEpisode": true,
|
|
552
|
+
"showFullSize": {
|
|
553
|
+
"isTrue": true
|
|
554
|
+
}
|
|
555
|
+
},
|
|
556
|
+
"@->overrides": [
|
|
557
|
+
{
|
|
558
|
+
"@->contentpath": "teaserSize",
|
|
559
|
+
"@->value": "100"
|
|
560
|
+
},
|
|
561
|
+
{
|
|
562
|
+
"@->contentpath": "realTeaserSize",
|
|
563
|
+
"@->value": "100"
|
|
564
|
+
}
|
|
565
|
+
]
|
|
566
|
+
}
|
|
567
|
+
},
|
|
568
|
+
{
|
|
569
|
+
"structuredDataSsi": "<!--#include virtual='structuredDataSsiPath' -->",
|
|
570
|
+
"isParagraph": true,
|
|
571
|
+
"text": {
|
|
572
|
+
"split": [
|
|
573
|
+
{
|
|
574
|
+
"isText": true,
|
|
575
|
+
"text": "Der Mitschüler erlitt dem Bericht zufolge eine Schienbeinprellung und eine kleine Schnittwunde. Die Eltern hätten daraufhin Anzeige erstattet – eine hr-Anfrage an die zuständige Polizei blieb bislang unbeantwortet."
|
|
576
|
+
}
|
|
577
|
+
]
|
|
578
|
+
}
|
|
579
|
+
},
|
|
580
|
+
{
|
|
581
|
+
"structuredDataSsi": "<!--#include virtual='structuredDataSsiPath' -->",
|
|
582
|
+
"isParagraph": true,
|
|
583
|
+
"paragraphBoxItem": {
|
|
584
|
+
"@->jsoninclude": "teaser/teasers.inc.json",
|
|
585
|
+
"@->contentpath": "teaser_podcast_episode.logicItem.includeModel",
|
|
586
|
+
"@->extends": {
|
|
587
|
+
"isPodcastEpisode": true,
|
|
588
|
+
"showFullSize": {
|
|
589
|
+
"isTrue": false
|
|
590
|
+
}
|
|
591
|
+
},
|
|
592
|
+
"@->overrides": [
|
|
593
|
+
{
|
|
594
|
+
"@->contentpath": "teaserSize",
|
|
595
|
+
"@->value": "50"
|
|
596
|
+
},
|
|
597
|
+
{
|
|
598
|
+
"@->contentpath": "realTeaserSize",
|
|
599
|
+
"@->value": "50"
|
|
600
|
+
}
|
|
601
|
+
]
|
|
602
|
+
}
|
|
603
|
+
},
|
|
604
|
+
{
|
|
605
|
+
"structuredDataSsi": "<!--#include virtual='structuredDataSsiPath' -->",
|
|
606
|
+
"isParagraph": true,
|
|
607
|
+
"text": {
|
|
608
|
+
"split": [
|
|
609
|
+
{
|
|
610
|
+
"isText": true,
|
|
611
|
+
"text": "Der Mitschüler erlitt dem Bericht zufolge eine Schienbeinprellung und eine kleine Schnittwunde. Die Eltern hätten daraufhin Anzeige erstattet – eine hr-Anfrage an die zuständige Polizei blieb bislang unbeantwortet. Der Mitschüler erlitt dem Bericht zufolge eine Schienbeinprellung und eine kleine Schnittwunde. Die Eltern hätten daraufhin Anzeige erstattet – eine hr-Anfrage an die zuständige Polizei blieb bislang unbeantwortet."
|
|
612
|
+
}
|
|
613
|
+
]
|
|
614
|
+
}
|
|
615
|
+
}
|
|
616
|
+
]
|
|
617
|
+
}
|
|
525
618
|
}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
{{~#if (isStorybook)~}}
|
|
2
|
-
<div class="mt-
|
|
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>
|
|
3
5
|
{{~else~}}
|
|
4
6
|
{{#if this.showFullSize.isTrue }}
|
|
5
7
|
{{> modules/media/media_figure _addClass="copytext__clearBox dontPrint" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
|
|
@@ -3,6 +3,7 @@ import copytext_json from './fixtures/copytext.json'
|
|
|
3
3
|
import copytext_posterteaser_json from './fixtures/copytext_posterteaser.json'
|
|
4
4
|
import copytext_additionalInfo_json from './fixtures/copytext_additionalInfo.json'
|
|
5
5
|
import copytext_cite_json from './fixtures/copytext_cite.json'
|
|
6
|
+
import copytext_podcastepisode_json from './fixtures/copytext_podcastepisode.json'
|
|
6
7
|
|
|
7
8
|
const Template = ({ ...args }) => {
|
|
8
9
|
return copytext({ ...args })
|
|
@@ -18,6 +19,12 @@ export const Default = {
|
|
|
18
19
|
args: copytext_json,
|
|
19
20
|
}
|
|
20
21
|
|
|
22
|
+
export const WithPodcastEpisode = {
|
|
23
|
+
render: Template.bind({}),
|
|
24
|
+
name: 'Podcastepisode',
|
|
25
|
+
args: copytext_podcastepisode_json,
|
|
26
|
+
}
|
|
27
|
+
|
|
21
28
|
export const WithPosterteaser = {
|
|
22
29
|
render: Template.bind({}),
|
|
23
30
|
name: 'Posterteaser',
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"copytextParagraph":[{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isHeadline":true,"text":"Copytext mit Podcast-Episode-Player"},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isParagraph":true,"text":{"split":[{"isText":true,"text":"Der Mitschüler erlitt dem Bericht zufolge eine Schienbeinprellung und eine kleine Schnittwunde. Die Eltern hätten daraufhin Anzeige erstattet – eine hr-Anfrage an die zuständige Polizei blieb bislang unbeantwortet."}]}},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isParagraph":true,"paragraphBoxItem":{"byline":"Byline","title":"\"Ich höre bei jedem Geräusch gleich die Tonhöhe\" | Komponist und Theatermacher Heiner Goebbels erneuert das Musiktheater","topline":"","headingFontVariant":"serif","extendedTitle":"","teaserType":"standard","teaserSize":"100","realTeaserSize":"100","isMobile1to1":false,"airdateDate":{"htmlDateTime":"2022-10-31T19:30+0200","htmlDate":"31.10.2022","date":"31.10.22","dateSeparatorTime":"31.10.22, 19:30"},"teaseritem":{"copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/heiner-goebbels-102_v-1to1__medium.jpg","sources":[{"sizes":"300px","srcset":"images/heiner-goebbels-102_v-1to1__small.jpg 380w, images/heiner-goebbels-102_v-1to1__medium.jpg 480w, images/heiner-goebbels-102_v-1to1.jpg 720w, images/heiner-goebbels-102_v-1to1__large.jpg 960w"}]}},"duration":"53:13","hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"podcastChannel":{"title":"hr2 Doppelkopf","url":"#ChannelURL","podcastHoster":[{"podcastHosterUrl":"https://podcasts.apple.com/podcast/hr2-doppelkopf/id212822590","podcastHosterName":"ITunes"},{"podcastHosterUrl":"https://podcast.hr.de/hr2_doppelkopf/podcast.xml","podcastHosterName":"RSS"},{"podcastHosterUrl":"https://podcasts.google.com/feed/aHR0cHM6Ly9wb2RjYXN0LmhyLmRlL2hyMl9kb3BwZWxrb3BmL3BvZGNhc3QueG1s?hl=de","podcastHosterName":"Google Podcasts"},{"podcastHosterUrl":"https://www.ardaudiothek.de/episode/hr2-doppelkopf/ich-hoere-bei-jedem-geraeusch-gleich-die-tonhoehe-oder-komponist-und-theatermacher-heiner-goebbels-erneuert-das-musiktheater/hr2-kultur/12056783/","podcastHosterName":"ARD Audiothek"}]},"audioUrl":"https://mp3podcasthrdl-a.akamaihd.net/mp3/podcast/hr2_doppelkopf/hr2_doppelkopf_20221031_96251016.mp3","podcastDownloadUrl":"https://mp3podcasthrdl-a.akamaihd.net/mp3/podcast/hr2_doppelkopf/hr2_doppelkopf_20221031_96251016.mp3","teaserImage":{"copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/heiner-goebbels-102_v-1to1__medium.jpg","sources":[{"sizes":"300px","srcset":"images/heiner-goebbels-102_v-1to1__small.jpg 380w, images/heiner-goebbels-102_v-1to1__medium.jpg 480w, images/heiner-goebbels-102_v-1to1.jpg 720w, images/heiner-goebbels-102_v-1to1__large.jpg 960w"}]}},"mediaMetadata":{"agf":{"title":"hr-fernsehen_Hessischer Rundfunk_Ein aufgewecktes Kerlchen_06.10.2022 04:40","livestream":"no","type":"content","airdate":"06.10.2022 04:40","program":"hr-fernsehen","nol_c18":"p18,N","uurl":"/mp3/podcast/hr4_polizeireport/hr4_polizeireport_20221006_95936793.mp3","nol_c7":"p7,/mp3/podcast/hr4_polizeireport/hr4_polizeireport_20221006_95936793.mp3","nol_c8":"p8,131","nol_c9":"p9,Hessischer Rundfunk_Ein aufgewecktes Kerlchen_06.10.2022 04:40","nol_c10":"p10,hr-fernsehen","nol_c12":"p12,Content","assetid":"hr4_polizeireport_95936793","nol_c2":"p2,N","nol_c5":"p5,hr4","length":"131","nol_c20":"p20,GFKLinkID"},"ati":{"pageName":"Ein aufgewecktes Kerlchen","secondLevelId":"2","documentName":"podcast-episode-108850","documentType":"hr-nt:podcastEpisode","documentDate":"2022-10-06T06:46:25+02:00","chapter":"podcast::polizeireport","mediaLabel":"Ein aufgewecktes Kerlchen","mediaTheme1":"hr4","mediaTheme2":"podcast::polizeireport","atiSiteId":"578129","atiTrackingHost":"https://logs1407"},"piano":{"av_content_id":"podcast-episode-108850","av_content":"Ein aufgewecktes Kerlchen","av_content_type":"Audio","av_content_duration":131000,"av_broadcasting_type":"OnDemand","av_content_level1":"hr4","av_content_level2":"podcast","av_content_level3":"polizeireport","hr_document_type":"hr-nt:podcastEpisode","site_level2_id":"2"}},"documentSection":"Kultur","displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":false,"isHeroTeaser":true,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":false,"isVideo":false,"isPodcastEpisode":true,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Stefan Fricke","hasStatus":false,"hasTeaserItem":true,"allowAVConsumption":false,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":true,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","headlineTag":"h2","icon":"ortsmarke","imageVariant":"topteaser","hideShortText":true,"shorttext":"Bla ..... 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 liebe Mutter fehlt.","hideBylineAndShorttext":false,"sophoraId":"rueckkehr-nach-abschiebung-wolfhagen--100","profiles":"Von Alf Haubitz und Alice Merton","teaserLead":{"isPodcast":true,"toModel":{"audioElement":{"isPodcast":true,"ardPlayerConfig":{"playerConfig":{"generic":{"isAutoplay":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"http://localhost:8080/site/hessenschau/assets_2.85.0/vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"site":"551103","config":{"getCollectDomainSSL":"logs1406.xiti.com","secure":true},"page":{"name":"muslim_fashion__mehr_als_ein_kopftuch__podcast:audio:audioPlay","level2":"4","chapter1":"Audio-Start","chapter2":"OnDemand","customVars":{"site":{"1":"podcast-episode-43976","2":"hr-nt:podcastEpisode","5":"202203230802"}}},"richMedia":{"mediaType":"audio","playerId":"4076","mediaLevel2":"4","mediaLabel":"muslim_fashion__mehr_als_ein_kopftuch__podcast:audioPlay","mediaTheme1":"OnDemand","duration":"3040","broadcastMode":"clip"}}}},"mediaCollection":{"streams":[{"kind":"main","isAudioOnly":true,"media":[{"url":"https://mp3podcasthr-a.akamaihd.net/mp3/podcast/derTag/derTag_20190320_81142988.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":3040,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Muslim Fashion. Mehr als ein Kopftuch.","synopsis":"Wo immer die Ausstellung \"Contemporary Muslim Fashion“ ins Museum kommt, entfacht sie heftige Diskussionen. Nachdem die Schau in San Francisco für Furore sorgte, wird sie demnächst im Frankfurter Museum für Angewandte Kunst als erste Station in Europa gezeigt. Die \"Modest Fashion“, die dezente Mode, so das Schlagwort für die verhüllende, aber keineswegs unsichtbar machende Mode, spaltet das feministische Lager: Ist sie eine Momentaufnahme aktueller muslimischer Kleidungsstile aus aller Welt oder Werbung für die weibliche Verschleierung? In jedem Fall zeigt die Ausstellung, dass die Verhüllung des weiblichen Körpers und der Frisur nicht nur trist, sondern auch schön sein kann - und für manche Trägerinnen befreiend. Und sie ist durchaus politisch, diskutiert gesetzliche Kleiderordnungen und die Frage politischer Symbolik. Inzwischen wollen auch westliche Firmen von der Vielfalt muslimischer Mode profitieren. Sie haben die Konsumentinnen im Nahen Osten und Südostasien als kaufkräftige Klientel entdeckt. Dort ist ein riesiger Markt zu erschließen. Nicht selten wagen sie sich damit an die Grenzen religiöser und gesellschaftlicher Akzeptanz. Kann Mode solche Grenzen überwinden? "},"pluginData":{},"geoBlocked":false},"playerId":"4076","type":"audioOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.79310671.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.c442fe17.js","isAutoplay":true,"teaserSize":"50","realTeaserSize":"50"},"ardPlayerJsonConfig":{"playerConfig":{"generic":{"isAutoplay":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"http://localhost:8080/site/hessenschau/assets_2.85.0/vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"site":"551103","config":{"getCollectDomainSSL":"logs1406.xiti.com","secure":true},"page":{"name":"muslim_fashion__mehr_als_ein_kopftuch__podcast:audio:audioPlay","level2":"4","chapter1":"Audio-Start","chapter2":"OnDemand","customVars":{"site":{"1":"podcast-episode-43976","2":"hr-nt:podcastEpisode","5":"202203230802"}}},"richMedia":{"mediaType":"audio","playerId":"4076","mediaLevel2":"4","mediaLabel":"muslim_fashion__mehr_als_ein_kopftuch__podcast:audioPlay","mediaTheme1":"OnDemand","duration":"3040","broadcastMode":"clip"}}}},"mediaCollection":{"streams":[{"kind":"main","isAudioOnly":true,"media":[{"url":"https://mp3podcasthr-a.akamaihd.net/mp3/podcast/derTag/derTag_20190320_81142988.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":3040,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Muslim Fashion. Mehr als ein Kopftuch.","synopsis":"Wo immer die Ausstellung \"Contemporary Muslim Fashion“ ins Museum kommt, entfacht sie heftige Diskussionen. Nachdem die Schau in San Francisco für Furore sorgte, wird sie demnächst im Frankfurter Museum für Angewandte Kunst als erste Station in Europa gezeigt. Die \"Modest Fashion“, die dezente Mode, so das Schlagwort für die verhüllende, aber keineswegs unsichtbar machende Mode, spaltet das feministische Lager: Ist sie eine Momentaufnahme aktueller muslimischer Kleidungsstile aus aller Welt oder Werbung für die weibliche Verschleierung? In jedem Fall zeigt die Ausstellung, dass die Verhüllung des weiblichen Körpers und der Frisur nicht nur trist, sondern auch schön sein kann - und für manche Trägerinnen befreiend. Und sie ist durchaus politisch, diskutiert gesetzliche Kleiderordnungen und die Frage politischer Symbolik. Inzwischen wollen auch westliche Firmen von der Vielfalt muslimischer Mode profitieren. Sie haben die Konsumentinnen im Nahen Osten und Südostasien als kaufkräftige Klientel entdeckt. Dort ist ein riesiger Markt zu erschließen. Nicht selten wagen sie sich damit an die Grenzen religiöser und gesellschaftlicher Akzeptanz. Kann Mode solche Grenzen überwinden? "},"pluginData":{},"geoBlocked":false},"playerId":"4076","type":"audioOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.79310671.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.c442fe17.js","isAutoplay":true,"teaserSize":"50","realTeaserSize":"50"}}}},"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"label":{"type":"podcast","loca":"label_podcast","byline":{"bylineSsi":"53:13 min","bylineText":""}},"showFullSize":{"isTrue":true}}},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isParagraph":true,"text":{"split":[{"isText":true,"text":"Der Mitschüler erlitt dem Bericht zufolge eine Schienbeinprellung und eine kleine Schnittwunde. Die Eltern hätten daraufhin Anzeige erstattet – eine hr-Anfrage an die zuständige Polizei blieb bislang unbeantwortet."}]}},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isParagraph":true,"paragraphBoxItem":{"byline":"Byline","title":"\"Ich höre bei jedem Geräusch gleich die Tonhöhe\" | Komponist und Theatermacher Heiner Goebbels erneuert das Musiktheater","topline":"","headingFontVariant":"serif","extendedTitle":"","teaserType":"standard","teaserSize":"50","realTeaserSize":"50","isMobile1to1":false,"airdateDate":{"htmlDateTime":"2022-10-31T19:30+0200","htmlDate":"31.10.2022","date":"31.10.22","dateSeparatorTime":"31.10.22, 19:30"},"teaseritem":{"copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/heiner-goebbels-102_v-1to1__medium.jpg","sources":[{"sizes":"300px","srcset":"images/heiner-goebbels-102_v-1to1__small.jpg 380w, images/heiner-goebbels-102_v-1to1__medium.jpg 480w, images/heiner-goebbels-102_v-1to1.jpg 720w, images/heiner-goebbels-102_v-1to1__large.jpg 960w"}]}},"duration":"53:13","hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"podcastChannel":{"title":"hr2 Doppelkopf","url":"#ChannelURL","podcastHoster":[{"podcastHosterUrl":"https://podcasts.apple.com/podcast/hr2-doppelkopf/id212822590","podcastHosterName":"ITunes"},{"podcastHosterUrl":"https://podcast.hr.de/hr2_doppelkopf/podcast.xml","podcastHosterName":"RSS"},{"podcastHosterUrl":"https://podcasts.google.com/feed/aHR0cHM6Ly9wb2RjYXN0LmhyLmRlL2hyMl9kb3BwZWxrb3BmL3BvZGNhc3QueG1s?hl=de","podcastHosterName":"Google Podcasts"},{"podcastHosterUrl":"https://www.ardaudiothek.de/episode/hr2-doppelkopf/ich-hoere-bei-jedem-geraeusch-gleich-die-tonhoehe-oder-komponist-und-theatermacher-heiner-goebbels-erneuert-das-musiktheater/hr2-kultur/12056783/","podcastHosterName":"ARD Audiothek"}]},"audioUrl":"https://mp3podcasthrdl-a.akamaihd.net/mp3/podcast/hr2_doppelkopf/hr2_doppelkopf_20221031_96251016.mp3","podcastDownloadUrl":"https://mp3podcasthrdl-a.akamaihd.net/mp3/podcast/hr2_doppelkopf/hr2_doppelkopf_20221031_96251016.mp3","teaserImage":{"copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/heiner-goebbels-102_v-1to1__medium.jpg","sources":[{"sizes":"300px","srcset":"images/heiner-goebbels-102_v-1to1__small.jpg 380w, images/heiner-goebbels-102_v-1to1__medium.jpg 480w, images/heiner-goebbels-102_v-1to1.jpg 720w, images/heiner-goebbels-102_v-1to1__large.jpg 960w"}]}},"mediaMetadata":{"agf":{"title":"hr-fernsehen_Hessischer Rundfunk_Ein aufgewecktes Kerlchen_06.10.2022 04:40","livestream":"no","type":"content","airdate":"06.10.2022 04:40","program":"hr-fernsehen","nol_c18":"p18,N","uurl":"/mp3/podcast/hr4_polizeireport/hr4_polizeireport_20221006_95936793.mp3","nol_c7":"p7,/mp3/podcast/hr4_polizeireport/hr4_polizeireport_20221006_95936793.mp3","nol_c8":"p8,131","nol_c9":"p9,Hessischer Rundfunk_Ein aufgewecktes Kerlchen_06.10.2022 04:40","nol_c10":"p10,hr-fernsehen","nol_c12":"p12,Content","assetid":"hr4_polizeireport_95936793","nol_c2":"p2,N","nol_c5":"p5,hr4","length":"131","nol_c20":"p20,GFKLinkID"},"ati":{"pageName":"Ein aufgewecktes Kerlchen","secondLevelId":"2","documentName":"podcast-episode-108850","documentType":"hr-nt:podcastEpisode","documentDate":"2022-10-06T06:46:25+02:00","chapter":"podcast::polizeireport","mediaLabel":"Ein aufgewecktes Kerlchen","mediaTheme1":"hr4","mediaTheme2":"podcast::polizeireport","atiSiteId":"578129","atiTrackingHost":"https://logs1407"},"piano":{"av_content_id":"podcast-episode-108850","av_content":"Ein aufgewecktes Kerlchen","av_content_type":"Audio","av_content_duration":131000,"av_broadcasting_type":"OnDemand","av_content_level1":"hr4","av_content_level2":"podcast","av_content_level3":"polizeireport","hr_document_type":"hr-nt:podcastEpisode","site_level2_id":"2"}},"documentSection":"Kultur","displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":false,"isHeroTeaser":true,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":false,"isVideo":false,"isPodcastEpisode":true,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Stefan Fricke","hasStatus":false,"hasTeaserItem":true,"allowAVConsumption":false,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":true,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","headlineTag":"h2","icon":"ortsmarke","imageVariant":"topteaser","hideShortText":true,"shorttext":"Bla ..... 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 liebe Mutter fehlt.","hideBylineAndShorttext":false,"sophoraId":"rueckkehr-nach-abschiebung-wolfhagen--100","profiles":"Von Alf Haubitz und Alice Merton","teaserLead":{"isPodcast":true,"toModel":{"audioElement":{"isPodcast":true,"ardPlayerConfig":{"playerConfig":{"generic":{"isAutoplay":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"http://localhost:8080/site/hessenschau/assets_2.85.0/vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"site":"551103","config":{"getCollectDomainSSL":"logs1406.xiti.com","secure":true},"page":{"name":"muslim_fashion__mehr_als_ein_kopftuch__podcast:audio:audioPlay","level2":"4","chapter1":"Audio-Start","chapter2":"OnDemand","customVars":{"site":{"1":"podcast-episode-43976","2":"hr-nt:podcastEpisode","5":"202203230802"}}},"richMedia":{"mediaType":"audio","playerId":"4076","mediaLevel2":"4","mediaLabel":"muslim_fashion__mehr_als_ein_kopftuch__podcast:audioPlay","mediaTheme1":"OnDemand","duration":"3040","broadcastMode":"clip"}}}},"mediaCollection":{"streams":[{"kind":"main","isAudioOnly":true,"media":[{"url":"https://mp3podcasthr-a.akamaihd.net/mp3/podcast/derTag/derTag_20190320_81142988.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":3040,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Muslim Fashion. Mehr als ein Kopftuch.","synopsis":"Wo immer die Ausstellung \"Contemporary Muslim Fashion“ ins Museum kommt, entfacht sie heftige Diskussionen. Nachdem die Schau in San Francisco für Furore sorgte, wird sie demnächst im Frankfurter Museum für Angewandte Kunst als erste Station in Europa gezeigt. Die \"Modest Fashion“, die dezente Mode, so das Schlagwort für die verhüllende, aber keineswegs unsichtbar machende Mode, spaltet das feministische Lager: Ist sie eine Momentaufnahme aktueller muslimischer Kleidungsstile aus aller Welt oder Werbung für die weibliche Verschleierung? In jedem Fall zeigt die Ausstellung, dass die Verhüllung des weiblichen Körpers und der Frisur nicht nur trist, sondern auch schön sein kann - und für manche Trägerinnen befreiend. Und sie ist durchaus politisch, diskutiert gesetzliche Kleiderordnungen und die Frage politischer Symbolik. Inzwischen wollen auch westliche Firmen von der Vielfalt muslimischer Mode profitieren. Sie haben die Konsumentinnen im Nahen Osten und Südostasien als kaufkräftige Klientel entdeckt. Dort ist ein riesiger Markt zu erschließen. Nicht selten wagen sie sich damit an die Grenzen religiöser und gesellschaftlicher Akzeptanz. Kann Mode solche Grenzen überwinden? "},"pluginData":{},"geoBlocked":false},"playerId":"4076","type":"audioOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.79310671.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.c442fe17.js","isAutoplay":true,"teaserSize":"50","realTeaserSize":"50"},"ardPlayerJsonConfig":{"playerConfig":{"generic":{"isAutoplay":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"http://localhost:8080/site/hessenschau/assets_2.85.0/vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"site":"551103","config":{"getCollectDomainSSL":"logs1406.xiti.com","secure":true},"page":{"name":"muslim_fashion__mehr_als_ein_kopftuch__podcast:audio:audioPlay","level2":"4","chapter1":"Audio-Start","chapter2":"OnDemand","customVars":{"site":{"1":"podcast-episode-43976","2":"hr-nt:podcastEpisode","5":"202203230802"}}},"richMedia":{"mediaType":"audio","playerId":"4076","mediaLevel2":"4","mediaLabel":"muslim_fashion__mehr_als_ein_kopftuch__podcast:audioPlay","mediaTheme1":"OnDemand","duration":"3040","broadcastMode":"clip"}}}},"mediaCollection":{"streams":[{"kind":"main","isAudioOnly":true,"media":[{"url":"https://mp3podcasthr-a.akamaihd.net/mp3/podcast/derTag/derTag_20190320_81142988.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":3040,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Muslim Fashion. Mehr als ein Kopftuch.","synopsis":"Wo immer die Ausstellung \"Contemporary Muslim Fashion“ ins Museum kommt, entfacht sie heftige Diskussionen. Nachdem die Schau in San Francisco für Furore sorgte, wird sie demnächst im Frankfurter Museum für Angewandte Kunst als erste Station in Europa gezeigt. Die \"Modest Fashion“, die dezente Mode, so das Schlagwort für die verhüllende, aber keineswegs unsichtbar machende Mode, spaltet das feministische Lager: Ist sie eine Momentaufnahme aktueller muslimischer Kleidungsstile aus aller Welt oder Werbung für die weibliche Verschleierung? In jedem Fall zeigt die Ausstellung, dass die Verhüllung des weiblichen Körpers und der Frisur nicht nur trist, sondern auch schön sein kann - und für manche Trägerinnen befreiend. Und sie ist durchaus politisch, diskutiert gesetzliche Kleiderordnungen und die Frage politischer Symbolik. Inzwischen wollen auch westliche Firmen von der Vielfalt muslimischer Mode profitieren. Sie haben die Konsumentinnen im Nahen Osten und Südostasien als kaufkräftige Klientel entdeckt. Dort ist ein riesiger Markt zu erschließen. Nicht selten wagen sie sich damit an die Grenzen religiöser und gesellschaftlicher Akzeptanz. Kann Mode solche Grenzen überwinden? "},"pluginData":{},"geoBlocked":false},"playerId":"4076","type":"audioOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.79310671.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.c442fe17.js","isAutoplay":true,"teaserSize":"50","realTeaserSize":"50"}}}},"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"label":{"type":"podcast","loca":"label_podcast","byline":{"bylineSsi":"53:13 min","bylineText":""}},"showFullSize":{"isTrue":false}}},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isParagraph":true,"text":{"split":[{"isText":true,"text":"Der Mitschüler erlitt dem Bericht zufolge eine Schienbeinprellung und eine kleine Schnittwunde. Die Eltern hätten daraufhin Anzeige erstattet – eine hr-Anfrage an die zuständige Polizei blieb bislang unbeantwortet. Der Mitschüler erlitt dem Bericht zufolge eine Schienbeinprellung und eine kleine Schnittwunde. Die Eltern hätten daraufhin Anzeige erstattet – eine hr-Anfrage an die zuständige Polizei blieb bislang unbeantwortet."}]}}]}
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
{{/components/base/link}}
|
|
7
7
|
{{else}}
|
|
8
8
|
<div class="font-title text-base mt-2.5 text-podcast-text dark:text-podcast-text-dark">
|
|
9
|
-
<span class="mt-0.5 {{#if _ordered}} pl-8 {{/if}}line-clamp-4 {{inline-switch _teaserSize '["hero","100","50"]''["text-base md:text-2xl lg:line-clamp-2","text-base md:text-2xl lg:line-clamp-2","text-base md:text-lg"]' ~}}">
|
|
9
|
+
<span class="mt-0.5 {{#if _ordered}} pl-8 {{/if}}line-clamp-4 {{inline-switch _teaserSize '["hero","100","50"]''["text-base md:text-2xl lg:line-clamp-2","text-base md:text-2xl lg:line-clamp-2","text-base md:text-lg","text-base md:text-2xl lg:line-clamp-2"]' ~}}">
|
|
10
10
|
{{~_title~}}
|
|
11
11
|
</span>
|
|
12
12
|
</div>
|
package/src/stories/views/components/site_header/section_navigation/section_navigation_item.hbs
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
@click.nextTick="correctFlyoutPos()"
|
|
13
13
|
@resize.window="dropped=false; correctFlyoutPos()"
|
|
14
14
|
:class="dropped ? 'lg:underline lg:text-primary font-bold lg:font-normal' : 'font-normal'"
|
|
15
|
-
class="{{#if this.selected}}-currentSection lg:justify-center !font-bold {{/if}}link-focus-inset
|
|
15
|
+
class="{{#if this.selected}}-currentSection lg:justify-center !font-bold {{/if}}link-focus-inset js-load pl-4 lg:pl-4 lg:pr-4 flex flex-auto w-full justify-between lg:flex-initial h-10 lg:w-full items-center leading-4"
|
|
16
16
|
x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')"
|
|
17
17
|
aria-owns="flyout-{{getRandom}}"
|
|
18
18
|
aria-controls="flyout-{{getRandom}}"
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
@click="preventDefault(isDesktopView(),$event); toggle(); correctFlyoutPos()"
|
|
29
29
|
@resize.window="dropped=false; correctFlyoutPos()"
|
|
30
30
|
:class="dropped ? 'lg:underline font-bold lg:font-normal' : 'font-normal'"
|
|
31
|
-
class="js-noStateManager {{#if this.selected}}-currentSection lg:justify-center !font-bold {{/if}}link-focus-inset
|
|
31
|
+
class="js-noStateManager {{#if this.selected}}-currentSection lg:justify-center !font-bold {{/if}}link-focus-inset js-load pl-4 pr-8 lg:pr-4 flex flex-auto justify-between lg:flex-initial h-10 lg:w-full items-center leading-4"
|
|
32
32
|
aria-haspopup="true"
|
|
33
33
|
x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen ? '0' : '-1')"
|
|
34
34
|
aria-owns="flyout-{{getRandom}}"
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
id="flyout-{{nextRandom}}-1"
|
|
43
43
|
|
|
44
44
|
:class="dropped ? 'font-bold' : ''"
|
|
45
|
-
class="{{#if this.selected}}-currentSection lg:justify-center {{/if}}link-focus-inset
|
|
45
|
+
class="{{#if this.selected}}-currentSection lg:justify-center {{/if}}link-focus-inset js-load pl-4 pr-8 lg:pl-4 lg:pr-4 flex flex-auto h-10 items-center leading-4 lg:w-full lg:justify-center{{#if this.selected}} font-bold{{/if}}"
|
|
46
46
|
{{#if this.labelText}} aria-label="{{this.labelText}}"{{/if}}
|
|
47
47
|
aria-haspopup="true"
|
|
48
48
|
x-effect="$el.setAttribute('aria-expanded', dropped || $screen('lg'));$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')"
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
|
|
57
57
|
{{!-- Gilt für START/GESELLSCHAFT/WIRTSCHAFT usw: --}}
|
|
58
58
|
<a href="{{if this.extern this.url (resourceUrl this.url)}}"
|
|
59
|
-
class="{{#if this.selected}}-currentSection lg:justify-center {{/if}} link-focus-inset
|
|
59
|
+
class="{{#if this.selected}}-currentSection lg:justify-center {{/if}} link-focus-inset js-load flex justify-start pl-4 pr-4 h-10 lg:justify-center items-center w-full{{#if this.selected}} font-bold{{/if}}"
|
|
60
60
|
{{#if this.labelText}} aria-label="{{this.labelText}}"{{/if}}
|
|
61
61
|
data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": "1", "clickLabel": "Rubriknavigation::{{this.text}}-Link geklickt"}]}'
|
|
62
62
|
x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<a class="relative flex items-center w-auto h-full text-white fill-current sb-service-logo link-focus-
|
|
1
|
+
<a class="relative flex items-center w-auto h-full text-white fill-current sb-service-logo link-focus-inset print:hidden"
|
|
2
2
|
href={{resourceUrl "index.html"}}
|
|
3
3
|
title="{{loca "header_homepage_link_title"}}">
|
|
4
4
|
|
package/src/stories/views/components/site_header/service_navigation/service_navigation_item.hbs
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
@close-servicemenu.window="dropped = false; $store.serviceNavIsOpen = false"
|
|
9
9
|
x-data="dropdown"
|
|
10
10
|
id="{{getRandom}}"
|
|
11
|
-
class="js-load flex flex-col items-center justify-center h-full px-4 text-left lg:justify-start lg:px-3 lg:pt-1 lg:hover:underline lg:relative lg:rounded-t lg:border-0 lg:left-0 text-navigation-icons link-focus-inset
|
|
11
|
+
class="js-load flex flex-col items-center justify-center h-full px-4 text-left lg:justify-start lg:px-3 lg:pt-1 lg:hover:underline lg:relative lg:rounded-t lg:border-0 lg:left-0 text-navigation-icons link-focus-inset {{#if this.selected}}-currentService{{/if}}"
|
|
12
12
|
|
|
13
13
|
:class="dropped ? 'bg-white fill-current text-primary lg:border-0 lg:underline' : ''"
|
|
14
14
|
aria-owns="flyout-{{getRandom}}"
|
|
@@ -20,9 +20,9 @@
|
|
|
20
20
|
{{else}}
|
|
21
21
|
|
|
22
22
|
{{#if this.extern}}
|
|
23
|
-
<a href="{{this.url}}" target="_blank" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:pt-1 lg:rounded-t link-focus-inset
|
|
23
|
+
<a href="{{this.url}}" target="_blank" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:pt-1 lg:rounded-t link-focus-inset js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": "1", "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'>
|
|
24
24
|
{{else}}
|
|
25
|
-
<a href="{{resourceUrl this.url}}" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:pt-1 lg:rounded-t link-focus-inset
|
|
25
|
+
<a href="{{resourceUrl this.url}}" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:pt-1 lg:rounded-t link-focus-inset js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": "1", "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'>
|
|
26
26
|
{{/if}}
|
|
27
27
|
|
|
28
28
|
{{/if}}
|
|
@@ -79,7 +79,7 @@ the 4 parameters are:
|
|
|
79
79
|
{{~/case~}}
|
|
80
80
|
{{~#case 'poster'~}}
|
|
81
81
|
{{#if _isCopytext~}}
|
|
82
|
-
{{~#if this.showFullSize.isTrue~}}text-2xl md:text-4xl{{else}}text-2xl{{~/if~}}
|
|
82
|
+
{{~#if this.showFullSize.isTrue~}}text-xl sm480:text-2xl md:text-4xl{{else}}text-xl sm480:text-2xl{{~/if~}}
|
|
83
83
|
{{else}}
|
|
84
84
|
{{~inline-switch _size '["50","33"]' '["text-2xl md:text-4xl","text-2xl"]'~}}
|
|
85
85
|
{{/if}}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<div class="relative grid flex-col col-span-12 mx-5 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 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>
|