hr-design-system-handlebars 0.44.1 → 0.44.4

package/CHANGELOG.md

@@ -1,3 +1,40 @@
+# v0.44.4 (Mon May 09 2022)
+
+#### 🐛 Bug Fix
+
+- DPE-1471 Markup bei Section Nav aufräumen [#225](https://github.com/mumprod/hr-design-system-handlebars/pull/225) ([@hanswurstsalat](https://github.com/hanswurstsalat) [@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 2
+
+- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
+# v0.44.3 (Mon May 09 2022)
+
+#### 🐛 Bug Fix
+
+- Some refactoring and cleanup [#230](https://github.com/mumprod/hr-design-system-handlebars/pull/230) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 1
+
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
+# v0.44.2 (Thu May 05 2022)
+
+#### 🐛 Bug Fix
+
+- Dpe 1558 [#228](https://github.com/mumprod/hr-design-system-handlebars/pull/228) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 1
+
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
 # v0.44.1 (Mon May 02 2022)
 
 #### 🐛 Bug Fix

package/dist/views/components/Header/NavigationFlyout/NavigationFlyoutColumn.hbs

@@ -1,9 +1,9 @@
-<ul class="sb-navigation-flyout-column {{inline-switch count '["1","2"]' '["md:w-1/1", "md:w-1/1 lg:w-1/2"]'}} {{inline-switch navtype '["ServiceNavigation","RubrikNavigation"]' '["border-b border-gray-200 md:border-0","border-0"]'}} lg:even:pl-4 lg:odd:pr-4 {{#if selected}} lg:flex lg:justify-center lg:h-9 {{/if}} ">
-    {{~#if selected~}}<div class="lg:container lg:flex">{{~/if~}}      
+<ul class="{{inline-switch count '["1","2"]' '["md:w-1/1", "md:w-1/1 lg:w-1/2"]'}} {{inline-switch navtype '["ServiceNavigation","RubrikNavigation"]' '["border-b border-gray-200 md:border-0","border-0"]'}} lg:even:pl-4 lg:odd:pr-4 {{#if selected}} lg:container lg:flex lg:h-9 {{/if}} ">
+          
     {{~#each this ~}} 
         {{~#if this.title~}}
             {{> components/Header/NavigationFlyout/NavigationFlyoutItem _parentselected=../selected _fromNav=../navtype _flyout=../_flyout _parent=../_parent ~}}
         {{~/if~}}       
     {{~/each~}}
-    {{~#if selected~}}</div>{{~/if~}}
+    
 </ul>

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

@@ -4,10 +4,10 @@
             {{> components/label/label type=loca text=type}}
         </div>
     {{/with~}}    
-    <{{~ ../headlineTag }} class="{{../class}}" >
+    <{{~ ../headlineTag ~}}>
         {{#with this.content.topline}}
             {{> components/teaser/components/teaser_topline text=this readMore=../this.readMoreText.readMoreScreenreader}}
         {{/with}}
         {{> components/teaser/components/teaser_title text=../this.title font=../font size=../size }}
-    </{{~ ../headlineTag }}>
+    </{{~ ../headlineTag ~}}>
 {{/components/base/link}}   

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

@@ -6,7 +6,7 @@
     </figure>
     <div class="{{inline-switch teasersize '["sm", "xxl"]' '["basis-3/5 md:flex-full" , "basis-2/5"]'}} ">
         <header class="md:px-0 {{inline-switch teasersize '["sm"]' '["","px-5"]'}}">
-            {{> components/teaser/components/teaser_heading headlineTag="h2" size=teasersize font=(inline-switch serifHeading '[true, false]' '["font-headingSerif","font-heading font-bold"]') headline=title topline=topline}}            
+            {{> components/teaser/components/teaser_heading headlineTag="h2" size=teasersize font=(inline-switch isSerifHeading '[true, false]' '["font-headingSerif","font-heading font-bold"]')}}            
         </header>
         <section class="md:px-0 {{inline-switch teasersize '["sm"]' '["","px-5"]'}}">
             {{> components/teaser/components/teaser_text text=shorttext size=teasersize }}

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

@@ -6,7 +6,7 @@
     </figure>
     <div class="{{inline-switch teasersize '["sm"]' '["basis-3/5 md:flex-full"]'}} ">
         <header class="md:px-0 {{inline-switch teasersize '["sm"]' '["","px-5"]'}}">
-            {{> components/teaser/components/teaser_heading headlineTag="h2" size=teasersize font=(inline-switch serifHeading '[true, false]' '["font-headingSerif","font-heading font-bold"]') headline=title topline=topline}}            
+            {{> components/teaser/components/teaser_heading headlineTag="h2" size=teasersize font=(inline-switch isSerifHeading '[true, false]' '["font-headingSerif","font-heading font-bold"]') }}            
         </header>
         <section class="md:px-0 {{inline-switch teasersize '["sm"]' '["","px-5"]'}}">
             {{> components/teaser/components/teaser_text text=shorttext size=teasersize }}

package/package.json

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

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

@@ -0,0 +1,153 @@
+{
+    "teaser_1_100": {
+        "includePath": "components/teaser/group_teaser/group_teaser",
+        "includeModel": {
+            "hasLink": true,
+            "link": "#gruppe1",
+            "hasGroupTitle": true,
+            "groupTitle": "Gruppe 100% - 1 x 100% Teaser",
+            "teaserSize": "100",
+            "logicItems": [
+                {
+                    "@->jsoninclude": "teaser/teaser_standard_xxl_serif.json"
+                   
+                }
+            ]
+        }
+    },
+    "teaser_2_50": {
+        "includePath": "components/teaser/group_teaser/group_teaser",
+        "includeModel": {
+            "hasLink": true,
+            "link": "#gruppe1",
+            "hasGroupTitle": true,
+            "groupTitle": "Gruppe 100% - 2 x 50% Teaser",
+            "teaserSize": "100",
+            "logicItems": [
+                {
+                    "@->jsoninclude": "teaser/teaser_standard_lg_serif.json"
+                },
+                {
+                    "@->jsoninclude": "teaser/teaser_standard_lg_serif.json",
+                    "@->overrides": [
+                        {
+                            "@->contentpath": "logicItem.includeModel.link.content.teaserImage",   
+                            "@->value": {
+                                "@->jsoninclude": "teaser/teaser_images.inc.json",
+                                "@->contentpath": "standard_4"
+                            }     
+                        }
+                    ]
+                }
+            ]
+        }
+    },
+    "teaser_3_33": {
+        "includePath": "components/teaser/group_teaser/group_teaser",
+        "includeModel": {
+            "hasLink": true,
+            "link": "#gruppe1",
+            "hasGroupTitle": true,
+            "groupTitle": "Gruppe 100% - 3 x 33% Teaser",
+            "teaserSize": "100",
+            "logicItems": [
+                {
+                    "@->jsoninclude": "teaser/teaser_standard_md_serif.json",
+                    "@->overrides": [
+                        {
+                            "@->contentpath": "logicItem.includeModel.link.content.teaserImage",   
+                            "@->value": {
+                                "@->jsoninclude": "teaser/teaser_images.inc.json",
+                                "@->contentpath": "md_1"
+                            }     
+                        }
+                    ]
+                },
+                {
+                    "@->jsoninclude": "teaser/teaser_standard_md_serif.json",
+                    "@->overrides": [
+                        {
+                            "@->contentpath": "logicItem.includeModel.link.content.teaserImage",   
+                            "@->value": {
+                                "@->jsoninclude": "teaser/teaser_images.inc.json",
+                                "@->contentpath": "md_2"
+                            }     
+                        }
+                    ]
+                },
+                {
+                    "@->jsoninclude": "teaser/teaser_standard_md_serif.json",
+                    "@->overrides": [
+                        {
+                            "@->contentpath": "logicItem.includeModel.link.content.teaserImage",   
+                            "@->value": {
+                                "@->jsoninclude": "teaser/teaser_images.inc.json",
+                                "@->contentpath": "md_3"
+                            }     
+                        }
+                    ]
+                }
+            ]
+        }
+    },
+    "teaser_4_25": {
+        "includePath": "components/teaser/group_teaser/group_teaser",
+        "includeModel": {
+            "hasLink": true,
+            "link": "#gruppe1",
+            "hasGroupTitle": true,
+            "groupTitle": "Gruppe 100% - 4 x 25% Teaser",
+            "teaserSize": "100",
+            "logicItems": [
+                {
+                    "@->jsoninclude": "teaser/teaser_standard_sm_serif.json",
+                    "@->overrides": [
+                        {
+                            "@->contentpath": "logicItem.includeModel.link.content.teaserImage",   
+                            "@->value": {
+                                "@->jsoninclude": "teaser/teaser_images.inc.json",
+                                "@->contentpath": "sm_1"
+                            }     
+                        }
+                    ]
+                },
+                {
+                    "@->jsoninclude": "teaser/teaser_standard_sm_serif.json",
+                    "@->overrides": [
+                        {
+                            "@->contentpath": "logicItem.includeModel.link.content.teaserImage",   
+                            "@->value": {
+                                "@->jsoninclude": "teaser/teaser_images.inc.json",
+                                "@->contentpath": "sm_2"
+                            }     
+                        }
+                    ]
+                },
+                {
+                    "@->jsoninclude": "teaser/teaser_standard_sm_serif.json",
+                    "@->overrides": [
+                        {
+                            "@->contentpath": "logicItem.includeModel.link.content.teaserImage",   
+                            "@->value": {
+                                "@->jsoninclude": "teaser/teaser_images.inc.json",
+                                "@->contentpath": "sm_3"
+                            }     
+                        }
+                    ]
+                },
+                {
+                    "@->jsoninclude": "teaser/teaser_standard_sm_serif.json",
+                    "@->overrides": [
+                        {
+                            "@->contentpath": "logicItem.includeModel.link.content.teaserImage",   
+                            "@->value": {
+                                "@->jsoninclude": "teaser/teaser_images.inc.json",
+                                "@->contentpath": "sm_4"
+                            }     
+                        }
+                    ]
+                }
+            ]
+        }
+    }
+}

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

@@ -0,0 +1,203 @@
+{
+    "sm_1": {
+        "copyrightWithLinks": "",
+            "responsiveImage": {
+                "asPicture": true,
+                "asImage": false,
+                "fallback": "https://picsum.photos/id/188/480/270",
+                "sources": [
+                    {
+                        "media": "all and (max-width: 39.938em)",
+                        "sizes": "40vw",
+                        "srcset": "https://picsum.photos/id/188/320/320 320w, https://picsum.photos/id/188/480/480 480w, https://picsum.photos/id/188/640/640 640w, https://picsum.photos/id/188/960/960 960w"
+                    },
+                    {
+                        "media": "all and (min-width: 40em) and (max-width: 58.938em)",
+                        "sizes": "25vw",
+                        "srcset": "https://picsum.photos/id/188/320/180 320w, https://picsum.photos/id/188/480/270 480w, https://picsum.photos/id/188/640/360 640w, https://picsum.photos/id/188/960/540 960w"
+                    },
+                    {
+                        "media": "all and (min-width: 59em)",
+                        "sizes": "218px",
+                        "srcset": "https://picsum.photos/id/188/320/180 320w, https://picsum.photos/id/188/480/270 480w, https://picsum.photos/id/188/640/360 640w"
+                    }
+                ]
+            }
+    },
+    "sm_2": {
+        "copyrightWithLinks": "",
+            "responsiveImage": {
+                "asPicture": true,
+                "asImage": false,
+                "fallback": "https://picsum.photos/id/189/480/270",
+                "sources": [
+                    {
+                        "media": "all and (max-width: 39.938em)",
+                        "sizes": "40vw",
+                        "srcset": "https://picsum.photos/id/189/320/320 320w, https://picsum.photos/id/189/480/480 480w, https://picsum.photos/id/189/640/640 640w, https://picsum.photos/id/189/960/960 960w"
+                    },
+                    {
+                        "media": "all and (min-width: 40em) and (max-width: 58.938em)",
+                        "sizes": "25vw",
+                        "srcset": "https://picsum.photos/id/189/320/180 320w, https://picsum.photos/id/189/480/270 480w, https://picsum.photos/id/189/640/360 640w, https://picsum.photos/id/189/960/540 960w"
+                    },
+                    {
+                        "media": "all and (min-width: 59em)",
+                        "sizes": "218px",
+                        "srcset": "https://picsum.photos/id/189/320/180 320w, https://picsum.photos/id/189/480/270 480w, https://picsum.photos/id/189/640/360 640w"
+                    }
+                ]
+            }
+    },
+    "sm_3": {
+        "copyrightWithLinks": "",
+            "responsiveImage": {
+                "asPicture": true,
+                "asImage": false,
+                "fallback": "https://picsum.photos/id/190/480/270",
+                "sources": [
+                    {
+                        "media": "all and (max-width: 39.938em)",
+                        "sizes": "40vw",
+                        "srcset": "https://picsum.photos/id/190/320/320 320w, https://picsum.photos/id/190/480/480 480w, https://picsum.photos/id/190/640/640 640w, https://picsum.photos/id/190/960/960 960w"
+                    },
+                    {
+                        "media": "all and (min-width: 40em) and (max-width: 58.938em)",
+                        "sizes": "25vw",
+                        "srcset": "https://picsum.photos/id/190/320/180 320w, https://picsum.photos/id/190/480/270 480w, https://picsum.photos/id/190/640/360 640w, https://picsum.photos/id/190/960/540 960w"
+                    },
+                    {
+                        "media": "all and (min-width: 59em)",
+                        "sizes": "218px",
+                        "srcset": "https://picsum.photos/id/190/320/180 320w, https://picsum.photos/id/190/480/270 480w, https://picsum.photos/id/190/640/360 640w"
+                    }
+                ]
+            }
+    },
+    "sm_4": {
+        "copyrightWithLinks": "",
+            "responsiveImage": {
+                "asPicture": true,
+                "asImage": false,
+                "fallback": "https://picsum.photos/id/191/480/270",
+                "sources": [
+                    {
+                        "media": "all and (max-width: 39.938em)",
+                        "sizes": "40vw",
+                        "srcset": "https://picsum.photos/id/191/320/320 320w, https://picsum.photos/id/191/480/480 480w, https://picsum.photos/id/191/640/640 640w, https://picsum.photos/id/191/960/960 960w"
+                    },
+                    {
+                        "media": "all and (min-width: 40em) and (max-width: 58.938em)",
+                        "sizes": "25vw",
+                        "srcset": "https://picsum.photos/id/191/320/180 320w, https://picsum.photos/id/191/480/270 480w, https://picsum.photos/id/191/640/360 640w, https://picsum.photos/id/191/960/540 960w"
+                    },
+                    {
+                        "media": "all and (min-width: 59em)",
+                        "sizes": "218px",
+                        "srcset": "https://picsum.photos/id/191/320/180 320w, https://picsum.photos/id/191/480/270 480w, https://picsum.photos/id/191/640/360 640w"
+                    }
+                ]
+            }
+    },
+    "md_1":{     
+        "copyrightWithLinks": "",
+        "responsiveImage": {
+            "asPicture": false,
+            "asImage": true,
+            "fallback": "https://picsum.photos/id/188/480/270",
+            "sources": [
+                {
+                    "sizes": "(min-width: 40em) and (max-width: 58.938em) 33vw,(min-width: 59em) calc(1008px * 0.33), 100vw",
+                    "srcset": "https://picsum.photos/id/188/320/180 320w, https://picsum.photos/id/188/480/270 480w, https://picsum.photos/id/188/640/360 640w, https://picsum.photos/id/188/960/540 960w, https://picsum.photos/id/188/1920/1080 1920w"
+                }
+            ]
+        }
+        
+    },
+    "md_2":{     
+        "copyrightWithLinks": "",
+        "responsiveImage": {
+            "asPicture": false,
+            "asImage": true,
+            "fallback": "https://picsum.photos/id/189/480/270",
+            "sources": [
+                {
+                    "sizes": "(min-width: 40em) and (max-width: 58.938em) 33vw,(min-width: 59em) calc(1008px * 0.33), 100vw",
+                    "srcset": "https://picsum.photos/id/189/320/180 320w, https://picsum.photos/id/189/480/270 480w, https://picsum.photos/id/189/640/360 640w, https://picsum.photos/id/189/960/540 960w, https://picsum.photos/id/189/1920/1080 1920w"
+                }
+            ]
+        }
+        
+    },
+    "md_3":{     
+        "copyrightWithLinks": "",
+        "responsiveImage": {
+            "asPicture": false,
+            "asImage": true,
+            "fallback": "https://picsum.photos/id/190/480/270",
+            "sources": [
+                {
+                    "sizes": "(min-width: 40em) and (max-width: 58.938em) 33vw,(min-width: 59em) calc(1008px * 0.33), 100vw",
+                    "srcset": "https://picsum.photos/id/190/320/180 320w, https://picsum.photos/id/190/480/270 480w, https://picsum.photos/id/190/640/360 640w, https://picsum.photos/id/190/960/540 960w, https://picsum.photos/id/190/1920/1080 1920w"
+                }
+            ]
+        }
+        
+    },
+    "standard_1":{     
+        "copyrightWithLinks": "",
+        "responsiveImage": {
+            "asPicture": false,
+            "asImage": true,
+            "fallback": "https://picsum.photos/id/188/480/270",
+            "sources": [
+                {
+                    "sizes": "(min-width: 1010px) 960px, 100vw",
+                    "srcset": "https://picsum.photos/id/188/320/180 320w, https://picsum.photos/id/188/480/270 480w, https://picsum.photos/id/188/640/360 640w, https://picsum.photos/id/188/960/540 960w, https://picsum.photos/id/188/1920/1080 1920w"
+                }
+            ]
+        }       
+    },
+    "standard_2":{     
+        "copyrightWithLinks": "",
+        "responsiveImage": {
+            "asPicture": false,
+            "asImage": true,
+            "fallback": "https://picsum.photos/id/189/480/270",
+            "sources": [
+                {
+                    "sizes": "(min-width: 1010px) 960px, 100vw",
+                    "srcset": "https://picsum.photos/id/189/320/180 320w, https://picsum.photos/id/189/480/270 480w, https://picsum.photos/id/189/640/360 640w, https://picsum.photos/id/189/960/540 960w, https://picsum.photos/id/189/1920/1080 1920w"
+                }
+            ]
+        }       
+    },
+    "standard_3":{     
+        "copyrightWithLinks": "",
+        "responsiveImage": {
+            "asPicture": false,
+            "asImage": true,
+            "fallback": "https://picsum.photos/id/190/480/270",
+            "sources": [
+                {
+                    "sizes": "(min-width: 1010px) 960px, 100vw",
+                    "srcset": "https://picsum.photos/id/190/320/180 320w, https://picsum.photos/id/190/480/270 480w, https://picsum.photos/id/190/640/360 640w, https://picsum.photos/id/190/960/540 960w, https://picsum.photos/id/190/1920/1080 1920w"
+                }
+            ]
+        }       
+    },
+    "standard_4":{     
+        "copyrightWithLinks": "",
+        "responsiveImage": {
+            "asPicture": false,
+            "asImage": true,
+            "fallback": "https://picsum.photos/id/191/480/270",
+            "sources": [
+                {
+                    "sizes": "(min-width: 1010px) 960px, 100vw",
+                    "srcset": "https://picsum.photos/id/191/320/180 320w, https://picsum.photos/id/191/480/270 480w, https://picsum.photos/id/191/640/360 640w, https://picsum.photos/id/191/960/540 960w, https://picsum.photos/id/191/1920/1080 1920w"
+                }
+            ]
+        }       
+    }   
+}

package/src/assets/fixtures/teaser/teaser_index.json

@@ -0,0 +1,20 @@
+{
+    "logicItems": [
+        {
+            "@->jsoninclude": "teaser/teaser_group_100_2x_50.inc.json",
+            "@->contentpath": "teaser_1_100"
+        },
+        {
+            "@->jsoninclude": "teaser/teaser_group_100_2x_50.inc.json",
+            "@->contentpath": "teaser_2_50"
+        },
+        {
+            "@->jsoninclude": "teaser/teaser_group_100_2x_50.inc.json",
+            "@->contentpath": "teaser_3_33"
+        },
+        {
+            "@->jsoninclude": "teaser/teaser_group_100_2x_50.inc.json",
+            "@->contentpath": "teaser_4_25"
+        }
+    ]
+} 

package/src/assets/fixtures/teaser/teaser_standard_lg_serif.json

@@ -3,7 +3,7 @@
     "@->contentpath": "teaser",
     "@->overrides": [
         {
-            "@->contentpath": "teasersize",
+            "@->contentpath": "logicItem.includeModel.teasersize",
             "@->value": "lg"
         }
     ]

package/src/assets/fixtures/teaser/teaser_standard_md_serif.json

@@ -3,8 +3,15 @@
     "@->contentpath": "teaser",
     "@->overrides": [
         {
-            "@->contentpath": "teasersize",
+            "@->contentpath": "logicItem.includeModel.teasersize",
             "@->value": "md"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.link.content.teaserImage",   
+            "@->value": {
+                "@->jsoninclude": "teaser/teaser_images.inc.json",
+                "@->contentpath": "md_2"
+            }     
         }
     ]
 }

package/src/assets/fixtures/teaser/teaser_standard_sm_serif.json

@@ -3,8 +3,15 @@
     "@->contentpath": "teaser",
     "@->overrides": [
         {
-            "@->contentpath": "teasersize",
+            "@->contentpath": "logicItem.includeModel.teasersize",
             "@->value": "sm"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.link.content.teaserImage",   
+            "@->value": {
+                "@->jsoninclude": "teaser/teaser_images.inc.json",
+                "@->contentpath": "sm_4"
+            }     
         }
     ]
 }

package/src/assets/fixtures/teaser/teaser_standard_xl_serif.json

@@ -3,7 +3,7 @@
     "@->contentpath": "teaser",
     "@->overrides": [
         {
-            "@->contentpath": "teasersize",
+            "@->contentpath": "logicItem.includeModel.teasersize",
             "@->value": "xl"
         }
     ]

package/src/assets/fixtures/teaser/teaser_standard_xxl_serif.json

@@ -1,4 +1,4 @@
 {
     "@->jsoninclude": "teaser/teasers.inc.json",
-    "@->contentpath": "teaser"
+    "@->contentpath": "teaser"   
 }

package/src/assets/fixtures/teaser/teaser_standard_xxl_serif_label.json

@@ -3,22 +3,22 @@
     "@->contentpath": "teaser",
     "@->overrides": [
         {
-            "@->contentpath": "topline",
+            "@->contentpath": "logicItem.includeModel.topline",
             "@->value": ""
         },
         {
-            "@->contentpath": "link.content.topline",
+            "@->contentpath": "logicItem.includeModel.link.content.topline",
             "@->value": ""
         },
         {
-            "@->contentpath": "label",
+            "@->contentpath": "logicItem.includeModel.label",
             "@->value": {
                 "@->jsoninclude": "teaser/teaser_labels.inc.json",
                 "@->contentpath": "ticker"
             }
         },
         {
-            "@->contentpath": "link.content.label",
+            "@->contentpath": "logicItem.includeModel.link.content.label",
             "@->value": {
                 "@->jsoninclude": "teaser/teaser_labels.inc.json",
                 "@->contentpath": "ticker"