hr-design-system-handlebars 1.28.1 → 1.28.3
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 +25 -0
- package/dist/assets/index.css +6 -11
- package/dist/views/components/teaser/components/teaser_image.hbs +26 -24
- package/dist/views/components/teaser/components/teaser_lead.hbs +1 -1
- package/dist/views/components/teaser/ticker/teaser_ticker_alternativ.hbs +6 -6
- package/dist/views/components/teaser/ticker/teaser_ticker_body.hbs +2 -2
- package/dist/views/components/teaser/ticker/teaser_ticker_standard.hbs +7 -7
- package/dist/views/components/teaser/ticker/teaser_ticker_timeline.hbs +20 -22
- package/package.json +1 -1
- package/src/stories/views/components/teaser/components/teaser_image.hbs +26 -24
- package/src/stories/views/components/teaser/components/teaser_lead.hbs +1 -1
- package/src/stories/views/components/teaser/ticker/teaser_ticker_alternativ.hbs +6 -6
- package/src/stories/views/components/teaser/ticker/teaser_ticker_body.hbs +2 -2
- package/src/stories/views/components/teaser/ticker/teaser_ticker_standard.hbs +7 -7
- package/src/stories/views/components/teaser/ticker/teaser_ticker_timeline.hbs +20 -22
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,28 @@
|
|
|
1
|
+
# v1.28.3 (Fri Jun 23 2023)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- some fixes 2 [#656](https://github.com/mumprod/hr-design-system-handlebars/pull/656) (saad.elbaciri@hr.de [@selbaciri](https://github.com/selbaciri))
|
|
6
|
+
|
|
7
|
+
#### Authors: 2
|
|
8
|
+
|
|
9
|
+
- Saad El Baciri ([@selbaciri](https://github.com/selbaciri))
|
|
10
|
+
- selbaciri (saad.elbaciri@hr.de)
|
|
11
|
+
|
|
12
|
+
---
|
|
13
|
+
|
|
14
|
+
# v1.28.2 (Fri Jun 23 2023)
|
|
15
|
+
|
|
16
|
+
#### 🐛 Bug Fix
|
|
17
|
+
|
|
18
|
+
- some fixes [#655](https://github.com/mumprod/hr-design-system-handlebars/pull/655) ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
19
|
+
|
|
20
|
+
#### Authors: 1
|
|
21
|
+
|
|
22
|
+
- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
23
|
+
|
|
24
|
+
---
|
|
25
|
+
|
|
1
26
|
# v1.28.1 (Thu Jun 22 2023)
|
|
2
27
|
|
|
3
28
|
#### 🐛 Bug Fix
|
package/dist/assets/index.css
CHANGED
|
@@ -2186,10 +2186,6 @@ video {
|
|
|
2186
2186
|
padding-left: 0.375rem;
|
|
2187
2187
|
padding-right: 0.375rem;
|
|
2188
2188
|
}
|
|
2189
|
-
.px-10 {
|
|
2190
|
-
padding-left: 2.5rem;
|
|
2191
|
-
padding-right: 2.5rem;
|
|
2192
|
-
}
|
|
2193
2189
|
.px-2 {
|
|
2194
2190
|
padding-left: 0.5rem;
|
|
2195
2191
|
padding-right: 0.5rem;
|
|
@@ -2364,6 +2360,9 @@ video {
|
|
|
2364
2360
|
.pt-2\.5 {
|
|
2365
2361
|
padding-top: 0.625rem;
|
|
2366
2362
|
}
|
|
2363
|
+
.pt-3 {
|
|
2364
|
+
padding-top: 0.75rem;
|
|
2365
|
+
}
|
|
2367
2366
|
.pt-4 {
|
|
2368
2367
|
padding-top: 1rem;
|
|
2369
2368
|
}
|
|
@@ -2820,7 +2819,7 @@ video {
|
|
|
2820
2819
|
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
2821
2820
|
}
|
|
2822
2821
|
.counter-reset {
|
|
2823
|
-
counter-reset:
|
|
2822
|
+
counter-reset: cnt1687527946984;
|
|
2824
2823
|
}
|
|
2825
2824
|
.hyphens-auto {
|
|
2826
2825
|
-webkit-hyphens: auto;
|
|
@@ -3055,7 +3054,7 @@ video {
|
|
|
3055
3054
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
3056
3055
|
}
|
|
3057
3056
|
.-ordered {
|
|
3058
|
-
counter-increment:
|
|
3057
|
+
counter-increment: cnt1687527946984 1;
|
|
3059
3058
|
}
|
|
3060
3059
|
.-ordered::before {
|
|
3061
3060
|
position: absolute;
|
|
@@ -3071,7 +3070,7 @@ video {
|
|
|
3071
3070
|
letter-spacing: .0125em;
|
|
3072
3071
|
--tw-text-opacity: 1;
|
|
3073
3072
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
3074
|
-
content: counter(
|
|
3073
|
+
content: counter(cnt1687527946984);
|
|
3075
3074
|
}
|
|
3076
3075
|
/*! ****************************/
|
|
3077
3076
|
/*! text-shadow */
|
|
@@ -4961,10 +4960,6 @@ video {
|
|
|
4961
4960
|
padding-right: 1rem;
|
|
4962
4961
|
}
|
|
4963
4962
|
|
|
4964
|
-
.md\:pb-5 {
|
|
4965
|
-
padding-bottom: 1.25rem;
|
|
4966
|
-
}
|
|
4967
|
-
|
|
4968
4963
|
.md\:pl-0 {
|
|
4969
4964
|
padding-left: 0px;
|
|
4970
4965
|
}
|
|
@@ -1,26 +1,28 @@
|
|
|
1
|
-
{{
|
|
2
|
-
|
|
3
|
-
{{
|
|
4
|
-
|
|
5
|
-
{{/
|
|
6
|
-
{{
|
|
7
|
-
{{
|
|
8
|
-
{{#if this.
|
|
9
|
-
{{#
|
|
10
|
-
{{
|
|
11
|
-
|
|
12
|
-
{{
|
|
13
|
-
|
|
14
|
-
|
|
1
|
+
<div class="relative {{_aspectRatio}}">
|
|
2
|
+
{{#unless this.hideGeotag}}
|
|
3
|
+
{{~#with this.geotag}}
|
|
4
|
+
{{> components/geoTag/geoTag _text=this.[0].title _teaserSize=../_teaserSize _isMobile1to1=../_isMobile1to1 }}
|
|
5
|
+
{{/with~}}
|
|
6
|
+
{{/unless}}
|
|
7
|
+
{{~> components/base/image/responsive_image this.teaserImage _type=this.teaserType _variant=this.imageVariant _noDelay=this.dontLazyload _addClassImg=_addClassImg ~}}
|
|
8
|
+
{{#if this.isProgram}}
|
|
9
|
+
{{#if this.showMediatheksLink}}
|
|
10
|
+
{{#with this}}
|
|
11
|
+
{{> components/base/image/icon _icon="play_button" _addClass="text-media-button fill-white hover:fill-media-button w-10 h-10 inline"}}
|
|
12
|
+
{{#*inline "css"~}}
|
|
13
|
+
{{~> components/button/utilities/button_on_image_classes _teaserSize=this.teaserSize _teaserType=this.teaserType _isMobile1to1=../../_isMobile1to1-adjust_context}}
|
|
14
|
+
{{/inline}}
|
|
15
|
+
{{/with}}
|
|
16
|
+
{{/if}}
|
|
15
17
|
{{/if}}
|
|
16
|
-
{{/if}}
|
|
17
18
|
|
|
18
|
-
{{#if this.isEvent}}
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
{{/if}}
|
|
19
|
+
{{#if this.isEvent}}
|
|
20
|
+
{{#unless this.displayTeaserBodyAsImageOverlay}}
|
|
21
|
+
{{#decorator 'components/teaser/components/teaser_image_overlay' _cssClasses="top-0 h-full"}}
|
|
22
|
+
<div class="flex flex-col items-center justify-center p-4">
|
|
23
|
+
{{> components/event/instant_dates}}
|
|
24
|
+
</div>
|
|
25
|
+
{{/decorator}}
|
|
26
|
+
{{/unless}}
|
|
27
|
+
{{/if}}
|
|
28
|
+
</div>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{{~#if this.allowAVConsumption ~}}
|
|
2
2
|
{{> components/teaser/components/teaser_av_consumption _aspectRatio=_aspectRatio _isMobile1to1=_isMobile1to1 _teaserSize=_teaserSize _teaserType=_teaserType _addClassImg=_addClassImg}}
|
|
3
3
|
{{else}}
|
|
4
|
-
{{> components/teaser/components/teaser_image _isMobile1to1=_isMobile1to1 _teaserSize=_teaserSize _addClassImg=_addClassImg}}
|
|
4
|
+
{{> components/teaser/components/teaser_image _isMobile1to1=_isMobile1to1 _teaserSize=_teaserSize _addClassImg=_addClassImg _aspectRatio=_aspectRatio}}
|
|
5
5
|
{{/if}}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
<article class="bg-highlight-3 md:rounded-tl-hr md:rounded-br-hr items-start relative col-span-12 flex md:flex-row gap-y-3 gap-x-4 md:gap-x-6 md:p-5
|
|
2
|
-
{{
|
|
2
|
+
{{~inline-switch this.teaserSize '["hero"]' '[" mx-0 md:rounded-tl-hr md:rounded-br-hr"," mx-5 sm:mx-0 rounded-tl-hr rounded-br-hr"]'}}
|
|
3
3
|
{{~inline-switch this.realTeaserSize '["hero","100","50"]' '[" flex-col"," flex-col"," md:col-span-6 px-5"]'~}}"
|
|
4
4
|
x-data="{ avStart: false }"
|
|
5
5
|
>
|
|
6
6
|
{{#if this.teaserImage}}
|
|
7
|
-
{{
|
|
8
|
-
|
|
9
|
-
{{> components/teaser/components/teaser_lead _addClassImg=(
|
|
10
|
-
|
|
11
|
-
|
|
7
|
+
<figure class="{{> components/teaser/utilities/teaser_image_cypress_hook_classes}} relative w-full ar-16-9 {{~inline-switch this.realTeaserSize '["hero","100"]' '[" md:basis-1/2-gap-6 "," md:basis-1/3-gap-6"]'~}}">
|
|
8
|
+
{{#>components/base/link _link=this.link }}
|
|
9
|
+
{{> components/teaser/components/teaser_lead _addClassImg=(inline-switch this.teaserSize '["hero"]' '[" md:rounded-tl-hr", "rounded-tl-hr"]') _teaserSize=this.realTeaserSize _teaserType=this.teaserType _aspectRatio="ar-16-9 md:ar-1-1" }}
|
|
10
|
+
{{/components/base/link}}
|
|
11
|
+
</figure>
|
|
12
12
|
{{> components/teaser/ticker/teaser_ticker_body _teaserType=this.teaserType _outerCssClasses=(inline-switch this.realTeaserSize '["hero","100"]' '[" gap-y-5 md:basis-1/2-gap-6"," gap-y-5 md:basis-2/3-gap-6"]') }}
|
|
13
13
|
{{else}}
|
|
14
14
|
{{> components/teaser/ticker/teaser_ticker_body _outerCssClasses="basis-full h-full gap-y-5 pt-5 md:pt-0" }}
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
{{#with this.label}}
|
|
6
6
|
{{#> components/label/label_group}}
|
|
7
7
|
{{> components/label/label _type=this.type _text=(loca this.loca) }}
|
|
8
|
-
{{> components/label/label_byline _css="ml-2 text-tickerTeaserlabelByline" _text
|
|
8
|
+
{{> components/label/label_byline _css="ml-2 text-tickerTeaserlabelByline" _text=../../../this.tickerTopic }}
|
|
9
9
|
{{/components/label/label_group}}
|
|
10
10
|
{{/with~}}
|
|
11
11
|
{{#> components/teaser/components/teaser_headline _headlineTag=this.headlineTag _css="overflow-anywhere hyphens-auto"}}
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
{{/components/base/link}}
|
|
18
18
|
{{/components/teaser/components/teaser_header}}
|
|
19
19
|
|
|
20
|
-
{{> components/teaser/ticker/teaser_ticker_timeline _css=(inline-switch _teaserSize '["25","33"]' '[" hidden"," md:hidden"]') _color="white"
|
|
20
|
+
{{> components/teaser/ticker/teaser_ticker_timeline _css=(inline-switch _teaserSize '["25","33"]' '[" hidden"," md:hidden"]') _color="white" }}
|
|
21
21
|
{{> components/teaser/ticker/teaser_ticker_footer _teaserSize=_teaserSize}}
|
|
22
22
|
|
|
23
23
|
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
<article class="bg-highlight-3 items-start relative col-span-12 flex flex-col gap-y-3 gap-x-4
|
|
2
|
-
{{
|
|
1
|
+
<article class="bg-highlight-3 items-start relative col-span-12 flex flex-col gap-y-3 gap-x-4
|
|
2
|
+
{{~inline-switch this.teaserSize '["hero"]' '[" mx-0 md:rounded-tl-hr md:rounded-br-hr"," mx-5 sm:mx-0 rounded-tl-hr rounded-br-hr"]'}}
|
|
3
3
|
{{~inline-switch this.teaserSize '["25","33","50"]' '[" md:col-span-3"," md:col-span-4"," md:col-span-6",""]'}}"
|
|
4
4
|
x-data="{ avStart: false }"
|
|
5
5
|
>
|
|
6
6
|
{{#if this.teaserImage}}
|
|
7
|
-
{{#>components/base/link _link=this.link }}
|
|
8
7
|
<figure class="{{> components/teaser/utilities/teaser_image_cypress_hook_classes}}relative ar-16-9 w-full {{inline-switch this.teaserSize '["25"]' '[" hidden"]'~}}">
|
|
9
|
-
{{
|
|
8
|
+
{{#>components/base/link _link=this.link }}
|
|
9
|
+
{{> components/teaser/components/teaser_lead _addClassImg=(inline-switch this.teaserSize '["hero"]' '[" md:rounded-tl-hr", "rounded-tl-hr"]') _teaserSize=this.teaserSize _teaserType=this.teaserType _aspectRatio="ar-16-9" }}
|
|
10
|
+
{{/components/base/link}}
|
|
10
11
|
</figure>
|
|
11
|
-
{{
|
|
12
|
-
{{> components/teaser/ticker/teaser_ticker_body _teaserSize=this.teaserSize _outerCssClasses=(inline-switch this.realTeaserSize '["25"]' '[" gap-y-3", "gap-y-5"]')}}
|
|
12
|
+
{{> components/teaser/ticker/teaser_ticker_body _teaserSize=this.teaserSize _outerCssClasses=(inline-switch this.realTeaserSize '["25"]' '[" pt-3 gap-y-3", "gap-y-5"]')}}
|
|
13
13
|
{{else}}
|
|
14
|
-
{{> components/teaser/ticker/teaser_ticker_body _teaserSize=this.teaserSize _outerCssClasses=(inline-switch this.realTeaserSize '["25"]' '[" gap-y-3", " pt-5 gap-y-5"]')}}
|
|
14
|
+
{{> components/teaser/ticker/teaser_ticker_body _teaserSize=this.teaserSize _outerCssClasses=(inline-switch this.realTeaserSize '["25"]' '[" pt-3 gap-y-3", " pt-5 gap-y-5"]')}}
|
|
15
15
|
{{/if}}
|
|
16
16
|
</article>
|
|
@@ -1,29 +1,27 @@
|
|
|
1
1
|
{{~#with this.tickerItemResults ~}}
|
|
2
2
|
<ul class="{{#if ../_css}} {{../_css}}{{/if}} {{if ../this.isStandardTeaser ' pl-10 pr-5' ' pl-10 md:pl-5 pr-5 md:pr-0'}}">
|
|
3
3
|
{{~#each this~}}
|
|
4
|
-
|
|
5
|
-
<
|
|
6
|
-
<div class="
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
<div class="
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
4
|
+
<li class="relative h-auto [&:not(:last-child)]:pb-5">
|
|
5
|
+
<div class="absolute h-full">
|
|
6
|
+
<div class="relative w-[9px] h-[9px] rounded-full top-0.5 bg-tickerTeaserTimelineScore -left-5"></div>
|
|
7
|
+
{{#unless @last}}
|
|
8
|
+
<div class="relative flex flex-col w-0 h-full -left-4">
|
|
9
|
+
<div class="h-full my-2 border-l{{#if ../../_color}} border-{{../../_color}}{{else}} border-gray-400{{/if}}"></div>
|
|
10
|
+
<div class="h-2"></div>
|
|
11
|
+
</div>
|
|
12
|
+
{{/unless}}
|
|
13
|
+
</div>
|
|
14
|
+
{{#with this.tickerItemDateTime~}}
|
|
15
|
+
<div class="text-xs{{#if ../../../_color}} text-{{../../../_color}}{{/if}}">
|
|
16
|
+
{{#if ../../../this.isMultiDay}}
|
|
17
|
+
{{this.broadcastDate }}
|
|
18
|
+
{{else}}
|
|
19
|
+
{{this.time }}
|
|
20
|
+
{{/if}}
|
|
14
21
|
</div>
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
{{this.broadcastDate }}
|
|
19
|
-
{{else}}
|
|
20
|
-
{{this.time }}
|
|
21
|
-
{{/if}}
|
|
22
|
-
</div>
|
|
23
|
-
{{~/with}}
|
|
24
|
-
<a class="text-base{{#if ../../_color}} text-{{../../_color}}{{else}} text-toplineColor{{/if}} underline decoration-1 ds-link" href="{{this.tickerItemUrl}}">{{this.relevantTitle}}</a>
|
|
25
|
-
</li>
|
|
26
|
-
{{/if}}
|
|
22
|
+
{{~/with}}
|
|
23
|
+
<a class="text-base{{#if ../../_color}} text-{{../../_color}}{{else}} text-toplineColor{{/if}} underline decoration-1 ds-link" href="{{this.tickerItemUrl}}">{{this.relevantTitle}}</a>
|
|
24
|
+
</li>
|
|
27
25
|
{{~/each~}}
|
|
28
26
|
</ul>
|
|
29
27
|
{{~/with~}}
|
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.28.
|
|
9
|
+
"version": "1.28.3",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -1,26 +1,28 @@
|
|
|
1
|
-
{{
|
|
2
|
-
|
|
3
|
-
{{
|
|
4
|
-
|
|
5
|
-
{{/
|
|
6
|
-
{{
|
|
7
|
-
{{
|
|
8
|
-
{{#if this.
|
|
9
|
-
{{#
|
|
10
|
-
{{
|
|
11
|
-
|
|
12
|
-
{{
|
|
13
|
-
|
|
14
|
-
|
|
1
|
+
<div class="relative {{_aspectRatio}}">
|
|
2
|
+
{{#unless this.hideGeotag}}
|
|
3
|
+
{{~#with this.geotag}}
|
|
4
|
+
{{> components/geoTag/geoTag _text=this.[0].title _teaserSize=../_teaserSize _isMobile1to1=../_isMobile1to1 }}
|
|
5
|
+
{{/with~}}
|
|
6
|
+
{{/unless}}
|
|
7
|
+
{{~> components/base/image/responsive_image this.teaserImage _type=this.teaserType _variant=this.imageVariant _noDelay=this.dontLazyload _addClassImg=_addClassImg ~}}
|
|
8
|
+
{{#if this.isProgram}}
|
|
9
|
+
{{#if this.showMediatheksLink}}
|
|
10
|
+
{{#with this}}
|
|
11
|
+
{{> components/base/image/icon _icon="play_button" _addClass="text-media-button fill-white hover:fill-media-button w-10 h-10 inline"}}
|
|
12
|
+
{{#*inline "css"~}}
|
|
13
|
+
{{~> components/button/utilities/button_on_image_classes _teaserSize=this.teaserSize _teaserType=this.teaserType _isMobile1to1=_isMobile1to1-adjust_context}}
|
|
14
|
+
{{/inline}}
|
|
15
|
+
{{/with}}
|
|
16
|
+
{{/if}}
|
|
15
17
|
{{/if}}
|
|
16
|
-
{{/if}}
|
|
17
18
|
|
|
18
|
-
{{#if this.isEvent}}
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
{{/if}}
|
|
19
|
+
{{#if this.isEvent}}
|
|
20
|
+
{{#unless this.displayTeaserBodyAsImageOverlay}}
|
|
21
|
+
{{#decorator 'components/teaser/components/teaser_image_overlay' _cssClasses="top-0 h-full"}}
|
|
22
|
+
<div class="flex flex-col items-center justify-center p-4">
|
|
23
|
+
{{> components/event/instant_dates}}
|
|
24
|
+
</div>
|
|
25
|
+
{{/decorator}}
|
|
26
|
+
{{/unless}}
|
|
27
|
+
{{/if}}
|
|
28
|
+
</div>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{{~#if this.allowAVConsumption ~}}
|
|
2
2
|
{{> components/teaser/components/teaser_av_consumption _aspectRatio=_aspectRatio _isMobile1to1=_isMobile1to1 _teaserSize=_teaserSize _teaserType=_teaserType _addClassImg=_addClassImg}}
|
|
3
3
|
{{else}}
|
|
4
|
-
{{> components/teaser/components/teaser_image _isMobile1to1=_isMobile1to1 _teaserSize=_teaserSize _addClassImg=_addClassImg}}
|
|
4
|
+
{{> components/teaser/components/teaser_image _isMobile1to1=_isMobile1to1 _teaserSize=_teaserSize _addClassImg=_addClassImg _aspectRatio=_aspectRatio}}
|
|
5
5
|
{{/if}}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
<article class="bg-highlight-3 md:rounded-tl-hr md:rounded-br-hr items-start relative col-span-12 flex md:flex-row gap-y-3 gap-x-4 md:gap-x-6 md:p-5
|
|
2
|
-
{{
|
|
2
|
+
{{~inline-switch this.teaserSize '["hero"]' '[" mx-0 md:rounded-tl-hr md:rounded-br-hr"," mx-5 sm:mx-0 rounded-tl-hr rounded-br-hr"]'}}
|
|
3
3
|
{{~inline-switch this.realTeaserSize '["hero","100","50"]' '[" flex-col"," flex-col"," md:col-span-6 px-5"]'~}}"
|
|
4
4
|
x-data="{ avStart: false }"
|
|
5
5
|
>
|
|
6
6
|
{{#if this.teaserImage}}
|
|
7
|
-
{{
|
|
8
|
-
|
|
9
|
-
{{> components/teaser/components/teaser_lead _addClassImg=(
|
|
10
|
-
|
|
11
|
-
|
|
7
|
+
<figure class="{{> components/teaser/utilities/teaser_image_cypress_hook_classes}} relative w-full ar-16-9 {{~inline-switch this.realTeaserSize '["hero","100"]' '[" md:basis-1/2-gap-6 "," md:basis-1/3-gap-6"]'~}}">
|
|
8
|
+
{{#>components/base/link _link=this.link }}
|
|
9
|
+
{{> components/teaser/components/teaser_lead _addClassImg=(inline-switch this.teaserSize '["hero"]' '[" md:rounded-tl-hr", "rounded-tl-hr"]') _teaserSize=this.realTeaserSize _teaserType=this.teaserType _aspectRatio="ar-16-9 md:ar-1-1" }}
|
|
10
|
+
{{/components/base/link}}
|
|
11
|
+
</figure>
|
|
12
12
|
{{> components/teaser/ticker/teaser_ticker_body _teaserType=this.teaserType _outerCssClasses=(inline-switch this.realTeaserSize '["hero","100"]' '[" gap-y-5 md:basis-1/2-gap-6"," gap-y-5 md:basis-2/3-gap-6"]') }}
|
|
13
13
|
{{else}}
|
|
14
14
|
{{> components/teaser/ticker/teaser_ticker_body _outerCssClasses="basis-full h-full gap-y-5 pt-5 md:pt-0" }}
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
{{#with this.label}}
|
|
6
6
|
{{#> components/label/label_group}}
|
|
7
7
|
{{> components/label/label _type=this.type _text=(loca this.loca) }}
|
|
8
|
-
{{> components/label/label_byline _css="ml-2 text-tickerTeaserlabelByline" _text
|
|
8
|
+
{{> components/label/label_byline _css="ml-2 text-tickerTeaserlabelByline" _text=../../../this.tickerTopic }}
|
|
9
9
|
{{/components/label/label_group}}
|
|
10
10
|
{{/with~}}
|
|
11
11
|
{{#> components/teaser/components/teaser_headline _headlineTag=this.headlineTag _css="overflow-anywhere hyphens-auto"}}
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
{{/components/base/link}}
|
|
18
18
|
{{/components/teaser/components/teaser_header}}
|
|
19
19
|
|
|
20
|
-
{{> components/teaser/ticker/teaser_ticker_timeline _css=(inline-switch _teaserSize '["25","33"]' '[" hidden"," md:hidden"]') _color="white"
|
|
20
|
+
{{> components/teaser/ticker/teaser_ticker_timeline _css=(inline-switch _teaserSize '["25","33"]' '[" hidden"," md:hidden"]') _color="white" }}
|
|
21
21
|
{{> components/teaser/ticker/teaser_ticker_footer _teaserSize=_teaserSize}}
|
|
22
22
|
|
|
23
23
|
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
<article class="bg-highlight-3 items-start relative col-span-12 flex flex-col gap-y-3 gap-x-4
|
|
2
|
-
{{
|
|
1
|
+
<article class="bg-highlight-3 items-start relative col-span-12 flex flex-col gap-y-3 gap-x-4
|
|
2
|
+
{{~inline-switch this.teaserSize '["hero"]' '[" mx-0 md:rounded-tl-hr md:rounded-br-hr"," mx-5 sm:mx-0 rounded-tl-hr rounded-br-hr"]'}}
|
|
3
3
|
{{~inline-switch this.teaserSize '["25","33","50"]' '[" md:col-span-3"," md:col-span-4"," md:col-span-6",""]'}}"
|
|
4
4
|
x-data="{ avStart: false }"
|
|
5
5
|
>
|
|
6
6
|
{{#if this.teaserImage}}
|
|
7
|
-
{{#>components/base/link _link=this.link }}
|
|
8
7
|
<figure class="{{> components/teaser/utilities/teaser_image_cypress_hook_classes}}relative ar-16-9 w-full {{inline-switch this.teaserSize '["25"]' '[" hidden"]'~}}">
|
|
9
|
-
{{
|
|
8
|
+
{{#>components/base/link _link=this.link }}
|
|
9
|
+
{{> components/teaser/components/teaser_lead _addClassImg=(inline-switch this.teaserSize '["hero"]' '[" md:rounded-tl-hr", "rounded-tl-hr"]') _teaserSize=this.teaserSize _teaserType=this.teaserType _aspectRatio="ar-16-9" }}
|
|
10
|
+
{{/components/base/link}}
|
|
10
11
|
</figure>
|
|
11
|
-
{{
|
|
12
|
-
{{> components/teaser/ticker/teaser_ticker_body _teaserSize=this.teaserSize _outerCssClasses=(inline-switch this.realTeaserSize '["25"]' '[" gap-y-3", "gap-y-5"]')}}
|
|
12
|
+
{{> components/teaser/ticker/teaser_ticker_body _teaserSize=this.teaserSize _outerCssClasses=(inline-switch this.realTeaserSize '["25"]' '[" pt-3 gap-y-3", "gap-y-5"]')}}
|
|
13
13
|
{{else}}
|
|
14
|
-
{{> components/teaser/ticker/teaser_ticker_body _teaserSize=this.teaserSize _outerCssClasses=(inline-switch this.realTeaserSize '["25"]' '[" gap-y-3", " pt-5 gap-y-5"]')}}
|
|
14
|
+
{{> components/teaser/ticker/teaser_ticker_body _teaserSize=this.teaserSize _outerCssClasses=(inline-switch this.realTeaserSize '["25"]' '[" pt-3 gap-y-3", " pt-5 gap-y-5"]')}}
|
|
15
15
|
{{/if}}
|
|
16
16
|
</article>
|
|
@@ -1,29 +1,27 @@
|
|
|
1
1
|
{{~#with this.tickerItemResults ~}}
|
|
2
2
|
<ul class="{{#if ../_css}} {{../_css}}{{/if}} {{if ../this.isStandardTeaser ' pl-10 pr-5' ' pl-10 md:pl-5 pr-5 md:pr-0'}}">
|
|
3
3
|
{{~#each this~}}
|
|
4
|
-
|
|
5
|
-
<
|
|
6
|
-
<div class="
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
<div class="
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
4
|
+
<li class="relative h-auto [&:not(:last-child)]:pb-5">
|
|
5
|
+
<div class="absolute h-full">
|
|
6
|
+
<div class="relative w-[9px] h-[9px] rounded-full top-0.5 bg-tickerTeaserTimelineScore -left-5"></div>
|
|
7
|
+
{{#unless @last}}
|
|
8
|
+
<div class="relative flex flex-col w-0 h-full -left-4">
|
|
9
|
+
<div class="h-full my-2 border-l{{#if ../../_color}} border-{{../../_color}}{{else}} border-gray-400{{/if}}"></div>
|
|
10
|
+
<div class="h-2"></div>
|
|
11
|
+
</div>
|
|
12
|
+
{{/unless}}
|
|
13
|
+
</div>
|
|
14
|
+
{{#with this.tickerItemDateTime~}}
|
|
15
|
+
<div class="text-xs{{#if ../../../_color}} text-{{../../../_color}}{{/if}}">
|
|
16
|
+
{{#if ../../../this.isMultiDay}}
|
|
17
|
+
{{this.broadcastDate }}
|
|
18
|
+
{{else}}
|
|
19
|
+
{{this.time }}
|
|
20
|
+
{{/if}}
|
|
14
21
|
</div>
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
{{this.broadcastDate }}
|
|
19
|
-
{{else}}
|
|
20
|
-
{{this.time }}
|
|
21
|
-
{{/if}}
|
|
22
|
-
</div>
|
|
23
|
-
{{~/with}}
|
|
24
|
-
<a class="text-base{{#if ../../_color}} text-{{../../_color}}{{else}} text-toplineColor{{/if}} underline decoration-1 ds-link" href="{{this.tickerItemUrl}}">{{this.relevantTitle}}</a>
|
|
25
|
-
</li>
|
|
26
|
-
{{/if}}
|
|
22
|
+
{{~/with}}
|
|
23
|
+
<a class="text-base{{#if ../../_color}} text-{{../../_color}}{{else}} text-toplineColor{{/if}} underline decoration-1 ds-link" href="{{this.tickerItemUrl}}">{{this.relevantTitle}}</a>
|
|
24
|
+
</li>
|
|
27
25
|
{{~/each~}}
|
|
28
26
|
</ul>
|
|
29
27
|
{{~/with~}}
|