@swisspost/design-system-components 9.0.0-next.17 → 9.0.0-next.18

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 (176) hide show
  1. package/dist/cjs/index.cjs.js +20 -20
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/{package-6000ba84.js → package-5e20c234.js} +1 -1
  4. package/dist/cjs/{post-accordion-562d63d3.js → post-accordion-75c0c474.js} +1 -1
  5. package/dist/cjs/{post-accordion-item-2b9a7c01.js → post-accordion-item-1157ea24.js} +1 -1
  6. package/dist/cjs/post-accordion-item.cjs.entry.js +2 -2
  7. package/dist/cjs/post-accordion.cjs.entry.js +2 -2
  8. package/dist/cjs/{post-avatar-d9194b7f.js → post-avatar-35dcad67.js} +1 -1
  9. package/dist/cjs/post-avatar.cjs.entry.js +2 -2
  10. package/dist/cjs/{post-back-to-top-fa8d4e1d.js → post-back-to-top-4de4041e.js} +1 -1
  11. package/dist/cjs/post-back-to-top.cjs.entry.js +2 -2
  12. package/dist/cjs/{post-banner-3b91a695.js → post-banner-2114b7e3.js} +1 -1
  13. package/dist/cjs/post-banner.cjs.entry.js +2 -2
  14. package/dist/cjs/{post-breadcrumb-839a2652.js → post-breadcrumb-5bfcf477.js} +1 -1
  15. package/dist/cjs/post-breadcrumb-item_2.cjs.entry.js +2 -2
  16. package/dist/cjs/post-breadcrumb.cjs.entry.js +2 -2
  17. package/dist/cjs/{post-card-control-14a4dfc8.js → post-card-control-404ee898.js} +1 -1
  18. package/dist/cjs/post-card-control.cjs.entry.js +2 -2
  19. package/dist/cjs/post-closebutton_15.cjs.entry.js +2 -2
  20. package/dist/cjs/{post-collapsible-trigger-05be3759.js → post-collapsible-trigger-476cb22d.js} +1 -1
  21. package/dist/cjs/post-collapsible_2.cjs.entry.js +2 -2
  22. package/dist/cjs/post-components.cjs.js +1 -1
  23. package/dist/cjs/{post-footer-a70591e7.js → post-footer-4318962c.js} +1 -1
  24. package/dist/cjs/post-footer.cjs.entry.js +2 -2
  25. package/dist/cjs/{post-linkarea-199a2615.js → post-linkarea-abe3848a.js} +2 -2
  26. package/dist/cjs/post-linkarea.cjs.entry.js +2 -2
  27. package/dist/cjs/{post-menu-item-e20f184b.js → post-menu-item-bce515b2.js} +1 -1
  28. package/dist/cjs/{post-popover-e398bdfb.js → post-popover-5363267c.js} +1 -1
  29. package/dist/cjs/post-popover.cjs.entry.js +2 -2
  30. package/dist/cjs/{post-rating-7aff1856.js → post-rating-a3f7c5df.js} +1 -1
  31. package/dist/cjs/post-rating.cjs.entry.js +2 -2
  32. package/dist/cjs/{post-tab-header-a2dbedd3.js → post-tab-header-68fcb0ed.js} +1 -1
  33. package/dist/cjs/post-tab-header.cjs.entry.js +2 -2
  34. package/dist/cjs/{post-tab-panel-5be6d90e.js → post-tab-panel-909efe62.js} +1 -1
  35. package/dist/cjs/post-tab-panel.cjs.entry.js +2 -2
  36. package/dist/cjs/{post-tabs-c0ff849b.js → post-tabs-8515f7a8.js} +1 -1
  37. package/dist/cjs/post-tabs.cjs.entry.js +2 -2
  38. package/dist/cjs/{post-tag-0d9d3036.js → post-tag-f66f6506.js} +1 -1
  39. package/dist/cjs/post-tag.cjs.entry.js +2 -2
  40. package/dist/cjs/{post-togglebutton-46c57375.js → post-togglebutton-c773c4f5.js} +25 -15
  41. package/dist/cjs/{post-tooltip-fd1b7b47.js → post-tooltip-dc0fef88.js} +1 -1
  42. package/dist/cjs/post-tooltip.cjs.entry.js +2 -2
  43. package/dist/collection/components/post-header/post-header.css +1 -1
  44. package/dist/collection/components/post-header/post-header.js +4 -2
  45. package/dist/collection/components/post-language-option/post-language-option.css +1 -1
  46. package/dist/collection/components/post-language-option/post-language-option.js +26 -2
  47. package/dist/collection/components/post-language-switch/post-language-switch.css +1 -1
  48. package/dist/collection/components/post-language-switch/post-language-switch.js +39 -7
  49. package/dist/collection/components/post-language-switch/switch-variants.js +1 -0
  50. package/dist/collection/components/post-linkarea/post-linkarea.css +1 -1
  51. package/dist/collection/components/post-mainnavigation/post-mainnavigation.css +1 -1
  52. package/dist/collection/components/post-megadropdown/post-megadropdown.css +1 -1
  53. package/dist/components/package.js +1 -1
  54. package/dist/components/post-header2.js +5 -3
  55. package/dist/components/post-language-option2.js +4 -2
  56. package/dist/components/post-language-switch2.js +17 -8
  57. package/dist/components/post-linkarea2.js +1 -1
  58. package/dist/components/post-mainnavigation2.js +1 -1
  59. package/dist/components/post-megadropdown2.js +1 -1
  60. package/dist/docs.json +73 -3
  61. package/dist/esm/index.js +20 -20
  62. package/dist/esm/loader.js +1 -1
  63. package/dist/esm/package-52c62831.js +3 -0
  64. package/dist/esm/{post-accordion-ae79061a.js → post-accordion-e5330c72.js} +1 -1
  65. package/dist/esm/{post-accordion-item-6aa9b5bd.js → post-accordion-item-4e13a044.js} +1 -1
  66. package/dist/esm/post-accordion-item.entry.js +2 -2
  67. package/dist/esm/post-accordion.entry.js +2 -2
  68. package/dist/esm/{post-avatar-2384ca3b.js → post-avatar-d6612e0e.js} +1 -1
  69. package/dist/esm/post-avatar.entry.js +2 -2
  70. package/dist/esm/{post-back-to-top-ec1c2754.js → post-back-to-top-d5b3d5f5.js} +1 -1
  71. package/dist/esm/post-back-to-top.entry.js +2 -2
  72. package/dist/esm/{post-banner-c7b88ac2.js → post-banner-ae45a03b.js} +1 -1
  73. package/dist/esm/post-banner.entry.js +2 -2
  74. package/dist/esm/{post-breadcrumb-d48cb773.js → post-breadcrumb-c7caf609.js} +1 -1
  75. package/dist/esm/post-breadcrumb-item_2.entry.js +2 -2
  76. package/dist/esm/post-breadcrumb.entry.js +2 -2
  77. package/dist/esm/{post-card-control-b63a2837.js → post-card-control-c51f4406.js} +1 -1
  78. package/dist/esm/post-card-control.entry.js +2 -2
  79. package/dist/esm/post-closebutton_15.entry.js +2 -2
  80. package/dist/esm/{post-collapsible-trigger-8f4daf1e.js → post-collapsible-trigger-e086c018.js} +1 -1
  81. package/dist/esm/post-collapsible_2.entry.js +2 -2
  82. package/dist/esm/post-components.js +1 -1
  83. package/dist/esm/{post-footer-b4b75c94.js → post-footer-fac4e9a3.js} +1 -1
  84. package/dist/esm/post-footer.entry.js +2 -2
  85. package/dist/esm/{post-linkarea-d3ae37f9.js → post-linkarea-12db6e2a.js} +2 -2
  86. package/dist/esm/post-linkarea.entry.js +2 -2
  87. package/dist/esm/{post-menu-item-d087d910.js → post-menu-item-bdfe59ae.js} +1 -1
  88. package/dist/esm/{post-popover-a096ee08.js → post-popover-15208f18.js} +1 -1
  89. package/dist/esm/post-popover.entry.js +2 -2
  90. package/dist/esm/{post-rating-0ead6a2a.js → post-rating-261def37.js} +1 -1
  91. package/dist/esm/post-rating.entry.js +2 -2
  92. package/dist/esm/{post-tab-header-e29d371b.js → post-tab-header-f2e84ba5.js} +1 -1
  93. package/dist/esm/post-tab-header.entry.js +2 -2
  94. package/dist/esm/{post-tab-panel-57840a1a.js → post-tab-panel-389e0709.js} +1 -1
  95. package/dist/esm/post-tab-panel.entry.js +2 -2
  96. package/dist/esm/{post-tabs-70dfc43c.js → post-tabs-79ea5b62.js} +1 -1
  97. package/dist/esm/post-tabs.entry.js +2 -2
  98. package/dist/esm/{post-tag-be1ad18d.js → post-tag-887d422c.js} +1 -1
  99. package/dist/esm/post-tag.entry.js +2 -2
  100. package/dist/esm/{post-togglebutton-8da6d613.js → post-togglebutton-70b0f44e.js} +25 -15
  101. package/dist/esm/{post-tooltip-cb549b9f.js → post-tooltip-1be020fd.js} +1 -1
  102. package/dist/esm/post-tooltip.entry.js +2 -2
  103. package/dist/post-components/index.esm.js +1 -1
  104. package/dist/post-components/{p-9a5111ca.entry.js → p-14312d05.entry.js} +1 -1
  105. package/dist/post-components/p-19aa8e97.entry.js +1 -0
  106. package/dist/post-components/p-19d9ae56.entry.js +1 -0
  107. package/dist/post-components/p-3a8aa86c.entry.js +1 -0
  108. package/dist/post-components/p-4575b6be.js +1 -0
  109. package/dist/post-components/{p-f2ed28e5.js → p-47e21420.js} +1 -1
  110. package/dist/post-components/p-4f608797.entry.js +1 -0
  111. package/dist/post-components/{p-c3135c18.js → p-5171e02f.js} +1 -1
  112. package/dist/post-components/p-5c5b1fc0.entry.js +1 -0
  113. package/dist/post-components/{p-16d20563.js → p-5f1f7b49.js} +1 -1
  114. package/dist/post-components/{p-9b46c8f2.js → p-6c3ac622.js} +1 -1
  115. package/dist/post-components/{p-76bbd883.js → p-74122649.js} +1 -1
  116. package/dist/post-components/{p-904b3028.entry.js → p-76257bba.entry.js} +1 -1
  117. package/dist/post-components/{p-a2806a35.js → p-7a7ce5d1.js} +1 -1
  118. package/dist/post-components/p-7ed1123b.entry.js +1 -0
  119. package/dist/post-components/{p-3fdd351e.js → p-7ff34767.js} +1 -1
  120. package/dist/post-components/p-82e405cc.entry.js +1 -0
  121. package/dist/post-components/{p-7f09a864.js → p-898d9196.js} +1 -1
  122. package/dist/post-components/p-98c7bec2.entry.js +1 -0
  123. package/dist/post-components/{p-fa65c799.js → p-99502c06.js} +1 -1
  124. package/dist/post-components/{p-77eb06d0.js → p-9b179f0f.js} +1 -1
  125. package/dist/post-components/p-9f202ea3.entry.js +1 -0
  126. package/dist/post-components/p-a24295d5.entry.js +1 -0
  127. package/dist/post-components/{p-49b69e0e.js → p-a2ae208a.js} +1 -1
  128. package/dist/post-components/p-bac3cb12.js +1 -0
  129. package/dist/post-components/{p-78ae731e.js → p-bd85e141.js} +1 -1
  130. package/dist/post-components/{p-faaa4c0a.js → p-bff8004e.js} +1 -1
  131. package/dist/post-components/p-c9c86df8.entry.js +1 -0
  132. package/dist/post-components/{p-baf06ea0.js → p-ce34c58e.js} +1 -1
  133. package/dist/post-components/p-d3c4e8ea.entry.js +1 -0
  134. package/dist/post-components/p-d72abd74.entry.js +1 -0
  135. package/dist/post-components/{p-26951eb6.js → p-dc8af283.js} +1 -1
  136. package/dist/post-components/p-dfcee8dc.entry.js +1 -0
  137. package/dist/post-components/p-e0c0467e.entry.js +1 -0
  138. package/dist/post-components/{p-ce76e0bf.js → p-e7bec3de.js} +1 -1
  139. package/dist/post-components/{p-f513fd5d.js → p-eb8b3ffa.js} +1 -1
  140. package/dist/post-components/p-f41b0150.entry.js +1 -0
  141. package/dist/post-components/p-f580d6dd.entry.js +1 -0
  142. package/dist/post-components/p-ff065ad4.js +1 -0
  143. package/dist/post-components/post-components.esm.js +1 -1
  144. package/dist/types/components/post-language-option/post-language-option.d.ts +6 -2
  145. package/dist/types/components/post-language-switch/post-language-switch.d.ts +8 -3
  146. package/dist/types/components/post-language-switch/switch-variants.d.ts +2 -0
  147. package/dist/types/components.d.ts +22 -6
  148. package/loaders/package.js +1 -1
  149. package/loaders/post-header.js +5 -3
  150. package/loaders/post-language-option.js +4 -2
  151. package/loaders/post-language-switch.js +17 -8
  152. package/loaders/post-linkarea.js +1 -1
  153. package/loaders/post-mainnavigation.js +1 -1
  154. package/loaders/post-megadropdown.js +1 -1
  155. package/package.json +3 -3
  156. package/dist/esm/package-0d05729a.js +0 -3
  157. package/dist/post-components/p-0ca3d16c.entry.js +0 -1
  158. package/dist/post-components/p-1a695d66.entry.js +0 -1
  159. package/dist/post-components/p-1eb54abb.entry.js +0 -1
  160. package/dist/post-components/p-2bcf91f6.entry.js +0 -1
  161. package/dist/post-components/p-3e94d076.entry.js +0 -1
  162. package/dist/post-components/p-3ef59370.entry.js +0 -1
  163. package/dist/post-components/p-413b656c.entry.js +0 -1
  164. package/dist/post-components/p-480169b9.js +0 -1
  165. package/dist/post-components/p-78b6020e.entry.js +0 -1
  166. package/dist/post-components/p-88c5e0bf.entry.js +0 -1
  167. package/dist/post-components/p-8c732622.entry.js +0 -1
  168. package/dist/post-components/p-8f2e8a63.entry.js +0 -1
  169. package/dist/post-components/p-9ae6517d.entry.js +0 -1
  170. package/dist/post-components/p-c6a239f2.entry.js +0 -1
  171. package/dist/post-components/p-ceb96aaa.js +0 -1
  172. package/dist/post-components/p-d2646369.entry.js +0 -1
  173. package/dist/post-components/p-debe5b2d.entry.js +0 -1
  174. package/dist/post-components/p-f3c23d8c.entry.js +0 -1
  175. package/dist/post-components/p-f573860f.js +0 -1
  176. package/dist/post-components/p-facba41d.entry.js +0 -1
package/dist/cjs/{post-tabs-c0ff849b.js → post-tabs-8515f7a8.js} RENAMED
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  const index = require('./index-5acef487.js');
4
- const _package = require('./package-6000ba84.js');
4
+ const _package = require('./package-5e20c234.js');
5
5
  const fade = require('./fade-72d5ef55.js');
6
6
 
7
7
  /**
package/dist/cjs/post-tabs.cjs.entry.js CHANGED
@@ -2,9 +2,9 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const postTabs = require('./post-tabs-c0ff849b.js');
5
+ const postTabs = require('./post-tabs-8515f7a8.js');
6
6
  require('./index-5acef487.js');
7
- require('./package-6000ba84.js');
7
+ require('./package-5e20c234.js');
8
8
  require('./fade-72d5ef55.js');
9
9
 
10
10
 
package/dist/cjs/{post-tag-0d9d3036.js → post-tag-f66f6506.js} RENAMED
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  const index = require('./index-5acef487.js');
4
- const _package = require('./package-6000ba84.js');
4
+ const _package = require('./package-5e20c234.js');
5
5
 
6
6
  const postTagCss = "/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */.tag,.tag:where(:has(:not(pre))){--post-tag-bg:hsl(0, 0%, 90%);--post-tag-fg:#000;display:inline-flex;align-items:center;gap:var(--post-core-dimension-4);padding:0 var(--post-core-dimension-8);max-width:100%;background-color:var(--post-tag-bg);border:var(--post-core-dimension-1) solid rgba(0,0,0,0);border-radius:var(--post-core-dimension-4);font-size:1rem;line-height:calc(var(--post-core-dimension-32) - var(--post-core-dimension-1)*2);white-space:nowrap;color:var(--post-tag-fg)}.tag post-icon,.tag:where(:has(:not(pre))) post-icon{flex:0 0 auto;width:1.25rem;height:1.25rem}.tag .tag-text,.tag:where(:has(:not(pre))) .tag-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag .tag-text svg,.tag .tag-text img,.tag:where(:has(:not(pre))) .tag-text svg,.tag:where(:has(:not(pre))) .tag-text img{display:inline-block;height:1.25rem !important;vertical-align:text-top}.tag.tag-sm,.tag:where(:has(:not(pre))).tag-sm{line-height:var(--post-core-dimension-24)}.tag.tag-sm .tag-icon,.tag:where(:has(:not(pre))).tag-sm .tag-icon{width:1rem;height:1rem}.tag.tag-white,.tag:where(:has(:not(pre))).tag-white{--post-tag-bg:#fff;--post-tag-fg:#000}.tag.tag-yellow,.tag:where(:has(:not(pre))).tag-yellow{--post-tag-bg:#fc0;--post-tag-fg:#000}.tag.tag-success,.tag:where(:has(:not(pre))).tag-success{--post-tag-bg:#2c871d;--post-tag-fg:#fff}.tag.tag-warning,.tag:where(:has(:not(pre))).tag-warning{--post-tag-bg:#f49e00;--post-tag-fg:#000}.tag.tag-danger,.tag:where(:has(:not(pre))).tag-danger{--post-tag-bg:#a51728;--post-tag-fg:#fff}.tag.tag-info,.tag:where(:has(:not(pre))).tag-info{--post-tag-bg:#cce4ee;--post-tag-fg:#000}.tag.tag-white,.tag:where(:has(:not(pre))).tag-white{border-color:#000}pre .tag,pre .tag:where(:has(:not(pre))){display:inline;padding:initial;max-width:initial;background:initial;border:initial;border-radius:initial;font-size:inherit;line-height:inherit;white-space:unset}*,*:before,*:after{box-sizing:border-box}.tag-text ::slotted(svg),.tag-text ::slotted(img){display:inline-block !important;height:1.25rem !important;vertical-align:text-top !important}";
7
7
  const PostTagStyle0 = postTagCss;
package/dist/cjs/post-tag.cjs.entry.js CHANGED
@@ -2,9 +2,9 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const postTag = require('./post-tag-0d9d3036.js');
5
+ const postTag = require('./post-tag-f66f6506.js');
6
6
  require('./index-5acef487.js');
7
- require('./package-6000ba84.js');
7
+ require('./package-5e20c234.js');
8
8
 
9
9
 
10
10
 
package/dist/cjs/{post-togglebutton-46c57375.js → post-togglebutton-c773c4f5.js} RENAMED
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  const index = require('./index-5acef487.js');
4
- const _package = require('./package-6000ba84.js');
4
+ const _package = require('./package-5e20c234.js');
5
5
  const slide = require('./slide-8ae17ee4.js');
6
6
  const index$1 = require('./index-f2eedfeb.js');
7
7
  const checkNonEmpty = require('./check-non-empty-eeaa8f77.js');
@@ -187,7 +187,7 @@ function getFocusableChildren(element) {
187
187
  return visibleFocusableChildren;
188
188
  }
189
189
 
190
- const postHeaderCss = "*,::before,::after{box-sizing:border-box}:host{z-index:1090;--global-header-height:72px;--global-header-minimal-height:24px;--local-header-height:112px;--local-header-min-height:56px;--header-height:calc(var(--global-header-height) + var(--local-header-height));z-index:1020;position:relative}@media screen and (min-width: 1024px){:host{--global-header-reduced-height:24px;--main-navigation-height:56px}}@media screen and (max-width: 1023.98px){:host{--global-header-height:64px;--local-header-height:48px;--local-header-min-height:48px;--main-navigation-height:0px}}:host(:not(:has([slot=title]))){--local-header-height:var(--main-navigation-height)}:host(:not(:has([slot=title]))) .local-header{padding-block-start:0}:host(:not(:has([slot=title]))) .local-sub{display:none}.d-flex{display:flex}.space-between{justify-content:space-between}.global-header{background-color:#fc0;display:flex;justify-content:space-between;position:sticky;padding-inline:var(--post-core-dimension-4);height:var(--global-header-height)}@media screen and (max-width: 1023.98px){.global-header{z-index:3;inset-block-start:0}}@media screen and (min-width: 1024px){.global-header{z-index:5;padding-inline-end:var(--post-core-dimension-12);inset-block-start:calc((var(--global-header-height) - var(--global-header-reduced-height))*-1)}}.global-sub{display:flex;align-items:center;gap:var(--post-core-dimension-24)}.align-end{align-items:flex-end}.logo{flex:1 0 auto;height:var(--global-header-height);width:var(--global-header-height);min-height:var(--global-header-reduced-height);align-self:flex-end}@media screen and (min-width: 1024px){.logo{height:calc(var(--global-header-height) - var(--header-scroll-top))}}::slotted(ul){margin-block:0 !important;list-style:none;display:flex;padding-left:0;gap:1rem;flex-shrink:0 !important}.local-header{display:flex;position:sticky;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--post-core-dimension-8);min-height:var(--local-header-min-height);background:var(--post-core-color-brand-white);transition:box-shadow .2s ease-in-out}@media screen and (min-width: 1024px){.local-header{z-index:3;inset-block-start:calc(-1*(var(--local-header-height) - var(--main-navigation-height)) + var(--global-header-reduced-height));padding-block-start:var(--post-core-dimension-18);box-shadow:var(--post-core-elevation-3)}}@media screen and (max-width: 1023.98px){.local-header{z-index:2;inset-block-start:var(--global-header-height);padding-block:var(--post-core-dimension-9);flex-wrap:wrap}.local-header.local-header-mobile-extended{border-bottom:1px solid var(--post-core-color-sandgrey-012)}.local-header:not(.title-header-mobile-extended){box-shadow:var(--post-core-elevation-3)}}.local-sub{margin-inline-end:var(--post-core-dimension-16)}::slotted(.list-inline){margin:-8px 0 !important;z-index:3 !important;position:relative !important}::slotted(h1){margin:0 !important;flex-shrink:10;z-index:3}@media screen and (min-width: 600px){::slotted(h1){margin-inline-start:var(--post-core-dimension-12) !important}}@media screen and (max-width: 599.98px){::slotted(h1){margin-inline-start:var(--post-core-dimension-8) !important}}@media screen and (min-width: 1024px){::slotted(h1){font-size:var(--post-core-font-size-28) !important}}@media screen and (max-width: 1023.98px){::slotted(h1){font-size:var(--post-core-font-size-20) !important;max-width:calc(100vw - var(--post-core-dimension-8) - var(--post-core-dimension-16))}}@media screen and (min-width: 1024px){.mobile-toggle{display:none}}.navigation{width:100%}@media screen and (min-width: 1024px){.navigation{inset-block-start:var(--global-header-minimal-height)}.navigation::before{display:block;content:\"\";position:absolute;inset:0;z-index:2;background:var(--post-core-color-brand-white)}}@media screen and (max-width: 1023.98px){.navigation{position:fixed;z-index:1;inset-inline:0;background:var(--post-core-color-brand-white);inset-block-end:calc(100vh - var(--header-height))}::slotted(post-mainnavigation),.navigation-footer{display:none;flex-direction:column;padding-block:var(--post-core-dimension-16) var(--post-core-dimension-24);padding-inline:var(--post-core-dimension-32)}.navigation.extended ::slotted(post-mainnavigation),.navigation.extended .navigation-footer{display:flex}.navigation.extended{height:calc(100vh - var(--header-height));display:flex;flex-direction:column}.navigation.extended ::slotted(post-mainnavigation){flex-grow:1 !important}::slotted(post-mainnavigation){background-color:var(--post-core-color-sandgrey-002);gap:var(--post-core-dimension-32)}.navigation-footer{background-color:var(--post-core-color-sandgrey-006);gap:var(--post-core-dimension-24)}}@media screen and (max-width: 599.98px){::slotted(post-mainnavigation),.navigation-footer{padding-inline:var(--post-core-dimension-16)}}";
190
+ const postHeaderCss = "*,::before,::after{box-sizing:border-box}:host{z-index:1090;--global-header-height:72px;--global-header-minimal-height:24px;--local-header-height:112px;--local-header-min-height:56px;--header-height:calc(var(--global-header-height) + var(--local-header-height));z-index:1020;position:relative}@media screen and (min-width: 1024px){:host{--global-header-reduced-height:24px;--main-navigation-height:56px}}@media screen and (max-width: 1023.98px){:host{--global-header-height:64px;--local-header-height:48px;--local-header-min-height:48px;--main-navigation-height:0px}}:host(:not(:has([slot=title]))){--local-header-height:var(--main-navigation-height)}:host(:not(:has([slot=title]))) .local-header{padding-block-start:0}:host(:not(:has([slot=title]))) .local-sub{display:none}.d-flex{display:flex}.space-between{justify-content:space-between}.global-header{background-color:#fc0;display:flex;justify-content:space-between;position:sticky;padding-inline:var(--post-core-dimension-4);height:var(--global-header-height)}@media screen and (max-width: 1023.98px){.global-header{z-index:3;inset-block-start:0}}@media screen and (min-width: 1024px){.global-header{z-index:5;padding-inline-end:var(--post-core-dimension-12);inset-block-start:calc((var(--global-header-height) - var(--global-header-reduced-height))*-1)}}.global-sub{display:flex;align-items:center;gap:var(--post-core-dimension-24)}.align-end{align-items:flex-end}.logo{flex:1 0 auto;height:var(--global-header-height);width:var(--global-header-height);min-height:var(--global-header-reduced-height);align-self:flex-end}@media screen and (min-width: 1024px){.logo{height:calc(var(--global-header-height) - var(--header-scroll-top))}}::slotted(ul){margin-block:0 !important;list-style:none;display:flex;padding-left:0;gap:1rem;flex-shrink:0 !important}.local-header{display:flex;position:sticky;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--post-core-dimension-4);min-height:var(--local-header-min-height);background:var(--post-core-color-brand-white);transition:box-shadow .2s ease-in-out}@media screen and (min-width: 1024px){.local-header{z-index:3;inset-block-start:calc(-1*(var(--local-header-height) - var(--main-navigation-height)) + var(--global-header-reduced-height));padding-block-start:var(--post-core-dimension-18);box-shadow:var(--post-core-elevation-3)}}@media screen and (max-width: 1023.98px){.local-header{z-index:2;inset-block-start:var(--global-header-height);padding-block:var(--post-core-dimension-9);flex-wrap:wrap}.local-header.local-header-mobile-extended{border-bottom:1px solid var(--post-core-color-sandgrey-012)}.local-header:not(.title-header-mobile-extended){box-shadow:var(--post-core-elevation-3)}}.local-sub{margin-inline-end:var(--post-core-dimension-16)}::slotted(.list-inline){margin:-8px 0 !important;z-index:3 !important;position:relative !important}::slotted(h1){margin:0 !important;flex-shrink:10;z-index:3}@media screen and (min-width: 600px){::slotted(h1){margin-inline-start:var(--post-core-dimension-12) !important}}@media screen and (max-width: 599.98px){::slotted(h1){margin-inline-start:var(--post-core-dimension-8) !important}}@media screen and (min-width: 1024px){::slotted(h1){font-size:var(--post-core-font-size-28) !important}}@media screen and (max-width: 1023.98px){::slotted(h1){font-size:var(--post-core-font-size-20) !important;max-width:calc(100vw - var(--post-core-dimension-8) - var(--post-core-dimension-16))}}@media screen and (min-width: 1024px){.mobile-toggle{display:none}}.navigation{width:100%}@media screen and (min-width: 1024px){.navigation{inset-block-start:var(--global-header-minimal-height)}.navigation::before{display:block;content:\"\";position:absolute;inset:0;z-index:2;background:var(--post-core-color-brand-white)}}@media screen and (max-width: 1023.98px){.navigation{position:fixed;z-index:1;inset-inline:0;background:var(--post-core-color-brand-white);inset-block-end:calc(100vh - var(--header-height))}::slotted(post-mainnavigation),.navigation-footer{display:none;flex-direction:column;padding-block:var(--post-core-dimension-16) var(--post-core-dimension-24);padding-inline:var(--post-core-dimension-32)}.navigation.extended ::slotted(post-mainnavigation),.navigation.extended .navigation-footer{display:flex}.navigation.extended{height:calc(100vh - var(--header-height));display:flex;flex-direction:column}.navigation.extended ::slotted(post-mainnavigation){flex-grow:1 !important}::slotted(post-mainnavigation){background-color:var(--post-core-color-sandgrey-002);gap:var(--post-core-dimension-32)}.navigation-footer{background-color:var(--post-core-color-sandgrey-006);gap:var(--post-core-dimension-24)}}@media screen and (max-width: 599.98px){::slotted(post-mainnavigation),.navigation-footer{padding-inline:var(--post-core-dimension-16)}}";
191
191
  const PostHeaderStyle0 = postHeaderCss;
192
192
 
193
193
  const PostHeader = class {
@@ -348,7 +348,9 @@ const PostHeader = class {
348
348
  }
349
349
  switchLanguageSwitchMode() {
350
350
  const variant = this.device === 'desktop' ? 'menu' : 'list';
351
- this.host.querySelector('post-language-switch')?.setAttribute('variant', variant);
351
+ Array.from(this.host.querySelectorAll('post-language-switch')).forEach(languageSwitch => {
352
+ languageSwitch?.setAttribute('variant', variant);
353
+ });
352
354
  }
353
355
  renderNavigation() {
354
356
  const navigationClasses = ['navigation'];
@@ -358,7 +360,7 @@ const PostHeader = class {
358
360
  return (index.h("div", { ref: el => (this.mobileMenu = el), class: navigationClasses.join(' ') }, index.h("slot", { name: "post-mainnavigation" }), (this.device === 'mobile' || this.device === 'tablet') && (index.h("div", { class: "navigation-footer" }, index.h("slot", { name: "meta-navigation" }), index.h("slot", { name: "post-language-switch" })))));
359
361
  }
360
362
  render() {
361
- return (index.h(index.Host, { key: '18b9e47312a3896f1c68a9270332b2bf21ea2518', version: _package.version }, index.h("div", { key: '6b30ae3fc22471a7d1f29f19da944a3c4eac009c', class: "global-header" }, index.h("div", { key: '943cd0d6a4fa9e0b15196b54fe1f5e765b6270c5', class: "global-sub" }, index.h("div", { key: '7c34ab9cd2a5fb380b0201673364a275d74ca1e3', class: "logo" }, index.h("slot", { key: '13b6bb1b42951d4982fd0cca9f65f3cba9a361df', name: "post-logo" }))), index.h("div", { key: '1955153864e1825e2fd56d58b9966982bc4aeb7f', class: "global-sub" }, this.device === 'desktop' && index.h("slot", { key: 'f33af5becab53114e886c288feabafd4a589dab6', name: "meta-navigation" }), index.h("slot", { key: 'e33c827d5e0101a6fc9ccaf3f9e3b9ea1a689626', name: "global-controls" }), this.device === 'desktop' && index.h("slot", { key: 'bbc08ab621b41858f6f4c0fa03796c1800d3ef2b', name: "post-language-switch" }), index.h("div", { key: '352681a469b8dd46271ffe6b36002d174a5586c3', onClick: () => this.toggleMobileMenu(), class: "mobile-toggle" }, index.h("slot", { key: 'a6c79f674e94a2046f47d8fc7a6ce7722a7e5125', name: "post-togglebutton" })))), index.h("div", { key: '8b1219759b44feaf230a366a39ea8cc211893b9c', class: 'local-header ' + (this.mobileMenuExtended ? 'local-header-mobile-extended' : '') }, index.h("slot", { key: '070092f87eceb4a4ca2c19394a80ffb20833c0c9', name: "title" }), index.h("div", { key: '5044efdcf0a9b341eb9f168762f86dd516236ad1', class: "local-sub" }, index.h("slot", { key: '48e38669ec64444c48f8b84f95590d36cd090ff7', name: "local-controls" }), index.h("slot", { key: 'cbf9652dfc5008322459b6dcb0623135f7984e61' })), this.device === 'desktop' && this.renderNavigation()), this.device !== 'desktop' && this.renderNavigation()));
363
+ return (index.h(index.Host, { key: '5d4e569a43d52f4f2686f8c0edf30029927e00eb', version: _package.version }, index.h("div", { key: 'efe5fb6874629bad9ebcedd4185d64df44693d4e', class: "global-header" }, index.h("div", { key: '49fa0b36875b64b9bf7bbc630a7ac87a46009506', class: "global-sub" }, index.h("div", { key: '0e58484695c60c3844e7ac8550071c57f7edd73d', class: "logo" }, index.h("slot", { key: 'e0806856324f90bfa502dfa888ba1a870c6ddbc4', name: "post-logo" }))), index.h("div", { key: '58958bc4bb15eac5ee2752eba0ae15f7b14a17a7', class: "global-sub" }, this.device === 'desktop' && index.h("slot", { key: '64da4d9ee52814d0dc510964e6f7b62bd389ddcf', name: "meta-navigation" }), index.h("slot", { key: 'a5306db01f58040da846940a91c58fcb1790c7bc', name: "global-controls" }), this.device === 'desktop' && index.h("slot", { key: '565a5639c7a32708b170b00f01ef5f9fc06b1874', name: "post-language-switch" }), index.h("div", { key: '1145f03652ec25c8fd2e757ecdcbc92e5523021e', onClick: () => this.toggleMobileMenu(), class: "mobile-toggle" }, index.h("slot", { key: 'c9fbbf11fb228f6a0a728adb58cf62e6aa27647b', name: "post-togglebutton" })))), index.h("div", { key: '13bd35e7f9ee042c0f9003b206d948cc94a5d71c', class: 'local-header ' + (this.mobileMenuExtended ? 'local-header-mobile-extended' : '') }, index.h("slot", { key: '920427d665def0ee159f48add29957e8190e32e9', name: "title" }), index.h("div", { key: 'e60088d6fc0fe4b89928dd4024d954ab87663362', class: "local-sub" }, index.h("slot", { key: '36f22f783c4be341b7d366a8f3a7371e11024f3d', name: "local-controls" }), index.h("slot", { key: '8ce479a57d276fbe174ae6c3289618273a9e8192' })), this.device === 'desktop' && this.renderNavigation()), this.device !== 'desktop' && this.renderNavigation()));
362
364
  }
363
365
  static get watchers() { return {
364
366
  "mobileMenuExtended": ["frozeBody"]
@@ -496,7 +498,7 @@ const PostIcon = class {
496
498
  };
497
499
  PostIcon.style = PostIconStyle0;
498
500
 
499
- const postLanguageOptionCss = "/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */post-language-option{display:inline-block}post-language-option button{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button}post-language-option a{color:inherit;text-decoration:none}post-language-option :is(a,button){cursor:pointer;display:flex;align-items:center;justify-content:center;height:100%;width:100%;border-radius:2px}post-language-option :is(a,button){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-language-option :is(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-option :is(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-language-option :is(a,button):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-option :is(a,button):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-language-option:has([aria-current]):not([aria-current=false]){display:none}post-language-option:where([variant=list]) :is(a,button){width:40px;height:40px;border-radius:2px}post-language-option:where([variant=list]) :is(a,button):hover{color:#504f4b}post-language-option:where([variant=menu]){width:100%}post-language-option:where([variant=menu]) :is(a,button){padding-block:13px;padding-inline:24px;box-sizing:border-box;position:relative;left:-1px;width:calc(100% + 2px)}";
501
+ const postLanguageOptionCss = "/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */post-language-option{display:inline-block}post-language-option button{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button}post-language-option a{color:inherit;text-decoration:none}post-language-option :is(a,button){cursor:pointer;display:flex;align-items:center;justify-content:center;height:100%;width:100%;border-radius:2px}post-language-option :is(a,button){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-language-option :is(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-option :is(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-language-option :is(a,button):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-option :is(a,button):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-language-option:has([aria-current]):not([aria-current=false]){display:none}post-language-option:where([variant=list]) :is(a,button){padding-inline:.7rem;height:40px;border-radius:2px}post-language-option:where([variant=list]) :is(a,button):hover{color:#504f4b}post-language-option:where([variant=list]):where(:not([type]),[type=language]) :is(a,button){padding-inline:0;width:40px;text-transform:uppercase}post-language-option:where([variant=menu]){width:100%}post-language-option:where([variant=menu]) :is(a,button){padding-block:13px;padding-inline:24px;box-sizing:border-box;position:relative;left:-1px;width:calc(100% + 2px)}post-language-option:where([variant=menu]):where(:not([type]),[type=language]) :is(a,button){text-transform:uppercase}";
500
502
  const PostLanguageOptionStyle0 = postLanguageOptionCss;
501
503
 
502
504
  const PostLanguageOption = class {
@@ -506,6 +508,7 @@ const PostLanguageOption = class {
506
508
  this.code = undefined;
507
509
  this.active = undefined;
508
510
  this.variant = undefined;
511
+ this.type = undefined;
509
512
  this.name = undefined;
510
513
  this.url = undefined;
511
514
  }
@@ -555,7 +558,7 @@ const PostLanguageOption = class {
555
558
  this.emitChange();
556
559
  }
557
560
  };
558
- return (index.h(index.Host, { key: 'eff35e907ca174aa239604d8e3c937309d306cd1', "data-version": _package.version, role: this.variant ? `${this.variant}item` : null }, this.url ? (index.h("a", { "aria-current": this.active ? 'page' : undefined, "aria-label": this.name, href: this.url, hrefLang: lang, lang: lang, onClick: () => this.emitChange(), onKeyDown: emitOnKeyDown }, index.h("slot", null))) : (index.h("button", { "aria-current": this.active ? 'true' : undefined, "aria-label": this.name, lang: lang, onClick: () => this.emitChange(), onKeyDown: emitOnKeyDown }, index.h("slot", null)))));
561
+ return (index.h(index.Host, { key: '1e2f480593c843078a56aefe24e24de3e39585c4', "data-version": _package.version, role: this.variant ? `${this.variant}item` : null }, this.url ? (index.h("a", { "aria-current": this.active ? 'page' : undefined, "aria-label": this.name, href: this.url, hrefLang: lang, lang: lang, onClick: () => this.emitChange(), onKeyDown: emitOnKeyDown }, index.h("slot", null))) : (index.h("button", { "aria-current": this.active ? 'true' : undefined, "aria-label": this.name, lang: lang, onClick: () => this.emitChange(), onKeyDown: emitOnKeyDown }, index.h("slot", null)))));
559
562
  }
560
563
  static get watchers() { return {
561
564
  "code": ["validateCode"],
@@ -567,8 +570,9 @@ const PostLanguageOption = class {
567
570
  PostLanguageOption.style = PostLanguageOptionStyle0;
568
571
 
569
572
  const SWITCH_VARIANTS = ['list', 'menu'];
573
+ const SWITCH_TYPES = ['language', 'region'];
570
574
 
571
- const postLanguageSwitchCss = ":host{display:flex}:host>span{display:flex;flex-shrink:0;width:40px;height:40px;align-items:center;justify-content:center;background-color:#050400;color:#fff;border-radius:2px}:host(:where([variant=list])){column-gap:.5rem}.post-language-switch-dropdown-container{display:flex;flex-direction:column}.post-language-switch-dropdown-container>*{width:100%}.post-language-switch-trigger{cursor:pointer;padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;text-decoration:none;display:inline-flex;align-items:center;gap:var(--post-core-dimension-6);border-radius:var(--post-core-dimension-24);font-size:var(--post-core-font-size-16);padding:var(--post-core-dimension-3) var(--post-core-dimension-10)}.post-language-switch-trigger{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.post-language-switch-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-switch-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.post-language-switch-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-switch-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.post-language-switch-trigger:not(:disabled):hover,.post-language-switch-trigger.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.post-language-switch-trigger post-icon{height:var(--post-core-dimension-16);width:var(--post-core-dimension-16)}";
575
+ const postLanguageSwitchCss = ":host{display:flex !important;flex-wrap:wrap}:host>span{display:inline-flex;flex-shrink:0;padding-inline:.7rem;height:40px;align-items:center;justify-content:center;background-color:#050400;color:#fff;border-radius:2px}:host(:where([variant=list])){gap:.5rem}:host(:where(:not([type]),[type=language]))>span{padding-inline:0;width:40px;text-transform:uppercase}:host(:where(:not([type]),[type=language])) .post-language-switch-trigger{text-transform:uppercase}:host(:where(:not([type]),[type=language])) .post-language-switch-dropdown-container{text-transform:uppercase}.post-language-switch-dropdown-container{display:flex;flex-direction:column}.post-language-switch-dropdown-container>*{width:100%}.post-language-switch-trigger{cursor:pointer;padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;text-decoration:none;display:inline-flex;align-items:center;gap:var(--post-core-dimension-6);border-radius:var(--post-core-dimension-24);font-size:var(--post-core-font-size-16);padding:var(--post-core-dimension-3) var(--post-core-dimension-10)}.post-language-switch-trigger{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.post-language-switch-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-switch-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.post-language-switch-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-switch-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.post-language-switch-trigger:not(:disabled):hover,.post-language-switch-trigger.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.post-language-switch-trigger post-icon{height:var(--post-core-dimension-16);width:var(--post-core-dimension-16)}";
572
576
  const PostLanguageSwitchStyle0 = postLanguageSwitchCss;
573
577
 
574
578
  const PostLanguageSwitch = class {
@@ -577,6 +581,7 @@ const PostLanguageSwitch = class {
577
581
  this.caption = undefined;
578
582
  this.description = undefined;
579
583
  this.variant = 'list';
584
+ this.type = 'language';
580
585
  this.activeLang = undefined;
581
586
  }
582
587
  get host() { return index.getElement(this); }
@@ -589,21 +594,25 @@ const PostLanguageSwitch = class {
589
594
  validateVariant(value = this.variant) {
590
595
  index$1.checkEmptyOrOneOf(value, SWITCH_VARIANTS, `The "variant" property of the post-language-switch component must be: ${SWITCH_VARIANTS.join(', ')}`);
591
596
  }
597
+ validateType(value = this.type) {
598
+ index$1.checkEmptyOrOneOf(value, SWITCH_TYPES, `The "type" property of the post-language-switch component must be: ${SWITCH_TYPES.join(', ')}`);
599
+ }
592
600
  connectedCallback() {
593
- this.updateChildrenVariant();
601
+ this.updateChildrenProps();
594
602
  // Get the active language based on children's active state
595
603
  this.activeLang = Array.from(this.host.querySelectorAll('post-language-option'))
596
604
  .find(el => el.getAttribute('active') == 'true')
597
605
  .getAttribute('code');
598
606
  }
599
607
  // Update post-language-option variant to have the correct style
600
- updateChildrenVariant() {
608
+ updateChildrenProps() {
601
609
  this.host.querySelectorAll('post-language-option').forEach(el => {
602
610
  el.setAttribute('variant', this.variant);
611
+ el.setAttribute('type', this.type);
603
612
  });
604
613
  }
605
614
  componentWillUpdate() {
606
- this.updateChildrenVariant();
615
+ this.updateChildrenProps();
607
616
  }
608
617
  componentDidLoad() {
609
618
  this.validateCaption();
@@ -630,10 +639,10 @@ const PostLanguageSwitch = class {
630
639
  }
631
640
  menuId = `p${index_browser.nanoid(11)}`;
632
641
  renderList() {
633
- return (index.h(index.Host, { "data-version": _package.version, role: "list", "aria-label": this.caption }, index.h("span", { "aria-label": this.description, role: "listitem" }, this.activeLang.toUpperCase()), index.h("slot", null)));
642
+ return (index.h(index.Host, { "data-version": _package.version, role: "list", "aria-label": this.caption }, index.h("span", { "aria-label": this.description, role: "listitem" }, this.activeLang), index.h("slot", null)));
634
643
  }
635
644
  renderDropdown() {
636
- return (index.h(index.Host, { "data-version": _package.version }, index.h("post-menu-trigger", { for: this.menuId }, index.h("button", { class: "post-language-switch-trigger", "aria-label": this.description }, this.activeLang.toUpperCase(), index.h("post-icon", { "aria-hidden": "true", name: "chevrondown" }))), index.h("post-menu", { id: this.menuId, class: "post-language-switch-dropdown-container", "aria-label": this.caption }, index.h("slot", null))));
645
+ return (index.h(index.Host, { "data-version": _package.version }, index.h("post-menu-trigger", { for: this.menuId }, index.h("button", { class: "post-language-switch-trigger", "aria-label": this.description }, this.activeLang, index.h("post-icon", { "aria-hidden": "true", name: "chevrondown" }))), index.h("post-menu", { id: this.menuId, class: "post-language-switch-dropdown-container", "aria-label": this.caption }, index.h("slot", null))));
637
646
  }
638
647
  render() {
639
648
  return this.variant === 'list' ? this.renderList() : this.renderDropdown();
@@ -641,7 +650,8 @@ const PostLanguageSwitch = class {
641
650
  static get watchers() { return {
642
651
  "caption": ["validateCaption"],
643
652
  "description": ["validateDescription"],
644
- "variant": ["validateVariant"]
653
+ "variant": ["validateVariant"],
654
+ "type": ["validateType"]
645
655
  }; }
646
656
  };
647
657
  PostLanguageSwitch.style = PostLanguageSwitchStyle0;
@@ -727,7 +737,7 @@ const PostLogo = class {
727
737
  };
728
738
  PostLogo.style = PostLogoStyle0;
729
739
 
730
- const postMainnavigationCss = "post-mainnavigation{flex:0 0 auto}post-mainnavigation post-list-item>a{text-decoration:none;border-radius:0}post-mainnavigation post-list-item post-megadropdown-trigger button{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;text-align:start}post-mainnavigation post-list-item post-megadropdown-trigger button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-mainnavigation post-list-item post-megadropdown-trigger button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-mainnavigation post-list-item post-megadropdown-trigger button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-mainnavigation post-list-item post-megadropdown-trigger button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-mainnavigation post-list-item post-megadropdown-trigger button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-mainnavigation post-list-item>a,post-mainnavigation post-list-item post-megadropdown-trigger button{flex:0 0 fit-content;white-space:nowrap;display:flex;align-items:center;justify-content:space-between}post-mainnavigation post-list-item>a:hover,post-mainnavigation post-list-item post-megadropdown-trigger button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}post-mainnavigation post-list-item>a:focus-visible,post-mainnavigation post-list-item post-megadropdown-trigger button:focus-visible{border-radius:var(--post-core-dimension-4)}post-mainnavigation .back-button post-icon{transform:rotate(180deg)}@media screen and (max-width: 1023.98px){post-mainnavigation .back-button{font-size:var(--post-core-font-size-16)}}@media screen and (max-width: 599.98px){post-mainnavigation .back-button{font-size:var(--post-core-font-size-14)}}@media screen and (min-width: 1024px){post-mainnavigation{display:block}post-mainnavigation nav{max-width:100vw;background:var(--post-core-color-brand-white);max-height:var(--main-navigation-height);user-select:none;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}post-mainnavigation .left-scroll-button,post-mainnavigation .right-scroll-button{position:absolute;inset-block:0;overflow:hidden}post-mainnavigation .left-scroll-button button,post-mainnavigation .right-scroll-button button{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;background:var(--post-core-color-brand-white);padding:var(--post-core-dimension-16);box-shadow:var(--post-core-elevation-5);line-height:var(--post-core-line-height-100);height:100%}post-mainnavigation .left-scroll-button button post-icon,post-mainnavigation .right-scroll-button button post-icon{font-size:1rem}post-mainnavigation .left-scroll-button{inset-inline-start:0;padding-inline-end:2rem}post-mainnavigation .right-scroll-button{inset-inline-end:0;padding-inline-start:2rem}post-mainnavigation post-list{margin-inline:var(--post-core-dimension-4)}post-mainnavigation post-list>[role=list]{flex-direction:row;max-width:100vw;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}post-mainnavigation post-list-item>a,post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{position:sticky;padding-inline:var(--post-core-dimension-12);height:var(--main-navigation-height);gap:var(--post-core-dimension-4);font-size:var(--post-core-font-size-16);border-block:0 solid rgba(0,0,0,0);border-block-end-color:currentColor}}@media screen and (min-width: 1024px)and (max-width: 1023.98px){post-mainnavigation post-list-item>a,post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{z-index:3}}@media screen and (min-width: 1024px)and (min-width: 1024px){post-mainnavigation post-list-item>a,post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{z-index:4}}@media screen and (min-width: 1024px){post-mainnavigation post-list-item>a:hover,post-mainnavigation post-list-item>button:hover,post-mainnavigation post-list-item post-megadropdown-trigger button:hover{border-block-width:var(--post-core-dimension-2)}}@media screen and (min-width: 1024px){post-mainnavigation post-list-item>a.selected,post-mainnavigation post-list-item>a[aria-expanded=true],post-mainnavigation post-list-item>button.selected,post-mainnavigation post-list-item>button[aria-expanded=true],post-mainnavigation post-list-item post-megadropdown-trigger button.selected,post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true]{border-block-width:var(--post-core-dimension-4);font-weight:var(--post-core-font-weight-700)}}@media screen and (min-width: 1024px)and (max-width: 599.98px){post-mainnavigation post-list-item>a,post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{font-size:var(--post-core-font-size-14)}}@media screen and (min-width: 1024px){post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{padding-inline-end:var(--post-core-dimension-12);transition:border-block-end-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}post-mainnavigation post-list-item>button::after,post-mainnavigation post-list-item post-megadropdown-trigger button::after{content:\"\";mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m23.6 13.2-7.5 7.6-7.6-7.6.9-.9 6.6 6.6 6.6-6.6z'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;height:var(--post-core-dimension-24);width:var(--post-core-dimension-24);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}post-mainnavigation post-list-item>button.selected::after,post-mainnavigation post-list-item>button[aria-expanded=true]::after,post-mainnavigation post-list-item post-megadropdown-trigger button.selected::after,post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true]::after{transform:rotate(180deg)}}@media screen and (min-width: 1024px){post-mainnavigation post-megadropdown button:not(.btn-icon-close),post-mainnavigation post-megadropdown a{width:100%;min-width:100%;height:var(--post-core-dimension-48);padding-inline-end:calc(var(--post-core-dimension-6) + var(--post-core-dimension-24) + var(--post-core-dimension-16));gap:var(--post-core-dimension-16);font-weight:var(--post-core-font-weight-400);position:relative}post-mainnavigation post-megadropdown button:not(.btn-icon-close)::before,post-mainnavigation post-megadropdown a::before{content:\"\";background-color:currentColor;bottom:0;width:100%;height:var(--post-core-dimension-1);position:absolute;left:0}post-mainnavigation post-megadropdown button:not(.btn-icon-close):hover::before,post-mainnavigation post-megadropdown a:hover::before{height:var(--post-core-dimension-3)}post-mainnavigation post-megadropdown button:not(.btn-icon-close):hover::after,post-mainnavigation post-megadropdown a:hover::after{content:\"\";display:block;margin-right:calc((var(--post-core-dimension-24) + var(--post-core-dimension-16))*-1);mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m31.95 16-9.11 9.11c-.2.2-.45.29-.71.29s-.51-.1-.71-.29a.996.996 0 0 1 0-1.41l6.69-6.69H-.05v-2h28.17l-6.69-6.69a.996.996 0 1 1 1.41-1.41l9.11 9.11Z'%3E%3C/path%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;width:var(--post-core-dimension-20);min-width:var(--post-core-dimension-20);height:var(--post-core-dimension-20)}}@media screen and (min-width: 1024px){post-mainnavigation [slot=back-button]{display:none}}@media screen and (max-width: 1023.98px){post-mainnavigation nav{transform:none !important}post-mainnavigation .left-scroll-button,post-mainnavigation .right-scroll-button{display:none}post-mainnavigation post-list-item>a,post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{width:100%;min-width:100%;height:var(--post-core-dimension-48);padding-inline-end:calc(var(--post-core-dimension-6) + var(--post-core-dimension-24) + var(--post-core-dimension-16));gap:var(--post-core-dimension-16);font-weight:var(--post-core-font-weight-400);position:relative}post-mainnavigation post-list-item>a::before,post-mainnavigation post-list-item>button::before,post-mainnavigation post-list-item post-megadropdown-trigger button::before{content:\"\";background-color:currentColor;bottom:0;width:100%;height:var(--post-core-dimension-1);position:absolute;left:0}post-mainnavigation post-list-item>a:hover::before,post-mainnavigation post-list-item>button:hover::before,post-mainnavigation post-list-item post-megadropdown-trigger button:hover::before{height:var(--post-core-dimension-3)}post-mainnavigation post-list-item>a:hover::after,post-mainnavigation post-list-item>button:hover::after,post-mainnavigation post-list-item post-megadropdown-trigger button:hover::after{content:\"\";display:block;margin-right:calc((var(--post-core-dimension-24) + var(--post-core-dimension-16))*-1);mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m31.95 16-9.11 9.11c-.2.2-.45.29-.71.29s-.51-.1-.71-.29a.996.996 0 0 1 0-1.41l6.69-6.69H-.05v-2h28.17l-6.69-6.69a.996.996 0 1 1 1.41-1.41l9.11 9.11Z'%3E%3C/path%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;width:var(--post-core-dimension-20);min-width:var(--post-core-dimension-20);height:var(--post-core-dimension-20)}}post-mainnavigation .back-button .btn{padding-inline:0}";
740
+ const postMainnavigationCss = "post-mainnavigation{flex:0 0 auto}post-mainnavigation post-list-item>a{text-decoration:none;border-radius:0}post-mainnavigation post-list-item post-megadropdown-trigger button{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;text-align:start}post-mainnavigation post-list-item post-megadropdown-trigger button{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-mainnavigation post-list-item post-megadropdown-trigger button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-mainnavigation post-list-item post-megadropdown-trigger button:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-mainnavigation post-list-item post-megadropdown-trigger button:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-mainnavigation post-list-item post-megadropdown-trigger button:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-mainnavigation post-list-item>a,post-mainnavigation post-list-item post-megadropdown-trigger button{flex:0 0 fit-content;white-space:nowrap;display:flex;align-items:center;justify-content:space-between}post-mainnavigation post-list-item>a:hover,post-mainnavigation post-list-item post-megadropdown-trigger button:hover{color:var(--post-scheme-color-interactive-primary-hover-fg1)}post-mainnavigation post-list-item>a:focus-visible,post-mainnavigation post-list-item post-megadropdown-trigger button:focus-visible{border-radius:var(--post-core-dimension-4)}post-mainnavigation .back-button post-icon{transform:rotate(180deg)}@media screen and (max-width: 1023.98px){post-mainnavigation .back-button{font-size:var(--post-core-font-size-16)}}@media screen and (max-width: 599.98px){post-mainnavigation .back-button{font-size:var(--post-core-font-size-14)}}post-mainnavigation>button::after,post-mainnavigation post-megadropdown-trigger button::after{content:\"\";mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m23.6 13.2-7.5 7.6-7.6-7.6.9-.9 6.6 6.6 6.6-6.6z'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;height:var(--post-core-dimension-24);width:var(--post-core-dimension-24)}@media screen and (min-width: 1024px){post-mainnavigation{display:block}post-mainnavigation nav{max-width:100vw;background:var(--post-core-color-brand-white);max-height:var(--main-navigation-height);user-select:none;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}post-mainnavigation .left-scroll-button,post-mainnavigation .right-scroll-button{position:absolute;inset-block:0;overflow:hidden}post-mainnavigation .left-scroll-button button,post-mainnavigation .right-scroll-button button{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;background:var(--post-core-color-brand-white);padding:var(--post-core-dimension-16);box-shadow:var(--post-core-elevation-5);line-height:var(--post-core-line-height-100);height:100%}post-mainnavigation .left-scroll-button button post-icon,post-mainnavigation .right-scroll-button button post-icon{font-size:1rem}post-mainnavigation .left-scroll-button{inset-inline-start:0;padding-inline-end:2rem}post-mainnavigation .right-scroll-button{inset-inline-end:0;padding-inline-start:2rem}post-mainnavigation post-list{margin-inline:var(--post-core-dimension-4)}post-mainnavigation post-list>[role=list]{flex-direction:row;max-width:100vw;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}post-mainnavigation post-list-item>a,post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{position:sticky;padding-inline:var(--post-core-dimension-12);height:var(--main-navigation-height);gap:var(--post-core-dimension-4);font-size:var(--post-core-font-size-16)}}@media screen and (min-width: 1024px)and (max-width: 1023.98px){post-mainnavigation post-list-item>a,post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{z-index:3}}@media screen and (min-width: 1024px)and (min-width: 1024px){post-mainnavigation post-list-item>a,post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{z-index:4}}@media screen and (min-width: 1024px){post-mainnavigation post-list-item>a.selected,post-mainnavigation post-list-item>a[aria-expanded=true],post-mainnavigation post-list-item>button.selected,post-mainnavigation post-list-item>button[aria-expanded=true],post-mainnavigation post-list-item post-megadropdown-trigger button.selected,post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true]{background-color:#050400;color:#fff;font-weight:var(--post-core-font-weight-700)}}@media screen and (min-width: 1024px){post-mainnavigation post-list-item>a:hover,post-mainnavigation post-list-item>button:hover,post-mainnavigation post-list-item post-megadropdown-trigger button:hover{background-color:#504f4b;color:#fff}}@media screen and (min-width: 1024px)and (max-width: 599.98px){post-mainnavigation post-list-item>a,post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{font-size:var(--post-core-font-size-14)}}@media screen and (min-width: 1024px){post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{padding-inline-end:var(--post-core-dimension-12);transition:border-block-end-color 250ms cubic-bezier(0.4, 0, 0.2, 1)}post-mainnavigation post-list-item>button::after,post-mainnavigation post-list-item post-megadropdown-trigger button::after{transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1)}post-mainnavigation post-list-item>button.selected::after,post-mainnavigation post-list-item>button[aria-expanded=true]::after,post-mainnavigation post-list-item post-megadropdown-trigger button.selected::after,post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true]::after{transform:rotate(180deg)}}@media screen and (min-width: 1024px){post-mainnavigation post-megadropdown button:not(.btn-icon-close),post-mainnavigation post-megadropdown a{width:100%;min-width:100%;height:var(--post-core-dimension-48);padding-inline:8px 12px;gap:var(--post-core-dimension-16);font-weight:var(--post-core-font-weight-400);position:relative}post-mainnavigation post-megadropdown button:not(.btn-icon-close)::before,post-mainnavigation post-megadropdown a::before{content:\"\";background-color:#050400;bottom:0;width:100%;height:var(--post-core-dimension-1);position:absolute;left:0}post-mainnavigation post-megadropdown button:not(.btn-icon-close).selected,post-mainnavigation post-megadropdown button:not(.btn-icon-close)[aria-expanded=true],post-mainnavigation post-megadropdown a.selected,post-mainnavigation post-megadropdown a[aria-expanded=true]{background-color:#050400;color:#fff}post-mainnavigation post-megadropdown button:not(.btn-icon-close):hover,post-mainnavigation post-megadropdown a:hover{background-color:#504f4b;color:#fff}post-mainnavigation post-megadropdown button:not(.btn-icon-close):hover::before,post-mainnavigation post-megadropdown a:hover::before{background-color:#504f4b}}@media screen and (min-width: 1024px){post-mainnavigation [slot=back-button]{display:none}}@media screen and (max-width: 1023.98px){post-mainnavigation nav{transform:none !important}post-mainnavigation .left-scroll-button,post-mainnavigation .right-scroll-button{display:none}post-mainnavigation post-list-item>a,post-mainnavigation post-list-item>button,post-mainnavigation post-list-item post-megadropdown-trigger button{width:100%;min-width:100%;height:var(--post-core-dimension-48);padding-inline:8px 12px;gap:var(--post-core-dimension-16);font-weight:var(--post-core-font-weight-400);position:relative}post-mainnavigation post-list-item>a::before,post-mainnavigation post-list-item>button::before,post-mainnavigation post-list-item post-megadropdown-trigger button::before{content:\"\";background-color:#050400;bottom:0;width:100%;height:var(--post-core-dimension-1);position:absolute;left:0}post-mainnavigation post-list-item>a.selected,post-mainnavigation post-list-item>a[aria-expanded=true],post-mainnavigation post-list-item>button.selected,post-mainnavigation post-list-item>button[aria-expanded=true],post-mainnavigation post-list-item post-megadropdown-trigger button.selected,post-mainnavigation post-list-item post-megadropdown-trigger button[aria-expanded=true]{background-color:#050400;color:#fff}post-mainnavigation post-list-item>a:hover,post-mainnavigation post-list-item>button:hover,post-mainnavigation post-list-item post-megadropdown-trigger button:hover{background-color:#504f4b;color:#fff}post-mainnavigation post-list-item>a:hover::before,post-mainnavigation post-list-item>button:hover::before,post-mainnavigation post-list-item post-megadropdown-trigger button:hover::before{background-color:#504f4b}post-mainnavigation>button::after,post-mainnavigation post-megadropdown-trigger button::after{transform:rotate(-90deg)}}post-mainnavigation .back-button .btn{padding-inline:0}";
731
741
  const PostMainnavigationStyle0 = postMainnavigationCss;
732
742
 
733
743
  const SCROLL_REPEAT_INTERVAL = 100; // Interval for repeated scrolling when holding down scroll button
@@ -934,7 +944,7 @@ const PostMainnavigation = class {
934
944
  };
935
945
  PostMainnavigation.style = PostMainnavigationStyle0;
936
946
 
937
- const postMegadropdownCss = "@keyframes slide-in{0%{transform:translateX(100%)}100%{transform:translateX(0%)}}@keyframes slide-out{from{transform:translateX(0%)}to{transform:translateX(100%)}}@keyframes slide-down{from{transform:translateY(-100%)}to{transform:translateY(0%)}}@keyframes slide-up{0%{transform:translateY(0%)}100%{transform:translateY(-100%)}}*,::before,::after{box-sizing:border-box}.megadropdown-container{--post-main-header-height:56px;--post-global-header-height:72px;--post-header-height:calc(var(--post-global-header-height) + var(--post-main-header-height));box-shadow:0 8px 6px rgba(0,0,0,.16);position:absolute;background-color:#fafafa;border:none;z-index:1;border-top:1px solid #e1e0dc;width:100%;top:100%;left:0;border-radius:0}.megadropdown-container.slide-in{animation:slide-down 350ms forwards}.megadropdown-container.slide-out{animation:slide-up 350ms forwards}@media screen and (max-width: 1023.98px){.megadropdown-container{--post-global-header-height:64px;z-index:4;top:0 !important;left:0;width:100%;position:fixed;height:calc(100vh - var(--post-header-height));max-height:calc(100vh - var(--header-height));border-top:unset;overflow:auto}.megadropdown-container.slide-in{animation:slide-in 350ms forwards}.megadropdown-container.slide-out{animation:slide-out 350ms forwards}}.megadropdown{padding:31px 40px 40px;background-color:#fafafa}@media screen and (max-width: 1023.98px){.megadropdown{padding:16px 32px 24px}}@media screen and (max-width: 599.98px){.megadropdown{padding-inline:16px}}.megadropdown .megadropdown-content{gap:1.5rem;display:grid;grid-template-columns:repeat(auto-fit, minmax(min(15vw, 100%), 1fr));grid-auto-rows:1fr auto;grid-auto-flow:dense}@media screen and (max-width: 1023.98px){.megadropdown .megadropdown-content{grid-template-columns:repeat(auto-fit, minmax(min(35vw, 100%), 1fr))}}@media screen and (max-width: 599.98px){.megadropdown .megadropdown-content{grid-template-columns:1fr}}.megadropdown h2{display:none;margin-top:0;margin-bottom:8px;font-weight:900}.megadropdown h2 a{text-decoration:none;font-weight:inherit;border-bottom:0;border-top:0}@media screen and (max-width: 1023.98px){.megadropdown h2{display:block;font-size:1.25rem}}@media screen and (max-width: 599.98px){.megadropdown h2{font-size:1.125rem}}.megadropdown post-list{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0px}.megadropdown post-list>[role=list]{flex-direction:unset;display:unset}.megadropdown post-list>*{width:100%}.megadropdown post-list .list-title{display:flex;flex-direction:column-reverse;height:100%}.megadropdown post-list .list-title h3{font-size:20px;display:block;font-weight:900}.megadropdown post-list .list-title h3:not(:has(a)){padding:15px 12px 14px 8px;border-bottom:1px solid #050400}.megadropdown post-list .list-title h3 a{padding-block:15px 14px;padding-inline-start:8px;border-radius:0;text-decoration:none;font-size:inherit;display:flex;align-items:center;justify-content:space-between;min-height:53px;width:100%;min-width:100%;height:var(--post-core-dimension-48);padding-inline-end:calc(var(--post-core-dimension-6) + var(--post-core-dimension-24) + var(--post-core-dimension-16));gap:var(--post-core-dimension-16);font-weight:var(--post-core-font-weight-400);position:relative;height:unset;font-weight:900}.megadropdown post-list .list-title h3 a::before{content:\"\";background-color:currentColor;bottom:0;width:100%;height:var(--post-core-dimension-1);position:absolute;left:0}.megadropdown post-list .list-title h3 a:hover::before{height:var(--post-core-dimension-3)}.megadropdown post-list .list-title h3 a:hover::after{content:\"\";display:block;margin-right:calc((var(--post-core-dimension-24) + var(--post-core-dimension-16))*-1);mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m31.95 16-9.11 9.11c-.2.2-.45.29-.71.29s-.51-.1-.71-.29a.996.996 0 0 1 0-1.41l6.69-6.69H-.05v-2h28.17l-6.69-6.69a.996.996 0 1 1 1.41-1.41l9.11 9.11Z'%3E%3C/path%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;width:var(--post-core-dimension-20);min-width:var(--post-core-dimension-20);height:var(--post-core-dimension-20)}@media screen and (max-width: 1023.98px){.megadropdown post-list .list-title h3{font-size:1rem}.megadropdown post-list .list-title h3:not(:has(a)){padding:15px 12px 14px 8px;border-bottom:1px solid #050400}}@media screen and (max-width: 599.98px){.megadropdown post-list .list-title h3{font-size:.875rem}}.megadropdown post-list-item>a{padding-block:13px 12px;padding-inline-start:8px;display:flex;text-decoration:none;width:100%;min-width:100%;height:auto;min-height:48px}.megadropdown post-list-item>a:hover{border-block-width:0}@media screen and (min-width: 1024px){.megadropdown post-list-item>a{font-size:1.25rem}}@media screen and (max-width: 1023.98px){.megadropdown post-list-item>a{padding-block:12px 11px}}@media screen and (max-width: 599.98px){.megadropdown post-list-item>a{font-size:.875rem}}.megadropdown .back-button{display:none;margin-bottom:2rem}.megadropdown .back-button .btn{width:auto}@media screen and (max-width: 1023.98px){.megadropdown .back-button{display:block}}.megadropdown .close-button{position:absolute;top:1rem;right:1rem}@media screen and (max-width: 1023.98px){.megadropdown .close-button{display:none}}";
947
+ const postMegadropdownCss = "@keyframes slide-in{0%{transform:translateX(100%)}100%{transform:translateX(0%)}}@keyframes slide-out{from{transform:translateX(0%)}to{transform:translateX(100%)}}@keyframes slide-down{from{transform:translateY(-100%)}to{transform:translateY(0%)}}@keyframes slide-up{0%{transform:translateY(0%)}100%{transform:translateY(-100%)}}*,::before,::after{box-sizing:border-box}.megadropdown-container{--post-main-header-height:56px;--post-global-header-height:72px;--post-header-height:calc(var(--post-global-header-height) + var(--post-main-header-height));box-shadow:0 8px 6px rgba(0,0,0,.16);position:absolute;background-color:#fafafa;border:none;z-index:1;border-top:1px solid #e1e0dc;width:100%;top:100%;left:0;border-radius:0}.megadropdown-container.slide-in{animation:slide-down 350ms forwards}.megadropdown-container.slide-out{animation:slide-up 350ms forwards}@media screen and (max-width: 1023.98px){.megadropdown-container{--post-global-header-height:64px;z-index:4;top:0 !important;left:0;width:100%;position:fixed;height:calc(100vh - var(--post-header-height));max-height:calc(100vh - var(--header-height));border-top:unset;overflow:auto}.megadropdown-container.slide-in{animation:slide-in 350ms forwards}.megadropdown-container.slide-out{animation:slide-out 350ms forwards}}.megadropdown{padding:31px 40px 40px;background-color:#fafafa}@media screen and (max-width: 1023.98px){.megadropdown{padding:16px 32px 24px}}@media screen and (max-width: 599.98px){.megadropdown{padding-inline:16px}}.megadropdown .megadropdown-content{gap:1.5rem;display:grid;grid-template-columns:repeat(auto-fit, minmax(min(15vw, 100%), 1fr));grid-auto-rows:1fr auto;grid-auto-flow:dense}@media screen and (max-width: 1023.98px){.megadropdown .megadropdown-content{grid-template-columns:repeat(auto-fit, minmax(min(35vw, 100%), 1fr))}}@media screen and (max-width: 599.98px){.megadropdown .megadropdown-content{grid-template-columns:1fr}}.megadropdown h2{display:none;margin-top:0;margin-bottom:8px;font-weight:900}.megadropdown h2 a{text-decoration:none;font-weight:inherit;border-bottom:0;border-top:0}@media screen and (max-width: 1023.98px){.megadropdown h2{display:block;font-size:1.25rem}}@media screen and (max-width: 599.98px){.megadropdown h2{font-size:1.125rem}}.megadropdown post-list{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0px}.megadropdown post-list>[role=list]{flex-direction:unset;display:unset}.megadropdown post-list>*{width:100%}.megadropdown post-list .list-title{display:flex;flex-direction:column-reverse;height:100%}.megadropdown post-list .list-title h3{font-size:20px;display:block;font-weight:900}.megadropdown post-list .list-title h3:not(:has(a)),.megadropdown post-list .list-title h3 a{padding:16px 12px 14px 8px}.megadropdown post-list .list-title h3:not(:has(a)){position:relative}.megadropdown post-list .list-title h3:not(:has(a))::before{content:\"\";background-color:#050400;bottom:0;width:100%;height:2px;position:absolute;left:0}.megadropdown post-list .list-title h3 a{border-radius:0;text-decoration:none;font-size:inherit;display:flex;align-items:center;justify-content:space-between;min-height:53px;width:100%;min-width:100%;height:var(--post-core-dimension-48);padding-inline:8px 12px;gap:var(--post-core-dimension-16);font-weight:var(--post-core-font-weight-400);position:relative;height:unset;font-weight:900}.megadropdown post-list .list-title h3 a::before{content:\"\";background-color:#050400;bottom:0;width:100%;height:var(--post-core-dimension-1);position:absolute;left:0}.megadropdown post-list .list-title h3 a.selected,.megadropdown post-list .list-title h3 a[aria-expanded=true]{background-color:#050400;color:#fff}.megadropdown post-list .list-title h3 a:hover{background-color:#504f4b;color:#fff}.megadropdown post-list .list-title h3 a:hover::before{background-color:#504f4b}.megadropdown post-list .list-title h3 a::before{height:2px}@media screen and (max-width: 1023.98px){.megadropdown post-list .list-title h3{font-size:1rem}.megadropdown post-list .list-title h3:not(:has(a)),.megadropdown post-list .list-title h3 a{padding:14px 12px 12px 8px}}@media screen and (max-width: 599.98px){.megadropdown post-list .list-title h3{font-size:.875rem}}.megadropdown post-list-item>a{padding-block:13px 12px;padding-inline-start:8px;display:flex;text-decoration:none;width:100%;min-width:100%;height:auto;min-height:48px}.megadropdown post-list-item>a:hover{border-block-width:0}@media screen and (min-width: 1024px){.megadropdown post-list-item>a{font-size:1.25rem}}@media screen and (max-width: 1023.98px){.megadropdown post-list-item>a{padding-block:12px 11px}}@media screen and (max-width: 599.98px){.megadropdown post-list-item>a{font-size:.875rem}}.megadropdown .back-button{display:none;margin-bottom:2rem}.megadropdown .back-button .btn{width:auto}@media screen and (max-width: 1023.98px){.megadropdown .back-button{display:block}}.megadropdown .close-button{position:absolute;top:1rem;right:1rem}@media screen and (max-width: 1023.98px){.megadropdown .close-button{display:none}}";
938
948
  const PostMegadropdownStyle0 = postMegadropdownCss;
939
949
 
940
950
  const PostMegadropdown = class {
package/dist/cjs/{post-tooltip-fd1b7b47.js → post-tooltip-dc0fef88.js} RENAMED
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  const index = require('./index-5acef487.js');
4
- const _package = require('./package-6000ba84.js');
4
+ const _package = require('./package-5e20c234.js');
5
5
  const attributeObserver = require('./attribute-observer-6d8b886b.js');
6
6
  const index$1 = require('./index-f2eedfeb.js');
7
7
 
package/dist/cjs/post-tooltip.cjs.entry.js CHANGED
@@ -2,9 +2,9 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const postTooltip = require('./post-tooltip-fd1b7b47.js');
5
+ const postTooltip = require('./post-tooltip-dc0fef88.js');
6
6
  require('./index-5acef487.js');
7
- require('./package-6000ba84.js');
7
+ require('./package-5e20c234.js');
8
8
  require('./attribute-observer-6d8b886b.js');
9
9
  require('./index-f2eedfeb.js');
10
10
  require('./constants-238701d3.js');
package/dist/collection/components/post-header/post-header.css CHANGED
@@ -1 +1 @@
1
- *,::before,::after{box-sizing:border-box}:host{z-index:1090;--global-header-height: 72px;--global-header-minimal-height: 24px;--local-header-height: 112px;--local-header-min-height: 56px;--header-height: calc(var(--global-header-height) + var(--local-header-height));z-index:1020;position:relative}@media screen and (min-width: 1024px){:host{--global-header-reduced-height: 24px;--main-navigation-height: 56px}}@media screen and (max-width: 1023.98px){:host{--global-header-height: 64px;--local-header-height: 48px;--local-header-min-height: 48px;--main-navigation-height: 0px}}:host(:not(:has([slot=title]))){--local-header-height: var(--main-navigation-height)}:host(:not(:has([slot=title]))) .local-header{padding-block-start:0}:host(:not(:has([slot=title]))) .local-sub{display:none}.d-flex{display:flex}.space-between{justify-content:space-between}.global-header{background-color:#fc0;display:flex;justify-content:space-between;position:sticky;padding-inline:var(--post-core-dimension-4);height:var(--global-header-height)}@media screen and (max-width: 1023.98px){.global-header{z-index:3;inset-block-start:0}}@media screen and (min-width: 1024px){.global-header{z-index:5;padding-inline-end:var(--post-core-dimension-12);inset-block-start:calc((var(--global-header-height) - var(--global-header-reduced-height))*-1)}}.global-sub{display:flex;align-items:center;gap:var(--post-core-dimension-24)}.align-end{align-items:flex-end}.logo{flex:1 0 auto;height:var(--global-header-height);width:var(--global-header-height);min-height:var(--global-header-reduced-height);align-self:flex-end}@media screen and (min-width: 1024px){.logo{height:calc(var(--global-header-height) - var(--header-scroll-top))}}::slotted(ul){margin-block:0 !important;list-style:none;display:flex;padding-left:0;gap:1rem;flex-shrink:0 !important}.local-header{display:flex;position:sticky;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--post-core-dimension-8);min-height:var(--local-header-min-height);background:var(--post-core-color-brand-white);transition:box-shadow .2s ease-in-out}@media screen and (min-width: 1024px){.local-header{z-index:3;inset-block-start:calc(-1*(var(--local-header-height) - var(--main-navigation-height)) + var(--global-header-reduced-height));padding-block-start:var(--post-core-dimension-18);box-shadow:var(--post-core-elevation-3)}}@media screen and (max-width: 1023.98px){.local-header{z-index:2;inset-block-start:var(--global-header-height);padding-block:var(--post-core-dimension-9);flex-wrap:wrap}.local-header.local-header-mobile-extended{border-bottom:1px solid var(--post-core-color-sandgrey-012)}.local-header:not(.title-header-mobile-extended){box-shadow:var(--post-core-elevation-3)}}.local-sub{margin-inline-end:var(--post-core-dimension-16)}::slotted(.list-inline){margin:-8px 0 !important;z-index:3 !important;position:relative !important}::slotted(h1){margin:0 !important;flex-shrink:10;z-index:3}@media screen and (min-width: 600px){::slotted(h1){margin-inline-start:var(--post-core-dimension-12) !important}}@media screen and (max-width: 599.98px){::slotted(h1){margin-inline-start:var(--post-core-dimension-8) !important}}@media screen and (min-width: 1024px){::slotted(h1){font-size:var(--post-core-font-size-28) !important}}@media screen and (max-width: 1023.98px){::slotted(h1){font-size:var(--post-core-font-size-20) !important;max-width:calc(100vw - var(--post-core-dimension-8) - var(--post-core-dimension-16))}}@media screen and (min-width: 1024px){.mobile-toggle{display:none}}.navigation{width:100%}@media screen and (min-width: 1024px){.navigation{inset-block-start:var(--global-header-minimal-height)}.navigation::before{display:block;content:"";position:absolute;inset:0;z-index:2;background:var(--post-core-color-brand-white)}}@media screen and (max-width: 1023.98px){.navigation{position:fixed;z-index:1;inset-inline:0;background:var(--post-core-color-brand-white);inset-block-end:calc(100vh - var(--header-height))}::slotted(post-mainnavigation),.navigation-footer{display:none;flex-direction:column;padding-block:var(--post-core-dimension-16) var(--post-core-dimension-24);padding-inline:var(--post-core-dimension-32)}.navigation.extended ::slotted(post-mainnavigation),.navigation.extended .navigation-footer{display:flex}.navigation.extended{height:calc(100vh - var(--header-height));display:flex;flex-direction:column}.navigation.extended ::slotted(post-mainnavigation){flex-grow:1 !important}::slotted(post-mainnavigation){background-color:var(--post-core-color-sandgrey-002);gap:var(--post-core-dimension-32)}.navigation-footer{background-color:var(--post-core-color-sandgrey-006);gap:var(--post-core-dimension-24)}}@media screen and (max-width: 599.98px){::slotted(post-mainnavigation),.navigation-footer{padding-inline:var(--post-core-dimension-16)}}
1
+ *,::before,::after{box-sizing:border-box}:host{z-index:1090;--global-header-height: 72px;--global-header-minimal-height: 24px;--local-header-height: 112px;--local-header-min-height: 56px;--header-height: calc(var(--global-header-height) + var(--local-header-height));z-index:1020;position:relative}@media screen and (min-width: 1024px){:host{--global-header-reduced-height: 24px;--main-navigation-height: 56px}}@media screen and (max-width: 1023.98px){:host{--global-header-height: 64px;--local-header-height: 48px;--local-header-min-height: 48px;--main-navigation-height: 0px}}:host(:not(:has([slot=title]))){--local-header-height: var(--main-navigation-height)}:host(:not(:has([slot=title]))) .local-header{padding-block-start:0}:host(:not(:has([slot=title]))) .local-sub{display:none}.d-flex{display:flex}.space-between{justify-content:space-between}.global-header{background-color:#fc0;display:flex;justify-content:space-between;position:sticky;padding-inline:var(--post-core-dimension-4);height:var(--global-header-height)}@media screen and (max-width: 1023.98px){.global-header{z-index:3;inset-block-start:0}}@media screen and (min-width: 1024px){.global-header{z-index:5;padding-inline-end:var(--post-core-dimension-12);inset-block-start:calc((var(--global-header-height) - var(--global-header-reduced-height))*-1)}}.global-sub{display:flex;align-items:center;gap:var(--post-core-dimension-24)}.align-end{align-items:flex-end}.logo{flex:1 0 auto;height:var(--global-header-height);width:var(--global-header-height);min-height:var(--global-header-reduced-height);align-self:flex-end}@media screen and (min-width: 1024px){.logo{height:calc(var(--global-header-height) - var(--header-scroll-top))}}::slotted(ul){margin-block:0 !important;list-style:none;display:flex;padding-left:0;gap:1rem;flex-shrink:0 !important}.local-header{display:flex;position:sticky;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--post-core-dimension-4);min-height:var(--local-header-min-height);background:var(--post-core-color-brand-white);transition:box-shadow .2s ease-in-out}@media screen and (min-width: 1024px){.local-header{z-index:3;inset-block-start:calc(-1*(var(--local-header-height) - var(--main-navigation-height)) + var(--global-header-reduced-height));padding-block-start:var(--post-core-dimension-18);box-shadow:var(--post-core-elevation-3)}}@media screen and (max-width: 1023.98px){.local-header{z-index:2;inset-block-start:var(--global-header-height);padding-block:var(--post-core-dimension-9);flex-wrap:wrap}.local-header.local-header-mobile-extended{border-bottom:1px solid var(--post-core-color-sandgrey-012)}.local-header:not(.title-header-mobile-extended){box-shadow:var(--post-core-elevation-3)}}.local-sub{margin-inline-end:var(--post-core-dimension-16)}::slotted(.list-inline){margin:-8px 0 !important;z-index:3 !important;position:relative !important}::slotted(h1){margin:0 !important;flex-shrink:10;z-index:3}@media screen and (min-width: 600px){::slotted(h1){margin-inline-start:var(--post-core-dimension-12) !important}}@media screen and (max-width: 599.98px){::slotted(h1){margin-inline-start:var(--post-core-dimension-8) !important}}@media screen and (min-width: 1024px){::slotted(h1){font-size:var(--post-core-font-size-28) !important}}@media screen and (max-width: 1023.98px){::slotted(h1){font-size:var(--post-core-font-size-20) !important;max-width:calc(100vw - var(--post-core-dimension-8) - var(--post-core-dimension-16))}}@media screen and (min-width: 1024px){.mobile-toggle{display:none}}.navigation{width:100%}@media screen and (min-width: 1024px){.navigation{inset-block-start:var(--global-header-minimal-height)}.navigation::before{display:block;content:"";position:absolute;inset:0;z-index:2;background:var(--post-core-color-brand-white)}}@media screen and (max-width: 1023.98px){.navigation{position:fixed;z-index:1;inset-inline:0;background:var(--post-core-color-brand-white);inset-block-end:calc(100vh - var(--header-height))}::slotted(post-mainnavigation),.navigation-footer{display:none;flex-direction:column;padding-block:var(--post-core-dimension-16) var(--post-core-dimension-24);padding-inline:var(--post-core-dimension-32)}.navigation.extended ::slotted(post-mainnavigation),.navigation.extended .navigation-footer{display:flex}.navigation.extended{height:calc(100vh - var(--header-height));display:flex;flex-direction:column}.navigation.extended ::slotted(post-mainnavigation){flex-grow:1 !important}::slotted(post-mainnavigation){background-color:var(--post-core-color-sandgrey-002);gap:var(--post-core-dimension-32)}.navigation-footer{background-color:var(--post-core-color-sandgrey-006);gap:var(--post-core-dimension-24)}}@media screen and (max-width: 599.98px){::slotted(post-mainnavigation),.navigation-footer{padding-inline:var(--post-core-dimension-16)}}
package/dist/collection/components/post-header/post-header.js CHANGED
@@ -168,7 +168,9 @@ export class PostHeader {
168
168
  }
169
169
  switchLanguageSwitchMode() {
170
170
  const variant = this.device === 'desktop' ? 'menu' : 'list';
171
- this.host.querySelector('post-language-switch')?.setAttribute('variant', variant);
171
+ Array.from(this.host.querySelectorAll('post-language-switch')).forEach(languageSwitch => {
172
+ languageSwitch?.setAttribute('variant', variant);
173
+ });
172
174
  }
173
175
  renderNavigation() {
174
176
  const navigationClasses = ['navigation'];
@@ -178,7 +180,7 @@ export class PostHeader {
178
180
  return (h("div", { ref: el => (this.mobileMenu = el), class: navigationClasses.join(' ') }, h("slot", { name: "post-mainnavigation" }), (this.device === 'mobile' || this.device === 'tablet') && (h("div", { class: "navigation-footer" }, h("slot", { name: "meta-navigation" }), h("slot", { name: "post-language-switch" })))));
179
181
  }
180
182
  render() {
181
- return (h(Host, { key: '18b9e47312a3896f1c68a9270332b2bf21ea2518', version: version }, h("div", { key: '6b30ae3fc22471a7d1f29f19da944a3c4eac009c', class: "global-header" }, h("div", { key: '943cd0d6a4fa9e0b15196b54fe1f5e765b6270c5', class: "global-sub" }, h("div", { key: '7c34ab9cd2a5fb380b0201673364a275d74ca1e3', class: "logo" }, h("slot", { key: '13b6bb1b42951d4982fd0cca9f65f3cba9a361df', name: "post-logo" }))), h("div", { key: '1955153864e1825e2fd56d58b9966982bc4aeb7f', class: "global-sub" }, this.device === 'desktop' && h("slot", { key: 'f33af5becab53114e886c288feabafd4a589dab6', name: "meta-navigation" }), h("slot", { key: 'e33c827d5e0101a6fc9ccaf3f9e3b9ea1a689626', name: "global-controls" }), this.device === 'desktop' && h("slot", { key: 'bbc08ab621b41858f6f4c0fa03796c1800d3ef2b', name: "post-language-switch" }), h("div", { key: '352681a469b8dd46271ffe6b36002d174a5586c3', onClick: () => this.toggleMobileMenu(), class: "mobile-toggle" }, h("slot", { key: 'a6c79f674e94a2046f47d8fc7a6ce7722a7e5125', name: "post-togglebutton" })))), h("div", { key: '8b1219759b44feaf230a366a39ea8cc211893b9c', class: 'local-header ' + (this.mobileMenuExtended ? 'local-header-mobile-extended' : '') }, h("slot", { key: '070092f87eceb4a4ca2c19394a80ffb20833c0c9', name: "title" }), h("div", { key: '5044efdcf0a9b341eb9f168762f86dd516236ad1', class: "local-sub" }, h("slot", { key: '48e38669ec64444c48f8b84f95590d36cd090ff7', name: "local-controls" }), h("slot", { key: 'cbf9652dfc5008322459b6dcb0623135f7984e61' })), this.device === 'desktop' && this.renderNavigation()), this.device !== 'desktop' && this.renderNavigation()));
183
+ return (h(Host, { key: '5d4e569a43d52f4f2686f8c0edf30029927e00eb', version: version }, h("div", { key: 'efe5fb6874629bad9ebcedd4185d64df44693d4e', class: "global-header" }, h("div", { key: '49fa0b36875b64b9bf7bbc630a7ac87a46009506', class: "global-sub" }, h("div", { key: '0e58484695c60c3844e7ac8550071c57f7edd73d', class: "logo" }, h("slot", { key: 'e0806856324f90bfa502dfa888ba1a870c6ddbc4', name: "post-logo" }))), h("div", { key: '58958bc4bb15eac5ee2752eba0ae15f7b14a17a7', class: "global-sub" }, this.device === 'desktop' && h("slot", { key: '64da4d9ee52814d0dc510964e6f7b62bd389ddcf', name: "meta-navigation" }), h("slot", { key: 'a5306db01f58040da846940a91c58fcb1790c7bc', name: "global-controls" }), this.device === 'desktop' && h("slot", { key: '565a5639c7a32708b170b00f01ef5f9fc06b1874', name: "post-language-switch" }), h("div", { key: '1145f03652ec25c8fd2e757ecdcbc92e5523021e', onClick: () => this.toggleMobileMenu(), class: "mobile-toggle" }, h("slot", { key: 'c9fbbf11fb228f6a0a728adb58cf62e6aa27647b', name: "post-togglebutton" })))), h("div", { key: '13bd35e7f9ee042c0f9003b206d948cc94a5d71c', class: 'local-header ' + (this.mobileMenuExtended ? 'local-header-mobile-extended' : '') }, h("slot", { key: '920427d665def0ee159f48add29957e8190e32e9', name: "title" }), h("div", { key: 'e60088d6fc0fe4b89928dd4024d954ab87663362', class: "local-sub" }, h("slot", { key: '36f22f783c4be341b7d366a8f3a7371e11024f3d', name: "local-controls" }), h("slot", { key: '8ce479a57d276fbe174ae6c3289618273a9e8192' })), this.device === 'desktop' && this.renderNavigation()), this.device !== 'desktop' && this.renderNavigation()));
182
184
  }
183
185
  static get is() { return "post-header"; }
184
186
  static get encapsulation() { return "shadow"; }
package/dist/collection/components/post-language-option/post-language-option.css CHANGED
@@ -1,3 +1,3 @@
1
1
  /*!
2
2
  * Copyright 2021 by Swiss Post, Information Technology
3
- */post-language-option{display:inline-block}post-language-option button{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button}post-language-option a{color:inherit;text-decoration:none}post-language-option :is(a,button){cursor:pointer;display:flex;align-items:center;justify-content:center;height:100%;width:100%;border-radius:2px}post-language-option :is(a,button){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-language-option :is(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-option :is(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-language-option :is(a,button):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-option :is(a,button):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-language-option:has([aria-current]):not([aria-current=false]){display:none}post-language-option:where([variant=list]) :is(a,button){width:40px;height:40px;border-radius:2px}post-language-option:where([variant=list]) :is(a,button):hover{color:#504f4b}post-language-option:where([variant=menu]){width:100%}post-language-option:where([variant=menu]) :is(a,button){padding-block:13px;padding-inline:24px;box-sizing:border-box;position:relative;left:-1px;width:calc(100% + 2px)}
3
+ */post-language-option{display:inline-block}post-language-option button{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button}post-language-option a{color:inherit;text-decoration:none}post-language-option :is(a,button){cursor:pointer;display:flex;align-items:center;justify-content:center;height:100%;width:100%;border-radius:2px}post-language-option :is(a,button){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-language-option :is(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-option :is(a,button):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-language-option :is(a,button):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-language-option :is(a,button):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}post-language-option:has([aria-current]):not([aria-current=false]){display:none}post-language-option:where([variant=list]) :is(a,button){padding-inline:.7rem;height:40px;border-radius:2px}post-language-option:where([variant=list]) :is(a,button):hover{color:#504f4b}post-language-option:where([variant=list]):where(:not([type]),[type=language]) :is(a,button){padding-inline:0;width:40px;text-transform:uppercase}post-language-option:where([variant=menu]){width:100%}post-language-option:where([variant=menu]) :is(a,button){padding-block:13px;padding-inline:24px;box-sizing:border-box;position:relative;left:-1px;width:calc(100% + 2px)}post-language-option:where([variant=menu]):where(:not([type]),[type=language]) :is(a,button){text-transform:uppercase}
package/dist/collection/components/post-language-option/post-language-option.js CHANGED
@@ -9,6 +9,7 @@ export class PostLanguageOption {
9
9
  this.code = undefined;
10
10
  this.active = undefined;
11
11
  this.variant = undefined;
12
+ this.type = undefined;
12
13
  this.name = undefined;
13
14
  this.url = undefined;
14
15
  }
@@ -58,7 +59,7 @@ export class PostLanguageOption {
58
59
  this.emitChange();
59
60
  }
60
61
  };
61
- return (h(Host, { key: 'eff35e907ca174aa239604d8e3c937309d306cd1', "data-version": version, role: this.variant ? `${this.variant}item` : null }, this.url ? (h("a", { "aria-current": this.active ? 'page' : undefined, "aria-label": this.name, href: this.url, hrefLang: lang, lang: lang, onClick: () => this.emitChange(), onKeyDown: emitOnKeyDown }, h("slot", null))) : (h("button", { "aria-current": this.active ? 'true' : undefined, "aria-label": this.name, lang: lang, onClick: () => this.emitChange(), onKeyDown: emitOnKeyDown }, h("slot", null)))));
62
+ return (h(Host, { key: '1e2f480593c843078a56aefe24e24de3e39585c4', "data-version": version, role: this.variant ? `${this.variant}item` : null }, this.url ? (h("a", { "aria-current": this.active ? 'page' : undefined, "aria-label": this.name, href: this.url, hrefLang: lang, lang: lang, onClick: () => this.emitChange(), onKeyDown: emitOnKeyDown }, h("slot", null))) : (h("button", { "aria-current": this.active ? 'true' : undefined, "aria-label": this.name, lang: lang, onClick: () => this.emitChange(), onKeyDown: emitOnKeyDown }, h("slot", null)))));
62
63
  }
63
64
  static get is() { return "post-language-option"; }
64
65
  static get originalStyleUrls() {
@@ -125,11 +126,34 @@ export class PostLanguageOption {
125
126
  "optional": true,
126
127
  "docs": {
127
128
  "tags": [],
128
- "text": "The variant of the post-language-switch parent (dynamically set by the parent)"
129
+ "text": "To communicate the variant prop from the parent (post-language-switch) component to the child (post-language-option) component. See parent docs for a description about the property itself."
129
130
  },
130
131
  "attribute": "variant",
131
132
  "reflect": false
132
133
  },
134
+ "type": {
135
+ "type": "string",
136
+ "mutable": false,
137
+ "complexType": {
138
+ "original": "SwitchType | null",
139
+ "resolved": "\"language\" | \"region\"",
140
+ "references": {
141
+ "SwitchType": {
142
+ "location": "import",
143
+ "path": "../post-language-switch/switch-variants",
144
+ "id": "src/components/post-language-switch/switch-variants.ts::SwitchType"
145
+ }
146
+ }
147
+ },
148
+ "required": false,
149
+ "optional": true,
150
+ "docs": {
151
+ "tags": [],
152
+ "text": "To communicate the type prop from the parent (post-language-switch) component to the child (post-language-option) component. See parent docs for a description about the property itself."
153
+ },
154
+ "attribute": "type",
155
+ "reflect": false
156
+ },
133
157
  "name": {
134
158
  "type": "string",
135
159
  "mutable": false,
package/dist/collection/components/post-language-switch/post-language-switch.css CHANGED
@@ -1 +1 @@
1
- :host{display:flex}:host>span{display:flex;flex-shrink:0;width:40px;height:40px;align-items:center;justify-content:center;background-color:#050400;color:#fff;border-radius:2px}:host(:where([variant=list])){column-gap:.5rem}.post-language-switch-dropdown-container{display:flex;flex-direction:column}.post-language-switch-dropdown-container>*{width:100%}.post-language-switch-trigger{cursor:pointer;padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;text-decoration:none;display:inline-flex;align-items:center;gap:var(--post-core-dimension-6);border-radius:var(--post-core-dimension-24);font-size:var(--post-core-font-size-16);padding:var(--post-core-dimension-3) var(--post-core-dimension-10)}.post-language-switch-trigger{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.post-language-switch-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-switch-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.post-language-switch-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-switch-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.post-language-switch-trigger:not(:disabled):hover,.post-language-switch-trigger.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.post-language-switch-trigger post-icon{height:var(--post-core-dimension-16);width:var(--post-core-dimension-16)}
1
+ :host{display:flex !important;flex-wrap:wrap}:host>span{display:inline-flex;flex-shrink:0;padding-inline:.7rem;height:40px;align-items:center;justify-content:center;background-color:#050400;color:#fff;border-radius:2px}:host(:where([variant=list])){gap:.5rem}:host(:where(:not([type]),[type=language]))>span{padding-inline:0;width:40px;text-transform:uppercase}:host(:where(:not([type]),[type=language])) .post-language-switch-trigger{text-transform:uppercase}:host(:where(:not([type]),[type=language])) .post-language-switch-dropdown-container{text-transform:uppercase}.post-language-switch-dropdown-container{display:flex;flex-direction:column}.post-language-switch-dropdown-container>*{width:100%}.post-language-switch-trigger{cursor:pointer;padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;text-decoration:none;display:inline-flex;align-items:center;gap:var(--post-core-dimension-6);border-radius:var(--post-core-dimension-24);font-size:var(--post-core-font-size-16);padding:var(--post-core-dimension-3) var(--post-core-dimension-10)}.post-language-switch-trigger{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.post-language-switch-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-switch-trigger:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.post-language-switch-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.post-language-switch-trigger:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.post-language-switch-trigger:not(:disabled):hover,.post-language-switch-trigger.pretend-hover{border-color:var(--post-scheme-color-interactive-button-tertiary-hover-stroke);background-color:var(--post-scheme-color-interactive-button-tertiary-hover-bg);color:var(--post-scheme-color-interactive-button-tertiary-hover-fg)}.post-language-switch-trigger post-icon{height:var(--post-core-dimension-16);width:var(--post-core-dimension-16)}
package/dist/collection/components/post-language-switch/post-language-switch.js CHANGED
@@ -1,13 +1,14 @@
1
1
  import { Host, h } from "@stencil/core";
2
2
  import { checkEmptyOrOneOf, checkType } from "../../utils/index";
3
3
  import { version } from "../../../../package";
4
- import { SWITCH_VARIANTS } from "./switch-variants";
4
+ import { SWITCH_VARIANTS, SWITCH_TYPES } from "./switch-variants";
5
5
  import { nanoid } from "nanoid";
6
6
  export class PostLanguageSwitch {
7
7
  constructor() {
8
8
  this.caption = undefined;
9
9
  this.description = undefined;
10
10
  this.variant = 'list';
11
+ this.type = 'language';
11
12
  this.activeLang = undefined;
12
13
  }
13
14
  host;
@@ -20,21 +21,25 @@ export class PostLanguageSwitch {
20
21
  validateVariant(value = this.variant) {
21
22
  checkEmptyOrOneOf(value, SWITCH_VARIANTS, `The "variant" property of the post-language-switch component must be: ${SWITCH_VARIANTS.join(', ')}`);
22
23
  }
24
+ validateType(value = this.type) {
25
+ checkEmptyOrOneOf(value, SWITCH_TYPES, `The "type" property of the post-language-switch component must be: ${SWITCH_TYPES.join(', ')}`);
26
+ }
23
27
  connectedCallback() {
24
- this.updateChildrenVariant();
28
+ this.updateChildrenProps();
25
29
  // Get the active language based on children's active state
26
30
  this.activeLang = Array.from(this.host.querySelectorAll('post-language-option'))
27
31
  .find(el => el.getAttribute('active') == 'true')
28
32
  .getAttribute('code');
29
33
  }
30
34
  // Update post-language-option variant to have the correct style
31
- updateChildrenVariant() {
35
+ updateChildrenProps() {
32
36
  this.host.querySelectorAll('post-language-option').forEach(el => {
33
37
  el.setAttribute('variant', this.variant);
38
+ el.setAttribute('type', this.type);
34
39
  });
35
40
  }
36
41
  componentWillUpdate() {
37
- this.updateChildrenVariant();
42
+ this.updateChildrenProps();
38
43
  }
39
44
  componentDidLoad() {
40
45
  this.validateCaption();
@@ -61,10 +66,10 @@ export class PostLanguageSwitch {
61
66
  }
62
67
  menuId = `p${nanoid(11)}`;
63
68
  renderList() {
64
- return (h(Host, { "data-version": version, role: "list", "aria-label": this.caption }, h("span", { "aria-label": this.description, role: "listitem" }, this.activeLang.toUpperCase()), h("slot", null)));
69
+ return (h(Host, { "data-version": version, role: "list", "aria-label": this.caption }, h("span", { "aria-label": this.description, role: "listitem" }, this.activeLang), h("slot", null)));
65
70
  }
66
71
  renderDropdown() {
67
- return (h(Host, { "data-version": version }, h("post-menu-trigger", { for: this.menuId }, h("button", { class: "post-language-switch-trigger", "aria-label": this.description }, this.activeLang.toUpperCase(), h("post-icon", { "aria-hidden": "true", name: "chevrondown" }))), h("post-menu", { id: this.menuId, class: "post-language-switch-dropdown-container", "aria-label": this.caption }, h("slot", null))));
72
+ return (h(Host, { "data-version": version }, h("post-menu-trigger", { for: this.menuId }, h("button", { class: "post-language-switch-trigger", "aria-label": this.description }, this.activeLang, h("post-icon", { "aria-hidden": "true", name: "chevrondown" }))), h("post-menu", { id: this.menuId, class: "post-language-switch-dropdown-container", "aria-label": this.caption }, h("slot", null))));
68
73
  }
69
74
  render() {
70
75
  return this.variant === 'list' ? this.renderList() : this.renderDropdown();
@@ -135,11 +140,35 @@ export class PostLanguageSwitch {
135
140
  "optional": false,
136
141
  "docs": {
137
142
  "tags": [],
138
- "text": "Variant that determines the rendering of the language switch either as a list (used on mobile in the header) or a dropdown (used on desktop in the header)"
143
+ "text": "Whether the component is rendered as a list or a menu"
139
144
  },
140
145
  "attribute": "variant",
141
146
  "reflect": false,
142
147
  "defaultValue": "'list'"
148
+ },
149
+ "type": {
150
+ "type": "string",
151
+ "mutable": false,
152
+ "complexType": {
153
+ "original": "SwitchType",
154
+ "resolved": "\"language\" | \"region\"",
155
+ "references": {
156
+ "SwitchType": {
157
+ "location": "import",
158
+ "path": "./switch-variants",
159
+ "id": "src/components/post-language-switch/switch-variants.ts::SwitchType"
160
+ }
161
+ }
162
+ },
163
+ "required": false,
164
+ "optional": false,
165
+ "docs": {
166
+ "tags": [],
167
+ "text": "Whether the component is rendered with uppercased text and fix widths or without any text transformation and fluid widths"
168
+ },
169
+ "attribute": "type",
170
+ "reflect": false,
171
+ "defaultValue": "'language'"
143
172
  }
144
173
  };
145
174
  }
@@ -159,6 +188,9 @@ export class PostLanguageSwitch {
159
188
  }, {
160
189
  "propName": "variant",
161
190
  "methodName": "validateVariant"
191
+ }, {
192
+ "propName": "type",
193
+ "methodName": "validateType"
162
194
  }];
163
195
  }
164
196
  }
package/dist/collection/components/post-language-switch/switch-variants.js CHANGED
@@ -1 +1,2 @@
1
1
  export const SWITCH_VARIANTS = ['list', 'menu'];
2
+ export const SWITCH_TYPES = ['language', 'region'];
package/dist/collection/components/post-linkarea/post-linkarea.css CHANGED
@@ -1 +1 @@
1
- :host{display:contents;cursor:pointer}
1
+ post-linkarea{display:contents;cursor:pointer}