hr-design-system-handlebars 1.114.69 → 1.114.70

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 (10) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/assets/index.css +3 -11
  3. package/dist/views/components/mediaplayer/mediaPlayer_stickyWrapper.hbs +8 -7
  4. package/dist/views/components/page/story/story_article.hbs +2 -2
  5. package/dist/views_static/components/mediaplayer/mediaPlayer_stickyWrapper.hbs +8 -7
  6. package/dist/views_static/components/page/story/story_article.hbs +2 -2
  7. package/package.json +1 -1
  8. package/src/stories/views/components/mediaplayer/mediaPlayer_stickyWrapper.hbs +8 -7
  9. package/src/stories/views/components/page/index/page.data.js +1 -1
  10. package/src/stories/views/components/page/story/story_article.hbs +2 -2
package/CHANGELOG.md CHANGED
@@ -1,3 +1,16 @@
1
+ # v1.114.70 (Wed Jan 22 2025)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - Dpe 3517 c [#1219](https://github.com/mumprod/hr-design-system-handlebars/pull/1219) ([@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.69 (Tue Jan 21 2025)
2
15
 
3
16
  #### 🐛 Bug Fix
package/dist/assets/index.css CHANGED
@@ -1218,9 +1218,6 @@ article #commentList {
1218
1218
  .top-31 {
1219
1219
  top: 7.75rem;
1220
1220
  }
1221
- .top-4 {
1222
- top: 1rem;
1223
- }
1224
1221
  .top-40 {
1225
1222
  top: 10rem;
1226
1223
  }
@@ -2805,11 +2802,6 @@ article #commentList {
2805
2802
  background-color: rgba(226, 232, 240, 1);
2806
2803
  background-color: rgba(226, 232, 240, var(--tw-bg-opacity));
2807
2804
  }
2808
- .bg-slate-400 {
2809
- --tw-bg-opacity: 1;
2810
- background-color: rgba(148, 163, 184, 1);
2811
- background-color: rgba(148, 163, 184, var(--tw-bg-opacity));
2812
- }
2813
2805
  .bg-slate-500 {
2814
2806
  --tw-bg-opacity: 1;
2815
2807
  background-color: rgba(100, 116, 139, 1);
@@ -3777,7 +3769,7 @@ article #commentList {
3777
3769
  border-bottom-color: var(--color-secondary-ds);
3778
3770
  }
3779
3771
  .counter-reset {
3780
- counter-reset: cnt1737474959465;
3772
+ counter-reset: cnt1737558906983;
3781
3773
  }
3782
3774
  .animate-duration-1000 {
3783
3775
  --tw-animate-duration: 1000ms;
@@ -4207,7 +4199,7 @@ html { scroll-behavior: smooth; }
4207
4199
  --tw-ring-color: rgba(255, 255, 255, 0.5);
4208
4200
  }
4209
4201
  .-ordered {
4210
- counter-increment: cnt1737474959465 1;
4202
+ counter-increment: cnt1737558906983 1;
4211
4203
  }
4212
4204
  .-ordered::before {
4213
4205
  position: absolute;
@@ -4225,7 +4217,7 @@ html { scroll-behavior: smooth; }
4225
4217
  --tw-text-opacity: 1;
4226
4218
  color: rgba(0, 0, 0, 1);
4227
4219
  color: rgba(0, 0, 0, var(--tw-text-opacity));
4228
- content: counter(cnt1737474959465);
4220
+ content: counter(cnt1737558906983);
4229
4221
  }
4230
4222
  /*! ****************************/
4231
4223
  /*! DataPolicy stuff */
package/dist/views/components/mediaplayer/mediaPlayer_stickyWrapper.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- <div x-data="stickyPlayer" class="relative ar-16-9 bg-slate-400" x-intersect:leave.threshold.45="inViewport = false" x-intersect:enter.threshold.45="inViewport = true; videoWasStopedWhenSticky = false">
2
+ <div x-data="stickyPlayer" class="relative ar-16-9" x-intersect:leave.threshold.45="inViewport = false" x-intersect:enter.threshold.45="inViewport = true; videoWasStopedWhenSticky = false">
3
3
  <div x-ref="videoElementWrapper"
4
4
  class="transition-all lg:transition-none right-4"
5
5
  :class="{ 'ar-16-9 w-1/2 max-w-70 sm:w-70 fixed z-300 animate-fade-right animate-once animate-duration-1000': shouldVideoBeFixed(),
@@ -7,7 +7,7 @@
7
7
  'top-14 md:top-16': $store.navIsVisible,
8
8
  'lg:top-31': $store.navIsVisible && !$store.subNavIsVisible,
9
9
  'lg:top-40': $store.navIsVisible && $store.subNavIsVisible,
10
- 'top-4 lg:top-20': !$store.navIsVisible}">
10
+ 'top-14 lg:top-20': !$store.navIsVisible}">
11
11
  {{> @partial-block }}
12
12
  <button @click="closeVideo()" class="absolute top-0 right-0 flex items-center justify-center w-12 h-12 z-300 hover:scale-105"
13
13
  :class="{'hidden': !shouldVideoBeFixed(),
@@ -26,7 +26,7 @@
26
26
  videoStoped: true,
27
27
  videoPlaying: false,
28
28
  videoWasStopedWhenSticky: false,
29
- videoWasStopedByUser: false,
29
+ videoWasClosedByUser: false,
30
30
  videoElement: null,
31
31
 
32
32
  shouldVideoBeFixed: function () {
@@ -46,8 +46,8 @@
46
46
  this.videoPlaying = false;
47
47
  this.videoStoped = true;
48
48
  if (!this.inViewport ) {
49
- if(this.videoWasStopedByUser){
50
- this.videoWasStopedByUser = false
49
+ if(this.videoWasClosedByUser){
50
+ this.videoWasClosedByUser = false
51
51
  } else {
52
52
  this.videoWasStopedWhenSticky = true;
53
53
  }
@@ -57,8 +57,9 @@
57
57
  }
58
58
  },
59
59
  closeVideo: function () {
60
- this.videoElement.pause();
61
- this.videoWasStopedByUser = true;
60
+ this.videoWasStopedWhenSticky = false;
61
+ this.videoWasClosedByUser = true;
62
+ this.videoElement.pause();
62
63
  },
63
64
  init: function () {
64
65
  this.videoElement = this.$refs.videoElementWrapper.querySelector("video");
package/dist/views/components/page/story/story_article.hbs CHANGED
@@ -20,10 +20,10 @@
20
20
  _noDelay=true}}
21
21
  {{/if}}
22
22
  {{#if this.isVideoOnDemand}}
23
- {{> components/content/copytext/components/media/media_figure _playerLocation="Aufmacher" _isFullsize=true _isLead=true _playerSize="100" _addClass="print:hidden article-full-width md:article-breakout mt-12 mb-6 sm:mt-14 sm:mb-8" _cssClassCaption="mx-5 md:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
23
+ {{> components/content/copytext/components/media/media_figure _isSticky=true _playerLocation="Aufmacher" _isFullsize=true _isLead=true _playerSize="100" _addClass="print:hidden article-full-width md:article-breakout mt-12 mb-6 sm:mt-14 sm:mb-8" _cssClassCaption="mx-5 md:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
24
24
  {{/if}}
25
25
  {{#if this.isLivestream}}
26
- {{> components/content/copytext/components/media/media_figure _playerLocation="Aufmacher" _isFullsize=true _isLead=true _playerSize="100" _addClass="print:hidden article-full-width md:article-breakout mt-12 mb-6 sm:mt-14 sm:mb-8" _cssClassCaption="mx-5 md:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
26
+ {{> components/content/copytext/components/media/media_figure _isSticky=true _playerLocation="Aufmacher" _isFullsize=true _isLead=true _playerSize="100" _addClass="print:hidden article-full-width md:article-breakout mt-12 mb-6 sm:mt-14 sm:mb-8" _cssClassCaption="mx-5 md:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
27
27
  {{/if}}
28
28
  {{/with}}
29
29
  {{/unless}}
package/dist/views_static/components/mediaplayer/mediaPlayer_stickyWrapper.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- <div x-data="stickyPlayer" class="relative ar-16-9 bg-slate-400" x-intersect:leave.threshold.45="inViewport = false" x-intersect:enter.threshold.45="inViewport = true; videoWasStopedWhenSticky = false">
2
+ <div x-data="stickyPlayer" class="relative ar-16-9" x-intersect:leave.threshold.45="inViewport = false" x-intersect:enter.threshold.45="inViewport = true; videoWasStopedWhenSticky = false">
3
3
  <div x-ref="videoElementWrapper"
4
4
  class="transition-all lg:transition-none right-4"
5
5
  :class="{ 'ar-16-9 w-1/2 max-w-70 sm:w-70 fixed z-300 animate-fade-right animate-once animate-duration-1000': shouldVideoBeFixed(),
@@ -7,7 +7,7 @@
7
7
  'top-14 md:top-16': $store.navIsVisible,
8
8
  'lg:top-31': $store.navIsVisible && !$store.subNavIsVisible,
9
9
  'lg:top-40': $store.navIsVisible && $store.subNavIsVisible,
10
- 'top-4 lg:top-20': !$store.navIsVisible}">
10
+ 'top-14 lg:top-20': !$store.navIsVisible}">
11
11
  {{> @partial-block }}
12
12
  <button @click="closeVideo()" class="absolute top-0 right-0 flex items-center justify-center w-12 h-12 z-300 hover:scale-105"
13
13
  :class="{'hidden': !shouldVideoBeFixed(),
@@ -26,7 +26,7 @@
26
26
  videoStoped: true,
27
27
  videoPlaying: false,
28
28
  videoWasStopedWhenSticky: false,
29
- videoWasStopedByUser: false,
29
+ videoWasClosedByUser: false,
30
30
  videoElement: null,
31
31
 
32
32
  shouldVideoBeFixed: function () {
@@ -46,8 +46,8 @@
46
46
  this.videoPlaying = false;
47
47
  this.videoStoped = true;
48
48
  if (!this.inViewport ) {
49
- if(this.videoWasStopedByUser){
50
- this.videoWasStopedByUser = false
49
+ if(this.videoWasClosedByUser){
50
+ this.videoWasClosedByUser = false
51
51
  } else {
52
52
  this.videoWasStopedWhenSticky = true;
53
53
  }
@@ -57,8 +57,9 @@
57
57
  }
58
58
  },
59
59
  closeVideo: function () {
60
- this.videoElement.pause();
61
- this.videoWasStopedByUser = true;
60
+ this.videoWasStopedWhenSticky = false;
61
+ this.videoWasClosedByUser = true;
62
+ this.videoElement.pause();
62
63
  },
63
64
  init: function () {
64
65
  this.videoElement = this.$refs.videoElementWrapper.querySelector("video");
package/dist/views_static/components/page/story/story_article.hbs CHANGED
@@ -20,10 +20,10 @@
20
20
  _noDelay=true}}
21
21
  {{/if}}
22
22
  {{#if this.isVideoOnDemand}}
23
- {{> components/content/copytext/components/media/media_figure _playerLocation="Aufmacher" _isFullsize=true _isLead=true _playerSize="100" _addClass="print:hidden article-full-width md:article-breakout mt-12 mb-6 sm:mt-14 sm:mb-8" _cssClassCaption="mx-5 md:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
23
+ {{> components/content/copytext/components/media/media_figure _isSticky=true _playerLocation="Aufmacher" _isFullsize=true _isLead=true _playerSize="100" _addClass="print:hidden article-full-width md:article-breakout mt-12 mb-6 sm:mt-14 sm:mb-8" _cssClassCaption="mx-5 md:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
24
24
  {{/if}}
25
25
  {{#if this.isLivestream}}
26
- {{> components/content/copytext/components/media/media_figure _playerLocation="Aufmacher" _isFullsize=true _isLead=true _playerSize="100" _addClass="print:hidden article-full-width md:article-breakout mt-12 mb-6 sm:mt-14 sm:mb-8" _cssClassCaption="mx-5 md:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
26
+ {{> components/content/copytext/components/media/media_figure _isSticky=true _playerLocation="Aufmacher" _isFullsize=true _isLead=true _playerSize="100" _addClass="print:hidden article-full-width md:article-breakout mt-12 mb-6 sm:mt-14 sm:mb-8" _cssClassCaption="mx-5 md:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
27
27
  {{/if}}
28
28
  {{/with}}
29
29
  {{/unless}}
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.69",
9
+ "version": "1.114.70",
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/mediaplayer/mediaPlayer_stickyWrapper.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- <div x-data="stickyPlayer" class="relative ar-16-9 bg-slate-400" x-intersect:leave.threshold.45="inViewport = false" x-intersect:enter.threshold.45="inViewport = true; videoWasStopedWhenSticky = false">
2
+ <div x-data="stickyPlayer" class="relative ar-16-9" x-intersect:leave.threshold.45="inViewport = false" x-intersect:enter.threshold.45="inViewport = true; videoWasStopedWhenSticky = false">
3
3
  <div x-ref="videoElementWrapper"
4
4
  class="transition-all lg:transition-none right-4"
5
5
  :class="{ 'ar-16-9 w-1/2 max-w-70 sm:w-70 fixed z-300 animate-fade-right animate-once animate-duration-1000': shouldVideoBeFixed(),
@@ -7,7 +7,7 @@
7
7
  'top-14 md:top-16': $store.navIsVisible,
8
8
  'lg:top-31': $store.navIsVisible && !$store.subNavIsVisible,
9
9
  'lg:top-40': $store.navIsVisible && $store.subNavIsVisible,
10
- 'top-4 lg:top-20': !$store.navIsVisible}">
10
+ 'top-14 lg:top-20': !$store.navIsVisible}">
11
11
  {{> @partial-block }}
12
12
  <button @click="closeVideo()" class="absolute top-0 right-0 flex items-center justify-center w-12 h-12 z-300 hover:scale-105"
13
13
  :class="{'hidden': !shouldVideoBeFixed(),
@@ -26,7 +26,7 @@
26
26
  videoStoped: true,
27
27
  videoPlaying: false,
28
28
  videoWasStopedWhenSticky: false,
29
- videoWasStopedByUser: false,
29
+ videoWasClosedByUser: false,
30
30
  videoElement: null,
31
31
 
32
32
  shouldVideoBeFixed: function () {
@@ -46,8 +46,8 @@
46
46
  this.videoPlaying = false;
47
47
  this.videoStoped = true;
48
48
  if (!this.inViewport ) {
49
- if(this.videoWasStopedByUser){
50
- this.videoWasStopedByUser = false
49
+ if(this.videoWasClosedByUser){
50
+ this.videoWasClosedByUser = false
51
51
  } else {
52
52
  this.videoWasStopedWhenSticky = true;
53
53
  }
@@ -57,8 +57,9 @@
57
57
  }
58
58
  },
59
59
  closeVideo: function () {
60
- this.videoElement.pause();
61
- this.videoWasStopedByUser = true;
60
+ this.videoWasStopedWhenSticky = false;
61
+ this.videoWasClosedByUser = true;
62
+ this.videoElement.pause();
62
63
  },
63
64
  init: function () {
64
65
  this.videoElement = this.$refs.videoElementWrapper.querySelector("video");
package/src/stories/views/components/page/index/page.data.js CHANGED
@@ -2,7 +2,7 @@ import structuredClone from 'core-js-pure/actual/structured-clone'
2
2
  import NavigationData from '../../site_header/fixtures/site_header.json'
3
3
  import teaserStandard from '../../teaser/fixtures/teaser_standard.json'
4
4
 
5
- import data_story from '../story/fixtures/story.json'
5
+ import data_story from '../story/fixtures/story_with_video.json'
6
6
  import data_breadcrumb from '../../navigation/breadcrumb/fixtures/breadcrumb.json'
7
7
 
8
8
  const NavigationDataWithTeaser = structuredClone(
package/src/stories/views/components/page/story/story_article.hbs CHANGED
@@ -20,10 +20,10 @@
20
20
  _noDelay=true}}
21
21
  {{/if}}
22
22
  {{#if this.isVideoOnDemand}}
23
- {{> components/content/copytext/components/media/media_figure _playerLocation="Aufmacher" _isFullsize=true _isLead=true _playerSize="100" _addClass="print:hidden article-full-width md:article-breakout mt-12 mb-6 sm:mt-14 sm:mb-8" _cssClassCaption="mx-5 md:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
23
+ {{> components/content/copytext/components/media/media_figure _isSticky=true _playerLocation="Aufmacher" _isFullsize=true _isLead=true _playerSize="100" _addClass="print:hidden article-full-width md:article-breakout mt-12 mb-6 sm:mt-14 sm:mb-8" _cssClassCaption="mx-5 md:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
24
24
  {{/if}}
25
25
  {{#if this.isLivestream}}
26
- {{> components/content/copytext/components/media/media_figure _playerLocation="Aufmacher" _isFullsize=true _isLead=true _playerSize="100" _addClass="print:hidden article-full-width md:article-breakout mt-12 mb-6 sm:mt-14 sm:mb-8" _cssClassCaption="mx-5 md:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
26
+ {{> components/content/copytext/components/media/media_figure _isSticky=true _playerLocation="Aufmacher" _isFullsize=true _isLead=true _playerSize="100" _addClass="print:hidden article-full-width md:article-breakout mt-12 mb-6 sm:mt-14 sm:mb-8" _cssClassCaption="mx-5 md:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
27
27
  {{/if}}
28
28
  {{/with}}
29
29
  {{/unless}}