hr-design-system-handlebars 1.14.0 → 1.16.0

package/src/stories/views/components/teaser/podcast/podcast_playlist_player.hbs

@@ -65,17 +65,15 @@
   ax-load 
   x-ignore
   ax-load-src={{resourceUrl "assets/js/vendor/podcast_player.alpine.js" }}>
-  {{#with this.playlistItems}}
-    {{#each this}}
+    {{#each this.playlistItems}}
       <div class="flex pb-5 {{#unless @last}}border-white border-b{{/unless}}">
         {{> components/teaser/podcast/podcast_player_ui
           _isPlaylistPlayer=true
-          _podcastDuration=duration
-          _title=title
+          _podcastDuration=this.duration
+          _title=this.title
           _id=(nextRandom)
           _first=@first
         }}
       </div>
     {{/each}}
-  {{/with}}
 </div>

package/src/stories/views/components/teaser/podcast/podcast_title.hbs

@@ -1,9 +1,9 @@
 {{#if this.isSingleChannel}}
-    {{#decorator 'components/base/link' _css="group ds-link font-title text-base mt-2.5 text-podcast-text"}}
-        <span class="mt-0.5 group-hover:underline {{#if _ordered}} pl-8 {{/if}}line-clamp-4 {{inline-switch _teaserSize '["hero","100","50"]''["text-base md:text-2xl lg:line-clamp-2","text-base md:text-2xl lg:line-clamp-2","text-base md:text-lg"]' ~}}">
+    {{#>components/base/link _link=this.link _css="group ds-link font-title text-base mt-2.5 text-podcast-text"}}
+        <span class="mt-0.5 group-hover:underline {{#if _ordered-adjust_context}} pl-8 {{/if}}line-clamp-4 {{inline-switch _teaserSize-adjust_context '["hero","100","50"]''["text-base md:text-2xl lg:line-clamp-2","text-base md:text-2xl lg:line-clamp-2","text-base md:text-lg"]' ~}}">
             {{~_title~}}
         </span>
-    {{/decorator}}
+    {{/components/base/link}}
 {{else}}
     <div class="font-title text-base mt-2.5 text-podcast-text">
         <span class="mt-0.5 {{#if _ordered}} pl-8 {{/if}}line-clamp-4 {{inline-switch _teaserSize '["hero","100","50"]''["text-base md:text-2xl lg:line-clamp-2","text-base md:text-2xl lg:line-clamp-2","text-base md:text-lg"]' ~}}">

package/src/stories/views/components/teaser/stage/stage_text.hbs

@@ -1,6 +1,6 @@
 <div class="absolute left-2/4 right-auto bottom-15 lg:bottom-10 flex w-full px-5 sm:px-11.5 -translate-x-2/4 {{inline-switch this.stageTextPosition '["right50"]' '[" justify-end"," justify-start"]'}}">
     <div class="relative p-4 rounded-2xl bg-stageTextBox/85 {{inline-switch this.stageTextPosition '["left100"]' '[" w-full"," max-w-xs sm:w-fit md:max-w-2/4"]'}} ">
-        {{#decorator 'components/base/link' _css="ds-teaser-focus before:rounded-2xl"}}
+        {{#>components/base/link _link=this.link _css="ds-teaser-focus before:rounded-2xl"}}
             {{#> components/teaser/components/teaser_header}}
                 {{#with this.label}}
                     {{#> components/label/label_group _css="!text-stageText"}}
@@ -37,6 +37,6 @@
                     {{> components/base/image/icon _icon=this.link.iconName _iconmap="icons" _addClass="inline w-5 h-5 self-baseline fill-current ml-1" }}]
                 </span>
             {{/if}}
-        {{/decorator}}
+        {{/components/base/link}}
     </div>
 </div>

package/src/stories/views/components/teaser/tabbox/group_tabbox.hbs

@@ -7,7 +7,7 @@
     </div>
     {{~#if this.link~}}
         <div class="flex justify-center min-w-0 pt-8 mx-5">
-            {{~#> components/button/link_button _variant="secondary" _size="lg" _css="overflow-hidden"}}
+            {{~#> components/button/link_button _link=this.link _variant="secondary" _size="lg" _css="overflow-hidden"}}
                 {{>components/button/components/button_label _label=(loca "group_tabbed_more" this.title) _css="flex-1 truncate mr-2"}}
                 {{> components/button/components/button_icon _icon="arrow-right" _iconmap="icons" _css=""}}
             {{/components/button/link_button}}

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

@@ -3,7 +3,7 @@
         {{~> components/base/image/responsive_image this.teaserImage _type=this.teaserType _variant=this.content.imageVariant _noDelay=../_noDelay _addClassImg="ar__content rounded-tl-hr rounded-br-hr" ~}}
     </figure> 
     <div class="absolute flex flex-col justify-center w-full h-full bg-gradient-to-t from-black rounded-tl-hr rounded-br-hr">
-        {{#decorator 'components/base/link' _css="ds-teaser-focus flex items-center flex-col before:rounded-tl-hr before:rounded-br-hr hover:text-toplineColor"}} 
+        {{#>components/base/link _link=this.link _css="ds-teaser-focus flex items-center flex-col before:rounded-tl-hr before:rounded-br-hr hover:text-toplineColor"}} 
             {{#> components/teaser/components/teaser_header}}
                 {{#with this.label}}
                     {{#> components/label/label_group}}
@@ -21,9 +21,9 @@
                     {{/if}}
                 {{/components/teaser/components/teaser_headline}}
             {{/components/teaser/components/teaser_header}}
-        {{/decorator}}
+        {{/components/base/link}}
         <span class="absolute flex w-full h-full items-end justify-center ds-cta">
-            {{#> components/button/link_button _size="lg" _css=(inline-switch this.realTeaserSize '["33","50"]' '["z-20 mb-7","z-20 mb-7 md:mb-16"]') _variant="secondary" _isAriaHidden=true _onBackground=true}}
+            {{#> components/button/link_button _link=this.link _size="lg" _css=(inline-switch this.realTeaserSize '["33","50"]' '["z-20 mb-7","z-20 mb-7 md:mb-16"]') _variant="secondary" _isAriaHidden=true _onBackground=true}}
                 {{> components/button/components/button_label _css="" _label=this.link.readMoreText.readMoreLong}}
             {{/components/button/link_button}}
         </span>

package/src/stories/views/components/tracking/download_tracking.hbs

@@ -0,0 +1,2 @@
+{{#with this.trackingData}}data-hr-click-tracking='{"settings": [{"type":"download","secondLevelId":
+    "{{this.secondLevelId}}","clickLabel": "{{this.pageName}}"}]}'{{/with}}

package/src/stories/views/components/tracking/navigation_tracking.hbs

@@ -0,0 +1,4 @@
+data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "1","clickLabel":"{{_clickLabelType}}{{#if
+    _clickLabelPrefix1
+}}::{{_clickLabelPrefix1}}{{/if}}{{#if _clickLabelPrefix2}}::{{_clickLabelPrefix2}}{{/if}}-Link
+geklickt"}]}'

package/dist/views/components/base/link_open.hbs

@@ -1,12 +0,0 @@
-<a {{#with this.link.webviewUrl}}data-webviewurl="{{this}}"{{/with}} href="{{this.link.url}}{{#if this.hasComments}}#commentList{{/if}}"
-    class="sb-link ds-link js-load {{#if _isSelected}} {{defaultIfEmpty _selectedCssClass "-current"}}{{/if}}{{#if _css}} {{_css}}{{/if}} {{#> css}}{{/css}}"
-    {{#if _doNavigationTracking}}
-    data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "1","clickLabel":"{{_clickLabelType}}{{#if _clickLabelPrefix1}}::{{_clickLabelPrefix1}}{{/if}}::{{_clickLabelPrefix2}}-Link geklickt"}]}'
-    {{/if}}
-    {{#if this.isFileDownload}}
-        {{#with this.trackingData}}data-hr-click-tracking='{"settings": [{"type":"download","secondLevelId": "{{this.link.secondLevelId}}","clickLabel": "{{this.link.pageName}}"}]}'{{/with}}
-    {{/if}}
-    {{#if this.link.isTargetBlank}} target="_blank"  rel="noopener{{#if this.link.hasNoReferrerFlag}} noreferrer{{/if}}"{{/if}}
-    {{#if _isAriaHidden}} aria-hidden="true" tabindex="-1"{{/if}}
->
- 

package/dist/views/components/base/link_v2.hbs

@@ -1,14 +0,0 @@
-<a {{#with this.link.webviewUrl}}data-webviewurl="{{this}}"{{/with}} href="{{this.link.url}}{{#if this.hasComments}}#commentList{{/if}}"
-    class="sb-link ds-link js-load {{#if _isSelected}} {{defaultIfEmpty _selectedCssClass "-current"}}{{/if}}{{#if _css}} {{_css}}{{/if}} {{#> css}}{{/css}}"
-    {{#if _doNavigationTracking}}
-    data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "1","clickLabel":"{{_clickLabelType}}{{#if _clickLabelPrefix1}}::{{_clickLabelPrefix1}}{{/if}}::{{_clickLabelPrefix2}}-Link geklickt"}]}'
-    {{/if}}
-    {{#if this.isFileDownload}}
-        {{#with this.trackingData}}data-hr-click-tracking='{"settings": [{"type":"download","secondLevelId": "{{this.link.secondLevelId}}","clickLabel": "{{this.link.pageName}}"}]}'{{/with}}
-    {{/if}}
-    {{#if this.link.isTargetBlank}} target="_blank"  rel="noopener{{#if this.link.hasNoReferrerFlag}} noreferrer{{/if}}"{{/if}}
-    {{#if _isAriaHidden}} aria-hidden="true" tabindex="-1"{{/if}}
->
- 
-    {{> @partial-block }}
-</a>

package/src/stories/views/components/base/link_open.hbs

@@ -1,12 +0,0 @@
-<a {{#with this.link.webviewUrl}}data-webviewurl="{{this}}"{{/with}} href="{{this.link.url}}{{#if this.hasComments}}#commentList{{/if}}"
-    class="sb-link ds-link js-load {{#if _isSelected}} {{defaultIfEmpty _selectedCssClass "-current"}}{{/if}}{{#if _css}} {{_css}}{{/if}} {{#> css}}{{/css}}"
-    {{#if _doNavigationTracking}}
-    data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "1","clickLabel":"{{_clickLabelType}}{{#if _clickLabelPrefix1}}::{{_clickLabelPrefix1}}{{/if}}::{{_clickLabelPrefix2}}-Link geklickt"}]}'
-    {{/if}}
-    {{#if this.isFileDownload}}
-        {{#with this.trackingData}}data-hr-click-tracking='{"settings": [{"type":"download","secondLevelId": "{{this.link.secondLevelId}}","clickLabel": "{{this.link.pageName}}"}]}'{{/with}}
-    {{/if}}
-    {{#if this.link.isTargetBlank}} target="_blank"  rel="noopener{{#if this.link.hasNoReferrerFlag}} noreferrer{{/if}}"{{/if}}
-    {{#if _isAriaHidden}} aria-hidden="true" tabindex="-1"{{/if}}
->
- 

package/src/stories/views/components/base/link_v2.hbs

@@ -1,14 +0,0 @@
-<a {{#with this.link.webviewUrl}}data-webviewurl="{{this}}"{{/with}} href="{{this.link.url}}{{#if this.hasComments}}#commentList{{/if}}"
-    class="sb-link ds-link js-load {{#if _isSelected}} {{defaultIfEmpty _selectedCssClass "-current"}}{{/if}}{{#if _css}} {{_css}}{{/if}} {{#> css}}{{/css}}"
-    {{#if _doNavigationTracking}}
-    data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "1","clickLabel":"{{_clickLabelType}}{{#if _clickLabelPrefix1}}::{{_clickLabelPrefix1}}{{/if}}::{{_clickLabelPrefix2}}-Link geklickt"}]}'
-    {{/if}}
-    {{#if this.isFileDownload}}
-        {{#with this.trackingData}}data-hr-click-tracking='{"settings": [{"type":"download","secondLevelId": "{{this.link.secondLevelId}}","clickLabel": "{{this.link.pageName}}"}]}'{{/with}}
-    {{/if}}
-    {{#if this.link.isTargetBlank}} target="_blank"  rel="noopener{{#if this.link.hasNoReferrerFlag}} noreferrer{{/if}}"{{/if}}
-    {{#if _isAriaHidden}} aria-hidden="true" tabindex="-1"{{/if}}
->
- 
-    {{> @partial-block }}
-</a>