hr-design-system-handlebars 1.98.0 → 1.98.2

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 (14) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/assets/index.css +3 -3
  3. package/dist/assets/js/components/dataPolicySettings/dataPolicySettingsDs.feature.js +9 -9
  4. package/dist/views/components/dataPolicySettings/data_policy_settings.hbs +3 -3
  5. package/dist/views/components/forms/toggle_button.hbs +1 -1
  6. package/dist/views/components/social_sharing/social_sharing_icons.hbs +1 -1
  7. package/dist/views_static/components/dataPolicySettings/data_policy_settings.hbs +3 -3
  8. package/dist/views_static/components/forms/toggle_button.hbs +1 -1
  9. package/dist/views_static/components/social_sharing/social_sharing_icons.hbs +1 -1
  10. package/package.json +1 -1
  11. package/src/stories/views/components/dataPolicySettings/dataPolicySettingsDs.feature.js +9 -9
  12. package/src/stories/views/components/dataPolicySettings/data_policy_settings.hbs +3 -3
  13. package/src/stories/views/components/forms/toggle_button.hbs +1 -1
  14. package/src/stories/views/components/social_sharing/social_sharing_icons.hbs +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,27 @@
1
+ # v1.98.2 (Mon Sep 02 2024)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - Dpe 3298 - Whitelist for external services from CMS [#1058](https://github.com/mumprod/hr-design-system-handlebars/pull/1058) ([@Paul-Atreidis](https://github.com/Paul-Atreidis))
6
+
7
+ #### Authors: 1
8
+
9
+ - [@Paul-Atreidis](https://github.com/Paul-Atreidis)
10
+
11
+ ---
12
+
13
+ # v1.98.1 (Wed Aug 28 2024)
14
+
15
+ #### 🐛 Bug Fix
16
+
17
+ - changed title text for print button [#1056](https://github.com/mumprod/hr-design-system-handlebars/pull/1056) ([@vascoeduardo](https://github.com/vascoeduardo))
18
+
19
+ #### Authors: 1
20
+
21
+ - Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
22
+
23
+ ---
24
+
1
25
  # v1.98.0 (Tue Aug 27 2024)
2
26
 
3
27
  #### 🚀 Enhancement
package/dist/assets/index.css CHANGED
@@ -3338,7 +3338,7 @@ article.indexTextDS .indexTextHighlighted .link {
3338
3338
  border-bottom-color: var(--color-secondary-ds);
3339
3339
  }
3340
3340
  .counter-reset {
3341
- counter-reset: cnt1724793530462;
3341
+ counter-reset: cnt1725275744432;
3342
3342
  }
3343
3343
  .hyphens-auto {
3344
3344
  -webkit-hyphens: auto;
@@ -3746,7 +3746,7 @@ article.indexTextDS .indexTextHighlighted .link {
3746
3746
  --tw-ring-color: rgba(255, 255, 255, 0.5);
3747
3747
  }
3748
3748
  .-ordered {
3749
- counter-increment: cnt1724793530462 1;
3749
+ counter-increment: cnt1725275744432 1;
3750
3750
  }
3751
3751
  .-ordered::before {
3752
3752
  position: absolute;
@@ -3762,7 +3762,7 @@ article.indexTextDS .indexTextHighlighted .link {
3762
3762
  letter-spacing: .0125em;
3763
3763
  --tw-text-opacity: 1;
3764
3764
  color: rgba(0, 0, 0, var(--tw-text-opacity));
3765
- content: counter(cnt1724793530462);
3765
+ content: counter(cnt1725275744432);
3766
3766
  }
3767
3767
  /*! ****************************/
3768
3768
  /*! DataPolicy stuff */
package/dist/assets/js/components/dataPolicySettings/dataPolicySettingsDs.feature.js CHANGED
@@ -25,25 +25,25 @@ const DataPolicySettings = function (context) {
25
25
 
26
26
  //Überprüfung ob die alten Cookies zusammengeführt werden müssen
27
27
  const checkForExistingCookies = function () {
28
+ //TODO: Kann nach einer gewissen Zeit rausgeworfen werden? Die alten Cookies sind mittlerweile rausgewachsen?
28
29
  if (getJSONCookie('datapolicy') || getJSONCookie('tracking')) {
29
- console.log("hessenschau bisher => Beide Cookies existieren")
30
30
  deleteOldCookiesandTransferData()
31
31
  }
32
32
  else {
33
- console.log("hessenschau neu => nach der Löschung der beiden alten Cookies muß hier gelesen werden")
34
33
  if (getJSONCookie('hrSettings')) {
35
34
  getAllToggleValuesFromSettings()
36
35
  }
37
36
  else {
38
37
  console.log("hessenschau neu => wenn kein hrSettings erzeugt wurde")
39
- let whitelist = ["agf", "ati", "ard_mediathek", "arte_concert", "arte_concert_new", "datawrapper_cdn"]
38
+ //Wenn kein Cookie vorhanden wird diese initial über die Checkbox "Externer Dienst initial deaktiviert, DSGVO wird geprüft"
39
+ //im Konfig-Dokument bestückt.
40
40
  for (let i = 0; i < toggleSwitches.length; ++i) {
41
- if (toggleSwitches[i].id == "agf" || toggleSwitches[i].id == "ati" || toggleSwitches[i].id == "ard_mediathek" || toggleSwitches[i].id == "arte_concert" || toggleSwitches[i].id == "arte_concert_new" || toggleSwitches[i].id == "datawrapper_cdn") {
42
- setCookieForSettings(toggleSwitches[i].id, true)
43
- }
44
- else {
45
- setCookieForSettings(toggleSwitches[i].id, false)
46
- }
41
+ if (toggleSwitches[i].getAttribute('data-whitelist') == "true") {
42
+ setCookieForSettings(toggleSwitches[i].id, true)
43
+ }
44
+ else {
45
+ setCookieForSettings(toggleSwitches[i].id, false)
46
+ }
47
47
  }
48
48
  setAllToggleValuesFromSettings()
49
49
  changeProviderTitle()
package/dist/views/components/dataPolicySettings/data_policy_settings.hbs CHANGED
@@ -51,7 +51,7 @@
51
51
  class="{{if (isUserConsentNeeded 'https://www.agf.de/') 'js-user-consent-needed ' ''}}mt-3 -mb-1 ds-link text-link hover:underline" target="_blank" rel="noopener noreferrer"
52
52
  href="https://www.agf.de/" title="AGF">(https://www.agf.de/){{~> components/base/image/icon _icon="extern" _addClass="h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex" _iconmap="icons"~}}</a></span>
53
53
  <div class="flex w-fit toggleSwitch">
54
- {{> components/forms/toggle_button _id="agf" _addClass="js-toggleSwitch-checkbox js-toggleSwitch-tracking" _isInitiallyHidden=false _screenReaderText="agf aktivieren/deaktivieren" }}
54
+ {{> components/forms/toggle_button _id="agf" _addClass="js-toggleSwitch-checkbox js-toggleSwitch-tracking" _whitelisted=true _screenReaderText="agf aktivieren/deaktivieren" }}
55
55
  </div>
56
56
  </li>
57
57
  <li class="px-6 py-3 flex justify-between items-center bg-white border-t border-[#e3e3e3] tracking_2">
@@ -60,7 +60,7 @@
60
60
  href="https://www.atinternet.com/de/"
61
61
  title="AT Internet">(https://www.atinternet.com/de/){{~> components/base/image/icon _icon="extern" _addClass="h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex" _iconmap="icons"~}}</a></span>
62
62
  <div class="flex w-fit toggleSwitch">
63
- {{> components/forms/toggle_button _id="ati" _addClass="js-toggleSwitch-checkbox js-toggleSwitch-tracking" _isInitiallyHidden=false _screenReaderText="at internet aktivieren/deaktivieren"}}
63
+ {{> components/forms/toggle_button _id="ati" _addClass="js-toggleSwitch-checkbox js-toggleSwitch-tracking" _whitelisted=true _screenReaderText="at internet aktivieren/deaktivieren"}}
64
64
  </div>
65
65
  </li>
66
66
  </ul>
@@ -96,7 +96,7 @@
96
96
  <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3] {{this.key}}">
97
97
  <span class="inline-flex text-base leading-6 text-black align-text-top">{{this.value}}</span>
98
98
  <div class="flex float-right toggleSwitch">
99
- {{> components/forms/toggle_button _id=this.key _addClass="js-toggleSwitch-checkbox js-toggleSwitch-external" _isInitiallyHidden=this.isInitiallyHidden _screenReaderText=(loca "screen_reader_text_external_anbieter" this.key)}}
99
+ {{> components/forms/toggle_button _id=this.key _addClass="js-toggleSwitch-checkbox js-toggleSwitch-external" _whitelisted=this.isInitiallyHidden _screenReaderText=(loca "screen_reader_text_external_anbieter" this.key)}}
100
100
  </div>
101
101
  </li>
102
102
  {{/each}}
package/dist/views/components/forms/toggle_button.hbs CHANGED
@@ -1,4 +1,4 @@
1
- <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox {{_addClass}}" type="checkbox" id="{{_id}}" {{#unless _isInitiallyHidden}}initial="checked"{{/unless}}/>
1
+ <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox {{_addClass}}" type="checkbox" id="{{_id}}" {{#if _whitelisted}}data-whitelist="true"{{else}}data-whitelist="false"{{/if}}/>
2
2
  <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="{{_id}}">
3
3
  <span class="sr-only">{{_screenReaderText}}</span>
4
4
  {{> components/base/image/icon _icon="check" _addClass="fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] toggleSwitch-labelIcon"}}</label>
package/dist/views/components/social_sharing/social_sharing_icons.hbs CHANGED
@@ -104,7 +104,7 @@
104
104
  {{~#with this.printLink}}
105
105
  <li class="">
106
106
  <button class="{{#with ../_trackingData}} js-load{{/with}} flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
107
- title="{{loca "share_copy_linktitle" }}"
107
+ title="{{loca "share_print_linktitle" }}"
108
108
  onclick="window.print()"
109
109
  {{#with ../_trackingData}}
110
110
  data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::{{if ../../_socialSharingType ../../_socialSharingType "default" }}::print"}]}'
package/dist/views_static/components/dataPolicySettings/data_policy_settings.hbs CHANGED
@@ -51,7 +51,7 @@
51
51
  class="{{if (isUserConsentNeeded 'https://www.agf.de/') 'js-user-consent-needed ' ''}}mt-3 -mb-1 ds-link text-link hover:underline" target="_blank" rel="noopener noreferrer"
52
52
  href="https://www.agf.de/" title="AGF">(https://www.agf.de/){{~> components/base/image/icon _icon="extern" _addClass="h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex" _iconmap="icons"~}}</a></span>
53
53
  <div class="flex w-fit toggleSwitch">
54
- {{> components/forms/toggle_button _id="agf" _addClass="js-toggleSwitch-checkbox js-toggleSwitch-tracking" _isInitiallyHidden=false _screenReaderText="agf aktivieren/deaktivieren" }}
54
+ {{> components/forms/toggle_button _id="agf" _addClass="js-toggleSwitch-checkbox js-toggleSwitch-tracking" _whitelisted=true _screenReaderText="agf aktivieren/deaktivieren" }}
55
55
  </div>
56
56
  </li>
57
57
  <li class="px-6 py-3 flex justify-between items-center bg-white border-t border-[#e3e3e3] tracking_2">
@@ -60,7 +60,7 @@
60
60
  href="https://www.atinternet.com/de/"
61
61
  title="AT Internet">(https://www.atinternet.com/de/){{~> components/base/image/icon _icon="extern" _addClass="h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex" _iconmap="icons"~}}</a></span>
62
62
  <div class="flex w-fit toggleSwitch">
63
- {{> components/forms/toggle_button _id="ati" _addClass="js-toggleSwitch-checkbox js-toggleSwitch-tracking" _isInitiallyHidden=false _screenReaderText="at internet aktivieren/deaktivieren"}}
63
+ {{> components/forms/toggle_button _id="ati" _addClass="js-toggleSwitch-checkbox js-toggleSwitch-tracking" _whitelisted=true _screenReaderText="at internet aktivieren/deaktivieren"}}
64
64
  </div>
65
65
  </li>
66
66
  </ul>
@@ -96,7 +96,7 @@
96
96
  <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3] {{this.key}}">
97
97
  <span class="inline-flex text-base leading-6 text-black align-text-top">{{this.value}}</span>
98
98
  <div class="flex float-right toggleSwitch">
99
- {{> components/forms/toggle_button _id=this.key _addClass="js-toggleSwitch-checkbox js-toggleSwitch-external" _isInitiallyHidden=this.isInitiallyHidden _screenReaderText=(loca "screen_reader_text_external_anbieter" this.key)}}
99
+ {{> components/forms/toggle_button _id=this.key _addClass="js-toggleSwitch-checkbox js-toggleSwitch-external" _whitelisted=this.isInitiallyHidden _screenReaderText=(loca "screen_reader_text_external_anbieter" this.key)}}
100
100
  </div>
101
101
  </li>
102
102
  {{/each}}
package/dist/views_static/components/forms/toggle_button.hbs CHANGED
@@ -1,4 +1,4 @@
1
- <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox {{_addClass}}" type="checkbox" id="{{_id}}" {{#unless _isInitiallyHidden}}initial="checked"{{/unless}}/>
1
+ <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox {{_addClass}}" type="checkbox" id="{{_id}}" {{#if _whitelisted}}data-whitelist="true"{{else}}data-whitelist="false"{{/if}}/>
2
2
  <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="{{_id}}">
3
3
  <span class="sr-only">{{_screenReaderText}}</span>
4
4
  {{> components/base/image/icon _icon="check" _addClass="fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] toggleSwitch-labelIcon"}}</label>
package/dist/views_static/components/social_sharing/social_sharing_icons.hbs CHANGED
@@ -104,7 +104,7 @@
104
104
  {{~#with this.printLink}}
105
105
  <li class="">
106
106
  <button class="{{#with ../_trackingData}} js-load{{/with}} flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
107
- title="{{loca "share_copy_linktitle" }}"
107
+ title="{{loca "share_print_linktitle" }}"
108
108
  onclick="window.print()"
109
109
  {{#with ../_trackingData}}
110
110
  data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::{{if ../../_socialSharingType ../../_socialSharingType "default" }}::print"}]}'
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.98.0",
9
+ "version": "1.98.2",
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/dataPolicySettings/dataPolicySettingsDs.feature.js CHANGED
@@ -25,25 +25,25 @@ const DataPolicySettings = function (context) {
25
25
 
26
26
  //Überprüfung ob die alten Cookies zusammengeführt werden müssen
27
27
  const checkForExistingCookies = function () {
28
+ //TODO: Kann nach einer gewissen Zeit rausgeworfen werden? Die alten Cookies sind mittlerweile rausgewachsen?
28
29
  if (getJSONCookie('datapolicy') || getJSONCookie('tracking')) {
29
- console.log("hessenschau bisher => Beide Cookies existieren")
30
30
  deleteOldCookiesandTransferData()
31
31
  }
32
32
  else {
33
- console.log("hessenschau neu => nach der Löschung der beiden alten Cookies muß hier gelesen werden")
34
33
  if (getJSONCookie('hrSettings')) {
35
34
  getAllToggleValuesFromSettings()
36
35
  }
37
36
  else {
38
37
  console.log("hessenschau neu => wenn kein hrSettings erzeugt wurde")
39
- let whitelist = ["agf", "ati", "ard_mediathek", "arte_concert", "arte_concert_new", "datawrapper_cdn"]
38
+ //Wenn kein Cookie vorhanden wird diese initial über die Checkbox "Externer Dienst initial deaktiviert, DSGVO wird geprüft"
39
+ //im Konfig-Dokument bestückt.
40
40
  for (let i = 0; i < toggleSwitches.length; ++i) {
41
- if (toggleSwitches[i].id == "agf" || toggleSwitches[i].id == "ati" || toggleSwitches[i].id == "ard_mediathek" || toggleSwitches[i].id == "arte_concert" || toggleSwitches[i].id == "arte_concert_new" || toggleSwitches[i].id == "datawrapper_cdn") {
42
- setCookieForSettings(toggleSwitches[i].id, true)
43
- }
44
- else {
45
- setCookieForSettings(toggleSwitches[i].id, false)
46
- }
41
+ if (toggleSwitches[i].getAttribute('data-whitelist') == "true") {
42
+ setCookieForSettings(toggleSwitches[i].id, true)
43
+ }
44
+ else {
45
+ setCookieForSettings(toggleSwitches[i].id, false)
46
+ }
47
47
  }
48
48
  setAllToggleValuesFromSettings()
49
49
  changeProviderTitle()
package/src/stories/views/components/dataPolicySettings/data_policy_settings.hbs CHANGED
@@ -51,7 +51,7 @@
51
51
  class="{{if (isUserConsentNeeded 'https://www.agf.de/') 'js-user-consent-needed ' ''}}mt-3 -mb-1 ds-link text-link hover:underline" target="_blank" rel="noopener noreferrer"
52
52
  href="https://www.agf.de/" title="AGF">(https://www.agf.de/){{~> components/base/image/icon _icon="extern" _addClass="h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex" _iconmap="icons"~}}</a></span>
53
53
  <div class="flex w-fit toggleSwitch">
54
- {{> components/forms/toggle_button _id="agf" _addClass="js-toggleSwitch-checkbox js-toggleSwitch-tracking" _isInitiallyHidden=false _screenReaderText="agf aktivieren/deaktivieren" }}
54
+ {{> components/forms/toggle_button _id="agf" _addClass="js-toggleSwitch-checkbox js-toggleSwitch-tracking" _whitelisted=true _screenReaderText="agf aktivieren/deaktivieren" }}
55
55
  </div>
56
56
  </li>
57
57
  <li class="px-6 py-3 flex justify-between items-center bg-white border-t border-[#e3e3e3] tracking_2">
@@ -60,7 +60,7 @@
60
60
  href="https://www.atinternet.com/de/"
61
61
  title="AT Internet">(https://www.atinternet.com/de/){{~> components/base/image/icon _icon="extern" _addClass="h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex" _iconmap="icons"~}}</a></span>
62
62
  <div class="flex w-fit toggleSwitch">
63
- {{> components/forms/toggle_button _id="ati" _addClass="js-toggleSwitch-checkbox js-toggleSwitch-tracking" _isInitiallyHidden=false _screenReaderText="at internet aktivieren/deaktivieren"}}
63
+ {{> components/forms/toggle_button _id="ati" _addClass="js-toggleSwitch-checkbox js-toggleSwitch-tracking" _whitelisted=true _screenReaderText="at internet aktivieren/deaktivieren"}}
64
64
  </div>
65
65
  </li>
66
66
  </ul>
@@ -96,7 +96,7 @@
96
96
  <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3] {{this.key}}">
97
97
  <span class="inline-flex text-base leading-6 text-black align-text-top">{{this.value}}</span>
98
98
  <div class="flex float-right toggleSwitch">
99
- {{> components/forms/toggle_button _id=this.key _addClass="js-toggleSwitch-checkbox js-toggleSwitch-external" _isInitiallyHidden=this.isInitiallyHidden _screenReaderText=(loca "screen_reader_text_external_anbieter" this.key)}}
99
+ {{> components/forms/toggle_button _id=this.key _addClass="js-toggleSwitch-checkbox js-toggleSwitch-external" _whitelisted=this.isInitiallyHidden _screenReaderText=(loca "screen_reader_text_external_anbieter" this.key)}}
100
100
  </div>
101
101
  </li>
102
102
  {{/each}}
package/src/stories/views/components/forms/toggle_button.hbs CHANGED
@@ -1,4 +1,4 @@
1
- <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox {{_addClass}}" type="checkbox" id="{{_id}}" {{#unless _isInitiallyHidden}}initial="checked"{{/unless}}/>
1
+ <input class="h-0 w-0 opacity-0 toggleSwitch-checkbox {{_addClass}}" type="checkbox" id="{{_id}}" {{#if _whitelisted}}data-whitelist="true"{{else}}data-whitelist="false"{{/if}}/>
2
2
  <label class="bg-toggle-default cursor-pointer w-[50px] h-[25px] block rounded-3xl relative toggleSwitch-label" for="{{_id}}">
3
3
  <span class="sr-only">{{_screenReaderText}}</span>
4
4
  {{> components/base/image/icon _icon="check" _addClass="fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px] toggleSwitch-labelIcon"}}</label>
package/src/stories/views/components/social_sharing/social_sharing_icons.hbs CHANGED
@@ -104,7 +104,7 @@
104
104
  {{~#with this.printLink}}
105
105
  <li class="">
106
106
  <button class="{{#with ../_trackingData}} js-load{{/with}} flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
107
- title="{{loca "share_copy_linktitle" }}"
107
+ title="{{loca "share_print_linktitle" }}"
108
108
  onclick="window.print()"
109
109
  {{#with ../_trackingData}}
110
110
  data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::{{if ../../_socialSharingType ../../_socialSharingType "default" }}::print"}]}'