hr-design-system-handlebars 0.56.5 → 0.56.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/dist/assets/index.css +11 -6
- package/dist/views/components/content_nav/content_nav.hbs +33 -6
- package/dist/views/components/content_nav/content_nav_item.hbs +6 -6
- package/dist/views/components/content_nav/content_nav_list.hbs +1 -1
- package/dist/views/components/site_header/header_alpine.js +5 -5
- package/package.json +1 -1
- package/src/assets/fixtures/teaser/teaser_content_nav_flow_100.json +1 -1
- package/src/assets/fixtures/teaser/teaser_content_nav_list_100.json +1 -1
- package/src/stories/views/components/content_nav/content_nav.hbs +33 -6
- package/src/stories/views/components/content_nav/content_nav_item.hbs +6 -6
- package/src/stories/views/components/content_nav/content_nav_list.hbs +1 -1
- package/src/stories/views/components/site_header/header_alpine.js +5 -5
- package/src/stories/views/components/teaser/content_nav/teaser_content_nav.stories.mdx +6 -5
- package/src/stories/views/components/teaser/fixtures/teaser_content_nav_flow_100.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_content_nav_list_100.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_group_100_contentNav.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
# v0.56.6 (Wed Aug 31 2022)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- adds autosuggest to list and flow, several refactoring [#311](https://github.com/mumprod/hr-design-system-handlebars/pull/311) ([@StefanVesper](https://github.com/StefanVesper))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
1
13
|
# v0.56.5 (Wed Aug 31 2022)
|
|
2
14
|
|
|
3
15
|
#### 🐛 Bug Fix
|
package/dist/assets/index.css
CHANGED
|
@@ -731,9 +731,6 @@ video {
|
|
|
731
731
|
.\!mt-4 {
|
|
732
732
|
margin-top: 1rem !important;
|
|
733
733
|
}
|
|
734
|
-
.mr-2 {
|
|
735
|
-
margin-right: 0.5rem;
|
|
736
|
-
}
|
|
737
734
|
.mt-1 {
|
|
738
735
|
margin-top: 0.25rem;
|
|
739
736
|
}
|
|
@@ -761,6 +758,9 @@ video {
|
|
|
761
758
|
.\!mr-2 {
|
|
762
759
|
margin-right: 0.5rem !important;
|
|
763
760
|
}
|
|
761
|
+
.mr-2 {
|
|
762
|
+
margin-right: 0.5rem;
|
|
763
|
+
}
|
|
764
764
|
.mb-8 {
|
|
765
765
|
margin-bottom: 2rem;
|
|
766
766
|
}
|
|
@@ -970,6 +970,11 @@ video {
|
|
|
970
970
|
-ms-flex-negative: 0;
|
|
971
971
|
flex-shrink: 0;
|
|
972
972
|
}
|
|
973
|
+
.grow {
|
|
974
|
+
-webkit-box-flex: 1;
|
|
975
|
+
-ms-flex-positive: 1;
|
|
976
|
+
flex-grow: 1;
|
|
977
|
+
}
|
|
973
978
|
.basis-2\/3 {
|
|
974
979
|
-ms-flex-preferred-size: 66.666667%;
|
|
975
980
|
flex-basis: 66.666667%;
|
|
@@ -1876,7 +1881,7 @@ video {
|
|
|
1876
1881
|
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
|
|
1877
1882
|
}
|
|
1878
1883
|
.counter-reset {
|
|
1879
|
-
counter-reset:
|
|
1884
|
+
counter-reset: cnt1661962925761;
|
|
1880
1885
|
}
|
|
1881
1886
|
.placeholder-text-xs::-webkit-input-placeholder {
|
|
1882
1887
|
font-size: 0.75rem;
|
|
@@ -2259,7 +2264,7 @@ video {
|
|
|
2259
2264
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
2260
2265
|
}
|
|
2261
2266
|
.-ordered {
|
|
2262
|
-
counter-increment:
|
|
2267
|
+
counter-increment: cnt1661962925761 1;
|
|
2263
2268
|
}
|
|
2264
2269
|
.-ordered::before {
|
|
2265
2270
|
position: absolute;
|
|
@@ -2276,7 +2281,7 @@ video {
|
|
|
2276
2281
|
letter-spacing: .0125em;
|
|
2277
2282
|
--tw-text-opacity: 1;
|
|
2278
2283
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
2279
|
-
content: counter(
|
|
2284
|
+
content: counter(cnt1661962925761);
|
|
2280
2285
|
}
|
|
2281
2286
|
/*! purgecss start ignore */
|
|
2282
2287
|
:root,
|
|
@@ -1,13 +1,40 @@
|
|
|
1
1
|
{{#with this.contentNav}}
|
|
2
|
-
{{#if this.isList}}
|
|
3
|
-
<nav class="c-content-nav
|
|
2
|
+
{{#if this.isList}}
|
|
3
|
+
<nav class="c-content-nav">
|
|
4
|
+
<div x-on:click.outside ="open = false;" class="flex flex-wrap {{#if this.isAutosuggest}} autoSuggest js-load{{/if}}"
|
|
5
|
+
{{#if this.isAutosuggest}}
|
|
6
|
+
data-hr-auto-suggest='{"filterGroupsSelector":".c-content-nav__group", "filterElementSelector":".c-content-nav__item", "filterTextSelector":".js-title", "inputElementSelector":".js-autosuggest-input", "matchedClass":"", "unmatchedClass":"hidden"}'
|
|
7
|
+
{{/if}}
|
|
8
|
+
>
|
|
9
|
+
{{#if this.isAutosuggest}}
|
|
10
|
+
<div class="flex w-full h-10 my-2 c-content-nav__autosuggest border-blue-congress align-center">
|
|
11
|
+
<input x-ref="autosuggestInput" class="w-full pl-4 focus:outline-none js-autosuggest-input" type="text"
|
|
12
|
+
placeholder="Eintrag filtern"/>
|
|
13
|
+
</div>
|
|
14
|
+
{{/if}}
|
|
15
|
+
|
|
4
16
|
{{> components/content_nav/content_nav_list _teasersize=../_teasersize}}
|
|
17
|
+
</div>
|
|
18
|
+
|
|
5
19
|
</nav>
|
|
6
20
|
{{else if this.isFlow}}
|
|
7
|
-
<nav class="c-content-nav
|
|
21
|
+
<nav class="c-content-nav">
|
|
22
|
+
<div x-on:click.outside ="open = false;" class="flex flex-wrap {{#if this.isAutosuggest}} autoSuggest js-load{{/if}}"
|
|
23
|
+
{{#if this.isAutosuggest}}
|
|
24
|
+
data-hr-auto-suggest='{"filterGroupsSelector":".c-content-nav__group", "filterElementSelector":".c-content-nav__item", "filterTextSelector":".js-title", "inputElementSelector":".js-autosuggest-input", "matchedClass":"", "unmatchedClass":"hidden"}'
|
|
25
|
+
{{/if}}
|
|
26
|
+
>
|
|
27
|
+
{{#if this.isAutosuggest}}
|
|
28
|
+
<div class="flex w-full h-10 my-2 c-content-nav__autosuggest border-blue-congress align-center">
|
|
29
|
+
<input x-ref="autosuggestInput" class="w-full pl-4 focus:outline-none js-autosuggest-input" type="text"
|
|
30
|
+
placeholder="Eintrag filtern"/>
|
|
31
|
+
</div>
|
|
32
|
+
{{/if}}
|
|
33
|
+
|
|
8
34
|
{{> components/content_nav/content_nav_list _teasersize=../_teasersize}}
|
|
35
|
+
</div>
|
|
9
36
|
</nav>
|
|
10
|
-
{{else}}
|
|
37
|
+
{{else}}
|
|
11
38
|
{{#>components/content_nav/dropdown
|
|
12
39
|
_componentClass="c-content-nav"
|
|
13
40
|
_teasersize=../_teasersize
|
|
@@ -32,5 +59,5 @@
|
|
|
32
59
|
</div>
|
|
33
60
|
{{/components/content_nav/dropdown}}
|
|
34
61
|
|
|
35
|
-
{{/if}}
|
|
36
|
-
{{/with}}
|
|
62
|
+
{{/if}}
|
|
63
|
+
{{/with}}
|
|
@@ -8,17 +8,17 @@ class="h-8 overflow-hidden text-base font-copy list-none border-blue-congress fi
|
|
|
8
8
|
_isSelected=this.isSelected
|
|
9
9
|
_selectedCssClass="is-selected"
|
|
10
10
|
}}
|
|
11
|
-
|
|
12
|
-
<span>
|
|
13
|
-
{{>components/base/image/icon _icon="arrow-right" _addClass=" h-4 w-4 mr-2" }}
|
|
14
|
-
</span>
|
|
15
|
-
|
|
16
|
-
<span class="mt-1 text-base font-copy js-title">{{this.title}}</span>
|
|
11
|
+
|
|
12
|
+
<span class="flex mt-1 text-base grow font-copy js-title">{{this.title}}</span>
|
|
17
13
|
|
|
18
14
|
{{#if this.link.hasIcon}}
|
|
19
15
|
{{> components/base/image/icon _icon=this.link.iconName _addClass="mt-1 ml-2 h-4 w-4" _iconmap="icons"}}
|
|
20
16
|
{{/if}}
|
|
21
17
|
|
|
18
|
+
<span>
|
|
19
|
+
{{>components/base/image/icon _icon="arrow-right" _addClass=" h-4 w-4 ml-2" }}
|
|
20
|
+
</span>
|
|
21
|
+
|
|
22
22
|
{{/components/base/link.hbs}}
|
|
23
23
|
</li>
|
|
24
24
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<ul :class="({{this.isMixed}} && {{_teasersize}} <
|
|
1
|
+
<ul :class="({{this.isMixed}} && {{_teasersize}} < 50) || ({{this.isMixed}} && window.innerWidth < 768) || {{this.isDropdown}} ? 'shadow-[0_13px_27px_-2px_rgba(50,50,93,0.25)] !px-0 ' : ''"
|
|
2
2
|
class="flex flex-wrap w-full px-2 md:!px-0 last:border-b-0">
|
|
3
3
|
|
|
4
4
|
{{~#each this.contentNavEntries~}}
|
|
@@ -354,11 +354,11 @@ document.addEventListener('alpine:init', () => {
|
|
|
354
354
|
}
|
|
355
355
|
|
|
356
356
|
if (isMixed) {
|
|
357
|
-
if (teasersize === 100 || teasersize === 66 ) {
|
|
357
|
+
if (teasersize === 100 || teasersize === 66 || teasersize === 50) {
|
|
358
358
|
if (this.$screen('lg')) return false
|
|
359
359
|
if (this.$screen('md')) return false
|
|
360
360
|
if (this.$screen('xs')) return true
|
|
361
|
-
} else if (teasersize === 33 || teasersize === 25
|
|
361
|
+
} else if (teasersize === 33 || teasersize === 25 ) {
|
|
362
362
|
return true
|
|
363
363
|
}
|
|
364
364
|
}
|
|
@@ -369,11 +369,11 @@ document.addEventListener('alpine:init', () => {
|
|
|
369
369
|
return this.open
|
|
370
370
|
}
|
|
371
371
|
if (isMixed) {
|
|
372
|
-
if (teasersize === 100 || teasersize === 66 ) {
|
|
372
|
+
if (teasersize === 100 || teasersize === 66 || teasersize === 50) {
|
|
373
373
|
if (this.$screen('lg')) return true
|
|
374
374
|
if (this.$screen('md')) return true
|
|
375
375
|
if (this.$screen('xs')) return this.open
|
|
376
|
-
} else if (teasersize === 33 || teasersize === 25
|
|
376
|
+
} else if (teasersize === 33 || teasersize === 25 ) {
|
|
377
377
|
return this.open
|
|
378
378
|
}
|
|
379
379
|
}
|
|
@@ -396,7 +396,7 @@ document.addEventListener('alpine:init', () => {
|
|
|
396
396
|
break;
|
|
397
397
|
case 50:
|
|
398
398
|
classes.push('w-full')
|
|
399
|
-
isList ? classes.push('border','mb-2', 'md:!mr-2') : isMixed ? classes.push('!w-full','
|
|
399
|
+
isList ? classes.push('border','mb-2', 'md:!mr-2') : isMixed ? classes.push('!w-full','border','mb-2', 'md:!mr-2') : isDropdown ? classes.push('!w-full','md:!w-full','md:mb-0','md:!mr-0','border-l-0','border-r-0','border-t-0','border-b','last:border-b-0') : isFlow ? classes.push('!w-fit','!mr-2','border','mb-2') : ''
|
|
400
400
|
break;
|
|
401
401
|
case 33:
|
|
402
402
|
classes.push('w-full')
|
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": "0.56.
|
|
9
|
+
"version": "0.56.6",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "start-storybook -p 6006 public",
|
|
@@ -1,13 +1,40 @@
|
|
|
1
1
|
{{#with this.contentNav}}
|
|
2
|
-
{{#if this.isList}}
|
|
3
|
-
<nav class="c-content-nav
|
|
2
|
+
{{#if this.isList}}
|
|
3
|
+
<nav class="c-content-nav">
|
|
4
|
+
<div x-on:click.outside ="open = false;" class="flex flex-wrap {{#if this.isAutosuggest}} autoSuggest js-load{{/if}}"
|
|
5
|
+
{{#if this.isAutosuggest}}
|
|
6
|
+
data-hr-auto-suggest='{"filterGroupsSelector":".c-content-nav__group", "filterElementSelector":".c-content-nav__item", "filterTextSelector":".js-title", "inputElementSelector":".js-autosuggest-input", "matchedClass":"", "unmatchedClass":"hidden"}'
|
|
7
|
+
{{/if}}
|
|
8
|
+
>
|
|
9
|
+
{{#if this.isAutosuggest}}
|
|
10
|
+
<div class="flex w-full h-10 my-2 c-content-nav__autosuggest border-blue-congress align-center">
|
|
11
|
+
<input x-ref="autosuggestInput" class="w-full pl-4 focus:outline-none js-autosuggest-input" type="text"
|
|
12
|
+
placeholder="Eintrag filtern"/>
|
|
13
|
+
</div>
|
|
14
|
+
{{/if}}
|
|
15
|
+
|
|
4
16
|
{{> components/content_nav/content_nav_list _teasersize=../_teasersize}}
|
|
17
|
+
</div>
|
|
18
|
+
|
|
5
19
|
</nav>
|
|
6
20
|
{{else if this.isFlow}}
|
|
7
|
-
<nav class="c-content-nav
|
|
21
|
+
<nav class="c-content-nav">
|
|
22
|
+
<div x-on:click.outside ="open = false;" class="flex flex-wrap {{#if this.isAutosuggest}} autoSuggest js-load{{/if}}"
|
|
23
|
+
{{#if this.isAutosuggest}}
|
|
24
|
+
data-hr-auto-suggest='{"filterGroupsSelector":".c-content-nav__group", "filterElementSelector":".c-content-nav__item", "filterTextSelector":".js-title", "inputElementSelector":".js-autosuggest-input", "matchedClass":"", "unmatchedClass":"hidden"}'
|
|
25
|
+
{{/if}}
|
|
26
|
+
>
|
|
27
|
+
{{#if this.isAutosuggest}}
|
|
28
|
+
<div class="flex w-full h-10 my-2 c-content-nav__autosuggest border-blue-congress align-center">
|
|
29
|
+
<input x-ref="autosuggestInput" class="w-full pl-4 focus:outline-none js-autosuggest-input" type="text"
|
|
30
|
+
placeholder="Eintrag filtern"/>
|
|
31
|
+
</div>
|
|
32
|
+
{{/if}}
|
|
33
|
+
|
|
8
34
|
{{> components/content_nav/content_nav_list _teasersize=../_teasersize}}
|
|
35
|
+
</div>
|
|
9
36
|
</nav>
|
|
10
|
-
{{else}}
|
|
37
|
+
{{else}}
|
|
11
38
|
{{#>components/content_nav/dropdown
|
|
12
39
|
_componentClass="c-content-nav"
|
|
13
40
|
_teasersize=../_teasersize
|
|
@@ -32,5 +59,5 @@
|
|
|
32
59
|
</div>
|
|
33
60
|
{{/components/content_nav/dropdown}}
|
|
34
61
|
|
|
35
|
-
{{/if}}
|
|
36
|
-
{{/with}}
|
|
62
|
+
{{/if}}
|
|
63
|
+
{{/with}}
|
|
@@ -8,17 +8,17 @@ class="h-8 overflow-hidden text-base font-copy list-none border-blue-congress fi
|
|
|
8
8
|
_isSelected=this.isSelected
|
|
9
9
|
_selectedCssClass="is-selected"
|
|
10
10
|
}}
|
|
11
|
-
|
|
12
|
-
<span>
|
|
13
|
-
{{>components/base/image/icon _icon="arrow-right" _addClass=" h-4 w-4 mr-2" }}
|
|
14
|
-
</span>
|
|
15
|
-
|
|
16
|
-
<span class="mt-1 text-base font-copy js-title">{{this.title}}</span>
|
|
11
|
+
|
|
12
|
+
<span class="flex mt-1 text-base grow font-copy js-title">{{this.title}}</span>
|
|
17
13
|
|
|
18
14
|
{{#if this.link.hasIcon}}
|
|
19
15
|
{{> components/base/image/icon _icon=this.link.iconName _addClass="mt-1 ml-2 h-4 w-4" _iconmap="icons"}}
|
|
20
16
|
{{/if}}
|
|
21
17
|
|
|
18
|
+
<span>
|
|
19
|
+
{{>components/base/image/icon _icon="arrow-right" _addClass=" h-4 w-4 ml-2" }}
|
|
20
|
+
</span>
|
|
21
|
+
|
|
22
22
|
{{/components/base/link.hbs}}
|
|
23
23
|
</li>
|
|
24
24
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<ul :class="({{this.isMixed}} && {{_teasersize}} <
|
|
1
|
+
<ul :class="({{this.isMixed}} && {{_teasersize}} < 50) || ({{this.isMixed}} && window.innerWidth < 768) || {{this.isDropdown}} ? 'shadow-[0_13px_27px_-2px_rgba(50,50,93,0.25)] !px-0 ' : ''"
|
|
2
2
|
class="flex flex-wrap w-full px-2 md:!px-0 last:border-b-0">
|
|
3
3
|
|
|
4
4
|
{{~#each this.contentNavEntries~}}
|
|
@@ -354,11 +354,11 @@ document.addEventListener('alpine:init', () => {
|
|
|
354
354
|
}
|
|
355
355
|
|
|
356
356
|
if (isMixed) {
|
|
357
|
-
if (teasersize === 100 || teasersize === 66 ) {
|
|
357
|
+
if (teasersize === 100 || teasersize === 66 || teasersize === 50) {
|
|
358
358
|
if (this.$screen('lg')) return false
|
|
359
359
|
if (this.$screen('md')) return false
|
|
360
360
|
if (this.$screen('xs')) return true
|
|
361
|
-
} else if (teasersize === 33 || teasersize === 25
|
|
361
|
+
} else if (teasersize === 33 || teasersize === 25 ) {
|
|
362
362
|
return true
|
|
363
363
|
}
|
|
364
364
|
}
|
|
@@ -369,11 +369,11 @@ document.addEventListener('alpine:init', () => {
|
|
|
369
369
|
return this.open
|
|
370
370
|
}
|
|
371
371
|
if (isMixed) {
|
|
372
|
-
if (teasersize === 100 || teasersize === 66 ) {
|
|
372
|
+
if (teasersize === 100 || teasersize === 66 || teasersize === 50) {
|
|
373
373
|
if (this.$screen('lg')) return true
|
|
374
374
|
if (this.$screen('md')) return true
|
|
375
375
|
if (this.$screen('xs')) return this.open
|
|
376
|
-
} else if (teasersize === 33 || teasersize === 25
|
|
376
|
+
} else if (teasersize === 33 || teasersize === 25 ) {
|
|
377
377
|
return this.open
|
|
378
378
|
}
|
|
379
379
|
}
|
|
@@ -396,7 +396,7 @@ document.addEventListener('alpine:init', () => {
|
|
|
396
396
|
break;
|
|
397
397
|
case 50:
|
|
398
398
|
classes.push('w-full')
|
|
399
|
-
isList ? classes.push('border','mb-2', 'md:!mr-2') : isMixed ? classes.push('!w-full','
|
|
399
|
+
isList ? classes.push('border','mb-2', 'md:!mr-2') : isMixed ? classes.push('!w-full','border','mb-2', 'md:!mr-2') : isDropdown ? classes.push('!w-full','md:!w-full','md:mb-0','md:!mr-0','border-l-0','border-r-0','border-t-0','border-b','last:border-b-0') : isFlow ? classes.push('!w-fit','!mr-2','border','mb-2') : ''
|
|
400
400
|
break;
|
|
401
401
|
case 33:
|
|
402
402
|
classes.push('w-full')
|
|
@@ -21,19 +21,20 @@ import contentNavDropdown_subgroups from '../fixtures/teaser_content_nav_dropdow
|
|
|
21
21
|
layout: 'fullscreen',
|
|
22
22
|
chromatic: {
|
|
23
23
|
viewports: [360, 768, 1024],
|
|
24
|
-
}
|
|
24
|
+
},
|
|
25
25
|
}}
|
|
26
26
|
argTypes={{
|
|
27
27
|
realTeasersize: {
|
|
28
28
|
table: {
|
|
29
29
|
disable: true
|
|
30
|
-
}
|
|
30
|
+
},
|
|
31
31
|
},
|
|
32
32
|
contentNav: {
|
|
33
33
|
table: {
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
34
|
+
expanded: false,
|
|
35
|
+
disable: false,
|
|
36
|
+
},
|
|
37
|
+
},
|
|
37
38
|
teasersize: {
|
|
38
39
|
control: {
|
|
39
40
|
type: 'select',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"realTeasersize":"100","teasersize":"100","contentNav":{"title":"Geiler Titel","isDropdown":false,"isList":false,"isFlow":true,"isMixed":false,"
|
|
1
|
+
{"realTeasersize":"100","teasersize":"100","contentNav":{"title":"Geiler Titel","isDropdown":false,"isList":false,"isFlow":true,"isMixed":false,"isAutosuggest":true,"contentNavEntries":[{"title":"Arbeitsmarkt","isGroup":false,"isSelected":true,"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":true,"iconName":"extern"},"navigationGroup":[{}]},{"title":"Banken","link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"isGroup":false,"isSelected":false},{"title":"Energie","link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"isGroup":false,"isSelected":false},{"title":"Flughafen Kassel-Calden","link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"isGroup":false,"isSelected":false},{"title":"Gewerkschaften","link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"isGroup":false,"isSelected":false},{"title":"Handel","link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"isGroup":false,"isSelected":false},{"title":"Handwerk","link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"isGroup":false,"isSelected":false},{"title":"Immobilien","link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"isGroup":false,"isSelected":false},{"title":"K + S","link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"isGroup":false,"isSelected":false},{"title":"Landwirtschaft","link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"isGroup":false,"isSelected":false}]}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"realTeasersize":"100","teasersize":"100","contentNav":{"title":"Geiler Titel","isDropdown":false,"isList":true,"isFlow":false,"isMixed":false,"
|
|
1
|
+
{"realTeasersize":"100","teasersize":"100","contentNav":{"title":"Geiler Titel","isDropdown":false,"isList":true,"isFlow":false,"isMixed":false,"isAutosuggest":true,"contentNavEntries":[{"title":"Arbeitsmarkt","isGroup":false,"isSelected":true,"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":true,"iconName":"extern"},"navigationGroup":[{}]},{"title":"Banken","link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"isGroup":false,"isSelected":false},{"title":"Energie","link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"isGroup":false,"isSelected":false},{"title":"Flughafen Kassel-Calden","link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"isGroup":false,"isSelected":false},{"title":"Gewerkschaften","link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"isGroup":false,"isSelected":false},{"title":"Handel","link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"isGroup":false,"isSelected":false},{"title":"Handwerk","link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"isGroup":false,"isSelected":false},{"title":"Immobilien","link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"isGroup":false,"isSelected":false},{"title":"K + S","link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"isGroup":false,"isSelected":false},{"title":"Landwirtschaft","link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"isGroup":false,"isSelected":false}]}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"includePath":"components/teaser/group_teaser/group_teaser","includeModel":{"hasLink":true,"link":"#gruppe1","hasGroupTitle":true,"groupTitle":"Gruppe 100% - 1 x 100% ContentNavTeaser","teaserSize":"100","isAccentedGroup":true,"isHighlightGroup":true,"backgroundColor":"1","logicItems":[{"isSsi":true,"isAccentedGroup":true,"logicItem":{"includePath":"components/teaser/content_nav/teaser_content_nav","includeModel":{"realTeasersize":"100","teasersize":"100","contentNav":{"title":"Geiler Titel","isDropdown":false,"isList":true,"isFlow":false,"isMixed":false,"
|
|
1
|
+
{"includePath":"components/teaser/group_teaser/group_teaser","includeModel":{"hasLink":true,"link":"#gruppe1","hasGroupTitle":true,"groupTitle":"Gruppe 100% - 1 x 100% ContentNavTeaser","teaserSize":"100","isAccentedGroup":true,"isHighlightGroup":true,"backgroundColor":"1","logicItems":[{"isSsi":true,"isAccentedGroup":true,"logicItem":{"includePath":"components/teaser/content_nav/teaser_content_nav","includeModel":{"realTeasersize":"100","teasersize":"100","contentNav":{"title":"Geiler Titel","isDropdown":false,"isList":true,"isFlow":false,"isMixed":false,"isAutosuggest":true,"contentNavEntries":[{"title":"Arbeitsmarkt","isGroup":false,"isSelected":true,"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":true,"iconName":"extern"},"navigationGroup":[{}]},{"title":"Banken","link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"isGroup":false,"isSelected":false},{"title":"Energie","link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"isGroup":false,"isSelected":false},{"title":"Flughafen Kassel-Calden","link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"isGroup":false,"isSelected":false},{"title":"Gewerkschaften","link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"isGroup":false,"isSelected":false},{"title":"Handel","link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"isGroup":false,"isSelected":false},{"title":"Handwerk","link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"isGroup":false,"isSelected":false},{"title":"Immobilien","link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"isGroup":false,"isSelected":false},{"title":"K + S","link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"isGroup":false,"isSelected":false},{"title":"Landwirtschaft","link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"isGroup":false,"isSelected":false}]}}}}]}}
|