hr-design-system-handlebars 1.68.1 → 1.68.3

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v1.68.3 (Tue May 28 2024)
+
+#### 🐛 Bug Fix
+
+- fixes bottom position of sharing button in mobile view [#930](https://github.com/mumprod/hr-design-system-handlebars/pull/930) ([@StefanVesper](https://github.com/StefanVesper))
+
+#### Authors: 1
+
+- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
+
+---
+
+# v1.68.2 (Wed May 22 2024)
+
+#### 🐛 Bug Fix
+
+- Changing priority to Responsive Iframe [#929](https://github.com/mumprod/hr-design-system-handlebars/pull/929) ([@Paul-Atreidis](https://github.com/Paul-Atreidis))
+
+#### Authors: 1
+
+- [@Paul-Atreidis](https://github.com/Paul-Atreidis)
+
+---
+
 # v1.68.1 (Fri May 17 2024)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -1046,8 +1046,8 @@ article.indexTextDS .indexTextHighlighted .link {
 .bottom-15 {
   bottom: 3.75rem;
 }
-.bottom-5 {
-  bottom: 1.25rem;
+.bottom-\[19px\] {
+  bottom: 19px;
 }
 .bottom-feature-box-height {
   bottom: 0;
@@ -3347,7 +3347,7 @@ article.indexTextDS .indexTextHighlighted .link {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1715954927728;
+  counter-reset: cnt1716893696134;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3726,7 +3726,7 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1715954927728 1;
+  counter-increment: cnt1716893696134 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3742,7 +3742,7 @@ article.indexTextDS .indexTextHighlighted .link {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1715954927728);
+  content: counter(cnt1716893696134);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */

package/dist/assets/js/components/externalService/externalServiceDs.feature.js

@@ -172,31 +172,18 @@ const ExternalService = function (context) {
     const createDataWrapperEmbed = function () {
         removeDatapolicyBox()
         createUniqueID()
-        if (iFrameConfig.responsiveIframe == 'true') {
-            
-            //Responsives Iframe
-            var iframe = document.createElement('iframe')
-            //Auflösen nach Tailwind-Klassen //dataWrapper-embed
-            iframe.className = 'w-0 !min-w-full border-0'
-            iframe.setAttribute('webkitallowfullscreen', '')
-            iframe.setAttribute('mozallowfullscreen', '')
-            iframe.setAttribute('allowfullscreen', '')
-            iframe.setAttribute('scrolling', 'no')
-            iframe.setAttribute('frameborder', '0')
-            iframe.src = embedCode
-            iframe.id = 'datawrapper-chart-' + uniqueId
-            rootElement.insertBefore(iframe, null)
+        if (iFrameConfig.noResponsiveIframe == 'true') {
 
-            loadScript(
-                'datawrapper-js',
-                'https://static.hr.de/hessenschau/datawrapper/responsiveIframe.js',
-                true
-            ) 
-            if (iFrameConfig.refreshContent == 'true') {
-                console.log("contentRefresher anfügen")
-                contentRefresher = new DataWrapperContentRefresher(context, uniqueId, iFrameConfig.refreshIntervall, false)
-                contentRefresher.createRefresher()
-            }
+             //Klassisches Iframe mit AR-Wrapper oder fester Höhe
+             noResponsiveIframe = new DataWrapperNoResponsiveIframe(context, iFrameConfig.aspectRatio, iFrameConfig.fixedHeight, uniqueId, embedCode)
+             noResponsiveIframe.createNoResponsiveIframe()
+ 
+             if (iFrameConfig.refreshContent == 'true') {
+                 console.log("contentRefresher anfügen")
+                 contentRefresher = new DataWrapperContentRefresher(context, uniqueId, iFrameConfig.refreshIntervall, false)
+                 contentRefresher.createRefresher()
+             }
+            
         } 
         else {
             if(iFrameConfig.webcomponent == 'true') {
@@ -226,15 +213,31 @@ const ExternalService = function (context) {
                 }
             }
             else {
-                //Klassisches Iframe mit AR-Wrapper oder fester Höhe
-                noResponsiveIframe = new DataWrapperNoResponsiveIframe(context, iFrameConfig.aspectRatio, iFrameConfig.fixedHeight, uniqueId, embedCode)
-                noResponsiveIframe.createNoResponsiveIframe()
-    
+
+                //Responsives Iframe
+                var iframe = document.createElement('iframe')
+                //Auflösen nach Tailwind-Klassen //dataWrapper-embed
+                iframe.className = 'w-0 !min-w-full border-0'
+                iframe.setAttribute('webkitallowfullscreen', '')
+                iframe.setAttribute('mozallowfullscreen', '')
+                iframe.setAttribute('allowfullscreen', '')
+                iframe.setAttribute('scrolling', 'no')
+                iframe.setAttribute('frameborder', '0')
+                iframe.src = embedCode
+                iframe.id = 'datawrapper-chart-' + uniqueId
+                rootElement.insertBefore(iframe, null)
+
+                loadScript(
+                    'datawrapper-js',
+                    'https://static.hr.de/hessenschau/datawrapper/responsiveIframe.js',
+                    true
+                ) 
                 if (iFrameConfig.refreshContent == 'true') {
                     console.log("contentRefresher anfügen")
                     contentRefresher = new DataWrapperContentRefresher(context, uniqueId, iFrameConfig.refreshIntervall, false)
                     contentRefresher.createRefresher()
                 }
+               
             }
            
            

package/dist/assets/js/components/site_header/mainNavigationHandler.alpine.js

@@ -52,7 +52,7 @@ export default () => ({
     },
 
     checkFooterTopForSharingBottomPos(){
-        this.$store.footerIsVisible ? this.$store.sharingBottomPos.current = Math.round(window.innerHeight - document.querySelector('.js-pageFooter').getBoundingClientRect().top) + 16 +'px' : null
+        this.$store.footerIsVisible ? this.$store.sharingBottomPos.current = Math.round(window.innerHeight - document.querySelector('.js-pageFooter').getBoundingClientRect().top) + 19 +'px' : null
     },
 
     //Holds the percentage of scrolled viewport

package/dist/views/components/externalService/external_service_with_datapolicy_check.hbs

@@ -3,7 +3,7 @@
         <div class="c-externalService c-externalService__{{this.externalServiceConfig.externalServiceId}}{{#unless
                 this.fixedHeight }} -noFixedHeight{{/unless}} js-load"
              data-hr-external-service-ds='{"id":"{{this.externalServiceConfig.externalServiceId}}","embedCode":"{{this.serviceUrl}}","embedType":"{{this.externalServiceConfig.externalServiceEmbedType}}","dataPolicyCheck": true,"iFrameConfig": { {{#if this.fixedHeight}}
-                "fixedHeight":"{{this.fixedHeight}}"{{else}}{{#if this.aspectRatio}}"aspectRatio":"{{this.aspectRatio}}"{{else}}"aspectRatio":"16x9"{{/if}}{{/if}},"responsiveIframe":"{{{this.setResponsiveIframe}}}","webcomponent":"{{{this.setWebcomponent}}}"{{#if this.setTimedReloadIframe}},"refreshContent":"{{{this.setTimedReloadIframe}}}","refreshIntervall":"{{this.setTimeForReload}}"{{/if}} }}'>
+                "fixedHeight":"{{this.fixedHeight}}"{{else}}{{#if this.aspectRatio}}"aspectRatio":"{{this.aspectRatio}}"{{else}}"aspectRatio":"16x9"{{/if}}{{/if}},"noResponsiveIframe":"{{{this.setResponsiveIframe}}}","webcomponent":"{{{this.setWebcomponent}}}"{{#if this.setTimedReloadIframe}},"refreshContent":"{{{this.setTimedReloadIframe}}}","refreshIntervall":"{{this.setTimeForReload}}"{{/if}} }}'>
             {{~> components/externalService/components/external_service_data_policy ~}}
         </div>
         {{~> components/externalService/components/external_service_caption ~}}

package/dist/views/components/social_sharing/social_sharing_compact.hbs

@@ -10,7 +10,7 @@
         <div :class="{ 'grid grid-page z-110 fixed bottom-feature-box-height left-0 w-full': $store.sharingIsVisible == false}">
             <div :class="{ 'flex justify-start col-full sm:col-main relative': $store.sharingIsVisible == false }">
                 <div :style="($store.footerIsVisible && !$screen('lg')) && {bottom:$store.sharingBottomPos.current}" 
-                    :class="{ 'bottom-5 flex-col absolute mt-3 rounded-md': $store.sharingIsVisible == false && $store.footerIsVisible == false,
+                    :class="{ 'bottom-[19px] flex-col absolute mt-3 rounded-md': $store.sharingIsVisible == false && $store.footerIsVisible == false,
                                 'flex-col absolute mt-3' : $store.footerIsVisible == true }"
                     class="flex self-center gap-3 bg-white left-5">
                     <button 

package/dist/views_static/components/externalService/external_service_with_datapolicy_check.hbs

@@ -3,7 +3,7 @@
         <div class="c-externalService c-externalService__{{this.externalServiceConfig.externalServiceId}}{{#unless
                 this.fixedHeight }} -noFixedHeight{{/unless}} js-load"
              data-hr-external-service-ds='{"id":"{{this.externalServiceConfig.externalServiceId}}","embedCode":"{{this.serviceUrl}}","embedType":"{{this.externalServiceConfig.externalServiceEmbedType}}","dataPolicyCheck": true,"iFrameConfig": { {{#if this.fixedHeight}}
-                "fixedHeight":"{{this.fixedHeight}}"{{else}}{{#if this.aspectRatio}}"aspectRatio":"{{this.aspectRatio}}"{{else}}"aspectRatio":"16x9"{{/if}}{{/if}},"responsiveIframe":"{{{this.setResponsiveIframe}}}","webcomponent":"{{{this.setWebcomponent}}}"{{#if this.setTimedReloadIframe}},"refreshContent":"{{{this.setTimedReloadIframe}}}","refreshIntervall":"{{this.setTimeForReload}}"{{/if}} }}'>
+                "fixedHeight":"{{this.fixedHeight}}"{{else}}{{#if this.aspectRatio}}"aspectRatio":"{{this.aspectRatio}}"{{else}}"aspectRatio":"16x9"{{/if}}{{/if}},"noResponsiveIframe":"{{{this.setResponsiveIframe}}}","webcomponent":"{{{this.setWebcomponent}}}"{{#if this.setTimedReloadIframe}},"refreshContent":"{{{this.setTimedReloadIframe}}}","refreshIntervall":"{{this.setTimeForReload}}"{{/if}} }}'>
             {{~> components/externalService/components/external_service_data_policy ~}}
         </div>
         {{~> components/externalService/components/external_service_caption ~}}

package/dist/views_static/components/social_sharing/social_sharing_compact.hbs

@@ -10,7 +10,7 @@
         <div :class="{ 'grid grid-page z-110 fixed bottom-feature-box-height left-0 w-full': $store.sharingIsVisible == false}">
             <div :class="{ 'flex justify-start col-full sm:col-main relative': $store.sharingIsVisible == false }">
                 <div :style="($store.footerIsVisible && !$screen('lg')) && {bottom:$store.sharingBottomPos.current}" 
-                    :class="{ 'bottom-5 flex-col absolute mt-3 rounded-md': $store.sharingIsVisible == false && $store.footerIsVisible == false,
+                    :class="{ 'bottom-[19px] flex-col absolute mt-3 rounded-md': $store.sharingIsVisible == false && $store.footerIsVisible == false,
                                 'flex-col absolute mt-3' : $store.footerIsVisible == true }"
                     class="flex self-center gap-3 bg-white left-5">
                     <button 

package/package.json

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

package/src/stories/views/components/externalService/externalServiceDs.feature.js

@@ -172,31 +172,18 @@ const ExternalService = function (context) {
     const createDataWrapperEmbed = function () {
         removeDatapolicyBox()
         createUniqueID()
-        if (iFrameConfig.responsiveIframe == 'true') {
-            
-            //Responsives Iframe
-            var iframe = document.createElement('iframe')
-            //Auflösen nach Tailwind-Klassen //dataWrapper-embed
-            iframe.className = 'w-0 !min-w-full border-0'
-            iframe.setAttribute('webkitallowfullscreen', '')
-            iframe.setAttribute('mozallowfullscreen', '')
-            iframe.setAttribute('allowfullscreen', '')
-            iframe.setAttribute('scrolling', 'no')
-            iframe.setAttribute('frameborder', '0')
-            iframe.src = embedCode
-            iframe.id = 'datawrapper-chart-' + uniqueId
-            rootElement.insertBefore(iframe, null)
+        if (iFrameConfig.noResponsiveIframe == 'true') {
 
-            loadScript(
-                'datawrapper-js',
-                'https://static.hr.de/hessenschau/datawrapper/responsiveIframe.js',
-                true
-            ) 
-            if (iFrameConfig.refreshContent == 'true') {
-                console.log("contentRefresher anfügen")
-                contentRefresher = new DataWrapperContentRefresher(context, uniqueId, iFrameConfig.refreshIntervall, false)
-                contentRefresher.createRefresher()
-            }
+             //Klassisches Iframe mit AR-Wrapper oder fester Höhe
+             noResponsiveIframe = new DataWrapperNoResponsiveIframe(context, iFrameConfig.aspectRatio, iFrameConfig.fixedHeight, uniqueId, embedCode)
+             noResponsiveIframe.createNoResponsiveIframe()
+ 
+             if (iFrameConfig.refreshContent == 'true') {
+                 console.log("contentRefresher anfügen")
+                 contentRefresher = new DataWrapperContentRefresher(context, uniqueId, iFrameConfig.refreshIntervall, false)
+                 contentRefresher.createRefresher()
+             }
+            
         } 
         else {
             if(iFrameConfig.webcomponent == 'true') {
@@ -226,15 +213,31 @@ const ExternalService = function (context) {
                 }
             }
             else {
-                //Klassisches Iframe mit AR-Wrapper oder fester Höhe
-                noResponsiveIframe = new DataWrapperNoResponsiveIframe(context, iFrameConfig.aspectRatio, iFrameConfig.fixedHeight, uniqueId, embedCode)
-                noResponsiveIframe.createNoResponsiveIframe()
-    
+
+                //Responsives Iframe
+                var iframe = document.createElement('iframe')
+                //Auflösen nach Tailwind-Klassen //dataWrapper-embed
+                iframe.className = 'w-0 !min-w-full border-0'
+                iframe.setAttribute('webkitallowfullscreen', '')
+                iframe.setAttribute('mozallowfullscreen', '')
+                iframe.setAttribute('allowfullscreen', '')
+                iframe.setAttribute('scrolling', 'no')
+                iframe.setAttribute('frameborder', '0')
+                iframe.src = embedCode
+                iframe.id = 'datawrapper-chart-' + uniqueId
+                rootElement.insertBefore(iframe, null)
+
+                loadScript(
+                    'datawrapper-js',
+                    'https://static.hr.de/hessenschau/datawrapper/responsiveIframe.js',
+                    true
+                ) 
                 if (iFrameConfig.refreshContent == 'true') {
                     console.log("contentRefresher anfügen")
                     contentRefresher = new DataWrapperContentRefresher(context, uniqueId, iFrameConfig.refreshIntervall, false)
                     contentRefresher.createRefresher()
                 }
+               
             }
            
            

package/src/stories/views/components/externalService/external_service_with_datapolicy_check.hbs

@@ -3,7 +3,7 @@
         <div class="c-externalService c-externalService__{{this.externalServiceConfig.externalServiceId}}{{#unless
                 this.fixedHeight }} -noFixedHeight{{/unless}} js-load"
              data-hr-external-service-ds='{"id":"{{this.externalServiceConfig.externalServiceId}}","embedCode":"{{this.serviceUrl}}","embedType":"{{this.externalServiceConfig.externalServiceEmbedType}}","dataPolicyCheck": true,"iFrameConfig": { {{#if this.fixedHeight}}
-                "fixedHeight":"{{this.fixedHeight}}"{{else}}{{#if this.aspectRatio}}"aspectRatio":"{{this.aspectRatio}}"{{else}}"aspectRatio":"16x9"{{/if}}{{/if}},"responsiveIframe":"{{{this.setResponsiveIframe}}}","webcomponent":"{{{this.setWebcomponent}}}"{{#if this.setTimedReloadIframe}},"refreshContent":"{{{this.setTimedReloadIframe}}}","refreshIntervall":"{{this.setTimeForReload}}"{{/if}} }}'>
+                "fixedHeight":"{{this.fixedHeight}}"{{else}}{{#if this.aspectRatio}}"aspectRatio":"{{this.aspectRatio}}"{{else}}"aspectRatio":"16x9"{{/if}}{{/if}},"noResponsiveIframe":"{{{this.setResponsiveIframe}}}","webcomponent":"{{{this.setWebcomponent}}}"{{#if this.setTimedReloadIframe}},"refreshContent":"{{{this.setTimedReloadIframe}}}","refreshIntervall":"{{this.setTimeForReload}}"{{/if}} }}'>
             {{~> components/externalService/components/external_service_data_policy ~}}
         </div>
         {{~> components/externalService/components/external_service_caption ~}}

package/src/stories/views/components/site_header/mainNavigationHandler.alpine.js

@@ -52,7 +52,7 @@ export default () => ({
     },
 
     checkFooterTopForSharingBottomPos(){
-        this.$store.footerIsVisible ? this.$store.sharingBottomPos.current = Math.round(window.innerHeight - document.querySelector('.js-pageFooter').getBoundingClientRect().top) + 16 +'px' : null
+        this.$store.footerIsVisible ? this.$store.sharingBottomPos.current = Math.round(window.innerHeight - document.querySelector('.js-pageFooter').getBoundingClientRect().top) + 19 +'px' : null
     },
 
     //Holds the percentage of scrolled viewport

package/src/stories/views/components/social_sharing/social_sharing_compact.hbs

@@ -10,7 +10,7 @@
         <div :class="{ 'grid grid-page z-110 fixed bottom-feature-box-height left-0 w-full': $store.sharingIsVisible == false}">
             <div :class="{ 'flex justify-start col-full sm:col-main relative': $store.sharingIsVisible == false }">
                 <div :style="($store.footerIsVisible && !$screen('lg')) && {bottom:$store.sharingBottomPos.current}" 
-                    :class="{ 'bottom-5 flex-col absolute mt-3 rounded-md': $store.sharingIsVisible == false && $store.footerIsVisible == false,
+                    :class="{ 'bottom-[19px] flex-col absolute mt-3 rounded-md': $store.sharingIsVisible == false && $store.footerIsVisible == false,
                                 'flex-col absolute mt-3' : $store.footerIsVisible == true }"
                     class="flex self-center gap-3 bg-white left-5">
                     <button