hr-design-system-handlebars 1.47.0 → 1.48.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/build/handlebars/helpers/handlebar-helpers.js +4 -0
- package/build/scripts/build.js +1 -0
- package/dist/assets/brand/_default/conf/locatags.json +1 -0
- package/dist/assets/images/logos/3-sat.png +0 -0
- package/dist/assets/images/logos/3-zimmer-kueche-date.png +0 -0
- package/dist/assets/images/logos/alle-wetter.png +0 -0
- package/dist/assets/images/logos/alles-wissen.png +0 -0
- package/dist/assets/images/logos/arte.png +0 -0
- package/dist/assets/images/logos/das-erste.png +0 -0
- package/dist/assets/images/logos/defacto.png +0 -0
- package/dist/assets/images/logos/die-gesundmacher.png +0 -0
- package/dist/assets/images/logos/die-ratgeber.png +0 -0
- package/dist/assets/images/logos/dings-vom-dach.png +0 -0
- package/dist/assets/images/logos/dolles-dorf.png +0 -0
- package/dist/assets/images/logos/engel-fragt.png +0 -0
- package/dist/assets/images/logos/erlebnis-hessen.png +0 -0
- package/dist/assets/images/logos/funk.png +0 -0
- package/dist/assets/images/logos/giraffe-erdmaennchen-und-co.png +0 -0
- package/dist/assets/images/logos/h3-der-schoene-nachmittag.png +0 -0
- package/dist/assets/images/logos/hallo-hessen.png +0 -0
- package/dist/assets/images/logos/hauptsache-kultur.png +0 -0
- package/dist/assets/images/logos/heimspiel.png +0 -0
- package/dist/assets/images/logos/herkules.png +0 -0
- package/dist/assets/images/logos/herrliches-hessen.png +0 -0
- package/dist/assets/images/logos/hessen-a-la-carte.png +0 -0
- package/dist/assets/images/logos/hessen-extra.png +0 -0
- package/dist/assets/images/logos/hessenreporter.png +0 -0
- package/dist/assets/images/logos/hessenschau-extra.png +0 -0
- package/dist/assets/images/logos/hessenschau.png +0 -0
- package/dist/assets/images/logos/hessentipp.png +0 -0
- package/dist/assets/images/logos/hessenwetter.png +0 -0
- package/dist/assets/images/logos/horizonte.png +0 -0
- package/dist/assets/images/logos/hr-bigband.png +0 -0
- package/dist/assets/images/logos/hr-fernsehen.png +0 -0
- package/dist/assets/images/logos/hr-sinfonieorchester.png +0 -0
- package/dist/assets/images/logos/hr-sommerinterview.png +0 -0
- package/dist/assets/images/logos/hr.png +0 -0
- package/dist/assets/images/logos/hr1.png +0 -0
- package/dist/assets/images/logos/hr2kultur.png +0 -0
- package/dist/assets/images/logos/hr3-kate-menzik-show.png +0 -0
- package/dist/assets/images/logos/hr3-morningshow.png +0 -0
- package/dist/assets/images/logos/hr3.png +0 -0
- package/dist/assets/images/logos/hr4.png +0 -0
- package/dist/assets/images/logos/hrinfo.png +0 -0
- package/dist/assets/images/logos/jetzt-mal-klartext.png +0 -0
- package/dist/assets/images/logos/kika.png +0 -0
- package/dist/assets/images/logos/klinik-check-hessen.png +0 -0
- package/dist/assets/images/logos/kriminal-report-hessen.png +0 -0
- package/dist/assets/images/logos/maintower.png +0 -0
- package/dist/assets/images/logos/mex.png +0 -0
- package/dist/assets/images/logos/mittendrin-flughafen-frankfurt.png +0 -0
- package/dist/assets/images/logos/phoenix.png +0 -0
- package/dist/assets/images/logos/plusminus.png +0 -0
- package/dist/assets/images/logos/schlossplatz.png +0 -0
- package/dist/assets/images/logos/service-garten.png +0 -0
- package/dist/assets/images/logos/service-gesundheit.png +0 -0
- package/dist/assets/images/logos/service-reisen.png +0 -0
- package/dist/assets/images/logos/service-trends.png +0 -0
- package/dist/assets/images/logos/service-zuhause.png +0 -0
- package/dist/assets/images/logos/service.png +0 -0
- package/dist/assets/images/logos/sommerinterview.png +0 -0
- package/dist/assets/images/logos/strassen-spass.png +0 -0
- package/dist/assets/images/logos/tatort.png +0 -0
- package/dist/assets/images/logos/ttt.png +0 -0
- package/dist/assets/images/logos/w-wie-wissen.png +0 -0
- package/dist/assets/images/logos/wer-weiss-es.png +0 -0
- package/dist/assets/images/logos/youfm-der-schoene-nachmittag.png +0 -0
- package/dist/assets/images/logos/youfm-morningshow.png +0 -0
- package/dist/assets/images/logos/youfm.png +0 -0
- package/dist/assets/index.css +3 -3
- package/dist/views/components/article/components/accordion/accordion.hbs +2 -2
- package/dist/views/components/article/components/podcast/podcast_playlist_article.hbs +3 -2
- package/dist/views/components/base/backlink.hbs +1 -1
- package/dist/views/components/geoTag/geoTag_list.hbs +1 -1
- package/dist/views/components/program_reference/program_reference.hbs +23 -0
- package/dist/views/components/socialmedia/socialmedia.hbs +5 -5
- package/dist/views/components/teaser/teaser_indextext.hbs +9 -7
- package/dist/views/components/topictag/topictag_list.hbs +1 -1
- package/dist/views_static/components/article/components/accordion/accordion.hbs +2 -2
- package/dist/views_static/components/article/components/podcast/podcast_playlist_article.hbs +3 -2
- package/dist/views_static/components/base/backlink.hbs +1 -1
- package/dist/views_static/components/geoTag/geoTag_list.hbs +1 -1
- package/dist/views_static/components/program_reference/program_reference.hbs +23 -0
- package/dist/views_static/components/socialmedia/socialmedia.hbs +5 -5
- package/dist/views_static/components/teaser/teaser_indextext.hbs +9 -7
- package/dist/views_static/components/topictag/topictag_list.hbs +1 -1
- package/package.json +1 -1
- package/src/assets/brand/_default/conf/locatags.json +1 -0
- package/src/assets/brand/hessenschau/conf/locatags.merged.json +1 -0
- package/src/assets/brand/hr/conf/locatags.merged.json +1 -0
- package/src/assets/brand/hr-bigband/conf/locatags.merged.json +1 -0
- package/src/assets/brand/hr-fernsehen/conf/locatags.merged.json +1 -0
- package/src/assets/brand/hr-inforadio/conf/locatags.merged.json +1 -0
- package/src/assets/brand/hr-rundfunkrat/conf/locatags.merged.json +1 -0
- package/src/assets/brand/hr-sinfonieorchester/conf/locatags.merged.json +1 -0
- package/src/assets/brand/hr-werbung/conf/locatags.merged.json +1 -0
- package/src/assets/brand/hr1/conf/locatags.merged.json +1 -0
- package/src/assets/brand/hr2/conf/locatags.merged.json +1 -0
- package/src/assets/brand/hr3/conf/locatags.merged.json +1 -0
- package/src/assets/brand/hr4/conf/locatags.merged.json +1 -0
- package/src/assets/brand/you-fm/conf/locatags.merged.json +1 -0
- package/src/assets/fixtures/article/components/podcast/podcast_player_playlist.json +20 -0
- package/src/assets/images/logos/3-sat.png +0 -0
- package/src/assets/images/logos/3-zimmer-kueche-date.png +0 -0
- package/src/assets/images/logos/alle-wetter.png +0 -0
- package/src/assets/images/logos/alles-wissen.png +0 -0
- package/src/assets/images/logos/arte.png +0 -0
- package/src/assets/images/logos/das-erste.png +0 -0
- package/src/assets/images/logos/defacto.png +0 -0
- package/src/assets/images/logos/die-gesundmacher.png +0 -0
- package/src/assets/images/logos/die-ratgeber.png +0 -0
- package/src/assets/images/logos/dings-vom-dach.png +0 -0
- package/src/assets/images/logos/dolles-dorf.png +0 -0
- package/src/assets/images/logos/engel-fragt.png +0 -0
- package/src/assets/images/logos/erlebnis-hessen.png +0 -0
- package/src/assets/images/logos/funk.png +0 -0
- package/src/assets/images/logos/giraffe-erdmaennchen-und-co.png +0 -0
- package/src/assets/images/logos/h3-der-schoene-nachmittag.png +0 -0
- package/src/assets/images/logos/hallo-hessen.png +0 -0
- package/src/assets/images/logos/hauptsache-kultur.png +0 -0
- package/src/assets/images/logos/heimspiel.png +0 -0
- package/src/assets/images/logos/herkules.png +0 -0
- package/src/assets/images/logos/herrliches-hessen.png +0 -0
- package/src/assets/images/logos/hessen-a-la-carte.png +0 -0
- package/src/assets/images/logos/hessen-extra.png +0 -0
- package/src/assets/images/logos/hessenreporter.png +0 -0
- package/src/assets/images/logos/hessenschau-extra.png +0 -0
- package/src/assets/images/logos/hessenschau.png +0 -0
- package/src/assets/images/logos/hessentipp.png +0 -0
- package/src/assets/images/logos/hessenwetter.png +0 -0
- package/src/assets/images/logos/horizonte.png +0 -0
- package/src/assets/images/logos/hr-bigband.png +0 -0
- package/src/assets/images/logos/hr-fernsehen.png +0 -0
- package/src/assets/images/logos/hr-sinfonieorchester.png +0 -0
- package/src/assets/images/logos/hr-sommerinterview.png +0 -0
- package/src/assets/images/logos/hr.png +0 -0
- package/src/assets/images/logos/hr1.png +0 -0
- package/src/assets/images/logos/hr2kultur.png +0 -0
- package/src/assets/images/logos/hr3-kate-menzik-show.png +0 -0
- package/src/assets/images/logos/hr3-morningshow.png +0 -0
- package/src/assets/images/logos/hr3.png +0 -0
- package/src/assets/images/logos/hr4.png +0 -0
- package/src/assets/images/logos/hrinfo.png +0 -0
- package/src/assets/images/logos/jetzt-mal-klartext.png +0 -0
- package/src/assets/images/logos/kika.png +0 -0
- package/src/assets/images/logos/klinik-check-hessen.png +0 -0
- package/src/assets/images/logos/kriminal-report-hessen.png +0 -0
- package/src/assets/images/logos/maintower.png +0 -0
- package/src/assets/images/logos/mex.png +0 -0
- package/src/assets/images/logos/mittendrin-flughafen-frankfurt.png +0 -0
- package/src/assets/images/logos/phoenix.png +0 -0
- package/src/assets/images/logos/plusminus.png +0 -0
- package/src/assets/images/logos/schlossplatz.png +0 -0
- package/src/assets/images/logos/service-garten.png +0 -0
- package/src/assets/images/logos/service-gesundheit.png +0 -0
- package/src/assets/images/logos/service-reisen.png +0 -0
- package/src/assets/images/logos/service-trends.png +0 -0
- package/src/assets/images/logos/service-zuhause.png +0 -0
- package/src/assets/images/logos/service.png +0 -0
- package/src/assets/images/logos/sommerinterview.png +0 -0
- package/src/assets/images/logos/strassen-spass.png +0 -0
- package/src/assets/images/logos/tatort.png +0 -0
- package/src/assets/images/logos/ttt.png +0 -0
- package/src/assets/images/logos/w-wie-wissen.png +0 -0
- package/src/assets/images/logos/wer-weiss-es.png +0 -0
- package/src/assets/images/logos/youfm-der-schoene-nachmittag.png +0 -0
- package/src/assets/images/logos/youfm-morningshow.png +0 -0
- package/src/assets/images/logos/youfm.png +0 -0
- package/src/stories/views/components/article/components/accordion/accordion.hbs +2 -2
- package/src/stories/views/components/article/components/podcast/fixtures/podcast_player_playlist.json +1 -1
- package/src/stories/views/components/article/components/podcast/podcast_playlist_article.hbs +3 -2
- package/src/stories/views/components/base/backlink.hbs +1 -1
- package/src/stories/views/components/geoTag/geoTag_list.hbs +1 -1
- package/src/stories/views/components/program_reference/program_reference.hbs +23 -0
- package/src/stories/views/components/socialmedia/socialmedia.hbs +5 -5
- package/src/stories/views/components/teaser/teaser_indextext.hbs +9 -7
- package/src/stories/views/components/topictag/topictag_list.hbs +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,27 @@
|
|
|
1
|
+
# v1.48.0 (Tue Oct 31 2023)
|
|
2
|
+
|
|
3
|
+
#### 🚀 Enhancement
|
|
4
|
+
|
|
5
|
+
- WIP: Dpe 2610 appendix program reference [#742](https://github.com/mumprod/hr-design-system-handlebars/pull/742) ([@StefanVesper](https://github.com/StefanVesper))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v1.47.1 (Mon Oct 30 2023)
|
|
14
|
+
|
|
15
|
+
#### 🐛 Bug Fix
|
|
16
|
+
|
|
17
|
+
- indextext:title not mandatory, accordion:strip html [#743](https://github.com/mumprod/hr-design-system-handlebars/pull/743) ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
18
|
+
|
|
19
|
+
#### Authors: 1
|
|
20
|
+
|
|
21
|
+
- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
1
25
|
# v1.47.0 (Fri Oct 27 2023)
|
|
2
26
|
|
|
3
27
|
#### 🚀 Enhancement
|
package/build/scripts/build.js
CHANGED
|
@@ -15,3 +15,4 @@ run(
|
|
|
15
15
|
run(`npx copyfiles \"./src/assets/brand/*/icons/logo/*.svg\" dist --up=1`)
|
|
16
16
|
run(`npx copyfiles \"./src/assets/**/*.{woff,svg}\" dist --up=1`)
|
|
17
17
|
run(`npx copyfiles \"./src/assets/brand/*/conf/locatags.json\" dist --up=1`)
|
|
18
|
+
run(`npx copyfiles \"./src/assets/images/logos/*.png\" dist --up=1`)
|
|
@@ -119,6 +119,7 @@
|
|
|
119
119
|
"share_whatsapp_linktitle": "Bei Whatsapp teilen",
|
|
120
120
|
"share_print_linktitle": "Seite ausdrucken",
|
|
121
121
|
"social_media_links_text": "Folgen Sie mir:",
|
|
122
|
+
"story_program_supplier": "Thema in",
|
|
122
123
|
"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
|
|
123
124
|
"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
|
|
124
125
|
"ticker_more":"Zum Ticker",
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
package/dist/assets/index.css
CHANGED
|
@@ -3044,7 +3044,7 @@ video {
|
|
|
3044
3044
|
border-bottom-color: var(--color-secondary-ds);
|
|
3045
3045
|
}
|
|
3046
3046
|
.counter-reset {
|
|
3047
|
-
counter-reset:
|
|
3047
|
+
counter-reset: cnt1698749962374;
|
|
3048
3048
|
}
|
|
3049
3049
|
.hyphens-auto {
|
|
3050
3050
|
-webkit-hyphens: auto;
|
|
@@ -3307,7 +3307,7 @@ video {
|
|
|
3307
3307
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
3308
3308
|
}
|
|
3309
3309
|
.-ordered {
|
|
3310
|
-
counter-increment:
|
|
3310
|
+
counter-increment: cnt1698749962374 1;
|
|
3311
3311
|
}
|
|
3312
3312
|
.-ordered::before {
|
|
3313
3313
|
position: absolute;
|
|
@@ -3323,7 +3323,7 @@ video {
|
|
|
3323
3323
|
letter-spacing: .0125em;
|
|
3324
3324
|
--tw-text-opacity: 1;
|
|
3325
3325
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
3326
|
-
content: counter(
|
|
3326
|
+
content: counter(cnt1698749962374);
|
|
3327
3327
|
}
|
|
3328
3328
|
/*! ****************************/
|
|
3329
3329
|
/*! DataPolicy stuff */
|
|
@@ -8,8 +8,8 @@
|
|
|
8
8
|
<button type="button"
|
|
9
9
|
class="w-full text-left accordion link-focus"
|
|
10
10
|
@click="selected !== {{nextRandom}} ? (selected = {{getRandom}}, setTimeout(() => {if($el.getBoundingClientRect().top<0){$el.scrollIntoView({ block: 'start' })}}, 700)) : selected = null"
|
|
11
|
-
x-effect="$el.setAttribute('aria-label', selected == {{getRandom}} ? 'Abschnitt {{this.text}} schließen' : 'Abschnitt {{this.text}} öffnen');$el.setAttribute('aria-expanded', selected == {{getRandom}} ? 'true' : 'false')"
|
|
12
|
-
data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "Akkordeon::{{this.text}}-Link geklickt"}]}'
|
|
11
|
+
x-effect="$el.setAttribute('aria-label', selected == {{getRandom}} ? 'Abschnitt {{strip this.text html}} schließen' : 'Abschnitt {{strip this.text html}} öffnen');$el.setAttribute('aria-expanded', selected == {{getRandom}} ? 'true' : 'false')"
|
|
12
|
+
data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "Akkordeon::{{strip this.text html}}-Link geklickt"}]}'
|
|
13
13
|
aria-controls="accordionItem{{getRandom}}"
|
|
14
14
|
>
|
|
15
15
|
<div class="flex flex-row justify-between border-t basis-10/12 content-evenly border-gray-alto">
|
|
@@ -29,13 +29,14 @@
|
|
|
29
29
|
{{~> components/socialmedia/socialmedia ~}}
|
|
30
30
|
{{~/with~}}
|
|
31
31
|
{{/unless}}
|
|
32
|
-
{{
|
|
32
|
+
{{~#with this.programReference~}}
|
|
33
33
|
{{~#if this.hasReference~}}
|
|
34
34
|
<div class="appendix__entry">
|
|
35
|
-
{{>
|
|
35
|
+
{{> components/program_reference/program_reference }}
|
|
36
36
|
</div>
|
|
37
37
|
{{~/if~}}
|
|
38
38
|
{{~/with~}}
|
|
39
|
+
{{!--
|
|
39
40
|
{{~#with this.appendixLinks~}}
|
|
40
41
|
|
|
41
42
|
<div class="appendix__entry">
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<a href="{{this}}" class="flex flex-nowrap items-center text-sm gap-x-2 text-primary {{~#with _addClass }} {{this}}{{/with}}">
|
|
1
|
+
<a href="{{this}}" class="flex flex-nowrap items-center text-sm gap-x-2 text-primary hover:underline {{~#with _addClass }} {{this}}{{/with}}">
|
|
2
2
|
{{~> components/base/image/icon _icon="arrow-left" _addClass="w-5 h-5 fill-current" ~}}
|
|
3
3
|
{{~loca "backlink_title" ~}}
|
|
4
4
|
</a>
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
<ul class="flex flex-wrap sm:block gap-x-4 w-fit sm:w-full sm:pt-2 ">
|
|
6
6
|
{{~#each this~}}
|
|
7
7
|
<li class="text-primary">
|
|
8
|
-
<a class="flex items-center gap-x-1" href="{{this.url}}">
|
|
8
|
+
<a class="flex items-center hover:underline gap-x-1" href="{{this.url}}">
|
|
9
9
|
{{~> components/base/image/icon _icon="ortsmarke" _addClass="w-5 h-5 fill-current"~}}
|
|
10
10
|
|
|
11
11
|
{{~this.title~}}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
<div class="flex flex-wrap ">
|
|
2
|
+
<span class="text-sm uppercase font-headingSerif w-fit sm:w-full">{{loca "story_program_supplier"}}</span><!--
|
|
3
|
+
-->
|
|
4
|
+
<div class="flex flex-wrap sm:block gap-x-4 w-fit sm:w-full sm:pt-2">
|
|
5
|
+
{{#if this.link}}
|
|
6
|
+
{{#>components/base/link _link=this.link _css="programReference__link"}}
|
|
7
|
+
<img class="max-w-full" alt="{{defaultIfEmpty _logo ../this.name}}" src="{{resourceUrl "images/logos/"}}{{defaultIfEmpty _logo ../this.name}}.png">
|
|
8
|
+
{{/components/base/link}}
|
|
9
|
+
{{else}}
|
|
10
|
+
<img class="max-w-full" alt="{{defaultIfEmpty _logo this.name}}" src="{{resourceUrl "images/logos/"}}{{defaultIfEmpty _logo this.name}}.png">
|
|
11
|
+
{{/if}}
|
|
12
|
+
{{#if this.date}}
|
|
13
|
+
<time datetime="{{#if this.displayWithTime}}{{this.date.htmlDateTime}}{{else}}{{this.date.date}}{{/if}}"
|
|
14
|
+
class="programReference__date text__byline">
|
|
15
|
+
{{#if this.displayWithTime}}
|
|
16
|
+
{{loca "date_simple_at" this.date.dateSeparatorTime}}
|
|
17
|
+
{{else}}
|
|
18
|
+
{{this.date.date}}
|
|
19
|
+
{{/if}}
|
|
20
|
+
</time>
|
|
21
|
+
{{/if}}
|
|
22
|
+
</div>
|
|
23
|
+
</div>
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::twitter"}]}'
|
|
15
15
|
{{/with}}
|
|
16
16
|
>
|
|
17
|
-
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#55acee]" _icon="twitter" _iconmap="icons" ~}}
|
|
17
|
+
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#55acee] hover:scale-105" _icon="twitter" _iconmap="icons" ~}}
|
|
18
18
|
</a>
|
|
19
19
|
</li>
|
|
20
20
|
{{~/with~}}
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::facebook"}]}'
|
|
30
30
|
{{/with}}
|
|
31
31
|
>
|
|
32
|
-
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#3b5999]" _icon="facebook" _iconmap="icons" ~}}
|
|
32
|
+
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#3b5999] hover:scale-105" _icon="facebook" _iconmap="icons" ~}}
|
|
33
33
|
</a>
|
|
34
34
|
</li>
|
|
35
35
|
{{~/with~}}
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::whatsapp"}]}'
|
|
45
45
|
{{/with}}
|
|
46
46
|
>
|
|
47
|
-
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#4dc247]" _icon="whatsapp" _iconmap="icons" ~}}
|
|
47
|
+
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#4dc247] hover:scale-105" _icon="whatsapp" _iconmap="icons" ~}}
|
|
48
48
|
</a>
|
|
49
49
|
</li>
|
|
50
50
|
{{~/with~}}
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::mailto"}]}'
|
|
58
58
|
{{/with}}
|
|
59
59
|
>
|
|
60
|
-
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#006dc1]" _icon="mail" _iconmap="icons" ~}}
|
|
60
|
+
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#006dc1] hover:scale-105" _icon="mail" _iconmap="icons" ~}}
|
|
61
61
|
</a>
|
|
62
62
|
</li>
|
|
63
63
|
{{~/with~}}
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::printbutton"}]}'
|
|
71
71
|
{{/with}}
|
|
72
72
|
>
|
|
73
|
-
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#606060]" _icon="print" _iconmap="icons" ~}}
|
|
73
|
+
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#606060] hover:scale-105" _icon="print" _iconmap="icons" ~}}
|
|
74
74
|
</a>
|
|
75
75
|
</li>
|
|
76
76
|
</ul>
|
|
@@ -8,14 +8,16 @@
|
|
|
8
8
|
}}
|
|
9
9
|
'
|
|
10
10
|
>
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
11
|
+
{{#if this.title}}
|
|
12
|
+
<h3
|
|
13
|
+
class='text-2xl md:text-4xl font-title
|
|
14
|
+
{{~inline-switch this.teaserType '["highlighted"]' '[" text-white",""]'}}'
|
|
15
|
+
>
|
|
16
|
+
{{this.title}}
|
|
17
|
+
</h3>
|
|
18
|
+
{{/if}}
|
|
17
19
|
<p
|
|
18
|
-
class='mt-6 text-sm md:text-base font-copy
|
|
20
|
+
class='{{#if this.title}}mt-6 {{/if}}text-sm md:text-base font-copy
|
|
19
21
|
{{~inline-switch this.teaserType '["highlighted"]' '[" text-white",""]'}}'
|
|
20
22
|
>
|
|
21
23
|
{{{this.shorttext}}}
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
<ul class="flex flex-wrap sm:block gap-x-4 w-fit sm:w-full sm:pt-2 ">
|
|
6
6
|
{{~#each this~}}
|
|
7
7
|
<li class="text-primary">
|
|
8
|
-
<a class="flex items-center gap-x-1" href="{{this.url}}">
|
|
8
|
+
<a class="flex items-center hover:underline gap-x-1" href="{{this.url}}">
|
|
9
9
|
{{~> components/base/image/icon _icon="taglabel" _addClass="w-5 h-5 fill-current"~}}
|
|
10
10
|
|
|
11
11
|
{{~this.title~}}
|
|
@@ -8,8 +8,8 @@
|
|
|
8
8
|
<button type="button"
|
|
9
9
|
class="w-full text-left accordion link-focus"
|
|
10
10
|
@click="selected !== {{nextRandom}} ? (selected = {{getRandom}}, setTimeout(() => {if($el.getBoundingClientRect().top<0){$el.scrollIntoView({ block: 'start' })}}, 700)) : selected = null"
|
|
11
|
-
x-effect="$el.setAttribute('aria-label', selected == {{getRandom}} ? 'Abschnitt {{this.text}} schließen' : 'Abschnitt {{this.text}} öffnen');$el.setAttribute('aria-expanded', selected == {{getRandom}} ? 'true' : 'false')"
|
|
12
|
-
data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "Akkordeon::{{this.text}}-Link geklickt"}]}'
|
|
11
|
+
x-effect="$el.setAttribute('aria-label', selected == {{getRandom}} ? 'Abschnitt {{strip this.text html}} schließen' : 'Abschnitt {{strip this.text html}} öffnen');$el.setAttribute('aria-expanded', selected == {{getRandom}} ? 'true' : 'false')"
|
|
12
|
+
data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "Akkordeon::{{strip this.text html}}-Link geklickt"}]}'
|
|
13
13
|
aria-controls="accordionItem{{getRandom}}"
|
|
14
14
|
>
|
|
15
15
|
<div class="flex flex-row justify-between border-t basis-10/12 content-evenly border-gray-alto">
|
package/dist/views_static/components/article/components/podcast/podcast_playlist_article.hbs
CHANGED
|
@@ -29,13 +29,14 @@
|
|
|
29
29
|
{{~> components/socialmedia/socialmedia ~}}
|
|
30
30
|
{{~/with~}}
|
|
31
31
|
{{/unless}}
|
|
32
|
-
{{
|
|
32
|
+
{{~#with this.programReference~}}
|
|
33
33
|
{{~#if this.hasReference~}}
|
|
34
34
|
<div class="appendix__entry">
|
|
35
|
-
{{>
|
|
35
|
+
{{> components/program_reference/program_reference }}
|
|
36
36
|
</div>
|
|
37
37
|
{{~/if~}}
|
|
38
38
|
{{~/with~}}
|
|
39
|
+
{{!--
|
|
39
40
|
{{~#with this.appendixLinks~}}
|
|
40
41
|
|
|
41
42
|
<div class="appendix__entry">
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<a href="{{this}}" class="flex flex-nowrap items-center text-sm gap-x-2 text-primary {{~#with _addClass }} {{this}}{{/with}}">
|
|
1
|
+
<a href="{{this}}" class="flex flex-nowrap items-center text-sm gap-x-2 text-primary hover:underline {{~#with _addClass }} {{this}}{{/with}}">
|
|
2
2
|
{{~> components/base/image/icon _icon="arrow-left" _addClass="w-5 h-5 fill-current" ~}}
|
|
3
3
|
{{~loca "backlink_title" ~}}
|
|
4
4
|
</a>
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
<ul class="flex flex-wrap sm:block gap-x-4 w-fit sm:w-full sm:pt-2 ">
|
|
6
6
|
{{~#each this~}}
|
|
7
7
|
<li class="text-primary">
|
|
8
|
-
<a class="flex items-center gap-x-1" href="{{this.url}}">
|
|
8
|
+
<a class="flex items-center hover:underline gap-x-1" href="{{this.url}}">
|
|
9
9
|
{{~> components/base/image/icon _icon="ortsmarke" _addClass="w-5 h-5 fill-current"~}}
|
|
10
10
|
|
|
11
11
|
{{~this.title~}}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
<div class="flex flex-wrap ">
|
|
2
|
+
<span class="text-sm uppercase font-headingSerif w-fit sm:w-full">{{loca "story_program_supplier"}}</span><!--
|
|
3
|
+
-->
|
|
4
|
+
<div class="flex flex-wrap sm:block gap-x-4 w-fit sm:w-full sm:pt-2">
|
|
5
|
+
{{#if this.link}}
|
|
6
|
+
{{#>components/base/link _link=this.link _css="programReference__link"}}
|
|
7
|
+
<img class="max-w-full" alt="{{defaultIfEmpty _logo ../this.name}}" src="{{resourceUrl "images/logos/"}}{{defaultIfEmpty _logo ../this.name}}.png">
|
|
8
|
+
{{/components/base/link}}
|
|
9
|
+
{{else}}
|
|
10
|
+
<img class="max-w-full" alt="{{defaultIfEmpty _logo this.name}}" src="{{resourceUrl "images/logos/"}}{{defaultIfEmpty _logo this.name}}.png">
|
|
11
|
+
{{/if}}
|
|
12
|
+
{{#if this.date}}
|
|
13
|
+
<time datetime="{{#if this.displayWithTime}}{{this.date.htmlDateTime}}{{else}}{{this.date.date}}{{/if}}"
|
|
14
|
+
class="programReference__date text__byline">
|
|
15
|
+
{{#if this.displayWithTime}}
|
|
16
|
+
{{loca "date_simple_at" this.date.dateSeparatorTime}}
|
|
17
|
+
{{else}}
|
|
18
|
+
{{this.date.date}}
|
|
19
|
+
{{/if}}
|
|
20
|
+
</time>
|
|
21
|
+
{{/if}}
|
|
22
|
+
</div>
|
|
23
|
+
</div>
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::twitter"}]}'
|
|
15
15
|
{{/with}}
|
|
16
16
|
>
|
|
17
|
-
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#55acee]" _icon="twitter" _iconmap="icons" ~}}
|
|
17
|
+
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#55acee] hover:scale-105" _icon="twitter" _iconmap="icons" ~}}
|
|
18
18
|
</a>
|
|
19
19
|
</li>
|
|
20
20
|
{{~/with~}}
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::facebook"}]}'
|
|
30
30
|
{{/with}}
|
|
31
31
|
>
|
|
32
|
-
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#3b5999]" _icon="facebook" _iconmap="icons" ~}}
|
|
32
|
+
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#3b5999] hover:scale-105" _icon="facebook" _iconmap="icons" ~}}
|
|
33
33
|
</a>
|
|
34
34
|
</li>
|
|
35
35
|
{{~/with~}}
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::whatsapp"}]}'
|
|
45
45
|
{{/with}}
|
|
46
46
|
>
|
|
47
|
-
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#4dc247]" _icon="whatsapp" _iconmap="icons" ~}}
|
|
47
|
+
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#4dc247] hover:scale-105" _icon="whatsapp" _iconmap="icons" ~}}
|
|
48
48
|
</a>
|
|
49
49
|
</li>
|
|
50
50
|
{{~/with~}}
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::mailto"}]}'
|
|
58
58
|
{{/with}}
|
|
59
59
|
>
|
|
60
|
-
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#006dc1]" _icon="mail" _iconmap="icons" ~}}
|
|
60
|
+
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#006dc1] hover:scale-105" _icon="mail" _iconmap="icons" ~}}
|
|
61
61
|
</a>
|
|
62
62
|
</li>
|
|
63
63
|
{{~/with~}}
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::printbutton"}]}'
|
|
71
71
|
{{/with}}
|
|
72
72
|
>
|
|
73
|
-
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#606060]" _icon="print" _iconmap="icons" ~}}
|
|
73
|
+
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#606060] hover:scale-105" _icon="print" _iconmap="icons" ~}}
|
|
74
74
|
</a>
|
|
75
75
|
</li>
|
|
76
76
|
</ul>
|
|
@@ -8,14 +8,16 @@
|
|
|
8
8
|
}}
|
|
9
9
|
'
|
|
10
10
|
>
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
11
|
+
{{#if this.title}}
|
|
12
|
+
<h3
|
|
13
|
+
class='text-2xl md:text-4xl font-title
|
|
14
|
+
{{~inline-switch this.teaserType '["highlighted"]' '[" text-white",""]'}}'
|
|
15
|
+
>
|
|
16
|
+
{{this.title}}
|
|
17
|
+
</h3>
|
|
18
|
+
{{/if}}
|
|
17
19
|
<p
|
|
18
|
-
class='mt-6 text-sm md:text-base font-copy
|
|
20
|
+
class='{{#if this.title}}mt-6 {{/if}}text-sm md:text-base font-copy
|
|
19
21
|
{{~inline-switch this.teaserType '["highlighted"]' '[" text-white",""]'}}'
|
|
20
22
|
>
|
|
21
23
|
{{{this.shorttext}}}
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
<ul class="flex flex-wrap sm:block gap-x-4 w-fit sm:w-full sm:pt-2 ">
|
|
6
6
|
{{~#each this~}}
|
|
7
7
|
<li class="text-primary">
|
|
8
|
-
<a class="flex items-center gap-x-1" href="{{this.url}}">
|
|
8
|
+
<a class="flex items-center hover:underline gap-x-1" href="{{this.url}}">
|
|
9
9
|
{{~> components/base/image/icon _icon="taglabel" _addClass="w-5 h-5 fill-current"~}}
|
|
10
10
|
|
|
11
11
|
{{~this.title~}}
|
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.
|
|
9
|
+
"version": "1.48.0",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -119,6 +119,7 @@
|
|
|
119
119
|
"share_whatsapp_linktitle": "Bei Whatsapp teilen",
|
|
120
120
|
"share_print_linktitle": "Seite ausdrucken",
|
|
121
121
|
"social_media_links_text": "Folgen Sie mir:",
|
|
122
|
+
"story_program_supplier": "Thema in",
|
|
122
123
|
"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
|
|
123
124
|
"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
|
|
124
125
|
"ticker_more":"Zum Ticker",
|
|
@@ -119,6 +119,7 @@
|
|
|
119
119
|
"share_whatsapp_linktitle": "Bei Whatsapp teilen",
|
|
120
120
|
"share_print_linktitle": "Seite ausdrucken",
|
|
121
121
|
"social_media_links_text": "Folgen Sie mir:",
|
|
122
|
+
"story_program_supplier": "Thema in",
|
|
122
123
|
"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
|
|
123
124
|
"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
|
|
124
125
|
"ticker_more": "Zum Ticker",
|
|
@@ -119,6 +119,7 @@
|
|
|
119
119
|
"share_whatsapp_linktitle": "Bei Whatsapp teilen",
|
|
120
120
|
"share_print_linktitle": "Seite ausdrucken",
|
|
121
121
|
"social_media_links_text": "Folgen Sie mir:",
|
|
122
|
+
"story_program_supplier": "Thema in",
|
|
122
123
|
"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
|
|
123
124
|
"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
|
|
124
125
|
"ticker_more": "Zum Ticker",
|
|
@@ -119,6 +119,7 @@
|
|
|
119
119
|
"share_whatsapp_linktitle": "Bei Whatsapp teilen",
|
|
120
120
|
"share_print_linktitle": "Seite ausdrucken",
|
|
121
121
|
"social_media_links_text": "Folgen Sie mir:",
|
|
122
|
+
"story_program_supplier": "Thema in",
|
|
122
123
|
"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
|
|
123
124
|
"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
|
|
124
125
|
"ticker_more": "Zum Ticker",
|