hr-design-system-handlebars 0.92.1 → 0.93.0

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v0.93.0 (Wed Nov 30 2022)
+
+#### 🚀 Enhancement
+
+- Feature/dpe 1822: Remove _doTracking, because it is not needed anymore [#406](https://github.com/mumprod/hr-design-system-handlebars/pull/406) ([@mariokinzel](https://github.com/mariokinzel))
+
+#### Authors: 1
+
+- [@mariokinzel](https://github.com/mariokinzel)
+
+---
+
 # v0.92.1 (Tue Nov 29 2022)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -2253,7 +2253,7 @@ video {
           transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
 .counter-reset {
-  counter-reset: cnt1669737101370;
+  counter-reset: cnt1669798155096;
 }
 .line-clamp-4 {
   overflow: hidden;
@@ -2639,7 +2639,7 @@ video {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1669737101370 1;
+  counter-increment: cnt1669798155096 1;
 }
 .-ordered::before {
   position: absolute;
@@ -2655,7 +2655,7 @@ video {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1669737101370);
+  content: counter(cnt1669798155096);
 }
 .\[-T\:\+Z\] {
   --t: +Z;

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

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

package/dist/views/components/mediaplayer/media_player.hbs

@@ -13,9 +13,7 @@
             {{~#if ../_isCopyText~}}
                 {{~> components/base/image/responsive_image this.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.content.imageVariant this.content.imageVariant '100-copytext') _addClassImg="ar__content" _noDelay=../_noDelay ~}}                
             {{else}}          
-                {{#decorator 'components/base/link' _cssClasses="c-teaser__mediaLink" _isAriaHidden=true
-                        _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.realTeasersize
-                        _clickLabelPrefix2="mediaLink" }}                                      
+                {{#decorator 'components/base/link' _cssClasses="c-teaser__mediaLink" _isAriaHidden=true }}                                      
                     {{~> components/base/image/responsive_image this.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.content.imageVariant this.content.imageVariant '100-copytext') _addClassImg="ar__content" _noDelay=../_noDelay ~}}                             
                 {{/decorator }}
             {{/if}}

package/dist/views/components/teaser/cluster/teaser_cluster_item.hbs

@@ -1,5 +1,5 @@
 
-{{#decorator 'components/base/link' _css="group" _doTracking=(if this.doTracking 'true') _clickLabelPrefix1="clusterTeaserLink" _clickLabelPrefix2="Link" }} 
+{{#decorator 'components/base/link' _css="group" }} 
     {{> components/teaser/components/teaser_heading
         _headlineTag="h1"
         _label=this.label

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

@@ -1,6 +1,6 @@
 <div class="{{~#if this.isMobile1to1}}basis-3/5 md:flex-full{{/if~}}{{#if _outerCssClasses}} {{_outerCssClasses}}{{/if}}">
     <header class="md:px-0{{#unless this.isMobile1to1}} px-5{{/unless}}">
-        {{#decorator 'components/base/link' _css="hover:text-toplineColor" _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.teaserSize _clickLabelPrefix2='headlineLink' }} 
+        {{#decorator 'components/base/link' _css="hover:text-toplineColor" }} 
             {{> components/teaser/components/teaser_heading 
             _fontVariant=this.headingFontVariant
             _headlineTag=this.headlineTag 

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

@@ -1,6 +1,6 @@
 {{#with this.commentLink}}
     <span class="whitespace-nowrap">
-        {{#decorator 'components/base/link' _css="hover:underline decoration-1" _isAriaHidden=true _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.teaserSize _clickLabelPrefix2="comment" }}
+        {{#decorator 'components/base/link' _css="hover:underline decoration-1" _isAriaHidden=true}}
             {{> components/base/image/icon _icon="kommentar" _iconmap="icons" _addClass="mr-0.5 inline w-5 h-5 text-toplineColor fill-current"}}
             <span class="sr-only">{{loca "comment_anchor_1"}}</span>
             <span class="text-toplineColor">{{../../this.commentNumber}}</span>

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

@@ -6,12 +6,12 @@
         {{/with~}}
     {{/unless}}
 {{/unless}}
-{{#decorator 'components/base/link' _isAriaHidden=true _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.teaserSize _clickLabelPrefix2='mediaLink' }}
+{{#decorator 'components/base/link' _isAriaHidden=true}}
     {{~> components/base/image/responsive_image this.teaserImage _type=this.teaserType _variant=this.imageVariant _noDelay=../this.dontLazyload _addClassImg="" ~}}
 {{/decorator}}
 {{#if this.isProgram}}
     {{#if this.showMediatheksLink}}
-        {{#decorator 'components/base/link' _isAriaHidden=true _doTracking='true' _clickLabelPrefix1=this.teaserSize _clickLabelPrefix2="mediaLink"}}
+        {{#decorator 'components/base/link' _isAriaHidden=true}}
             {{> components/button/button_round 
         _isButton="true" 
         _addClass='absolute bottom-0 right-0 fill-white hover:text-white js-mediaplayer__button my-5 mx-5'

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

@@ -1,11 +1,11 @@
-{{#decorator 'components/base/link' _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.teaserSize _clickLabelPrefix2="teasertextLink" }}
+{{#decorator 'components/base/link'}}
     <span class='flex space-around {{inline-switch _size '["25"]' '["hidden ","hidden md:block "]'~}}
         text-base mt-3 font-copy'>
         {{~_text~}}
     </span>
 {{/decorator}}
     {{#if this.isExtOrBrandLink}}
-        {{#decorator 'components/base/link' _css="inline-flex flex-end text-link hover:text-link" _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.realTeasersize _clickLabelPrefix2="moreLink"}}
+        {{#decorator 'components/base/link' _css="inline-flex flex-end text-link hover:text-link"}}
             <span class="inline-flex flex-wrap items-end hover:underline decoration-1">{{this.link.readMoreText.readMore}}{{~#if this.link.hasIcon}}{{> components/base/image/icon _icon=this.link.iconName _iconmap="icons" _addClass="w-5 h-5 fill-current ml-1"}}{{/if~}}</span>
         {{/decorator}} 
     {{/if}}

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

@@ -7,7 +7,7 @@
             {{> components/teaser/components/teaser_heading _headlineTag="h2" _label=this.label _readMore=this.link.readMoreText.readMoreScreenreader _size=this.teaserSize _title=this.title _topline=this.topline _teaserType=this.teaserType _font=(inline-switch isSerifHeading '[true, false]' '["font-headingSerif","font-heading font-bold"]') }}   
         </div>
     </div>
-    {{#decorator 'components/base/link' _css="absolute flex w-full h-full justify-center" _isAriaHidden=true _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.teaserSize _clickLabelPrefix2="mediaLink" }}
+    {{#decorator 'components/base/link' _css="absolute flex w-full h-full justify-center" _isAriaHidden=true }}
         <div class="self-end px-4 py-2.5 {{inline-switch this.teaserSize '["33","50"]' '["mb-7","mb-7 md:mb-16"]'}} text-white border border-white font-heading hover:bg-white hover:text-toplineColor hover:border-toplineColor">{{this.link.readMoreText.readMoreLong}}</div>
     {{/decorator}} 
     <span class="sr-only">{{this.link.readMoreText.readMoreLong}}: {{this.title}}</span> 

package/package.json

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

package/src/stories/conventions-and-datastructure.stories.mdx

@@ -200,16 +200,13 @@ Die Namen von Parametern in Handlebar-Komponenten sind, anders als der Datainame
 <div class="bg-red-200 !mt-4 p-4">
     <h4 class="!text-red-900 font-bold">Falsch</h4>
     <pre class="!bg-white !leading-8 !p-4">
-        &#123;&#123;#>components/base/link CssClasses="" IsAriaHidden=true do-tracking=(if
-        this.doTracking 'true') click_label_prefix1=this.realTeasersize
-        ClickLabelPrefix2="mediaLink"&#125;&#125;
+        &#123;&#123;#>components/base/link CssClasses="" IsAriaHidden=true 
     </pre>
 </div>
 <div class="bg-green-200 !mt-4 p-4">
     <h4 class="!text-green-900 font-bold">Korrekt</h4>
     <pre class="!bg-white !p-4 !leading-8">
-        &#123;&#123;#>components/base/link cssClasses="" isAriaHidden=true doTracking=(if
-        this.doTracking 'true') clickLabelPrefix1=this.realTeasersize
+        &#123;&#123;#>components/base/link cssClasses="" isAriaHidden=true 
         clickLabelPrefix2="mediaLink"&#125;&#125;
     </pre>
 </div>

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

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

package/src/stories/views/components/mediaplayer/media_player.hbs

@@ -13,9 +13,7 @@
             {{~#if ../_isCopyText~}}
                 {{~> components/base/image/responsive_image this.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.content.imageVariant this.content.imageVariant '100-copytext') _addClassImg="ar__content" _noDelay=../_noDelay ~}}                
             {{else}}          
-                {{#decorator 'components/base/link' _cssClasses="c-teaser__mediaLink" _isAriaHidden=true
-                        _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.realTeasersize
-                        _clickLabelPrefix2="mediaLink" }}                                      
+                {{#decorator 'components/base/link' _cssClasses="c-teaser__mediaLink" _isAriaHidden=true }}                                      
                     {{~> components/base/image/responsive_image this.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.content.imageVariant this.content.imageVariant '100-copytext') _addClassImg="ar__content" _noDelay=../_noDelay ~}}                             
                 {{/decorator }}
             {{/if}}

package/src/stories/views/components/teaser/cluster/teaser_cluster_item.hbs

@@ -1,5 +1,5 @@
 
-{{#decorator 'components/base/link' _css="group" _doTracking=(if this.doTracking 'true') _clickLabelPrefix1="clusterTeaserLink" _clickLabelPrefix2="Link" }} 
+{{#decorator 'components/base/link' _css="group" }} 
     {{> components/teaser/components/teaser_heading
         _headlineTag="h1"
         _label=this.label

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

@@ -1,6 +1,6 @@
 <div class="{{~#if this.isMobile1to1}}basis-3/5 md:flex-full{{/if~}}{{#if _outerCssClasses}} {{_outerCssClasses}}{{/if}}">
     <header class="md:px-0{{#unless this.isMobile1to1}} px-5{{/unless}}">
-        {{#decorator 'components/base/link' _css="hover:text-toplineColor" _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.teaserSize _clickLabelPrefix2='headlineLink' }} 
+        {{#decorator 'components/base/link' _css="hover:text-toplineColor" }} 
             {{> components/teaser/components/teaser_heading 
             _fontVariant=this.headingFontVariant
             _headlineTag=this.headlineTag 

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

@@ -1,6 +1,6 @@
 {{#with this.commentLink}}
     <span class="whitespace-nowrap">
-        {{#decorator 'components/base/link' _css="hover:underline decoration-1" _isAriaHidden=true _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.teaserSize _clickLabelPrefix2="comment" }}
+        {{#decorator 'components/base/link' _css="hover:underline decoration-1" _isAriaHidden=true}}
             {{> components/base/image/icon _icon="kommentar" _iconmap="icons" _addClass="mr-0.5 inline w-5 h-5 text-toplineColor fill-current"}}
             <span class="sr-only">{{loca "comment_anchor_1"}}</span>
             <span class="text-toplineColor">{{../../this.commentNumber}}</span>

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

@@ -6,12 +6,12 @@
         {{/with~}}
     {{/unless}}
 {{/unless}}
-{{#decorator 'components/base/link' _isAriaHidden=true _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.teaserSize _clickLabelPrefix2='mediaLink' }}
+{{#decorator 'components/base/link' _isAriaHidden=true}}
     {{~> components/base/image/responsive_image this.teaserImage _type=this.teaserType _variant=this.imageVariant _noDelay=../this.dontLazyload _addClassImg="" ~}}
 {{/decorator}}
 {{#if this.isProgram}}
     {{#if this.showMediatheksLink}}
-        {{#decorator 'components/base/link' _isAriaHidden=true _doTracking='true' _clickLabelPrefix1=this.teaserSize _clickLabelPrefix2="mediaLink"}}
+        {{#decorator 'components/base/link' _isAriaHidden=true}}
             {{> components/button/button_round 
         _isButton="true" 
         _addClass='absolute bottom-0 right-0 fill-white hover:text-white js-mediaplayer__button my-5 mx-5'

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

@@ -1,11 +1,11 @@
-{{#decorator 'components/base/link' _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.teaserSize _clickLabelPrefix2="teasertextLink" }}
+{{#decorator 'components/base/link'}}
     <span class='flex space-around {{inline-switch _size '["25"]' '["hidden ","hidden md:block "]'~}}
         text-base mt-3 font-copy'>
         {{~_text~}}
     </span>
 {{/decorator}}
     {{#if this.isExtOrBrandLink}}
-        {{#decorator 'components/base/link' _css="inline-flex flex-end text-link hover:text-link" _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.realTeasersize _clickLabelPrefix2="moreLink"}}
+        {{#decorator 'components/base/link' _css="inline-flex flex-end text-link hover:text-link"}}
             <span class="inline-flex flex-wrap items-end hover:underline decoration-1">{{this.link.readMoreText.readMore}}{{~#if this.link.hasIcon}}{{> components/base/image/icon _icon=this.link.iconName _iconmap="icons" _addClass="w-5 h-5 fill-current ml-1"}}{{/if~}}</span>
         {{/decorator}} 
     {{/if}}

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

@@ -7,7 +7,7 @@
             {{> components/teaser/components/teaser_heading _headlineTag="h2" _label=this.label _readMore=this.link.readMoreText.readMoreScreenreader _size=this.teaserSize _title=this.title _topline=this.topline _teaserType=this.teaserType _font=(inline-switch isSerifHeading '[true, false]' '["font-headingSerif","font-heading font-bold"]') }}   
         </div>
     </div>
-    {{#decorator 'components/base/link' _css="absolute flex w-full h-full justify-center" _isAriaHidden=true _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.teaserSize _clickLabelPrefix2="mediaLink" }}
+    {{#decorator 'components/base/link' _css="absolute flex w-full h-full justify-center" _isAriaHidden=true }}
         <div class="self-end px-4 py-2.5 {{inline-switch this.teaserSize '["33","50"]' '["mb-7","mb-7 md:mb-16"]'}} text-white border border-white font-heading hover:bg-white hover:text-toplineColor hover:border-toplineColor">{{this.link.readMoreText.readMoreLong}}</div>
     {{/decorator}} 
     <span class="sr-only">{{this.link.readMoreText.readMoreLong}}: {{this.title}}</span> 

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

@@ -81,7 +81,6 @@ Die Poster-Teaser-Komponente benötigt die folgenden json-Daten (enthalten im Te
     <li><b>teaserImage</b></li>
     <li><b>content.imageVariant</b></li>
     <li><b>isSerifHeading</b></li>
-    <li><b>doTracking</b></li>
     <li><b>link.readMoreText.readMoreLong</b></li>
 </ul>