hr-design-system-handlebars 1.60.4 → 1.60.6
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 +24 -0
- package/dist/assets/index.css +3 -3
- package/dist/views/components/base/image/responsive_image.hbs +4 -1
- package/dist/views/components/dataPolicySettings/data_policy_settings.hbs +9 -11
- package/dist/views_static/components/base/image/responsive_image.hbs +4 -1
- package/dist/views_static/components/dataPolicySettings/data_policy_settings.hbs +9 -11
- package/package.json +1 -1
- package/src/stories/views/components/base/image/responsive_image.hbs +4 -1
- package/src/stories/views/components/dataPolicySettings/data_policy_settings.hbs +9 -11
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,27 @@
|
|
|
1
|
+
# v1.60.6 (Wed Mar 20 2024)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- Dpe 2998 [#885](https://github.com/mumprod/hr-design-system-handlebars/pull/885) ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v1.60.5 (Tue Mar 19 2024)
|
|
14
|
+
|
|
15
|
+
#### 🐛 Bug Fix
|
|
16
|
+
|
|
17
|
+
- show settings button via inline-switch [#883](https://github.com/mumprod/hr-design-system-handlebars/pull/883) ([@StefanVesper](https://github.com/StefanVesper))
|
|
18
|
+
|
|
19
|
+
#### Authors: 1
|
|
20
|
+
|
|
21
|
+
- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
1
25
|
# v1.60.4 (Mon Mar 18 2024)
|
|
2
26
|
|
|
3
27
|
#### 🐛 Bug Fix
|
package/dist/assets/index.css
CHANGED
|
@@ -3326,7 +3326,7 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
3326
3326
|
border-bottom-color: var(--color-secondary-ds);
|
|
3327
3327
|
}
|
|
3328
3328
|
.counter-reset {
|
|
3329
|
-
counter-reset:
|
|
3329
|
+
counter-reset: cnt1710947730647;
|
|
3330
3330
|
}
|
|
3331
3331
|
.hyphens-auto {
|
|
3332
3332
|
-webkit-hyphens: auto;
|
|
@@ -3632,7 +3632,7 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
3632
3632
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
3633
3633
|
}
|
|
3634
3634
|
.-ordered {
|
|
3635
|
-
counter-increment:
|
|
3635
|
+
counter-increment: cnt1710947730647 1;
|
|
3636
3636
|
}
|
|
3637
3637
|
.-ordered::before {
|
|
3638
3638
|
position: absolute;
|
|
@@ -3648,7 +3648,7 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
3648
3648
|
letter-spacing: .0125em;
|
|
3649
3649
|
--tw-text-opacity: 1;
|
|
3650
3650
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
3651
|
-
content: counter(
|
|
3651
|
+
content: counter(cnt1710947730647);
|
|
3652
3652
|
}
|
|
3653
3653
|
/*! ****************************/
|
|
3654
3654
|
/*! DataPolicy stuff */
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
{{#with this.srcset}} srcset="{{this}}"{{/with}}>
|
|
26
26
|
{{/each}}
|
|
27
27
|
{{/with}}
|
|
28
|
-
<img class="w-full{{~#if ../_addClassImg}} {{../_addClassImg}}{{/if}}" loading="{{#if ../_noDelay}}auto{{else}}lazy{{/if}}" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="{{#if ../_alttext}}{{../_alttext}}{{else}}{{../this.alttext}}{{/if}}" {{~#if ../_title}} title="{{../_title}}"{{~/if}} {{~#if ../_errorHandler }} onerror="this.onerror=null; {{../_errorHandler}}"{{/if}}>
|
|
28
|
+
<img class="w-full{{~#if ../_addClassImg}} {{../_addClassImg}}{{/if}}" loading="{{#if ../_noDelay}}auto{{else}}lazy{{/if}}"{{#if ../_noDelay}} fetchpriority="high"{{/if}} src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="{{#if ../_alttext}}{{../_alttext}}{{else}}{{../this.alttext}}{{/if}}" {{~#if ../_title}} title="{{../_title}}"{{~/if}} {{~#if ../_errorHandler }} onerror="this.onerror=null; {{../_errorHandler}}"{{/if}}>
|
|
29
29
|
</picture>
|
|
30
30
|
{{/if}}
|
|
31
31
|
|
|
@@ -39,6 +39,9 @@
|
|
|
39
39
|
{{/unless}}
|
|
40
40
|
<img {{#with this.sizes}}sizes="{{this}}" {{/with~}}
|
|
41
41
|
loading="{{#if ../../_noDelay}}auto{{else}}lazy{{/if}}"
|
|
42
|
+
{{#if ../../_noDelay}}
|
|
43
|
+
fetchpriority="high"
|
|
44
|
+
{{/if}}
|
|
42
45
|
{{#with this.srcset}} {{#if ../../../_noDelay}}srcset{{else}}data-srcset{{/if}}="{{this}}"{{/with}}
|
|
43
46
|
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
|
|
44
47
|
alt="{{#if ../../_alttext}}{{../../_alttext}}{{else}}{{../../this.alttext}}{{/if}}"
|
|
@@ -1,18 +1,16 @@
|
|
|
1
1
|
<div class="flex items-center justify-center mt-4 md:mt-2 md:justify-end js-load" data-hr-data-policy-settings-ds='{}'>
|
|
2
|
-
{{#with this}}
|
|
3
|
-
{{#> components/button/button _size="md" _id="globalSettingsButton" _css=" js-data-policy-settings-button" _variant="secondary" _onBackground=(configProperty "footer.onBackground") }}
|
|
2
|
+
{{#with this}}
|
|
3
|
+
{{#> components/button/button _size="md" _id="globalSettingsButton" _css=" js-data-policy-settings-button" _variant="secondary" _onBackground=(if _webview '' (configProperty "footer.onBackground")) }}
|
|
4
4
|
{{> components/button/components/button_icon _icon="settings" _iconmap="icons" _css="w-5 h-5"}}
|
|
5
5
|
{{> components/button/components/button_label _label=(loca "cookies_setting_button_text")}}
|
|
6
6
|
{{/components/button/button}}
|
|
7
7
|
{{#*inline "htmlProperties"}}
|
|
8
8
|
data-piano-tracking='{"label":"Footer","secondLevelId":1}'
|
|
9
9
|
data-a11y-dialog-show="datapolicy-settings-dialog"
|
|
10
|
-
{{/inline}}
|
|
10
|
+
{{/inline}}
|
|
11
11
|
{{/with}}
|
|
12
12
|
</div>
|
|
13
|
-
<div id="datapolicy-settings-dialog"
|
|
14
|
-
aria-labelledby="datapolicy-settings-title"
|
|
15
|
-
aria-hidden="true" class="aria-hidden:hidden flex justify-center fixed inset-0 z-300 overflow-y-scroll">
|
|
13
|
+
<div id="datapolicy-settings-dialog" aria-labelledby="datapolicy-settings-title" aria-hidden="true" class="fixed inset-0 flex justify-center overflow-y-scroll aria-hidden:hidden z-300">
|
|
16
14
|
<div class="fixed w-full h-full top-0 left-0 right-0 bottom-0 bg-black/[0.5] js-data-policy-settings-overlay{{#if _webview}} hidden{{/if}}" data-a11y-dialog-hide>
|
|
17
15
|
</div>
|
|
18
16
|
<div role="document" class="pt-0 max-w-[480px] z-300 bg-white mb-6">
|
|
@@ -21,7 +19,7 @@
|
|
|
21
19
|
<span
|
|
22
20
|
class="pr-4 -ml-1 fill-white"> {{> components/base/image/icon _icon="settings" _addClass="h-7 w-7 inline" }}</span>
|
|
23
21
|
<span class="w-full text-2xl text-white font-headingSerif">Einstellungen</span>
|
|
24
|
-
<button type="button"
|
|
22
|
+
<button type="button" aria-label="Close dialog" class="text-white bg-transparent fill-current link-focus-white js-data-policy-settings-close-button" data-a11y-dialog-hide>
|
|
25
23
|
{{> components/base/image/icon _icon="close" _addClass="h-6 w-6 inline"}}
|
|
26
24
|
</button>
|
|
27
25
|
</span>
|
|
@@ -33,7 +31,7 @@
|
|
|
33
31
|
{{#with this.footerMetadata}}
|
|
34
32
|
{{#with this.dataProtectionLink}}
|
|
35
33
|
{{loca "cookies_setting_tracking_service_description_text"}}
|
|
36
|
-
<a class="
|
|
34
|
+
<a class="block mt-2 ds-link text-link hover:underline" target="_blank"
|
|
37
35
|
rel="noopener noreferrer" href="{{this.url}}"
|
|
38
36
|
title="Mehr Informationen zum Thema Datenschutz">Mehr Informationen zum Thema Datenschutz
|
|
39
37
|
{{#if this.isTargetBlank}}{{~> components/base/image/icon _icon="extern" _addClass="h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex" _iconmap="icons"~}}{{/if}}
|
|
@@ -50,7 +48,7 @@
|
|
|
50
48
|
<ul class="{{#if _webview}} hidden{{/if}}">
|
|
51
49
|
<li class="px-6 py-3 flex justify-between items-center bg-white border-t border-[#e3e3e3] tracking_1">
|
|
52
50
|
<span class="text-base text-black">AGF <a
|
|
53
|
-
class="
|
|
51
|
+
class="mt-3 -mb-1 ds-link text-link hover:underline" target="_blank" rel="noopener noreferrer"
|
|
54
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>
|
|
55
53
|
<div class="flex w-fit toggleSwitch">
|
|
56
54
|
{{> components/forms/toggle_button _id="agf" _addClass="js-toggleSwitch-checkbox js-toggleSwitch-tracking" _isInitiallyHidden=false _screenReaderText="agf aktivieren/deaktivieren" }}
|
|
@@ -58,7 +56,7 @@
|
|
|
58
56
|
</li>
|
|
59
57
|
<li class="px-6 py-3 flex justify-between items-center bg-white border-t border-[#e3e3e3] tracking_2">
|
|
60
58
|
<span class="text-base text-black">AT Internet <a
|
|
61
|
-
class="
|
|
59
|
+
class="mt-3 -mb-1 ds-link text-link hover:underline" target="_blank" rel="noopener noreferrer"
|
|
62
60
|
href="https://www.atinternet.com/de/"
|
|
63
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>
|
|
64
62
|
<div class="flex w-fit toggleSwitch">
|
|
@@ -73,7 +71,7 @@
|
|
|
73
71
|
{{#with this.footerMetadata}}
|
|
74
72
|
{{#with this.dataProtectionLink}}
|
|
75
73
|
{{loca "cookies_setting_description_text"}}
|
|
76
|
-
<a class="
|
|
74
|
+
<a class="block mt-2 ds-link text-link hover:underline" target="_blank"
|
|
77
75
|
rel="noopener noreferrer" href="{{this.url}}"
|
|
78
76
|
title="Mehr Informationen zum Thema Datenschutz">Mehr Informationen zum Thema Datenschutz
|
|
79
77
|
{{#if this.isTargetBlank}}{{~> components/base/image/icon _icon="extern" _addClass="h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex" _iconmap="icons"~}}{{/if}}
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
{{#with this.srcset}} srcset="{{this}}"{{/with}}>
|
|
26
26
|
{{/each}}
|
|
27
27
|
{{/with}}
|
|
28
|
-
<img class="w-full{{~#if ../_addClassImg}} {{../_addClassImg}}{{/if}}" loading="{{#if ../_noDelay}}auto{{else}}lazy{{/if}}" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="{{#if ../_alttext}}{{../_alttext}}{{else}}{{../this.alttext}}{{/if}}" {{~#if ../_title}} title="{{../_title}}"{{~/if}} {{~#if ../_errorHandler }} onerror="this.onerror=null; {{../_errorHandler}}"{{/if}}>
|
|
28
|
+
<img class="w-full{{~#if ../_addClassImg}} {{../_addClassImg}}{{/if}}" loading="{{#if ../_noDelay}}auto{{else}}lazy{{/if}}"{{#if ../_noDelay}} fetchpriority="high"{{/if}} src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="{{#if ../_alttext}}{{../_alttext}}{{else}}{{../this.alttext}}{{/if}}" {{~#if ../_title}} title="{{../_title}}"{{~/if}} {{~#if ../_errorHandler }} onerror="this.onerror=null; {{../_errorHandler}}"{{/if}}>
|
|
29
29
|
</picture>
|
|
30
30
|
{{/if}}
|
|
31
31
|
|
|
@@ -39,6 +39,9 @@
|
|
|
39
39
|
{{/unless}}
|
|
40
40
|
<img {{#with this.sizes}}sizes="{{this}}" {{/with~}}
|
|
41
41
|
loading="{{#if ../../_noDelay}}auto{{else}}lazy{{/if}}"
|
|
42
|
+
{{#if ../../_noDelay}}
|
|
43
|
+
fetchpriority="high"
|
|
44
|
+
{{/if}}
|
|
42
45
|
{{#with this.srcset}} {{#if ../../../_noDelay}}srcset{{else}}data-srcset{{/if}}="{{this}}"{{/with}}
|
|
43
46
|
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
|
|
44
47
|
alt="{{#if ../../_alttext}}{{../../_alttext}}{{else}}{{../../this.alttext}}{{/if}}"
|
|
@@ -1,18 +1,16 @@
|
|
|
1
1
|
<div class="flex items-center justify-center mt-4 md:mt-2 md:justify-end js-load" data-hr-data-policy-settings-ds='{}'>
|
|
2
|
-
{{#with this}}
|
|
3
|
-
{{#> components/button/button _size="md" _id="globalSettingsButton" _css=" js-data-policy-settings-button" _variant="secondary" _onBackground=(configProperty "footer.onBackground") }}
|
|
2
|
+
{{#with this}}
|
|
3
|
+
{{#> components/button/button _size="md" _id="globalSettingsButton" _css=" js-data-policy-settings-button" _variant="secondary" _onBackground=(if _webview '' (configProperty "footer.onBackground")) }}
|
|
4
4
|
{{> components/button/components/button_icon _icon="settings" _iconmap="icons" _css="w-5 h-5"}}
|
|
5
5
|
{{> components/button/components/button_label _label=(loca "cookies_setting_button_text")}}
|
|
6
6
|
{{/components/button/button}}
|
|
7
7
|
{{#*inline "htmlProperties"}}
|
|
8
8
|
data-piano-tracking='{"label":"Footer","secondLevelId":1}'
|
|
9
9
|
data-a11y-dialog-show="datapolicy-settings-dialog"
|
|
10
|
-
{{/inline}}
|
|
10
|
+
{{/inline}}
|
|
11
11
|
{{/with}}
|
|
12
12
|
</div>
|
|
13
|
-
<div id="datapolicy-settings-dialog"
|
|
14
|
-
aria-labelledby="datapolicy-settings-title"
|
|
15
|
-
aria-hidden="true" class="aria-hidden:hidden flex justify-center fixed inset-0 z-300 overflow-y-scroll">
|
|
13
|
+
<div id="datapolicy-settings-dialog" aria-labelledby="datapolicy-settings-title" aria-hidden="true" class="fixed inset-0 flex justify-center overflow-y-scroll aria-hidden:hidden z-300">
|
|
16
14
|
<div class="fixed w-full h-full top-0 left-0 right-0 bottom-0 bg-black/[0.5] js-data-policy-settings-overlay{{#if _webview}} hidden{{/if}}" data-a11y-dialog-hide>
|
|
17
15
|
</div>
|
|
18
16
|
<div role="document" class="pt-0 max-w-[480px] z-300 bg-white mb-6">
|
|
@@ -21,7 +19,7 @@
|
|
|
21
19
|
<span
|
|
22
20
|
class="pr-4 -ml-1 fill-white"> {{> components/base/image/icon _icon="settings" _addClass="h-7 w-7 inline" }}</span>
|
|
23
21
|
<span class="w-full text-2xl text-white font-headingSerif">Einstellungen</span>
|
|
24
|
-
<button type="button"
|
|
22
|
+
<button type="button" aria-label="Close dialog" class="text-white bg-transparent fill-current link-focus-white js-data-policy-settings-close-button" data-a11y-dialog-hide>
|
|
25
23
|
{{> components/base/image/icon _icon="close" _addClass="h-6 w-6 inline"}}
|
|
26
24
|
</button>
|
|
27
25
|
</span>
|
|
@@ -33,7 +31,7 @@
|
|
|
33
31
|
{{#with this.footerMetadata}}
|
|
34
32
|
{{#with this.dataProtectionLink}}
|
|
35
33
|
{{loca "cookies_setting_tracking_service_description_text"}}
|
|
36
|
-
<a class="
|
|
34
|
+
<a class="block mt-2 ds-link text-link hover:underline" target="_blank"
|
|
37
35
|
rel="noopener noreferrer" href="{{this.url}}"
|
|
38
36
|
title="Mehr Informationen zum Thema Datenschutz">Mehr Informationen zum Thema Datenschutz
|
|
39
37
|
{{#if this.isTargetBlank}}{{~> components/base/image/icon _icon="extern" _addClass="h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex" _iconmap="icons"~}}{{/if}}
|
|
@@ -50,7 +48,7 @@
|
|
|
50
48
|
<ul class="{{#if _webview}} hidden{{/if}}">
|
|
51
49
|
<li class="px-6 py-3 flex justify-between items-center bg-white border-t border-[#e3e3e3] tracking_1">
|
|
52
50
|
<span class="text-base text-black">AGF <a
|
|
53
|
-
class="
|
|
51
|
+
class="mt-3 -mb-1 ds-link text-link hover:underline" target="_blank" rel="noopener noreferrer"
|
|
54
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>
|
|
55
53
|
<div class="flex w-fit toggleSwitch">
|
|
56
54
|
{{> components/forms/toggle_button _id="agf" _addClass="js-toggleSwitch-checkbox js-toggleSwitch-tracking" _isInitiallyHidden=false _screenReaderText="agf aktivieren/deaktivieren" }}
|
|
@@ -58,7 +56,7 @@
|
|
|
58
56
|
</li>
|
|
59
57
|
<li class="px-6 py-3 flex justify-between items-center bg-white border-t border-[#e3e3e3] tracking_2">
|
|
60
58
|
<span class="text-base text-black">AT Internet <a
|
|
61
|
-
class="
|
|
59
|
+
class="mt-3 -mb-1 ds-link text-link hover:underline" target="_blank" rel="noopener noreferrer"
|
|
62
60
|
href="https://www.atinternet.com/de/"
|
|
63
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>
|
|
64
62
|
<div class="flex w-fit toggleSwitch">
|
|
@@ -73,7 +71,7 @@
|
|
|
73
71
|
{{#with this.footerMetadata}}
|
|
74
72
|
{{#with this.dataProtectionLink}}
|
|
75
73
|
{{loca "cookies_setting_description_text"}}
|
|
76
|
-
<a class="
|
|
74
|
+
<a class="block mt-2 ds-link text-link hover:underline" target="_blank"
|
|
77
75
|
rel="noopener noreferrer" href="{{this.url}}"
|
|
78
76
|
title="Mehr Informationen zum Thema Datenschutz">Mehr Informationen zum Thema Datenschutz
|
|
79
77
|
{{#if this.isTargetBlank}}{{~> components/base/image/icon _icon="extern" _addClass="h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex" _iconmap="icons"~}}{{/if}}
|
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.60.
|
|
9
|
+
"version": "1.60.6",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
{{#with this.srcset}} srcset="{{this}}"{{/with}}>
|
|
26
26
|
{{/each}}
|
|
27
27
|
{{/with}}
|
|
28
|
-
<img class="w-full{{~#if ../_addClassImg}} {{../_addClassImg}}{{/if}}" loading="{{#if ../_noDelay}}auto{{else}}lazy{{/if}}" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="{{#if ../_alttext}}{{../_alttext}}{{else}}{{../this.alttext}}{{/if}}" {{~#if ../_title}} title="{{../_title}}"{{~/if}} {{~#if ../_errorHandler }} onerror="this.onerror=null; {{../_errorHandler}}"{{/if}}>
|
|
28
|
+
<img class="w-full{{~#if ../_addClassImg}} {{../_addClassImg}}{{/if}}" loading="{{#if ../_noDelay}}auto{{else}}lazy{{/if}}"{{#if ../_noDelay}} fetchpriority="high"{{/if}} src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="{{#if ../_alttext}}{{../_alttext}}{{else}}{{../this.alttext}}{{/if}}" {{~#if ../_title}} title="{{../_title}}"{{~/if}} {{~#if ../_errorHandler }} onerror="this.onerror=null; {{../_errorHandler}}"{{/if}}>
|
|
29
29
|
</picture>
|
|
30
30
|
{{/if}}
|
|
31
31
|
|
|
@@ -39,6 +39,9 @@
|
|
|
39
39
|
{{/unless}}
|
|
40
40
|
<img {{#with this.sizes}}sizes="{{this}}" {{/with~}}
|
|
41
41
|
loading="{{#if ../../_noDelay}}auto{{else}}lazy{{/if}}"
|
|
42
|
+
{{#if ../../_noDelay}}
|
|
43
|
+
fetchpriority="high"
|
|
44
|
+
{{/if}}
|
|
42
45
|
{{#with this.srcset}} {{#if ../../../_noDelay}}srcset{{else}}data-srcset{{/if}}="{{this}}"{{/with}}
|
|
43
46
|
src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
|
|
44
47
|
alt="{{#if ../../_alttext}}{{../../_alttext}}{{else}}{{../../this.alttext}}{{/if}}"
|
|
@@ -1,18 +1,16 @@
|
|
|
1
1
|
<div class="flex items-center justify-center mt-4 md:mt-2 md:justify-end js-load" data-hr-data-policy-settings-ds='{}'>
|
|
2
|
-
{{#with this}}
|
|
3
|
-
{{#> components/button/button _size="md" _id="globalSettingsButton" _css=" js-data-policy-settings-button" _variant="secondary" _onBackground=(configProperty "footer.onBackground") }}
|
|
2
|
+
{{#with this}}
|
|
3
|
+
{{#> components/button/button _size="md" _id="globalSettingsButton" _css=" js-data-policy-settings-button" _variant="secondary" _onBackground=(if _webview '' (configProperty "footer.onBackground")) }}
|
|
4
4
|
{{> components/button/components/button_icon _icon="settings" _iconmap="icons" _css="w-5 h-5"}}
|
|
5
5
|
{{> components/button/components/button_label _label=(loca "cookies_setting_button_text")}}
|
|
6
6
|
{{/components/button/button}}
|
|
7
7
|
{{#*inline "htmlProperties"}}
|
|
8
8
|
data-piano-tracking='{"label":"Footer","secondLevelId":1}'
|
|
9
9
|
data-a11y-dialog-show="datapolicy-settings-dialog"
|
|
10
|
-
{{/inline}}
|
|
10
|
+
{{/inline}}
|
|
11
11
|
{{/with}}
|
|
12
12
|
</div>
|
|
13
|
-
<div id="datapolicy-settings-dialog"
|
|
14
|
-
aria-labelledby="datapolicy-settings-title"
|
|
15
|
-
aria-hidden="true" class="aria-hidden:hidden flex justify-center fixed inset-0 z-300 overflow-y-scroll">
|
|
13
|
+
<div id="datapolicy-settings-dialog" aria-labelledby="datapolicy-settings-title" aria-hidden="true" class="fixed inset-0 flex justify-center overflow-y-scroll aria-hidden:hidden z-300">
|
|
16
14
|
<div class="fixed w-full h-full top-0 left-0 right-0 bottom-0 bg-black/[0.5] js-data-policy-settings-overlay{{#if _webview}} hidden{{/if}}" data-a11y-dialog-hide>
|
|
17
15
|
</div>
|
|
18
16
|
<div role="document" class="pt-0 max-w-[480px] z-300 bg-white mb-6">
|
|
@@ -21,7 +19,7 @@
|
|
|
21
19
|
<span
|
|
22
20
|
class="pr-4 -ml-1 fill-white"> {{> components/base/image/icon _icon="settings" _addClass="h-7 w-7 inline" }}</span>
|
|
23
21
|
<span class="w-full text-2xl text-white font-headingSerif">Einstellungen</span>
|
|
24
|
-
<button type="button"
|
|
22
|
+
<button type="button" aria-label="Close dialog" class="text-white bg-transparent fill-current link-focus-white js-data-policy-settings-close-button" data-a11y-dialog-hide>
|
|
25
23
|
{{> components/base/image/icon _icon="close" _addClass="h-6 w-6 inline"}}
|
|
26
24
|
</button>
|
|
27
25
|
</span>
|
|
@@ -33,7 +31,7 @@
|
|
|
33
31
|
{{#with this.footerMetadata}}
|
|
34
32
|
{{#with this.dataProtectionLink}}
|
|
35
33
|
{{loca "cookies_setting_tracking_service_description_text"}}
|
|
36
|
-
<a class="
|
|
34
|
+
<a class="block mt-2 ds-link text-link hover:underline" target="_blank"
|
|
37
35
|
rel="noopener noreferrer" href="{{this.url}}"
|
|
38
36
|
title="Mehr Informationen zum Thema Datenschutz">Mehr Informationen zum Thema Datenschutz
|
|
39
37
|
{{#if this.isTargetBlank}}{{~> components/base/image/icon _icon="extern" _addClass="h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex" _iconmap="icons"~}}{{/if}}
|
|
@@ -50,7 +48,7 @@
|
|
|
50
48
|
<ul class="{{#if _webview}} hidden{{/if}}">
|
|
51
49
|
<li class="px-6 py-3 flex justify-between items-center bg-white border-t border-[#e3e3e3] tracking_1">
|
|
52
50
|
<span class="text-base text-black">AGF <a
|
|
53
|
-
class="
|
|
51
|
+
class="mt-3 -mb-1 ds-link text-link hover:underline" target="_blank" rel="noopener noreferrer"
|
|
54
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>
|
|
55
53
|
<div class="flex w-fit toggleSwitch">
|
|
56
54
|
{{> components/forms/toggle_button _id="agf" _addClass="js-toggleSwitch-checkbox js-toggleSwitch-tracking" _isInitiallyHidden=false _screenReaderText="agf aktivieren/deaktivieren" }}
|
|
@@ -58,7 +56,7 @@
|
|
|
58
56
|
</li>
|
|
59
57
|
<li class="px-6 py-3 flex justify-between items-center bg-white border-t border-[#e3e3e3] tracking_2">
|
|
60
58
|
<span class="text-base text-black">AT Internet <a
|
|
61
|
-
class="
|
|
59
|
+
class="mt-3 -mb-1 ds-link text-link hover:underline" target="_blank" rel="noopener noreferrer"
|
|
62
60
|
href="https://www.atinternet.com/de/"
|
|
63
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>
|
|
64
62
|
<div class="flex w-fit toggleSwitch">
|
|
@@ -73,7 +71,7 @@
|
|
|
73
71
|
{{#with this.footerMetadata}}
|
|
74
72
|
{{#with this.dataProtectionLink}}
|
|
75
73
|
{{loca "cookies_setting_description_text"}}
|
|
76
|
-
<a class="
|
|
74
|
+
<a class="block mt-2 ds-link text-link hover:underline" target="_blank"
|
|
77
75
|
rel="noopener noreferrer" href="{{this.url}}"
|
|
78
76
|
title="Mehr Informationen zum Thema Datenschutz">Mehr Informationen zum Thema Datenschutz
|
|
79
77
|
{{#if this.isTargetBlank}}{{~> components/base/image/icon _icon="extern" _addClass="h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex" _iconmap="icons"~}}{{/if}}
|