hr-design-system-handlebars 1.114.138 → 1.114.139

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 (9) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/assets/index.css +3 -10
  3. package/dist/views/components/content/copytext/components/media/media_figure.hbs +3 -3
  4. package/dist/views/components/teaser/components/teaser_media_player.hbs +1 -1
  5. package/dist/views_static/components/content/copytext/components/media/media_figure.hbs +3 -3
  6. package/dist/views_static/components/teaser/components/teaser_media_player.hbs +1 -1
  7. package/package.json +1 -1
  8. package/src/stories/views/components/content/copytext/components/media/media_figure.hbs +3 -3
  9. package/src/stories/views/components/teaser/components/teaser_media_player.hbs +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,16 @@
1
+ # v1.114.139 (Fri May 16 2025)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - Enhance vertical video support in media components [#1280](https://github.com/mumprod/hr-design-system-handlebars/pull/1280) ([@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.138 (Tue May 13 2025)
2
15
 
3
16
  #### 🐛 Bug Fix
package/dist/assets/index.css CHANGED
@@ -1978,9 +1978,6 @@ article #commentList {
1978
1978
  .max-w-\[480px\] {
1979
1979
  max-width: 480px;
1980
1980
  }
1981
- .max-w-\[600px\] {
1982
- max-width: 600px;
1983
- }
1984
1981
  .max-w-\[724px\] {
1985
1982
  max-width: 724px;
1986
1983
  }
@@ -3888,7 +3885,7 @@ article #commentList {
3888
3885
  border-bottom-color: var(--color-secondary-ds);
3889
3886
  }
3890
3887
  .counter-reset {
3891
- counter-reset: cnt1747144487368;
3888
+ counter-reset: cnt1747389987070;
3892
3889
  }
3893
3890
  .animate-delay-100 {
3894
3891
  --tw-animate-delay: 100ms;
@@ -4349,7 +4346,7 @@ html { scroll-behavior: smooth; }
4349
4346
  --tw-ring-color: rgba(255, 255, 255, 0.5);
4350
4347
  }
4351
4348
  .-ordered {
4352
- counter-increment: cnt1747144487368 1;
4349
+ counter-increment: cnt1747389987070 1;
4353
4350
  }
4354
4351
  .-ordered::before {
4355
4352
  position: absolute;
@@ -4367,7 +4364,7 @@ html { scroll-behavior: smooth; }
4367
4364
  --tw-text-opacity: 1;
4368
4365
  color: rgba(0, 0, 0, 1);
4369
4366
  color: rgba(0, 0, 0, var(--tw-text-opacity));
4370
- content: counter(cnt1747144487368);
4367
+ content: counter(cnt1747389987070);
4371
4368
  }
4372
4369
  /*! ****************************/
4373
4370
  /*! DataPolicy stuff */
@@ -7739,10 +7736,6 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
7739
7736
  max-width: 50%;
7740
7737
  }
7741
7738
 
7742
- .md\:max-w-88 {
7743
- max-width: 22rem;
7744
- }
7745
-
7746
7739
  .md\:flex-auto {
7747
7740
  flex: 1 1 auto;
7748
7741
  }
package/dist/views/components/content/copytext/components/media/media_figure.hbs CHANGED
@@ -1,4 +1,4 @@
1
- <figure class="relative {{_addClass}}{{#if _isVertical}} max-w-[600px] md:max-w-88 mx-auto{{/if}}" x-data="{ avStart: false }">
1
+ <figure class="relative {{_addClass}}{{#if _isVertical}} md:max-w-1/2 mx-auto{{/if}}" x-data="{ avStart: false }">
2
2
  {{~> components/base/a11y/hiddenText _locaTag=_a11yIntro-loca ~}}
3
3
  {{#unless _voting-option}}
4
4
  <div class="py-3 sm:py-4 {{#unless _noBorder}}border-t-[3px] border-gray-boulder dark:border-text-dark {{/unless}}{{_cssClassCaption}}">
@@ -31,11 +31,11 @@
31
31
  {{#if ../_isSticky}}
32
32
  {{#> components/mediaplayer/mediaPlayer_stickyWrapper}}
33
33
  {{~> components/mediaplayer/media_player this _playerLocation=../_playerLocation _playerSize=../_playerSize _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=../_addClassImg _isVertical=../_isVertical~}}
34
- {{~> components/teaser/components/teaser_media_player ../this _isFullsize=../_isFullsize _playerId=this.ardPlayerConfig.playerId _css="flex items-center justify-center" _isLead=../_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio=(if ../_isVertical "ar-9-16" "ar-16-9") _noDelay=../_isLead }}
34
+ {{~> components/teaser/components/teaser_media_player ../this _isFullsize=../_isFullsize _playerId=this.ardPlayerConfig.playerId _css="flex items-center justify-center" _isLead=../_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio=(if ../_isVertical "ar-9-16" "ar-16-9") _noDelay=../_isLead _isVertical=../_isVertical }}
35
35
  {{/components/mediaplayer/mediaPlayer_stickyWrapper}}
36
36
  {{else}}
37
37
  {{~> components/mediaplayer/media_player this _playerLocation=../_playerLocation _playerSize=../_playerSize _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=../_addClassImg _isVertical=../_isVertical~}}
38
- {{~> components/teaser/components/teaser_media_player ../this _isFullsize=../_isFullsize _playerId=this.ardPlayerConfig.playerId _css="flex items-center justify-center" _isLead=../_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio=(if ../_isVertical "ar-9-16" "ar-16-9") _noDelay=../_isLead }}
38
+ {{~> components/teaser/components/teaser_media_player ../this _isFullsize=../_isFullsize _playerId=this.ardPlayerConfig.playerId _css="flex items-center justify-center" _isLead=../_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio=(if ../_isVertical "ar-9-16" "ar-16-9") _noDelay=../_isLead _isVertical=../_isVertical }}
39
39
  {{/if}}
40
40
  {{/with}}
41
41
  {{/if}}
package/dist/views/components/teaser/components/teaser_media_player.hbs CHANGED
@@ -9,7 +9,7 @@
9
9
  {{/unless}}
10
10
 
11
11
  {{#if this.isTickerTeaser}}<a href="{{this.link.url}}" aria-label="Zum Ticker" tabindex="-1"{{#if (isUserConsentNeeded this.link.url)}} class="js-user-consent-needed"{{/if}}>{{/if}}
12
- {{~> components/base/image/responsive_image this.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.imageVariant this.imageVariant (if _isLead '100-top-sb' (if _isFullsize '100-copytext' 'copytext'))) _addClassImg=_addClassImg _noDelay=_noDelay ~}}
12
+ {{~> components/base/image/responsive_image this.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.imageVariant this.imageVariant (if _isLead '100-top-sb' (if _isVertical 'copytext-portrait' (if _isFullsize '100-copytext' 'copytext')))) _addClassImg=_addClassImg _noDelay=_noDelay ~}}
13
13
  {{#if this.isTickerTeaser}}</a>{{/if}}
14
14
 
15
15
 
package/dist/views_static/components/content/copytext/components/media/media_figure.hbs CHANGED
@@ -1,4 +1,4 @@
1
- <figure class="relative {{_addClass}}{{#if _isVertical}} max-w-[600px] md:max-w-88 mx-auto{{/if}}" x-data="{ avStart: false }">
1
+ <figure class="relative {{_addClass}}{{#if _isVertical}} md:max-w-1/2 mx-auto{{/if}}" x-data="{ avStart: false }">
2
2
  {{~> components/base/a11y/hiddenText _locaTag=_a11yIntro-loca ~}}
3
3
  {{#unless _voting-option}}
4
4
  <div class="py-3 sm:py-4 {{#unless _noBorder}}border-t-[3px] border-gray-boulder dark:border-text-dark {{/unless}}{{_cssClassCaption}}">
@@ -31,11 +31,11 @@
31
31
  {{#if ../_isSticky}}
32
32
  {{#> components/mediaplayer/mediaPlayer_stickyWrapper}}
33
33
  {{~> components/mediaplayer/media_player this _playerLocation=../_playerLocation _playerSize=../_playerSize _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=../_addClassImg _isVertical=../_isVertical~}}
34
- {{~> components/teaser/components/teaser_media_player ../this _isFullsize=../_isFullsize _playerId=this.ardPlayerConfig.playerId _css="flex items-center justify-center" _isLead=../_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio=(if ../_isVertical "ar-9-16" "ar-16-9") _noDelay=../_isLead }}
34
+ {{~> components/teaser/components/teaser_media_player ../this _isFullsize=../_isFullsize _playerId=this.ardPlayerConfig.playerId _css="flex items-center justify-center" _isLead=../_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio=(if ../_isVertical "ar-9-16" "ar-16-9") _noDelay=../_isLead _isVertical=../_isVertical }}
35
35
  {{/components/mediaplayer/mediaPlayer_stickyWrapper}}
36
36
  {{else}}
37
37
  {{~> components/mediaplayer/media_player this _playerLocation=../_playerLocation _playerSize=../_playerSize _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=../_addClassImg _isVertical=../_isVertical~}}
38
- {{~> components/teaser/components/teaser_media_player ../this _isFullsize=../_isFullsize _playerId=this.ardPlayerConfig.playerId _css="flex items-center justify-center" _isLead=../_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio=(if ../_isVertical "ar-9-16" "ar-16-9") _noDelay=../_isLead }}
38
+ {{~> components/teaser/components/teaser_media_player ../this _isFullsize=../_isFullsize _playerId=this.ardPlayerConfig.playerId _css="flex items-center justify-center" _isLead=../_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio=(if ../_isVertical "ar-9-16" "ar-16-9") _noDelay=../_isLead _isVertical=../_isVertical }}
39
39
  {{/if}}
40
40
  {{/with}}
41
41
  {{/if}}
package/dist/views_static/components/teaser/components/teaser_media_player.hbs CHANGED
@@ -9,7 +9,7 @@
9
9
  {{/unless}}
10
10
 
11
11
  {{#if this.isTickerTeaser}}<a href="{{this.link.url}}" aria-label="Zum Ticker" tabindex="-1"{{#if (isUserConsentNeeded this.link.url)}} class="js-user-consent-needed"{{/if}}>{{/if}}
12
- {{~> components/base/image/responsive_image this.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.imageVariant this.imageVariant (if _isLead '100-top-sb' (if _isFullsize '100-copytext' 'copytext'))) _addClassImg=_addClassImg _noDelay=_noDelay ~}}
12
+ {{~> components/base/image/responsive_image this.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.imageVariant this.imageVariant (if _isLead '100-top-sb' (if _isVertical 'copytext-portrait' (if _isFullsize '100-copytext' 'copytext')))) _addClassImg=_addClassImg _noDelay=_noDelay ~}}
13
13
  {{#if this.isTickerTeaser}}</a>{{/if}}
14
14
 
15
15
 
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.138",
9
+ "version": "1.114.139",
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/content/copytext/components/media/media_figure.hbs CHANGED
@@ -1,4 +1,4 @@
1
- <figure class="relative {{_addClass}}{{#if _isVertical}} max-w-[600px] md:max-w-88 mx-auto{{/if}}" x-data="{ avStart: false }">
1
+ <figure class="relative {{_addClass}}{{#if _isVertical}} md:max-w-1/2 mx-auto{{/if}}" x-data="{ avStart: false }">
2
2
  {{~> components/base/a11y/hiddenText _locaTag=_a11yIntro-loca ~}}
3
3
  {{#unless _voting-option}}
4
4
  <div class="py-3 sm:py-4 {{#unless _noBorder}}border-t-[3px] border-gray-boulder dark:border-text-dark {{/unless}}{{_cssClassCaption}}">
@@ -31,11 +31,11 @@
31
31
  {{#if ../_isSticky}}
32
32
  {{#> components/mediaplayer/mediaPlayer_stickyWrapper}}
33
33
  {{~> components/mediaplayer/media_player this _playerLocation=../_playerLocation _playerSize=../_playerSize _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=../_addClassImg _isVertical=../_isVertical~}}
34
- {{~> components/teaser/components/teaser_media_player ../this _isFullsize=../_isFullsize _playerId=this.ardPlayerConfig.playerId _css="flex items-center justify-center" _isLead=../_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio=(if ../_isVertical "ar-9-16" "ar-16-9") _noDelay=../_isLead }}
34
+ {{~> components/teaser/components/teaser_media_player ../this _isFullsize=../_isFullsize _playerId=this.ardPlayerConfig.playerId _css="flex items-center justify-center" _isLead=../_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio=(if ../_isVertical "ar-9-16" "ar-16-9") _noDelay=../_isLead _isVertical=../_isVertical }}
35
35
  {{/components/mediaplayer/mediaPlayer_stickyWrapper}}
36
36
  {{else}}
37
37
  {{~> components/mediaplayer/media_player this _playerLocation=../_playerLocation _playerSize=../_playerSize _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=../_addClassImg _isVertical=../_isVertical~}}
38
- {{~> components/teaser/components/teaser_media_player ../this _isFullsize=../_isFullsize _playerId=this.ardPlayerConfig.playerId _css="flex items-center justify-center" _isLead=../_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio=(if ../_isVertical "ar-9-16" "ar-16-9") _noDelay=../_isLead }}
38
+ {{~> components/teaser/components/teaser_media_player ../this _isFullsize=../_isFullsize _playerId=this.ardPlayerConfig.playerId _css="flex items-center justify-center" _isLead=../_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio=(if ../_isVertical "ar-9-16" "ar-16-9") _noDelay=../_isLead _isVertical=../_isVertical }}
39
39
  {{/if}}
40
40
  {{/with}}
41
41
  {{/if}}
package/src/stories/views/components/teaser/components/teaser_media_player.hbs CHANGED
@@ -9,7 +9,7 @@
9
9
  {{/unless}}
10
10
 
11
11
  {{#if this.isTickerTeaser}}<a href="{{this.link.url}}" aria-label="Zum Ticker" tabindex="-1"{{#if (isUserConsentNeeded this.link.url)}} class="js-user-consent-needed"{{/if}}>{{/if}}
12
- {{~> components/base/image/responsive_image this.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.imageVariant this.imageVariant (if _isLead '100-top-sb' (if _isFullsize '100-copytext' 'copytext'))) _addClassImg=_addClassImg _noDelay=_noDelay ~}}
12
+ {{~> components/base/image/responsive_image this.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.imageVariant this.imageVariant (if _isLead '100-top-sb' (if _isVertical 'copytext-portrait' (if _isFullsize '100-copytext' 'copytext')))) _addClassImg=_addClassImg _noDelay=_noDelay ~}}
13
13
  {{#if this.isTickerTeaser}}</a>{{/if}}
14
14
 
15
15