hr-design-system-handlebars 1.114.115 → 1.114.116
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 +13 -0
- package/dist/assets/index.css +3 -3
- package/dist/views/components/social_sharing/social_sharing_ticker_item.hbs +36 -0
- package/dist/views_static/components/social_sharing/social_sharing_ticker_item.hbs +36 -0
- package/package.json +1 -1
- package/src/stories/views/components/social_sharing/social_sharing_ticker_item.hbs +36 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,16 @@
|
|
|
1
|
+
# v1.114.116 (Tue Mar 04 2025)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- Add social sharing ticker item component [#1257](https://github.com/mumprod/hr-design-system-handlebars/pull/1257) ([@vascoeduardo](https://github.com/vascoeduardo) [@eduardo-hr](https://github.com/eduardo-hr))
|
|
6
|
+
|
|
7
|
+
#### Authors: 2
|
|
8
|
+
|
|
9
|
+
- [@eduardo-hr](https://github.com/eduardo-hr)
|
|
10
|
+
- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
11
|
+
|
|
12
|
+
---
|
|
13
|
+
|
|
1
14
|
# v1.114.115 (Tue Mar 04 2025)
|
|
2
15
|
|
|
3
16
|
#### 🐛 Bug Fix
|
package/dist/assets/index.css
CHANGED
|
@@ -3860,7 +3860,7 @@ article #commentList {
|
|
|
3860
3860
|
border-bottom-color: var(--color-secondary-ds);
|
|
3861
3861
|
}
|
|
3862
3862
|
.counter-reset {
|
|
3863
|
-
counter-reset:
|
|
3863
|
+
counter-reset: cnt1741102088862;
|
|
3864
3864
|
}
|
|
3865
3865
|
.animate-delay-100 {
|
|
3866
3866
|
--tw-animate-delay: 100ms;
|
|
@@ -4305,7 +4305,7 @@ html { scroll-behavior: smooth; }
|
|
|
4305
4305
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
4306
4306
|
}
|
|
4307
4307
|
.-ordered {
|
|
4308
|
-
counter-increment:
|
|
4308
|
+
counter-increment: cnt1741102088862 1;
|
|
4309
4309
|
}
|
|
4310
4310
|
.-ordered::before {
|
|
4311
4311
|
position: absolute;
|
|
@@ -4323,7 +4323,7 @@ html { scroll-behavior: smooth; }
|
|
|
4323
4323
|
--tw-text-opacity: 1;
|
|
4324
4324
|
color: rgba(0, 0, 0, 1);
|
|
4325
4325
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
4326
|
-
content: counter(
|
|
4326
|
+
content: counter(cnt1741102088862);
|
|
4327
4327
|
}
|
|
4328
4328
|
/*! ****************************/
|
|
4329
4329
|
/*! DataPolicy stuff */
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
{{~#with this.socialSharing ~}}
|
|
2
|
+
<div
|
|
3
|
+
x-data="socialSharingHandler('tickerItem{{nextRandom}}')"
|
|
4
|
+
class="flex self-center justify-end ml-3 print:hidden grow"
|
|
5
|
+
x-on:resize.window="$store.sharingIsOpen.ticker = false"
|
|
6
|
+
x-on:keydown.escape.prevent.stop="close()"
|
|
7
|
+
@click.outside="close()"
|
|
8
|
+
x-on:resize.window="$store.sharingIsOpen.tickerItem{{getRandom}} = false"
|
|
9
|
+
ax-load
|
|
10
|
+
x-ignore
|
|
11
|
+
>
|
|
12
|
+
<div class="relative right-0 flex gap-3 bg-white md:h-auto" >
|
|
13
|
+
<button
|
|
14
|
+
class="order-2 p-2 text-white border border-button bg-button ds-button font-heading hover:bg-button--dark hover:border-button--dark active:bg-button--dark group lg:hidden"
|
|
15
|
+
x-ref="button"
|
|
16
|
+
x-on:click="toggle()"
|
|
17
|
+
:aria-expanded="open"
|
|
18
|
+
:aria-controls="$id('dropdown-button')"
|
|
19
|
+
aria-label="{{loca "share_linktitle" }}"
|
|
20
|
+
|
|
21
|
+
>
|
|
22
|
+
{{> components/base/image/icon _addClass="w-5 h-5 fill-current group-hover:fill-link--dark" _icon="sharing" _iconmap="icons" }}
|
|
23
|
+
</button>
|
|
24
|
+
<div
|
|
25
|
+
x-ref="panel"
|
|
26
|
+
:class="{ 'hidden': !$store.sharingIsOpen.tickerItem{{getRandom}},'flex': $store.sharingIsOpen.tickerItem{{getRandom}} }"
|
|
27
|
+
:id="$id('dropdown-button')"
|
|
28
|
+
class="self-center bg-white h-8 absolute right-[50px] md:relative md:right-0 md:h-auto hidden lg:flex"
|
|
29
|
+
>
|
|
30
|
+
<ul class="flex gap-3">
|
|
31
|
+
{{> components/social_sharing/social_sharing_icons _socialSharingType="tickerItem" _trackingData=../this.trackingData}}
|
|
32
|
+
</ul>
|
|
33
|
+
</div>
|
|
34
|
+
</div>
|
|
35
|
+
</div>
|
|
36
|
+
{{/with}}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
{{~#with this.socialSharing ~}}
|
|
2
|
+
<div
|
|
3
|
+
x-data="socialSharingHandler('tickerItem{{nextRandom}}')"
|
|
4
|
+
class="flex self-center justify-end ml-3 print:hidden grow"
|
|
5
|
+
x-on:resize.window="$store.sharingIsOpen.ticker = false"
|
|
6
|
+
x-on:keydown.escape.prevent.stop="close()"
|
|
7
|
+
@click.outside="close()"
|
|
8
|
+
x-on:resize.window="$store.sharingIsOpen.tickerItem{{getRandom}} = false"
|
|
9
|
+
ax-load
|
|
10
|
+
x-ignore
|
|
11
|
+
>
|
|
12
|
+
<div class="relative right-0 flex gap-3 bg-white md:h-auto" >
|
|
13
|
+
<button
|
|
14
|
+
class="order-2 p-2 text-white border border-button bg-button ds-button font-heading hover:bg-button--dark hover:border-button--dark active:bg-button--dark group lg:hidden"
|
|
15
|
+
x-ref="button"
|
|
16
|
+
x-on:click="toggle()"
|
|
17
|
+
:aria-expanded="open"
|
|
18
|
+
:aria-controls="$id('dropdown-button')"
|
|
19
|
+
aria-label="{{loca "share_linktitle" }}"
|
|
20
|
+
|
|
21
|
+
>
|
|
22
|
+
{{> components/base/image/icon _addClass="w-5 h-5 fill-current group-hover:fill-link--dark" _icon="sharing" _iconmap="icons" }}
|
|
23
|
+
</button>
|
|
24
|
+
<div
|
|
25
|
+
x-ref="panel"
|
|
26
|
+
:class="{ 'hidden': !$store.sharingIsOpen.tickerItem{{getRandom}},'flex': $store.sharingIsOpen.tickerItem{{getRandom}} }"
|
|
27
|
+
:id="$id('dropdown-button')"
|
|
28
|
+
class="self-center bg-white h-8 absolute right-[50px] md:relative md:right-0 md:h-auto hidden lg:flex"
|
|
29
|
+
>
|
|
30
|
+
<ul class="flex gap-3">
|
|
31
|
+
{{> components/social_sharing/social_sharing_icons _socialSharingType="tickerItem" _trackingData=../this.trackingData}}
|
|
32
|
+
</ul>
|
|
33
|
+
</div>
|
|
34
|
+
</div>
|
|
35
|
+
</div>
|
|
36
|
+
{{/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.116",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
{{~#with this.socialSharing ~}}
|
|
2
|
+
<div
|
|
3
|
+
x-data="socialSharingHandler('tickerItem{{nextRandom}}')"
|
|
4
|
+
class="flex self-center justify-end ml-3 print:hidden grow"
|
|
5
|
+
x-on:resize.window="$store.sharingIsOpen.ticker = false"
|
|
6
|
+
x-on:keydown.escape.prevent.stop="close()"
|
|
7
|
+
@click.outside="close()"
|
|
8
|
+
x-on:resize.window="$store.sharingIsOpen.tickerItem{{getRandom}} = false"
|
|
9
|
+
ax-load
|
|
10
|
+
x-ignore
|
|
11
|
+
>
|
|
12
|
+
<div class="relative right-0 flex gap-3 bg-white md:h-auto" >
|
|
13
|
+
<button
|
|
14
|
+
class="order-2 p-2 text-white border border-button bg-button ds-button font-heading hover:bg-button--dark hover:border-button--dark active:bg-button--dark group lg:hidden"
|
|
15
|
+
x-ref="button"
|
|
16
|
+
x-on:click="toggle()"
|
|
17
|
+
:aria-expanded="open"
|
|
18
|
+
:aria-controls="$id('dropdown-button')"
|
|
19
|
+
aria-label="{{loca "share_linktitle" }}"
|
|
20
|
+
|
|
21
|
+
>
|
|
22
|
+
{{> components/base/image/icon _addClass="w-5 h-5 fill-current group-hover:fill-link--dark" _icon="sharing" _iconmap="icons" }}
|
|
23
|
+
</button>
|
|
24
|
+
<div
|
|
25
|
+
x-ref="panel"
|
|
26
|
+
:class="{ 'hidden': !$store.sharingIsOpen.tickerItem{{getRandom}},'flex': $store.sharingIsOpen.tickerItem{{getRandom}} }"
|
|
27
|
+
:id="$id('dropdown-button')"
|
|
28
|
+
class="self-center bg-white h-8 absolute right-[50px] md:relative md:right-0 md:h-auto hidden lg:flex"
|
|
29
|
+
>
|
|
30
|
+
<ul class="flex gap-3">
|
|
31
|
+
{{> components/social_sharing/social_sharing_icons _socialSharingType="tickerItem" _trackingData=../this.trackingData}}
|
|
32
|
+
</ul>
|
|
33
|
+
</div>
|
|
34
|
+
</div>
|
|
35
|
+
</div>
|
|
36
|
+
{{/with}}
|