hr-design-system-handlebars 1.83.10 → 1.83.11

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 (14) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/assets/index.css +3 -3
  3. package/dist/assets/js/components/social_sharing/socialSharingHandler.alpine.js +15 -1
  4. package/dist/views/components/social_sharing/social_sharing_copytext.hbs +8 -1
  5. package/dist/views/components/social_sharing/social_sharing_horizontal.hbs +3 -1
  6. package/dist/views/components/social_sharing/social_sharing_mobile.hbs +1 -0
  7. package/dist/views_static/components/social_sharing/social_sharing_copytext.hbs +8 -1
  8. package/dist/views_static/components/social_sharing/social_sharing_horizontal.hbs +3 -1
  9. package/dist/views_static/components/social_sharing/social_sharing_mobile.hbs +1 -0
  10. package/package.json +1 -1
  11. package/src/stories/views/components/social_sharing/socialSharingHandler.alpine.js +15 -1
  12. package/src/stories/views/components/social_sharing/social_sharing_copytext.hbs +8 -1
  13. package/src/stories/views/components/social_sharing/social_sharing_horizontal.hbs +3 -1
  14. package/src/stories/views/components/social_sharing/social_sharing_mobile.hbs +1 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,15 @@
1
+ # v1.83.11 (Wed Jul 24 2024)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - Social Sharing Tracking- first time show added [#1028](https://github.com/mumprod/hr-design-system-handlebars/pull/1028) ([@vascoeduardo](https://github.com/vascoeduardo))
6
+
7
+ #### Authors: 1
8
+
9
+ - Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
10
+
11
+ ---
12
+
1
13
  # v1.83.10 (Tue Jul 23 2024)
2
14
 
3
15
  #### 🐛 Bug Fix
package/dist/assets/index.css CHANGED
@@ -3322,7 +3322,7 @@ article.indexTextDS .indexTextHighlighted .link {
3322
3322
  border-bottom-color: var(--color-secondary-ds);
3323
3323
  }
3324
3324
  .counter-reset {
3325
- counter-reset: cnt1721748234466;
3325
+ counter-reset: cnt1721827813356;
3326
3326
  }
3327
3327
  .hyphens-auto {
3328
3328
  -webkit-hyphens: auto;
@@ -3730,7 +3730,7 @@ article.indexTextDS .indexTextHighlighted .link {
3730
3730
  --tw-ring-color: rgba(255, 255, 255, 0.5);
3731
3731
  }
3732
3732
  .-ordered {
3733
- counter-increment: cnt1721748234466 1;
3733
+ counter-increment: cnt1721827813356 1;
3734
3734
  }
3735
3735
  .-ordered::before {
3736
3736
  position: absolute;
@@ -3746,7 +3746,7 @@ article.indexTextDS .indexTextHighlighted .link {
3746
3746
  letter-spacing: .0125em;
3747
3747
  --tw-text-opacity: 1;
3748
3748
  color: rgba(0, 0, 0, var(--tw-text-opacity));
3749
- content: counter(cnt1721748234466);
3749
+ content: counter(cnt1721827813356);
3750
3750
  }
3751
3751
  /*! ****************************/
3752
3752
  /*! DataPolicy stuff */
package/dist/assets/js/components/social_sharing/socialSharingHandler.alpine.js CHANGED
@@ -4,7 +4,8 @@ export default (module) => ({
4
4
  open: false,
5
5
  sharingIsVisible: true,
6
6
  isDesktop: true,
7
-
7
+ sharingModuleWasNeverShown: true,
8
+ desktopSharingModuleWasNeverShown: true,
8
9
  toggle() {
9
10
 
10
11
  var isMobileApple = /^iP/.test(navigator.platform) || /^Mac/.test(navigator.platform) && navigator.maxTouchPoints > 4;
@@ -38,6 +39,19 @@ export default (module) => ({
38
39
  if(trackClick) {
39
40
  uxAction('socialShareClick::'+module+'::sharingIconClose');
40
41
  }
42
+ },
43
+ sharingModuleShown(desktop){
44
+
45
+ if(this.sharingModuleWasNeverShown && !desktop){
46
+ console.log('Sharing Module '+module+' was shown for the first time!!!');
47
+ uxAction('socialShareClick::'+module+'::shown');
48
+ this.sharingModuleWasNeverShown = false;
49
+ }
50
+ if(this.desktopSharingModuleWasNeverShown && desktop){
51
+ console.log('Sharing Module '+module+'Desktop was shown for the first time!!!');
52
+ uxAction('socialShareClick::'+module+'Desktop::shown');
53
+ this.desktopSharingModuleWasNeverShown = false;
54
+ }
41
55
  }
42
56
 
43
57
  })
package/dist/views/components/social_sharing/social_sharing_copytext.hbs CHANGED
@@ -1,5 +1,12 @@
1
1
  {{~#with this.socialSharing ~}}
2
- <div x-show="$screen('lg') && $store.sharingIsVisible == false && document.querySelector('.copytextWrapper').offsetHeight > 220" x-init="" class="{{#unless ../_useSticky}}top-0 {{/unless}}sticky w-10 col-start-2 pt-6 z-100 h-fit"
2
+ <div
3
+ x-show="$screen('lg') && $store.sharingIsVisible == false && document.querySelector('.copytextWrapper').offsetHeight > 220"
4
+ x-init=""
5
+ class="{{#unless ../_useSticky}}top-0 {{/unless}}sticky w-10 col-start-2 pt-6 z-100 h-fit"
6
+ x-data="socialSharingHandler('vertical-desktop')"
7
+ x-intersect="sharingModuleShown()"
8
+ ax-load
9
+ x-ignore
3
10
  {{#if ../_useSticky}}
4
11
  :class="{'top-[142px]': $store.sectionNavIsVisible && $store.subNavIsVisible && $screen('lg') ,
5
12
  'top-[106px]': $store.sectionNavIsVisible && !$store.subNavIsVisible && $screen('lg') ,
package/dist/views/components/social_sharing/social_sharing_horizontal.hbs CHANGED
@@ -19,7 +19,8 @@
19
19
  :aria-expanded="open"
20
20
  :aria-controls="$id('dropdown-button')"
21
21
  aria-label="{{loca "share_linktitle" }}"
22
- x-show="$store.sharingIsVisible"
22
+ x-show="$store.sharingIsVisible"
23
+ x-intersect="sharingModuleShown()"
23
24
  >
24
25
  {{> components/base/image/icon _addClass="w-5 h-5 fill-current group-hover:fill-link--dark" _icon="sharing" _iconmap="icons" }}
25
26
  </button>
@@ -28,6 +29,7 @@
28
29
  :class="{ 'hidden': !$store.sharingIsOpen.metadatabox,'flex': $store.sharingIsOpen.metadatabox }"
29
30
  :id="$id('dropdown-button')"
30
31
  class="self-center bg-white h-8 absolute right-[50px] md:relative md:right-0 md:h-auto hidden lg:flex"
32
+ x-intersect="sharingModuleShown(true)"
31
33
  >
32
34
  <ul class="flex gap-3">
33
35
  {{> components/social_sharing/social_sharing_icons _socialSharingType="metadatabox" _trackingData=../this.trackingData}}
package/dist/views/components/social_sharing/social_sharing_mobile.hbs CHANGED
@@ -18,6 +18,7 @@
18
18
  :aria-expanded="open"
19
19
  :aria-controls="$id('dropdown-button')"
20
20
  aria-label='{{loca "share_linktitle" }}'
21
+ x-intersect="sharingModuleShown()"
21
22
  >
22
23
  {{> components/base/image/icon _addClass="w-5 h-5 fill-current group-hover:fill-link--dark" _icon="sharing" _iconmap="icons" }}
23
24
  </button>
package/dist/views_static/components/social_sharing/social_sharing_copytext.hbs CHANGED
@@ -1,5 +1,12 @@
1
1
  {{~#with this.socialSharing ~}}
2
- <div x-show="$screen('lg') && $store.sharingIsVisible == false && document.querySelector('.copytextWrapper').offsetHeight > 220" x-init="" class="{{#unless ../_useSticky}}top-0 {{/unless}}sticky w-10 col-start-2 pt-6 z-100 h-fit"
2
+ <div
3
+ x-show="$screen('lg') && $store.sharingIsVisible == false && document.querySelector('.copytextWrapper').offsetHeight > 220"
4
+ x-init=""
5
+ class="{{#unless ../_useSticky}}top-0 {{/unless}}sticky w-10 col-start-2 pt-6 z-100 h-fit"
6
+ x-data="socialSharingHandler('vertical-desktop')"
7
+ x-intersect="sharingModuleShown()"
8
+ ax-load
9
+ x-ignore
3
10
  {{#if ../_useSticky}}
4
11
  :class="{'top-[142px]': $store.sectionNavIsVisible && $store.subNavIsVisible && $screen('lg') ,
5
12
  'top-[106px]': $store.sectionNavIsVisible && !$store.subNavIsVisible && $screen('lg') ,
package/dist/views_static/components/social_sharing/social_sharing_horizontal.hbs CHANGED
@@ -19,7 +19,8 @@
19
19
  :aria-expanded="open"
20
20
  :aria-controls="$id('dropdown-button')"
21
21
  aria-label="{{loca "share_linktitle" }}"
22
- x-show="$store.sharingIsVisible"
22
+ x-show="$store.sharingIsVisible"
23
+ x-intersect="sharingModuleShown()"
23
24
  >
24
25
  {{> components/base/image/icon _addClass="w-5 h-5 fill-current group-hover:fill-link--dark" _icon="sharing" _iconmap="icons" }}
25
26
  </button>
@@ -28,6 +29,7 @@
28
29
  :class="{ 'hidden': !$store.sharingIsOpen.metadatabox,'flex': $store.sharingIsOpen.metadatabox }"
29
30
  :id="$id('dropdown-button')"
30
31
  class="self-center bg-white h-8 absolute right-[50px] md:relative md:right-0 md:h-auto hidden lg:flex"
32
+ x-intersect="sharingModuleShown(true)"
31
33
  >
32
34
  <ul class="flex gap-3">
33
35
  {{> components/social_sharing/social_sharing_icons _socialSharingType="metadatabox" _trackingData=../this.trackingData}}
package/dist/views_static/components/social_sharing/social_sharing_mobile.hbs CHANGED
@@ -18,6 +18,7 @@
18
18
  :aria-expanded="open"
19
19
  :aria-controls="$id('dropdown-button')"
20
20
  aria-label='{{loca "share_linktitle" }}'
21
+ x-intersect="sharingModuleShown()"
21
22
  >
22
23
  {{> components/base/image/icon _addClass="w-5 h-5 fill-current group-hover:fill-link--dark" _icon="sharing" _iconmap="icons" }}
23
24
  </button>
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.83.10",
9
+ "version": "1.83.11",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
package/src/stories/views/components/social_sharing/socialSharingHandler.alpine.js CHANGED
@@ -4,7 +4,8 @@ export default (module) => ({
4
4
  open: false,
5
5
  sharingIsVisible: true,
6
6
  isDesktop: true,
7
-
7
+ sharingModuleWasNeverShown: true,
8
+ desktopSharingModuleWasNeverShown: true,
8
9
  toggle() {
9
10
 
10
11
  var isMobileApple = /^iP/.test(navigator.platform) || /^Mac/.test(navigator.platform) && navigator.maxTouchPoints > 4;
@@ -38,6 +39,19 @@ export default (module) => ({
38
39
  if(trackClick) {
39
40
  uxAction('socialShareClick::'+module+'::sharingIconClose');
40
41
  }
42
+ },
43
+ sharingModuleShown(desktop){
44
+
45
+ if(this.sharingModuleWasNeverShown && !desktop){
46
+ console.log('Sharing Module '+module+' was shown for the first time!!!');
47
+ uxAction('socialShareClick::'+module+'::shown');
48
+ this.sharingModuleWasNeverShown = false;
49
+ }
50
+ if(this.desktopSharingModuleWasNeverShown && desktop){
51
+ console.log('Sharing Module '+module+'Desktop was shown for the first time!!!');
52
+ uxAction('socialShareClick::'+module+'Desktop::shown');
53
+ this.desktopSharingModuleWasNeverShown = false;
54
+ }
41
55
  }
42
56
 
43
57
  })
package/src/stories/views/components/social_sharing/social_sharing_copytext.hbs CHANGED
@@ -1,5 +1,12 @@
1
1
  {{~#with this.socialSharing ~}}
2
- <div x-show="$screen('lg') && $store.sharingIsVisible == false && document.querySelector('.copytextWrapper').offsetHeight > 220" x-init="" class="{{#unless ../_useSticky}}top-0 {{/unless}}sticky w-10 col-start-2 pt-6 z-100 h-fit"
2
+ <div
3
+ x-show="$screen('lg') && $store.sharingIsVisible == false && document.querySelector('.copytextWrapper').offsetHeight > 220"
4
+ x-init=""
5
+ class="{{#unless ../_useSticky}}top-0 {{/unless}}sticky w-10 col-start-2 pt-6 z-100 h-fit"
6
+ x-data="socialSharingHandler('vertical-desktop')"
7
+ x-intersect="sharingModuleShown()"
8
+ ax-load
9
+ x-ignore
3
10
  {{#if ../_useSticky}}
4
11
  :class="{'top-[142px]': $store.sectionNavIsVisible && $store.subNavIsVisible && $screen('lg') ,
5
12
  'top-[106px]': $store.sectionNavIsVisible && !$store.subNavIsVisible && $screen('lg') ,
package/src/stories/views/components/social_sharing/social_sharing_horizontal.hbs CHANGED
@@ -19,7 +19,8 @@
19
19
  :aria-expanded="open"
20
20
  :aria-controls="$id('dropdown-button')"
21
21
  aria-label="{{loca "share_linktitle" }}"
22
- x-show="$store.sharingIsVisible"
22
+ x-show="$store.sharingIsVisible"
23
+ x-intersect="sharingModuleShown()"
23
24
  >
24
25
  {{> components/base/image/icon _addClass="w-5 h-5 fill-current group-hover:fill-link--dark" _icon="sharing" _iconmap="icons" }}
25
26
  </button>
@@ -28,6 +29,7 @@
28
29
  :class="{ 'hidden': !$store.sharingIsOpen.metadatabox,'flex': $store.sharingIsOpen.metadatabox }"
29
30
  :id="$id('dropdown-button')"
30
31
  class="self-center bg-white h-8 absolute right-[50px] md:relative md:right-0 md:h-auto hidden lg:flex"
32
+ x-intersect="sharingModuleShown(true)"
31
33
  >
32
34
  <ul class="flex gap-3">
33
35
  {{> components/social_sharing/social_sharing_icons _socialSharingType="metadatabox" _trackingData=../this.trackingData}}
package/src/stories/views/components/social_sharing/social_sharing_mobile.hbs CHANGED
@@ -18,6 +18,7 @@
18
18
  :aria-expanded="open"
19
19
  :aria-controls="$id('dropdown-button')"
20
20
  aria-label='{{loca "share_linktitle" }}'
21
+ x-intersect="sharingModuleShown()"
21
22
  >
22
23
  {{> components/base/image/icon _addClass="w-5 h-5 fill-current group-hover:fill-link--dark" _icon="sharing" _iconmap="icons" }}
23
24
  </button>