@swisspost/design-system-components 10.0.0-next.52 → 10.0.0-next.54

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 (129) hide show
  1. package/dist/cjs/{package-B7Ni5Tuu.js → package-CvZxvdTJ.js} +1 -1
  2. package/dist/cjs/post-accordion_2.cjs.entry.js +1 -1
  3. package/dist/cjs/post-avatar.cjs.entry.js +1 -1
  4. package/dist/cjs/post-back-to-top.cjs.entry.js +1 -1
  5. package/dist/cjs/post-banner.cjs.entry.js +2 -2
  6. package/dist/cjs/post-breadcrumb-item_2.cjs.entry.js +1 -1
  7. package/dist/cjs/post-breadcrumbs.cjs.entry.js +1 -1
  8. package/dist/cjs/post-card-control.cjs.entry.js +1 -1
  9. package/dist/cjs/post-closebutton_15.cjs.entry.js +58 -20
  10. package/dist/cjs/post-collapsible_2.cjs.entry.js +1 -1
  11. package/dist/cjs/post-footer.cjs.entry.js +1 -1
  12. package/dist/cjs/post-linkarea.cjs.entry.js +1 -1
  13. package/dist/cjs/post-popover-trigger.cjs.entry.js +1 -1
  14. package/dist/cjs/post-popover.cjs.entry.js +1 -1
  15. package/dist/cjs/post-rating.cjs.entry.js +1 -1
  16. package/dist/cjs/post-tab-header.cjs.entry.js +1 -1
  17. package/dist/cjs/post-tab-panel.cjs.entry.js +1 -1
  18. package/dist/cjs/post-tabs.cjs.entry.js +1 -1
  19. package/dist/cjs/post-tooltip-trigger.cjs.entry.js +1 -1
  20. package/dist/cjs/post-tooltip.cjs.entry.js +1 -1
  21. package/dist/collection/components/post-banner/post-banner.css +1 -1
  22. package/dist/collection/components/post-megadropdown/post-megadropdown.js +4 -2
  23. package/dist/collection/components/post-menu/post-menu.js +7 -5
  24. package/dist/collection/components/post-popovercontainer/post-popovercontainer.js +50 -12
  25. package/dist/components/package.js +1 -1
  26. package/dist/components/post-banner.js +1 -1
  27. package/dist/components/post-megadropdown.js +4 -2
  28. package/dist/components/post-menu2.js +7 -5
  29. package/dist/components/post-popovercontainer2.js +46 -12
  30. package/dist/components/react/{p-DnqwBx5e.js → p-2U_BGLjc.js} +1 -1
  31. package/dist/components/react/{p-C4zJkcAb.js → p-BK474oMI.js} +1 -1
  32. package/dist/components/react/{p-CQhnMei5.js → p-BUxAs8N5.js} +1 -1
  33. package/dist/components/react/p-BXRsHuTS.js +3 -0
  34. package/dist/components/react/{p-By7jk8fL.js → p-BfLuYwf7.js} +1 -1
  35. package/dist/components/react/{p-Dl8clYLV.js → p-Ccgu_WOx.js} +2 -2
  36. package/dist/components/react/{p-BL8WEb6K.js → p-D3CFjhAf.js} +2 -2
  37. package/dist/components/react/{p-lC8Sp5tg.js → p-D4NSCxrX.js} +1 -1
  38. package/dist/components/react/{p-DnhWNGb-.js → p-DVxZMuPW.js} +1 -1
  39. package/dist/components/react/{p-CrEdcwed.js → p-Dj7qWba5.js} +4 -4
  40. package/dist/components/react/{p-B35HsBxh.js → p-mENtrn2l.js} +47 -13
  41. package/dist/components/react/{p-Due3yZDR.js → p-nSFSgY-P.js} +9 -7
  42. package/dist/components/react/post-accordion-item.js +1 -1
  43. package/dist/components/react/post-accordion.js +1 -1
  44. package/dist/components/react/post-avatar.js +1 -1
  45. package/dist/components/react/post-back-to-top.js +2 -2
  46. package/dist/components/react/post-banner.js +2 -2
  47. package/dist/components/react/post-breadcrumb-item.js +1 -1
  48. package/dist/components/react/post-breadcrumbs.js +7 -7
  49. package/dist/components/react/post-card-control.js +2 -2
  50. package/dist/components/react/post-closebutton.js +1 -1
  51. package/dist/components/react/post-collapsible-trigger.js +1 -1
  52. package/dist/components/react/post-collapsible.js +1 -1
  53. package/dist/components/react/post-footer.js +6 -6
  54. package/dist/components/react/post-header.js +1 -1
  55. package/dist/components/react/post-icon.js +1 -1
  56. package/dist/components/react/post-language-option.js +1 -1
  57. package/dist/components/react/post-language-switch.js +5 -5
  58. package/dist/components/react/post-linkarea.js +1 -1
  59. package/dist/components/react/post-list-item.js +1 -1
  60. package/dist/components/react/post-list.js +1 -1
  61. package/dist/components/react/post-logo.js +1 -1
  62. package/dist/components/react/post-mainnavigation.js +2 -2
  63. package/dist/components/react/post-megadropdown-trigger.js +1 -1
  64. package/dist/components/react/post-megadropdown.js +5 -3
  65. package/dist/components/react/post-menu-item.js +1 -1
  66. package/dist/components/react/post-menu-trigger.js +1 -1
  67. package/dist/components/react/post-menu.js +1 -1
  68. package/dist/components/react/post-popover-trigger.js +1 -1
  69. package/dist/components/react/post-popover.js +4 -4
  70. package/dist/components/react/post-popovercontainer.js +1 -1
  71. package/dist/components/react/post-rating.js +2 -2
  72. package/dist/components/react/post-tab-header.js +1 -1
  73. package/dist/components/react/post-tab-panel.js +1 -1
  74. package/dist/components/react/post-tabs.js +1 -1
  75. package/dist/components/react/post-togglebutton.js +1 -1
  76. package/dist/components/react/post-tooltip-trigger.js +1 -1
  77. package/dist/components/react/post-tooltip.js +2 -2
  78. package/dist/docs.json +5 -1
  79. package/dist/esm/package-BXRsHuTS.js +3 -0
  80. package/dist/esm/post-accordion_2.entry.js +1 -1
  81. package/dist/esm/post-avatar.entry.js +1 -1
  82. package/dist/esm/post-back-to-top.entry.js +1 -1
  83. package/dist/esm/post-banner.entry.js +2 -2
  84. package/dist/esm/post-breadcrumb-item_2.entry.js +1 -1
  85. package/dist/esm/post-breadcrumbs.entry.js +1 -1
  86. package/dist/esm/post-card-control.entry.js +1 -1
  87. package/dist/esm/post-closebutton_15.entry.js +58 -20
  88. package/dist/esm/post-collapsible_2.entry.js +1 -1
  89. package/dist/esm/post-footer.entry.js +1 -1
  90. package/dist/esm/post-linkarea.entry.js +1 -1
  91. package/dist/esm/post-popover-trigger.entry.js +1 -1
  92. package/dist/esm/post-popover.entry.js +1 -1
  93. package/dist/esm/post-rating.entry.js +1 -1
  94. package/dist/esm/post-tab-header.entry.js +1 -1
  95. package/dist/esm/post-tab-panel.entry.js +1 -1
  96. package/dist/esm/post-tabs.entry.js +1 -1
  97. package/dist/esm/post-tooltip-trigger.entry.js +1 -1
  98. package/dist/esm/post-tooltip.entry.js +1 -1
  99. package/dist/post-components/{p-50a5c57f.entry.js → p-02ea3ec5.entry.js} +1 -1
  100. package/dist/post-components/{p-a92b241a.entry.js → p-0e92dbef.entry.js} +1 -1
  101. package/dist/post-components/{p-81d78878.entry.js → p-0ec2bdd7.entry.js} +1 -1
  102. package/dist/post-components/{p-9e461598.entry.js → p-11c204e0.entry.js} +1 -1
  103. package/dist/post-components/{p-f62f52d7.entry.js → p-197a0f25.entry.js} +1 -1
  104. package/dist/post-components/{p-8a6467b4.entry.js → p-261b1452.entry.js} +1 -1
  105. package/dist/post-components/{p-47e43863.entry.js → p-3274ab81.entry.js} +1 -1
  106. package/dist/post-components/{p-6d8f95de.entry.js → p-658b1ccc.entry.js} +1 -1
  107. package/dist/post-components/{p-2f8cad6c.entry.js → p-77e43032.entry.js} +1 -1
  108. package/dist/post-components/{p-173dcaab.entry.js → p-8f0fc02a.entry.js} +1 -1
  109. package/dist/post-components/{p-1096ed89.entry.js → p-96750e25.entry.js} +1 -1
  110. package/dist/post-components/p-BXRsHuTS.js +1 -0
  111. package/dist/post-components/p-b5b5e4b9.entry.js +1 -0
  112. package/dist/post-components/p-b8059ba1.entry.js +1 -0
  113. package/dist/post-components/{p-1d7418ce.entry.js → p-bf41fe56.entry.js} +1 -1
  114. package/dist/post-components/{p-c84e7f02.entry.js → p-d6134e24.entry.js} +1 -1
  115. package/dist/post-components/p-e7029b9e.entry.js +1 -0
  116. package/dist/post-components/{p-e37d9a31.entry.js → p-e90688ab.entry.js} +1 -1
  117. package/dist/post-components/{p-264c5f97.entry.js → p-ea5da614.entry.js} +1 -1
  118. package/dist/post-components/{p-290ea78f.entry.js → p-f1b815b6.entry.js} +1 -1
  119. package/dist/post-components/post-components.esm.js +1 -1
  120. package/dist/types/components/post-popovercontainer/post-popovercontainer.d.ts +5 -0
  121. package/hydrate/index.js +59 -21
  122. package/hydrate/index.mjs +59 -21
  123. package/package.json +4 -4
  124. package/dist/components/react/p-kxuZ8mOU.js +0 -3
  125. package/dist/esm/package-kxuZ8mOU.js +0 -3
  126. package/dist/post-components/p-12183522.entry.js +0 -1
  127. package/dist/post-components/p-244a47db.entry.js +0 -1
  128. package/dist/post-components/p-72e56701.entry.js +0 -1
  129. package/dist/post-components/p-kxuZ8mOU.js +0 -1
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var index = require('./index-Cb8CTrOz.js');
4
- var _package = require('./package-B7Ni5Tuu.js');
4
+ var _package = require('./package-CvZxvdTJ.js');
5
5
  var index$1 = require('./index-DtvYdwe1.js');
6
6
  require('./breakpoints-CEkeixld.js');
7
7
 
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var index = require('./index-Cb8CTrOz.js');
4
- var _package = require('./package-B7Ni5Tuu.js');
4
+ var _package = require('./package-CvZxvdTJ.js');
5
5
  var index$1 = require('./index-DtvYdwe1.js');
6
6
  require('./breakpoints-CEkeixld.js');
7
7
 
@@ -3,7 +3,7 @@
3
3
  var index$1 = require('./index-Cb8CTrOz.js');
4
4
  var index = require('./index-DtvYdwe1.js');
5
5
  require('./breakpoints-CEkeixld.js');
6
- var _package = require('./package-B7Ni5Tuu.js');
6
+ var _package = require('./package-CvZxvdTJ.js');
7
7
 
8
8
  const postCardControlCss = ".form-check{display:flex;flex-wrap:wrap;align-items:flex-start;width:fit-content;border-radius:var(--post-device-border-radius-focus)}.form-check-inline{display:inline-flex;vertical-align:top}fieldset>.form-check-inline:not(:last-of-type){margin-right:var(--post-core-dimension-24)}.form-check:has(>input:not(:only-child)){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}.form-check:has(>input:not(:only-child)):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){.form-check:has(>input:not(:only-child)):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.form-check:has(>input:not(:only-child)):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){.form-check:has(>input:not(:only-child)):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.form-check:has(>input:not(:only-child))>input{outline:none !important}.form-check:has(input[type=checkbox]):not(.form-switch){padding-block:var(--post-device-spacing-padding-block-19)}fieldset>.form-check:has(input[type=checkbox]):not(.form-switch):not(:last-of-type){margin-bottom:var(--post-device-spacing-gap-4)}.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox]~label{padding-block:var(--post-device-spacing-padding-block-20);padding-inline-start:var(--post-device-spacing-gap-inline-12);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox]:not([disabled])~label{cursor:pointer}.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox]:not([disabled]):hover~label{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox]:not([disabled]):hover~label{color:Highlight}}.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox][disabled]~label{color:var(--post-scheme-color-interactive-primary-disabled-fg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(input[type=checkbox]):not(.form-switch)>input[type=checkbox][disabled]~label{color:GrayText}}.form-check.form-switch>input[type=checkbox]~label{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.form-check.form-switch>input[type=checkbox]:not([disabled])~label{cursor:pointer}.form-check.form-switch>input[type=checkbox]:not([disabled]):hover~label{color:var(--post-scheme-color-interactive-primary-enabled-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check.form-switch>input[type=checkbox]:not([disabled]):hover~label{color:Highlight}}.form-check.form-switch>input[type=checkbox][disabled]~label{color:var(--post-scheme-color-interactive-primary-disabled-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check.form-switch>input[type=checkbox][disabled]~label{color:GrayText}}.form-check:has(input[type=radio]){padding-block:var(--post-device-spacing-padding-block-19)}fieldset>.form-check:has(input[type=radio]):not(:last-of-type){margin-bottom:var(--post-device-spacing-gap-4)}.form-check:has(input[type=radio])>input[type=radio]~label{padding-block:var(--post-device-spacing-padding-block-20);padding-inline-start:var(--post-device-spacing-gap-inline-12);color:var(--post-scheme-color-interactive-primary-enabled-fg1)}.form-check:has(input[type=radio])>input[type=radio]:not([disabled])~label{cursor:pointer}.form-check:has(input[type=radio])>input[type=radio]:not([disabled]):hover~label{color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(input[type=radio])>input[type=radio]:not([disabled]):hover~label{color:Highlight}}.form-check:has(input[type=radio])>input[type=radio][disabled]~label{color:var(--post-scheme-color-interactive-primary-disabled-fg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:has(input[type=radio])>input[type=radio][disabled]~label{color:GrayText}}.form-check>label{transition:color 250ms cubic-bezier(0.4, 0, 0.2, 1);flex:1}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>label{transition:none}}:where(.form-check>input[type=checkbox]){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}:where(.form-check>input[type=checkbox]):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){:where(.form-check>input[type=checkbox]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:where(.form-check>input[type=checkbox]):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){:where(.form-check>input[type=checkbox]):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.form-check:not(.form-switch):has(input[type=checkbox])>input{appearance:none;flex:none;display:inline-flex;margin:var(--post-device-spacing-padding-1);margin-block:calc(var(--post-device-spacing-padding-1) + var(--post-device-spacing-padding-block-18));width:var(--post-device-sizing-interactive-icon-size);height:var(--post-device-sizing-interactive-icon-size);background-color:var(--post-scheme-color-interactive-primary-enabled-bg3);border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke);border-radius:var(--post-core-dimension-2);color:var(--post-scheme-color-interactive-primary-enabled-fg1);vertical-align:top;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input{background-color:Field;border-color:FieldText;color:FieldText;transition:none}}.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]){cursor:pointer}.form-check:not(.form-switch):has(input[type=checkbox])>input::after{display:block;content:\"\";width:100%;height:100%;mask-size:var(--post-device-sizing-interactive-icon-size);mask-repeat:no-repeat;mask-position:center}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input:checked,.form-check:not(.form-switch):has(input[type=checkbox])>input:indeterminate{background-color:SelectedItem}}.form-check:not(.form-switch):has(input[type=checkbox])>input:checked::after,.form-check:not(.form-switch):has(input[type=checkbox])>input:indeterminate::after{background-color:currentColor}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input:checked::after,.form-check:not(.form-switch):has(input[type=checkbox])>input:indeterminate::after{background-color:SelectedItemText}}.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover{background-color:var(--post-scheme-color-interactive-primary-hover-bg3);border-color:var(--post-scheme-color-interactive-primary-hover-stroke);color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover{background-color:Field;border-color:Highlight}.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover:checked::after,.form-check:not(.form-switch):has(input[type=checkbox])>input:not([disabled]):hover:indeterminate::after{background-color:Highlight}}.form-check:not(.form-switch):has(input[type=checkbox])>input:checked::after{mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path d='M7.51712 12.1332L4.30712 8.69325C4.02712 8.39325 4.03712 7.91325 4.34712 7.63325C4.64712 7.35325 5.12712 7.36325 5.40712 7.67325L7.31712 9.72325L10.7171 4.57325C10.9471 4.22325 11.4071 4.13325 11.7571 4.36325C12.1071 4.59325 12.1971 5.05325 11.9671 5.40325L7.51712 12.1332Z'/></svg>\")}.form-check:not(.form-switch):has(input[type=checkbox])>input:indeterminate::after{mask-image:url(\"data:image/svg+xml,<svg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path d='M11.21 8.5H4.75C4.34 8.5 4 8.16 4 7.75C4 7.34 4.34 7 4.75 7H11.21C11.62 7 11.96 7.34 11.96 7.75C11.96 8.16 11.62 8.5 11.21 8.5Z'/></svg>\")}.form-check:not(.form-switch):has(input[type=checkbox])>input[disabled]{background-color:var(--post-scheme-color-interactive-primary-disabled-bg6);border:var(--post-device-border-width-default) var(--post-core-border-style-dash) var(--post-scheme-color-interactive-primary-disabled-stroke4);color:var(--post-scheme-color-interactive-primary-disabled-fg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check:not(.form-switch):has(input[type=checkbox])>input[disabled]{background-color:Field;border-color:GrayText}.form-check:not(.form-switch):has(input[type=checkbox])>input[disabled]:checked::after,.form-check:not(.form-switch):has(input[type=checkbox])>input[disabled]:indeterminate::after{background-color:GrayText}}:where(.form-check>input[type=radio]){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}:where(.form-check>input[type=radio]):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){:where(.form-check>input[type=radio]):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){:where(.form-check>input[type=radio]):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){:where(.form-check>input[type=radio]):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.form-check>input[type=radio]{appearance:none;flex:none;display:inline-flex;justify-content:center;align-items:center;margin-block:calc(var(--post-device-spacing-padding-1) + var(--post-device-spacing-padding-block-18));margin-inline:var(--post-device-spacing-padding-1);width:var(--post-device-sizing-interactive-icon-size);height:var(--post-device-sizing-interactive-icon-size);background-color:var(--post-scheme-color-interactive-primary-enabled-bg3);border:var(--post-device-border-width-default) var(--post-core-border-style-solid) var(--post-scheme-color-interactive-primary-enabled-stroke);border-radius:var(--post-device-border-radius-round);color:var(--post-scheme-color-interactive-primary-enabled-fg1);vertical-align:top;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1),border-color 250ms cubic-bezier(0.4, 0, 0.2, 1),color 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio]{background-color:Field;border-color:FieldText;color:FieldText;transition:none}}.form-check>input[type=radio]:not([disabled]){cursor:pointer}.form-check>input[type=radio]::after{display:block;content:\"\";width:var(--post-device-sizing-icon-3);height:var(--post-device-sizing-icon-3);border-radius:inherit}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio]:checked{background-color:SelectedItem}.form-check>input[type=radio]:checked::after{background-color:SelectedItemText !important}}.form-check>input[type=radio]:checked::after{background-color:var(--post-scheme-color-interactive-primary-enabled-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio]:checked::after{background-color:FieldText}}.form-check>input[type=radio]:not([disabled]):hover{background-color:var(--post-scheme-color-interactive-primary-hover-bg3);border-color:var(--post-scheme-color-interactive-primary-hover-stroke);color:var(--post-scheme-color-interactive-primary-hover-fg1)}.form-check>input[type=radio]:not([disabled]):hover:checked::after{background-color:var(--post-scheme-color-interactive-primary-hover-fg1)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio]:not([disabled]):hover{background-color:Field;border-color:Highlight}.form-check>input[type=radio]:not([disabled]):hover:checked::after{background-color:Highlight !important}}.form-check>input[type=radio][disabled]{background-color:var(--post-scheme-color-interactive-primary-disabled-bg6);border:var(--post-device-border-width-default) var(--post-core-border-style-dash) var(--post-scheme-color-interactive-primary-disabled-stroke4);color:var(--post-scheme-color-interactive-primary-disabled-fg4)}.form-check>input[type=radio][disabled]:checked::after{background-color:var(--post-scheme-color-interactive-primary-disabled-fg4)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.form-check>input[type=radio][disabled]{background-color:Field;border-color:GrayText}.form-check>input[type=radio][disabled]:checked::after{background-color:GrayText}}:host{--post-card-control-bg-context:.bg-yellow, .bg-white, .bg-light, .bg-gray, .bg-warning, .bg-info, .bg-success-background, .bg-warning-background, .bg-error-background, .bg-dark, .bg-black, .bg-primary, .bg-secondary, .bg-success, .bg-error;display:flex;width:100%}:host-context(fieldset):host(:not(:last-child)) .card-control{margin-block-end:var(--post-core-dimension-16)}.card-control{--post-card-control-border-color:hsl(0, 0%, 40%);--post-card-control-bg:#fff;--post-card-control-color:hsl(0, 0%, 20%);--post-card-control-input-border-color:hsl(0, 0%, 20%);--post-card-control-input-bg:#fff;flex-basis:100%;display:grid;grid-template:\"input label icon\" \"input content content\"/min-content auto min-content;align-items:center;gap:0 var(--post-core-dimension-8);margin:0;padding:var(--post-core-dimension-12);background-color:var(--post-card-control-bg);border:var(--post-core-dimension-2) solid var(--post-card-control-border-color);border-radius:4px;color:var(--post-card-control-color) !important;cursor:pointer}.card-control .card-control--input{grid-area:input;margin:var(--post-core-dimension-4) 0;background-color:var(--post-card-control-input-bg) !important;border-color:var(--post-card-control-input-border-color) !important;color:var(--post-card-control-input-border-color) !important;cursor:inherit;transition:none;outline:none !important}.card-control .card-control--input:hover:not([disabled]),.card-control .card-control--input:hover:not([disabled])~label.form-check-label{color:#000;background-color:rgba(0,0,0,0)}.card-control .card-control--input:focus,.card-control .card-control--input:focus-visible{box-shadow:none}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control .card-control--input::after{forced-color-adjust:none;border-color:rgba(0,0,0,0)}}.card-control .card-control--label{grid-area:label;margin:var(--post-core-dimension-4) 0;padding:0 !important;color:var(--post-current-fg) !important;pointer-events:none;transition:none}.card-control .card-control--label:not(:has(+.card-control--icon)){grid-area:1/label/1/icon}.card-control .card-control--description{grid-area:label;font-size:.75rem}.card-control .card-control--content{grid-area:content}.card-control .card-control--icon{grid-area:icon;width:var(--post-core-dimension-32);height:var(--post-core-dimension-32);pointer-events:none}.card-control .card-control--icon>slot>*{width:100%;height:100%}.card-control:not(.is-disabled).is-checked{--post-card-control-border-color:#000;--post-card-control-bg:#fc0}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control:not(.is-disabled).is-checked{--post-card-control-border-color:FieldText;--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;--post-card-control-input-border-color:SelectedItemText;--post-card-control-input-bg:SelectedItem}.card-control:not(.is-disabled).is-checked .card-control--input::after{background-color:var(--post-card-control-color) !important}}.card-control:not(.is-disabled).is-invalid{--post-card-control-border-color:#a51728;--post-card-control-color:#a51728;--post-card-control-input-border-color:#a51728}.card-control:not(.is-disabled):hover{--post-card-control-border-color:hsl(0, 0%, 20%);--post-card-control-bg:hsl(0, 0%, 40%);--post-card-control-color:#fff;--post-card-control-input-border-color:#000}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight;--post-card-control-input-bg:Field}.card-control:not(.is-disabled):hover .card-control--input::after{color:FieldText}}.card-control.is-focused:where(:has(.card-control--input:focus-visible)){outline-offset:var(--post-core-dimension-2);outline:var(--post-core-dimension-2) solid #1976c8}.card-control.is-disabled{--post-card-control-border-color:hsl(0, 0%, 40%);--post-card-control-bg:transparent;--post-card-control-color:hsl(0, 0%, 40%);--post-card-control-input-border-color:hsl(0, 0%, 40%);--post-card-control-input-bg:transparent;border-style:dashed;cursor:default}.card-control.is-disabled .card-control--input{padding:2px;border-style:dashed}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.card-control{--post-card-control-border-color:FieldText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:FieldText;--post-card-control-input-bg:Field;outline:var(--post-core-dimension-2) solid Field;outline-offset:calc(var(--post-core-dimension-2)*-2)}.card-control .card-control--input{outline:var(--post-core-dimension-2) solid Field}.card-control .card-control--input[type]{background-color:Field !important}.card-control .card-control--input::after{border-color:Field !important}.card-control .card-control--label,.card-control .card-control--content{background-color:var(--post-card-control-bg) !important}.card-control:not(.is-disabled).is-checked{--post-card-control-border-color:FieldText;--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;--post-card-control-input-border-color:FieldText}.card-control:not(.is-disabled).is-checked .card-control--input::after{background-color:FieldText !important}.card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight}.card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:GrayText;--post-card-control-input-bg:Field}.card-control.is-disabled .card-control--input{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%' height='100%' fill='none' stroke='GrayText' stroke-width='4px ' stroke-dasharray='2 1.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4 1.5 2 3.5 4 1.5 4 1.5 4' pathLength='88' /%3e%3c/svg%3e\")}.card-control.is-disabled .card-control--input[type=radio]{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%' height='100%' rx='100' ry='100' fill='none' stroke='GrayText' stroke-width='4px ' stroke-dasharray='4 2' /%3e%3c/svg%3e\")}.card-control.is-disabled.is-checked{--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;position:relative;background-color:Field}.card-control.is-disabled.is-checked::before{display:block;content:\"\";position:absolute;inset:var(--post-core-dimension-2);background-color:SelectedItem;z-index:1}.card-control.is-disabled.is-checked>*{position:relative;z-index:2}.card-control.is-disabled.is-checked .card-control--input::after{background-color:FieldText !important}}@media (forced-colors: active)and (forced-colors: active),(forced-colors: active)and (-ms-high-contrast: active),(forced-colors: active)and (-ms-high-contrast: white-on-black),(-ms-high-contrast: active)and (forced-colors: active),(-ms-high-contrast: active)and (-ms-high-contrast: active),(-ms-high-contrast: active)and (-ms-high-contrast: white-on-black),(-ms-high-contrast: white-on-black)and (forced-colors: active),(-ms-high-contrast: white-on-black)and (-ms-high-contrast: active),(-ms-high-contrast: white-on-black)and (-ms-high-contrast: white-on-black){.card-control{--post-card-control-border-color:GrayText;--post-card-control-color:GrayText;--post-card-control-input-border-color:GrayText}.card-control.is-checked{--post-card-control-input-bg:field;position:relative}.card-control.is-checked::before{display:block;content:\"\";position:absolute;inset:var(--post-core-dimension-2);border-radius:calc(var(--post-core-dimension-2)*.5);background-color:SelectedItem}.card-control.is-checked>*{position:relative}.card-control.is-checked .card-control--input{outline:var(--post-core-dimension-2) solid Field}}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control{--post-card-control-border-color:#fff;--post-card-control-bg:transparent;--post-card-control-color:#fff;--post-card-control-input-border-color:#fff;--post-card-control-input-bg:transparent}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:#fc0;--post-card-control-bg:#fc0;--post-card-control-color:hsl(0, 0%, 20%);--post-card-control-input-border-color:hsl(0, 0%, 20%);--post-card-control-input-bg:#fff}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled).is-invalid{--post-card-control-border-color:#a51728;--post-card-control-bg:#ffdade;--post-card-control-color:#a51728;--post-card-control-input-border-color:#a51728;--post-card-control-input-bg:#fff}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled).is-invalid:where(.is-checked){--post-card-control-bg:#fc0}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled):hover{--post-card-control-border-color:#000;--post-card-control-bg:hsl(0, 0%, 80%);--post-card-control-color:#000;--post-card-control-input-border-color:#000;--post-card-control-input-bg:#fff}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight;--post-card-control-input-bg:Field}}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-focused:where(:has(.card-control--input:focus-visible)){outline-color:#fff}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled{--post-card-control-border-color:post.$white-alpha-80;--post-card-control-bg:transparent;--post-card-control-color:post.$white-alpha-80;--post-card-control-input-border-color:post.$white-alpha-80;--post-card-control-input-bg:transparent}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-color:GrayText;--post-card-control-input-border-color:GrayText}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled.is-checked{--post-card-control-input-bg:Field}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control{--post-card-control-border-color:FieldText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:FieldText;--post-card-control-input-bg:Field}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:FieldText;--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;--post-card-control-input-border-color:FieldText}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:GrayText;--post-card-control-input-bg:Field}:host-context(:is(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error)) .card-control.is-disabled.is-checked{--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText}}:host(:not([data-context])){display:none}:host([data-context*=fieldset]:not(:last-child)) .card-control{margin-block-end:var(--post-core-dimension-16)}:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control{--post-card-control-border-color:#fff;--post-card-control-bg:transparent;--post-card-control-color:#fff;--post-card-control-input-border-color:#fff;--post-card-control-input-bg:transparent}:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:#fc0;--post-card-control-bg:#fc0;--post-card-control-color:hsl(0, 0%, 20%);--post-card-control-input-border-color:hsl(0, 0%, 20%);--post-card-control-input-bg:#fff}:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control:not(.is-disabled).is-invalid{--post-card-control-border-color:#a51728;--post-card-control-bg:#ffdade;--post-card-control-color:#a51728;--post-card-control-input-border-color:#a51728;--post-card-control-input-bg:#fff}:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control:not(.is-disabled).is-invalid:where(.is-checked){--post-card-control-bg:#fc0}:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control:not(.is-disabled):hover{--post-card-control-border-color:#000;--post-card-control-bg:hsl(0, 0%, 80%);--post-card-control-color:#000;--post-card-control-input-border-color:#000;--post-card-control-input-bg:#fff}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight;--post-card-control-input-bg:Field}}:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control.is-focused:where(:has(.card-control--input:focus-visible)){outline-color:#fff}:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control.is-disabled{--post-card-control-border-color:post.$white-alpha-80;--post-card-control-bg:transparent;--post-card-control-color:post.$white-alpha-80;--post-card-control-input-border-color:post.$white-alpha-80;--post-card-control-input-bg:transparent}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-color:GrayText;--post-card-control-input-border-color:GrayText}:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control.is-disabled.is-checked{--post-card-control-input-bg:Field}}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control{--post-card-control-border-color:FieldText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:FieldText;--post-card-control-input-bg:Field}:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control:not(.is-disabled).is-checked{--post-card-control-border-color:FieldText;--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText;--post-card-control-input-border-color:FieldText}:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control:not(.is-disabled):hover{--post-card-control-border-color:Highlight;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:Highlight}:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control.is-disabled{--post-card-control-border-color:GrayText;--post-card-control-bg:Field;--post-card-control-color:FieldText;--post-card-control-input-border-color:GrayText;--post-card-control-input-bg:Field}:host(:is([data-context*=\".bg-dark\"],[data-context*=\".bg-black\"],[data-context*=\".bg-primary\"],[data-context*=\".bg-secondary\"],[data-context*=\".bg-success\"],[data-context*=\".bg-error\"])) .card-control.is-disabled.is-checked{--post-card-control-bg:SelectedItem;--post-card-control-color:SelectedItemText}}";
9
9
 
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var index = require('./index-Cb8CTrOz.js');
4
- var _package = require('./package-B7Ni5Tuu.js');
4
+ var _package = require('./package-CvZxvdTJ.js');
5
5
  var index$1 = require('./index-DtvYdwe1.js');
6
6
  var breakpoints = require('./breakpoints-CEkeixld.js');
7
7
  var getFocusableChildren = require('./get-focusable-children-Bx63XUQg.js');
@@ -934,7 +934,9 @@ const PostMegadropdown = class {
934
934
  if (PostMegadropdown.activeDropdown === this) {
935
935
  PostMegadropdown.activeDropdown = null;
936
936
  }
937
- this.defaultSlotObserver.disconnect();
937
+ if (this.defaultSlotObserver) {
938
+ this.defaultSlotObserver.disconnect();
939
+ }
938
940
  }
939
941
  /**
940
942
  * Toggles the dropdown visibility based on its current state.
@@ -1101,7 +1103,7 @@ const PostMegadropdown = class {
1101
1103
  }
1102
1104
  render() {
1103
1105
  const containerStyle = this.isVisible ? {} : { display: 'none' };
1104
- return (index.h(index.Host, { key: '341ea7fd69a095bc0f18b0f73c3ac5247784dd33', version: _package.version }, index.h("div", { key: '078435c707ec6b2e0d51f8adad5502729513af63', class: `megadropdown-container ${this.animationClass || ''}`, style: containerStyle, onAnimationEnd: () => this.handleAnimationEnd() }, index.h("div", { key: 'ad92234d06bccbc60a2e1a6cc63634535646c4f7', class: "megadropdown" }, index.h("slot", { key: 'f9779e130c7709912c12d30b554ff8f478840628', name: "megadropdown-title" }), index.h("slot", { key: 'e079e0381a0ce7e3ab7efd974cdf36e6938a378d', name: "megadropdown-overview-link" }), index.h("div", { key: '508d4e9bddb727e960aa6f2dc15515f1718aa2b9', class: "megadropdown-content" }, index.h("slot", { key: '442bb0b169824ed66ae5e7da9acd6bb7d759b6f5' })), index.h("div", { key: 'cc278c0b5680019270206fbde4ce7a83341a029a', onClick: () => this.hide(true), class: "back-button" }, index.h("slot", { key: '9c42fa29e89f60af62ab5d04d01e1764b36ebec4', name: "back-button" })), index.h("div", { key: '62bcc5bcc348cb45289ded98273804ab547471ef', onClick: () => this.hide(true), class: "close-button" }, index.h("slot", { key: '2cdf1d72f62a162bfb1596507063315430953096', name: "close-button" }))))));
1106
+ return (index.h(index.Host, { key: 'd111d8d93a9b64018f3df88813da8f6d1c65759e', version: _package.version }, index.h("div", { key: 'd7cb2b98624c9241108bc66cc11c15c0a2e7acf3', class: `megadropdown-container ${this.animationClass || ''}`, style: containerStyle, onAnimationEnd: () => this.handleAnimationEnd() }, index.h("div", { key: '9f0280b6f28f19ee7f9ba4707209b64b38759927', class: "megadropdown" }, index.h("slot", { key: '71f2521e1ab13406dd986c18a7c52e171148b0b0', name: "megadropdown-title" }), index.h("slot", { key: '148de1446aade76b074e155d07b70e775fc9612c', name: "megadropdown-overview-link" }), index.h("div", { key: '269c1e1db66acb7c274c720a9f715d29e875ef54', class: "megadropdown-content" }, index.h("slot", { key: '444040337c57e64bcc57f56415c4c40513ef0a5b' })), index.h("div", { key: 'f97d8c578ee19b5ba7d593e5d110e3b283255087', onClick: () => this.hide(true), class: "back-button" }, index.h("slot", { key: 'dc04da3a42714e2e8742ab8ed25bcc288a236294', name: "back-button" })), index.h("div", { key: '354eca51a5aef76d483a30e595bedfa95792d7ce', onClick: () => this.hide(true), class: "close-button" }, index.h("slot", { key: '28693622360c0da91f3051426be545852c5ec337', name: "close-button" }))))));
1105
1107
  }
1106
1108
  get host() { return index.getElement(this); }
1107
1109
  };
@@ -1283,10 +1285,12 @@ const PostMenu = class {
1283
1285
  this.toggleMenu.emit(this.isVisible);
1284
1286
  if (this.isVisible) {
1285
1287
  this.lastFocusedElement = this.root?.activeElement;
1286
- const menuItems = this.getSlottedItems();
1287
- if (menuItems.length > 0) {
1288
- menuItems[0].focus();
1289
- }
1288
+ requestAnimationFrame(() => {
1289
+ const menuItems = this.getSlottedItems();
1290
+ if (menuItems.length > 0) {
1291
+ menuItems[0].focus();
1292
+ }
1293
+ });
1290
1294
  }
1291
1295
  else if (this.lastFocusedElement) {
1292
1296
  this.lastFocusedElement.focus();
@@ -1400,7 +1404,7 @@ const PostMenu = class {
1400
1404
  .flatMap(el => Array.from(getFocusableChildren.getFocusableChildren(el))));
1401
1405
  }
1402
1406
  render() {
1403
- return (index.h(index.Host, { key: '092a180331d50cfe701ad440569e0e6bd4bcd0c8', "data-version": _package.version }, index.h("post-popovercontainer", { key: '96f33df1a47d2fb1f6f862a7d7f97def5fd8b642', onPostShow: this.handlePostShown, onPostToggle: this.handlePostToggled, placement: this.placement, ref: e => (this.popoverRef = e) }, index.h("div", { key: '5d23d1059dd1cf68ac817acc8227129267a3c5a4', part: "menu" }, index.h("slot", { key: '020fbf8912393d85cd5a6fd9f65fdf264f2ba6f6', name: "header" }), index.h("slot", { key: '07cd9cb978ec85dd7fbbaed527520b97484e2030' })))));
1407
+ return (index.h(index.Host, { key: 'eef3d3cdf2553c2627ddf580a95c70f00c02d388', "data-version": _package.version }, index.h("post-popovercontainer", { key: '27c3341bec9d4ee98b59f70e902913f03954c32c', onPostShow: this.handlePostShown, onPostToggle: this.handlePostToggled, placement: this.placement, ref: e => (this.popoverRef = e) }, index.h("div", { key: 'ef6c0ab8b6de380c23f6562a3d0ba34d9eaace98', part: "menu" }, index.h("slot", { key: 'edca1d3e9ab11d016ba18baf9f8d6aa65bb71958', name: "header" }), index.h("slot", { key: '40596847f9bac957a5992364997f0bcd8fd6a704' })))));
1404
1408
  }
1405
1409
  get host() { return index.getElement(this); }
1406
1410
  static get watchers() { return {
@@ -4254,6 +4258,7 @@ const PostPopovercontainer = class {
4254
4258
  * Whether or not the popovercontainer should close when user clicks outside of it
4255
4259
  */
4256
4260
  this.manualClose = false;
4261
+ this.currentAnimation = null;
4257
4262
  }
4258
4263
  validatePlacement() {
4259
4264
  index$1.checkEmptyOrOneOf(this, 'placement', placement.PLACEMENT_TYPES);
@@ -4295,8 +4300,6 @@ const PostPopovercontainer = class {
4295
4300
  if (this.toggleTimeoutId)
4296
4301
  return;
4297
4302
  this.eventTarget = target;
4298
- if (this.toggleTimeoutId)
4299
- return;
4300
4303
  this.calculatePosition();
4301
4304
  this.host.showPopover();
4302
4305
  }
@@ -4307,17 +4310,19 @@ const PostPopovercontainer = class {
4307
4310
  const content = this.host.querySelector('.popover-content');
4308
4311
  this.startAutoupdates();
4309
4312
  if (content) {
4310
- const animation = popIn(content);
4311
- if (animation?.playState === 'running') {
4313
+ // Only run animation and emit related events if animation is defined
4314
+ if (this.animation === null) {
4315
+ // No animation case
4312
4316
  this.postBeforeToggle.emit({ willOpen: true });
4313
4317
  this.postBeforeShow.emit({ first: this.hasOpenedOnce });
4314
- }
4315
- animation?.finished.then(() => {
4316
4318
  this.postToggle.emit({ isOpen: true });
4317
4319
  this.postShow.emit({ first: this.hasOpenedOnce });
4318
4320
  if (this.hasOpenedOnce)
4319
4321
  this.hasOpenedOnce = false;
4320
- });
4322
+ }
4323
+ else {
4324
+ this.runOpenAnimation(content);
4325
+ }
4321
4326
  }
4322
4327
  if (this.safeSpace) {
4323
4328
  window.addEventListener('mousemove', this.mouseTrackingHandler.bind(this));
@@ -4333,17 +4338,50 @@ const PostPopovercontainer = class {
4333
4338
  if (this.safeSpace) {
4334
4339
  window.removeEventListener('mousemove', this.mouseTrackingHandler.bind(this));
4335
4340
  }
4341
+ // Cancel any running animation
4342
+ if (this.animation !== null && this.currentAnimation) {
4343
+ this.currentAnimation.cancel();
4344
+ this.currentAnimation = null;
4345
+ }
4346
+ this.postBeforeToggle.emit({ willOpen: false });
4336
4347
  this.postToggle.emit({ isOpen: false });
4337
4348
  this.postHide.emit();
4338
4349
  }
4350
+ /**
4351
+ * Runs the animation and emits the toggle/show/hide events in the correct timing
4352
+ */
4353
+ async runOpenAnimation(element) {
4354
+ let animation;
4355
+ try {
4356
+ animation = popIn(element);
4357
+ this.currentAnimation = animation;
4358
+ if (animation.playState === 'running') {
4359
+ this.postBeforeToggle.emit({ willOpen: true });
4360
+ this.postBeforeShow.emit({ first: this.hasOpenedOnce });
4361
+ }
4362
+ await animation.finished;
4363
+ this.postToggle.emit({ isOpen: true });
4364
+ this.postShow.emit({ first: this.hasOpenedOnce });
4365
+ this.hasOpenedOnce = true;
4366
+ }
4367
+ catch (err) {
4368
+ console.warn('Animation failed or was interrupted:', err);
4369
+ // Reset all states to closing
4370
+ this.postBeforeToggle.emit({ willOpen: false });
4371
+ this.postBeforeShow.emit({ first: this.hasOpenedOnce });
4372
+ this.postToggle.emit({ isOpen: false });
4373
+ }
4374
+ finally {
4375
+ if (this.currentAnimation === animation) {
4376
+ this.currentAnimation = null;
4377
+ }
4378
+ }
4379
+ }
4339
4380
  /**
4340
4381
  * Programmatically hide the popovercontainer
4341
4382
  */
4342
4383
  async hide() {
4343
4384
  if (!this.toggleTimeoutId) {
4344
- if (this.eventTarget && this.eventTarget instanceof HTMLElement) {
4345
- this.eventTarget.focus();
4346
- }
4347
4385
  this.eventTarget = null;
4348
4386
  this.host.hidePopover();
4349
4387
  this.postHide.emit();
@@ -4509,9 +4547,9 @@ const PostPopovercontainer = class {
4509
4547
  }
4510
4548
  }
4511
4549
  render() {
4512
- return (index.h(index.Host, { key: 'cdb25a25fbd5e411e380175a8d3789cec83e2755', "data-version": _package.version, popover: this.manualClose ? 'manual' : 'auto' }, index.h("div", { key: 'e99bcc4d5123b335b4b8be7044a80b2913ab6fce', class: "popover-content" }, this.arrow && (index.h("span", { key: '3c228829cc7e5bd83d7f1759ef163407ebcd10c5', class: "arrow", ref: el => {
4550
+ return (index.h(index.Host, { key: 'ec57bb478a7fe7d6449ef1ed4d91db4d0835ea4e', "data-version": _package.version, popover: this.manualClose ? 'manual' : 'auto' }, index.h("div", { key: '2969b3c6ef9441d06b9c913f47bb64e84006dbe4', class: "popover-content" }, this.arrow && (index.h("span", { key: '03b8addd0bee91d9358e9554f2d507b9a349e0db', class: "arrow", ref: el => {
4513
4551
  this.arrowRef = el;
4514
- } })), index.h("slot", { key: '6a213deed5ccfec47d4dee903c7544d30a3f5748' }))));
4552
+ } })), index.h("slot", { key: '2fb25dce5ea9e5f1044cde4839df61af34c8b667' }))));
4515
4553
  }
4516
4554
  get host() { return index.getElement(this); }
4517
4555
  static get watchers() { return {
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var index = require('./index-Cb8CTrOz.js');
4
- var _package = require('./package-B7Ni5Tuu.js');
4
+ var _package = require('./package-CvZxvdTJ.js');
5
5
  var breakpoints = require('./breakpoints-CEkeixld.js');
6
6
  var index$1 = require('./index-DtvYdwe1.js');
7
7
  var eventFrom = require('./event-from-CLvtSUKf.js');
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var index$1 = require('./index-Cb8CTrOz.js');
4
- var _package = require('./package-B7Ni5Tuu.js');
4
+ var _package = require('./package-CvZxvdTJ.js');
5
5
  var index = require('./index-DtvYdwe1.js');
6
6
  var breakpoints = require('./breakpoints-CEkeixld.js');
7
7
 
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var index = require('./index-Cb8CTrOz.js');
4
- var _package = require('./package-B7Ni5Tuu.js');
4
+ var _package = require('./package-CvZxvdTJ.js');
5
5
 
6
6
  const postLinkareaCss = ":host{display:block;cursor:pointer}";
7
7
 
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var index$1 = require('./index-Cb8CTrOz.js');
4
- var _package = require('./package-B7Ni5Tuu.js');
4
+ var _package = require('./package-CvZxvdTJ.js');
5
5
  var focusable = require('./focusable-D6snQLqS.js');
6
6
  var index = require('./index-DtvYdwe1.js');
7
7
  require('./breakpoints-CEkeixld.js');
@@ -2,7 +2,7 @@
2
2
 
3
3
  var index = require('./index-Cb8CTrOz.js');
4
4
  var placement = require('./placement-qEFR9hmI.js');
5
- var _package = require('./package-B7Ni5Tuu.js');
5
+ var _package = require('./package-CvZxvdTJ.js');
6
6
  var getFocusableChildren = require('./get-focusable-children-Bx63XUQg.js');
7
7
  var index$1 = require('./index-DtvYdwe1.js');
8
8
  require('./breakpoints-CEkeixld.js');
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var index$1 = require('./index-Cb8CTrOz.js');
4
- var _package = require('./package-B7Ni5Tuu.js');
4
+ var _package = require('./package-CvZxvdTJ.js');
5
5
  var index = require('./index-DtvYdwe1.js');
6
6
  require('./breakpoints-CEkeixld.js');
7
7
 
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var index = require('./index-Cb8CTrOz.js');
4
- var _package = require('./package-B7Ni5Tuu.js');
4
+ var _package = require('./package-CvZxvdTJ.js');
5
5
  var index$1 = require('./index-DtvYdwe1.js');
6
6
  require('./breakpoints-CEkeixld.js');
7
7
  var index_browser = require('./index.browser-Doj636JV.js');
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var index = require('./index-Cb8CTrOz.js');
4
- var _package = require('./package-B7Ni5Tuu.js');
4
+ var _package = require('./package-CvZxvdTJ.js');
5
5
  var index_browser = require('./index.browser-Doj636JV.js');
6
6
  var index$1 = require('./index-DtvYdwe1.js');
7
7
  require('./breakpoints-CEkeixld.js');
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var index = require('./index-Cb8CTrOz.js');
4
- var _package = require('./package-B7Ni5Tuu.js');
4
+ var _package = require('./package-CvZxvdTJ.js');
5
5
  var fade = require('./fade-nS5zzDQS.js');
6
6
  require('./breakpoints-CEkeixld.js');
7
7
 
@@ -3,7 +3,7 @@
3
3
  var index = require('./index-Cb8CTrOz.js');
4
4
  var breakpoints = require('./breakpoints-CEkeixld.js');
5
5
  var index$1 = require('./index-DtvYdwe1.js');
6
- var _package = require('./package-B7Ni5Tuu.js');
6
+ var _package = require('./package-CvZxvdTJ.js');
7
7
  var focusable = require('./focusable-D6snQLqS.js');
8
8
 
9
9
  const postTooltipTriggerCss = "post-tooltip-trigger{vertical-align:top}:host{cursor:pointer}";
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var index = require('./index-Cb8CTrOz.js');
4
- var _package = require('./package-B7Ni5Tuu.js');
4
+ var _package = require('./package-CvZxvdTJ.js');
5
5
  var index$1 = require('./index-DtvYdwe1.js');
6
6
  require('./breakpoints-CEkeixld.js');
7
7
  var placement = require('./placement-qEFR9hmI.js');