hr-design-system-handlebars 1.107.0 β 1.108.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 +24 -0
- package/build/handlebars/helpers/handlebar-helpers.js +2 -2
- package/dist/assets/index.css +10 -3
- package/dist/views/components/content_nav/content_nav.hbs +2 -2
- package/dist/views/components/content_nav/content_nav_container.hbs +1 -1
- package/dist/views/components/content_nav/content_nav_dropdown.hbs +1 -1
- package/dist/views/components/content_nav/content_nav_list.hbs +3 -3
- package/dist/views/components/dataPolicySettings/data_policy_settings.hbs +8 -8
- package/dist/views/components/footer/page_footer_column.hbs +1 -1
- package/dist/views/components/footer/page_footer_content.hbs +4 -4
- package/dist/views/components/forms/toggle_button.hbs +1 -1
- package/dist/views/components/site_header/navigation_search/quick_search_form.hbs +9 -15
- package/dist/views/components/site_header/service_logo.hbs +2 -2
- package/dist/views_static/components/content_nav/content_nav.hbs +2 -2
- package/dist/views_static/components/content_nav/content_nav_container.hbs +1 -1
- package/dist/views_static/components/content_nav/content_nav_dropdown.hbs +1 -1
- package/dist/views_static/components/content_nav/content_nav_list.hbs +3 -3
- package/dist/views_static/components/dataPolicySettings/data_policy_settings.hbs +8 -8
- package/dist/views_static/components/footer/page_footer_column.hbs +1 -1
- package/dist/views_static/components/footer/page_footer_content.hbs +4 -4
- package/dist/views_static/components/forms/toggle_button.hbs +1 -1
- package/dist/views_static/components/site_header/navigation_search/quick_search_form.hbs +9 -15
- package/dist/views_static/components/site_header/service_logo.hbs +2 -2
- package/package.json +1 -1
- package/src/stories/views/components/content_nav/content_nav.hbs +2 -2
- package/src/stories/views/components/content_nav/content_nav_container.hbs +1 -1
- package/src/stories/views/components/content_nav/content_nav_dropdown.hbs +1 -1
- package/src/stories/views/components/content_nav/content_nav_list.hbs +3 -3
- package/src/stories/views/components/dataPolicySettings/data_policy_settings.hbs +8 -8
- package/src/stories/views/components/footer/page_footer_column.hbs +1 -1
- package/src/stories/views/components/footer/page_footer_content.hbs +4 -4
- package/src/stories/views/components/forms/toggle_button.hbs +1 -1
- package/src/stories/views/components/site_header/navigation_search/quick_search_form.hbs +9 -15
- package/src/stories/views/components/site_header/service_logo.hbs +2 -2
- package/tailwind.config.js +6 -10
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,27 @@
|
|
|
1
|
+
# v1.108.0 (Fri Oct 11 2024)
|
|
2
|
+
|
|
3
|
+
#### π Enhancement
|
|
4
|
+
|
|
5
|
+
- :recycle: Remove unused css classes from footer. [#1101](https://github.com/mumprod/hr-design-system-handlebars/pull/1101) ([@szuelch](https://github.com/szuelch))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- [@szuelch](https://github.com/szuelch)
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v1.107.1 (Wed Oct 09 2024)
|
|
14
|
+
|
|
15
|
+
#### π Bug Fix
|
|
16
|
+
|
|
17
|
+
- remove unnecessary css (content-nav) [#1098](https://github.com/mumprod/hr-design-system-handlebars/pull/1098) ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
18
|
+
|
|
19
|
+
#### Authors: 1
|
|
20
|
+
|
|
21
|
+
- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
1
25
|
# v1.107.0 (Wed Oct 09 2024)
|
|
2
26
|
|
|
3
27
|
#### π Enhancement
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
const fs = require('fs'),
|
|
4
4
|
path = require('path')
|
|
5
|
+
const { type } = require('os')
|
|
5
6
|
let handlebars
|
|
6
7
|
|
|
7
8
|
var decoratorStack
|
|
@@ -272,7 +273,6 @@ var helpers = {
|
|
|
272
273
|
const valuesArray = eval(values)
|
|
273
274
|
const defaultValue =
|
|
274
275
|
casesArray.length < valuesArray.length ? valuesArray[valuesArray.length - 1] : ''
|
|
275
|
-
|
|
276
276
|
return casesArray.indexOf(input) > -1
|
|
277
277
|
? valuesArray[casesArray.indexOf(input)]
|
|
278
278
|
: defaultValue
|
|
@@ -558,7 +558,7 @@ var helpers = {
|
|
|
558
558
|
*
|
|
559
559
|
* Function implementation:
|
|
560
560
|
*/
|
|
561
|
-
'joinStrings': function (...args) {
|
|
561
|
+
'joinStrings': function (...args) {
|
|
562
562
|
return args.filter(arg => typeof arg === 'string' || typeof arg === 'number').join('');
|
|
563
563
|
}
|
|
564
564
|
|
package/dist/assets/index.css
CHANGED
|
@@ -1126,6 +1126,9 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
1126
1126
|
.bottom-0 {
|
|
1127
1127
|
bottom: 0px;
|
|
1128
1128
|
}
|
|
1129
|
+
.bottom-11 {
|
|
1130
|
+
bottom: 2.75rem;
|
|
1131
|
+
}
|
|
1129
1132
|
.bottom-15 {
|
|
1130
1133
|
bottom: 3.75rem;
|
|
1131
1134
|
}
|
|
@@ -3513,7 +3516,7 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
3513
3516
|
border-bottom-color: var(--color-secondary-ds);
|
|
3514
3517
|
}
|
|
3515
3518
|
.counter-reset {
|
|
3516
|
-
counter-reset:
|
|
3519
|
+
counter-reset: cnt1728647115212;
|
|
3517
3520
|
}
|
|
3518
3521
|
.placeholder-text-xs::-webkit-input-placeholder {
|
|
3519
3522
|
font-size: 0.75rem;
|
|
@@ -3917,7 +3920,7 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
3917
3920
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
3918
3921
|
}
|
|
3919
3922
|
.-ordered {
|
|
3920
|
-
counter-increment:
|
|
3923
|
+
counter-increment: cnt1728647115212 1;
|
|
3921
3924
|
}
|
|
3922
3925
|
.-ordered::before {
|
|
3923
3926
|
position: absolute;
|
|
@@ -3933,7 +3936,7 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
3933
3936
|
letter-spacing: .0125em;
|
|
3934
3937
|
--tw-text-opacity: 1;
|
|
3935
3938
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
3936
|
-
content: counter(
|
|
3939
|
+
content: counter(cnt1728647115212);
|
|
3937
3940
|
}
|
|
3938
3941
|
/*! ****************************/
|
|
3939
3942
|
/*! DataPolicy stuff */
|
|
@@ -7611,6 +7614,10 @@ input[type='radio']:checked::after {
|
|
|
7611
7614
|
height: 3rem;
|
|
7612
7615
|
}
|
|
7613
7616
|
|
|
7617
|
+
.lg\:h-15 {
|
|
7618
|
+
height: 3.75rem;
|
|
7619
|
+
}
|
|
7620
|
+
|
|
7614
7621
|
.lg\:h-16 {
|
|
7615
7622
|
height: 4rem;
|
|
7616
7623
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{{#with this.contentNav}}
|
|
2
2
|
{{#if this.isListOrFlow}}
|
|
3
|
-
<nav class="w-full {{#if ../_isCopytext~}}px-0{{else}}px-5 sm:px-0{{/if}}
|
|
3
|
+
<nav class="w-full {{#if ../_isCopytext~}}px-0{{else}}px-5 sm:px-0{{/if}} {{inline-switch ../_teaserSize '["100","66","50","33","25"]' '[" teaser-size-100"," teaser-size-66"," teaser-size-50"," teaser-size-33"," teaser-size-25", ""]'}}">
|
|
4
4
|
{{> components/content_nav/content_nav_container
|
|
5
5
|
_teaserSize=../_teaserSize
|
|
6
6
|
_maindivclass="flex relative flex-wrap"
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
{{> components/content_nav/content_nav_container
|
|
19
19
|
_teaserSize=_teaserSize
|
|
20
20
|
_maindivclass="flex flex-col w-full mt-0"
|
|
21
|
-
_inputclass=(if this.isMixed 'mixed-input' '
|
|
21
|
+
_inputclass=(if this.isMixed 'mixed-input' '')
|
|
22
22
|
}}
|
|
23
23
|
|
|
24
24
|
{{/decorator}}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
{{/if}}
|
|
5
5
|
>
|
|
6
6
|
{{#if this.isAutosuggest}}
|
|
7
|
-
<div class="flex mx-0 w-full h-10 border-primary
|
|
7
|
+
<div class="flex mx-0 w-full h-10 border-primary {{#if _autoSuggestContainerCss}} {{_autoSuggestContainerCss}}{{/if}}">
|
|
8
8
|
<input x-ref="autosuggestInput"
|
|
9
9
|
class="{{#if _inputclass }}{{_inputclass}}{{/if}} w-full h-10 pl-2 border-b-8 border-white bg-gray-alabaster text-gray-dark placeholder:text-gray-dark focus:outline-none js-autosuggest-input"
|
|
10
10
|
type="text"
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
<span id="dropdown__label--{{getRandom}}" class="hidden">{{defaultIfEmpty _hiddenNavigationLabel "Unternavigation"}}</span>
|
|
9
9
|
<button
|
|
10
|
-
class="content-nav-dropdown_dropdown{{#if this.isDropdown}} -isDropdown{{/if}}{{#if this.isMixed}} -isMixed{{/if}} ds-link-inset relative flex w-full h-10 mb-0 overflow-hidden bg-white border md:mx-0
|
|
10
|
+
class="content-nav-dropdown_dropdown{{#if this.isDropdown}} -isDropdown{{/if}}{{#if this.isMixed}} -isMixed{{/if}} ds-link-inset relative flex w-full h-10 mb-0 overflow-hidden bg-white border md:mx-0 border-content-nav whitespace-nowrap text-content-nav fill-content-nav"
|
|
11
11
|
@click="contentNavDropdownIsOpen = !contentNavDropdownIsOpen; $dispatch('hr:global:resetinputAutoSuggest');"
|
|
12
12
|
|
|
13
13
|
{{#if this.isMixed}}
|
|
@@ -6,9 +6,9 @@
|
|
|
6
6
|
{{~#if this.isGroup~}}
|
|
7
7
|
|
|
8
8
|
{{#if ../isDropdown}}
|
|
9
|
-
<li class="w-full h-auto overflow-hidden text-base list-none border-b border-gray-400 bg-highlight-1 text-content-nav md:mx-0 font-copy fill-content-nav
|
|
10
|
-
<div class="flex items-center h-10 p-2
|
|
11
|
-
<ul class="
|
|
9
|
+
<li class="w-full h-auto overflow-hidden text-base list-none border-b border-gray-400 bg-highlight-1 text-content-nav md:mx-0 font-copy fill-content-nav">
|
|
10
|
+
<div class="flex items-center h-10 p-2">{{this.title}}</div>
|
|
11
|
+
<ul class="!px-0 mt-0">
|
|
12
12
|
{{~#each this.navigationGroup~}}
|
|
13
13
|
{{> components/content_nav/content_nav_item
|
|
14
14
|
_teaserSize=../../_teaserSize
|
|
@@ -46,20 +46,20 @@
|
|
|
46
46
|
</div>
|
|
47
47
|
|
|
48
48
|
<ul class="{{#if _webview}} hidden{{/if}}">
|
|
49
|
-
<li class="px-6 py-3 flex justify-between items-center bg-white border-t border-[#e3e3e3]
|
|
49
|
+
<li class="px-6 py-3 flex justify-between items-center bg-white border-t border-[#e3e3e3]">
|
|
50
50
|
<span class="text-base text-black">AGF <a
|
|
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
|
-
<div class="flex w-fit
|
|
53
|
+
<div class="flex w-fit">
|
|
54
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
|
-
<li class="px-6 py-3 flex justify-between items-center bg-white border-t border-[#e3e3e3]
|
|
57
|
+
<li class="px-6 py-3 flex justify-between items-center bg-white border-t border-[#e3e3e3]">
|
|
58
58
|
<span class="text-base text-black">AT Internet <a
|
|
59
59
|
class="{{if (isUserConsentNeeded 'https://www.atinternet.com/de/') 'js-user-consent-needed ' ''}}mt-3 -mb-1 ds-link text-link hover:underline" target="_blank" rel="noopener noreferrer"
|
|
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
|
-
<div class="flex w-fit
|
|
62
|
+
<div class="flex w-fit">
|
|
63
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>
|
|
@@ -82,9 +82,9 @@
|
|
|
82
82
|
</div>
|
|
83
83
|
<div class="bg-[#e3e3e3] py-2.5 px-6">
|
|
84
84
|
<span class="block pb-2 text-lg text-black font-headingSerif">{{loca "cookies_setting_section_title"}}</span>
|
|
85
|
-
<div class="flex justify-between
|
|
85
|
+
<div class="flex justify-between">
|
|
86
86
|
<span class="inline-flex text-base text-black js-providerTitle">x</span>
|
|
87
|
-
<div class="flex float-right
|
|
87
|
+
<div class="flex float-right">
|
|
88
88
|
{{> components/forms/toggle_button _id="all" _addClass="js-toggleSwitch-checkbox-all" _screenReaderText="alle aktivieren/deaktivieren"}}
|
|
89
89
|
</div>
|
|
90
90
|
</div>
|
|
@@ -93,9 +93,9 @@
|
|
|
93
93
|
<ul>
|
|
94
94
|
{{#with this.serviceList}}
|
|
95
95
|
{{#each this}}
|
|
96
|
-
<li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]
|
|
96
|
+
<li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]">
|
|
97
97
|
<span class="inline-flex text-base leading-6 text-black align-text-top">{{this.value}}</span>
|
|
98
|
-
<div class="flex float-right
|
|
98
|
+
<div class="flex float-right">
|
|
99
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>
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
|
|
12
12
|
<div x-show="!$screen('lg') && !$screen('md') ? dropped : true" x-transition.opacity class="flex flex-col md:flex-row flex-nowrap">
|
|
13
13
|
{{#each _columns}}
|
|
14
|
-
<ul class="flex flex-col text-primary md:text-footer-text md:pt-8 w-full
|
|
14
|
+
<ul class="flex flex-col text-primary md:text-footer-text md:pt-8 w-full">
|
|
15
15
|
{{#each this.links}}
|
|
16
16
|
{{> components/footer/page_footer_item _css="hover:underline" _iconName="extern" }}
|
|
17
17
|
{{/each}}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
<div class="flex w-full md:w-1/2 md:
|
|
2
|
-
{{~> components/footer/page_footer_column _columns=this.groups.[0].columns
|
|
1
|
+
<div class="flex w-full md:w-1/2 md:first:pr-4">
|
|
2
|
+
{{~> components/footer/page_footer_column _columns=this.groups.[0].columns _title=this.groups.[0].title ~}}
|
|
3
3
|
</div>
|
|
4
4
|
|
|
5
|
-
<div class="flex w-full md:w-1/4
|
|
5
|
+
<div class="flex w-full md:w-1/4">
|
|
6
6
|
{{~> components/footer/page_footer_column _columns=this.groups.[1].columns _hasCookieSettings=true _title=this.groups.[1].title ~}}
|
|
7
7
|
</div>
|
|
8
8
|
|
|
9
|
-
<div class="flex flex-col w-full pt-4 md:w-1/4 md:
|
|
9
|
+
<div class="flex flex-col w-full pt-4 md:w-1/4 md:pt-0 md:pr-0">
|
|
10
10
|
|
|
11
11
|
<div class="p-0 pb-4 m-0 md:pt-10 md:mt-10 md:border-t border-footer-heading">
|
|
12
12
|
{{> components/footer/page_footer_search }}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
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
|
-
{{> components/base/image/icon _icon="check" _addClass="fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px]
|
|
4
|
+
{{> components/base/image/icon _icon="check" _addClass="fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px]"}}</label>
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
aria-controls="suggestionlist--{{getRandom}}"
|
|
32
32
|
>
|
|
33
33
|
<div
|
|
34
|
-
class="
|
|
34
|
+
class="absolute left-0 w-auto min-w-full z-100{{#if _footer}} bottom-11{{else}} top-8 lg:top-10{{/if}}"
|
|
35
35
|
x-show="query.length > 1 && active && suggestions.length"
|
|
36
36
|
x-cloak
|
|
37
37
|
x-transition:leave="transition ease-in duration-100"
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
id="suggestionlist--{{getRandom}}"
|
|
44
44
|
aria-label="Suche ΓΆffnen"
|
|
45
45
|
x-effect="$el.setAttribute('aria-expanded', query.length > 1 && active && suggestions.length > 0);$el.setAttribute('aria-hidden', !(query.length > 1 && active && suggestions.length > 0))"
|
|
46
|
-
class=" w-full mt-1 lg:mt-0.5 bg-white border rounded divide-y shadow-xl
|
|
46
|
+
class=" w-full mt-1 lg:mt-0.5 bg-white border rounded divide-y shadow-xl"
|
|
47
47
|
x-ref="list"
|
|
48
48
|
>
|
|
49
49
|
|
|
@@ -63,22 +63,16 @@
|
|
|
63
63
|
</div>
|
|
64
64
|
</div>
|
|
65
65
|
|
|
66
|
-
{{#if _footer}}
|
|
67
66
|
<button
|
|
68
67
|
aria-label='{{loca "search_input_aria_submit" }}'
|
|
69
68
|
type="submit"
|
|
70
|
-
class="pl-2 pr-2 bg-white border-l rounded-r cursor-pointer
|
|
71
|
-
{{
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
class="pl-2 pr-2 bg-white border-l rounded-r cursor-pointer lg:search-border-color-desktop link-focus-inset md:bg-white text-primary ">
|
|
78
|
-
{{> components/base/image/icon _icon="suche-ds" _addClass="w-7 h-7 text-search-footer-text fill-search bg-transparent"}}
|
|
79
|
-
</button>
|
|
80
|
-
{{/if}}
|
|
81
|
-
|
|
69
|
+
class="pl-2 pr-2 bg-white border-l rounded-r cursor-pointer link-focus-inset md:bg-white text-primary ">
|
|
70
|
+
{{#if _footer}}
|
|
71
|
+
{{> components/base/image/icon _icon="suche-ds" _addClass="w-7 h-7 text-search-footer-text fill-current bg-transparent"}}
|
|
72
|
+
{{else}}
|
|
73
|
+
{{> components/base/image/icon _icon="suche-ds" _addClass="w-7 h-7 text-search-footer-text fill-search bg-transparent"}}
|
|
74
|
+
{{/if}}
|
|
75
|
+
</button>
|
|
82
76
|
</form>
|
|
83
77
|
|
|
84
78
|
<script type="text/javascript">
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
{{/if}}
|
|
13
13
|
>
|
|
14
14
|
<img src="{{resourceUrl "assets/base/icons/logo/brandlogo--mobile.min.svg" _brand=(defaultIfEmpty this.brand "hessenschau")}}"
|
|
15
|
-
class="w-auto h-full
|
|
15
|
+
class="w-auto h-full" alt="{{loca "meta_application_name"}}">
|
|
16
16
|
</div>
|
|
17
17
|
|
|
18
18
|
<div
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
{{/if}}
|
|
25
25
|
>
|
|
26
26
|
<img src="{{resourceUrl "assets/base/icons/logo/brandlogo--desk.min.svg" _brand=(defaultIfEmpty this.brand "hessenschau")}}"
|
|
27
|
-
class="w-auto h-full
|
|
27
|
+
class="w-auto h-full" alt="{{loca "meta_application_name"}}">
|
|
28
28
|
</div>
|
|
29
29
|
|
|
30
30
|
</a>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{{#with this.contentNav}}
|
|
2
2
|
{{#if this.isListOrFlow}}
|
|
3
|
-
<nav class="w-full {{#if ../_isCopytext~}}px-0{{else}}px-5 sm:px-0{{/if}}
|
|
3
|
+
<nav class="w-full {{#if ../_isCopytext~}}px-0{{else}}px-5 sm:px-0{{/if}} {{inline-switch ../_teaserSize '["100","66","50","33","25"]' '[" teaser-size-100"," teaser-size-66"," teaser-size-50"," teaser-size-33"," teaser-size-25", ""]'}}">
|
|
4
4
|
{{> components/content_nav/content_nav_container
|
|
5
5
|
_teaserSize=../_teaserSize
|
|
6
6
|
_maindivclass="flex relative flex-wrap"
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
{{> components/content_nav/content_nav_container
|
|
19
19
|
_teaserSize=_teaserSize
|
|
20
20
|
_maindivclass="flex flex-col w-full mt-0"
|
|
21
|
-
_inputclass=(if this.isMixed 'mixed-input' '
|
|
21
|
+
_inputclass=(if this.isMixed 'mixed-input' '')
|
|
22
22
|
}}
|
|
23
23
|
|
|
24
24
|
{{/decorator}}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
{{/if}}
|
|
5
5
|
>
|
|
6
6
|
{{#if this.isAutosuggest}}
|
|
7
|
-
<div class="flex mx-0 w-full h-10 border-primary
|
|
7
|
+
<div class="flex mx-0 w-full h-10 border-primary {{#if _autoSuggestContainerCss}} {{_autoSuggestContainerCss}}{{/if}}">
|
|
8
8
|
<input x-ref="autosuggestInput"
|
|
9
9
|
class="{{#if _inputclass }}{{_inputclass}}{{/if}} w-full h-10 pl-2 border-b-8 border-white bg-gray-alabaster text-gray-dark placeholder:text-gray-dark focus:outline-none js-autosuggest-input"
|
|
10
10
|
type="text"
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
<span id="dropdown__label--{{getRandom}}" class="hidden">{{defaultIfEmpty _hiddenNavigationLabel "Unternavigation"}}</span>
|
|
9
9
|
<button
|
|
10
|
-
class="content-nav-dropdown_dropdown{{#if this.isDropdown}} -isDropdown{{/if}}{{#if this.isMixed}} -isMixed{{/if}} ds-link-inset relative flex w-full h-10 mb-0 overflow-hidden bg-white border md:mx-0
|
|
10
|
+
class="content-nav-dropdown_dropdown{{#if this.isDropdown}} -isDropdown{{/if}}{{#if this.isMixed}} -isMixed{{/if}} ds-link-inset relative flex w-full h-10 mb-0 overflow-hidden bg-white border md:mx-0 border-content-nav whitespace-nowrap text-content-nav fill-content-nav"
|
|
11
11
|
@click="contentNavDropdownIsOpen = !contentNavDropdownIsOpen; $dispatch('hr:global:resetinputAutoSuggest');"
|
|
12
12
|
|
|
13
13
|
{{#if this.isMixed}}
|
|
@@ -6,9 +6,9 @@
|
|
|
6
6
|
{{~#if this.isGroup~}}
|
|
7
7
|
|
|
8
8
|
{{#if ../isDropdown}}
|
|
9
|
-
<li class="w-full h-auto overflow-hidden text-base list-none border-b border-gray-400 bg-highlight-1 text-content-nav md:mx-0 font-copy fill-content-nav
|
|
10
|
-
<div class="flex items-center h-10 p-2
|
|
11
|
-
<ul class="
|
|
9
|
+
<li class="w-full h-auto overflow-hidden text-base list-none border-b border-gray-400 bg-highlight-1 text-content-nav md:mx-0 font-copy fill-content-nav">
|
|
10
|
+
<div class="flex items-center h-10 p-2">{{this.title}}</div>
|
|
11
|
+
<ul class="!px-0 mt-0">
|
|
12
12
|
{{~#each this.navigationGroup~}}
|
|
13
13
|
{{> components/content_nav/content_nav_item
|
|
14
14
|
_teaserSize=../../_teaserSize
|
|
@@ -46,20 +46,20 @@
|
|
|
46
46
|
</div>
|
|
47
47
|
|
|
48
48
|
<ul class="{{#if _webview}} hidden{{/if}}">
|
|
49
|
-
<li class="px-6 py-3 flex justify-between items-center bg-white border-t border-[#e3e3e3]
|
|
49
|
+
<li class="px-6 py-3 flex justify-between items-center bg-white border-t border-[#e3e3e3]">
|
|
50
50
|
<span class="text-base text-black">AGF <a
|
|
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
|
-
<div class="flex w-fit
|
|
53
|
+
<div class="flex w-fit">
|
|
54
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
|
-
<li class="px-6 py-3 flex justify-between items-center bg-white border-t border-[#e3e3e3]
|
|
57
|
+
<li class="px-6 py-3 flex justify-between items-center bg-white border-t border-[#e3e3e3]">
|
|
58
58
|
<span class="text-base text-black">AT Internet <a
|
|
59
59
|
class="{{if (isUserConsentNeeded 'https://www.atinternet.com/de/') 'js-user-consent-needed ' ''}}mt-3 -mb-1 ds-link text-link hover:underline" target="_blank" rel="noopener noreferrer"
|
|
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
|
-
<div class="flex w-fit
|
|
62
|
+
<div class="flex w-fit">
|
|
63
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>
|
|
@@ -82,9 +82,9 @@
|
|
|
82
82
|
</div>
|
|
83
83
|
<div class="bg-[#e3e3e3] py-2.5 px-6">
|
|
84
84
|
<span class="block pb-2 text-lg text-black font-headingSerif">{{loca "cookies_setting_section_title"}}</span>
|
|
85
|
-
<div class="flex justify-between
|
|
85
|
+
<div class="flex justify-between">
|
|
86
86
|
<span class="inline-flex text-base text-black js-providerTitle">x</span>
|
|
87
|
-
<div class="flex float-right
|
|
87
|
+
<div class="flex float-right">
|
|
88
88
|
{{> components/forms/toggle_button _id="all" _addClass="js-toggleSwitch-checkbox-all" _screenReaderText="alle aktivieren/deaktivieren"}}
|
|
89
89
|
</div>
|
|
90
90
|
</div>
|
|
@@ -93,9 +93,9 @@
|
|
|
93
93
|
<ul>
|
|
94
94
|
{{#with this.serviceList}}
|
|
95
95
|
{{#each this}}
|
|
96
|
-
<li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]
|
|
96
|
+
<li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]">
|
|
97
97
|
<span class="inline-flex text-base leading-6 text-black align-text-top">{{this.value}}</span>
|
|
98
|
-
<div class="flex float-right
|
|
98
|
+
<div class="flex float-right">
|
|
99
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>
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
|
|
12
12
|
<div x-show="!$screen('lg') && !$screen('md') ? dropped : true" x-transition.opacity class="flex flex-col md:flex-row flex-nowrap">
|
|
13
13
|
{{#each _columns}}
|
|
14
|
-
<ul class="flex flex-col text-primary md:text-footer-text md:pt-8 w-full
|
|
14
|
+
<ul class="flex flex-col text-primary md:text-footer-text md:pt-8 w-full">
|
|
15
15
|
{{#each this.links}}
|
|
16
16
|
{{> components/footer/page_footer_item _css="hover:underline" _iconName="extern" }}
|
|
17
17
|
{{/each}}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
<div class="flex w-full md:w-1/2 md:
|
|
2
|
-
{{~> components/footer/page_footer_column _columns=this.groups.[0].columns
|
|
1
|
+
<div class="flex w-full md:w-1/2 md:first:pr-4">
|
|
2
|
+
{{~> components/footer/page_footer_column _columns=this.groups.[0].columns _title=this.groups.[0].title ~}}
|
|
3
3
|
</div>
|
|
4
4
|
|
|
5
|
-
<div class="flex w-full md:w-1/4
|
|
5
|
+
<div class="flex w-full md:w-1/4">
|
|
6
6
|
{{~> components/footer/page_footer_column _columns=this.groups.[1].columns _hasCookieSettings=true _title=this.groups.[1].title ~}}
|
|
7
7
|
</div>
|
|
8
8
|
|
|
9
|
-
<div class="flex flex-col w-full pt-4 md:w-1/4 md:
|
|
9
|
+
<div class="flex flex-col w-full pt-4 md:w-1/4 md:pt-0 md:pr-0">
|
|
10
10
|
|
|
11
11
|
<div class="p-0 pb-4 m-0 md:pt-10 md:mt-10 md:border-t border-footer-heading">
|
|
12
12
|
{{> components/footer/page_footer_search }}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
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
|
-
{{> components/base/image/icon _icon="check" _addClass="fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px]
|
|
4
|
+
{{> components/base/image/icon _icon="check" _addClass="fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px]"}}</label>
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
aria-controls="suggestionlist--{{getRandom}}"
|
|
32
32
|
>
|
|
33
33
|
<div
|
|
34
|
-
class="
|
|
34
|
+
class="absolute left-0 w-auto min-w-full z-100{{#if _footer}} bottom-11{{else}} top-8 lg:top-10{{/if}}"
|
|
35
35
|
x-show="query.length > 1 && active && suggestions.length"
|
|
36
36
|
x-cloak
|
|
37
37
|
x-transition:leave="transition ease-in duration-100"
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
id="suggestionlist--{{getRandom}}"
|
|
44
44
|
aria-label="Suche ΓΆffnen"
|
|
45
45
|
x-effect="$el.setAttribute('aria-expanded', query.length > 1 && active && suggestions.length > 0);$el.setAttribute('aria-hidden', !(query.length > 1 && active && suggestions.length > 0))"
|
|
46
|
-
class=" w-full mt-1 lg:mt-0.5 bg-white border rounded divide-y shadow-xl
|
|
46
|
+
class=" w-full mt-1 lg:mt-0.5 bg-white border rounded divide-y shadow-xl"
|
|
47
47
|
x-ref="list"
|
|
48
48
|
>
|
|
49
49
|
|
|
@@ -63,22 +63,16 @@
|
|
|
63
63
|
</div>
|
|
64
64
|
</div>
|
|
65
65
|
|
|
66
|
-
{{#if _footer}}
|
|
67
66
|
<button
|
|
68
67
|
aria-label='{{loca "search_input_aria_submit" }}'
|
|
69
68
|
type="submit"
|
|
70
|
-
class="pl-2 pr-2 bg-white border-l rounded-r cursor-pointer
|
|
71
|
-
{{
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
class="pl-2 pr-2 bg-white border-l rounded-r cursor-pointer lg:search-border-color-desktop link-focus-inset md:bg-white text-primary ">
|
|
78
|
-
{{> components/base/image/icon _icon="suche-ds" _addClass="w-7 h-7 text-search-footer-text fill-search bg-transparent"}}
|
|
79
|
-
</button>
|
|
80
|
-
{{/if}}
|
|
81
|
-
|
|
69
|
+
class="pl-2 pr-2 bg-white border-l rounded-r cursor-pointer link-focus-inset md:bg-white text-primary ">
|
|
70
|
+
{{#if _footer}}
|
|
71
|
+
{{> components/base/image/icon _icon="suche-ds" _addClass="w-7 h-7 text-search-footer-text fill-current bg-transparent"}}
|
|
72
|
+
{{else}}
|
|
73
|
+
{{> components/base/image/icon _icon="suche-ds" _addClass="w-7 h-7 text-search-footer-text fill-search bg-transparent"}}
|
|
74
|
+
{{/if}}
|
|
75
|
+
</button>
|
|
82
76
|
</form>
|
|
83
77
|
|
|
84
78
|
<script type="text/javascript">
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
{{/if}}
|
|
13
13
|
>
|
|
14
14
|
<img src="{{resourceUrl "assets/base/icons/logo/brandlogo--mobile.min.svg" _brand=(defaultIfEmpty this.brand "hessenschau")}}"
|
|
15
|
-
class="w-auto h-full
|
|
15
|
+
class="w-auto h-full" alt="{{loca "meta_application_name"}}">
|
|
16
16
|
</div>
|
|
17
17
|
|
|
18
18
|
<div
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
{{/if}}
|
|
25
25
|
>
|
|
26
26
|
<img src="{{resourceUrl "assets/base/icons/logo/brandlogo--desk.min.svg" _brand=(defaultIfEmpty this.brand "hessenschau")}}"
|
|
27
|
-
class="w-auto h-full
|
|
27
|
+
class="w-auto h-full" alt="{{loca "meta_application_name"}}">
|
|
28
28
|
</div>
|
|
29
29
|
|
|
30
30
|
</a>
|
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.
|
|
9
|
+
"version": "1.108.0",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{{#with this.contentNav}}
|
|
2
2
|
{{#if this.isListOrFlow}}
|
|
3
|
-
<nav class="w-full {{#if ../_isCopytext~}}px-0{{else}}px-5 sm:px-0{{/if}}
|
|
3
|
+
<nav class="w-full {{#if ../_isCopytext~}}px-0{{else}}px-5 sm:px-0{{/if}} {{inline-switch ../_teaserSize '["100","66","50","33","25"]' '[" teaser-size-100"," teaser-size-66"," teaser-size-50"," teaser-size-33"," teaser-size-25", ""]'}}">
|
|
4
4
|
{{> components/content_nav/content_nav_container
|
|
5
5
|
_teaserSize=../_teaserSize
|
|
6
6
|
_maindivclass="flex relative flex-wrap"
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
{{> components/content_nav/content_nav_container
|
|
19
19
|
_teaserSize=_teaserSize
|
|
20
20
|
_maindivclass="flex flex-col w-full mt-0"
|
|
21
|
-
_inputclass=(if this.isMixed 'mixed-input' '
|
|
21
|
+
_inputclass=(if this.isMixed 'mixed-input' '')
|
|
22
22
|
}}
|
|
23
23
|
|
|
24
24
|
{{/decorator}}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
{{/if}}
|
|
5
5
|
>
|
|
6
6
|
{{#if this.isAutosuggest}}
|
|
7
|
-
<div class="flex mx-0 w-full h-10 border-primary
|
|
7
|
+
<div class="flex mx-0 w-full h-10 border-primary {{#if _autoSuggestContainerCss}} {{_autoSuggestContainerCss}}{{/if}}">
|
|
8
8
|
<input x-ref="autosuggestInput"
|
|
9
9
|
class="{{#if _inputclass }}{{_inputclass}}{{/if}} w-full h-10 pl-2 border-b-8 border-white bg-gray-alabaster text-gray-dark placeholder:text-gray-dark focus:outline-none js-autosuggest-input"
|
|
10
10
|
type="text"
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
<span id="dropdown__label--{{getRandom}}" class="hidden">{{defaultIfEmpty _hiddenNavigationLabel "Unternavigation"}}</span>
|
|
9
9
|
<button
|
|
10
|
-
class="content-nav-dropdown_dropdown{{#if this.isDropdown}} -isDropdown{{/if}}{{#if this.isMixed}} -isMixed{{/if}} ds-link-inset relative flex w-full h-10 mb-0 overflow-hidden bg-white border md:mx-0
|
|
10
|
+
class="content-nav-dropdown_dropdown{{#if this.isDropdown}} -isDropdown{{/if}}{{#if this.isMixed}} -isMixed{{/if}} ds-link-inset relative flex w-full h-10 mb-0 overflow-hidden bg-white border md:mx-0 border-content-nav whitespace-nowrap text-content-nav fill-content-nav"
|
|
11
11
|
@click="contentNavDropdownIsOpen = !contentNavDropdownIsOpen; $dispatch('hr:global:resetinputAutoSuggest');"
|
|
12
12
|
|
|
13
13
|
{{#if this.isMixed}}
|
|
@@ -6,9 +6,9 @@
|
|
|
6
6
|
{{~#if this.isGroup~}}
|
|
7
7
|
|
|
8
8
|
{{#if ../isDropdown}}
|
|
9
|
-
<li class="w-full h-auto overflow-hidden text-base list-none border-b border-gray-400 bg-highlight-1 text-content-nav md:mx-0 font-copy fill-content-nav
|
|
10
|
-
<div class="flex items-center h-10 p-2
|
|
11
|
-
<ul class="
|
|
9
|
+
<li class="w-full h-auto overflow-hidden text-base list-none border-b border-gray-400 bg-highlight-1 text-content-nav md:mx-0 font-copy fill-content-nav">
|
|
10
|
+
<div class="flex items-center h-10 p-2">{{this.title}}</div>
|
|
11
|
+
<ul class="!px-0 mt-0">
|
|
12
12
|
{{~#each this.navigationGroup~}}
|
|
13
13
|
{{> components/content_nav/content_nav_item
|
|
14
14
|
_teaserSize=../../_teaserSize
|
|
@@ -46,20 +46,20 @@
|
|
|
46
46
|
</div>
|
|
47
47
|
|
|
48
48
|
<ul class="{{#if _webview}} hidden{{/if}}">
|
|
49
|
-
<li class="px-6 py-3 flex justify-between items-center bg-white border-t border-[#e3e3e3]
|
|
49
|
+
<li class="px-6 py-3 flex justify-between items-center bg-white border-t border-[#e3e3e3]">
|
|
50
50
|
<span class="text-base text-black">AGF <a
|
|
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
|
-
<div class="flex w-fit
|
|
53
|
+
<div class="flex w-fit">
|
|
54
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
|
-
<li class="px-6 py-3 flex justify-between items-center bg-white border-t border-[#e3e3e3]
|
|
57
|
+
<li class="px-6 py-3 flex justify-between items-center bg-white border-t border-[#e3e3e3]">
|
|
58
58
|
<span class="text-base text-black">AT Internet <a
|
|
59
59
|
class="{{if (isUserConsentNeeded 'https://www.atinternet.com/de/') 'js-user-consent-needed ' ''}}mt-3 -mb-1 ds-link text-link hover:underline" target="_blank" rel="noopener noreferrer"
|
|
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
|
-
<div class="flex w-fit
|
|
62
|
+
<div class="flex w-fit">
|
|
63
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>
|
|
@@ -82,9 +82,9 @@
|
|
|
82
82
|
</div>
|
|
83
83
|
<div class="bg-[#e3e3e3] py-2.5 px-6">
|
|
84
84
|
<span class="block pb-2 text-lg text-black font-headingSerif">{{loca "cookies_setting_section_title"}}</span>
|
|
85
|
-
<div class="flex justify-between
|
|
85
|
+
<div class="flex justify-between">
|
|
86
86
|
<span class="inline-flex text-base text-black js-providerTitle">x</span>
|
|
87
|
-
<div class="flex float-right
|
|
87
|
+
<div class="flex float-right">
|
|
88
88
|
{{> components/forms/toggle_button _id="all" _addClass="js-toggleSwitch-checkbox-all" _screenReaderText="alle aktivieren/deaktivieren"}}
|
|
89
89
|
</div>
|
|
90
90
|
</div>
|
|
@@ -93,9 +93,9 @@
|
|
|
93
93
|
<ul>
|
|
94
94
|
{{#with this.serviceList}}
|
|
95
95
|
{{#each this}}
|
|
96
|
-
<li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]
|
|
96
|
+
<li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3]">
|
|
97
97
|
<span class="inline-flex text-base leading-6 text-black align-text-top">{{this.value}}</span>
|
|
98
|
-
<div class="flex float-right
|
|
98
|
+
<div class="flex float-right">
|
|
99
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>
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
|
|
12
12
|
<div x-show="!$screen('lg') && !$screen('md') ? dropped : true" x-transition.opacity class="flex flex-col md:flex-row flex-nowrap">
|
|
13
13
|
{{#each _columns}}
|
|
14
|
-
<ul class="flex flex-col text-primary md:text-footer-text md:pt-8 w-full
|
|
14
|
+
<ul class="flex flex-col text-primary md:text-footer-text md:pt-8 w-full">
|
|
15
15
|
{{#each this.links}}
|
|
16
16
|
{{> components/footer/page_footer_item _css="hover:underline" _iconName="extern" }}
|
|
17
17
|
{{/each}}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
<div class="flex w-full md:w-1/2 md:
|
|
2
|
-
{{~> components/footer/page_footer_column _columns=this.groups.[0].columns
|
|
1
|
+
<div class="flex w-full md:w-1/2 md:first:pr-4">
|
|
2
|
+
{{~> components/footer/page_footer_column _columns=this.groups.[0].columns _title=this.groups.[0].title ~}}
|
|
3
3
|
</div>
|
|
4
4
|
|
|
5
|
-
<div class="flex w-full md:w-1/4
|
|
5
|
+
<div class="flex w-full md:w-1/4">
|
|
6
6
|
{{~> components/footer/page_footer_column _columns=this.groups.[1].columns _hasCookieSettings=true _title=this.groups.[1].title ~}}
|
|
7
7
|
</div>
|
|
8
8
|
|
|
9
|
-
<div class="flex flex-col w-full pt-4 md:w-1/4 md:
|
|
9
|
+
<div class="flex flex-col w-full pt-4 md:w-1/4 md:pt-0 md:pr-0">
|
|
10
10
|
|
|
11
11
|
<div class="p-0 pb-4 m-0 md:pt-10 md:mt-10 md:border-t border-footer-heading">
|
|
12
12
|
{{> components/footer/page_footer_search }}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
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
|
-
{{> components/base/image/icon _icon="check" _addClass="fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px]
|
|
4
|
+
{{> components/base/image/icon _icon="check" _addClass="fill-white inline absolute h-[19px] w-[19px] left-[4px] top-[3px]"}}</label>
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
aria-controls="suggestionlist--{{getRandom}}"
|
|
32
32
|
>
|
|
33
33
|
<div
|
|
34
|
-
class="
|
|
34
|
+
class="absolute left-0 w-auto min-w-full z-100{{#if _footer}} bottom-11{{else}} top-8 lg:top-10{{/if}}"
|
|
35
35
|
x-show="query.length > 1 && active && suggestions.length"
|
|
36
36
|
x-cloak
|
|
37
37
|
x-transition:leave="transition ease-in duration-100"
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
id="suggestionlist--{{getRandom}}"
|
|
44
44
|
aria-label="Suche ΓΆffnen"
|
|
45
45
|
x-effect="$el.setAttribute('aria-expanded', query.length > 1 && active && suggestions.length > 0);$el.setAttribute('aria-hidden', !(query.length > 1 && active && suggestions.length > 0))"
|
|
46
|
-
class=" w-full mt-1 lg:mt-0.5 bg-white border rounded divide-y shadow-xl
|
|
46
|
+
class=" w-full mt-1 lg:mt-0.5 bg-white border rounded divide-y shadow-xl"
|
|
47
47
|
x-ref="list"
|
|
48
48
|
>
|
|
49
49
|
|
|
@@ -63,22 +63,16 @@
|
|
|
63
63
|
</div>
|
|
64
64
|
</div>
|
|
65
65
|
|
|
66
|
-
{{#if _footer}}
|
|
67
66
|
<button
|
|
68
67
|
aria-label='{{loca "search_input_aria_submit" }}'
|
|
69
68
|
type="submit"
|
|
70
|
-
class="pl-2 pr-2 bg-white border-l rounded-r cursor-pointer
|
|
71
|
-
{{
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
class="pl-2 pr-2 bg-white border-l rounded-r cursor-pointer lg:search-border-color-desktop link-focus-inset md:bg-white text-primary ">
|
|
78
|
-
{{> components/base/image/icon _icon="suche-ds" _addClass="w-7 h-7 text-search-footer-text fill-search bg-transparent"}}
|
|
79
|
-
</button>
|
|
80
|
-
{{/if}}
|
|
81
|
-
|
|
69
|
+
class="pl-2 pr-2 bg-white border-l rounded-r cursor-pointer link-focus-inset md:bg-white text-primary ">
|
|
70
|
+
{{#if _footer}}
|
|
71
|
+
{{> components/base/image/icon _icon="suche-ds" _addClass="w-7 h-7 text-search-footer-text fill-current bg-transparent"}}
|
|
72
|
+
{{else}}
|
|
73
|
+
{{> components/base/image/icon _icon="suche-ds" _addClass="w-7 h-7 text-search-footer-text fill-search bg-transparent"}}
|
|
74
|
+
{{/if}}
|
|
75
|
+
</button>
|
|
82
76
|
</form>
|
|
83
77
|
|
|
84
78
|
<script type="text/javascript">
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
{{/if}}
|
|
13
13
|
>
|
|
14
14
|
<img src="{{resourceUrl "assets/base/icons/logo/brandlogo--mobile.min.svg" _brand=(defaultIfEmpty this.brand "hessenschau")}}"
|
|
15
|
-
class="w-auto h-full
|
|
15
|
+
class="w-auto h-full" alt="{{loca "meta_application_name"}}">
|
|
16
16
|
</div>
|
|
17
17
|
|
|
18
18
|
<div
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
{{/if}}
|
|
25
25
|
>
|
|
26
26
|
<img src="{{resourceUrl "assets/base/icons/logo/brandlogo--desk.min.svg" _brand=(defaultIfEmpty this.brand "hessenschau")}}"
|
|
27
|
-
class="w-auto h-full
|
|
27
|
+
class="w-auto h-full" alt="{{loca "meta_application_name"}}">
|
|
28
28
|
</div>
|
|
29
29
|
|
|
30
30
|
</a>
|
package/tailwind.config.js
CHANGED
|
@@ -146,11 +146,16 @@ module.exports = {
|
|
|
146
146
|
'9.5': '2.375rem',
|
|
147
147
|
'11.5': '2.875rem',
|
|
148
148
|
'13': '3.25rem',
|
|
149
|
+
'14': '3.5rem',
|
|
150
|
+
'15': '3.75rem',
|
|
149
151
|
'18': '4.5rem',
|
|
150
152
|
'22': '5.5rem',
|
|
151
153
|
'26': '6.5rem',
|
|
152
154
|
'30': '7.5rem',
|
|
153
155
|
'35': '8.75rem',
|
|
156
|
+
'37': '9.25rem',
|
|
157
|
+
'-37': '-9.25rem',
|
|
158
|
+
'38': '9.5rem',
|
|
154
159
|
'42': '10.5rem',
|
|
155
160
|
'45': '11.25rem',
|
|
156
161
|
'46': '11.5rem',
|
|
@@ -195,16 +200,6 @@ module.exports = {
|
|
|
195
200
|
margin: {
|
|
196
201
|
'half-screen': '50vw',
|
|
197
202
|
},
|
|
198
|
-
inset: {
|
|
199
|
-
'13': '3.375rem',
|
|
200
|
-
'14': '3.5rem',
|
|
201
|
-
'15': '3.75rem',
|
|
202
|
-
'35': '8.625rem',
|
|
203
|
-
'37': '9.125rem',
|
|
204
|
-
'-37': '-9.375rem',
|
|
205
|
-
'38': '9.5rem',
|
|
206
|
-
'42': '10.5rem',
|
|
207
|
-
},
|
|
208
203
|
opacity: {
|
|
209
204
|
85: '.85',
|
|
210
205
|
},
|
|
@@ -379,6 +374,7 @@ module.exports = {
|
|
|
379
374
|
'footer-heading': 'var(--color-footer-heading)',
|
|
380
375
|
'footer-border': 'var(--color-footer-border)',
|
|
381
376
|
'search-footer-text': 'var(--color-search-footer-text)',
|
|
377
|
+
'search-border-desktop': 'var(--search-border-color-desktop)',
|
|
382
378
|
'labelMedia': 'var(--color-label-media)',
|
|
383
379
|
'labelEvent': 'var(--color-label-event)',
|
|
384
380
|
'labelBreakingnews': 'var(--color-label-breakingnews)',
|