hr-design-system-handlebars 1.59.1 → 1.59.2
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 +12 -0
- package/dist/assets/index.css +3 -3
- package/dist/views/components/page/components/commentlink.hbs +1 -1
- package/dist/views/components/page/components/socialsharing.hbs +78 -3
- package/dist/views_static/components/page/components/commentlink.hbs +1 -1
- package/dist/views_static/components/page/components/socialsharing.hbs +78 -3
- package/package.json +1 -1
- package/src/stories/views/components/page/components/commentlink.hbs +1 -1
- package/src/stories/views/components/page/components/socialsharing.hbs +78 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
# v1.59.2 (Thu Feb 22 2024)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- add social-sharing-component [#857](https://github.com/mumprod/hr-design-system-handlebars/pull/857) ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
1
13
|
# v1.59.1 (Thu Feb 22 2024)
|
|
2
14
|
|
|
3
15
|
#### 🐛 Bug Fix
|
package/dist/assets/index.css
CHANGED
|
@@ -3258,7 +3258,7 @@ article.indexText ul {
|
|
|
3258
3258
|
border-bottom-color: var(--color-secondary-ds);
|
|
3259
3259
|
}
|
|
3260
3260
|
.counter-reset {
|
|
3261
|
-
counter-reset:
|
|
3261
|
+
counter-reset: cnt1708612386205;
|
|
3262
3262
|
}
|
|
3263
3263
|
.hyphens-auto {
|
|
3264
3264
|
-webkit-hyphens: auto;
|
|
@@ -3581,7 +3581,7 @@ article.indexText ul {
|
|
|
3581
3581
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
3582
3582
|
}
|
|
3583
3583
|
.-ordered {
|
|
3584
|
-
counter-increment:
|
|
3584
|
+
counter-increment: cnt1708612386205 1;
|
|
3585
3585
|
}
|
|
3586
3586
|
.-ordered::before {
|
|
3587
3587
|
position: absolute;
|
|
@@ -3597,7 +3597,7 @@ article.indexText ul {
|
|
|
3597
3597
|
letter-spacing: .0125em;
|
|
3598
3598
|
--tw-text-opacity: 1;
|
|
3599
3599
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
3600
|
-
content: counter(
|
|
3600
|
+
content: counter(cnt1708612386205);
|
|
3601
3601
|
}
|
|
3602
3602
|
/*! ****************************/
|
|
3603
3603
|
/*! DataPolicy stuff */
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{{#with this.userComments ~}}
|
|
2
|
-
<div class="mt-2 -mb-1">
|
|
2
|
+
<div class="{{#unless ../this.hasMoreThanOneAuthor}}ml-14 {{/unless}}mt-2 -mb-1">
|
|
3
3
|
<span class="relative z-30 whitespace-nowrap">
|
|
4
4
|
<a class="text-sm font-headingSerif text-link hover:underline" href="#commentList">
|
|
5
5
|
{{> components/base/image/icon _icon="kommentar" _iconmap="icons" _addClass="mr-0.5 inline w-5 h-5 text-link fill-current"}}
|
|
@@ -1,3 +1,78 @@
|
|
|
1
|
-
|
|
2
|
-
<div class="
|
|
3
|
-
|
|
1
|
+
{{~#with this.socialSharing ~}}
|
|
2
|
+
<div class="self-center hidden sm:block grow">
|
|
3
|
+
|
|
4
|
+
<ul class="flex justify-end">
|
|
5
|
+
{{~#with this.twitterLink ~}}
|
|
6
|
+
<li class="float-left mr-3">
|
|
7
|
+
<a class="{{#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
|
+
{{~#with this.facebookLink ~}}
|
|
21
|
+
<li class="float-left mr-3">
|
|
22
|
+
<a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
|
|
23
|
+
href="{{this}}"
|
|
24
|
+
target="_blank"
|
|
25
|
+
rel="noopener noreferrer"
|
|
26
|
+
title="{{loca "share_facebook_linktitle" }}"
|
|
27
|
+
{{#with ../../this.content.trackingData}}
|
|
28
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::facebook"}]}'
|
|
29
|
+
{{/with}}
|
|
30
|
+
>
|
|
31
|
+
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#3b5999] hover:scale-105" _icon="facebook" _iconmap="icons" ~}}
|
|
32
|
+
</a>
|
|
33
|
+
</li>
|
|
34
|
+
{{~/with~}}
|
|
35
|
+
{{~#with this.whatsappLink ~}}
|
|
36
|
+
<li class="float-left mr-3">
|
|
37
|
+
<a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
|
|
38
|
+
href="{{this}}"
|
|
39
|
+
target="_blank"
|
|
40
|
+
rel="noopener noreferrer"
|
|
41
|
+
title="{{loca "share_whatsapp_linktitle" }}"
|
|
42
|
+
{{#with ../../this.content.trackingData}}
|
|
43
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::whatsapp"}]}'
|
|
44
|
+
{{/with}}
|
|
45
|
+
>
|
|
46
|
+
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#4dc247] hover:scale-105" _icon="whatsapp" _iconmap="icons" ~}}
|
|
47
|
+
</a>
|
|
48
|
+
</li>
|
|
49
|
+
{{~/with~}}
|
|
50
|
+
{{~#with this.mailtoLink ~}}
|
|
51
|
+
<li class="float-left mr-3">
|
|
52
|
+
<a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
|
|
53
|
+
href="{{this}}"
|
|
54
|
+
title="{{loca "share_mail_linktitle" }}"
|
|
55
|
+
{{#with ../../this.content.trackingData}}
|
|
56
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::mailto"}]}'
|
|
57
|
+
{{/with}}
|
|
58
|
+
>
|
|
59
|
+
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#006dc1] hover:scale-105" _icon="mail" _iconmap="icons" ~}}
|
|
60
|
+
</a>
|
|
61
|
+
</li>
|
|
62
|
+
{{~/with~}}
|
|
63
|
+
|
|
64
|
+
<li class="float-left">
|
|
65
|
+
<a class="{{#with ../this.content.trackingData}} js-load{{/with}}"
|
|
66
|
+
href="javascript:window.print()"
|
|
67
|
+
title="{{loca "share_print_linktitle" }}"
|
|
68
|
+
{{#with ../this.content.trackingData}}
|
|
69
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::printbutton"}]}'
|
|
70
|
+
{{/with}}
|
|
71
|
+
>
|
|
72
|
+
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#606060] hover:scale-105" _icon="print" _iconmap="icons" ~}}
|
|
73
|
+
</a>
|
|
74
|
+
</li>
|
|
75
|
+
</ul>
|
|
76
|
+
|
|
77
|
+
</div>
|
|
78
|
+
{{~/with~}}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{{#with this.userComments ~}}
|
|
2
|
-
<div class="mt-2 -mb-1">
|
|
2
|
+
<div class="{{#unless ../this.hasMoreThanOneAuthor}}ml-14 {{/unless}}mt-2 -mb-1">
|
|
3
3
|
<span class="relative z-30 whitespace-nowrap">
|
|
4
4
|
<a class="text-sm font-headingSerif text-link hover:underline" href="#commentList">
|
|
5
5
|
{{> components/base/image/icon _icon="kommentar" _iconmap="icons" _addClass="mr-0.5 inline w-5 h-5 text-link fill-current"}}
|
|
@@ -1,3 +1,78 @@
|
|
|
1
|
-
|
|
2
|
-
<div class="
|
|
3
|
-
|
|
1
|
+
{{~#with this.socialSharing ~}}
|
|
2
|
+
<div class="self-center hidden sm:block grow">
|
|
3
|
+
|
|
4
|
+
<ul class="flex justify-end">
|
|
5
|
+
{{~#with this.twitterLink ~}}
|
|
6
|
+
<li class="float-left mr-3">
|
|
7
|
+
<a class="{{#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
|
+
{{~#with this.facebookLink ~}}
|
|
21
|
+
<li class="float-left mr-3">
|
|
22
|
+
<a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
|
|
23
|
+
href="{{this}}"
|
|
24
|
+
target="_blank"
|
|
25
|
+
rel="noopener noreferrer"
|
|
26
|
+
title="{{loca "share_facebook_linktitle" }}"
|
|
27
|
+
{{#with ../../this.content.trackingData}}
|
|
28
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::facebook"}]}'
|
|
29
|
+
{{/with}}
|
|
30
|
+
>
|
|
31
|
+
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#3b5999] hover:scale-105" _icon="facebook" _iconmap="icons" ~}}
|
|
32
|
+
</a>
|
|
33
|
+
</li>
|
|
34
|
+
{{~/with~}}
|
|
35
|
+
{{~#with this.whatsappLink ~}}
|
|
36
|
+
<li class="float-left mr-3">
|
|
37
|
+
<a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
|
|
38
|
+
href="{{this}}"
|
|
39
|
+
target="_blank"
|
|
40
|
+
rel="noopener noreferrer"
|
|
41
|
+
title="{{loca "share_whatsapp_linktitle" }}"
|
|
42
|
+
{{#with ../../this.content.trackingData}}
|
|
43
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::whatsapp"}]}'
|
|
44
|
+
{{/with}}
|
|
45
|
+
>
|
|
46
|
+
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#4dc247] hover:scale-105" _icon="whatsapp" _iconmap="icons" ~}}
|
|
47
|
+
</a>
|
|
48
|
+
</li>
|
|
49
|
+
{{~/with~}}
|
|
50
|
+
{{~#with this.mailtoLink ~}}
|
|
51
|
+
<li class="float-left mr-3">
|
|
52
|
+
<a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
|
|
53
|
+
href="{{this}}"
|
|
54
|
+
title="{{loca "share_mail_linktitle" }}"
|
|
55
|
+
{{#with ../../this.content.trackingData}}
|
|
56
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::mailto"}]}'
|
|
57
|
+
{{/with}}
|
|
58
|
+
>
|
|
59
|
+
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#006dc1] hover:scale-105" _icon="mail" _iconmap="icons" ~}}
|
|
60
|
+
</a>
|
|
61
|
+
</li>
|
|
62
|
+
{{~/with~}}
|
|
63
|
+
|
|
64
|
+
<li class="float-left">
|
|
65
|
+
<a class="{{#with ../this.content.trackingData}} js-load{{/with}}"
|
|
66
|
+
href="javascript:window.print()"
|
|
67
|
+
title="{{loca "share_print_linktitle" }}"
|
|
68
|
+
{{#with ../this.content.trackingData}}
|
|
69
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::printbutton"}]}'
|
|
70
|
+
{{/with}}
|
|
71
|
+
>
|
|
72
|
+
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#606060] hover:scale-105" _icon="print" _iconmap="icons" ~}}
|
|
73
|
+
</a>
|
|
74
|
+
</li>
|
|
75
|
+
</ul>
|
|
76
|
+
|
|
77
|
+
</div>
|
|
78
|
+
{{~/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.59.
|
|
9
|
+
"version": "1.59.2",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{{#with this.userComments ~}}
|
|
2
|
-
<div class="mt-2 -mb-1">
|
|
2
|
+
<div class="{{#unless ../this.hasMoreThanOneAuthor}}ml-14 {{/unless}}mt-2 -mb-1">
|
|
3
3
|
<span class="relative z-30 whitespace-nowrap">
|
|
4
4
|
<a class="text-sm font-headingSerif text-link hover:underline" href="#commentList">
|
|
5
5
|
{{> components/base/image/icon _icon="kommentar" _iconmap="icons" _addClass="mr-0.5 inline w-5 h-5 text-link fill-current"}}
|
|
@@ -1,3 +1,78 @@
|
|
|
1
|
-
|
|
2
|
-
<div class="
|
|
3
|
-
|
|
1
|
+
{{~#with this.socialSharing ~}}
|
|
2
|
+
<div class="self-center hidden sm:block grow">
|
|
3
|
+
|
|
4
|
+
<ul class="flex justify-end">
|
|
5
|
+
{{~#with this.twitterLink ~}}
|
|
6
|
+
<li class="float-left mr-3">
|
|
7
|
+
<a class="{{#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
|
+
{{~#with this.facebookLink ~}}
|
|
21
|
+
<li class="float-left mr-3">
|
|
22
|
+
<a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
|
|
23
|
+
href="{{this}}"
|
|
24
|
+
target="_blank"
|
|
25
|
+
rel="noopener noreferrer"
|
|
26
|
+
title="{{loca "share_facebook_linktitle" }}"
|
|
27
|
+
{{#with ../../this.content.trackingData}}
|
|
28
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::facebook"}]}'
|
|
29
|
+
{{/with}}
|
|
30
|
+
>
|
|
31
|
+
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#3b5999] hover:scale-105" _icon="facebook" _iconmap="icons" ~}}
|
|
32
|
+
</a>
|
|
33
|
+
</li>
|
|
34
|
+
{{~/with~}}
|
|
35
|
+
{{~#with this.whatsappLink ~}}
|
|
36
|
+
<li class="float-left mr-3">
|
|
37
|
+
<a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
|
|
38
|
+
href="{{this}}"
|
|
39
|
+
target="_blank"
|
|
40
|
+
rel="noopener noreferrer"
|
|
41
|
+
title="{{loca "share_whatsapp_linktitle" }}"
|
|
42
|
+
{{#with ../../this.content.trackingData}}
|
|
43
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::whatsapp"}]}'
|
|
44
|
+
{{/with}}
|
|
45
|
+
>
|
|
46
|
+
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#4dc247] hover:scale-105" _icon="whatsapp" _iconmap="icons" ~}}
|
|
47
|
+
</a>
|
|
48
|
+
</li>
|
|
49
|
+
{{~/with~}}
|
|
50
|
+
{{~#with this.mailtoLink ~}}
|
|
51
|
+
<li class="float-left mr-3">
|
|
52
|
+
<a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
|
|
53
|
+
href="{{this}}"
|
|
54
|
+
title="{{loca "share_mail_linktitle" }}"
|
|
55
|
+
{{#with ../../this.content.trackingData}}
|
|
56
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::mailto"}]}'
|
|
57
|
+
{{/with}}
|
|
58
|
+
>
|
|
59
|
+
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#006dc1] hover:scale-105" _icon="mail" _iconmap="icons" ~}}
|
|
60
|
+
</a>
|
|
61
|
+
</li>
|
|
62
|
+
{{~/with~}}
|
|
63
|
+
|
|
64
|
+
<li class="float-left">
|
|
65
|
+
<a class="{{#with ../this.content.trackingData}} js-load{{/with}}"
|
|
66
|
+
href="javascript:window.print()"
|
|
67
|
+
title="{{loca "share_print_linktitle" }}"
|
|
68
|
+
{{#with ../this.content.trackingData}}
|
|
69
|
+
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::printbutton"}]}'
|
|
70
|
+
{{/with}}
|
|
71
|
+
>
|
|
72
|
+
{{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#606060] hover:scale-105" _icon="print" _iconmap="icons" ~}}
|
|
73
|
+
</a>
|
|
74
|
+
</li>
|
|
75
|
+
</ul>
|
|
76
|
+
|
|
77
|
+
</div>
|
|
78
|
+
{{~/with~}}
|