hr-design-system-handlebars 1.119.6 → 1.120.1

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.
Files changed (44) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/assets/index.css +6 -3
  3. package/dist/views/components/page/components/commentinfo.hbs +1 -1
  4. package/dist/views/components/page/components/metadata_wrapper.hbs +55 -0
  5. package/dist/views/components/page/components/metadatabox.hbs +4 -11
  6. package/dist/views/components/page/ticker/components/header.hbs +1 -1
  7. package/dist/views/components/social_sharing/social_sharing_ticker_item.hbs +1 -1
  8. package/dist/views/components/ticker/ticker_item/content_footer_ticker_item.hbs +32 -0
  9. package/dist/views_static/components/page/components/commentinfo.hbs +1 -1
  10. package/dist/views_static/components/page/components/metadata_wrapper.hbs +55 -0
  11. package/dist/views_static/components/page/components/metadatabox.hbs +4 -11
  12. package/dist/views_static/components/page/ticker/components/header.hbs +1 -1
  13. package/dist/views_static/components/social_sharing/social_sharing_ticker_item.hbs +1 -1
  14. package/dist/views_static/components/ticker/ticker_item/content_footer_ticker_item.hbs +32 -0
  15. package/package.json +1 -1
  16. package/src/assets/fixtures/content/content_footer/content_footer.json +14 -12
  17. package/src/assets/fixtures/page/metadatabox.inc.json +87 -40
  18. package/src/assets/fixtures/page/metadatabox.json +10 -1
  19. package/src/assets/fixtures/page/story/story.inc.json +37 -48
  20. package/src/assets/fixtures/ticker/ticker_item/content_footer_ticker_item.inc.json +147 -0
  21. package/src/assets/fixtures/ticker/ticker_item/content_footer_ticker_item.json +77 -0
  22. package/src/stories/views/components/page/components/commentinfo.hbs +1 -1
  23. package/src/stories/views/components/page/components/metadata_wrapper.hbs +55 -0
  24. package/src/stories/views/components/page/components/metadatabox.hbs +4 -11
  25. package/src/stories/views/components/page/components/metadatabox.stories.js +16 -5
  26. package/src/stories/views/components/page/fixtures/metadatabox.json +1 -1
  27. package/src/stories/views/components/page/story/fixtures/story.json +1 -1
  28. package/src/stories/views/components/page/story/fixtures/story_with_audio.json +1 -1
  29. package/src/stories/views/components/page/story/fixtures/story_with_label.json +1 -1
  30. package/src/stories/views/components/page/story/fixtures/story_with_livestream.json +1 -1
  31. package/src/stories/views/components/page/story/fixtures/story_with_square_image.json +1 -1
  32. package/src/stories/views/components/page/story/fixtures/story_with_video.json +1 -1
  33. package/src/stories/views/components/page/ticker/components/header.hbs +1 -1
  34. package/src/stories/views/components/social_sharing/social_sharing_ticker_item.hbs +1 -1
  35. package/src/stories/views/components/ticker/ticker_item/content_footer_ticker_item.hbs +32 -0
  36. package/src/stories/views/components/ticker/ticker_item/content_footer_ticker_item.mdx +29 -0
  37. package/src/stories/views/components/ticker/ticker_item/content_footer_ticker_item.stories.js +123 -0
  38. package/src/stories/views/components/ticker/ticker_item/fixtures/content_footer_ticker_item.json +1 -0
  39. package/dist/views/components/content/content_footer/content_footer_ticker_item.hbs +0 -79
  40. package/dist/views/components/page/components/author.hbs +0 -48
  41. package/dist/views_static/components/content/content_footer/content_footer_ticker_item.hbs +0 -79
  42. package/dist/views_static/components/page/components/author.hbs +0 -48
  43. package/src/stories/views/components/content/content_footer/content_footer_ticker_item.hbs +0 -79
  44. package/src/stories/views/components/page/components/author.hbs +0 -48
@@ -1,79 +0,0 @@
1
- <footer class="flex flex-col mt-12 sm:mt-14 text-xs md:text-sm text-gray-scorpion dark:text-text-dark font-headingSerif{{#if _addClass}} {{_addClass}}{{/if}}">
2
- {{#if this.hasMoreThanOneAuthor~}}
3
- {{#with this.editorialStaffItems}}
4
- <p>
5
- <span>Von:</span>
6
- {{#each this}}
7
- {{#if this.hasProfileLink}}
8
- {{#>components/base/link _link=this.link _css="text-link dark:text-link-dark hover:underline"}}<span>{{../this.authorName~}}</span>{{/components/base/link~}}
9
- {{~#with this.textAfterAuthor}}{{this}}{{/with}}{{~this.delimiter~}}
10
- {{else}}
11
- {{#with this.textAfterAuthor}}{{this}}{{/with}}{{this.delimiter}}
12
- {{/if}}
13
- {{/each}}
14
- </p>
15
- {{/with}}
16
- {{else}}
17
- <div>
18
- {{#if this.hasOneAuthor~}}
19
- {{#if this.authorImage.isImage}}
20
- <div class="self-start w-10 h-10 mr-4 basis-10 grow-0">
21
- {{~> components/base/image/responsive_image this.authorImage
22
- _type="profile"
23
- _variant="ticker"
24
- _addClass=""
25
- _addClassImg="ar-1-1 rounded-full"
26
- _noDelay=true ~}}
27
- </div>
28
- {{/if}}
29
- {{#with this.editorialStaffItems}}
30
- <div>
31
- <span>Von:</span>
32
- {{#each this}}
33
- {{#if this.hasProfileLink}}
34
- {{#>components/base/link _link=this.link _css="text-link dark:text-link-dark hover:underline"}}<span>{{../this.authorName~}}</span>{{/components/base/link~}}
35
- {{~#with this.textAfterAuthor}}{{this}}{{/with}}{{~this.delimiter~}}
36
- {{else}}
37
- {{#with this.textAfterAuthor}}{{this}}{{/with}}{{this.delimiter}}
38
- {{/if}}
39
- {{/each}}
40
- </div>
41
- {{/with}}
42
- {{/if}}
43
- {{/if}}
44
- {{~#with this.programReferenceAlt~}}
45
- {{~#if this.hasReference~}}
46
- <div>
47
- <span>{{~loca "broadcast"}}:</span>
48
- {{#if this.link}}
49
- {{#>components/base/link _link=this.link _css="text-link dark:text-link-dark hover:underline"~}}
50
- <span>{{~ this.programLabel ~}}</span>{{/components/base/link~}}{{~#if this.date~}},
51
- <span>
52
- <time datetime="{{#if this.displayWithTime}}{{this.date.htmlDateTime}}{{else}}{{this.date.date}}{{/if}}"
53
- class="{{#if _isArticle}}{{else}}{{/if}} ">
54
- {{#if this.displayWithTime}}
55
- {{loca "date_simple_at" this.date.dateSeparatorTime}}
56
- {{else}}
57
- {{this.date.date}}
58
- {{/if}}
59
- </time>
60
- </span>
61
- {{/if}}
62
- {{else}}
63
- <span>{{this.programLabel}}{{#if this.date}},
64
- <time datetime="{{#if this.displayWithTime}}{{this.date.htmlDateTime}}{{else}}{{this.date.date}}{{/if}}"
65
- class="{{#if _isArticle}}{{else}}{{/if}} ">
66
- {{#if this.displayWithTime}}
67
- {{loca "date_simple_at" this.date.dateSeparatorTime}}
68
- {{else}}
69
- {{this.date.date}}
70
- {{/if}}
71
- </time>
72
- {{/if}}
73
- </span>
74
- {{/if}}
75
- </div>
76
- {{~/if~}}
77
- {{~/with~}}
78
- </div>
79
- </footer>
@@ -1,48 +0,0 @@
1
- {{#if this.hasMoreThanOneAuthor}}
2
-
3
- {{#with this.authorItems}}
4
- <p class="mb-1 text-xs sm480:text-sm font-headingSerif text-gray-scorpion dark:text-text-dark">
5
- {{#each this}}
6
- {{#if this.hasProfileLink}}
7
- {{this.from}}
8
- {{#>components/base/link _link=this.link _css="hover:underline hover:!decoration-1 text-link dark:text-link-dark"}}
9
- <span>{{../this.authorName~}}</span>{{~/components/base/link~}}
10
- {{~#with this.textAfterAuthor}} {{this}}{{/with~}}{{~this.delimiter}}
11
- {{else}}
12
- {{this.from}}
13
- {{#with this.textAfterAuthor}} {{this}}{{/with}}{{this.delimiter}}
14
- {{/if}}
15
- {{/each}}
16
- </p>
17
- {{/with}}
18
-
19
- {{else}}
20
-
21
- {{#if this.hasOneAuthor~}}
22
- <div class="flex items-center">
23
- {{#if this.authorImage.isImage}}
24
- <div class="self-start w-10 h-10 mr-4 basis-10 grow-0">
25
- {{~> components/base/image/responsive_image this.authorImage
26
- _type="profile"
27
- _variant="ticker"
28
- _addClass=""
29
- _addClassImg="ar-1-1 rounded-full"
30
- _noDelay=true ~}}
31
- </div>
32
- {{/if}}
33
- <div class="self-start text-xs sm480:text-sm basis-0 grow font-headingSerif text-gray-scorpion dark:text-text-dark">
34
- <div class="mb-1">
35
- {{#unless _hideFrom }}Von{{/unless}}
36
- {{#if this.authorUrl~}}
37
- <a href="{{this.authorUrl}}" {{#with this.webviewAuthorUrl}}data-webviewurl="{{this}}"{{/with}} class="{{if (isUserConsentNeeded this.authorUrl) 'js-user-consent-needed ' ''}}ds-link text-link hover:underline dark:text-link-dark ">{{this.authorTitle}}</a>
38
- {{else}}
39
- {{this.authorTitle}}
40
- {{/if}}
41
- {{#with this.textAfterAuthor}} {{this}}{{/with}}
42
- </div>
43
- {{> components/page/components/publicationdate _isTicker=_isTicker}}
44
- </div>
45
- </div>
46
- {{~/if}}
47
-
48
- {{/if}}
@@ -1,79 +0,0 @@
1
- <footer class="flex flex-col mt-12 sm:mt-14 text-xs md:text-sm text-gray-scorpion dark:text-text-dark font-headingSerif{{#if _addClass}} {{_addClass}}{{/if}}">
2
- {{#if this.hasMoreThanOneAuthor~}}
3
- {{#with this.editorialStaffItems}}
4
- <p>
5
- <span>Von:</span>
6
- {{#each this}}
7
- {{#if this.hasProfileLink}}
8
- {{#>components/base/link _link=this.link _css="text-link dark:text-link-dark hover:underline"}}<span>{{../this.authorName~}}</span>{{/components/base/link~}}
9
- {{~#with this.textAfterAuthor}}{{this}}{{/with}}{{~this.delimiter~}}
10
- {{else}}
11
- {{#with this.textAfterAuthor}}{{this}}{{/with}}{{this.delimiter}}
12
- {{/if}}
13
- {{/each}}
14
- </p>
15
- {{/with}}
16
- {{else}}
17
- <div>
18
- {{#if this.hasOneAuthor~}}
19
- {{#if this.authorImage.isImage}}
20
- <div class="self-start w-10 h-10 mr-4 basis-10 grow-0">
21
- {{~> components/base/image/responsive_image this.authorImage
22
- _type="profile"
23
- _variant="ticker"
24
- _addClass=""
25
- _addClassImg="ar-1-1 rounded-full"
26
- _noDelay=true ~}}
27
- </div>
28
- {{/if}}
29
- {{#with this.editorialStaffItems}}
30
- <div>
31
- <span>Von:</span>
32
- {{#each this}}
33
- {{#if this.hasProfileLink}}
34
- {{#>components/base/link _link=this.link _css="text-link dark:text-link-dark hover:underline"}}<span>{{../this.authorName~}}</span>{{/components/base/link~}}
35
- {{~#with this.textAfterAuthor}}{{this}}{{/with}}{{~this.delimiter~}}
36
- {{else}}
37
- {{#with this.textAfterAuthor}}{{this}}{{/with}}{{this.delimiter}}
38
- {{/if}}
39
- {{/each}}
40
- </div>
41
- {{/with}}
42
- {{/if}}
43
- {{/if}}
44
- {{~#with this.programReferenceAlt~}}
45
- {{~#if this.hasReference~}}
46
- <div>
47
- <span>{{~loca "broadcast"}}:</span>
48
- {{#if this.link}}
49
- {{#>components/base/link _link=this.link _css="text-link dark:text-link-dark hover:underline"~}}
50
- <span>{{~ this.programLabel ~}}</span>{{/components/base/link~}}{{~#if this.date~}},
51
- <span>
52
- <time datetime="{{#if this.displayWithTime}}{{this.date.htmlDateTime}}{{else}}{{this.date.date}}{{/if}}"
53
- class="{{#if _isArticle}}{{else}}{{/if}} ">
54
- {{#if this.displayWithTime}}
55
- {{loca "date_simple_at" this.date.dateSeparatorTime}}
56
- {{else}}
57
- {{this.date.date}}
58
- {{/if}}
59
- </time>
60
- </span>
61
- {{/if}}
62
- {{else}}
63
- <span>{{this.programLabel}}{{#if this.date}},
64
- <time datetime="{{#if this.displayWithTime}}{{this.date.htmlDateTime}}{{else}}{{this.date.date}}{{/if}}"
65
- class="{{#if _isArticle}}{{else}}{{/if}} ">
66
- {{#if this.displayWithTime}}
67
- {{loca "date_simple_at" this.date.dateSeparatorTime}}
68
- {{else}}
69
- {{this.date.date}}
70
- {{/if}}
71
- </time>
72
- {{/if}}
73
- </span>
74
- {{/if}}
75
- </div>
76
- {{~/if~}}
77
- {{~/with~}}
78
- </div>
79
- </footer>
@@ -1,48 +0,0 @@
1
- {{#if this.hasMoreThanOneAuthor}}
2
-
3
- {{#with this.authorItems}}
4
- <p class="mb-1 text-xs sm480:text-sm font-headingSerif text-gray-scorpion dark:text-text-dark">
5
- {{#each this}}
6
- {{#if this.hasProfileLink}}
7
- {{this.from}}
8
- {{#>components/base/link _link=this.link _css="hover:underline hover:!decoration-1 text-link dark:text-link-dark"}}
9
- <span>{{../this.authorName~}}</span>{{~/components/base/link~}}
10
- {{~#with this.textAfterAuthor}} {{this}}{{/with~}}{{~this.delimiter}}
11
- {{else}}
12
- {{this.from}}
13
- {{#with this.textAfterAuthor}} {{this}}{{/with}}{{this.delimiter}}
14
- {{/if}}
15
- {{/each}}
16
- </p>
17
- {{/with}}
18
-
19
- {{else}}
20
-
21
- {{#if this.hasOneAuthor~}}
22
- <div class="flex items-center">
23
- {{#if this.authorImage.isImage}}
24
- <div class="self-start w-10 h-10 mr-4 basis-10 grow-0">
25
- {{~> components/base/image/responsive_image this.authorImage
26
- _type="profile"
27
- _variant="ticker"
28
- _addClass=""
29
- _addClassImg="ar-1-1 rounded-full"
30
- _noDelay=true ~}}
31
- </div>
32
- {{/if}}
33
- <div class="self-start text-xs sm480:text-sm basis-0 grow font-headingSerif text-gray-scorpion dark:text-text-dark">
34
- <div class="mb-1">
35
- {{#unless _hideFrom }}Von{{/unless}}
36
- {{#if this.authorUrl~}}
37
- <a href="{{this.authorUrl}}" {{#with this.webviewAuthorUrl}}data-webviewurl="{{this}}"{{/with}} class="{{if (isUserConsentNeeded this.authorUrl) 'js-user-consent-needed ' ''}}ds-link text-link hover:underline dark:text-link-dark ">{{this.authorTitle}}</a>
38
- {{else}}
39
- {{this.authorTitle}}
40
- {{/if}}
41
- {{#with this.textAfterAuthor}} {{this}}{{/with}}
42
- </div>
43
- {{> components/page/components/publicationdate _isTicker=_isTicker}}
44
- </div>
45
- </div>
46
- {{~/if}}
47
-
48
- {{/if}}