hr-design-system-handlebars 0.56.12 → 0.56.13

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+# v0.56.13 (Fri Sep 16 2022)
+
+#### 🐛 Bug Fix
+
+- Fixing hs-logo for print view - Dpe 1710 [#318](https://github.com/mumprod/hr-design-system-handlebars/pull/318) ([@Paul-Atreidis](https://github.com/Paul-Atreidis) [@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 2
+
+- [@Paul-Atreidis](https://github.com/Paul-Atreidis)
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
 # v0.56.12 (Tue Sep 06 2022)
 
 #### 🐛 Bug Fix

package/build/helpers/resourceUrl.js

@@ -21,7 +21,15 @@ module.exports = function (text, options) {
                 `./brand/${options.hash['_brand']}/icons/logo`
             )
         } else {
+            if (text.includes('assets/base/icons/rsslogo/') && options.hash['_brand']) {
+                resourceUrl = text.replace(
+                    'assets/base/icons/rsslogo',
+                    `./brand/${options.hash['_brand']}/icons/rsslogo`
+                )
+            }
+            else{
             resourceUrl = text.replace('assets/base/', './')
+            }
         }
     }
     if (text.includes('suche/index.nocache'))

package/dist/assets/index.css

@@ -424,7 +424,7 @@ video {
         font-stretch: condensed;
     }
 
-.-translate-x-1\/2, .-translate-y-1\/2, .rotate-45, .-rotate-45, .rotate-180, .scale-y-90, .scale-y-100, .transform {
+.-translate-x-1\/2, .-translate-y-1\/2, .rotate-45, .-rotate-45, .rotate-180, .scale-50, .scale-y-90, .scale-y-100, .transform {
   --tw-translate-x: 0;
   --tw-translate-y: 0;
   --tw-rotate: 0;
@@ -1023,6 +1023,12 @@ video {
   -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
           transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.scale-50 {
+  --tw-scale-x: .5;
+  --tw-scale-y: .5;
+  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .scale-y-90 {
   --tw-scale-y: .9;
   -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1932,7 +1938,7 @@ video {
           transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
 .counter-reset {
-  counter-reset: cnt1662474004567;
+  counter-reset: cnt1663315995392;
 }
 .placeholder-text-xs::-webkit-input-placeholder {
   font-size: 0.75rem;
@@ -2315,7 +2321,7 @@ video {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1662474004567 1;
+  counter-increment: cnt1663315995392 1;
 }
 .-ordered::before {
   position: absolute;
@@ -2332,7 +2338,7 @@ video {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1662474004567);
+  content: counter(cnt1663315995392);
 }
 /*! purgecss start ignore */
 :root,
@@ -2830,8 +2836,10 @@ video {
 }
 @media print {
 
-  .print\:block {
-    display: block;
+  .print\:flex {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
   }
 
   .print\:hidden {

package/dist/views/components/site_header/header.hbs

@@ -1,6 +1,5 @@
 <div class="sb-main-navigation" x-data="mainNavigationHandler()" x-init="init()">
-
-    <header class="relative z-10001 {{#if this.hasOpenSubNavigation}}lg:h-header-lg-big{{else}}lg:h-header-lg-small{{/if}} md:h-header-md h-header-sm">   
+    <header class="print:hidden relative z-10001 {{#if this.hasOpenSubNavigation}}lg:h-header-lg-big{{else}}lg:h-header-lg-small{{/if}} md:h-header-md h-header-sm">   
         <div x-data 
             id="headerWrapper"
             @resize.window="resetNav()" 
@@ -13,7 +12,7 @@
             </div>
 
             <div id="brandNavWrapper" 
-                class="relative flex items-center justify-center order-1 w-full bg-white z-10000 print:hidden">
+                class="relative flex items-center justify-center order-1 w-full bg-white z-10000">
                 {{> components/site_header/brand_navigation/brand_navigation }} 
             </div>
 
@@ -32,7 +31,7 @@
                     </div>
                     
                     <div id="serviceItemsWrapper"                
-                        class="flex items-center justify-end flex-initial order-2 inline-block w-full max-w-full align-top bg-blue-congress md:h-12 lg:h-16 lg:order-2 lg:w-3/4 lg:max-w-3/4 md:mt-0 md:w-1/2 md:max-w-1/2 md:order-2 md:border-0 print:hidden ">
+                        class="flex items-center justify-end flex-initial order-2 inline-block w-full max-w-full align-top bg-blue-congress md:h-12 lg:h-16 lg:order-2 lg:w-3/4 lg:max-w-3/4 md:mt-0 md:w-1/2 md:max-w-1/2 md:order-2 md:border-0">
                         {{> components/site_header/service_navigation/service_list }}
 
                         {{> components/site_header/navigation_search/quick_search_button }}
@@ -42,7 +41,7 @@
                         </div>
                     
                         <div id="burgerWrapper" 
-                            class="flex justify-end flex-none order-2 lg:order-4 md:order-4 lg:hidden "> 
+                            class="flex justify-end flex-none order-2 lg:order-4 md:order-4 lg:hidden"> 
                             {{> components/site_header/burger }}    
                         </div>
                         
@@ -76,10 +75,15 @@
 
             </div>
             
-        </div>
-    
+        </div> 
     </header>
+    <div class="justify-center hidden w-full scale-50 brand-logo_print print:flex">
+        <img loading="lazy" 
+            alt="{{loca "header_homepage_link_title"}}" 
+            src="{{resourceUrl "assets/base/icons/rsslogo/brandlogo--rss.jpg" _brand=(if this.brand this.brand)}}" 
+            />
+    </div>
     <div x-ref="myOverlay">
         <div x-cloak x-data="overlayHandler()" @click.debounce="overlayWasClicked()" x-show="shouldOverlayBeShown()" class="fixed top-0 left-0 w-screen h-screen bg-gray-800 z-10000 lg:hidden opacity-70"></div>
     </div>
-</div>
+</div>

package/dist/views/components/site_header/service_logo.hbs

@@ -1,4 +1,4 @@
-<a class="sb-service-logo relative flex items-center text-white fill-current lg:items-end link-focus-white print:hidden" 
+<a class="relative flex items-center text-white fill-current sb-service-logo lg:items-end link-focus-white print:hidden" 
     href="https://www.hessenschau.de/index.html" 
     title="Startseite hessenschau . d e">
     <span x-cloak class="absolute transition-opacity duration-500 ease-in-out" :class="`${percent}` < 50 ? 'opacity-0' : 'delay-200 opacity-100'" >
@@ -8,9 +8,3 @@
         {{> components/base/image/icon _icon="brandlogo--desk" _iconmap="logo" _addClass="logo-desk flex items-center fill-white w-40 h-5 md:h-7 md:w-40 lg:h-8 lg:w-52"}}
     </span> 
 </a>
-<img class="hidden print:block" 
-    loading="lazy" 
-    alt="{{loca "header_homepage_link_title"}}" 
-    src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" 
-    data-srcset="{{resourceUrl "assets/base/icons/rsslogo/brandlogo--rss.jpg"}}"
-/>

package/package.json

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

package/src/stories/views/components/site_header/header.hbs

@@ -1,6 +1,5 @@
 <div class="sb-main-navigation" x-data="mainNavigationHandler()" x-init="init()">
-
-    <header class="relative z-10001 {{#if this.hasOpenSubNavigation}}lg:h-header-lg-big{{else}}lg:h-header-lg-small{{/if}} md:h-header-md h-header-sm">   
+    <header class="print:hidden relative z-10001 {{#if this.hasOpenSubNavigation}}lg:h-header-lg-big{{else}}lg:h-header-lg-small{{/if}} md:h-header-md h-header-sm">   
         <div x-data 
             id="headerWrapper"
             @resize.window="resetNav()" 
@@ -13,7 +12,7 @@
             </div>
 
             <div id="brandNavWrapper" 
-                class="relative flex items-center justify-center order-1 w-full bg-white z-10000 print:hidden">
+                class="relative flex items-center justify-center order-1 w-full bg-white z-10000">
                 {{> components/site_header/brand_navigation/brand_navigation }} 
             </div>
 
@@ -32,7 +31,7 @@
                     </div>
                     
                     <div id="serviceItemsWrapper"                
-                        class="flex items-center justify-end flex-initial order-2 inline-block w-full max-w-full align-top bg-blue-congress md:h-12 lg:h-16 lg:order-2 lg:w-3/4 lg:max-w-3/4 md:mt-0 md:w-1/2 md:max-w-1/2 md:order-2 md:border-0 print:hidden ">
+                        class="flex items-center justify-end flex-initial order-2 inline-block w-full max-w-full align-top bg-blue-congress md:h-12 lg:h-16 lg:order-2 lg:w-3/4 lg:max-w-3/4 md:mt-0 md:w-1/2 md:max-w-1/2 md:order-2 md:border-0">
                         {{> components/site_header/service_navigation/service_list }}
 
                         {{> components/site_header/navigation_search/quick_search_button }}
@@ -42,7 +41,7 @@
                         </div>
                     
                         <div id="burgerWrapper" 
-                            class="flex justify-end flex-none order-2 lg:order-4 md:order-4 lg:hidden "> 
+                            class="flex justify-end flex-none order-2 lg:order-4 md:order-4 lg:hidden"> 
                             {{> components/site_header/burger }}    
                         </div>
                         
@@ -76,10 +75,15 @@
 
             </div>
             
-        </div>
-    
+        </div> 
     </header>
+    <div class="justify-center hidden w-full scale-50 brand-logo_print print:flex">
+        <img loading="lazy" 
+            alt="{{loca "header_homepage_link_title"}}" 
+            src="{{resourceUrl "assets/base/icons/rsslogo/brandlogo--rss.jpg" _brand=(if this.brand this.brand)}}" 
+            />
+    </div>
     <div x-ref="myOverlay">
         <div x-cloak x-data="overlayHandler()" @click.debounce="overlayWasClicked()" x-show="shouldOverlayBeShown()" class="fixed top-0 left-0 w-screen h-screen bg-gray-800 z-10000 lg:hidden opacity-70"></div>
     </div>
-</div>
+</div>

package/src/stories/views/components/site_header/service_logo.hbs

@@ -1,4 +1,4 @@
-<a class="sb-service-logo relative flex items-center text-white fill-current lg:items-end link-focus-white print:hidden" 
+<a class="relative flex items-center text-white fill-current sb-service-logo lg:items-end link-focus-white print:hidden" 
     href="https://www.hessenschau.de/index.html" 
     title="Startseite hessenschau . d e">
     <span x-cloak class="absolute transition-opacity duration-500 ease-in-out" :class="`${percent}` < 50 ? 'opacity-0' : 'delay-200 opacity-100'" >
@@ -8,9 +8,3 @@
         {{> components/base/image/icon _icon="brandlogo--desk" _iconmap="logo" _addClass="logo-desk flex items-center fill-white w-40 h-5 md:h-7 md:w-40 lg:h-8 lg:w-52"}}
     </span> 
 </a>
-<img class="hidden print:block" 
-    loading="lazy" 
-    alt="{{loca "header_homepage_link_title"}}" 
-    src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" 
-    data-srcset="{{resourceUrl "assets/base/icons/rsslogo/brandlogo--rss.jpg"}}"
-/>