hr-design-system-handlebars 1.52.2 → 1.52.3
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 +12 -0
- package/dist/assets/index.css +4 -4
- package/dist/views/components/site_header/section_navigation/section_navigation_item.hbs +4 -4
- package/dist/views/components/site_header/service_logo.hbs +1 -1
- package/dist/views/components/site_header/service_navigation/service_navigation_item.hbs +3 -3
- package/dist/views_static/components/site_header/section_navigation/section_navigation_item.hbs +4 -4
- package/dist/views_static/components/site_header/service_logo.hbs +1 -1
- package/dist/views_static/components/site_header/service_navigation/service_navigation_item.hbs +3 -3
- package/package.json +1 -1
- package/src/assets/css/custom-utilities.css +1 -1
- package/src/stories/views/components/site_header/section_navigation/section_navigation_item.hbs +4 -4
- package/src/stories/views/components/site_header/service_logo.hbs +1 -1
- package/src/stories/views/components/site_header/service_navigation/service_navigation_item.hbs +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
# v1.52.3 (Tue Jan 16 2024)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- -change "link-focus-inset-white" to "link-focus-inset" [#804](https://github.com/mumprod/hr-design-system-handlebars/pull/804) ([@StefanVesper](https://github.com/StefanVesper))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
1
13
|
# v1.52.2 (Tue Jan 16 2024)
|
|
2
14
|
|
|
3
15
|
#### 🐛 Bug Fix
|
package/dist/assets/index.css
CHANGED
|
@@ -3225,7 +3225,7 @@ article.indexText ul {
|
|
|
3225
3225
|
border-bottom-color: var(--color-secondary-ds);
|
|
3226
3226
|
}
|
|
3227
3227
|
.counter-reset {
|
|
3228
|
-
counter-reset:
|
|
3228
|
+
counter-reset: cnt1705414097015;
|
|
3229
3229
|
}
|
|
3230
3230
|
.hyphens-auto {
|
|
3231
3231
|
-webkit-hyphens: auto;
|
|
@@ -3496,7 +3496,7 @@ article.indexText ul {
|
|
|
3496
3496
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
|
|
3497
3497
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
|
|
3498
3498
|
--tw-ring-inset: inset;
|
|
3499
|
-
--tw-ring-color: rgba(
|
|
3499
|
+
--tw-ring-color: rgba(212, 212, 212, 0.8);
|
|
3500
3500
|
}
|
|
3501
3501
|
.link-focus:focus-visible {
|
|
3502
3502
|
outline: 2px solid transparent;
|
|
@@ -3527,7 +3527,7 @@ article.indexText ul {
|
|
|
3527
3527
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
3528
3528
|
}
|
|
3529
3529
|
.-ordered {
|
|
3530
|
-
counter-increment:
|
|
3530
|
+
counter-increment: cnt1705414097015 1;
|
|
3531
3531
|
}
|
|
3532
3532
|
.-ordered::before {
|
|
3533
3533
|
position: absolute;
|
|
@@ -3543,7 +3543,7 @@ article.indexText ul {
|
|
|
3543
3543
|
letter-spacing: .0125em;
|
|
3544
3544
|
--tw-text-opacity: 1;
|
|
3545
3545
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
3546
|
-
content: counter(
|
|
3546
|
+
content: counter(cnt1705414097015);
|
|
3547
3547
|
}
|
|
3548
3548
|
/*! ****************************/
|
|
3549
3549
|
/*! DataPolicy stuff */
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
@click.nextTick="correctFlyoutPos()"
|
|
13
13
|
@resize.window="dropped=false; correctFlyoutPos()"
|
|
14
14
|
:class="dropped ? 'lg:underline lg:text-primary font-bold lg:font-normal' : 'font-normal'"
|
|
15
|
-
class="{{#if this.selected}}-currentSection lg:justify-center !font-bold {{/if}}link-focus-inset
|
|
15
|
+
class="{{#if this.selected}}-currentSection lg:justify-center !font-bold {{/if}}link-focus-inset js-load pl-4 lg:pl-4 lg:pr-4 flex flex-auto w-full justify-between lg:flex-initial h-10 lg:w-full items-center leading-4"
|
|
16
16
|
x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')"
|
|
17
17
|
aria-owns="flyout-{{getRandom}}"
|
|
18
18
|
aria-controls="flyout-{{getRandom}}"
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
@click="preventDefault(isDesktopView(),$event); toggle(); correctFlyoutPos()"
|
|
29
29
|
@resize.window="dropped=false; correctFlyoutPos()"
|
|
30
30
|
:class="dropped ? 'lg:underline font-bold lg:font-normal' : 'font-normal'"
|
|
31
|
-
class="js-noStateManager {{#if this.selected}}-currentSection lg:justify-center !font-bold {{/if}}link-focus-inset
|
|
31
|
+
class="js-noStateManager {{#if this.selected}}-currentSection lg:justify-center !font-bold {{/if}}link-focus-inset js-load pl-4 pr-8 lg:pr-4 flex flex-auto justify-between lg:flex-initial h-10 lg:w-full items-center leading-4"
|
|
32
32
|
aria-haspopup="true"
|
|
33
33
|
x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen ? '0' : '-1')"
|
|
34
34
|
aria-owns="flyout-{{getRandom}}"
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
id="flyout-{{nextRandom}}-1"
|
|
43
43
|
|
|
44
44
|
:class="dropped ? 'font-bold' : ''"
|
|
45
|
-
class="{{#if this.selected}}-currentSection lg:justify-center {{/if}}link-focus-inset
|
|
45
|
+
class="{{#if this.selected}}-currentSection lg:justify-center {{/if}}link-focus-inset js-load pl-4 pr-8 lg:pl-4 lg:pr-4 flex flex-auto h-10 items-center leading-4 lg:w-full lg:justify-center{{#if this.selected}} font-bold{{/if}}"
|
|
46
46
|
{{#if this.labelText}} aria-label="{{this.labelText}}"{{/if}}
|
|
47
47
|
aria-haspopup="true"
|
|
48
48
|
x-effect="$el.setAttribute('aria-expanded', dropped || $screen('lg'));$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')"
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
|
|
57
57
|
{{!-- Gilt für START/GESELLSCHAFT/WIRTSCHAFT usw: --}}
|
|
58
58
|
<a href="{{if this.extern this.url (resourceUrl this.url)}}"
|
|
59
|
-
class="{{#if this.selected}}-currentSection lg:justify-center {{/if}} link-focus-inset
|
|
59
|
+
class="{{#if this.selected}}-currentSection lg:justify-center {{/if}} link-focus-inset js-load flex justify-start pl-4 pr-4 h-10 lg:justify-center items-center w-full{{#if this.selected}} font-bold{{/if}}"
|
|
60
60
|
{{#if this.labelText}} aria-label="{{this.labelText}}"{{/if}}
|
|
61
61
|
data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": "1", "clickLabel": "Rubriknavigation::{{this.text}}-Link geklickt"}]}'
|
|
62
62
|
x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<a class="relative flex items-center w-auto h-full text-white fill-current sb-service-logo link-focus-
|
|
1
|
+
<a class="relative flex items-center w-auto h-full text-white fill-current sb-service-logo link-focus-inset print:hidden"
|
|
2
2
|
href={{resourceUrl "index.html"}}
|
|
3
3
|
title="{{loca "header_homepage_link_title"}}">
|
|
4
4
|
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
@close-servicemenu.window="dropped = false; $store.serviceNavIsOpen = false"
|
|
9
9
|
x-data="dropdown"
|
|
10
10
|
id="{{getRandom}}"
|
|
11
|
-
class="js-load flex flex-col items-center justify-center h-full px-4 text-left lg:justify-start lg:px-3 lg:pt-1 lg:hover:underline lg:relative lg:rounded-t lg:border-0 lg:left-0 text-navigation-icons link-focus-inset
|
|
11
|
+
class="js-load flex flex-col items-center justify-center h-full px-4 text-left lg:justify-start lg:px-3 lg:pt-1 lg:hover:underline lg:relative lg:rounded-t lg:border-0 lg:left-0 text-navigation-icons link-focus-inset {{#if this.selected}}-currentService{{/if}}"
|
|
12
12
|
|
|
13
13
|
:class="dropped ? 'bg-white fill-current text-primary lg:border-0 lg:underline' : ''"
|
|
14
14
|
aria-owns="flyout-{{getRandom}}"
|
|
@@ -20,9 +20,9 @@
|
|
|
20
20
|
{{else}}
|
|
21
21
|
|
|
22
22
|
{{#if this.extern}}
|
|
23
|
-
<a href="{{this.url}}" target="_blank" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:pt-1 lg:rounded-t link-focus-inset
|
|
23
|
+
<a href="{{this.url}}" target="_blank" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:pt-1 lg:rounded-t link-focus-inset js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": "1", "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'>
|
|
24
24
|
{{else}}
|
|
25
|
-
<a href="{{resourceUrl this.url}}" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:pt-1 lg:rounded-t link-focus-inset
|
|
25
|
+
<a href="{{resourceUrl this.url}}" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:pt-1 lg:rounded-t link-focus-inset js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": "1", "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'>
|
|
26
26
|
{{/if}}
|
|
27
27
|
|
|
28
28
|
{{/if}}
|
package/dist/views_static/components/site_header/section_navigation/section_navigation_item.hbs
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
@click.nextTick="correctFlyoutPos()"
|
|
13
13
|
@resize.window="dropped=false; correctFlyoutPos()"
|
|
14
14
|
:class="dropped ? 'lg:underline lg:text-primary font-bold lg:font-normal' : 'font-normal'"
|
|
15
|
-
class="{{#if this.selected}}-currentSection lg:justify-center !font-bold {{/if}}link-focus-inset
|
|
15
|
+
class="{{#if this.selected}}-currentSection lg:justify-center !font-bold {{/if}}link-focus-inset js-load pl-4 lg:pl-4 lg:pr-4 flex flex-auto w-full justify-between lg:flex-initial h-10 lg:w-full items-center leading-4"
|
|
16
16
|
x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')"
|
|
17
17
|
aria-owns="flyout-{{getRandom}}"
|
|
18
18
|
aria-controls="flyout-{{getRandom}}"
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
@click="preventDefault(isDesktopView(),$event); toggle(); correctFlyoutPos()"
|
|
29
29
|
@resize.window="dropped=false; correctFlyoutPos()"
|
|
30
30
|
:class="dropped ? 'lg:underline font-bold lg:font-normal' : 'font-normal'"
|
|
31
|
-
class="js-noStateManager {{#if this.selected}}-currentSection lg:justify-center !font-bold {{/if}}link-focus-inset
|
|
31
|
+
class="js-noStateManager {{#if this.selected}}-currentSection lg:justify-center !font-bold {{/if}}link-focus-inset js-load pl-4 pr-8 lg:pr-4 flex flex-auto justify-between lg:flex-initial h-10 lg:w-full items-center leading-4"
|
|
32
32
|
aria-haspopup="true"
|
|
33
33
|
x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen ? '0' : '-1')"
|
|
34
34
|
aria-owns="flyout-{{getRandom}}"
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
id="flyout-{{nextRandom}}-1"
|
|
43
43
|
|
|
44
44
|
:class="dropped ? 'font-bold' : ''"
|
|
45
|
-
class="{{#if this.selected}}-currentSection lg:justify-center {{/if}}link-focus-inset
|
|
45
|
+
class="{{#if this.selected}}-currentSection lg:justify-center {{/if}}link-focus-inset js-load pl-4 pr-8 lg:pl-4 lg:pr-4 flex flex-auto h-10 items-center leading-4 lg:w-full lg:justify-center{{#if this.selected}} font-bold{{/if}}"
|
|
46
46
|
{{#if this.labelText}} aria-label="{{this.labelText}}"{{/if}}
|
|
47
47
|
aria-haspopup="true"
|
|
48
48
|
x-effect="$el.setAttribute('aria-expanded', dropped || $screen('lg'));$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')"
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
|
|
57
57
|
{{!-- Gilt für START/GESELLSCHAFT/WIRTSCHAFT usw: --}}
|
|
58
58
|
<a href="{{if this.extern this.url (resourceUrl this.url)}}"
|
|
59
|
-
class="{{#if this.selected}}-currentSection lg:justify-center {{/if}} link-focus-inset
|
|
59
|
+
class="{{#if this.selected}}-currentSection lg:justify-center {{/if}} link-focus-inset js-load flex justify-start pl-4 pr-4 h-10 lg:justify-center items-center w-full{{#if this.selected}} font-bold{{/if}}"
|
|
60
60
|
{{#if this.labelText}} aria-label="{{this.labelText}}"{{/if}}
|
|
61
61
|
data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": "1", "clickLabel": "Rubriknavigation::{{this.text}}-Link geklickt"}]}'
|
|
62
62
|
x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<a class="relative flex items-center w-auto h-full text-white fill-current sb-service-logo link-focus-
|
|
1
|
+
<a class="relative flex items-center w-auto h-full text-white fill-current sb-service-logo link-focus-inset print:hidden"
|
|
2
2
|
href={{resourceUrl "index.html"}}
|
|
3
3
|
title="{{loca "header_homepage_link_title"}}">
|
|
4
4
|
|
package/dist/views_static/components/site_header/service_navigation/service_navigation_item.hbs
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
@close-servicemenu.window="dropped = false; $store.serviceNavIsOpen = false"
|
|
9
9
|
x-data="dropdown"
|
|
10
10
|
id="{{getRandom}}"
|
|
11
|
-
class="js-load flex flex-col items-center justify-center h-full px-4 text-left lg:justify-start lg:px-3 lg:pt-1 lg:hover:underline lg:relative lg:rounded-t lg:border-0 lg:left-0 text-navigation-icons link-focus-inset
|
|
11
|
+
class="js-load flex flex-col items-center justify-center h-full px-4 text-left lg:justify-start lg:px-3 lg:pt-1 lg:hover:underline lg:relative lg:rounded-t lg:border-0 lg:left-0 text-navigation-icons link-focus-inset {{#if this.selected}}-currentService{{/if}}"
|
|
12
12
|
|
|
13
13
|
:class="dropped ? 'bg-white fill-current text-primary lg:border-0 lg:underline' : ''"
|
|
14
14
|
aria-owns="flyout-{{getRandom}}"
|
|
@@ -20,9 +20,9 @@
|
|
|
20
20
|
{{else}}
|
|
21
21
|
|
|
22
22
|
{{#if this.extern}}
|
|
23
|
-
<a href="{{this.url}}" target="_blank" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:pt-1 lg:rounded-t link-focus-inset
|
|
23
|
+
<a href="{{this.url}}" target="_blank" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:pt-1 lg:rounded-t link-focus-inset js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": "1", "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'>
|
|
24
24
|
{{else}}
|
|
25
|
-
<a href="{{resourceUrl this.url}}" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:pt-1 lg:rounded-t link-focus-inset
|
|
25
|
+
<a href="{{resourceUrl this.url}}" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:pt-1 lg:rounded-t link-focus-inset js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": "1", "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'>
|
|
26
26
|
{{/if}}
|
|
27
27
|
|
|
28
28
|
{{/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.52.
|
|
9
|
+
"version": "1.52.3",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -230,7 +230,7 @@
|
|
|
230
230
|
}
|
|
231
231
|
|
|
232
232
|
.link-focus-inset {
|
|
233
|
-
@apply focus-visible:outline-none focus-visible:ring focus-visible:ring-inset focus-visible:ring-gray-
|
|
233
|
+
@apply focus-visible:outline-none focus-visible:ring focus-visible:ring-inset focus-visible:ring-gray-lightGray/80;
|
|
234
234
|
}
|
|
235
235
|
.link-focus {
|
|
236
236
|
@apply focus-visible:outline-none focus-visible:ring focus-visible:ring-gray-scorpion/50;
|
package/src/stories/views/components/site_header/section_navigation/section_navigation_item.hbs
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
@click.nextTick="correctFlyoutPos()"
|
|
13
13
|
@resize.window="dropped=false; correctFlyoutPos()"
|
|
14
14
|
:class="dropped ? 'lg:underline lg:text-primary font-bold lg:font-normal' : 'font-normal'"
|
|
15
|
-
class="{{#if this.selected}}-currentSection lg:justify-center !font-bold {{/if}}link-focus-inset
|
|
15
|
+
class="{{#if this.selected}}-currentSection lg:justify-center !font-bold {{/if}}link-focus-inset js-load pl-4 lg:pl-4 lg:pr-4 flex flex-auto w-full justify-between lg:flex-initial h-10 lg:w-full items-center leading-4"
|
|
16
16
|
x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')"
|
|
17
17
|
aria-owns="flyout-{{getRandom}}"
|
|
18
18
|
aria-controls="flyout-{{getRandom}}"
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
@click="preventDefault(isDesktopView(),$event); toggle(); correctFlyoutPos()"
|
|
29
29
|
@resize.window="dropped=false; correctFlyoutPos()"
|
|
30
30
|
:class="dropped ? 'lg:underline font-bold lg:font-normal' : 'font-normal'"
|
|
31
|
-
class="js-noStateManager {{#if this.selected}}-currentSection lg:justify-center !font-bold {{/if}}link-focus-inset
|
|
31
|
+
class="js-noStateManager {{#if this.selected}}-currentSection lg:justify-center !font-bold {{/if}}link-focus-inset js-load pl-4 pr-8 lg:pr-4 flex flex-auto justify-between lg:flex-initial h-10 lg:w-full items-center leading-4"
|
|
32
32
|
aria-haspopup="true"
|
|
33
33
|
x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen ? '0' : '-1')"
|
|
34
34
|
aria-owns="flyout-{{getRandom}}"
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
id="flyout-{{nextRandom}}-1"
|
|
43
43
|
|
|
44
44
|
:class="dropped ? 'font-bold' : ''"
|
|
45
|
-
class="{{#if this.selected}}-currentSection lg:justify-center {{/if}}link-focus-inset
|
|
45
|
+
class="{{#if this.selected}}-currentSection lg:justify-center {{/if}}link-focus-inset js-load pl-4 pr-8 lg:pl-4 lg:pr-4 flex flex-auto h-10 items-center leading-4 lg:w-full lg:justify-center{{#if this.selected}} font-bold{{/if}}"
|
|
46
46
|
{{#if this.labelText}} aria-label="{{this.labelText}}"{{/if}}
|
|
47
47
|
aria-haspopup="true"
|
|
48
48
|
x-effect="$el.setAttribute('aria-expanded', dropped || $screen('lg'));$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')"
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
|
|
57
57
|
{{!-- Gilt für START/GESELLSCHAFT/WIRTSCHAFT usw: --}}
|
|
58
58
|
<a href="{{if this.extern this.url (resourceUrl this.url)}}"
|
|
59
|
-
class="{{#if this.selected}}-currentSection lg:justify-center {{/if}} link-focus-inset
|
|
59
|
+
class="{{#if this.selected}}-currentSection lg:justify-center {{/if}} link-focus-inset js-load flex justify-start pl-4 pr-4 h-10 lg:justify-center items-center w-full{{#if this.selected}} font-bold{{/if}}"
|
|
60
60
|
{{#if this.labelText}} aria-label="{{this.labelText}}"{{/if}}
|
|
61
61
|
data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": "1", "clickLabel": "Rubriknavigation::{{this.text}}-Link geklickt"}]}'
|
|
62
62
|
x-effect="$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<a class="relative flex items-center w-auto h-full text-white fill-current sb-service-logo link-focus-
|
|
1
|
+
<a class="relative flex items-center w-auto h-full text-white fill-current sb-service-logo link-focus-inset print:hidden"
|
|
2
2
|
href={{resourceUrl "index.html"}}
|
|
3
3
|
title="{{loca "header_homepage_link_title"}}">
|
|
4
4
|
|
package/src/stories/views/components/site_header/service_navigation/service_navigation_item.hbs
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
@close-servicemenu.window="dropped = false; $store.serviceNavIsOpen = false"
|
|
9
9
|
x-data="dropdown"
|
|
10
10
|
id="{{getRandom}}"
|
|
11
|
-
class="js-load flex flex-col items-center justify-center h-full px-4 text-left lg:justify-start lg:px-3 lg:pt-1 lg:hover:underline lg:relative lg:rounded-t lg:border-0 lg:left-0 text-navigation-icons link-focus-inset
|
|
11
|
+
class="js-load flex flex-col items-center justify-center h-full px-4 text-left lg:justify-start lg:px-3 lg:pt-1 lg:hover:underline lg:relative lg:rounded-t lg:border-0 lg:left-0 text-navigation-icons link-focus-inset {{#if this.selected}}-currentService{{/if}}"
|
|
12
12
|
|
|
13
13
|
:class="dropped ? 'bg-white fill-current text-primary lg:border-0 lg:underline' : ''"
|
|
14
14
|
aria-owns="flyout-{{getRandom}}"
|
|
@@ -20,9 +20,9 @@
|
|
|
20
20
|
{{else}}
|
|
21
21
|
|
|
22
22
|
{{#if this.extern}}
|
|
23
|
-
<a href="{{this.url}}" target="_blank" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:pt-1 lg:rounded-t link-focus-inset
|
|
23
|
+
<a href="{{this.url}}" target="_blank" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:pt-1 lg:rounded-t link-focus-inset js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": "1", "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'>
|
|
24
24
|
{{else}}
|
|
25
|
-
<a href="{{resourceUrl this.url}}" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:pt-1 lg:rounded-t link-focus-inset
|
|
25
|
+
<a href="{{resourceUrl this.url}}" x-init="dropped = false" class="flex flex-col items-center justify-center h-full px-4 lg:justify-start lg:px-3 lg:pt-1 lg:rounded-t link-focus-inset js-load" id="flyout-{{nextRandom}}-1" data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": "1", "clickLabel": "Servicenavigation::{{this.text}}-Link geklickt"}]}'>
|
|
26
26
|
{{/if}}
|
|
27
27
|
|
|
28
28
|
{{/if}}
|