hr-design-system-handlebars 0.56.6 → 0.56.7

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.
Files changed (28) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/assets/index.css +133 -32
  3. package/dist/views/components/content_nav/content_nav.hbs +9 -9
  4. package/dist/views/components/content_nav/content_nav_item.hbs +2 -2
  5. package/dist/views/components/content_nav/content_nav_list.hbs +5 -6
  6. package/dist/views/components/content_nav/dropdown.hbs +5 -4
  7. package/dist/views/components/site_header/header_alpine.js +9 -8
  8. package/package.json +1 -1
  9. package/src/assets/fixtures/teaser/teaser_content_nav_dropdown_100.json +1 -1
  10. package/src/assets/fixtures/teaser/teaser_content_nav_dropdown_autosuggest_100.json +1 -1
  11. package/src/assets/fixtures/teaser/teaser_content_nav_dropdown_subgroups.json +4 -4
  12. package/src/assets/fixtures/teaser/teaser_content_nav_flow_100.json +1 -1
  13. package/src/assets/fixtures/teaser/teaser_content_nav_list_100.json +1 -1
  14. package/src/assets/fixtures/teaser/teaser_content_nav_mixed_100.json +1 -3
  15. package/src/assets/fixtures/teaser/teaser_content_nav_mixed_autosuggest.json +1 -1
  16. package/src/stories/views/components/content_nav/content_nav.hbs +9 -9
  17. package/src/stories/views/components/content_nav/content_nav_item.hbs +2 -2
  18. package/src/stories/views/components/content_nav/content_nav_list.hbs +5 -6
  19. package/src/stories/views/components/content_nav/dropdown.hbs +5 -4
  20. package/src/stories/views/components/site_header/header_alpine.js +9 -8
  21. package/src/stories/views/components/teaser/fixtures/teaser_content_nav_dropdown_100.json +1 -1
  22. package/src/stories/views/components/teaser/fixtures/teaser_content_nav_dropdown_autosuggest_100.json +1 -1
  23. package/src/stories/views/components/teaser/fixtures/teaser_content_nav_dropdown_subgroups.json +1 -1
  24. package/src/stories/views/components/teaser/fixtures/teaser_content_nav_flow_100.json +1 -1
  25. package/src/stories/views/components/teaser/fixtures/teaser_content_nav_list_100.json +1 -1
  26. package/src/stories/views/components/teaser/fixtures/teaser_content_nav_mixed_100.json +1 -1
  27. package/src/stories/views/components/teaser/fixtures/teaser_content_nav_mixed_autosuggest.json +1 -1
  28. 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.7 (Thu Sep 01 2022)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - adds some of mithras designs [#312](https://github.com/mumprod/hr-design-system-handlebars/pull/312) ([@StefanVesper](https://github.com/StefanVesper))
6
+
7
+ #### Authors: 1
8
+
9
+ - SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
10
+
11
+ ---
12
+
1
13
  # v0.56.6 (Wed Aug 31 2022)
2
14
 
3
15
  #### 🐛 Bug Fix
package/dist/assets/index.css CHANGED
@@ -434,7 +434,7 @@ video {
434
434
  --tw-scale-y: 1;
435
435
  }
436
436
 
437
- .btn--secondary, .shadow-\[0_13px_27px_-2px_rgba\(50\2c 50\2c 93\2c 0\.25\)\], .shadow-inner, .shadow-xl {
437
+ .btn--secondary, .shadow-\[1px_8px_9px_0px_rgba\(50\2c 50\2c 93\2c 0\.10\)\], .shadow-\[1px_4px_5px_0px_rgba\(50\2c 50\2c 93\2c 0\.10\)\], .shadow-inner, .shadow-xl {
438
438
  --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
439
439
  --tw-ring-shadow: 0 0 rgba(0,0,0,0);
440
440
  --tw-shadow: 0 0 rgba(0,0,0,0);
@@ -636,15 +636,15 @@ video {
636
636
  .top-full {
637
637
  top: 100%;
638
638
  }
639
- .z-10001 {
640
- z-index: 10001;
641
- }
642
639
  .z-10000 {
643
640
  z-index: 10000;
644
641
  }
645
642
  .z-10002 {
646
643
  z-index: 10002;
647
644
  }
645
+ .z-10001 {
646
+ z-index: 10001;
647
+ }
648
648
  .-z-1000 {
649
649
  z-index: -1000;
650
650
  }
@@ -689,10 +689,6 @@ video {
689
689
  .m-1 {
690
690
  margin: 0.25rem;
691
691
  }
692
- .my-2 {
693
- margin-top: 0.5rem;
694
- margin-bottom: 0.5rem;
695
- }
696
692
  .mx-4 {
697
693
  margin-left: 1rem;
698
694
  margin-right: 1rem;
@@ -731,6 +727,12 @@ video {
731
727
  .\!mt-4 {
732
728
  margin-top: 1rem !important;
733
729
  }
730
+ .mt-2 {
731
+ margin-top: 0.5rem;
732
+ }
733
+ .mt-0 {
734
+ margin-top: 0px;
735
+ }
734
736
  .mt-1 {
735
737
  margin-top: 0.25rem;
736
738
  }
@@ -740,9 +742,6 @@ video {
740
742
  .-mt-2 {
741
743
  margin-top: -0.5rem;
742
744
  }
743
- .mt-2 {
744
- margin-top: 0.5rem;
745
- }
746
745
  .-mt-40 {
747
746
  margin-top: -10rem;
748
747
  }
@@ -755,6 +754,9 @@ video {
755
754
  .\!mb-0 {
756
755
  margin-bottom: 0px !important;
757
756
  }
757
+ .ml-0 {
758
+ margin-left: 0px;
759
+ }
758
760
  .\!mr-2 {
759
761
  margin-right: 0.5rem !important;
760
762
  }
@@ -773,9 +775,6 @@ video {
773
775
  .mt-0\.5 {
774
776
  margin-top: 0.125rem;
775
777
  }
776
- .mt-0 {
777
- margin-top: 0px;
778
- }
779
778
  .mt-10 {
780
779
  margin-top: 2.5rem;
781
780
  }
@@ -1296,13 +1295,17 @@ video {
1296
1295
  .bg-transparent {
1297
1296
  background-color: transparent;
1298
1297
  }
1298
+ .bg-gray-200 {
1299
+ --tw-bg-opacity: 1;
1300
+ background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
1301
+ }
1299
1302
  .bg-white {
1300
1303
  --tw-bg-opacity: 1;
1301
1304
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
1302
1305
  }
1303
- .bg-gray-200 {
1306
+ .bg-blue-accented {
1304
1307
  --tw-bg-opacity: 1;
1305
- background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
1308
+ background-color: rgba(216, 233, 246, var(--tw-bg-opacity));
1306
1309
  }
1307
1310
  .bg-gray-500 {
1308
1311
  --tw-bg-opacity: 1;
@@ -1452,14 +1455,14 @@ video {
1452
1455
  padding-left: 0.75rem;
1453
1456
  padding-right: 0.75rem;
1454
1457
  }
1455
- .\!px-0 {
1456
- padding-left: 0px !important;
1457
- padding-right: 0px !important;
1458
- }
1459
1458
  .px-2 {
1460
1459
  padding-left: 0.5rem;
1461
1460
  padding-right: 0.5rem;
1462
1461
  }
1462
+ .\!px-0 {
1463
+ padding-left: 0px !important;
1464
+ padding-right: 0px !important;
1465
+ }
1463
1466
  .py-1 {
1464
1467
  padding-top: 0.25rem;
1465
1468
  padding-bottom: 0.25rem;
@@ -1512,12 +1515,15 @@ video {
1512
1515
  padding-top: 1px;
1513
1516
  padding-bottom: 1px;
1514
1517
  }
1515
- .pl-4 {
1516
- padding-left: 1rem;
1518
+ .pl-2 {
1519
+ padding-left: 0.5rem;
1517
1520
  }
1518
1521
  .pt-px {
1519
1522
  padding-top: 1px;
1520
1523
  }
1524
+ .pl-4 {
1525
+ padding-left: 1rem;
1526
+ }
1521
1527
  .pr-2 {
1522
1528
  padding-right: 0.5rem;
1523
1529
  }
@@ -1697,10 +1703,6 @@ video {
1697
1703
  --tw-text-opacity: 1;
1698
1704
  color: rgba(0, 82, 147, var(--tw-text-opacity));
1699
1705
  }
1700
- .text-black {
1701
- --tw-text-opacity: 1;
1702
- color: rgba(0, 0, 0, var(--tw-text-opacity));
1703
- }
1704
1706
  .text-orange-spicyCarrot {
1705
1707
  --tw-text-opacity: 1;
1706
1708
  color: rgba(211, 70, 0, var(--tw-text-opacity));
@@ -1709,6 +1711,10 @@ video {
1709
1711
  --tw-text-opacity: 1;
1710
1712
  color: rgba(39, 107, 158, var(--tw-text-opacity));
1711
1713
  }
1714
+ .text-black {
1715
+ --tw-text-opacity: 1;
1716
+ color: rgba(0, 0, 0, var(--tw-text-opacity));
1717
+ }
1712
1718
  .text-blue-science {
1713
1719
  --tw-text-opacity: 1;
1714
1720
  color: rgba(0, 109, 193, var(--tw-text-opacity));
@@ -1770,9 +1776,18 @@ video {
1770
1776
  .opacity-80 {
1771
1777
  opacity: 0.8;
1772
1778
  }
1773
- .shadow-\[0_13px_27px_-2px_rgba\(50\2c 50\2c 93\2c 0\.25\)\] {
1774
- --tw-shadow: 0 13px 27px -2px rgba(50,50,93,0.25);
1775
- --tw-shadow-colored: 0 13px 27px -2px var(--tw-shadow-color);
1779
+ .shadow-\[1px_8px_9px_0px_rgba\(50\2c 50\2c 93\2c 0\.10\)\] {
1780
+ --tw-shadow: 1px 8px 9px 0px rgba(50,50,93,0.10);
1781
+ --tw-shadow-colored: 1px 8px 9px 0px var(--tw-shadow-color);
1782
+ -webkit-box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
1783
+ box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
1784
+ box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
1785
+ -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
1786
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
1787
+ }
1788
+ .shadow-\[1px_4px_5px_0px_rgba\(50\2c 50\2c 93\2c 0\.10\)\] {
1789
+ --tw-shadow: 1px 4px 5px 0px rgba(50,50,93,0.10);
1790
+ --tw-shadow-colored: 1px 4px 5px 0px var(--tw-shadow-color);
1776
1791
  -webkit-box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
1777
1792
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
1778
1793
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
@@ -1881,7 +1896,7 @@ video {
1881
1896
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
1882
1897
  }
1883
1898
  .counter-reset {
1884
- counter-reset: cnt1661962925761;
1899
+ counter-reset: cnt1662050483686;
1885
1900
  }
1886
1901
  .placeholder-text-xs::-webkit-input-placeholder {
1887
1902
  font-size: 0.75rem;
@@ -2264,7 +2279,7 @@ video {
2264
2279
  --tw-ring-color: rgba(255, 255, 255, 0.5);
2265
2280
  }
2266
2281
  .-ordered {
2267
- counter-increment: cnt1661962925761 1;
2282
+ counter-increment: cnt1662050483686 1;
2268
2283
  }
2269
2284
  .-ordered::before {
2270
2285
  position: absolute;
@@ -2281,7 +2296,7 @@ video {
2281
2296
  letter-spacing: .0125em;
2282
2297
  --tw-text-opacity: 1;
2283
2298
  color: rgba(0, 0, 0, var(--tw-text-opacity));
2284
- content: counter(cnt1661962925761);
2299
+ content: counter(cnt1662050483686);
2285
2300
  }
2286
2301
  /*! purgecss start ignore */
2287
2302
  :root,
@@ -2649,6 +2664,26 @@ video {
2649
2664
  right: 0;
2650
2665
  bottom: 0;
2651
2666
  }
2667
+ .placeholder\:text-gray-800::-webkit-input-placeholder {
2668
+ --tw-text-opacity: 1;
2669
+ color: rgba(31, 41, 55, var(--tw-text-opacity));
2670
+ }
2671
+ .placeholder\:text-gray-800::-moz-placeholder {
2672
+ --tw-text-opacity: 1;
2673
+ color: rgba(31, 41, 55, var(--tw-text-opacity));
2674
+ }
2675
+ .placeholder\:text-gray-800:-ms-input-placeholder {
2676
+ --tw-text-opacity: 1;
2677
+ color: rgba(31, 41, 55, var(--tw-text-opacity));
2678
+ }
2679
+ .placeholder\:text-gray-800::-ms-input-placeholder {
2680
+ --tw-text-opacity: 1;
2681
+ color: rgba(31, 41, 55, var(--tw-text-opacity));
2682
+ }
2683
+ .placeholder\:text-gray-800::placeholder {
2684
+ --tw-text-opacity: 1;
2685
+ color: rgba(31, 41, 55, var(--tw-text-opacity));
2686
+ }
2652
2687
  .first\:border-t:first-child {
2653
2688
  border-top-width: 1px;
2654
2689
  }
@@ -2658,6 +2693,9 @@ video {
2658
2693
  .first\:font-bold:first-child {
2659
2694
  font-weight: 700;
2660
2695
  }
2696
+ .last\:mb-0:last-child {
2697
+ margin-bottom: 0px;
2698
+ }
2661
2699
  .last\:border-b-0:last-child {
2662
2700
  border-bottom-width: 0px;
2663
2701
  }
@@ -2693,6 +2731,10 @@ video {
2693
2731
  --tw-bg-opacity: 1;
2694
2732
  background-color: rgba(0, 82, 147, var(--tw-bg-opacity));
2695
2733
  }
2734
+ .hover\:\!bg-white:hover {
2735
+ --tw-bg-opacity: 1 !important;
2736
+ background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important;
2737
+ }
2696
2738
  .hover\:fill-white:hover {
2697
2739
  fill: #ffffff;
2698
2740
  }
@@ -2702,6 +2744,12 @@ video {
2702
2744
  .hover\:fill-blue-jellyBean:hover {
2703
2745
  fill: #006dc1;
2704
2746
  }
2747
+ .hover\:\!fill-congress:hover {
2748
+ fill: #005293 !important;
2749
+ }
2750
+ .hover\:fill-congress:hover {
2751
+ fill: #005293;
2752
+ }
2705
2753
  .hover\:text-toplineColor:hover {
2706
2754
  color: #006dc1;
2707
2755
  color: var(--color-topline);
@@ -2710,10 +2758,22 @@ video {
2710
2758
  --tw-text-opacity: 1;
2711
2759
  color: rgba(255, 255, 255, var(--tw-text-opacity));
2712
2760
  }
2761
+ .hover\:text-blue-congress:hover {
2762
+ --tw-text-opacity: 1;
2763
+ color: rgba(0, 82, 147, var(--tw-text-opacity));
2764
+ }
2765
+ .hover\:\!text-blue-congress:hover {
2766
+ --tw-text-opacity: 1 !important;
2767
+ color: rgba(0, 82, 147, var(--tw-text-opacity)) !important;
2768
+ }
2713
2769
  .hover\:underline:hover {
2714
2770
  -webkit-text-decoration-line: underline;
2715
2771
  text-decoration-line: underline;
2716
2772
  }
2773
+ .hover\:no-underline:hover {
2774
+ -webkit-text-decoration-line: none;
2775
+ text-decoration-line: none;
2776
+ }
2717
2777
  .focus\:outline-none:focus {
2718
2778
  outline: 2px solid transparent;
2719
2779
  outline-offset: 2px;
@@ -2857,6 +2917,10 @@ video {
2857
2917
  margin-right: 0px !important;
2858
2918
  }
2859
2919
 
2920
+ .md\:mb-2 {
2921
+ margin-bottom: 0.5rem;
2922
+ }
2923
+
2860
2924
  .md\:mb-16 {
2861
2925
  margin-bottom: 4rem;
2862
2926
  }
@@ -3008,6 +3072,10 @@ video {
3008
3072
  border-width: 1px !important;
3009
3073
  }
3010
3074
 
3075
+ .md\:border {
3076
+ border-width: 1px;
3077
+ }
3078
+
3011
3079
  .md\:border-r {
3012
3080
  border-right-width: 1px;
3013
3081
  }
@@ -3025,6 +3093,11 @@ video {
3025
3093
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
3026
3094
  }
3027
3095
 
3096
+ .md\:border-blue-congress {
3097
+ --tw-border-opacity: 1;
3098
+ border-color: rgba(0, 82, 147, var(--tw-border-opacity));
3099
+ }
3100
+
3028
3101
  .md\:bg-neutral-200 {
3029
3102
  --tw-bg-opacity: 1;
3030
3103
  background-color: rgba(229, 229, 229, var(--tw-bg-opacity));
@@ -3169,6 +3242,34 @@ video {
3169
3242
  .md\:first-of-type\:pt-0:first-of-type {
3170
3243
  padding-top: 0px;
3171
3244
  }
3245
+
3246
+ .md\:hover\:\!bg-blue-congress:hover {
3247
+ --tw-bg-opacity: 1 !important;
3248
+ background-color: rgba(0, 82, 147, var(--tw-bg-opacity)) !important;
3249
+ }
3250
+
3251
+ .md\:hover\:\!fill-white:hover {
3252
+ fill: #ffffff !important;
3253
+ }
3254
+
3255
+ .md\:hover\:fill-white:hover {
3256
+ fill: #ffffff;
3257
+ }
3258
+
3259
+ .md\:hover\:text-white:hover {
3260
+ --tw-text-opacity: 1;
3261
+ color: rgba(255, 255, 255, var(--tw-text-opacity));
3262
+ }
3263
+
3264
+ .md\:hover\:\!text-white:hover {
3265
+ --tw-text-opacity: 1 !important;
3266
+ color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
3267
+ }
3268
+
3269
+ .md\:hover\:no-underline:hover {
3270
+ -webkit-text-decoration-line: none;
3271
+ text-decoration-line: none;
3272
+ }
3172
3273
  }
3173
3274
  @media (min-width: 1024px) {
3174
3275
 
package/dist/views/components/content_nav/content_nav.hbs CHANGED
@@ -1,14 +1,14 @@
1
1
  {{#with this.contentNav}}
2
2
  {{#if this.isList}}
3
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}}"
4
+ <div x-on:click.outside ="$store.contentNavDropdownIsOpen = false;" class="flex flex-wrap mt-2 md:mt-0 {{#if this.isAutosuggest}} autoSuggest js-load{{/if}}"
5
5
  {{#if this.isAutosuggest}}
6
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
7
  {{/if}}
8
8
  >
9
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"
10
+ <div class="flex w-full h-10 mt-2 md:mx-0 c-content-nav__autosuggest border-blue-congress align-center">
11
+ <input x-ref="autosuggestInput" class="w-full h-8 pl-2 bg-gray-200 placeholder:text-gray-800 focus:outline-none js-autosuggest-input" type="text"
12
12
  placeholder="Eintrag filtern"/>
13
13
  </div>
14
14
  {{/if}}
@@ -19,14 +19,14 @@
19
19
  </nav>
20
20
  {{else if this.isFlow}}
21
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}}"
22
+ <div x-on:click.outside ="$store.contentNavDropdownIsOpen = false" class="flex flex-wrap mt-2 md:mt-0 {{#if this.isAutosuggest}} autoSuggest js-load{{/if}}"
23
23
  {{#if this.isAutosuggest}}
24
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
25
  {{/if}}
26
26
  >
27
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"
28
+ <div class="flex w-full h-10 mt-2 md:mx-0 c-content-nav__autosuggest border-blue-congress align-center">
29
+ <input x-ref="autosuggestInput" class="w-full h-8 pl-2 bg-gray-200 placeholder:text-gray-800 focus:outline-none js-autosuggest-input" type="text"
30
30
  placeholder="Eintrag filtern"/>
31
31
  </div>
32
32
  {{/if}}
@@ -43,14 +43,14 @@
43
43
  _buttonText=(defaultIfEmpty this.selectedItem.title ../../title)
44
44
  _hiddenNavigationLabel="Unternavigation"
45
45
  }}
46
- <div x-on:click.outside ="open = false;" class="flex flex-wrap {{#if this.isAutosuggest}} autoSuggest js-load{{/if}}"
46
+ <div x-on:click.outside ="$store.contentNavDropdownIsOpen = false" class="flex flex-wrap mt-0 {{#if this.isAutosuggest}} autoSuggest js-load{{/if}}"
47
47
  {{#if this.isAutosuggest}}
48
48
  data-hr-auto-suggest='{"filterGroupsSelector":".c-content-nav__group", "filterElementSelector":".c-content-nav__item", "filterTextSelector":".js-title", "inputElementSelector":".js-autosuggest-input", "matchedClass":"", "unmatchedClass":"hidden"}'
49
49
  {{/if}}
50
50
  >
51
51
  {{#if this.isAutosuggest}}
52
- <div class="flex w-full h-10 my-2 c-content-nav__autosuggest border-blue-congress align-center">
53
- <input x-ref="autosuggestInput" class="w-full pl-4 focus:outline-none js-autosuggest-input" type="text"
52
+ <div class="flex w-full h-10 mt-2 md:mx-0 c-content-nav__autosuggest border-blue-congress align-center">
53
+ <input x-ref="autosuggestInput" class="w-full h-8 pl-2 bg-gray-200 placeholder:text-gray-800 focus:outline-none js-autosuggest-input" type="text"
54
54
  placeholder="Eintrag filtern"/>
55
55
  </div>
56
56
  {{/if}}
package/dist/views/components/content_nav/content_nav_item.hbs CHANGED
@@ -1,10 +1,10 @@
1
1
  <li x-init="chooseListItemStyles({{_teasersize}},{{_islist}},{{_ismixed}},{{_isdropdown}},{{_isflow}})"
2
- class="h-8 overflow-hidden text-base font-copy list-none border-blue-congress fill-congress hover:fill-white text-blue-congress hover:text-white hover:underline {{#if this.isSelected}} -current{{/if}} c-content-nav__item">
2
+ class="h-10 md:mx-0 overflow-hidden text-base font-copy list-none border-blue-congress fill-congress text-blue-congress bg-white hover:bg-blue-congress hover:fill-white hover:text-white hover:underline {{#if this.isSelected}} -current{{/if}} c-content-nav__item">
3
3
  {{#>components/base/link.hbs
4
4
  _doNavigationTracking="true"
5
5
  _clickLabelType="Contentnavigation"
6
6
  _clickLabelPrefix1=this.title
7
- _css="flex items-center py-2 px-4 h-8 bg-white hover:bg-blue-congress whitespace-nowrap overflow-hidden"
7
+ _css="flex items-center py-2 px-2 h-10 whitespace-nowrap overflow-hidden"
8
8
  _isSelected=this.isSelected
9
9
  _selectedCssClass="is-selected"
10
10
  }}
package/dist/views/components/content_nav/content_nav_list.hbs CHANGED
@@ -1,5 +1,5 @@
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
- class="flex flex-wrap w-full px-2 md:!px-0 last:border-b-0">
1
+ <ul :class="(({{this.isMixed}} && {{_teasersize}} < 50) || ({{this.isMixed}} && window.innerWidth < 768) || {{this.isDropdown}}) && $store.contentNavDropdownIsOpen === true ? 'shadow-[1px_8px_9px_0px_rgba(50,50,93,0.10)] !px-0 mt-0' : ''"
2
+ class="flex flex-wrap w-full px-2 z-10000 md:!px-0 last:border-b-0">
3
3
 
4
4
  {{~#each this.contentNavEntries~}}
5
5
 
@@ -7,9 +7,9 @@
7
7
 
8
8
  {{#if ../isDropdown}}
9
9
 
10
- <li class="w-full h-auto overflow-hidden text-base text-black list-none bg-gray-200 border-b border-blue-congress font-copy fill-congress c-content-nav__group">
11
- <div class="p-2 c-content-nav__group-title">{{this.title}}</div>
12
- <ul class="c-content-nav__group-list">
10
+ <li class="w-full h-auto mt-2 overflow-hidden text-base list-none border-b border-gray-400 bg-blue-accented text-blue-congress md:mx-0 font-copy fill-congress c-content-nav__group">
11
+ <div class="flex items-center h-10 p-2 c-content-nav__group-title">{{this.title}}</div>
12
+ <ul class="c-content-nav__group-list !px-0 mt-0 ">
13
13
  {{~#each this.navigationGroup~}}
14
14
  {{> components/content_nav/content_nav_item _teasersize=../../_teasersize _isdropdown=../../isDropdown _ismixed=../../isMixed _islist=../../isList _isflow=../../isFlow}}
15
15
  {{~/each~}}
@@ -24,4 +24,3 @@
24
24
  {{~/if~}}
25
25
  {{~/each~}}
26
26
  </ul>
27
-
package/dist/views/components/content_nav/dropdown.hbs CHANGED
@@ -8,24 +8,25 @@
8
8
  <span id="o-dropdown__label--{{getRandom}}" class="hidden">{{defaultIfEmpty _hiddenNavigationLabel "Unternavigation"}}</span>
9
9
 
10
10
  <div x-show="shouldDropdownBeShown({{_teasersize}},{{this.isDropdown}},{{this.isMixed}})"
11
- class="flex w-full h-8 overflow-hidden bg-white border border-blue-congress whitespace-nowrap text-blue-congress fill-congress" >
11
+ :class="$store.contentNavDropdownIsOpen ? 'shadow-[1px_4px_5px_0px_rgba(50,50,93,0.10)]' : ''"
12
+ class="relative flex w-full h-10 overflow-hidden bg-white border z-10002 border-blue-congress whitespace-nowrap text-blue-congress fill-congress" >
12
13
 
13
14
  <span class="text-base p-2 self-center w-full {{_componentClass}}__button-text">
14
15
  {{_buttonText}}
15
16
  </span>
16
17
  <div class="flex self-center w-auto h-full px-2 py-1 border-l border-blue-congress">
17
- <span x-on:click="open = ! open;" :class="open ? 'hidden' : ''" class="flex self-center -open">
18
+ <span x-on:click="$store.contentNavDropdownIsOpen = !$store.contentNavDropdownIsOpen" :class="$store.contentNavDropdownIsOpen ? 'hidden' : ''" class="flex self-center -open">
18
19
  {{~> components/base/image/icon _icon=(defaultIfEmpty _iconOpen "arrow-down") _addClass="flex justify-end h-4 w-4" _iconmap="icons"~}}
19
20
  </span>
20
21
 
21
- <span x-on:click="open = ! open; $dispatch('resetinput')" :class="open ? '' : 'hidden'" class="flex self-center -close">
22
+ <span x-on:click="$store.contentNavDropdownIsOpen = !$store.contentNavDropdownIsOpen; $dispatch('resetinput')" :class="$store.contentNavDropdownIsOpen ? '' : 'hidden'" class="flex self-center -close">
22
23
  {{~> components/base/image/icon _icon=(defaultIfEmpty _iconClose "arrow-up") _addClass="h-4 w-4" _iconmap="icons"~}}
23
24
  </span>
24
25
  </div>
25
26
 
26
27
  </div>
27
28
 
28
- <div x-show="shouldContentBeShown({{_teasersize}},{{this.isDropdown}},{{this.isMixed}})" aria-haspopup="true" class="p-0 m-0 md:relative md:left-0 md:h-auto md:overflow-visible">
29
+ <div x-show="shouldContentBeShown({{_teasersize}},{{this.isDropdown}},{{this.isMixed}})" aria-haspopup="true" class="p-0 m-0 z-10000 md:relative md:left-0 md:h-auto md:overflow-visible">
29
30
  {{> @partial-block }}
30
31
  </div>
31
32
 
package/dist/views/components/site_header/header_alpine.js CHANGED
@@ -6,6 +6,7 @@ document.addEventListener('alpine:init', () => {
6
6
  Alpine.store('burgeropen', false);
7
7
  Alpine.store('searchFieldOpen', false);
8
8
  Alpine.store('serviceNavIsOpen', false);
9
+ Alpine.store('contentNavDropdownIsOpen', false);
9
10
  Alpine.store('searchID', {
10
11
  current: '{{nextRandom}}'
11
12
  });
@@ -366,15 +367,15 @@ document.addEventListener('alpine:init', () => {
366
367
 
367
368
  shouldContentBeShown(teasersize,isDropdown,isMixed){
368
369
  if (isDropdown){
369
- return this.open
370
+ return this.$store.contentNavDropdownIsOpen
370
371
  }
371
372
  if (isMixed) {
372
373
  if (teasersize === 100 || teasersize === 66 || teasersize === 50) {
373
374
  if (this.$screen('lg')) return true
374
375
  if (this.$screen('md')) return true
375
- if (this.$screen('xs')) return this.open
376
+ if (this.$screen('xs')) return this.$store.contentNavDropdownIsOpen
376
377
  } else if (teasersize === 33 || teasersize === 25 ) {
377
- return this.open
378
+ return this.$store.contentNavDropdownIsOpen
378
379
  }
379
380
  }
380
381
 
@@ -387,24 +388,24 @@ document.addEventListener('alpine:init', () => {
387
388
  switch (teasersize) {
388
389
  case 100:
389
390
  classes.push('w-full','md:w-fit')
390
- isList ? classes.push('border','mb-2', 'md:!mr-2') : isMixed ? classes.push('!w-full','md:!w-fit','!mb-0','md:!mb-2','md:mr-2','border-l-0','border-r-0','border-t-0','border-b','last:border-b-0','md:!border') : 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') : ''
391
+ isList ? classes.push('border','mb-2','md:!mr-2','hover:no-underline') : isMixed ? classes.push('!w-full','md:!w-fit','!mb-0','md:!mb-2','md:mr-2','border-l-0','border-r-0','border-t-0','border-b','last:border-b-0','md:!border','md:border-blue-congress','border-gray-400','hover:underline','hover:text-blue-congress','hover:!bg-white','hover:!fill-congress','md:hover:no-underline','md:hover:text-white','md:hover:!bg-blue-congress','md:hover:!fill-white') : isDropdown ? classes.push('!w-full','ml-0','md:!w-full','md:mb-0','md:!mr-0','border-gray-400','border-l-0','border-r-0','border-t-0','border-b','last:border-b-0','hover:underline','hover:text-blue-congress','hover:!bg-white','hover:!fill-congress') : isFlow ? classes.push('!w-fit','!mr-2','border','mb-2','hover:no-underline') : ''
391
392
  break;
392
393
  case 66:
393
394
  classes.push('w-fit')
394
- isList == true ? classes.push('border','mb-2','mr-2') : isMixed ? classes.push('!w-full','md:!w-fit','!mb-0','md:!mb-2','md:mr-2','border-l-0','border-r-0','border-t-0','border-b','last:border-b-0','md:!border') : 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') : ''
395
+ isList == true ? classes.push('border','mb-2','mr-2','md:!mr-2','hover:no-underline') : isMixed ? classes.push('!w-full','md:!w-fit','!mb-0','md:!mb-2','md:mr-2','border-l-0','border-r-0','border-t-0','border-b','last:border-b-0','md:!border','hover:text-blue-congress','hover:!fill-congress','hover:!bg-white','md:hover:!bg-blue-congress','md:hover:!text-white','md:hover:no-underline','md:hover:!fill-white') : 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','hover:underline','hover:text-blue-congress','hover:!bg-white','hover:!fill-congress') : isFlow ? classes.push('!w-fit','!mr-2','border','mb-2','hover:no-underline') : ''
395
396
  console.log(classes)
396
397
  break;
397
398
  case 50:
398
399
  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
+ isList ? classes.push('border','mb-2', 'md:!mr-2','hover:no-underline') : isMixed ? classes.push('!w-full','border','md:mb-2', 'md:!mr-2','last:mb-0','border-gray-400','border-l-0','border-r-0','border-t-0','md:border','md:border-blue-congress','hover:underline','hover:!bg-white','hover:text-blue-congress','hover:fill-congress','md:hover:!bg-blue-congress','md:hover:!text-white','md:hover:fill-white','md:hover:no-underline') : 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','border-gray-400','hover:underline','hover:!text-blue-congress','hover:!bg-white','hover:!fill-congress') : isFlow ? classes.push('!w-fit','!mr-2','border','mb-2','hover:no-underline') : ''
400
401
  break;
401
402
  case 33:
402
403
  classes.push('w-full')
403
- isList ? classes.push('border','mb-2', 'md:!mr-2') : isMixed ? classes.push('!w-full','!mb-0','border-b','last:border-b-0') : 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') : ''
404
+ isList ? classes.push('border','mb-2', 'md:!mr-2','hover:no-underline') : isMixed ? classes.push('!w-full','!mb-0','border-b','last:border-b-0','hover:!bg-white','hover:underline','hover:text-blue-congress','hover:!fill-congress') : 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','hover:underline','hover:!text-blue-congress','hover:!bg-white','hover:!fill-congress') : isFlow ? classes.push('!w-fit','!mr-2','border','mb-2','hover:no-underline') : ''
404
405
  break;
405
406
  case 25:
406
407
  classes.push('w-full')
407
- isList ? classes.push('border','mb-2', 'md:!mr-2') : isMixed ? classes.push('!w-full','!mb-0','border-b','last:border-b-0') : 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') : ''
408
+ isList ? classes.push('border','mb-2', 'md:!mr-2','hover:no-underline') : isMixed ? classes.push('!w-full','!mb-0','border-b','last:border-b-0','hover:!bg-white','hover:underline','hover:!text-blue-congress','hover:!fill-congress') : 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','hover:underline','hover:text-blue-congress','hover:!bg-white','hover:!fill-congress') : isFlow ? classes.push('!w-fit','!mr-2','border','mb-2','hover:no-underline') : ''
408
409
  break;
409
410
 
410
411
  }
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.6",
9
+ "version": "0.56.7",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "start-storybook -p 6006 public",
package/src/assets/fixtures/teaser/teaser_content_nav_dropdown_100.json CHANGED
@@ -22,7 +22,7 @@
22
22
  "url": "/teaser1",
23
23
  "webviewUrl": "/teaser1#webview",
24
24
  "isTargetBlank": true,
25
- "hasIcon": true,
25
+ "hasIcon": false,
26
26
  "iconName": "extern"
27
27
  },
28
28
  "navigationGroup" : [
package/src/assets/fixtures/teaser/teaser_content_nav_dropdown_autosuggest_100.json CHANGED
@@ -22,7 +22,7 @@
22
22
  "url": "/teaser1",
23
23
  "webviewUrl": "/teaser1#webview",
24
24
  "isTargetBlank": true,
25
- "hasIcon": true,
25
+ "hasIcon": false,
26
26
  "iconName": "extern"
27
27
  },
28
28
  "navigationGroup" : [
package/src/assets/fixtures/teaser/teaser_content_nav_dropdown_subgroups.json CHANGED
@@ -27,7 +27,7 @@
27
27
  "url": "/teaser1",
28
28
  "webviewUrl": "/teaser1#webview",
29
29
  "isTargetBlank": true,
30
- "hasIcon": true,
30
+ "hasIcon": false,
31
31
  "iconName": "extern"
32
32
  }
33
33
  },
@@ -39,7 +39,7 @@
39
39
  "url": "/teaser1",
40
40
  "webviewUrl": "/teaser1#webview",
41
41
  "isTargetBlank": true,
42
- "hasIcon": true,
42
+ "hasIcon": false,
43
43
  "iconName": "extern"
44
44
  }
45
45
  }
@@ -58,7 +58,7 @@
58
58
  "url": "/teaser1",
59
59
  "webviewUrl": "/teaser1#webview",
60
60
  "isTargetBlank": true,
61
- "hasIcon": true,
61
+ "hasIcon": false,
62
62
  "iconName": "extern"
63
63
  }
64
64
  },
@@ -70,7 +70,7 @@
70
70
  "url": "/teaser1",
71
71
  "webviewUrl": "/teaser1#webview",
72
72
  "isTargetBlank": true,
73
- "hasIcon": true,
73
+ "hasIcon": false,
74
74
  "iconName": "extern"
75
75
  }
76
76
  }
package/src/assets/fixtures/teaser/teaser_content_nav_flow_100.json CHANGED
@@ -19,7 +19,7 @@
19
19
  "url": "/teaser1",
20
20
  "webviewUrl": "/teaser1#webview",
21
21
  "isTargetBlank": true,
22
- "hasIcon": true,
22
+ "hasIcon": false,
23
23
  "iconName": "extern"
24
24
  },
25
25
  "navigationGroup" : [{}]
package/src/assets/fixtures/teaser/teaser_content_nav_list_100.json CHANGED
@@ -18,7 +18,7 @@
18
18
  "url": "/teaser1",
19
19
  "webviewUrl": "/teaser1#webview",
20
20
  "isTargetBlank": true,
21
- "hasIcon": true,
21
+ "hasIcon": false,
22
22
  "iconName": "extern"
23
23
  },
24
24
  "navigationGroup" : [{}]
package/src/assets/fixtures/teaser/teaser_content_nav_mixed_100.json CHANGED
@@ -1,10 +1,8 @@
1
1
  {
2
- "realTeasersize" : "100",
3
2
  "teasersize" : "100",
4
3
 
5
4
  "contentNav" : {
6
5
  "title" : "Geiler Titel",
7
-
8
6
  "isDropdown" : false,
9
7
  "isList" : false,
10
8
  "isFlow" : false,
@@ -22,7 +20,7 @@
22
20
  "url": "/teaser1",
23
21
  "webviewUrl": "/teaser1#webview",
24
22
  "isTargetBlank": true,
25
- "hasIcon": true,
23
+ "hasIcon": false,
26
24
  "iconName": "extern"
27
25
  },
28
26
  "navigationGroup" : [{}]
package/src/assets/fixtures/teaser/teaser_content_nav_mixed_autosuggest.json CHANGED
@@ -22,7 +22,7 @@
22
22
  "url": "/teaser1",
23
23
  "webviewUrl": "/teaser1#webview",
24
24
  "isTargetBlank": true,
25
- "hasIcon": true,
25
+ "hasIcon": false,
26
26
  "iconName": "extern"
27
27
  },
28
28
  "navigationGroup" : [{}]
package/src/stories/views/components/content_nav/content_nav.hbs CHANGED
@@ -1,14 +1,14 @@
1
1
  {{#with this.contentNav}}
2
2
  {{#if this.isList}}
3
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}}"
4
+ <div x-on:click.outside ="$store.contentNavDropdownIsOpen = false;" class="flex flex-wrap mt-2 md:mt-0 {{#if this.isAutosuggest}} autoSuggest js-load{{/if}}"
5
5
  {{#if this.isAutosuggest}}
6
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
7
  {{/if}}
8
8
  >
9
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"
10
+ <div class="flex w-full h-10 mt-2 md:mx-0 c-content-nav__autosuggest border-blue-congress align-center">
11
+ <input x-ref="autosuggestInput" class="w-full h-8 pl-2 bg-gray-200 placeholder:text-gray-800 focus:outline-none js-autosuggest-input" type="text"
12
12
  placeholder="Eintrag filtern"/>
13
13
  </div>
14
14
  {{/if}}
@@ -19,14 +19,14 @@
19
19
  </nav>
20
20
  {{else if this.isFlow}}
21
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}}"
22
+ <div x-on:click.outside ="$store.contentNavDropdownIsOpen = false" class="flex flex-wrap mt-2 md:mt-0 {{#if this.isAutosuggest}} autoSuggest js-load{{/if}}"
23
23
  {{#if this.isAutosuggest}}
24
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
25
  {{/if}}
26
26
  >
27
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"
28
+ <div class="flex w-full h-10 mt-2 md:mx-0 c-content-nav__autosuggest border-blue-congress align-center">
29
+ <input x-ref="autosuggestInput" class="w-full h-8 pl-2 bg-gray-200 placeholder:text-gray-800 focus:outline-none js-autosuggest-input" type="text"
30
30
  placeholder="Eintrag filtern"/>
31
31
  </div>
32
32
  {{/if}}
@@ -43,14 +43,14 @@
43
43
  _buttonText=(defaultIfEmpty this.selectedItem.title ../../title)
44
44
  _hiddenNavigationLabel="Unternavigation"
45
45
  }}
46
- <div x-on:click.outside ="open = false;" class="flex flex-wrap {{#if this.isAutosuggest}} autoSuggest js-load{{/if}}"
46
+ <div x-on:click.outside ="$store.contentNavDropdownIsOpen = false" class="flex flex-wrap mt-0 {{#if this.isAutosuggest}} autoSuggest js-load{{/if}}"
47
47
  {{#if this.isAutosuggest}}
48
48
  data-hr-auto-suggest='{"filterGroupsSelector":".c-content-nav__group", "filterElementSelector":".c-content-nav__item", "filterTextSelector":".js-title", "inputElementSelector":".js-autosuggest-input", "matchedClass":"", "unmatchedClass":"hidden"}'
49
49
  {{/if}}
50
50
  >
51
51
  {{#if this.isAutosuggest}}
52
- <div class="flex w-full h-10 my-2 c-content-nav__autosuggest border-blue-congress align-center">
53
- <input x-ref="autosuggestInput" class="w-full pl-4 focus:outline-none js-autosuggest-input" type="text"
52
+ <div class="flex w-full h-10 mt-2 md:mx-0 c-content-nav__autosuggest border-blue-congress align-center">
53
+ <input x-ref="autosuggestInput" class="w-full h-8 pl-2 bg-gray-200 placeholder:text-gray-800 focus:outline-none js-autosuggest-input" type="text"
54
54
  placeholder="Eintrag filtern"/>
55
55
  </div>
56
56
  {{/if}}
package/src/stories/views/components/content_nav/content_nav_item.hbs CHANGED
@@ -1,10 +1,10 @@
1
1
  <li x-init="chooseListItemStyles({{_teasersize}},{{_islist}},{{_ismixed}},{{_isdropdown}},{{_isflow}})"
2
- class="h-8 overflow-hidden text-base font-copy list-none border-blue-congress fill-congress hover:fill-white text-blue-congress hover:text-white hover:underline {{#if this.isSelected}} -current{{/if}} c-content-nav__item">
2
+ class="h-10 md:mx-0 overflow-hidden text-base font-copy list-none border-blue-congress fill-congress text-blue-congress bg-white hover:bg-blue-congress hover:fill-white hover:text-white hover:underline {{#if this.isSelected}} -current{{/if}} c-content-nav__item">
3
3
  {{#>components/base/link.hbs
4
4
  _doNavigationTracking="true"
5
5
  _clickLabelType="Contentnavigation"
6
6
  _clickLabelPrefix1=this.title
7
- _css="flex items-center py-2 px-4 h-8 bg-white hover:bg-blue-congress whitespace-nowrap overflow-hidden"
7
+ _css="flex items-center py-2 px-2 h-10 whitespace-nowrap overflow-hidden"
8
8
  _isSelected=this.isSelected
9
9
  _selectedCssClass="is-selected"
10
10
  }}
package/src/stories/views/components/content_nav/content_nav_list.hbs CHANGED
@@ -1,5 +1,5 @@
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
- class="flex flex-wrap w-full px-2 md:!px-0 last:border-b-0">
1
+ <ul :class="(({{this.isMixed}} && {{_teasersize}} < 50) || ({{this.isMixed}} && window.innerWidth < 768) || {{this.isDropdown}}) && $store.contentNavDropdownIsOpen === true ? 'shadow-[1px_8px_9px_0px_rgba(50,50,93,0.10)] !px-0 mt-0' : ''"
2
+ class="flex flex-wrap w-full px-2 z-10000 md:!px-0 last:border-b-0">
3
3
 
4
4
  {{~#each this.contentNavEntries~}}
5
5
 
@@ -7,9 +7,9 @@
7
7
 
8
8
  {{#if ../isDropdown}}
9
9
 
10
- <li class="w-full h-auto overflow-hidden text-base text-black list-none bg-gray-200 border-b border-blue-congress font-copy fill-congress c-content-nav__group">
11
- <div class="p-2 c-content-nav__group-title">{{this.title}}</div>
12
- <ul class="c-content-nav__group-list">
10
+ <li class="w-full h-auto mt-2 overflow-hidden text-base list-none border-b border-gray-400 bg-blue-accented text-blue-congress md:mx-0 font-copy fill-congress c-content-nav__group">
11
+ <div class="flex items-center h-10 p-2 c-content-nav__group-title">{{this.title}}</div>
12
+ <ul class="c-content-nav__group-list !px-0 mt-0 ">
13
13
  {{~#each this.navigationGroup~}}
14
14
  {{> components/content_nav/content_nav_item _teasersize=../../_teasersize _isdropdown=../../isDropdown _ismixed=../../isMixed _islist=../../isList _isflow=../../isFlow}}
15
15
  {{~/each~}}
@@ -24,4 +24,3 @@
24
24
  {{~/if~}}
25
25
  {{~/each~}}
26
26
  </ul>
27
-
package/src/stories/views/components/content_nav/dropdown.hbs CHANGED
@@ -8,24 +8,25 @@
8
8
  <span id="o-dropdown__label--{{getRandom}}" class="hidden">{{defaultIfEmpty _hiddenNavigationLabel "Unternavigation"}}</span>
9
9
 
10
10
  <div x-show="shouldDropdownBeShown({{_teasersize}},{{this.isDropdown}},{{this.isMixed}})"
11
- class="flex w-full h-8 overflow-hidden bg-white border border-blue-congress whitespace-nowrap text-blue-congress fill-congress" >
11
+ :class="$store.contentNavDropdownIsOpen ? 'shadow-[1px_4px_5px_0px_rgba(50,50,93,0.10)]' : ''"
12
+ class="relative flex w-full h-10 overflow-hidden bg-white border z-10002 border-blue-congress whitespace-nowrap text-blue-congress fill-congress" >
12
13
 
13
14
  <span class="text-base p-2 self-center w-full {{_componentClass}}__button-text">
14
15
  {{_buttonText}}
15
16
  </span>
16
17
  <div class="flex self-center w-auto h-full px-2 py-1 border-l border-blue-congress">
17
- <span x-on:click="open = ! open;" :class="open ? 'hidden' : ''" class="flex self-center -open">
18
+ <span x-on:click="$store.contentNavDropdownIsOpen = !$store.contentNavDropdownIsOpen" :class="$store.contentNavDropdownIsOpen ? 'hidden' : ''" class="flex self-center -open">
18
19
  {{~> components/base/image/icon _icon=(defaultIfEmpty _iconOpen "arrow-down") _addClass="flex justify-end h-4 w-4" _iconmap="icons"~}}
19
20
  </span>
20
21
 
21
- <span x-on:click="open = ! open; $dispatch('resetinput')" :class="open ? '' : 'hidden'" class="flex self-center -close">
22
+ <span x-on:click="$store.contentNavDropdownIsOpen = !$store.contentNavDropdownIsOpen; $dispatch('resetinput')" :class="$store.contentNavDropdownIsOpen ? '' : 'hidden'" class="flex self-center -close">
22
23
  {{~> components/base/image/icon _icon=(defaultIfEmpty _iconClose "arrow-up") _addClass="h-4 w-4" _iconmap="icons"~}}
23
24
  </span>
24
25
  </div>
25
26
 
26
27
  </div>
27
28
 
28
- <div x-show="shouldContentBeShown({{_teasersize}},{{this.isDropdown}},{{this.isMixed}})" aria-haspopup="true" class="p-0 m-0 md:relative md:left-0 md:h-auto md:overflow-visible">
29
+ <div x-show="shouldContentBeShown({{_teasersize}},{{this.isDropdown}},{{this.isMixed}})" aria-haspopup="true" class="p-0 m-0 z-10000 md:relative md:left-0 md:h-auto md:overflow-visible">
29
30
  {{> @partial-block }}
30
31
  </div>
31
32
 
package/src/stories/views/components/site_header/header_alpine.js CHANGED
@@ -6,6 +6,7 @@ document.addEventListener('alpine:init', () => {
6
6
  Alpine.store('burgeropen', false);
7
7
  Alpine.store('searchFieldOpen', false);
8
8
  Alpine.store('serviceNavIsOpen', false);
9
+ Alpine.store('contentNavDropdownIsOpen', false);
9
10
  Alpine.store('searchID', {
10
11
  current: '{{nextRandom}}'
11
12
  });
@@ -366,15 +367,15 @@ document.addEventListener('alpine:init', () => {
366
367
 
367
368
  shouldContentBeShown(teasersize,isDropdown,isMixed){
368
369
  if (isDropdown){
369
- return this.open
370
+ return this.$store.contentNavDropdownIsOpen
370
371
  }
371
372
  if (isMixed) {
372
373
  if (teasersize === 100 || teasersize === 66 || teasersize === 50) {
373
374
  if (this.$screen('lg')) return true
374
375
  if (this.$screen('md')) return true
375
- if (this.$screen('xs')) return this.open
376
+ if (this.$screen('xs')) return this.$store.contentNavDropdownIsOpen
376
377
  } else if (teasersize === 33 || teasersize === 25 ) {
377
- return this.open
378
+ return this.$store.contentNavDropdownIsOpen
378
379
  }
379
380
  }
380
381
 
@@ -387,24 +388,24 @@ document.addEventListener('alpine:init', () => {
387
388
  switch (teasersize) {
388
389
  case 100:
389
390
  classes.push('w-full','md:w-fit')
390
- isList ? classes.push('border','mb-2', 'md:!mr-2') : isMixed ? classes.push('!w-full','md:!w-fit','!mb-0','md:!mb-2','md:mr-2','border-l-0','border-r-0','border-t-0','border-b','last:border-b-0','md:!border') : 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') : ''
391
+ isList ? classes.push('border','mb-2','md:!mr-2','hover:no-underline') : isMixed ? classes.push('!w-full','md:!w-fit','!mb-0','md:!mb-2','md:mr-2','border-l-0','border-r-0','border-t-0','border-b','last:border-b-0','md:!border','md:border-blue-congress','border-gray-400','hover:underline','hover:text-blue-congress','hover:!bg-white','hover:!fill-congress','md:hover:no-underline','md:hover:text-white','md:hover:!bg-blue-congress','md:hover:!fill-white') : isDropdown ? classes.push('!w-full','ml-0','md:!w-full','md:mb-0','md:!mr-0','border-gray-400','border-l-0','border-r-0','border-t-0','border-b','last:border-b-0','hover:underline','hover:text-blue-congress','hover:!bg-white','hover:!fill-congress') : isFlow ? classes.push('!w-fit','!mr-2','border','mb-2','hover:no-underline') : ''
391
392
  break;
392
393
  case 66:
393
394
  classes.push('w-fit')
394
- isList == true ? classes.push('border','mb-2','mr-2') : isMixed ? classes.push('!w-full','md:!w-fit','!mb-0','md:!mb-2','md:mr-2','border-l-0','border-r-0','border-t-0','border-b','last:border-b-0','md:!border') : 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') : ''
395
+ isList == true ? classes.push('border','mb-2','mr-2','md:!mr-2','hover:no-underline') : isMixed ? classes.push('!w-full','md:!w-fit','!mb-0','md:!mb-2','md:mr-2','border-l-0','border-r-0','border-t-0','border-b','last:border-b-0','md:!border','hover:text-blue-congress','hover:!fill-congress','hover:!bg-white','md:hover:!bg-blue-congress','md:hover:!text-white','md:hover:no-underline','md:hover:!fill-white') : 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','hover:underline','hover:text-blue-congress','hover:!bg-white','hover:!fill-congress') : isFlow ? classes.push('!w-fit','!mr-2','border','mb-2','hover:no-underline') : ''
395
396
  console.log(classes)
396
397
  break;
397
398
  case 50:
398
399
  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
+ isList ? classes.push('border','mb-2', 'md:!mr-2','hover:no-underline') : isMixed ? classes.push('!w-full','border','md:mb-2', 'md:!mr-2','last:mb-0','border-gray-400','border-l-0','border-r-0','border-t-0','md:border','md:border-blue-congress','hover:underline','hover:!bg-white','hover:text-blue-congress','hover:fill-congress','md:hover:!bg-blue-congress','md:hover:!text-white','md:hover:fill-white','md:hover:no-underline') : 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','border-gray-400','hover:underline','hover:!text-blue-congress','hover:!bg-white','hover:!fill-congress') : isFlow ? classes.push('!w-fit','!mr-2','border','mb-2','hover:no-underline') : ''
400
401
  break;
401
402
  case 33:
402
403
  classes.push('w-full')
403
- isList ? classes.push('border','mb-2', 'md:!mr-2') : isMixed ? classes.push('!w-full','!mb-0','border-b','last:border-b-0') : 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') : ''
404
+ isList ? classes.push('border','mb-2', 'md:!mr-2','hover:no-underline') : isMixed ? classes.push('!w-full','!mb-0','border-b','last:border-b-0','hover:!bg-white','hover:underline','hover:text-blue-congress','hover:!fill-congress') : 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','hover:underline','hover:!text-blue-congress','hover:!bg-white','hover:!fill-congress') : isFlow ? classes.push('!w-fit','!mr-2','border','mb-2','hover:no-underline') : ''
404
405
  break;
405
406
  case 25:
406
407
  classes.push('w-full')
407
- isList ? classes.push('border','mb-2', 'md:!mr-2') : isMixed ? classes.push('!w-full','!mb-0','border-b','last:border-b-0') : 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') : ''
408
+ isList ? classes.push('border','mb-2', 'md:!mr-2','hover:no-underline') : isMixed ? classes.push('!w-full','!mb-0','border-b','last:border-b-0','hover:!bg-white','hover:underline','hover:!text-blue-congress','hover:!fill-congress') : 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','hover:underline','hover:text-blue-congress','hover:!bg-white','hover:!fill-congress') : isFlow ? classes.push('!w-fit','!mr-2','border','mb-2','hover:no-underline') : ''
408
409
  break;
409
410
 
410
411
  }
package/src/stories/views/components/teaser/fixtures/teaser_content_nav_dropdown_100.json CHANGED
@@ -1 +1 @@
1
- {"realTeasersize":"100","teasersize":"100","contentNav":{"title":"Geiler Titel","isDropdown":true,"isList":false,"isFlow":false,"isMixed":false,"isAutosuggest":false,"selectedItem":{"title":"Themen Wirtschaft"},"contentNavEntries":[{"title":"Arbeitsmarkt","isGroup":false,"isSelected":false,"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
+ {"realTeasersize":"100","teasersize":"100","contentNav":{"title":"Geiler Titel","isDropdown":true,"isList":false,"isFlow":false,"isMixed":false,"isAutosuggest":false,"selectedItem":{"title":"Themen Wirtschaft"},"contentNavEntries":[{"title":"Arbeitsmarkt","isGroup":false,"isSelected":false,"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":false,"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}]}}
package/src/stories/views/components/teaser/fixtures/teaser_content_nav_dropdown_autosuggest_100.json CHANGED
@@ -1 +1 @@
1
- {"realTeasersize":"100","teasersize":"100","contentNav":{"title":"Geiler Titel","isDropdown":true,"isList":false,"isFlow":false,"isMixed":false,"isAutosuggest":true,"selectedItem":{"title":"Themen Wirtschaft"},"contentNavEntries":[{"title":"Arbeitsmarkt","isGroup":false,"isSelected":false,"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
+ {"realTeasersize":"100","teasersize":"100","contentNav":{"title":"Geiler Titel","isDropdown":true,"isList":false,"isFlow":false,"isMixed":false,"isAutosuggest":true,"selectedItem":{"title":"Themen Wirtschaft"},"contentNavEntries":[{"title":"Arbeitsmarkt","isGroup":false,"isSelected":false,"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":false,"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}]}}
package/src/stories/views/components/teaser/fixtures/teaser_content_nav_dropdown_subgroups.json CHANGED
@@ -1 +1 @@
1
- {"realTeasersize":"100","teasersize":"100","contentNav":{"title":"Geiler Titel","isDropdown":true,"isList":false,"isFlow":false,"isMixed":false,"isAutosuggest":false,"selectedItem":{"title":"Themen Wirtschaft"},"contentNavEntries":[{"title":"Arbeitsmarkt","isGroup":true,"isSelected":false,"navigationGroup":[{"title":"Arbeitsmarkt - Sub-Item 1","isGroup":false,"isSelected":false,"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":true,"iconName":"extern"}},{"title":"Arbeitsmarkt - Sub-Item 2","isGroup":false,"isSelected":false,"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":true,"iconName":"extern"}}]},{"title":"Banken","isGroup":true,"isSelected":false,"navigationGroup":[{"title":"Banken - Sub-Item 1","isGroup":false,"isSelected":false,"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":true,"iconName":"extern"}},{"title":"Banken - Sub-Item 2","isGroup":false,"isSelected":false,"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":true,"iconName":"extern"}}]},{"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
+ {"realTeasersize":"100","teasersize":"100","contentNav":{"title":"Geiler Titel","isDropdown":true,"isList":false,"isFlow":false,"isMixed":false,"isAutosuggest":false,"selectedItem":{"title":"Themen Wirtschaft"},"contentNavEntries":[{"title":"Arbeitsmarkt","isGroup":true,"isSelected":false,"navigationGroup":[{"title":"Arbeitsmarkt - Sub-Item 1","isGroup":false,"isSelected":false,"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":false,"iconName":"extern"}},{"title":"Arbeitsmarkt - Sub-Item 2","isGroup":false,"isSelected":false,"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":false,"iconName":"extern"}}]},{"title":"Banken","isGroup":true,"isSelected":false,"navigationGroup":[{"title":"Banken - Sub-Item 1","isGroup":false,"isSelected":false,"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":false,"iconName":"extern"}},{"title":"Banken - Sub-Item 2","isGroup":false,"isSelected":false,"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":false,"iconName":"extern"}}]},{"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}]}}
package/src/stories/views/components/teaser/fixtures/teaser_content_nav_flow_100.json CHANGED
@@ -1 +1 @@
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
+ {"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":false,"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}]}}
package/src/stories/views/components/teaser/fixtures/teaser_content_nav_list_100.json CHANGED
@@ -1 +1 @@
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
+ {"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":false,"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}]}}
package/src/stories/views/components/teaser/fixtures/teaser_content_nav_mixed_100.json CHANGED
@@ -1 +1 @@
1
- {"realTeasersize":"100","teasersize":"100","contentNav":{"title":"Geiler Titel","isDropdown":false,"isList":false,"isFlow":false,"isMixed":true,"isAutoSuggest":false,"selectedItem":{"title":"Themen Wirtschaft"},"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
+ {"teasersize":"100","contentNav":{"title":"Geiler Titel","isDropdown":false,"isList":false,"isFlow":false,"isMixed":true,"isAutoSuggest":false,"selectedItem":{"title":"Themen Wirtschaft"},"contentNavEntries":[{"title":"Arbeitsmarkt","isGroup":false,"isSelected":true,"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":false,"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}]}}
package/src/stories/views/components/teaser/fixtures/teaser_content_nav_mixed_autosuggest.json CHANGED
@@ -1 +1 @@
1
- {"realTeasersize":"100","teasersize":"100","contentNav":{"title":"Geiler Titel","isDropdown":false,"isList":false,"isFlow":false,"isMixed":true,"isAutosuggest":true,"selectedItem":{"title":"Themen Wirtschaft"},"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
+ {"realTeasersize":"100","teasersize":"100","contentNav":{"title":"Geiler Titel","isDropdown":false,"isList":false,"isFlow":false,"isMixed":true,"isAutosuggest":true,"selectedItem":{"title":"Themen Wirtschaft"},"contentNavEntries":[{"title":"Arbeitsmarkt","isGroup":false,"isSelected":true,"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":true,"hasIcon":false,"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}]}}
package/src/stories/views/components/teaser/fixtures/teaser_group_100_contentNav.json CHANGED
@@ -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,"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
+ {"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":false,"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}]}}}}]}}