hr-design-system-handlebars 1.114.124 → 1.114.126
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/icons/icons/svgmap.min.svg +1 -1
- package/dist/assets/index.css +3 -6
- package/dist/assets/js/components/socialmedia/socialmediaCompact.feature.js +0 -11
- package/dist/views/components/base/image/responsive_image.hbs +1 -11
- package/dist/views/components/page/components/socialsharing.hbs +0 -15
- package/dist/views/components/socialmedia/socialmedia.hbs +0 -15
- package/dist/views_static/components/base/image/responsive_image.hbs +1 -11
- package/dist/views_static/components/page/components/socialsharing.hbs +0 -15
- package/dist/views_static/components/socialmedia/socialmedia.hbs +0 -15
- package/package.json +1 -1
- package/src/assets/fixtures/page/metadatabox.inc.json +0 -3
- package/src/assets/fixtures/page/story/story.inc.json +1 -2
- package/src/assets/fixtures/socialsharing/socialsharing.inc.json +0 -1
- package/src/assets/icons/icons/svgmap.min.svg +1 -1
- package/src/stories/views/components/base/image/responsive_image.hbs +1 -11
- package/src/stories/views/components/footer/page_footer.mdx +1 -1
- package/src/stories/views/components/page/components/socialsharing.hbs +0 -15
- package/src/stories/views/components/page/fixtures/metadatabox.json +1 -1
- package/src/stories/views/components/page/story/fixtures/story.json +1 -1
- package/src/stories/views/components/page/story/fixtures/story_with_audio.json +1 -1
- package/src/stories/views/components/page/story/fixtures/story_with_livestream.json +1 -1
- package/src/stories/views/components/page/story/fixtures/story_with_square_image.json +1 -1
- package/src/stories/views/components/page/story/fixtures/story_with_video.json +1 -1
- package/src/stories/views/components/socialmedia/socialmedia.hbs +0 -15
- package/src/stories/views/components/socialmedia/socialmediaCompact.feature.js +0 -11
- package/dist/assets/icons/icons/svgmap/twitter-doppelpfeil.svg +0 -3
- package/dist/assets/icons/icons/svgmap/twitter-ds.svg +0 -3
- package/dist/assets/icons/icons/svgmap/twitter-herz.svg +0 -3
- package/dist/assets/icons/icons/svgmap/twitter-links.svg +0 -3
- package/dist/assets/icons/icons/svgmap/twitter-stern.svg +0 -3
- package/dist/assets/icons/icons/svgmap/twitter.svg +0 -3
- package/dist/assets/icons/icons/svgmap/x-ds.svg +0 -3
- package/dist/assets/icons/icons/svgmap/x.svg +0 -3
- package/src/assets/icons/icons/svgmap/twitter-doppelpfeil.svg +0 -3
- package/src/assets/icons/icons/svgmap/twitter-ds.svg +0 -3
- package/src/assets/icons/icons/svgmap/twitter-herz.svg +0 -3
- package/src/assets/icons/icons/svgmap/twitter-links.svg +0 -3
- package/src/assets/icons/icons/svgmap/twitter-stern.svg +0 -3
- package/src/assets/icons/icons/svgmap/twitter.svg +0 -3
- package/src/assets/icons/icons/svgmap/x-ds.svg +0 -3
- package/src/assets/icons/icons/svgmap/x.svg +0 -3
|
@@ -14,13 +14,10 @@ const ShareCompact = (context) => {
|
|
|
14
14
|
/(Android)|(webOS)|(Blackberry)|(Windows Phone)/i
|
|
15
15
|
)
|
|
16
16
|
const isWebview = window.parent.document.documentElement.classList.contains('webview')
|
|
17
|
-
//const isWebview = window.location.href.match(/(app)(\.[a-zA-Z]*)(\.de)/i) //App URL ...app.hr.de
|
|
18
|
-
//const isWebview = window.location.href.match(/(app)/i)
|
|
19
17
|
let cookie = {}
|
|
20
18
|
const trackingCookieLifetime = 1000 * 60 * 60 * 24 * 365 * 10
|
|
21
19
|
|
|
22
20
|
const shareLinks = {
|
|
23
|
-
twitter: hr$('.js-shareLinkTwitter', rootElement)[0],
|
|
24
21
|
facebook: hr$('.js-shareLinkFacebook', rootElement)[0],
|
|
25
22
|
whatsapp: hr$('.js-shareLinkWhatsapp', rootElement)[0],
|
|
26
23
|
mail: hr$('.js-shareLinkMail', rootElement)[0],
|
|
@@ -134,14 +131,6 @@ const ShareCompact = (context) => {
|
|
|
134
131
|
}
|
|
135
132
|
}
|
|
136
133
|
const initializeShareLinksTracking = () => {
|
|
137
|
-
listen(
|
|
138
|
-
'click',
|
|
139
|
-
function () {
|
|
140
|
-
console.log('twitter')
|
|
141
|
-
uxAction('newSocialShareClick::twitter')
|
|
142
|
-
},
|
|
143
|
-
shareLinks.twitter
|
|
144
|
-
)
|
|
145
134
|
listen(
|
|
146
135
|
'click',
|
|
147
136
|
function () {
|
|
@@ -22,21 +22,11 @@
|
|
|
22
22
|
{{/with}}
|
|
23
23
|
<img {{#if ../_isWebview}}data-primary-type="hr-nt:image" data-image-id="{{nextRandom}}"{{/if}} class="w-full{{~#if ../_addClassImg}} {{../_addClassImg}}{{/if}}" loading="{{#if ../_noDelay}}auto{{else}}lazy{{/if}}"{{#if ../_noDelay}} fetchpriority="high"{{/if}} src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="{{#if ../_alttext}}{{../_alttext}}{{else}}{{../this.alttext}}{{/if}}" {{~#if ../_title}} title="{{../_title}}"{{~/if}} {{~#if ../_errorHandler }} onerror="this.onerror=null; {{../_errorHandler}}"{{/if}} {{~#if ../../_loadHandler}} x-on:load="{{../../_loadHandler}}" {{~/if}}>
|
|
24
24
|
</picture>
|
|
25
|
-
{{#unless _disableNoScript}}
|
|
26
|
-
<noscript>
|
|
27
|
-
<img class="w-full{{~#if ../_addClassImg}} {{../_addClassImg}}{{/if}}" src="{{this.fallback}}" alt="{{#if ../_alttext}}{{../_alttext}}{{else}}{{../this.alttext}}{{/if}}">
|
|
28
|
-
</noscript>
|
|
29
|
-
{{/unless}}
|
|
30
25
|
{{/if}}
|
|
31
26
|
|
|
32
27
|
{{#if this.asImage}}
|
|
33
28
|
{{#with this.sources.[0]}}
|
|
34
29
|
{{~#with ../../_addClass }}<div class="{{this}}">{{/with}}
|
|
35
|
-
{{#unless ../../_disableNoScript}}
|
|
36
|
-
<noscript>
|
|
37
|
-
<img class="w-full{{~#if ../../_addClassImg}} {{../../_addClassImg}}{{/if}}" src="{{../this.fallback}}" alt="{{#if ../../_alttext}}{{../../_alttext}}{{else}}{{../../this.alttext}}{{/if}}">
|
|
38
|
-
</noscript>
|
|
39
|
-
{{/unless}}
|
|
40
30
|
<img{{#if ../../_isWebview }} data-primary-type="hr-nt:image"
|
|
41
31
|
data-image-id="{{nextRandom}}"{{/if}}
|
|
42
32
|
{{#with this.sizes}} sizes="{{this}}" {{/with~}}
|
|
@@ -44,7 +34,7 @@
|
|
|
44
34
|
{{#if ../../_noDelay}}
|
|
45
35
|
fetchpriority="high"
|
|
46
36
|
{{/if}}
|
|
47
|
-
{{#with this.srcset}}
|
|
37
|
+
{{#with this.srcset}} srcset="{{this}}"{{/with}}
|
|
48
38
|
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
|
|
49
39
|
alt="{{#if ../../_alttext}}{{../../_alttext}}{{else}}{{../../this.alttext}}{{/if}}"
|
|
50
40
|
class="w-full{{~#with ../../_addClassImg }} {{this}}{{/with}}"
|
|
@@ -2,21 +2,6 @@
|
|
|
2
2
|
<div class="self-center hidden sm:block grow">
|
|
3
3
|
|
|
4
4
|
<ul class="flex justify-end">
|
|
5
|
-
{{~#with this.twitterLink ~}}
|
|
6
|
-
<li class="float-left mr-3">
|
|
7
|
-
<a class="{{if (isUserConsentNeeded this) 'js-user-consent-needed ' ''}}{{#with ../../this.content.trackingData}} js-load{{/with}}"
|
|
8
|
-
href="{{this}}"
|
|
9
|
-
target="_blank"
|
|
10
|
-
rel="noopener noreferrer"
|
|
11
|
-
title="{{loca "share_x_linktitle" }}"
|
|
12
|
-
{{#with ../../this.content.trackingData}}
|
|
13
|
-
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::X"}]}'
|
|
14
|
-
{{/with}}
|
|
15
|
-
>
|
|
16
|
-
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#0f1419] hover:scale-105" _icon="x" _iconmap="icons" ~}}
|
|
17
|
-
</a>
|
|
18
|
-
</li>
|
|
19
|
-
{{~/with~}}
|
|
20
5
|
{{~#with this.facebookLink ~}}
|
|
21
6
|
<li class="float-left mr-3">
|
|
22
7
|
<a class="{{if (isUserConsentNeeded this) 'js-user-consent-needed ' ''}}{{#with ../../this.content.trackingData}} js-load{{/with}}"
|
|
@@ -3,21 +3,6 @@
|
|
|
3
3
|
<span class="text-sm uppercase font-headingSerif w-fit sm:w-full">{{loca "share_headline" }}</span>
|
|
4
4
|
|
|
5
5
|
<ul class="flex flex-wrap w-full pt-2 gap-x-2 gap-y-2">
|
|
6
|
-
{{~#with this.twitterLink ~}}
|
|
7
|
-
<li>
|
|
8
|
-
<a class="{{if (isUserConsentNeeded this) 'js-user-consent-needed ' ''}}{{#with ../../this.content.trackingData}} js-load{{/with}}"
|
|
9
|
-
href="{{this}}"
|
|
10
|
-
target="_blank"
|
|
11
|
-
rel="noopener noreferrer"
|
|
12
|
-
title="{{loca "share_x_linktitle" }}"
|
|
13
|
-
{{#with ../../this.content.trackingData}}
|
|
14
|
-
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": {{this.secondLevelId}},"clickLabel": "socialShareClick::X"}]}'
|
|
15
|
-
{{/with}}
|
|
16
|
-
>
|
|
17
|
-
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#0f1419] hover:scale-105" _icon="x" _iconmap="icons" ~}}
|
|
18
|
-
</a>
|
|
19
|
-
</li>
|
|
20
|
-
{{~/with~}}
|
|
21
6
|
{{~#with this.facebookLink ~}}
|
|
22
7
|
<li>
|
|
23
8
|
<a class="{{if (isUserConsentNeeded this) 'js-user-consent-needed ' ''}}{{#with ../../this.content.trackingData}} js-load{{/with}}"
|
|
@@ -22,21 +22,11 @@
|
|
|
22
22
|
{{/with}}
|
|
23
23
|
<img {{#if ../_isWebview}}data-primary-type="hr-nt:image" data-image-id="{{nextRandom}}"{{/if}} class="w-full{{~#if ../_addClassImg}} {{../_addClassImg}}{{/if}}" loading="{{#if ../_noDelay}}auto{{else}}lazy{{/if}}"{{#if ../_noDelay}} fetchpriority="high"{{/if}} src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="{{#if ../_alttext}}{{../_alttext}}{{else}}{{../this.alttext}}{{/if}}" {{~#if ../_title}} title="{{../_title}}"{{~/if}} {{~#if ../_errorHandler }} onerror="this.onerror=null; {{../_errorHandler}}"{{/if}} {{~#if ../../_loadHandler}} x-on:load="{{../../_loadHandler}}" {{~/if}}>
|
|
24
24
|
</picture>
|
|
25
|
-
{{#unless _disableNoScript}}
|
|
26
|
-
<noscript>
|
|
27
|
-
<img class="w-full{{~#if ../_addClassImg}} {{../_addClassImg}}{{/if}}" src="{{this.fallback}}" alt="{{#if ../_alttext}}{{../_alttext}}{{else}}{{../this.alttext}}{{/if}}">
|
|
28
|
-
</noscript>
|
|
29
|
-
{{/unless}}
|
|
30
25
|
{{/if}}
|
|
31
26
|
|
|
32
27
|
{{#if this.asImage}}
|
|
33
28
|
{{#with this.sources.[0]}}
|
|
34
29
|
{{~#with ../../_addClass }}<div class="{{this}}">{{/with}}
|
|
35
|
-
{{#unless ../../_disableNoScript}}
|
|
36
|
-
<noscript>
|
|
37
|
-
<img class="w-full{{~#if ../../_addClassImg}} {{../../_addClassImg}}{{/if}}" src="{{../this.fallback}}" alt="{{#if ../../_alttext}}{{../../_alttext}}{{else}}{{../../this.alttext}}{{/if}}">
|
|
38
|
-
</noscript>
|
|
39
|
-
{{/unless}}
|
|
40
30
|
<img{{#if ../../_isWebview }} data-primary-type="hr-nt:image"
|
|
41
31
|
data-image-id="{{nextRandom}}"{{/if}}
|
|
42
32
|
{{#with this.sizes}} sizes="{{this}}" {{/with~}}
|
|
@@ -44,7 +34,7 @@
|
|
|
44
34
|
{{#if ../../_noDelay}}
|
|
45
35
|
fetchpriority="high"
|
|
46
36
|
{{/if}}
|
|
47
|
-
{{#with this.srcset}}
|
|
37
|
+
{{#with this.srcset}} srcset="{{this}}"{{/with}}
|
|
48
38
|
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
|
|
49
39
|
alt="{{#if ../../_alttext}}{{../../_alttext}}{{else}}{{../../this.alttext}}{{/if}}"
|
|
50
40
|
class="w-full{{~#with ../../_addClassImg }} {{this}}{{/with}}"
|
|
@@ -2,21 +2,6 @@
|
|
|
2
2
|
<div class="self-center hidden sm:block grow">
|
|
3
3
|
|
|
4
4
|
<ul class="flex justify-end">
|
|
5
|
-
{{~#with this.twitterLink ~}}
|
|
6
|
-
<li class="float-left mr-3">
|
|
7
|
-
<a class="{{if (isUserConsentNeeded this) 'js-user-consent-needed ' ''}}{{#with ../../this.content.trackingData}} js-load{{/with}}"
|
|
8
|
-
href="{{this}}"
|
|
9
|
-
target="_blank"
|
|
10
|
-
rel="noopener noreferrer"
|
|
11
|
-
title="{{loca "share_x_linktitle" }}"
|
|
12
|
-
{{#with ../../this.content.trackingData}}
|
|
13
|
-
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::X"}]}'
|
|
14
|
-
{{/with}}
|
|
15
|
-
>
|
|
16
|
-
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#0f1419] hover:scale-105" _icon="x" _iconmap="icons" ~}}
|
|
17
|
-
</a>
|
|
18
|
-
</li>
|
|
19
|
-
{{~/with~}}
|
|
20
5
|
{{~#with this.facebookLink ~}}
|
|
21
6
|
<li class="float-left mr-3">
|
|
22
7
|
<a class="{{if (isUserConsentNeeded this) 'js-user-consent-needed ' ''}}{{#with ../../this.content.trackingData}} js-load{{/with}}"
|
|
@@ -3,21 +3,6 @@
|
|
|
3
3
|
<span class="text-sm uppercase font-headingSerif w-fit sm:w-full">{{loca "share_headline" }}</span>
|
|
4
4
|
|
|
5
5
|
<ul class="flex flex-wrap w-full pt-2 gap-x-2 gap-y-2">
|
|
6
|
-
{{~#with this.twitterLink ~}}
|
|
7
|
-
<li>
|
|
8
|
-
<a class="{{if (isUserConsentNeeded this) 'js-user-consent-needed ' ''}}{{#with ../../this.content.trackingData}} js-load{{/with}}"
|
|
9
|
-
href="{{this}}"
|
|
10
|
-
target="_blank"
|
|
11
|
-
rel="noopener noreferrer"
|
|
12
|
-
title="{{loca "share_x_linktitle" }}"
|
|
13
|
-
{{#with ../../this.content.trackingData}}
|
|
14
|
-
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": {{this.secondLevelId}},"clickLabel": "socialShareClick::X"}]}'
|
|
15
|
-
{{/with}}
|
|
16
|
-
>
|
|
17
|
-
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#0f1419] hover:scale-105" _icon="x" _iconmap="icons" ~}}
|
|
18
|
-
</a>
|
|
19
|
-
</li>
|
|
20
|
-
{{~/with~}}
|
|
21
6
|
{{~#with this.facebookLink ~}}
|
|
22
7
|
<li>
|
|
23
8
|
<a class="{{if (isUserConsentNeeded this) 'js-user-consent-needed ' ''}}{{#with ../../this.content.trackingData}} js-load{{/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.114.
|
|
9
|
+
"version": "1.114.126",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -11,7 +11,6 @@
|
|
|
11
11
|
"time": "19:30"
|
|
12
12
|
},
|
|
13
13
|
"socialSharing": {
|
|
14
|
-
"twitterLink": "/twitterLink-url",
|
|
15
14
|
"facebookLink": "/facebookLink-url",
|
|
16
15
|
"whatsappLink": "/whatsappLink-url",
|
|
17
16
|
"mailtoLink": "/mailtoLink-url",
|
|
@@ -45,7 +44,6 @@
|
|
|
45
44
|
"time": "19:30"
|
|
46
45
|
},
|
|
47
46
|
"socialSharing": {
|
|
48
|
-
"twitterLink": "/twitterLink-url",
|
|
49
47
|
"facebookLink": "/facebookLink-url",
|
|
50
48
|
"whatsappLink": "/whatsappLink-url",
|
|
51
49
|
"mailtoLink": "/mailtoLink-url",
|
|
@@ -88,7 +86,6 @@
|
|
|
88
86
|
}
|
|
89
87
|
],
|
|
90
88
|
"socialSharing": {
|
|
91
|
-
"twitterLink": "/twitterLink-url",
|
|
92
89
|
"facebookLink": "/facebookLink-url",
|
|
93
90
|
"whatsappLink": "/whatsappLink-url",
|
|
94
91
|
"mailtoLink": "/mailtoLink-url",
|