hr-design-system-handlebars 0.119.1 → 0.120.0

package/src/stories/views/components/teaser/group_teaser/group_teaser.hbs

@@ -1,12 +1,14 @@
-{{#>components/grid/grid_group _backgroundColor=this.backgroundColor }} 
-        {{~#if this.hasGroupTitle}}
-            <{{if this.headlineTag this.headlineTag "h2"}} class="text-2xl{{#unless this.isRelatedContent}} md:text-4xl{{/unless}} col-span-full py-0 font-title {{#if this.backgroundColor}} text-center{{else}} headline-barrier{{/if}}">
-                {{~#if this.hasLink}}<a class="no-underline hover:underline decoration-1 md:decoration-2 text-link" href="{{this.link.url}}">{{/if~}}
-                    {{this.groupTitle}}
-                {{~#if this.hasLink}}</a>{{/if~}}
-            </{{if this.headlineTag this.headlineTag "h2"}}>
-        {{/if}}  
-        <div class="grid items-start content-start grid-cols-12 col-span-12 gap-x-6 gap-y-10 md:gap-y-14">
-            {{~> components/teaser/teaser_logic/teaser_logic ~}}
-        </div>
-{{/components/grid/grid_group}}
+{{#if this.hasGroupItems}}
+    {{#>components/grid/grid_group _backgroundColor=this.backgroundColor }} 
+            {{~#if this.hasGroupTitle}}
+                <{{if this.headlineTag this.headlineTag "h2"}} class="text-2xl{{#unless this.isRelatedContent}} md:text-4xl{{/unless}} col-span-full py-0 font-title {{#if this.backgroundColor}} text-center{{else}} headline-barrier{{/if}}">
+                    {{~#if this.hasLink}}<a class="no-underline hover:underline decoration-1 md:decoration-2 text-link" href="{{this.link.url}}">{{/if~}}
+                        {{this.groupTitle}}
+                    {{~#if this.hasLink}}</a>{{/if~}}
+                </{{if this.headlineTag this.headlineTag "h2"}}>
+            {{/if}}  
+            <div class="grid items-start content-start grid-cols-12 col-span-12 gap-x-6 gap-y-10 md:gap-y-14">
+                {{~> components/teaser/teaser_logic/teaser_logic ~}}
+            </div>
+    {{/components/grid/grid_group}}
+{{/if}}

package/src/stories/views/components/teaser/group_teaser/group_teaser_accented.hbs

@@ -1,12 +1,14 @@
-{{#>components/grid/grid_group size=this.teaserSize }}
-    <div class="grid items-start content-start h-auto grid-cols-12 col-span-12 p-8 rounded-tr-none rounded-bl-none bg-highlight-1 rounded-3xl gap-x-6 gap-y-5">
-        {{~#if this.hasGroupTitle}}
-            <h2 class="text-2xl md:text-4xl col-span-full pt-0 pb-4 font-title {{#if this.backgroundColor}} text-center{{else}} headline-barrier{{/if}}">
-                {{~#if this.hasLink}}<a class="no-underline hover:underline decoration-1 md:decoration-2 text-blue-science" href="{{this.link.url}}">{{/if~}}
-                {{this.groupTitle}}
-                {{~#if this.hasLink}}</a>{{/if~}}
-            </h2>
-        {{/if}}
-        {{~> components/teaser/teaser_logic/teaser_logic ~}}
-    </div>
-{{/components/grid/grid_group}}
+{{#if this.hasGroupItems}}
+    {{#>components/grid/grid_group size=this.teaserSize }}
+        <div class="grid items-start content-start h-auto grid-cols-12 col-span-12 p-8 rounded-tr-none rounded-bl-none bg-highlight-1 rounded-3xl gap-x-6 gap-y-5">
+            {{~#if this.hasGroupTitle}}
+                <h2 class="text-2xl md:text-4xl col-span-full pt-0 pb-4 font-title {{#if this.backgroundColor}} text-center{{else}} headline-barrier{{/if}}">
+                    {{~#if this.hasLink}}<a class="no-underline hover:underline decoration-1 md:decoration-2 text-blue-science" href="{{this.link.url}}">{{/if~}}
+                    {{this.groupTitle}}
+                    {{~#if this.hasLink}}</a>{{/if~}}
+                </h2>
+            {{/if}}
+            {{~> components/teaser/teaser_logic/teaser_logic ~}}
+        </div>
+    {{/components/grid/grid_group}}
+{{/if}}

package/src/stories/views/components/teaser/teaser_alternativ.hbs

@@ -1,4 +1,4 @@
-<article class="items-start relative col-span-12 flex md:flex-row gap-y-3 gap-x-4 md:px-0{{#unless this.isEvent}}{{~inline-switch this.teaserSize '["hero","100","50"]' '[" flex-col"," px-5 md:flex-row"," md:col-span-6 px-5 md:flex-row"]'~}}{{else}} items-start flex-col{{/unless}}"
+<article class="items-start relative col-span-12 flex md:flex-row gap-y-3 gap-x-4 sm:px-0{{#unless this.isEvent}}{{~inline-switch this.teaserSize '["hero","100","50"]' '[" flex-col"," px-5 md:flex-row"," md:col-span-6 px-5 md:flex-row"]'~}}{{else}} items-start flex-col{{/unless}}"
     x-data="{ avStart: false }"
     {{#if this.isMobile1to1}}
             :class="avStart ? 'flex-col' : 'flex-row'"

package/src/stories/views/components/teaser/teaser_poster.hbs

@@ -1,4 +1,4 @@
-<article class="mx-5 md:mx-0 relative col-span-12 flex gap-y-5 gap-x-4 {{inline-switch this.teaserSize '["33","50"]' '["md:col-span-4 flex-col","md:col-span-6 flex-col","flex-col"]'}} ">
+<article class="mx-5 sm:mx-0 relative col-span-12 flex gap-y-5 gap-x-4 {{inline-switch this.teaserSize '["33","50"]' '["md:col-span-4 flex-col","md:col-span-6 flex-col","flex-col"]'}} ">
     <figure class="ar-1-1" aria-hidden="true">
         {{~> components/base/image/responsive_image this.teaserImage _type=this.teaserType _variant=this.content.imageVariant _noDelay=../_noDelay _addClassImg="ar__content rounded-tl-3xl rounded-br-3xl" ~}}
     </figure> 

package/src/stories/views/components/teaser/teaser_standard.hbs

@@ -1,6 +1,6 @@
 <article class="items-start relative col-span-12 flex {{if this.displayTeaserBodyAsImageOverlay '' 'gap-y-3'}} gap-x-4 
 {{~inline-switch this.teaserSize '["25","33","50"]' '[" md:col-span-3"," md:col-span-4"," md:col-span-6",""]'}}
-{{~#if this.isMobile1to1}} js-is1to1 px-5 md:px-0 md:flex-col{{else}} flex-col{{/if~}} 
+{{~#if this.isMobile1to1}} js-is1to1 px-5 sm:px-0 md:flex-col{{else}} flex-col{{/if~}} 
  "
     x-data="{ avStart: false }"
     {{#if this.isMobile1to1}}