hr-design-system-handlebars 1.42.1 → 1.42.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 +24 -0
- package/dist/assets/index.css +6 -3
- package/dist/views/components/podcast/components/podcast_subscribe_button.hbs +2 -2
- package/dist/views/components/site_header/navigation_flyout/navigation_flyout_item.hbs +5 -5
- package/dist/views_static/components/podcast/components/podcast_subscribe_button.hbs +2 -2
- package/dist/views_static/components/site_header/navigation_flyout/navigation_flyout_item.hbs +5 -5
- package/package.json +1 -1
- package/src/assets/fixtures/site_header/sectionNavigation_mit_submenu_as_flyout.inc.json +1 -1
- package/src/stories/views/components/podcast/components/podcast_subscribe_button.hbs +2 -2
- package/src/stories/views/components/site_header/fixtures/site_header_mit_submenu_as_flyout.json +1 -1
- package/src/stories/views/components/site_header/fixtures/site_header_mit_submenu_as_flyout_no_sticky.json +1 -1
- package/src/stories/views/components/site_header/navigation_flyout/navigation_flyout_item.hbs +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,27 @@
|
|
|
1
|
+
# v1.42.3 (Mon Oct 16 2023)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- Dpe 2205 b [#734](https://github.com/mumprod/hr-design-system-handlebars/pull/734) ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v1.42.2 (Fri Oct 13 2023)
|
|
14
|
+
|
|
15
|
+
#### 🐛 Bug Fix
|
|
16
|
+
|
|
17
|
+
- DPE-2550 - Button hängt über Hintergrund- [#733](https://github.com/mumprod/hr-design-system-handlebars/pull/733) ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
18
|
+
|
|
19
|
+
#### Authors: 1
|
|
20
|
+
|
|
21
|
+
- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
1
25
|
# v1.42.1 (Fri Oct 13 2023)
|
|
2
26
|
|
|
3
27
|
#### 🐛 Bug Fix
|
package/dist/assets/index.css
CHANGED
|
@@ -1132,6 +1132,9 @@ video {
|
|
|
1132
1132
|
.z-300 {
|
|
1133
1133
|
z-index: 300;
|
|
1134
1134
|
}
|
|
1135
|
+
.z-50 {
|
|
1136
|
+
z-index: 50;
|
|
1137
|
+
}
|
|
1135
1138
|
.order-1 {
|
|
1136
1139
|
order: 1;
|
|
1137
1140
|
}
|
|
@@ -3035,7 +3038,7 @@ video {
|
|
|
3035
3038
|
border-bottom-color: var(--color-secondary-ds);
|
|
3036
3039
|
}
|
|
3037
3040
|
.counter-reset {
|
|
3038
|
-
counter-reset:
|
|
3041
|
+
counter-reset: cnt1697445217445;
|
|
3039
3042
|
}
|
|
3040
3043
|
.hyphens-auto {
|
|
3041
3044
|
-webkit-hyphens: auto;
|
|
@@ -3270,7 +3273,7 @@ video {
|
|
|
3270
3273
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
3271
3274
|
}
|
|
3272
3275
|
.-ordered {
|
|
3273
|
-
counter-increment:
|
|
3276
|
+
counter-increment: cnt1697445217445 1;
|
|
3274
3277
|
}
|
|
3275
3278
|
.-ordered::before {
|
|
3276
3279
|
position: absolute;
|
|
@@ -3286,7 +3289,7 @@ video {
|
|
|
3286
3289
|
letter-spacing: .0125em;
|
|
3287
3290
|
--tw-text-opacity: 1;
|
|
3288
3291
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
3289
|
-
content: counter(
|
|
3292
|
+
content: counter(cnt1697445217445);
|
|
3290
3293
|
}
|
|
3291
3294
|
/*! ****************************/
|
|
3292
3295
|
/*! DataPolicy stuff */
|
|
@@ -16,12 +16,12 @@
|
|
|
16
16
|
x-on:keydown.escape.prevent.stop="close($refs.button)"
|
|
17
17
|
x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
|
|
18
18
|
x-id="['dropdown-button']"
|
|
19
|
-
class="flex flex-col h-10 w-fit
|
|
19
|
+
class="z-50 flex flex-col h-10 w-fit"
|
|
20
20
|
>
|
|
21
21
|
|
|
22
22
|
{{!-- Button --}}
|
|
23
23
|
{{#with this}}
|
|
24
|
-
{{#> components/button/button _size="md" _disableButtonPress=true}}
|
|
24
|
+
{{#> components/button/button _size="md" _disableButtonPress=true _css="w-fit" }}
|
|
25
25
|
{{>components/button/components/button_label _label="Abonnieren" _css="flex-1 text-left truncate mr-2" _type="button"}}
|
|
26
26
|
<span x-cloak x-show="open" class="inline-flex w-3 h-3">
|
|
27
27
|
{{> components/base/image/icon _icon='arrow-up' _addClass="mt-[1px] w-3 h-3 fill-white" }}
|
|
@@ -1,12 +1,12 @@
|
|
|
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
|
-
{{
|
|
4
|
-
{{
|
|
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"]') ~}}
|
|
5
5
|
{{this.text}}
|
|
6
|
-
{{~#if this.link.hasIcon}}{{> components/base/image/icon _icon=this.link.iconName _addClass="w-
|
|
7
|
-
{{
|
|
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
|
+
{{~/components/base/link}}
|
|
8
8
|
{{#*inline "htmlProperties"}}
|
|
9
9
|
{{> components/tracking/navigation_tracking _clickLabelType=../../_fromNav-adjust_context _clickLabelPrefix1=../../_parent-adjust_context clickLabelPrefix2=this.link.content.text}}
|
|
10
10
|
{{/inline}}
|
|
11
|
-
{{/with}}
|
|
11
|
+
{{/with~}}
|
|
12
12
|
</li>
|
|
@@ -16,12 +16,12 @@
|
|
|
16
16
|
x-on:keydown.escape.prevent.stop="close($refs.button)"
|
|
17
17
|
x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
|
|
18
18
|
x-id="['dropdown-button']"
|
|
19
|
-
class="flex flex-col h-10 w-fit
|
|
19
|
+
class="z-50 flex flex-col h-10 w-fit"
|
|
20
20
|
>
|
|
21
21
|
|
|
22
22
|
{{!-- Button --}}
|
|
23
23
|
{{#with this}}
|
|
24
|
-
{{#> components/button/button _size="md" _disableButtonPress=true}}
|
|
24
|
+
{{#> components/button/button _size="md" _disableButtonPress=true _css="w-fit" }}
|
|
25
25
|
{{>components/button/components/button_label _label="Abonnieren" _css="flex-1 text-left truncate mr-2" _type="button"}}
|
|
26
26
|
<span x-cloak x-show="open" class="inline-flex w-3 h-3">
|
|
27
27
|
{{> components/base/image/icon _icon='arrow-up' _addClass="mt-[1px] w-3 h-3 fill-white" }}
|
package/dist/views_static/components/site_header/navigation_flyout/navigation_flyout_item.hbs
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
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
|
-
{{
|
|
4
|
-
{{
|
|
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"]') ~}}
|
|
5
5
|
{{this.text}}
|
|
6
|
-
{{~#if this.link.hasIcon}}{{> components/base/image/icon _icon=this.link.iconName _addClass="w-
|
|
7
|
-
{{
|
|
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
|
+
{{~/components/base/link}}
|
|
8
8
|
{{#*inline "htmlProperties"}}
|
|
9
9
|
{{> components/tracking/navigation_tracking _clickLabelType=_fromNav _clickLabelPrefix1=_parent clickLabelPrefix2=this.link.content.text}}
|
|
10
10
|
{{/inline}}
|
|
11
|
-
{{/with}}
|
|
11
|
+
{{/with~}}
|
|
12
12
|
</li>
|
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.42.
|
|
9
|
+
"version": "1.42.3",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -16,12 +16,12 @@
|
|
|
16
16
|
x-on:keydown.escape.prevent.stop="close($refs.button)"
|
|
17
17
|
x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
|
|
18
18
|
x-id="['dropdown-button']"
|
|
19
|
-
class="flex flex-col h-10 w-fit
|
|
19
|
+
class="z-50 flex flex-col h-10 w-fit"
|
|
20
20
|
>
|
|
21
21
|
|
|
22
22
|
{{!-- Button --}}
|
|
23
23
|
{{#with this}}
|
|
24
|
-
{{#> components/button/button _size="md" _disableButtonPress=true}}
|
|
24
|
+
{{#> components/button/button _size="md" _disableButtonPress=true _css="w-fit" }}
|
|
25
25
|
{{>components/button/components/button_label _label="Abonnieren" _css="flex-1 text-left truncate mr-2" _type="button"}}
|
|
26
26
|
<span x-cloak x-show="open" class="inline-flex w-3 h-3">
|
|
27
27
|
{{> components/base/image/icon _icon='arrow-up' _addClass="mt-[1px] w-3 h-3 fill-white" }}
|
package/src/stories/views/components/site_header/fixtures/site_header_mit_submenu_as_flyout.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"hasOpenSubNavigation":true,"_useSticky":true,"brandNavigationItems":[{"name":"hessenschau.DE","text":"hessenschau","site":"hessenscha","selected":true,"extern":false},{"name":"HR1","text":"hr1","site":"hr1","extern":true},{"name":"HR2","text":"hr2-kultur","site":"hr2","extern":true},{"name":"HR3","text":"hr3","site":"hr3","extern":true},{"name":"HR4","text":"hr4","site":"hr4","extern":true},{"name":"HR-info","text":"hr-iNFO","site":"hr-inforadio","extern":true},{"name":"you-fm","text":"YOU FM","site":"you-fm","extern":true},{"name":"HR-fernsehen","text":"hr-fernsehen","site":"hr-fernsehen","extern":true},{"name":"HR-Sinfonieorchester","text":"hr-Sinfonieorchester","site":"hr-sinfonieorchester","extern":true},{"name":"HR-Bigband","text":"hr-Bigband","site":"hr-bigband","extern":true},{"name":"Der HR","text":"Der hr","site":"hr","extern":true}],"serviceNavigationSSILinks":[{"navigationItems":[{"id":"highlights","text":"Highlights","icon":"highlights-ds","selected":false,"isCluster":false,"url":"https://www.hr3.de"}]},{"navigationItems":[{"id":"kontakt","text":"Kontakt","icon":"kontakt-ds","selected":false,"isCluster":false,"url":"https://www.hr3.de"}]},{"navigationItems":[{"id":"facebook","text":"Facebook","icon":"facebook-ds","selected":false,"isCluster":false,"url":"https://www.hr3.de"}]},{"navigationItems":[{"id":"instagram-ds","text":"Instagram","icon":"instagram-ds","selected":false,"isCluster":false,"url":"https://www.hr3.de"}]},{"navigationItems":[{"id":"playlist","text":"Playlist","icon":"playlist-ds","selected":false,"isCluster":false,"url":"https://www.hr3.de"}]},{"navigationItems":[{"id":"whatsapp-ds","text":"Whatsapp","icon":"whatsapp-ds","selected":false,"isCluster":false,"url":"https://www.hr3.de"}]},{"navigationItems":[{"id":"podcast-ds","text":"Podcast","icon":"podcast-ds","selected":false,"isCluster":false,"url":"https://www.hr3.de"}]}],"sectionNavigationSSILinks":[{"navigationItems":[{"name":"hr3","text":"Start","hiddenText":"hr3","url":"index.html","labelText":"Startseite von hr3","subNavigationFromIndex":true,"selected":true}]},{"navigationItems":[{"name":"aktionen","text":"Aktionen","url":"aktionen/index.html","qualifiedRelatedContentOn404":true}]},{"navigationItems":[{"name":"events","text":"Events","url":"events/index.html","qualifiedRelatedContentOn404":true}]},{"navigationItems":[{"name":"shows","text":"Shows","url":"shows/index.html","flyoutStartLinkText":"Übersicht Shows","isCluster":false,"subNavigation":{"showAsFlyout":true,"columnCount":"1","columns":[[{"title":"Die HR3 Morningshow","text":"Die HR3 Morningshow","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Der HR3 Nachmittag","text":"Der HR3 Nachmittag","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Der HR3 Sonntagstalk","text":"Der HR3 Sonntagstalk","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Moderator*innen","text":"Moderator*innen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Programm","text":"Programm","link":{"url":"http://www.test.de","hasIcon":
|
|
1
|
+
{"hasOpenSubNavigation":true,"_useSticky":true,"brandNavigationItems":[{"name":"hessenschau.DE","text":"hessenschau","site":"hessenscha","selected":true,"extern":false},{"name":"HR1","text":"hr1","site":"hr1","extern":true},{"name":"HR2","text":"hr2-kultur","site":"hr2","extern":true},{"name":"HR3","text":"hr3","site":"hr3","extern":true},{"name":"HR4","text":"hr4","site":"hr4","extern":true},{"name":"HR-info","text":"hr-iNFO","site":"hr-inforadio","extern":true},{"name":"you-fm","text":"YOU FM","site":"you-fm","extern":true},{"name":"HR-fernsehen","text":"hr-fernsehen","site":"hr-fernsehen","extern":true},{"name":"HR-Sinfonieorchester","text":"hr-Sinfonieorchester","site":"hr-sinfonieorchester","extern":true},{"name":"HR-Bigband","text":"hr-Bigband","site":"hr-bigband","extern":true},{"name":"Der HR","text":"Der hr","site":"hr","extern":true}],"serviceNavigationSSILinks":[{"navigationItems":[{"id":"highlights","text":"Highlights","icon":"highlights-ds","selected":false,"isCluster":false,"url":"https://www.hr3.de"}]},{"navigationItems":[{"id":"kontakt","text":"Kontakt","icon":"kontakt-ds","selected":false,"isCluster":false,"url":"https://www.hr3.de"}]},{"navigationItems":[{"id":"facebook","text":"Facebook","icon":"facebook-ds","selected":false,"isCluster":false,"url":"https://www.hr3.de"}]},{"navigationItems":[{"id":"instagram-ds","text":"Instagram","icon":"instagram-ds","selected":false,"isCluster":false,"url":"https://www.hr3.de"}]},{"navigationItems":[{"id":"playlist","text":"Playlist","icon":"playlist-ds","selected":false,"isCluster":false,"url":"https://www.hr3.de"}]},{"navigationItems":[{"id":"whatsapp-ds","text":"Whatsapp","icon":"whatsapp-ds","selected":false,"isCluster":false,"url":"https://www.hr3.de"}]},{"navigationItems":[{"id":"podcast-ds","text":"Podcast","icon":"podcast-ds","selected":false,"isCluster":false,"url":"https://www.hr3.de"}]}],"sectionNavigationSSILinks":[{"navigationItems":[{"name":"hr3","text":"Start","hiddenText":"hr3","url":"index.html","labelText":"Startseite von hr3","subNavigationFromIndex":true,"selected":true}]},{"navigationItems":[{"name":"aktionen","text":"Aktionen","url":"aktionen/index.html","qualifiedRelatedContentOn404":true}]},{"navigationItems":[{"name":"events","text":"Events","url":"events/index.html","qualifiedRelatedContentOn404":true}]},{"navigationItems":[{"name":"shows","text":"Shows","url":"shows/index.html","flyoutStartLinkText":"Übersicht Shows","isCluster":false,"subNavigation":{"showAsFlyout":true,"columnCount":"1","columns":[[{"title":"Die HR3 Morningshow","text":"Die HR3 Morningshow","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Der HR3 Nachmittag","text":"Der HR3 Nachmittag","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Der HR3 Sonntagstalk","text":"Der HR3 Sonntagstalk","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Moderator*innen","text":"Moderator*innen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Programm","text":"Programm","link":{"url":"http://www.test.de","hasIcon":true,"iconName":"extern"}}]]}}]},{"navigationItems":[{"name":"playlist","text":"Playlist","url":"playlist/index.html","qualifiedRelatedContentOn404":true}]},{"navigationItems":[{"name":"kontakt","text":"Kontakt","url":"kontakt/index.html","qualifiedRelatedContentOn404":true}]}]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"hasOpenSubNavigation":true,"_useSticky":false,"brandNavigationItems":[{"name":"hessenschau.DE","text":"hessenschau","site":"hessenscha","selected":true,"extern":false},{"name":"HR1","text":"hr1","site":"hr1","extern":true},{"name":"HR2","text":"hr2-kultur","site":"hr2","extern":true},{"name":"HR3","text":"hr3","site":"hr3","extern":true},{"name":"HR4","text":"hr4","site":"hr4","extern":true},{"name":"HR-info","text":"hr-iNFO","site":"hr-inforadio","extern":true},{"name":"you-fm","text":"YOU FM","site":"you-fm","extern":true},{"name":"HR-fernsehen","text":"hr-fernsehen","site":"hr-fernsehen","extern":true},{"name":"HR-Sinfonieorchester","text":"hr-Sinfonieorchester","site":"hr-sinfonieorchester","extern":true},{"name":"HR-Bigband","text":"hr-Bigband","site":"hr-bigband","extern":true},{"name":"Der HR","text":"Der hr","site":"hr","extern":true}],"serviceNavigationSSILinks":[{"navigationItems":[{"id":"highlights","text":"Highlights","icon":"highlights-ds","selected":false,"isCluster":false,"url":"https://www.hr3.de"}]},{"navigationItems":[{"id":"kontakt","text":"Kontakt","icon":"kontakt-ds","selected":false,"isCluster":false,"url":"https://www.hr3.de"}]},{"navigationItems":[{"id":"facebook","text":"Facebook","icon":"facebook-ds","selected":false,"isCluster":false,"url":"https://www.hr3.de"}]},{"navigationItems":[{"id":"instagram-ds","text":"Instagram","icon":"instagram-ds","selected":false,"isCluster":false,"url":"https://www.hr3.de"}]},{"navigationItems":[{"id":"playlist","text":"Playlist","icon":"playlist-ds","selected":false,"isCluster":false,"url":"https://www.hr3.de"}]},{"navigationItems":[{"id":"whatsapp-ds","text":"Whatsapp","icon":"whatsapp-ds","selected":false,"isCluster":false,"url":"https://www.hr3.de"}]},{"navigationItems":[{"id":"podcast-ds","text":"Podcast","icon":"podcast-ds","selected":false,"isCluster":false,"url":"https://www.hr3.de"}]}],"sectionNavigationSSILinks":[{"navigationItems":[{"name":"hr3","text":"Start","hiddenText":"hr3","url":"index.html","labelText":"Startseite von hr3","subNavigationFromIndex":true,"selected":true}]},{"navigationItems":[{"name":"aktionen","text":"Aktionen","url":"aktionen/index.html","qualifiedRelatedContentOn404":true}]},{"navigationItems":[{"name":"events","text":"Events","url":"events/index.html","qualifiedRelatedContentOn404":true}]},{"navigationItems":[{"name":"shows","text":"Shows","url":"shows/index.html","flyoutStartLinkText":"Übersicht Shows","isCluster":false,"subNavigation":{"showAsFlyout":true,"columnCount":"1","columns":[[{"title":"Die HR3 Morningshow","text":"Die HR3 Morningshow","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Der HR3 Nachmittag","text":"Der HR3 Nachmittag","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Der HR3 Sonntagstalk","text":"Der HR3 Sonntagstalk","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Moderator*innen","text":"Moderator*innen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Programm","text":"Programm","link":{"url":"http://www.test.de","hasIcon":
|
|
1
|
+
{"hasOpenSubNavigation":true,"_useSticky":false,"brandNavigationItems":[{"name":"hessenschau.DE","text":"hessenschau","site":"hessenscha","selected":true,"extern":false},{"name":"HR1","text":"hr1","site":"hr1","extern":true},{"name":"HR2","text":"hr2-kultur","site":"hr2","extern":true},{"name":"HR3","text":"hr3","site":"hr3","extern":true},{"name":"HR4","text":"hr4","site":"hr4","extern":true},{"name":"HR-info","text":"hr-iNFO","site":"hr-inforadio","extern":true},{"name":"you-fm","text":"YOU FM","site":"you-fm","extern":true},{"name":"HR-fernsehen","text":"hr-fernsehen","site":"hr-fernsehen","extern":true},{"name":"HR-Sinfonieorchester","text":"hr-Sinfonieorchester","site":"hr-sinfonieorchester","extern":true},{"name":"HR-Bigband","text":"hr-Bigband","site":"hr-bigband","extern":true},{"name":"Der HR","text":"Der hr","site":"hr","extern":true}],"serviceNavigationSSILinks":[{"navigationItems":[{"id":"highlights","text":"Highlights","icon":"highlights-ds","selected":false,"isCluster":false,"url":"https://www.hr3.de"}]},{"navigationItems":[{"id":"kontakt","text":"Kontakt","icon":"kontakt-ds","selected":false,"isCluster":false,"url":"https://www.hr3.de"}]},{"navigationItems":[{"id":"facebook","text":"Facebook","icon":"facebook-ds","selected":false,"isCluster":false,"url":"https://www.hr3.de"}]},{"navigationItems":[{"id":"instagram-ds","text":"Instagram","icon":"instagram-ds","selected":false,"isCluster":false,"url":"https://www.hr3.de"}]},{"navigationItems":[{"id":"playlist","text":"Playlist","icon":"playlist-ds","selected":false,"isCluster":false,"url":"https://www.hr3.de"}]},{"navigationItems":[{"id":"whatsapp-ds","text":"Whatsapp","icon":"whatsapp-ds","selected":false,"isCluster":false,"url":"https://www.hr3.de"}]},{"navigationItems":[{"id":"podcast-ds","text":"Podcast","icon":"podcast-ds","selected":false,"isCluster":false,"url":"https://www.hr3.de"}]}],"sectionNavigationSSILinks":[{"navigationItems":[{"name":"hr3","text":"Start","hiddenText":"hr3","url":"index.html","labelText":"Startseite von hr3","subNavigationFromIndex":true,"selected":true}]},{"navigationItems":[{"name":"aktionen","text":"Aktionen","url":"aktionen/index.html","qualifiedRelatedContentOn404":true}]},{"navigationItems":[{"name":"events","text":"Events","url":"events/index.html","qualifiedRelatedContentOn404":true}]},{"navigationItems":[{"name":"shows","text":"Shows","url":"shows/index.html","flyoutStartLinkText":"Übersicht Shows","isCluster":false,"subNavigation":{"showAsFlyout":true,"columnCount":"1","columns":[[{"title":"Die HR3 Morningshow","text":"Die HR3 Morningshow","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Der HR3 Nachmittag","text":"Der HR3 Nachmittag","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Der HR3 Sonntagstalk","text":"Der HR3 Sonntagstalk","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Moderator*innen","text":"Moderator*innen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Programm","text":"Programm","link":{"url":"http://www.test.de","hasIcon":true,"iconName":"extern"}}]]}}]},{"navigationItems":[{"name":"playlist","text":"Playlist","url":"playlist/index.html","qualifiedRelatedContentOn404":true}]},{"navigationItems":[{"name":"kontakt","text":"Kontakt","url":"kontakt/index.html","qualifiedRelatedContentOn404":true}]}]}
|
package/src/stories/views/components/site_header/navigation_flyout/navigation_flyout_item.hbs
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
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
|
-
{{
|
|
4
|
-
{{
|
|
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"]') ~}}
|
|
5
5
|
{{this.text}}
|
|
6
|
-
{{~#if this.link.hasIcon}}{{> components/base/image/icon _icon=this.link.iconName _addClass="w-
|
|
7
|
-
{{
|
|
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
|
+
{{~/components/base/link}}
|
|
8
8
|
{{#*inline "htmlProperties"}}
|
|
9
9
|
{{> components/tracking/navigation_tracking _clickLabelType=_fromNav-adjust_context _clickLabelPrefix1=_parent-adjust_context clickLabelPrefix2=this.link.content.text}}
|
|
10
10
|
{{/inline}}
|
|
11
|
-
{{/with}}
|
|
11
|
+
{{/with~}}
|
|
12
12
|
</li>
|