hr-design-system-handlebars 1.77.1 → 1.77.3

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v1.77.3 (Thu Jul 04 2024)
+
+#### 🐛 Bug Fix
+
+- Kein Abstand zum Footer - DPE-3207 [#981](https://github.com/mumprod/hr-design-system-handlebars/pull/981) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 1
+
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
+# v1.77.2 (Thu Jul 04 2024)
+
+#### 🐛 Bug Fix
+
+- :bug: Make teasers that have video or audio to [#980](https://github.com/mumprod/hr-design-system-handlebars/pull/980) ([@szuelch](https://github.com/szuelch))
+
+#### Authors: 1
+
+- [@szuelch](https://github.com/szuelch)
+
+---
+
 # v1.77.1 (Thu Jul 04 2024)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -3377,7 +3377,7 @@ article.indexTextDS .indexTextHighlighted .link {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1720081160747;
+  counter-reset: cnt1720101648014;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3775,7 +3775,7 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1720081160747 1;
+  counter-increment: cnt1720101648014 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3791,7 +3791,7 @@ article.indexTextDS .indexTextHighlighted .link {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1720081160747);
+  content: counter(cnt1720101648014);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */

package/dist/views/components/teaser/components/teaser_av_consumption.hbs

@@ -1,5 +1,5 @@
 {{#with this.teaserLead.avDocument}}
-     {{~#if this.isVideo ~}}
+     {{~#if this.isVideoOnDemand ~}}
           {{#with this.toModel.videoElement}}
                {{~> components/mediaplayer/media_player _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
                {{#with ../../this}}
@@ -10,7 +10,7 @@
                {{~/if~}}
           {{/with}}
      {{~/if~}}
-     {{~#if this.isAudio ~}}
+     {{~#if this.isAudioOnDemand ~}}
           {{#with this.toModel.audioElementForVideoView}}
                {{~> components/mediaplayer/media_player _uiTestHook="ui-test-audio-ondemand-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}                  
                {{#with ../../this}}

package/dist/views/components/teaser/components/teaser_byline_airdate.hbs

@@ -1,5 +1,5 @@
 {{#with ../this}}
-    {{~#if this.isAudio}}
+    {{~#if this.isAudioOnDemand}}
         {{~#with this.audioAuthor}}
             {{this}}{{#if ../this.airdateDate }}<span class="mx-1">|</span>{{/if}}
         {{/with}}
@@ -17,7 +17,7 @@
         {{~/with~}}
     {{/if}}
 
-    {{~#if this.isVideo}}
+    {{~#if this.isVideoOnDemand}}
         {{~#with this.copyright}}
             {{this}}{{#if ../this.airdateDate }} <span class="mx-1">|</span>{{/if}}
         {{/with}}

package/dist/views/components/teaser/utilities/teaser_image_cypress_hook_classes.hbs

@@ -1,5 +1,5 @@
-{{~if this.teaserLead.avDocument.isVideo 'ui-test-video '~}}
-{{~if this.teaserLead.avDocument.isAudio 'ui-test-audio '~}}
+{{~if this.teaserLead.avDocument.isVideoOnDemand 'ui-test-video '~}}
+{{~if this.teaserLead.avDocument.isAudioOnDemand 'ui-test-audio '~}}
 {{~if this.teaserLead.avDocument.isPodcast 'ui-test-podcast '~}}
 {{~if this.teaserLead.avDocument.isLivestream 'ui-test-video-livestream '~}}
 {{~if this.teaserLead.avDocument.isAudioEventLivestream 'ui-test-audio-livestream '~}}

package/dist/views/components/top_button/top_button.hbs

@@ -1,4 +1,4 @@
-<div class="" x-data="{ isVisible: false }">
+<div class="h-8" x-data="{ isVisible: false }">
     <div class="grid grid-page z-100" :class="{ 'fixed bottom-feature-box-height left-0 w-full': !$store.footerIsVisible }">       
         <div class="flex justify-between h-0 col-full sm:col-main"
         :class="{ 'bg-white h-8': $store.footerIsVisible }"
@@ -9,7 +9,7 @@
         x-transition:leave="transition ease-[cubic-bezier(0.68,-0.3,0.32,1)] duration-300"
         x-transition:leave-start="opacity-100 translate-y-0"
         x-transition:leave-end="opacity-0 translate-y-12"
-        @scroll.window="isVisible = ((window.pageYOffset * 2) > (window.innerHeight || (document.documentElement || document.body).clientHeight))"
+        @scroll.window="isVisible = (((window.pageYOffset * 2) > (window.innerHeight || (document.documentElement || document.body).clientHeight)) || $store.footerIsVisible )"
         >
             {{> components/social_sharing/social_sharing_mobile }}
         

package/dist/views_static/components/teaser/components/teaser_av_consumption.hbs

@@ -1,5 +1,5 @@
 {{#with this.teaserLead.avDocument}}
-     {{~#if this.isVideo ~}}
+     {{~#if this.isVideoOnDemand ~}}
           {{#with this.toModel.videoElement}}
                {{~> components/mediaplayer/media_player _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
                {{#with ../../this}}
@@ -10,7 +10,7 @@
                {{~/if~}}
           {{/with}}
      {{~/if~}}
-     {{~#if this.isAudio ~}}
+     {{~#if this.isAudioOnDemand ~}}
           {{#with this.toModel.audioElementForVideoView}}
                {{~> components/mediaplayer/media_player _uiTestHook="ui-test-audio-ondemand-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}                  
                {{#with ../../this}}

package/dist/views_static/components/teaser/components/teaser_byline_airdate.hbs

@@ -1,5 +1,5 @@
 {{#with ../this}}
-    {{~#if this.isAudio}}
+    {{~#if this.isAudioOnDemand}}
         {{~#with this.audioAuthor}}
             {{this}}{{#if ../this.airdateDate }}<span class="mx-1">|</span>{{/if}}
         {{/with}}
@@ -17,7 +17,7 @@
         {{~/with~}}
     {{/if}}
 
-    {{~#if this.isVideo}}
+    {{~#if this.isVideoOnDemand}}
         {{~#with this.copyright}}
             {{this}}{{#if ../this.airdateDate }} <span class="mx-1">|</span>{{/if}}
         {{/with}}

package/dist/views_static/components/teaser/utilities/teaser_image_cypress_hook_classes.hbs

@@ -1,5 +1,5 @@
-{{~if this.teaserLead.avDocument.isVideo 'ui-test-video '~}}
-{{~if this.teaserLead.avDocument.isAudio 'ui-test-audio '~}}
+{{~if this.teaserLead.avDocument.isVideoOnDemand 'ui-test-video '~}}
+{{~if this.teaserLead.avDocument.isAudioOnDemand 'ui-test-audio '~}}
 {{~if this.teaserLead.avDocument.isPodcast 'ui-test-podcast '~}}
 {{~if this.teaserLead.avDocument.isLivestream 'ui-test-video-livestream '~}}
 {{~if this.teaserLead.avDocument.isAudioEventLivestream 'ui-test-audio-livestream '~}}

package/dist/views_static/components/top_button/top_button.hbs

@@ -1,4 +1,4 @@
-<div class="" x-data="{ isVisible: false }">
+<div class="h-8" x-data="{ isVisible: false }">
     <div class="grid grid-page z-100" :class="{ 'fixed bottom-feature-box-height left-0 w-full': !$store.footerIsVisible }">       
         <div class="flex justify-between h-0 col-full sm:col-main"
         :class="{ 'bg-white h-8': $store.footerIsVisible }"
@@ -9,7 +9,7 @@
         x-transition:leave="transition ease-[cubic-bezier(0.68,-0.3,0.32,1)] duration-300"
         x-transition:leave-start="opacity-100 translate-y-0"
         x-transition:leave-end="opacity-0 translate-y-12"
-        @scroll.window="isVisible = ((window.pageYOffset * 2) > (window.innerHeight || (document.documentElement || document.body).clientHeight))"
+        @scroll.window="isVisible = (((window.pageYOffset * 2) > (window.innerHeight || (document.documentElement || document.body).clientHeight)) || $store.footerIsVisible )"
         >
             {{> components/social_sharing/social_sharing_mobile }}
         

package/package.json

@@ -6,7 +6,7 @@
     "license": "MIT",
     "main": "dist/index.js",
     "repository": "https://github.com/szuelch/hr-design-system-handlebars",
-    "version": "1.77.1",
+    "version": "1.77.3",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
         "storybook": "storybook dev -p 6006 public",

package/src/assets/fixtures/teaser/headline_list_item.inc.json

@@ -380,61 +380,61 @@
     "item7": {
         "title": "Untergrund war Strategie: Punk in der DDR",
         "url": "/teaser1",
-                "teaseritem": {
-                    "@->jsoninclude": "teaser/teaser_images.inc.json",
-                    "@->contentpath": "teaser_podcast",
-                    "@->replaceToken": [
-                        {
-                            "@->token": "image",
-                            "@->value": "heiner-goebbels-102"
-                        }
-                    ]
-                },
-                "podcastDuration": "53:13",
-                "teaserInfo": {
-                    "showTeaserInfo": true,
-                    "showTeaserInfoSection": false,
-                    "showTeaserInfoChannel": true,
-                    "showTeaserInfoAll": true,
-                    "showTeaserInfoDate": false,
-                    "showTeaserInfoDateTime": true,
-                    "showTeaserInfoProgramRef": false
-                },
-                "podcastChannel": {
-                    "title": "Der Tag in Hessen",
-                    "url": "#ChannelURL",
+        "teaseritem": {
+            "@->jsoninclude": "teaser/teaser_images.inc.json",
+            "@->contentpath": "teaser_podcast",
+            "@->replaceToken": [
+                {
+                    "@->token": "image",
+                    "@->value": "heiner-goebbels-102"
+                }
+            ]
+        },
+        "podcastDuration": "53:13",
+        "teaserInfo": {
+            "showTeaserInfo": true,
+            "showTeaserInfoSection": false,
+            "showTeaserInfoChannel": true,
+            "showTeaserInfoAll": true,
+            "showTeaserInfoDate": false,
+            "showTeaserInfoDateTime": true,
+            "showTeaserInfoProgramRef": false
+        },
+        "podcastChannel": {
+            "title": "Der Tag in Hessen",
+            "url": "#ChannelURL",
 
-                    "podcastHoster": [
-                        {
-                            "podcastHosterUrl": "https://podcasts.apple.com/podcast/hr2-doppelkopf/id212822590",
-                            "podcastHosterName": "ITunes"
-                        },
-                        {
-                            "podcastHosterUrl": "https://podcast.hr.de/hr2_doppelkopf/podcast.xml",
-                            "podcastHosterName": "RSS"
-                        },
-                        {
-                            "podcastHosterUrl": "https://podcasts.google.com/feed/aHR0cHM6Ly9wb2RjYXN0LmhyLmRlL2hyMl9kb3BwZWxrb3BmL3BvZGNhc3QueG1s?hl=de",
-                            "podcastHosterName": "Google Podcasts"
-                        },
-                        {
-                            "podcastHosterUrl": "https://www.ardaudiothek.de/episode/hr2-doppelkopf/ich-hoere-bei-jedem-geraeusch-gleich-die-tonhoehe-oder-komponist-und-theatermacher-heiner-goebbels-erneuert-das-musiktheater/hr2-kultur/12056783/",
-                            "podcastHosterName": "ARD Audiothek"
-                        }
-                    ]
+            "podcastHoster": [
+                {
+                    "podcastHosterUrl": "https://podcasts.apple.com/podcast/hr2-doppelkopf/id212822590",
+                    "podcastHosterName": "ITunes"
+                },
+                {
+                    "podcastHosterUrl": "https://podcast.hr.de/hr2_doppelkopf/podcast.xml",
+                    "podcastHosterName": "RSS"
                 },
-                "audioUrl": "https://mp3podcasthrdl-a.akamaihd.net/mp3/podcast/hr2_doppelkopf/hr2_doppelkopf_20221031_96251016.mp3",
-                "podcastDownloadUrl": "https://mp3podcasthrdl-a.akamaihd.net/mp3/podcast/hr2_doppelkopf/hr2_doppelkopf_20221031_96251016.mp3",
-                "teaserImage": {
-                    "@->jsoninclude": "teaser/teaser_images.inc.json",
-                    "@->contentpath": "teaser_podcast",
-                    "@->replaceToken": [
-                        {
-                            "@->token": "image",
-                            "@->value": "heiner-goebbels-102"
-                        }
-                    ]
+                {
+                    "podcastHosterUrl": "https://podcasts.google.com/feed/aHR0cHM6Ly9wb2RjYXN0LmhyLmRlL2hyMl9kb3BwZWxrb3BmL3BvZGNhc3QueG1s?hl=de",
+                    "podcastHosterName": "Google Podcasts"
                 },
+                {
+                    "podcastHosterUrl": "https://www.ardaudiothek.de/episode/hr2-doppelkopf/ich-hoere-bei-jedem-geraeusch-gleich-die-tonhoehe-oder-komponist-und-theatermacher-heiner-goebbels-erneuert-das-musiktheater/hr2-kultur/12056783/",
+                    "podcastHosterName": "ARD Audiothek"
+                }
+            ]
+        },
+        "audioUrl": "https://mp3podcasthrdl-a.akamaihd.net/mp3/podcast/hr2_doppelkopf/hr2_doppelkopf_20221031_96251016.mp3",
+        "podcastDownloadUrl": "https://mp3podcasthrdl-a.akamaihd.net/mp3/podcast/hr2_doppelkopf/hr2_doppelkopf_20221031_96251016.mp3",
+        "teaserImage": {
+            "@->jsoninclude": "teaser/teaser_images.inc.json",
+            "@->contentpath": "teaser_podcast",
+            "@->replaceToken": [
+                {
+                    "@->token": "image",
+                    "@->value": "heiner-goebbels-102"
+                }
+            ]
+        },
 
         "teaserSize": "hero",
         "realTeaserSize": "hero",
@@ -463,7 +463,9 @@
         "isEvent": false,
         "isTicker": false,
         "isAudio": false,
+        "isAudioOnDemand": false,
         "isVideo": false,
+        "isVideoOnDemand": false,
         "isPodcast": true,
         "isPodcastEpisode": true,
         "isExtOrBrandLink": false,
@@ -515,4 +517,3 @@
         }
     }
 }
-        

package/src/assets/fixtures/teaser/teaser_lead.inc.json

@@ -2,6 +2,7 @@
     "video": {
         "avDocument": {
             "isVideo": true,
+            "isVideoOnDemand": true,
             "toModel": {
                 "videoElement": {
                     "ardPlayerConfig": {
@@ -20,6 +21,7 @@
     "audio": {
         "avDocument": {
             "isAudio": true,
+            "isAudioOnDemand": true,
             "toModel": {
                 "audioElementForVideoView": {
                     "isPodcast": false,

package/src/assets/fixtures/teaser/teaser_ticker.inc.json

@@ -52,7 +52,9 @@
                 "isEvent": false,
                 "isTicker": true,
                 "isAudio": false,
+                "isAudioOnDemand": false,
                 "isVideo": false,
+                "isVideoOnDemand": false,
                 "isPodcast": false,
                 "isPodcastEpisode": false,
                 "isExtOrBrandLink": false,
@@ -177,7 +179,9 @@
                 "isEvent": false,
                 "isTicker": true,
                 "isAudio": true,
+                "isAudioOnDemand": true,
                 "isVideo": false,
+                "isVideoOnDemand": false,
                 "isPodcast": false,
                 "isPodcastEpisode": false,
                 "isExtOrBrandLink": false,

package/src/assets/fixtures/teaser/teasers.inc.json

@@ -50,7 +50,9 @@
                 "isEvent": false,
                 "isTicker": false,
                 "isAudio": false,
+                "isAudioOnDemand": false,
                 "isVideo": false,
+                "isVideoOnDemand": false,
                 "isPodcast": false,
                 "isPodcastEpisode": false,
                 "isExtOrBrandLink": false,
@@ -159,7 +161,9 @@
                 "isEvent": false,
                 "isTicker": false,
                 "isAudio": false,
+                "isAudioOnDemand": false,
                 "isVideo": false,
+                "isVideoOnDemand": false,
                 "isPodcast": false,
                 "isPodcastEpisode": false,
                 "isExtOrBrandLink": false,
@@ -278,7 +282,9 @@
                 "isEvent": false,
                 "isTicker": false,
                 "isAudio": false,
+                "isAudioOnDemand": false,
                 "isVideo": false,
+                "isVideoOnDemand": false,
                 "isPodcast": false,
                 "isPodcastEpisode": false,
                 "isExtOrBrandLink": false,
@@ -376,7 +382,9 @@
                 "isEvent": false,
                 "isTicker": false,
                 "isAudio": false,
+                "isAudioOnDemand": false,
                 "isVideo": false,
+                "isVideoOnDemand": false,
                 "isPodcast": false,
                 "isPodcastEpisode": false,
                 "isExtOrBrandLink": false,
@@ -474,7 +482,9 @@
                 "isEvent": false,
                 "isTicker": false,
                 "isAudio": false,
+                "isAudioOnDemand": false,
                 "isVideo": true,
+                "isVideoOnDemand": true,
                 "isPodcast": false,
                 "isPodcastEpisode": false,
                 "isExtOrBrandLink": false,
@@ -580,7 +590,9 @@
                 "isEvent": false,
                 "isTicker": false,
                 "isAudio": false,
+                "isAudioOnDemand": false,
                 "isVideo": false,
+                "isVideoOnDemand": false,
                 "isLivestream": true,
                 "isPodcast": false,
                 "isPodcastEpisode": false,
@@ -683,7 +695,9 @@
                 "isEvent": false,
                 "isTicker": false,
                 "isAudio": true,
+                "isAudioOnDemand": true,
                 "isVideo": false,
+                "isVideoOnDemand": false,
                 "isPodcast": false,
                 "isPodcastEpisode": false,
                 "isExtOrBrandLink": false,
@@ -784,9 +798,11 @@
                 "isProgram": false,
                 "isEvent": false,
                 "isTicker": false,
-                "isAudio": false,
                 "isAudioEventLivestream": true,
+                "isAudio": true,
+                "isAudioOnDemand": false,
                 "isVideo": false,
+                "isVideoOnDemand": false,
                 "isPodcast": false,
                 "isPodcastEpisode": false,
                 "isExtOrBrandLink": false,
@@ -887,7 +903,9 @@
                 "isEvent": false,
                 "isTicker": false,
                 "isAudio": false,
+                "isAudioOnDemand": false,
                 "isVideo": false,
+                "isVideoOnDemand": false,
                 "isPodcast": true,
                 "isPodcastEpisode": true,
                 "isExtOrBrandLink": false,
@@ -995,7 +1013,9 @@
                 "isEvent": true,
                 "isTicker": false,
                 "isAudio": false,
+                "isAudioOnDemand": false,
                 "isVideo": false,
+                "isVideoOnDemand": false,
                 "isPodcastEpisode": false,
                 "isExtOrBrandLink": false,
                 "isAuthor": false,
@@ -1108,7 +1128,9 @@
                 "isEvent": false,
                 "isTicker": false,
                 "isAudio": false,
+                "isAudioOnDemand": false,
                 "isVideo": false,
+                "isVideoOnDemand": false,
                 "isPodcastEpisode": false,
                 "isExtOrBrandLink": false,
                 "isAuthor": false,
@@ -1215,7 +1237,9 @@
                 "isEvent": false,
                 "isTicker": false,
                 "isAudio": false,
+                "isAudioOnDemand": false,
                 "isVideo": false,
+                "isVideoOnDemand": false,
                 "isPodcastEpisode": false,
                 "isExtOrBrandLink": true,
                 "isAuthor": false,
@@ -1334,7 +1358,9 @@
                 "isEvent": false,
                 "isTicker": false,
                 "isAudio": false,
+                "isAudioOnDemand": false,
                 "isVideo": false,
+                "isVideoOnDemand": false,
                 "isPodcastEpisode": false,
                 "isExtOrBrandLink": false,
                 "isAuthor": false,
@@ -1519,7 +1545,9 @@
                 "isEvent": false,
                 "isTicker": false,
                 "isAudio": false,
+                "isAudioOnDemand": false,
                 "isVideo": false,
+                "isVideoOnDemand": false,
                 "isPodcastEpisode": true,
                 "isExtOrBrandLink": false,
                 "isAuthor": false,
@@ -1619,7 +1647,9 @@
                 "isEvent": false,
                 "isTicker": false,
                 "isAudio": false,
+                "isAudioOnDemand": false,
                 "isVideo": false,
+                "isVideoOnDemand": false,
                 "isPodcast": false,
                 "isPodcastEpisode": false,
                 "isExtOrBrandLink": true,