hr-design-system-handlebars 1.58.5 → 1.59.1

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.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,31 @@
1
+ # v1.59.1 (Thu Feb 22 2024)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - :bug: Update auto package to it's latest version to solve the issue from https://github.com/intuit/auto/issues/2425 [#856](https://github.com/mumprod/hr-design-system-handlebars/pull/856) ([@szuelch](https://github.com/szuelch))
6
+ - small whitespace change [#855](https://github.com/mumprod/hr-design-system-handlebars/pull/855) ([@vascoeduardo](https://github.com/vascoeduardo))
7
+ - add author-list [#854](https://github.com/mumprod/hr-design-system-handlebars/pull/854) ([@hanswurstsalat](https://github.com/hanswurstsalat))
8
+
9
+ #### Authors: 3
10
+
11
+ - [@szuelch](https://github.com/szuelch)
12
+ - Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
13
+ - Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
14
+
15
+ ---
16
+
17
+ # v1.59.0 (Wed Feb 21 2024)
18
+
19
+ #### 🚀 Enhancement
20
+
21
+ - :bug: use globalSettingsCookie instead of incompatible trackingCookie. [#853](https://github.com/mumprod/hr-design-system-handlebars/pull/853) ([@szuelch](https://github.com/szuelch))
22
+
23
+ #### Authors: 1
24
+
25
+ - [@szuelch](https://github.com/szuelch)
26
+
27
+ ---
28
+
1
29
  # v1.58.5 (Tue Feb 20 2024)
2
30
 
3
31
  #### 🐛 Bug Fix
@@ -1286,6 +1286,9 @@ article.indexText ul {
1286
1286
  .mb-0 {
1287
1287
  margin-bottom: 0px;
1288
1288
  }
1289
+ .mb-1 {
1290
+ margin-bottom: 0.25rem;
1291
+ }
1289
1292
  .mb-10 {
1290
1293
  margin-bottom: 2.5rem;
1291
1294
  }
@@ -3255,7 +3258,7 @@ article.indexText ul {
3255
3258
  border-bottom-color: var(--color-secondary-ds);
3256
3259
  }
3257
3260
  .counter-reset {
3258
- counter-reset: cnt1708459463274;
3261
+ counter-reset: cnt1708599476624;
3259
3262
  }
3260
3263
  .hyphens-auto {
3261
3264
  -webkit-hyphens: auto;
@@ -3578,7 +3581,7 @@ article.indexText ul {
3578
3581
  --tw-ring-color: rgba(255, 255, 255, 0.5);
3579
3582
  }
3580
3583
  .-ordered {
3581
- counter-increment: cnt1708459463274 1;
3584
+ counter-increment: cnt1708599476624 1;
3582
3585
  }
3583
3586
  .-ordered::before {
3584
3587
  position: absolute;
@@ -3594,7 +3597,7 @@ article.indexText ul {
3594
3597
  letter-spacing: .0125em;
3595
3598
  --tw-text-opacity: 1;
3596
3599
  color: rgba(0, 0, 0, var(--tw-text-opacity));
3597
- content: counter(cnt1708459463274);
3600
+ content: counter(cnt1708599476624);
3598
3601
  }
3599
3602
  /*! ****************************/
3600
3603
  /*! DataPolicy stuff */
@@ -5720,6 +5723,11 @@ article.indexText ul {
5720
5723
  margin-bottom: 3.5rem;
5721
5724
  }
5722
5725
 
5726
+ .sm\:my-4 {
5727
+ margin-top: 1rem;
5728
+ margin-bottom: 1rem;
5729
+ }
5730
+
5723
5731
  .sm\:mb-14 {
5724
5732
  margin-bottom: 3.5rem;
5725
5733
  }
@@ -1,5 +1,5 @@
1
1
  import { fireEvent, hr$, listen, loadScript } from 'hrQuery'
2
- import TrackingCookie from 'components/externalService/trackingCookie.subfeature'
2
+ import SettingsCookie from 'components/externalService/globalSettingsCookie.subfeature'
3
3
 
4
4
  const ArdPlayerLoader = function (options, rootElement) {
5
5
  'use strict'
@@ -8,7 +8,7 @@ const ArdPlayerLoader = function (options, rootElement) {
8
8
  ardplayerUrl = options.jsUrl,
9
9
  smarttagUrl = options.atiSmarttagUrl,
10
10
  playerId = options.playerId,
11
- trackingCookie = new TrackingCookie(),
11
+ settingsCookie = new SettingsCookie(),
12
12
  isPlayerDebug = options.isPlayerDebug || false
13
13
  let mediaCollection = options.mediaCollection,
14
14
  playerConfig = options.playerConfig,
@@ -45,12 +45,12 @@ const ArdPlayerLoader = function (options, rootElement) {
45
45
  }
46
46
 
47
47
  const createPlayer = function () {
48
- if (!trackingCookie.isTrackingAccepted('ati')) {
48
+ if (!settingsCookie.isSettingsCookieAccepted('ati')) {
49
49
  if (undefined != playerConfig.pluginData['trackingPiano@all'])
50
50
  playerConfig.pluginData['trackingPiano@all'].isEnabled = false
51
51
  }
52
52
  if (
53
- !trackingCookie.isTrackingAccepted('agf') &&
53
+ !settingsCookie.isSettingsCookieAccepted('agf') &&
54
54
  undefined != playerConfig.pluginData['trackingAgf@all']
55
55
  ) {
56
56
  playerConfig.pluginData['trackingAgf@all'].isEnabled = false
@@ -113,18 +113,7 @@ const ArdPlayerLoader = function (options, rootElement) {
113
113
  })
114
114
  }
115
115
 
116
- if (
117
- trackingCookie.isTrackingAccepted('agf') &&
118
- window.gfkConnector &&
119
- playerConfig.pluginData['trackingAgf@all']
120
- ) {
121
- gfkConnector.init(function (gfkLinkID) {
122
- playerConfig.pluginData['trackingAgf@all'].clipData.nol_c20 = 'p20,' + gfkLinkID
123
- setupPlayer()
124
- })
125
- } else {
126
- setupPlayer()
127
- }
116
+ setupPlayer()
128
117
  }
129
118
 
130
119
  export default ArdPlayerLoader
@@ -1,5 +1,23 @@
1
1
  {{#if this.hasMoreThanOneAuthor}}
2
- author-list
2
+
3
+ {{#with this.authorItems}}
4
+ <p class="mb-1 text-sm font-headingSerif text-gray-scorpion dark:text-text-dark">
5
+ {{#each this}}
6
+ {{#if this.hasProfileLink}}
7
+ {{this.from}}
8
+ {{#>components/base/link _link=this.link _css="hover:underline hover:!decoration-1 text-link dark:text-link-dark"}}
9
+ <span>{{../this.authorName~}}</span>
10
+ {{/components/base/link}}
11
+ {{#with this.textAfterAuthor}} {{this}}{{/with}}
12
+ {{this.delimiter}}
13
+ {{else}}
14
+ {{this.from}}
15
+ {{#with this.textAfterAuthor}} {{this}}{{/with}}{{this.delimiter}}
16
+ {{/if}}
17
+ {{/each}}
18
+ </p>
19
+ {{/with}}
20
+
3
21
  {{else}}
4
22
 
5
23
  {{#if this.authorTitle~}}
@@ -16,7 +34,7 @@
16
34
  <div class="self-start text-sm basis-0 grow font-headingSerif text-gray-scorpion dark:text-text-dark">
17
35
  {{#unless _hideFrom }}Von{{/unless}}
18
36
  {{#if this.authorUrl~}}
19
- <a href="{{this.authorUrl}}" {{#with this.webviewAuthorUrl}}data-webviewurl="{{this}}"{{/with}} class="text-link hover:underline ">{{this.authorTitle}}</a>
37
+ <a href="{{this.authorUrl}}" {{#with this.webviewAuthorUrl}}data-webviewurl="{{this}}"{{/with}} class="text-link hover:underline dark:text-link-dark ">{{this.authorTitle}}</a>
20
38
  {{else}}
21
39
  {{this.authorTitle}}
22
40
  {{/if}}
@@ -1,7 +1,7 @@
1
1
  {{#with this.userComments ~}}
2
- <div class="mt-3">
2
+ <div class="mt-2 -mb-1">
3
3
  <span class="relative z-30 whitespace-nowrap">
4
- <a class="text-link hover:underline" href="#commentList">
4
+ <a class="text-sm font-headingSerif text-link hover:underline" href="#commentList">
5
5
  {{> components/base/image/icon _icon="kommentar" _iconmap="icons" _addClass="mr-0.5 inline w-5 h-5 text-link fill-current"}}
6
6
  <span class="sr-only">{{loca "comment_anchor_1"}}</span>
7
7
  <span class="text-link">{{this.quantity}}</span>
@@ -1,13 +1,13 @@
1
1
  <div class="clear-both mt-3 border-y-2 border-gray-scorpion">
2
- <div class="flex clear-both w-full mt-4 mb-3">
2
+ <div class="flex clear-both w-full my-2 sm:my-4">
3
3
  <div>
4
- {{> components/page/components/author _hideFrom=false }}
4
+ {{> components/page/components/author _hideFrom=false }}
5
5
 
6
- {{#if _showDate }}
7
- {{> components/page/components/publicationdate }}
8
- {{/if}}
6
+ {{#if _showDate }}
7
+ {{> components/page/components/publicationdate }}
8
+ {{/if}}
9
9
 
10
- {{> components/page/components/commentlink }}
10
+ {{> components/page/components/commentlink }}
11
11
  </div>
12
12
 
13
13
  {{> components/page/components/socialsharing }}
@@ -1,5 +1,5 @@
1
1
  {{#>components/page/base/page_wrapper}}
2
-
2
+
3
3
  <h2 class="text-3xl font-headingSerif sm480:text-5xl">{{this.title}}</h2>
4
4
 
5
5
  {{> components/page/components/shorttext _text=this.shorttext }}
@@ -1,5 +1,23 @@
1
1
  {{#if this.hasMoreThanOneAuthor}}
2
- author-list
2
+
3
+ {{#with this.authorItems}}
4
+ <p class="mb-1 text-sm font-headingSerif text-gray-scorpion dark:text-text-dark">
5
+ {{#each this}}
6
+ {{#if this.hasProfileLink}}
7
+ {{this.from}}
8
+ {{#>components/base/link _link=this.link _css="hover:underline hover:!decoration-1 text-link dark:text-link-dark"}}
9
+ <span>{{../this.authorName~}}</span>
10
+ {{/components/base/link}}
11
+ {{#with this.textAfterAuthor}} {{this}}{{/with}}
12
+ {{this.delimiter}}
13
+ {{else}}
14
+ {{this.from}}
15
+ {{#with this.textAfterAuthor}} {{this}}{{/with}}{{this.delimiter}}
16
+ {{/if}}
17
+ {{/each}}
18
+ </p>
19
+ {{/with}}
20
+
3
21
  {{else}}
4
22
 
5
23
  {{#if this.authorTitle~}}
@@ -16,7 +34,7 @@
16
34
  <div class="self-start text-sm basis-0 grow font-headingSerif text-gray-scorpion dark:text-text-dark">
17
35
  {{#unless _hideFrom }}Von{{/unless}}
18
36
  {{#if this.authorUrl~}}
19
- <a href="{{this.authorUrl}}" {{#with this.webviewAuthorUrl}}data-webviewurl="{{this}}"{{/with}} class="text-link hover:underline ">{{this.authorTitle}}</a>
37
+ <a href="{{this.authorUrl}}" {{#with this.webviewAuthorUrl}}data-webviewurl="{{this}}"{{/with}} class="text-link hover:underline dark:text-link-dark ">{{this.authorTitle}}</a>
20
38
  {{else}}
21
39
  {{this.authorTitle}}
22
40
  {{/if}}
@@ -1,7 +1,7 @@
1
1
  {{#with this.userComments ~}}
2
- <div class="mt-3">
2
+ <div class="mt-2 -mb-1">
3
3
  <span class="relative z-30 whitespace-nowrap">
4
- <a class="text-link hover:underline" href="#commentList">
4
+ <a class="text-sm font-headingSerif text-link hover:underline" href="#commentList">
5
5
  {{> components/base/image/icon _icon="kommentar" _iconmap="icons" _addClass="mr-0.5 inline w-5 h-5 text-link fill-current"}}
6
6
  <span class="sr-only">{{loca "comment_anchor_1"}}</span>
7
7
  <span class="text-link">{{this.quantity}}</span>
@@ -1,13 +1,13 @@
1
1
  <div class="clear-both mt-3 border-y-2 border-gray-scorpion">
2
- <div class="flex clear-both w-full mt-4 mb-3">
2
+ <div class="flex clear-both w-full my-2 sm:my-4">
3
3
  <div>
4
- {{> components/page/components/author _hideFrom=false }}
4
+ {{> components/page/components/author _hideFrom=false }}
5
5
 
6
- {{#if _showDate }}
7
- {{> components/page/components/publicationdate }}
8
- {{/if}}
6
+ {{#if _showDate }}
7
+ {{> components/page/components/publicationdate }}
8
+ {{/if}}
9
9
 
10
- {{> components/page/components/commentlink }}
10
+ {{> components/page/components/commentlink }}
11
11
  </div>
12
12
 
13
13
  {{> components/page/components/socialsharing }}
@@ -1,5 +1,5 @@
1
1
  {{#>components/page/base/page_wrapper}}
2
-
2
+
3
3
  <h2 class="text-3xl font-headingSerif sm480:text-5xl">{{this.title}}</h2>
4
4
 
5
5
  {{> components/page/components/shorttext _text=this.shorttext }}
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.58.5",
9
+ "version": "1.59.1",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
@@ -53,7 +53,7 @@
53
53
  "@storybook/html": "^7.2.1",
54
54
  "@storybook/html-webpack5": "7.2.1",
55
55
  "@storybook/theming": "^7.2.1",
56
- "auto": "^10.26.0",
56
+ "auto": "^11.0.5",
57
57
  "autoprefixer": "^10.4.2",
58
58
  "babel-loader": "^8.2.2",
59
59
  "chromatic": "^10.9.5",
@@ -1,5 +1,5 @@
1
1
  import { fireEvent, hr$, listen, loadScript } from 'hrQuery'
2
- import TrackingCookie from 'components/externalService/trackingCookie.subfeature'
2
+ import SettingsCookie from 'components/externalService/globalSettingsCookie.subfeature'
3
3
 
4
4
  const ArdPlayerLoader = function (options, rootElement) {
5
5
  'use strict'
@@ -8,7 +8,7 @@ const ArdPlayerLoader = function (options, rootElement) {
8
8
  ardplayerUrl = options.jsUrl,
9
9
  smarttagUrl = options.atiSmarttagUrl,
10
10
  playerId = options.playerId,
11
- trackingCookie = new TrackingCookie(),
11
+ settingsCookie = new SettingsCookie(),
12
12
  isPlayerDebug = options.isPlayerDebug || false
13
13
  let mediaCollection = options.mediaCollection,
14
14
  playerConfig = options.playerConfig,
@@ -45,12 +45,12 @@ const ArdPlayerLoader = function (options, rootElement) {
45
45
  }
46
46
 
47
47
  const createPlayer = function () {
48
- if (!trackingCookie.isTrackingAccepted('ati')) {
48
+ if (!settingsCookie.isSettingsCookieAccepted('ati')) {
49
49
  if (undefined != playerConfig.pluginData['trackingPiano@all'])
50
50
  playerConfig.pluginData['trackingPiano@all'].isEnabled = false
51
51
  }
52
52
  if (
53
- !trackingCookie.isTrackingAccepted('agf') &&
53
+ !settingsCookie.isSettingsCookieAccepted('agf') &&
54
54
  undefined != playerConfig.pluginData['trackingAgf@all']
55
55
  ) {
56
56
  playerConfig.pluginData['trackingAgf@all'].isEnabled = false
@@ -113,18 +113,7 @@ const ArdPlayerLoader = function (options, rootElement) {
113
113
  })
114
114
  }
115
115
 
116
- if (
117
- trackingCookie.isTrackingAccepted('agf') &&
118
- window.gfkConnector &&
119
- playerConfig.pluginData['trackingAgf@all']
120
- ) {
121
- gfkConnector.init(function (gfkLinkID) {
122
- playerConfig.pluginData['trackingAgf@all'].clipData.nol_c20 = 'p20,' + gfkLinkID
123
- setupPlayer()
124
- })
125
- } else {
126
- setupPlayer()
127
- }
116
+ setupPlayer()
128
117
  }
129
118
 
130
119
  export default ArdPlayerLoader
@@ -1,5 +1,23 @@
1
1
  {{#if this.hasMoreThanOneAuthor}}
2
- author-list
2
+
3
+ {{#with this.authorItems}}
4
+ <p class="mb-1 text-sm font-headingSerif text-gray-scorpion dark:text-text-dark">
5
+ {{#each this}}
6
+ {{#if this.hasProfileLink}}
7
+ {{this.from}}
8
+ {{#>components/base/link _link=this.link _css="hover:underline hover:!decoration-1 text-link dark:text-link-dark"}}
9
+ <span>{{../this.authorName~}}</span>
10
+ {{/components/base/link}}
11
+ {{#with this.textAfterAuthor}} {{this}}{{/with}}
12
+ {{this.delimiter}}
13
+ {{else}}
14
+ {{this.from}}
15
+ {{#with this.textAfterAuthor}} {{this}}{{/with}}{{this.delimiter}}
16
+ {{/if}}
17
+ {{/each}}
18
+ </p>
19
+ {{/with}}
20
+
3
21
  {{else}}
4
22
 
5
23
  {{#if this.authorTitle~}}
@@ -16,7 +34,7 @@
16
34
  <div class="self-start text-sm basis-0 grow font-headingSerif text-gray-scorpion dark:text-text-dark">
17
35
  {{#unless _hideFrom }}Von{{/unless}}
18
36
  {{#if this.authorUrl~}}
19
- <a href="{{this.authorUrl}}" {{#with this.webviewAuthorUrl}}data-webviewurl="{{this}}"{{/with}} class="text-link hover:underline ">{{this.authorTitle}}</a>
37
+ <a href="{{this.authorUrl}}" {{#with this.webviewAuthorUrl}}data-webviewurl="{{this}}"{{/with}} class="text-link hover:underline dark:text-link-dark ">{{this.authorTitle}}</a>
20
38
  {{else}}
21
39
  {{this.authorTitle}}
22
40
  {{/if}}
@@ -1,7 +1,7 @@
1
1
  {{#with this.userComments ~}}
2
- <div class="mt-3">
2
+ <div class="mt-2 -mb-1">
3
3
  <span class="relative z-30 whitespace-nowrap">
4
- <a class="text-link hover:underline" href="#commentList">
4
+ <a class="text-sm font-headingSerif text-link hover:underline" href="#commentList">
5
5
  {{> components/base/image/icon _icon="kommentar" _iconmap="icons" _addClass="mr-0.5 inline w-5 h-5 text-link fill-current"}}
6
6
  <span class="sr-only">{{loca "comment_anchor_1"}}</span>
7
7
  <span class="text-link">{{this.quantity}}</span>
@@ -1,13 +1,13 @@
1
1
  <div class="clear-both mt-3 border-y-2 border-gray-scorpion">
2
- <div class="flex clear-both w-full mt-4 mb-3">
2
+ <div class="flex clear-both w-full my-2 sm:my-4">
3
3
  <div>
4
- {{> components/page/components/author _hideFrom=false }}
4
+ {{> components/page/components/author _hideFrom=false }}
5
5
 
6
- {{#if _showDate }}
7
- {{> components/page/components/publicationdate }}
8
- {{/if}}
6
+ {{#if _showDate }}
7
+ {{> components/page/components/publicationdate }}
8
+ {{/if}}
9
9
 
10
- {{> components/page/components/commentlink }}
10
+ {{> components/page/components/commentlink }}
11
11
  </div>
12
12
 
13
13
  {{> components/page/components/socialsharing }}
@@ -1,5 +1,5 @@
1
1
  {{#>components/page/base/page_wrapper}}
2
-
2
+
3
3
  <h2 class="text-3xl font-headingSerif sm480:text-5xl">{{this.title}}</h2>
4
4
 
5
5
  {{> components/page/components/shorttext _text=this.shorttext }}