hr-design-system-handlebars 1.28.6 → 1.28.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/assets/index.css +3 -3
  3. package/dist/views/components/teaser/ticker/teaser_ticker_footer.hbs +3 -0
  4. package/dist/views/components/teaser/ticker/teaser_ticker_standard.hbs +2 -2
  5. package/dist/views/components/teaser/ticker/teaser_ticker_timeline.hbs +1 -1
  6. package/package.json +1 -1
  7. package/src/stories/views/components/teaser/ticker/teaser_ticker_footer.hbs +3 -0
  8. package/src/stories/views/components/teaser/ticker/teaser_ticker_standard.hbs +2 -2
  9. package/src/stories/views/components/teaser/ticker/teaser_ticker_timeline.hbs +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,16 @@
1
+ # v1.28.7 (Tue Jun 27 2023)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - Tracking Ticker-Teaser [#660](https://github.com/mumprod/hr-design-system-handlebars/pull/660) (saad.elbaciri@hr.de [@selbaciri](https://github.com/selbaciri))
6
+
7
+ #### Authors: 2
8
+
9
+ - Saad El Baciri ([@selbaciri](https://github.com/selbaciri))
10
+ - selbaciri (saad.elbaciri@hr.de)
11
+
12
+ ---
13
+
1
14
  # v1.28.6 (Tue Jun 27 2023)
2
15
 
3
16
  #### 🐛 Bug Fix
package/dist/assets/index.css CHANGED
@@ -2816,7 +2816,7 @@ video {
2816
2816
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
2817
2817
  }
2818
2818
  .counter-reset {
2819
- counter-reset: cnt1687862356884;
2819
+ counter-reset: cnt1687873079627;
2820
2820
  }
2821
2821
  .hyphens-auto {
2822
2822
  -webkit-hyphens: auto;
@@ -3051,7 +3051,7 @@ video {
3051
3051
  --tw-ring-color: rgba(255, 255, 255, 0.5);
3052
3052
  }
3053
3053
  .-ordered {
3054
- counter-increment: cnt1687862356884 1;
3054
+ counter-increment: cnt1687873079627 1;
3055
3055
  }
3056
3056
  .-ordered::before {
3057
3057
  position: absolute;
@@ -3067,7 +3067,7 @@ video {
3067
3067
  letter-spacing: .0125em;
3068
3068
  --tw-text-opacity: 1;
3069
3069
  color: rgba(0, 0, 0, var(--tw-text-opacity));
3070
- content: counter(cnt1687862356884);
3070
+ content: counter(cnt1687873079627);
3071
3071
  }
3072
3072
  /*! ****************************/
3073
3073
  /*! text-shadow */
package/dist/views/components/teaser/ticker/teaser_ticker_footer.hbs CHANGED
@@ -8,5 +8,8 @@
8
8
  {{/if}}
9
9
  {{#>components/base/link _link=this.link _css="ml-auto text-tickerTeaserFooter underline ds-link decoration-1" }}
10
10
  {{loca "ticker_more"}}
11
+ {{#*inline "htmlProperties"}}
12
+ data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "TickerTeaser::{{this.sophoraId}}-MehrLink geklickt"}]}'
13
+ {{/inline}}
11
14
  {{/components/base/link}}
12
15
  </div>
package/dist/views/components/teaser/ticker/teaser_ticker_standard.hbs CHANGED
@@ -1,12 +1,12 @@
1
1
  <article class="bg-highlight-3 items-start relative col-span-12 flex flex-col gap-y-3 gap-x-4
2
- {{~inline-switch this.realTeaserSize '["hero"]' '[" mx-0 md:rounded-tl-hr md:rounded-br-hr"," mx-5 sm:mx-0 rounded-tl-hr rounded-br-hr"]'}}
2
+ {{~inline-switch this.realTeaserSize '["100"]' '[" mx-0 md:rounded-tl-hr md:rounded-br-hr"," mx-5 sm:mx-0 rounded-tl-hr rounded-br-hr"]'}}
3
3
  {{~inline-switch this.teaserSize '["25","33","50"]' '[" md:col-span-3"," md:col-span-4"," md:col-span-6",""]'}}"
4
4
  x-data="{ avStart: false }"
5
5
  >
6
6
  {{#if this.teaserImage}}
7
7
  <figure class="{{> components/teaser/utilities/teaser_image_cypress_hook_classes}}relative ar-16-9 w-full {{inline-switch this.realTeaserSize '["25"]' '[" hidden"]'~}}">
8
8
  {{#>components/base/link _link=this.link }}
9
- {{> components/teaser/components/teaser_lead _addClassImg=(inline-switch this.realTeaserSize '["hero"]' '[" md:rounded-tl-hr", "rounded-tl-hr"]') _teaserSize=this.realTeaserSize _teaserType=this.teaserType _aspectRatio="ar-16-9" }}
9
+ {{> components/teaser/components/teaser_lead _addClassImg=(inline-switch this.realTeaserSize '["100"]' '[" md:rounded-tl-hr", "rounded-tl-hr"]') _teaserSize=this.realTeaserSize _teaserType=this.teaserType _aspectRatio="ar-16-9" }}
10
10
  {{/components/base/link}}
11
11
  </figure>
12
12
  {{> components/teaser/ticker/teaser_ticker_body _teaserSize=this.realTeaserSize _outerCssClasses=(inline-switch this.realTeaserSize '["25"]' '[" mt-3 gap-y-3", "gap-y-5"]')}}
package/dist/views/components/teaser/ticker/teaser_ticker_timeline.hbs CHANGED
@@ -20,7 +20,7 @@
20
20
  {{/if}}
21
21
  </div>
22
22
  {{~/with}}
23
- <a class="text-base{{#if ../../_color}} text-{{../../_color}}{{else}} text-toplineColor{{/if}} underline decoration-1 ds-link" href="{{this.tickerItemUrl}}">{{this.relevantTitle}}</a>
23
+ <a class="text-base js-load {{#if ../../_color}} text-{{../../_color}}{{else}} text-toplineColor{{/if}} underline decoration-1 ds-link" href="{{this.tickerItemUrl}}" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "TickerTeaser::{{../../this.sophoraId}}-TeaserPostLink geklickt"}]}'>{{this.relevantTitle}}</a>
24
24
  </li>
25
25
  {{~/each~}}
26
26
  </ul>
package/package.json CHANGED
@@ -6,7 +6,7 @@
6
6
  "license": "MIT",
7
7
  "main": "dist/index.js",
8
8
  "repository": "https://github.com/szuelch/hr-design-system-handlebars",
9
- "version": "1.28.6",
9
+ "version": "1.28.7",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
package/src/stories/views/components/teaser/ticker/teaser_ticker_footer.hbs CHANGED
@@ -8,5 +8,8 @@
8
8
  {{/if}}
9
9
  {{#>components/base/link _link=this.link _css="ml-auto text-tickerTeaserFooter underline ds-link decoration-1" }}
10
10
  {{loca "ticker_more"}}
11
+ {{#*inline "htmlProperties"}}
12
+ data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "TickerTeaser::{{this.sophoraId}}-MehrLink geklickt"}]}'
13
+ {{/inline}}
11
14
  {{/components/base/link}}
12
15
  </div>
package/src/stories/views/components/teaser/ticker/teaser_ticker_standard.hbs CHANGED
@@ -1,12 +1,12 @@
1
1
  <article class="bg-highlight-3 items-start relative col-span-12 flex flex-col gap-y-3 gap-x-4
2
- {{~inline-switch this.realTeaserSize '["hero"]' '[" mx-0 md:rounded-tl-hr md:rounded-br-hr"," mx-5 sm:mx-0 rounded-tl-hr rounded-br-hr"]'}}
2
+ {{~inline-switch this.realTeaserSize '["100"]' '[" mx-0 md:rounded-tl-hr md:rounded-br-hr"," mx-5 sm:mx-0 rounded-tl-hr rounded-br-hr"]'}}
3
3
  {{~inline-switch this.teaserSize '["25","33","50"]' '[" md:col-span-3"," md:col-span-4"," md:col-span-6",""]'}}"
4
4
  x-data="{ avStart: false }"
5
5
  >
6
6
  {{#if this.teaserImage}}
7
7
  <figure class="{{> components/teaser/utilities/teaser_image_cypress_hook_classes}}relative ar-16-9 w-full {{inline-switch this.realTeaserSize '["25"]' '[" hidden"]'~}}">
8
8
  {{#>components/base/link _link=this.link }}
9
- {{> components/teaser/components/teaser_lead _addClassImg=(inline-switch this.realTeaserSize '["hero"]' '[" md:rounded-tl-hr", "rounded-tl-hr"]') _teaserSize=this.realTeaserSize _teaserType=this.teaserType _aspectRatio="ar-16-9" }}
9
+ {{> components/teaser/components/teaser_lead _addClassImg=(inline-switch this.realTeaserSize '["100"]' '[" md:rounded-tl-hr", "rounded-tl-hr"]') _teaserSize=this.realTeaserSize _teaserType=this.teaserType _aspectRatio="ar-16-9" }}
10
10
  {{/components/base/link}}
11
11
  </figure>
12
12
  {{> components/teaser/ticker/teaser_ticker_body _teaserSize=this.realTeaserSize _outerCssClasses=(inline-switch this.realTeaserSize '["25"]' '[" mt-3 gap-y-3", "gap-y-5"]')}}
package/src/stories/views/components/teaser/ticker/teaser_ticker_timeline.hbs CHANGED
@@ -20,7 +20,7 @@
20
20
  {{/if}}
21
21
  </div>
22
22
  {{~/with}}
23
- <a class="text-base{{#if ../../_color}} text-{{../../_color}}{{else}} text-toplineColor{{/if}} underline decoration-1 ds-link" href="{{this.tickerItemUrl}}">{{this.relevantTitle}}</a>
23
+ <a class="text-base js-load {{#if ../../_color}} text-{{../../_color}}{{else}} text-toplineColor{{/if}} underline decoration-1 ds-link" href="{{this.tickerItemUrl}}" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "TickerTeaser::{{../../this.sophoraId}}-TeaserPostLink geklickt"}]}'>{{this.relevantTitle}}</a>
24
24
  </li>
25
25
  {{~/each~}}
26
26
  </ul>