hr-design-system-handlebars 0.88.0 → 0.89.0
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 +3 -3
- package/dist/views/components/teaser/components/teaser_body.hbs +1 -1
- package/dist/views/components/teaser/components/teaser_image.hbs +2 -2
- package/dist/views/components/teaser/components/teaser_text.hbs +6 -9
- package/dist/views/components/teaser/tabbox/group_tabbox.hbs +1 -1
- package/package.json +1 -1
- package/src/assets/fixtures/teaser/teasers.inc.json +1 -1
- package/src/stories/views/components/teaser/components/teaser_body.hbs +1 -1
- package/src/stories/views/components/teaser/components/teaser_image.hbs +2 -2
- package/src/stories/views/components/teaser/components/teaser_text.hbs +6 -9
- package/src/stories/views/components/teaser/fixtures/teaser_alternative_hero_serif_program.json +1 -1
- package/src/stories/views/components/teaser/tabbox/group_tabbox.hbs +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,27 @@
|
|
|
1
|
+
# v0.89.0 (Mon Nov 28 2022)
|
|
2
|
+
|
|
3
|
+
#### 🚀 Enhancement
|
|
4
|
+
|
|
5
|
+
- Feature/dpe 1671: Remove not needed code parts for tracking [#399](https://github.com/mumprod/hr-design-system-handlebars/pull/399) ([@mariokinzel](https://github.com/mariokinzel))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- [@mariokinzel](https://github.com/mariokinzel)
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v0.88.1 (Fri Nov 25 2022)
|
|
14
|
+
|
|
15
|
+
#### 🐛 Bug Fix
|
|
16
|
+
|
|
17
|
+
- teasertext linked; Tabbox-Button blue [#397](https://github.com/mumprod/hr-design-system-handlebars/pull/397) ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
18
|
+
|
|
19
|
+
#### Authors: 1
|
|
20
|
+
|
|
21
|
+
- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
1
25
|
# v0.88.0 (Thu Nov 24 2022)
|
|
2
26
|
|
|
3
27
|
#### 🚀 Enhancement
|
package/dist/assets/index.css
CHANGED
|
@@ -2253,7 +2253,7 @@ video {
|
|
|
2253
2253
|
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
|
|
2254
2254
|
}
|
|
2255
2255
|
.counter-reset {
|
|
2256
|
-
counter-reset:
|
|
2256
|
+
counter-reset: cnt1669641777329;
|
|
2257
2257
|
}
|
|
2258
2258
|
.line-clamp-4 {
|
|
2259
2259
|
overflow: hidden;
|
|
@@ -2639,7 +2639,7 @@ video {
|
|
|
2639
2639
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
2640
2640
|
}
|
|
2641
2641
|
.-ordered {
|
|
2642
|
-
counter-increment:
|
|
2642
|
+
counter-increment: cnt1669641777329 1;
|
|
2643
2643
|
}
|
|
2644
2644
|
.-ordered::before {
|
|
2645
2645
|
position: absolute;
|
|
@@ -2655,7 +2655,7 @@ video {
|
|
|
2655
2655
|
letter-spacing: .0125em;
|
|
2656
2656
|
--tw-text-opacity: 1;
|
|
2657
2657
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
2658
|
-
content: counter(
|
|
2658
|
+
content: counter(cnt1669641777329);
|
|
2659
2659
|
}
|
|
2660
2660
|
.\[-T\:\+Z\] {
|
|
2661
2661
|
--t: +Z;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<div class="{{~#if this.isMobile1to1}}basis-3/5 md:flex-full{{/if~}}{{#if _outerCssClasses}} {{_outerCssClasses}}{{/if}}">
|
|
2
2
|
<header class="md:px-0{{#unless this.isMobile1to1}} px-5{{/unless}}">
|
|
3
|
-
{{#decorator 'components/base/link' _css="hover:text-toplineColor" _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.teaserSize _clickLabelPrefix2=
|
|
3
|
+
{{#decorator 'components/base/link' _css="hover:text-toplineColor" _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.teaserSize _clickLabelPrefix2='headlineLink' }}
|
|
4
4
|
{{> components/teaser/components/teaser_heading
|
|
5
5
|
_fontVariant=this.headingFontVariant
|
|
6
6
|
_headlineTag=this.headlineTag
|
|
@@ -6,12 +6,12 @@
|
|
|
6
6
|
{{/with~}}
|
|
7
7
|
{{/unless}}
|
|
8
8
|
{{/unless}}
|
|
9
|
-
{{#decorator 'components/base/link' _isAriaHidden=true _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.teaserSize _clickLabelPrefix2=
|
|
9
|
+
{{#decorator 'components/base/link' _isAriaHidden=true _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.teaserSize _clickLabelPrefix2='mediaLink' }}
|
|
10
10
|
{{~> components/base/image/responsive_image this.teaserImage _type=this.teaserType _variant=this.imageVariant _noDelay=../this.dontLazyload _addClassImg="" ~}}
|
|
11
11
|
{{/decorator}}
|
|
12
12
|
{{#if this.isProgram}}
|
|
13
13
|
{{#if this.showMediatheksLink}}
|
|
14
|
-
{{#decorator 'components/base/link' _isAriaHidden=true _doTracking='true' _clickLabelPrefix1=this.
|
|
14
|
+
{{#decorator 'components/base/link' _isAriaHidden=true _doTracking='true' _clickLabelPrefix1=this.teaserSize _clickLabelPrefix2="mediaLink"}}
|
|
15
15
|
{{> components/button/button_round
|
|
16
16
|
_isButton="true"
|
|
17
17
|
_addClass='absolute bottom-0 right-0 fill-white hover:text-white js-mediaplayer__button'
|
|
@@ -1,15 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
{{#decorator 'components/base/link' _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.teaserSize _clickLabelPrefix2="teasertextLink" }}
|
|
2
|
+
<span class='flex space-around {{inline-switch _size '["25"]' '["hidden ","hidden md:block "]'~}}
|
|
3
|
+
text-base mt-3 font-copy'>
|
|
4
|
+
{{~_text~}}
|
|
5
|
+
</span>
|
|
6
|
+
{{/decorator}}
|
|
5
7
|
{{#if this.isExtOrBrandLink}}
|
|
6
8
|
{{#decorator 'components/base/link' _css="inline-flex flex-end text-link hover:text-link" _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.realTeasersize _clickLabelPrefix2="moreLink"}}
|
|
7
9
|
<span class="inline-flex flex-wrap items-end hover:underline decoration-1">[{{this.link.readMoreText.readMore}}{{~#if this.link.hasIcon}}{{> components/base/image/icon _icon=this.link.iconName _iconmap="icons" _addClass="w-5 h-5 fill-current ml-1"}}{{/if~}}]</span>
|
|
8
10
|
{{/decorator}}
|
|
9
11
|
{{/if}}
|
|
10
|
-
{{#if this.showMediatheksLink}}
|
|
11
|
-
{{#decorator 'components/base/link' _css="inline-flex flex-end text-link hover:text-link" _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.realTeasersize _clickLabelPrefix2="ARD-Mediatheksvideo mehr-Link geklickt"}}
|
|
12
|
-
<span class="inline-flex flex-wrap items-end hover:underline decoration-1">[{{this.link.readMoreText.readMore}}{{~#if this.link.hasIcon}}{{> components/base/image/icon _icon=this.link.iconName _iconmap="icons" _addClass="w-5 h-5 fill-current ml-1"}}{{/if~}}]</span>
|
|
13
|
-
{{/decorator}}
|
|
14
|
-
{{/if}}
|
|
15
12
|
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
</div>
|
|
21
21
|
{{~#if this.link~}}
|
|
22
22
|
<div class="flex justify-center pt-8">
|
|
23
|
-
{{~> components/button/button_pseudo _linkTitle=(loca "group_tabbed_more" this.title) ~}}
|
|
23
|
+
{{~> components/button/button_pseudo _color="blue" _linkTitle=(loca "group_tabbed_more" this.title) ~}}
|
|
24
24
|
</div>
|
|
25
25
|
{{~/if~}}
|
|
26
26
|
</section>
|
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": "0.
|
|
9
|
+
"version": "0.89.0",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "start-storybook -p 6006 public",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<div class="{{~#if this.isMobile1to1}}basis-3/5 md:flex-full{{/if~}}{{#if _outerCssClasses}} {{_outerCssClasses}}{{/if}}">
|
|
2
2
|
<header class="md:px-0{{#unless this.isMobile1to1}} px-5{{/unless}}">
|
|
3
|
-
{{#decorator 'components/base/link' _css="hover:text-toplineColor" _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.teaserSize _clickLabelPrefix2=
|
|
3
|
+
{{#decorator 'components/base/link' _css="hover:text-toplineColor" _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.teaserSize _clickLabelPrefix2='headlineLink' }}
|
|
4
4
|
{{> components/teaser/components/teaser_heading
|
|
5
5
|
_fontVariant=this.headingFontVariant
|
|
6
6
|
_headlineTag=this.headlineTag
|
|
@@ -6,12 +6,12 @@
|
|
|
6
6
|
{{/with~}}
|
|
7
7
|
{{/unless}}
|
|
8
8
|
{{/unless}}
|
|
9
|
-
{{#decorator 'components/base/link' _isAriaHidden=true _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.teaserSize _clickLabelPrefix2=
|
|
9
|
+
{{#decorator 'components/base/link' _isAriaHidden=true _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.teaserSize _clickLabelPrefix2='mediaLink' }}
|
|
10
10
|
{{~> components/base/image/responsive_image this.teaserImage _type=this.teaserType _variant=this.imageVariant _noDelay=../this.dontLazyload _addClassImg="" ~}}
|
|
11
11
|
{{/decorator}}
|
|
12
12
|
{{#if this.isProgram}}
|
|
13
13
|
{{#if this.showMediatheksLink}}
|
|
14
|
-
{{#decorator 'components/base/link' _isAriaHidden=true _doTracking='true' _clickLabelPrefix1=this.
|
|
14
|
+
{{#decorator 'components/base/link' _isAriaHidden=true _doTracking='true' _clickLabelPrefix1=this.teaserSize _clickLabelPrefix2="mediaLink"}}
|
|
15
15
|
{{> components/button/button_round
|
|
16
16
|
_isButton="true"
|
|
17
17
|
_addClass='absolute bottom-0 right-0 fill-white hover:text-white js-mediaplayer__button'
|
|
@@ -1,15 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
{{#decorator 'components/base/link' _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.teaserSize _clickLabelPrefix2="teasertextLink" }}
|
|
2
|
+
<span class='flex space-around {{inline-switch _size '["25"]' '["hidden ","hidden md:block "]'~}}
|
|
3
|
+
text-base mt-3 font-copy'>
|
|
4
|
+
{{~_text~}}
|
|
5
|
+
</span>
|
|
6
|
+
{{/decorator}}
|
|
5
7
|
{{#if this.isExtOrBrandLink}}
|
|
6
8
|
{{#decorator 'components/base/link' _css="inline-flex flex-end text-link hover:text-link" _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.realTeasersize _clickLabelPrefix2="moreLink"}}
|
|
7
9
|
<span class="inline-flex flex-wrap items-end hover:underline decoration-1">[{{this.link.readMoreText.readMore}}{{~#if this.link.hasIcon}}{{> components/base/image/icon _icon=this.link.iconName _iconmap="icons" _addClass="w-5 h-5 fill-current ml-1"}}{{/if~}}]</span>
|
|
8
10
|
{{/decorator}}
|
|
9
11
|
{{/if}}
|
|
10
|
-
{{#if this.showMediatheksLink}}
|
|
11
|
-
{{#decorator 'components/base/link' _css="inline-flex flex-end text-link hover:text-link" _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.realTeasersize _clickLabelPrefix2="ARD-Mediatheksvideo mehr-Link geklickt"}}
|
|
12
|
-
<span class="inline-flex flex-wrap items-end hover:underline decoration-1">[{{this.link.readMoreText.readMore}}{{~#if this.link.hasIcon}}{{> components/base/image/icon _icon=this.link.iconName _iconmap="icons" _addClass="w-5 h-5 fill-current ml-1"}}{{/if~}}]</span>
|
|
13
|
-
{{/decorator}}
|
|
14
|
-
{{/if}}
|
|
15
12
|
|
package/src/stories/views/components/teaser/fixtures/teaser_alternative_hero_serif_program.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_alternative","includeModel":{"byline":"Do. 22.12.2022 22:30 Uhr","title":"Mittendrin - Frankfurt Flughafen (19)","topline":"","headingFontVariant":"serif","extendedTitle":"Einsatz für die Enteiser am Flughafen","teaserType":"alternative-ds","teaserSize":"hero","isMobile1to1":false,"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":false,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":false,"showTeaserInfoProgramRef":true},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"Vorname Nachname","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/jugendfeuerwehr-102_v-16to9__medium.jpg","sources":[{"sizes":"(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw","srcset":"images/jugendfeuerwehr-102_v-16to9__small.jpg 320w, images/jugendfeuerwehr-102_v-16to9__medium.jpg 480w, images/jugendfeuerwehr-102_v-16to9__medium__extended.jpg 640w, images/jugendfeuerwehr-102_v-16to9.jpg 960w, images/jugendfeuerwehr-102_v-16to9__retina.jpg 1920w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":true,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":true,"isMediaTeaser":true,"isGuide":false,"isProgram":true,"isEvent":false,"isTicker":false,"isAudio":false,"isVideo":false,"isPodcastEpisode":false,"isExtOrBrandLink":
|
|
1
|
+
{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_alternative","includeModel":{"byline":"Do. 22.12.2022 22:30 Uhr","title":"Mittendrin - Frankfurt Flughafen (19)","topline":"","headingFontVariant":"serif","extendedTitle":"Einsatz für die Enteiser am Flughafen","teaserType":"alternative-ds","teaserSize":"hero","isMobile1to1":false,"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":false,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":false,"showTeaserInfoProgramRef":true},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"Vorname Nachname","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/jugendfeuerwehr-102_v-16to9__medium.jpg","sources":[{"sizes":"(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw","srcset":"images/jugendfeuerwehr-102_v-16to9__small.jpg 320w, images/jugendfeuerwehr-102_v-16to9__medium.jpg 480w, images/jugendfeuerwehr-102_v-16to9__medium__extended.jpg 640w, images/jugendfeuerwehr-102_v-16to9.jpg 960w, images/jugendfeuerwehr-102_v-16to9__retina.jpg 1920w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":true,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":true,"isMediaTeaser":true,"isGuide":false,"isProgram":true,"isEvent":false,"isTicker":false,"isAudio":false,"isVideo":false,"isPodcastEpisode":false,"isExtOrBrandLink":true,"isAuthor":false,"isFileDownload":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"allowAVConsumption":false,"displayEpgInfos":true,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":false,"doTracking":true,"trackingForArdMediatheksLink":true,"showMediatheksLink":true,"showAirdate":true,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","documentSection":"","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"Flughafen Frankfurt, 5 Uhr morgens: Nebel und Temperaturen um null Grad. Eisschichten haben sich auf den Tragflächen der Flugzeuge gebildet. So dürfen die Maschinen nicht abheben. Ein Fall für die Enteiser an Deutschlands größtem Flughafen. Mit ihren gigantischen Spezialfahrzeugen fahren sie zu den Positionen am Gate","sophoraId":"rueckkehr-nach-abschiebung-wolfhagen--100","profiles":"","teaserLead":{"avDocument":"","image":""},"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":true,"iconName":"extern","readMoreText":{"readMoreScreenreader":"Zur ARD Mediathek","readMore":"Zur ARD Mediathek","readMoreLong":"Zur ARD Mediathek"}},"label":{"type":"program","loca":"label_program","byline":{"bylineSsi":"14.10.22, 20:00 Uhr","bylineText":"BylineText"}}}}}
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
</div>
|
|
21
21
|
{{~#if this.link~}}
|
|
22
22
|
<div class="flex justify-center pt-8">
|
|
23
|
-
{{~> components/button/button_pseudo _linkTitle=(loca "group_tabbed_more" this.title) ~}}
|
|
23
|
+
{{~> components/button/button_pseudo _color="blue" _linkTitle=(loca "group_tabbed_more" this.title) ~}}
|
|
24
24
|
</div>
|
|
25
25
|
{{~/if~}}
|
|
26
26
|
</section>
|