hr-design-system-handlebars 1.114.70 → 1.114.72

package/dist/views/components/content/copytext/components/gallery/galleryitem_description_copytext.hbs

@@ -0,0 +1,18 @@
+<figcaption class="gallery-slider__caption">
+    {{~#> components/content/copytext/components/image/caption _isFullTextVisible=true  _cssClassCaption=_cssClassCaption~}}
+        <span class="block font-bold">{{loca "gallery_image_number"}} {{this.number}}/{{this.totalNumber}} {{~#with this.title}} <span class="mx-1.5">|</span>{{this}}{{/with~}}</span>
+        {{#if this.caption}} {{~> components/content/copytext/components/image/image_caption_text~}} {{/if}}
+        {{~> components/content/copytext/components/image/image_copyright~}}
+        <span class="mx-1.5">|</span>
+        {{~#with ../../_mediaBacklinkToStoryTeaser-adjust_context~}}
+            {{~#>components/base/link _link=this.link _css="hover:underline hover:!decoration-1 text-link dark:text-link-dark"~}}
+                <span>
+                    {{~this.readMore~}}
+                    {{~#if this.hasIcon}}
+                        {{~> components/base/image/icon _icon=this.iconName _iconmap="icons" _addClass="inline -mt-0.5 ml-1 w-5 h-5 fill-current"~}}
+                    {{~/if~}}
+                </span>
+            {{~/components/base/link~}}
+        {{~/with~}}
+    {{~/components/content/copytext/components/image/caption~}}
+</figcaption>

package/dist/views/components/content/copytext/components/gallery/galleryitem_figure.hbs

@@ -0,0 +1,35 @@
+<figure {{#unless @first}} x-cloak {{/unless}}>
+    <div class="relative ar-16-9 gallery-slider__image animate-duration-500 animate-delay-100 animate-once animate-ease-in-out" 
+        :class="animationEnabled ? (slideToRight ? 'animate-fade-left' : 'animate-fade-right') : ''"
+        {{!-- x-transition:enter="transition ease-out duration-700 delay-75"
+        x-transition:enter-start="opacity-0 transform scale-90"
+        x-transition:enter-end="opacity-100 transform scale-100" --}}>
+        {{~#if this.displayOriginal.isTrue ~}}
+            <div class="relative" aria-hidden="true">
+                {{> components/base/image/responsive_image
+                        _type="gallery"
+                        _variant="default"
+                        _addClass="ar-16-9"
+                        _noDelay=(if @first true '')
+                        _isWebview=true}}
+                <div class="absolute top-0 bottom-0 left-0 right-0 w-full bg-white/80 backdrop-blur-md">
+                </div>
+            </div>
+            {{> components/base/image/responsive_image
+                _type="gallery"
+                _variant="portrait"
+                _addClass="absolute top-0 left-0 right-0 bottom-0"
+                _addClassImg="!w-auto h-full absolute left-1/2 -translate-x-1/2"
+                _noDelay=(if @first true '')
+                _isWebview=true}}
+        {{else}}
+            {{> components/base/image/responsive_image  
+                _type="gallery" 
+                _variant="default" 
+                _addClass="ar-16-9"
+                _noDelay=(if @first true '')
+                _isWebview=true}}
+        {{~/if~}}
+    </div>
+    {{~> components/content/copytext/components/gallery/galleryitem_description_copytext _mediaBacklinkToStoryTeaser=_mediaBacklinkToStoryTeaser _cssClassCaption=_cssClassCaption~}}
+</figure>

package/dist/views/components/content/copytext/components/image/caption.hbs

@@ -1,5 +1,5 @@
 <figcaption class="flex items-start mt-3 text-xs sm480:text-sm font-headingSerif {{_cssClassCaption}}">
-    <div  class="dark:text-text-dark overflow-anywhere hyphens-auto line-clamp-2">
+    <div  class="dark:text-text-dark{{#unless _isFullTextVisible}} overflow-anywhere hyphens-auto line-clamp-2{{/unless}}">
         {{> @partial-block }}
     </div>
 </figcaption>

package/dist/views/components/content/copytext/components/image/image_caption_text.hbs

@@ -1,3 +1,3 @@
 <span class="pr-3">
-    {{this.caption}} 
+    {{{this.caption}}}
 </span>

package/dist/views/components/content/copytext/components/media/media_figure.hbs

@@ -11,7 +11,7 @@
                     {{~> components/content/copytext/components/media/media_figure_byline this}}
                 {{/components/label/label_group}}
             {{/if~}}
-            {{#if this.isVideo}}
+            {{#if _hasHeadline}}
                 {{#with this.toModel.mediaBacklinkToStoryTeaser}}
                     {{#>components/base/link _link=this.link _css="hover:underline hover:!decoration-1 text-link dark:text-link-dark ds-link block"}}
                         {{> components/content/copytext/components/media/media_figure_headline}}
@@ -52,30 +52,35 @@
             {{/if}} 
         {{/with}}
     {{/if}}
+    {{#if this.isGallery}}
+        {{~> components/content/copytext/components/gallery/galleryitem_copytext _cssClassCaption=_cssClassCaption ~}}
+    {{/if}}
     {{#unless _voting-option}}
-        {{#if this.teaseritem}}
-            {{#if this.isAudio}}
-                {{~#> components/content/copytext/components/image/caption this.teaseritem _cssClassCaption=_cssClassCaption~}}
-                    {{~> components/content/copytext/components/image/image_copyright~}}
-                    <span class="mx-1.5">|</span>
-                    {{~#with ../../this.toModel.mediaBacklinkToStoryTeaser-adjust_context~}}
-                        {{~#>components/base/link _link=this.link _css="hover:underline hover:!decoration-1 text-link dark:text-link-dark"~}}
-                            <span>
-                                {{~this.readMore~}}
-                                {{~#if this.hasIcon}}
-                                    {{~> components/base/image/icon _icon=this.iconName _iconmap="icons" _addClass="inline -mt-0.5 ml-1 w-5 h-5 fill-current"~}}
-                                {{~/if~}}
-                            </span>
-                        {{~/components/base/link~}}
-                    {{~/with~}}
-                {{~/components/content/copytext/components/image/caption~}}
-            {{else}}
-                {{~#> components/content/copytext/components/image/collapsible_caption this.teaseritem _cssClassCaption=_cssClassCaption~}}
-                    {{#if this.caption}} {{~> components/content/copytext/components/image/image_caption_text~}} {{/if}}
-                    {{~> components/content/copytext/components/image/image_copyright~}}
-                {{~/components/content/copytext/components/image/collapsible_caption~}}
+        {{#unless this.isGallery}}
+            {{#if this.teaseritem}}
+                {{#if this.isAudio}}
+                    {{~#> components/content/copytext/components/image/caption this.teaseritem _cssClassCaption=_cssClassCaption~}}
+                        {{~> components/content/copytext/components/image/image_copyright~}}
+                        <span class="mx-1.5">|</span>
+                        {{~#with ../../this.toModel.mediaBacklinkToStoryTeaser-adjust_context~}}
+                            {{~#>components/base/link _link=this.link _css="hover:underline hover:!decoration-1 text-link dark:text-link-dark"~}}
+                                <span>
+                                    {{~this.readMore~}}
+                                    {{~#if this.hasIcon}}
+                                        {{~> components/base/image/icon _icon=this.iconName _iconmap="icons" _addClass="inline -mt-0.5 ml-1 w-5 h-5 fill-current"~}}
+                                    {{~/if~}}
+                                </span>
+                            {{~/components/base/link~}}
+                        {{~/with~}}
+                    {{~/components/content/copytext/components/image/caption~}}
+                {{else}}
+                    {{~#> components/content/copytext/components/image/collapsible_caption this.teaseritem _cssClassCaption=_cssClassCaption~}}
+                        {{#if this.caption}} {{~> components/content/copytext/components/image/image_caption_text~}} {{/if}}
+                        {{~> components/content/copytext/components/image/image_copyright~}}
+                    {{~/components/content/copytext/components/image/collapsible_caption~}}
+                {{/if}}
             {{/if}}
-        {{/if}}
+        {{/unless}}
     {{/unless}}
     {{~> components/base/a11y/hiddenText _locaTag=_a11yOutro-loca ~}}
 </figure>

package/dist/views/components/content/copytext/components/video/video.hbs

@@ -1,5 +1,5 @@
 {{#if this.showFullSize.isTrue }}
-    {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _isFullsize=true _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
+    {{> components/content/copytext/components/media/media_figure _hasHeadline=true _playerLocation="Copytext" _isFullsize=true _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
 {{else}}
-    {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _isFullsize=false _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
+    {{> components/content/copytext/components/media/media_figure _hasHeadline=true _playerLocation="Copytext" _isFullsize=false _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
 {{/if}} 

package/dist/views/components/content/copytext/components/videolivestream.hbs

@@ -1,5 +1,5 @@
 {{#if this.showFullSize.isTrue }}
-    {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
+    {{> components/content/copytext/components/media/media_figure _hasHeadline=true _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
 {{else}}
-    {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
+    {{> components/content/copytext/components/media/media_figure _hasHeadline=true _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
 {{/if}} 

package/dist/views/components/content/copytext/copytext_body.hbs

@@ -13,7 +13,7 @@
         {{~> components/content/copytext/components/accordion/accordion ~}}
         {{/if~}}
         {{~#if this.isGallery}}
-            {{> components/content/copytext/components/gallery }}
+            {{> components/content/copytext/components/gallery/gallery _isTickerCopytext=../_isTickerCopytext }}
         {{/if~}}
         {{~#if this.isFileDownload}}
             {{> components/content/copytext/components/filedownload }}

package/dist/views/components/label/label.hbs

@@ -2,8 +2,8 @@
     class='sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading{{#if _css}} {{_css}}{{/if}} 
         {{inline-switch
             _type
-            '["media","event","breakingnews","comment","analysis","der-tag-in-hessen","hessen-am-abend","glosse","fragen-und-antworten","infografik","interaktiv","program","download","pm","liveticker","ticker","livestream","live","livechat","buliticker","social-tv","blog","podcast","kurzmeldung","location","topic","video","audio"]'
-            '["bg-labelMedia","bg-labelEvent","bg-labelBreakingnews","bg-labelComment","bg-labelComment","bg-labelComment","bg-labelComment","bg-labelComment","bg-labelComment","bg-labelInfografik","bg-labelInfografik","bg-labelProgram","bg-labelDownload","bg-labelPm","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelMedia","bg-labelKurzmeldung","bg-labelEvent","bg-labelComment","bg-labelMedia","bg-labelMedia"]'
+            '["media","event","breakingnews","comment","analysis","der-tag-in-hessen","hessen-am-abend","glosse","fragen-und-antworten","infografik","interaktiv","program","download","pm","liveticker","ticker","livestream","live","livechat","buliticker","social-tv","blog","podcast","kurzmeldung","location","topic","video","audio","gallery"]'
+            '["bg-labelMedia","bg-labelEvent","bg-labelBreakingnews","bg-labelComment","bg-labelComment","bg-labelComment","bg-labelComment","bg-labelComment","bg-labelComment","bg-labelInfografik","bg-labelInfografik","bg-labelProgram","bg-labelDownload","bg-labelPm","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelMedia","bg-labelKurzmeldung","bg-labelEvent","bg-labelComment","bg-labelMedia","bg-labelMedia","bg-labelMedia"]'
         }}'
 >
     {{_text}}

package/dist/views/components/page/story/story_article.hbs

@@ -20,10 +20,10 @@
                     _noDelay=true}}
             {{/if}}
             {{#if this.isVideoOnDemand}}
-               {{> components/content/copytext/components/media/media_figure _isSticky=true _playerLocation="Aufmacher" _isFullsize=true _isLead=true _playerSize="100" _addClass="print:hidden article-full-width md:article-breakout mt-12 mb-6 sm:mt-14 sm:mb-8" _cssClassCaption="mx-5 md:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
+               {{> components/content/copytext/components/media/media_figure _hasHeadline=true _isSticky=true _playerLocation="Aufmacher" _isFullsize=true _isLead=true _playerSize="100" _addClass="print:hidden article-full-width md:article-breakout mt-12 mb-6 sm:mt-14 sm:mb-8" _cssClassCaption="mx-5 md:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
             {{/if}}
             {{#if this.isLivestream}}
-               {{> components/content/copytext/components/media/media_figure _isSticky=true _playerLocation="Aufmacher" _isFullsize=true _isLead=true _playerSize="100" _addClass="print:hidden article-full-width md:article-breakout mt-12 mb-6 sm:mt-14 sm:mb-8" _cssClassCaption="mx-5 md:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
+               {{> components/content/copytext/components/media/media_figure _hasHeadline=true _isSticky=true _playerLocation="Aufmacher" _isFullsize=true _isLead=true _playerSize="100" _addClass="print:hidden article-full-width md:article-breakout mt-12 mb-6 sm:mt-14 sm:mb-8" _cssClassCaption="mx-5 md:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
             {{/if}}
         {{/with}}
     {{/unless}}

package/dist/views_static/components/banner/header/banner_wrapper.hbs

@@ -1,6 +1,6 @@
-<div class="grid grid-page w-full order-2{{#if _hasBannerImage}} overflow-hidden print:overflow-auto -image{{else}} -text{{/if}}{{~#if _hideOnMobile}} -hideOnMobile{{/if}}">
+<div class="grid grid-page w-full order-2{{#if _hasBannerImage}} overflow-hidden print:overflow-auto{{else}}{{/if}}{{~#if _hideOnMobile}} -hideOnMobile{{/if}}">
     <div role="banner" class="grid col-full sm:col-main relative{{#unless _hasBannerImage}} px-4 md:px-5 lg:px-10 bg-white dark:bg-black{{/unless}}">
-        <div class="relative {{#if _hasBannerImage}}-hasImage{{~#if _hideOnMobile}} ar-auto lg:ar-100-27 print:lg:ar-auto bg-white dark:bg-black{{else}} ar-16-9 sm480:ar-16-7 md:ar-100-27 print:ar-auto print:sm480:ar-auto print:md:ar-auto{{/if}}{{else}}pb-4 border-b border-gray-boulder{{/if}}">
+        <div class="relative {{#if _hasBannerImage}}{{~#if _hideOnMobile}} ar-auto lg:ar-100-27 print:lg:ar-auto bg-white dark:bg-black{{else}} ar-16-9 sm480:ar-16-7 md:ar-100-27 print:ar-auto print:sm480:ar-auto print:md:ar-auto{{/if}}{{else}}pb-4 border-b border-gray-boulder{{/if}}">
             {{> @partial-block }}
         </div>
     </div>

package/dist/views_static/components/button/utilities/button_variation_classes.hbs

@@ -1,8 +1,8 @@
 {{#if _onBackground~}}
      {{inline-switch
         _variant
-        '["primary","secondary","tertiary"]'
-        '[" primary border text-button--dark bg-button-inverted border-button-inverted hover:bg-button-inverted--dark hover:border-button-inverted--dark active:bg-button-inverted--dark "," border text-button-inverted border-button-inverted hover:bg-button-inverted--dark  hover:text-button--dark active:text-button active:bg-button-inverted--dark "," bg-transparent border-transparent text-button-inverted hover:bg-button-inverted--dark  hover:text-button--dark hover:border-button-inverted--dark  active:text-button active:bg-button-inverted--dark ","border text-button--dark bg-button-inverted border-button-inverted hover:bg-button-inverted--dark hover:border-button-inverted--dark active:bg-button-inverted--dark "]'
+        '["primary","secondary","tertiary","transparent"]'
+        '[" primary border text-button--dark bg-button-inverted border-button-inverted hover:bg-button-inverted--dark hover:border-button-inverted--dark active:bg-button-inverted--dark "," border text-button-inverted border-button-inverted hover:bg-button-inverted--dark  hover:text-button--dark active:text-button active:bg-button-inverted--dark "," bg-transparent border-transparent text-button-inverted hover:bg-button-inverted--dark  hover:text-button--dark hover:border-button-inverted--dark  active:text-button active:bg-button-inverted--dark " ,"  primary border-transparent text-button--dark bg-button-transparent  hover:bg-button-transparent--dark hover:border-button-transparent--dark active:bg-button-transparent--dark "," border text-button--dark bg-button-inverted border-button-inverted hover:bg-button-inverted--dark hover:border-button-inverted--dark active:bg-button-inverted--dark "]'
     ~}}
 {{else if _disabled~}}
 

package/dist/views_static/components/content/copytext/components/gallery/gallery.hbs

@@ -0,0 +1,3 @@
+{{#with this.toModel.galleryPage}}
+    {{> components/content/copytext/components/media/media_figure _hasHeadline=true _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if ../_isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_gallery_intro_sr" _a11yOutro-loca="story_gallery_outro_sr"}}
+{{/with}}   

package/dist/views_static/components/content/copytext/components/gallery/galleryitem_copytext.hbs

@@ -0,0 +1,22 @@
+{{~#with this.gallery ~}}
+<div class="relative w-full overflow-hidden" x-on:touchstart="handleTouchStart($event)" x-on:touchmove="handleTouchMove($event)" x-on:touchend="handleTouchEnd()"
+    x-data="gallerySlider()"
+    x-init="loadSlider()"
+    ax-load
+    x-ignore
+     >
+    <div class="relative w-full select-none">
+        <div class="absolute top-0 bottom-0 left-0 right-0 ar-16-9">
+            {{#> components/button/button _variant="transparent"  _alpineClick="previous()" _css="absolute z-10 flex items-center justify-center left-4 bottom-4 sm:left-5 sm:bottom-5" _onBackground=true}}
+                    {{> components/button/components/button_icon _icon="arrow-left" _iconmap="icons" _css="w-8 h-8 sm:w-12 sm:h-12 pr-0.5 fill-link dark:fill-link-dark" }}
+            {{/components/button/button}}
+            {{#> components/button/button _variant="transparent"  _alpineClick="next()" _css="absolute z-10 flex items-center justify-center right-4 bottom-4 sm:right-5 sm:bottom-5" _onBackground=true}}
+                {{> components/button/components/button_icon _icon="arrow-right" _iconmap="icons" _css="w-8 h-8 sm:w-12 sm:h-12 pr-0.5 fill-link dark:fill-link-dark" }}
+            {{/components/button/button}}
+        </div>
+        {{#each this.items}}
+         {{~> components/content/copytext/components/gallery/galleryitem_figure _mediaBacklinkToStoryTeaser=../../this.toModel.mediaBacklinkToStoryTeaser _cssClassCaption=../../_cssClassCaption ~}}
+        {{/each}}
+    </div>
+</div>
+{{~/with~}}

package/dist/views_static/components/content/copytext/components/gallery/galleryitem_description_copytext.hbs

@@ -0,0 +1,18 @@
+<figcaption class="gallery-slider__caption">
+    {{~#> components/content/copytext/components/image/caption _isFullTextVisible=true  _cssClassCaption=_cssClassCaption~}}
+        <span class="block font-bold">{{loca "gallery_image_number"}} {{this.number}}/{{this.totalNumber}} {{~#with this.title}} <span class="mx-1.5">|</span>{{this}}{{/with~}}</span>
+        {{#if this.caption}} {{~> components/content/copytext/components/image/image_caption_text~}} {{/if}}
+        {{~> components/content/copytext/components/image/image_copyright~}}
+        <span class="mx-1.5">|</span>
+        {{~#with _mediaBacklinkToStoryTeaser~}}
+            {{~#>components/base/link _link=this.link _css="hover:underline hover:!decoration-1 text-link dark:text-link-dark"~}}
+                <span>
+                    {{~this.readMore~}}
+                    {{~#if this.hasIcon}}
+                        {{~> components/base/image/icon _icon=this.iconName _iconmap="icons" _addClass="inline -mt-0.5 ml-1 w-5 h-5 fill-current"~}}
+                    {{~/if~}}
+                </span>
+            {{~/components/base/link~}}
+        {{~/with~}}
+    {{~/components/content/copytext/components/image/caption~}}
+</figcaption>

package/dist/views_static/components/content/copytext/components/gallery/galleryitem_figure.hbs

@@ -0,0 +1,35 @@
+<figure {{#unless @first}} x-cloak {{/unless}}>
+    <div class="relative ar-16-9 gallery-slider__image animate-duration-500 animate-delay-100 animate-once animate-ease-in-out" 
+        :class="animationEnabled ? (slideToRight ? 'animate-fade-left' : 'animate-fade-right') : ''"
+        {{!-- x-transition:enter="transition ease-out duration-700 delay-75"
+        x-transition:enter-start="opacity-0 transform scale-90"
+        x-transition:enter-end="opacity-100 transform scale-100" --}}>
+        {{~#if this.displayOriginal.isTrue ~}}
+            <div class="relative" aria-hidden="true">
+                {{> components/base/image/responsive_image
+                        _type="gallery"
+                        _variant="default"
+                        _addClass="ar-16-9"
+                        _noDelay=(if @first true '')
+                        _isWebview=true}}
+                <div class="absolute top-0 bottom-0 left-0 right-0 w-full bg-white/80 backdrop-blur-md">
+                </div>
+            </div>
+            {{> components/base/image/responsive_image
+                _type="gallery"
+                _variant="portrait"
+                _addClass="absolute top-0 left-0 right-0 bottom-0"
+                _addClassImg="!w-auto h-full absolute left-1/2 -translate-x-1/2"
+                _noDelay=(if @first true '')
+                _isWebview=true}}
+        {{else}}
+            {{> components/base/image/responsive_image  
+                _type="gallery" 
+                _variant="default" 
+                _addClass="ar-16-9"
+                _noDelay=(if @first true '')
+                _isWebview=true}}
+        {{~/if~}}
+    </div>
+    {{~> components/content/copytext/components/gallery/galleryitem_description_copytext _mediaBacklinkToStoryTeaser=_mediaBacklinkToStoryTeaser _cssClassCaption=_cssClassCaption~}}
+</figure>

package/dist/views_static/components/content/copytext/components/image/caption.hbs

@@ -1,5 +1,5 @@
 <figcaption class="flex items-start mt-3 text-xs sm480:text-sm font-headingSerif {{_cssClassCaption}}">
-    <div  class="dark:text-text-dark overflow-anywhere hyphens-auto line-clamp-2">
+    <div  class="dark:text-text-dark{{#unless _isFullTextVisible}} overflow-anywhere hyphens-auto line-clamp-2{{/unless}}">
         {{> @partial-block }}
     </div>
 </figcaption>

package/dist/views_static/components/content/copytext/components/image/image_caption_text.hbs

@@ -1,3 +1,3 @@
 <span class="pr-3">
-    {{this.caption}} 
+    {{{this.caption}}}
 </span>

package/dist/views_static/components/content/copytext/components/media/media_figure.hbs

@@ -11,7 +11,7 @@
                     {{~> components/content/copytext/components/media/media_figure_byline this}}
                 {{/components/label/label_group}}
             {{/if~}}
-            {{#if this.isVideo}}
+            {{#if _hasHeadline}}
                 {{#with this.toModel.mediaBacklinkToStoryTeaser}}
                     {{#>components/base/link _link=this.link _css="hover:underline hover:!decoration-1 text-link dark:text-link-dark ds-link block"}}
                         {{> components/content/copytext/components/media/media_figure_headline}}
@@ -52,30 +52,35 @@
             {{/if}} 
         {{/with}}
     {{/if}}
+    {{#if this.isGallery}}
+        {{~> components/content/copytext/components/gallery/galleryitem_copytext _cssClassCaption=_cssClassCaption ~}}
+    {{/if}}
     {{#unless _voting-option}}
-        {{#if this.teaseritem}}
-            {{#if this.isAudio}}
-                {{~#> components/content/copytext/components/image/caption this.teaseritem _cssClassCaption=_cssClassCaption~}}
-                    {{~> components/content/copytext/components/image/image_copyright~}}
-                    <span class="mx-1.5">|</span>
-                    {{~#with ../this.toModel.mediaBacklinkToStoryTeaser~}}
-                        {{~#>components/base/link _link=this.link _css="hover:underline hover:!decoration-1 text-link dark:text-link-dark"~}}
-                            <span>
-                                {{~this.readMore~}}
-                                {{~#if this.hasIcon}}
-                                    {{~> components/base/image/icon _icon=this.iconName _iconmap="icons" _addClass="inline -mt-0.5 ml-1 w-5 h-5 fill-current"~}}
-                                {{~/if~}}
-                            </span>
-                        {{~/components/base/link~}}
-                    {{~/with~}}
-                {{~/components/content/copytext/components/image/caption~}}
-            {{else}}
-                {{~#> components/content/copytext/components/image/collapsible_caption this.teaseritem _cssClassCaption=_cssClassCaption~}}
-                    {{#if this.caption}} {{~> components/content/copytext/components/image/image_caption_text~}} {{/if}}
-                    {{~> components/content/copytext/components/image/image_copyright~}}
-                {{~/components/content/copytext/components/image/collapsible_caption~}}
+        {{#unless this.isGallery}}
+            {{#if this.teaseritem}}
+                {{#if this.isAudio}}
+                    {{~#> components/content/copytext/components/image/caption this.teaseritem _cssClassCaption=_cssClassCaption~}}
+                        {{~> components/content/copytext/components/image/image_copyright~}}
+                        <span class="mx-1.5">|</span>
+                        {{~#with ../this.toModel.mediaBacklinkToStoryTeaser~}}
+                            {{~#>components/base/link _link=this.link _css="hover:underline hover:!decoration-1 text-link dark:text-link-dark"~}}
+                                <span>
+                                    {{~this.readMore~}}
+                                    {{~#if this.hasIcon}}
+                                        {{~> components/base/image/icon _icon=this.iconName _iconmap="icons" _addClass="inline -mt-0.5 ml-1 w-5 h-5 fill-current"~}}
+                                    {{~/if~}}
+                                </span>
+                            {{~/components/base/link~}}
+                        {{~/with~}}
+                    {{~/components/content/copytext/components/image/caption~}}
+                {{else}}
+                    {{~#> components/content/copytext/components/image/collapsible_caption this.teaseritem _cssClassCaption=_cssClassCaption~}}
+                        {{#if this.caption}} {{~> components/content/copytext/components/image/image_caption_text~}} {{/if}}
+                        {{~> components/content/copytext/components/image/image_copyright~}}
+                    {{~/components/content/copytext/components/image/collapsible_caption~}}
+                {{/if}}
             {{/if}}
-        {{/if}}
+        {{/unless}}
     {{/unless}}
     {{~> components/base/a11y/hiddenText _locaTag=_a11yOutro-loca ~}}
 </figure>

package/dist/views_static/components/content/copytext/components/video/video.hbs

@@ -1,5 +1,5 @@
 {{#if this.showFullSize.isTrue }}
-    {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _isFullsize=true _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
+    {{> components/content/copytext/components/media/media_figure _hasHeadline=true _playerLocation="Copytext" _isFullsize=true _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
 {{else}}
-    {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _isFullsize=false _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
+    {{> components/content/copytext/components/media/media_figure _hasHeadline=true _playerLocation="Copytext" _isFullsize=false _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
 {{/if}} 

package/dist/views_static/components/content/copytext/components/videolivestream.hbs

@@ -1,5 +1,5 @@
 {{#if this.showFullSize.isTrue }}
-    {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
+    {{> components/content/copytext/components/media/media_figure _hasHeadline=true _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
 {{else}}
-    {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
+    {{> components/content/copytext/components/media/media_figure _hasHeadline=true _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
 {{/if}} 

package/dist/views_static/components/content/copytext/copytext_body.hbs

@@ -13,7 +13,7 @@
         {{~> components/content/copytext/components/accordion/accordion ~}}
         {{/if~}}
         {{~#if this.isGallery}}
-            {{> components/content/copytext/components/gallery }}
+            {{> components/content/copytext/components/gallery/gallery _isTickerCopytext=../_isTickerCopytext }}
         {{/if~}}
         {{~#if this.isFileDownload}}
             {{> components/content/copytext/components/filedownload }}

package/dist/views_static/components/label/label.hbs

@@ -2,8 +2,8 @@
     class='sb-label rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading{{#if _css}} {{_css}}{{/if}} 
         {{inline-switch
             _type
-            '["media","event","breakingnews","comment","analysis","der-tag-in-hessen","hessen-am-abend","glosse","fragen-und-antworten","infografik","interaktiv","program","download","pm","liveticker","ticker","livestream","live","livechat","buliticker","social-tv","blog","podcast","kurzmeldung","location","topic","video","audio"]'
-            '["bg-labelMedia","bg-labelEvent","bg-labelBreakingnews","bg-labelComment","bg-labelComment","bg-labelComment","bg-labelComment","bg-labelComment","bg-labelComment","bg-labelInfografik","bg-labelInfografik","bg-labelProgram","bg-labelDownload","bg-labelPm","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelMedia","bg-labelKurzmeldung","bg-labelEvent","bg-labelComment","bg-labelMedia","bg-labelMedia"]'
+            '["media","event","breakingnews","comment","analysis","der-tag-in-hessen","hessen-am-abend","glosse","fragen-und-antworten","infografik","interaktiv","program","download","pm","liveticker","ticker","livestream","live","livechat","buliticker","social-tv","blog","podcast","kurzmeldung","location","topic","video","audio","gallery"]'
+            '["bg-labelMedia","bg-labelEvent","bg-labelBreakingnews","bg-labelComment","bg-labelComment","bg-labelComment","bg-labelComment","bg-labelComment","bg-labelComment","bg-labelInfografik","bg-labelInfografik","bg-labelProgram","bg-labelDownload","bg-labelPm","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelLive","bg-labelMedia","bg-labelKurzmeldung","bg-labelEvent","bg-labelComment","bg-labelMedia","bg-labelMedia","bg-labelMedia"]'
         }}'
 >
     {{_text}}

package/dist/views_static/components/page/story/story_article.hbs

@@ -20,10 +20,10 @@
                     _noDelay=true}}
             {{/if}}
             {{#if this.isVideoOnDemand}}
-               {{> components/content/copytext/components/media/media_figure _isSticky=true _playerLocation="Aufmacher" _isFullsize=true _isLead=true _playerSize="100" _addClass="print:hidden article-full-width md:article-breakout mt-12 mb-6 sm:mt-14 sm:mb-8" _cssClassCaption="mx-5 md:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
+               {{> components/content/copytext/components/media/media_figure _hasHeadline=true _isSticky=true _playerLocation="Aufmacher" _isFullsize=true _isLead=true _playerSize="100" _addClass="print:hidden article-full-width md:article-breakout mt-12 mb-6 sm:mt-14 sm:mb-8" _cssClassCaption="mx-5 md:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
             {{/if}}
             {{#if this.isLivestream}}
-               {{> components/content/copytext/components/media/media_figure _isSticky=true _playerLocation="Aufmacher" _isFullsize=true _isLead=true _playerSize="100" _addClass="print:hidden article-full-width md:article-breakout mt-12 mb-6 sm:mt-14 sm:mb-8" _cssClassCaption="mx-5 md:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
+               {{> components/content/copytext/components/media/media_figure _hasHeadline=true _isSticky=true _playerLocation="Aufmacher" _isFullsize=true _isLead=true _playerSize="100" _addClass="print:hidden article-full-width md:article-breakout mt-12 mb-6 sm:mt-14 sm:mb-8" _cssClassCaption="mx-5 md:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
             {{/if}}
         {{/with}}
     {{/unless}}

package/package.json

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

package/src/assets/brand/_default/conf/locatags.json

@@ -39,6 +39,7 @@
     "figures_copyright": "Bild © ",
     "figures_copyright_voting": "Bild © {0}",
     "gallery_image_copyright": "Bild © {0}",
+    "gallery_image_number": "Bild",
     "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
     "geotag_metadescription_prefix": "",
     "geotag_metatitle_prefix": "aktuelle Nachrichten und Informationen ",
@@ -191,6 +192,8 @@
     "story_video_livestream_intro_sr": "Livestream",
     "story_video_livestream_outro_sr": "Ende des Livestreams",
     "teaser_more_audio": "zur Audio-Einzelseite",
+    "story_gallery_intro_sr": "Bildergalerie",
+    "story_gallery_outro_sr": "Ende der Bildergalerie",
     "teaser_more_audio_sr": "zum Audio",
     "teaser_more_audio_brand": "zur {0} Audio-Einzelseite",
     "teaser_more_audio_brand_sr": "zum {0} Audio",

package/src/assets/brand/hessenschau/conf/locatags.merged.json

@@ -39,6 +39,7 @@
 	"figures_copyright": "Bild © ",
 	"figures_copyright_voting": "Bild © {0}",
 	"gallery_image_copyright": "Bild © {0}",
+	"gallery_image_number": "Bild",
 	"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
 	"geotag_metadescription_prefix": "",
 	"geotag_metatitle_prefix": "aktuelle Nachrichten und Informationen ",
@@ -191,6 +192,8 @@
 	"story_video_livestream_intro_sr": "Livestream",
 	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"teaser_more_audio": "zur Audio-Einzelseite",
+	"story_gallery_intro_sr": "Bildergalerie",
+	"story_gallery_outro_sr": "Ende der Bildergalerie",
 	"teaser_more_audio_sr": "zum Audio",
 	"teaser_more_audio_brand": "zur {0} Audio-Einzelseite",
 	"teaser_more_audio_brand_sr": "zum {0} Audio",

package/src/assets/brand/hr/conf/locatags.merged.json

@@ -39,6 +39,7 @@
 	"figures_copyright": "Bild © ",
 	"figures_copyright_voting": "Bild © {0}",
 	"gallery_image_copyright": "Bild © {0}",
+	"gallery_image_number": "Bild",
 	"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
 	"geotag_metadescription_prefix": "",
 	"geotag_metatitle_prefix": "aktuelle Nachrichten und Informationen ",
@@ -191,6 +192,8 @@
 	"story_video_livestream_intro_sr": "Livestream",
 	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"teaser_more_audio": "zur Audio-Einzelseite",
+	"story_gallery_intro_sr": "Bildergalerie",
+	"story_gallery_outro_sr": "Ende der Bildergalerie",
 	"teaser_more_audio_sr": "zum Audio",
 	"teaser_more_audio_brand": "zur {0} Audio-Einzelseite",
 	"teaser_more_audio_brand_sr": "zum {0} Audio",

package/src/assets/brand/hr-bigband/conf/locatags.merged.json

@@ -39,6 +39,7 @@
 	"figures_copyright": "Bild © ",
 	"figures_copyright_voting": "Bild © {0}",
 	"gallery_image_copyright": "Bild © {0}",
+	"gallery_image_number": "Bild",
 	"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
 	"geotag_metadescription_prefix": "",
 	"geotag_metatitle_prefix": "aktuelle Nachrichten und Informationen ",
@@ -191,6 +192,8 @@
 	"story_video_livestream_intro_sr": "Livestream",
 	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"teaser_more_audio": "zur Audio-Einzelseite",
+	"story_gallery_intro_sr": "Bildergalerie",
+	"story_gallery_outro_sr": "Ende der Bildergalerie",
 	"teaser_more_audio_sr": "zum Audio",
 	"teaser_more_audio_brand": "zur {0} Audio-Einzelseite",
 	"teaser_more_audio_brand_sr": "zum {0} Audio",

package/src/assets/brand/hr-fernsehen/conf/locatags.merged.json

@@ -39,6 +39,7 @@
 	"figures_copyright": "Bild © ",
 	"figures_copyright_voting": "Bild © {0}",
 	"gallery_image_copyright": "Bild © {0}",
+	"gallery_image_number": "Bild",
 	"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
 	"geotag_metadescription_prefix": "",
 	"geotag_metatitle_prefix": "aktuelle Nachrichten und Informationen ",
@@ -191,6 +192,8 @@
 	"story_video_livestream_intro_sr": "Livestream",
 	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"teaser_more_audio": "zur Audio-Einzelseite",
+	"story_gallery_intro_sr": "Bildergalerie",
+	"story_gallery_outro_sr": "Ende der Bildergalerie",
 	"teaser_more_audio_sr": "zum Audio",
 	"teaser_more_audio_brand": "zur {0} Audio-Einzelseite",
 	"teaser_more_audio_brand_sr": "zum {0} Audio",

package/src/assets/brand/hr-inforadio/conf/locatags.merged.json

@@ -39,6 +39,7 @@
 	"figures_copyright": "Bild © ",
 	"figures_copyright_voting": "Bild © {0}",
 	"gallery_image_copyright": "Bild © {0}",
+	"gallery_image_number": "Bild",
 	"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
 	"geotag_metadescription_prefix": "",
 	"geotag_metatitle_prefix": "aktuelle Nachrichten und Informationen ",
@@ -191,6 +192,8 @@
 	"story_video_livestream_intro_sr": "Livestream",
 	"story_video_livestream_outro_sr": "Ende des Livestreams",
 	"teaser_more_audio": "zur Audio-Einzelseite",
+	"story_gallery_intro_sr": "Bildergalerie",
+	"story_gallery_outro_sr": "Ende der Bildergalerie",
 	"teaser_more_audio_sr": "zum Audio",
 	"teaser_more_audio_brand": "zur {0} Audio-Einzelseite",
 	"teaser_more_audio_brand_sr": "zum {0} Audio",