hr-design-system-handlebars 1.52.23 → 1.53.0

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,27 @@
1
+ # v1.53.0 (Fri Feb 02 2024)
2
+
3
+ #### 🚀 Enhancement
4
+
5
+ - :bug: Add support for statically generated navigation on error pages [#827](https://github.com/mumprod/hr-design-system-handlebars/pull/827) ([@szuelch](https://github.com/szuelch))
6
+
7
+ #### Authors: 1
8
+
9
+ - [@szuelch](https://github.com/szuelch)
10
+
11
+ ---
12
+
13
+ # v1.52.24 (Wed Jan 31 2024)
14
+
15
+ #### 🐛 Bug Fix
16
+
17
+ - - fixes wrong tabindex in section_navigation_item.hbs [#825](https://github.com/mumprod/hr-design-system-handlebars/pull/825) ([@StefanVesper](https://github.com/StefanVesper))
18
+
19
+ #### Authors: 1
20
+
21
+ - SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
22
+
23
+ ---
24
+
1
25
  # v1.52.23 (Wed Jan 31 2024)
2
26
 
3
27
  #### 🐛 Bug Fix
@@ -3296,7 +3296,7 @@ a.link {
3296
3296
  border-bottom-color: var(--color-secondary-ds);
3297
3297
  }
3298
3298
  .counter-reset {
3299
- counter-reset: cnt1706693836791;
3299
+ counter-reset: cnt1706887385418;
3300
3300
  }
3301
3301
  .hyphens-auto {
3302
3302
  -webkit-hyphens: auto;
@@ -3598,7 +3598,7 @@ a.link {
3598
3598
  --tw-ring-color: rgba(255, 255, 255, 0.5);
3599
3599
  }
3600
3600
  .-ordered {
3601
- counter-increment: cnt1706693836791 1;
3601
+ counter-increment: cnt1706887385418 1;
3602
3602
  }
3603
3603
  .-ordered::before {
3604
3604
  position: absolute;
@@ -3614,7 +3614,7 @@ a.link {
3614
3614
  letter-spacing: .0125em;
3615
3615
  --tw-text-opacity: 1;
3616
3616
  color: rgba(0, 0, 0, var(--tw-text-opacity));
3617
- content: counter(cnt1706693836791);
3617
+ content: counter(cnt1706887385418);
3618
3618
  }
3619
3619
  /*! ****************************/
3620
3620
  /*! DataPolicy stuff */
@@ -1,7 +1,7 @@
1
1
  <li :class="dropped ? 'h-auto' : 'h-10'"
2
2
  class="lg:border-0 sb-navigation-flyout-item pl-4 {{#if _flyout}}lg:px-0 {{else}}lg:px-2 lg:first-of-type:pl-0 {{/if}}{{#if _parentselected}}lg:whitespace-nowrap{{/if}} flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline">
3
3
  {{~#with this}}
4
- {{~#> components/base/link _link=this.link _css=(inline-switch _fromNav '["RubrikNavigation","ServiceNavigation","SubNavInRubrikNav"]' '["link-focus-inset py-2 w-full","link-focus py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full","link-focus py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full"]') ~}}
4
+ {{~#> components/base/link _link=this.link _css=(inline-switch _fromNav '["RubrikNavigation","ServiceNavigation","SubNavInRubrikNav"]' '["link-focus-inset py-2 w-full","link-focus py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full","link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full"]') ~}}
5
5
  {{this.text}}
6
6
  {{~#if this.link.hasIcon}}{{> components/base/image/icon _icon=this.link.iconName _addClass="h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex" _iconmap="icons" }}{{/if}}
7
7
  {{~/components/base/link}}
@@ -9,18 +9,22 @@
9
9
 
10
10
  {{#with this.sectionNavigationSSILinks}}
11
11
  <ul class="flex flex-col items-center w-full text-left list-none text-navigation-icons lg:flex-row lg:h-auto lg:mt-1">
12
- {{#each this}}
13
- {{#if (isStorybook)}}
14
- {{> components/site_header/section_navigation/section_navigation_item }}
15
- {{else}}
16
- {{{this}}}
17
- {{/if}}
18
- {{#if @first}}
19
- {{#with ../../this.topTopicsNavigation }}
20
- {{> components/site_header/section_navigation/section_navigation_top_topics }}
21
- {{/with}}
22
- {{/if}}
23
- {{/each}}
12
+ {{#if this.errorPageNavigation}}
13
+ {{> components/site_header/section_navigation/section_navigation_item}}
14
+ {{else}}
15
+ {{#each this}}
16
+ {{#if (isStorybook)}}
17
+ {{> components/site_header/section_navigation/section_navigation_item }}
18
+ {{else}}
19
+ {{{this}}}
20
+ {{/if}}
21
+ {{#if @first}}
22
+ {{#with ../../this.topTopicsNavigation }}
23
+ {{> components/site_header/section_navigation/section_navigation_top_topics }}
24
+ {{/with}}
25
+ {{/if}}
26
+ {{/each}}
27
+ {{/if}}
24
28
  </ul>
25
29
  {{/with}}
26
30
 
@@ -30,7 +30,7 @@
30
30
  :class="dropped ? 'lg:underline font-bold lg:font-normal' : 'font-normal'"
31
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
- x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen ? '0' : '-1')"
33
+ x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')"
34
34
  aria-owns="flyout-{{getRandom}}"
35
35
  aria-controls="flyout-{{getRandom}}"
36
36
  aria-labelledby="flyout-{{getRandom}}-1"
@@ -55,7 +55,8 @@
55
55
  {{~else ~}}
56
56
 
57
57
  {{!-- Gilt für START/GESELLSCHAFT/WIRTSCHAFT usw: --}}
58
- <a href="{{if this.extern this.url (resourceUrl this.url)}}"
58
+ <a {{#if this.extern}}href="{{this.url}}{{else}}href="{{resourceUrl
59
+ this.url}}{{/if}}"
59
60
  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
61
  {{#if this.labelText}} aria-label="{{this.labelText}}"{{/if}}
61
62
  data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": "1", "clickLabel": "Rubriknavigation::{{this.text}}-Link geklickt"}]}'
@@ -7,9 +7,13 @@
7
7
  >
8
8
  {{#with this.serviceNavigationSSILinks}}
9
9
  <ul class="flex justify-around w-full h-full -itemCount-{{ count }} lg:w-auto lg:justify-end lg:pt-1">
10
- {{#each this}}
11
- {{> components/base/loadSSI _templatePath='components/site_header/service_navigation/service_navigation_item' }}
12
- {{/each}}
10
+ {{#if this.errorPageNavigation}}
11
+ {{> components/site_header/service_navigation/service_navigation_item}}
12
+ {{else}}
13
+ {{#each this}}
14
+ {{> components/base/loadSSI _templatePath='components/site_header/service_navigation/service_navigation_item' }}
15
+ {{/each}}
16
+ {{/if}}
13
17
  </ul>
14
18
  {{/with}}
15
19
  </div>
@@ -1,7 +1,7 @@
1
1
  <li :class="dropped ? 'h-auto' : 'h-10'"
2
2
  class="lg:border-0 sb-navigation-flyout-item pl-4 {{#if _flyout}}lg:px-0 {{else}}lg:px-2 lg:first-of-type:pl-0 {{/if}}{{#if _parentselected}}lg:whitespace-nowrap{{/if}} flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline">
3
3
  {{~#with this}}
4
- {{~#> components/base/link _link=this.link _css=(inline-switch _fromNav '["RubrikNavigation","ServiceNavigation","SubNavInRubrikNav"]' '["link-focus-inset py-2 w-full","link-focus py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full","link-focus py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full"]') ~}}
4
+ {{~#> components/base/link _link=this.link _css=(inline-switch _fromNav '["RubrikNavigation","ServiceNavigation","SubNavInRubrikNav"]' '["link-focus-inset py-2 w-full","link-focus py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full","link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full"]') ~}}
5
5
  {{this.text}}
6
6
  {{~#if this.link.hasIcon}}{{> components/base/image/icon _icon=this.link.iconName _addClass="h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex" _iconmap="icons" }}{{/if}}
7
7
  {{~/components/base/link}}
@@ -9,18 +9,22 @@
9
9
 
10
10
  {{#with this.sectionNavigationSSILinks}}
11
11
  <ul class="flex flex-col items-center w-full text-left list-none text-navigation-icons lg:flex-row lg:h-auto lg:mt-1">
12
- {{#each this}}
13
- {{#if (isStorybook)}}
14
- {{> components/site_header/section_navigation/section_navigation_item }}
15
- {{else}}
16
- {{{this}}}
17
- {{/if}}
18
- {{#if @first}}
19
- {{#with ../../this.topTopicsNavigation }}
20
- {{> components/site_header/section_navigation/section_navigation_top_topics }}
21
- {{/with}}
22
- {{/if}}
23
- {{/each}}
12
+ {{#if this.errorPageNavigation}}
13
+ {{> components/site_header/section_navigation/section_navigation_item}}
14
+ {{else}}
15
+ {{#each this}}
16
+ {{#if (isStorybook)}}
17
+ {{> components/site_header/section_navigation/section_navigation_item }}
18
+ {{else}}
19
+ {{{this}}}
20
+ {{/if}}
21
+ {{#if @first}}
22
+ {{#with ../../this.topTopicsNavigation }}
23
+ {{> components/site_header/section_navigation/section_navigation_top_topics }}
24
+ {{/with}}
25
+ {{/if}}
26
+ {{/each}}
27
+ {{/if}}
24
28
  </ul>
25
29
  {{/with}}
26
30
 
@@ -30,7 +30,7 @@
30
30
  :class="dropped ? 'lg:underline font-bold lg:font-normal' : 'font-normal'"
31
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
- x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen ? '0' : '-1')"
33
+ x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')"
34
34
  aria-owns="flyout-{{getRandom}}"
35
35
  aria-controls="flyout-{{getRandom}}"
36
36
  aria-labelledby="flyout-{{getRandom}}-1"
@@ -55,7 +55,8 @@
55
55
  {{~else ~}}
56
56
 
57
57
  {{!-- Gilt für START/GESELLSCHAFT/WIRTSCHAFT usw: --}}
58
- <a href="{{if this.extern this.url (resourceUrl this.url)}}"
58
+ <a {{#if this.extern}}href="{{this.url}}{{else}}href="{{resourceUrl
59
+ this.url}}{{/if}}"
59
60
  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
61
  {{#if this.labelText}} aria-label="{{this.labelText}}"{{/if}}
61
62
  data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": "1", "clickLabel": "Rubriknavigation::{{this.text}}-Link geklickt"}]}'
@@ -7,9 +7,13 @@
7
7
  >
8
8
  {{#with this.serviceNavigationSSILinks}}
9
9
  <ul class="flex justify-around w-full h-full -itemCount-{{ count }} lg:w-auto lg:justify-end lg:pt-1">
10
- {{#each this}}
11
- {{> components/base/loadSSI _templatePath='components/site_header/service_navigation/service_navigation_item' }}
12
- {{/each}}
10
+ {{#if this.errorPageNavigation}}
11
+ {{> components/site_header/service_navigation/service_navigation_item}}
12
+ {{else}}
13
+ {{#each this}}
14
+ {{> components/base/loadSSI _templatePath='components/site_header/service_navigation/service_navigation_item' }}
15
+ {{/each}}
16
+ {{/if}}
13
17
  </ul>
14
18
  {{/with}}
15
19
  </div>
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.23",
9
+ "version": "1.53.0",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
@@ -1,7 +1,7 @@
1
1
  <li :class="dropped ? 'h-auto' : 'h-10'"
2
2
  class="lg:border-0 sb-navigation-flyout-item pl-4 {{#if _flyout}}lg:px-0 {{else}}lg:px-2 lg:first-of-type:pl-0 {{/if}}{{#if _parentselected}}lg:whitespace-nowrap{{/if}} flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline">
3
3
  {{~#with this}}
4
- {{~#> components/base/link _link=this.link _css=(inline-switch _fromNav '["RubrikNavigation","ServiceNavigation","SubNavInRubrikNav"]' '["link-focus-inset py-2 w-full","link-focus py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full","link-focus py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full"]') ~}}
4
+ {{~#> components/base/link _link=this.link _css=(inline-switch _fromNav '["RubrikNavigation","ServiceNavigation","SubNavInRubrikNav"]' '["link-focus-inset py-2 w-full","link-focus py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full","link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full"]') ~}}
5
5
  {{this.text}}
6
6
  {{~#if this.link.hasIcon}}{{> components/base/image/icon _icon=this.link.iconName _addClass="h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex" _iconmap="icons" }}{{/if}}
7
7
  {{~/components/base/link}}
@@ -9,18 +9,22 @@
9
9
 
10
10
  {{#with this.sectionNavigationSSILinks}}
11
11
  <ul class="flex flex-col items-center w-full text-left list-none text-navigation-icons lg:flex-row lg:h-auto lg:mt-1">
12
- {{#each this}}
13
- {{#if (isStorybook)}}
14
- {{> components/site_header/section_navigation/section_navigation_item }}
15
- {{else}}
16
- {{{this}}}
17
- {{/if}}
18
- {{#if @first}}
19
- {{#with ../../this.topTopicsNavigation }}
20
- {{> components/site_header/section_navigation/section_navigation_top_topics }}
21
- {{/with}}
22
- {{/if}}
23
- {{/each}}
12
+ {{#if this.errorPageNavigation}}
13
+ {{> components/site_header/section_navigation/section_navigation_item}}
14
+ {{else}}
15
+ {{#each this}}
16
+ {{#if (isStorybook)}}
17
+ {{> components/site_header/section_navigation/section_navigation_item }}
18
+ {{else}}
19
+ {{{this}}}
20
+ {{/if}}
21
+ {{#if @first}}
22
+ {{#with ../../this.topTopicsNavigation }}
23
+ {{> components/site_header/section_navigation/section_navigation_top_topics }}
24
+ {{/with}}
25
+ {{/if}}
26
+ {{/each}}
27
+ {{/if}}
24
28
  </ul>
25
29
  {{/with}}
26
30
 
@@ -30,7 +30,7 @@
30
30
  :class="dropped ? 'lg:underline font-bold lg:font-normal' : 'font-normal'"
31
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
- x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen ? '0' : '-1')"
33
+ x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex', $store.burgeropen || $screen('lg') ? '0' : '-1')"
34
34
  aria-owns="flyout-{{getRandom}}"
35
35
  aria-controls="flyout-{{getRandom}}"
36
36
  aria-labelledby="flyout-{{getRandom}}-1"
@@ -55,7 +55,8 @@
55
55
  {{~else ~}}
56
56
 
57
57
  {{!-- Gilt für START/GESELLSCHAFT/WIRTSCHAFT usw: --}}
58
- <a href="{{if this.extern this.url (resourceUrl this.url)}}"
58
+ <a {{#if this.extern}}href="{{this.url}}{{else}}href="{{resourceUrl
59
+ this.url}}{{/if}}"
59
60
  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
61
  {{#if this.labelText}} aria-label="{{this.labelText}}"{{/if}}
61
62
  data-hr-click-tracking='{"settings": [{"type": "uxNavigation", "secondLevelId": "1", "clickLabel": "Rubriknavigation::{{this.text}}-Link geklickt"}]}'
@@ -7,9 +7,13 @@
7
7
  >
8
8
  {{#with this.serviceNavigationSSILinks}}
9
9
  <ul class="flex justify-around w-full h-full -itemCount-{{ count }} lg:w-auto lg:justify-end lg:pt-1">
10
- {{#each this}}
11
- {{> components/base/loadSSI _templatePath='components/site_header/service_navigation/service_navigation_item' }}
12
- {{/each}}
10
+ {{#if this.errorPageNavigation}}
11
+ {{> components/site_header/service_navigation/service_navigation_item}}
12
+ {{else}}
13
+ {{#each this}}
14
+ {{> components/base/loadSSI _templatePath='components/site_header/service_navigation/service_navigation_item' }}
15
+ {{/each}}
16
+ {{/if}}
13
17
  </ul>
14
18
  {{/with}}
15
19
  </div>