@aurodesignsystem-dev/auro-formkit 0.0.0-pr1488.2 → 0.0.0-pr1489.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (102) hide show
  1. package/components/bibtemplate/dist/auro-bibtemplate.d.ts +7 -0
  2. package/components/bibtemplate/dist/index.js +9 -1
  3. package/components/bibtemplate/dist/registered.js +9 -1
  4. package/components/checkbox/demo/customize.min.js +1 -1
  5. package/components/checkbox/demo/getting-started.min.js +1 -1
  6. package/components/checkbox/demo/index.min.js +1 -1
  7. package/components/checkbox/demo/pages.json +1 -1
  8. package/components/checkbox/demo/why-checkbox.html +57 -0
  9. package/components/checkbox/demo/why-checkbox.md +86 -0
  10. package/components/checkbox/dist/index.js +1 -1
  11. package/components/checkbox/dist/registered.js +1 -1
  12. package/components/combobox/demo/customize.min.js +234 -16
  13. package/components/combobox/demo/getting-started.min.js +234 -16
  14. package/components/combobox/demo/index.min.js +234 -16
  15. package/components/combobox/demo/pages.json +1 -1
  16. package/components/combobox/demo/why-combobox.html +57 -0
  17. package/components/combobox/demo/why-combobox.md +113 -0
  18. package/components/combobox/dist/index.js +234 -16
  19. package/components/combobox/dist/registered.js +234 -16
  20. package/components/counter/demo/customize.min.js +233 -15
  21. package/components/counter/demo/index.min.js +233 -15
  22. package/components/counter/demo/keyboard-behavior.md +1 -0
  23. package/components/counter/demo/pages.json +1 -1
  24. package/components/counter/demo/why-counter.html +57 -0
  25. package/components/counter/demo/why-counter.md +108 -0
  26. package/components/counter/dist/index.js +10 -2
  27. package/components/counter/dist/registered.js +10 -2
  28. package/components/datepicker/demo/accessibility.md +51 -3
  29. package/components/datepicker/demo/api.md +11 -2
  30. package/components/datepicker/demo/customize.html +2 -0
  31. package/components/datepicker/demo/customize.js +19 -0
  32. package/components/datepicker/demo/customize.md +72 -8
  33. package/components/datepicker/demo/customize.min.js +26029 -0
  34. package/components/datepicker/demo/design.md +3 -1
  35. package/components/datepicker/demo/index.js +5 -1
  36. package/components/datepicker/demo/index.md +83 -2
  37. package/components/datepicker/demo/index.min.js +1564 -96
  38. package/components/datepicker/demo/keyboard-behavior.md +201 -2
  39. package/components/datepicker/demo/pages.json +1 -1
  40. package/components/datepicker/demo/voiceover.md +19 -12
  41. package/components/datepicker/demo/why-datepicker.html +57 -0
  42. package/components/datepicker/demo/why-datepicker.md +133 -0
  43. package/components/datepicker/dist/index.js +1489 -97
  44. package/components/datepicker/dist/registered.js +1489 -97
  45. package/components/datepicker/dist/src/auro-calendar-cell.d.ts +66 -1
  46. package/components/datepicker/dist/src/auro-calendar-month.d.ts +28 -0
  47. package/components/datepicker/dist/src/auro-calendar.d.ts +100 -0
  48. package/components/datepicker/dist/src/auro-datepicker.d.ts +88 -0
  49. package/components/datepicker/dist/src/datepickerKeyboardStrategy.d.ts +5 -3
  50. package/components/dropdown/demo/accessibility.md +11 -0
  51. package/components/dropdown/demo/api.md +1 -0
  52. package/components/dropdown/demo/customize.md +3 -0
  53. package/components/dropdown/demo/customize.min.js +223 -13
  54. package/components/dropdown/demo/getting-started.min.js +223 -13
  55. package/components/dropdown/demo/index.min.js +223 -13
  56. package/components/dropdown/demo/keyboard-behavior.md +1 -0
  57. package/components/dropdown/demo/pages.json +1 -1
  58. package/components/dropdown/demo/why-dropdown.html +57 -0
  59. package/components/dropdown/demo/why-dropdown.md +97 -0
  60. package/components/dropdown/dist/auro-dropdown.d.ts +33 -1
  61. package/components/dropdown/dist/index.js +223 -13
  62. package/components/dropdown/dist/registered.js +223 -13
  63. package/components/form/demo/customize.min.js +2191 -145
  64. package/components/form/demo/getting-started.min.js +2191 -145
  65. package/components/form/demo/index.min.js +2191 -145
  66. package/components/form/demo/pages.json +1 -1
  67. package/components/form/demo/registerDemoDeps.min.js +2191 -145
  68. package/components/form/demo/why-form.html +57 -0
  69. package/components/form/demo/why-form.md +101 -0
  70. package/components/input/demo/customize.min.js +1 -1
  71. package/components/input/demo/getting-started.min.js +1 -1
  72. package/components/input/demo/index.min.js +1 -1
  73. package/components/input/demo/pages.json +1 -1
  74. package/components/input/demo/why-input.html +57 -0
  75. package/components/input/demo/why-input.md +121 -0
  76. package/components/input/dist/index.js +1 -1
  77. package/components/input/dist/registered.js +1 -1
  78. package/components/menu/demo/pages.json +1 -1
  79. package/components/menu/demo/why-menu.html +57 -0
  80. package/components/menu/demo/why-menu.md +104 -0
  81. package/components/radio/demo/customize.min.js +2186 -0
  82. package/components/radio/demo/demo-support.min.js +55807 -0
  83. package/components/radio/demo/getting-started.js +1 -1
  84. package/components/radio/demo/getting-started.md +1 -1
  85. package/components/radio/demo/getting-started.min.js +2205 -0
  86. package/components/radio/demo/index.min.js +1 -1
  87. package/components/radio/demo/pages.json +1 -1
  88. package/components/radio/demo/why-radio.html +57 -0
  89. package/components/radio/demo/why-radio.md +92 -0
  90. package/components/radio/dist/index.js +1 -1
  91. package/components/radio/dist/registered.js +1 -1
  92. package/components/select/demo/customize.min.js +233 -15
  93. package/components/select/demo/getting-started.min.js +233 -15
  94. package/components/select/demo/index.min.js +233 -15
  95. package/components/select/demo/keyboard-behavior.md +1 -0
  96. package/components/select/demo/pages.json +1 -1
  97. package/components/select/demo/why-select.html +57 -0
  98. package/components/select/demo/why-select.md +128 -0
  99. package/components/select/dist/index.js +233 -15
  100. package/components/select/dist/registered.js +233 -15
  101. package/custom-elements.json +745 -28
  102. package/package.json +2 -2
package/components/form/demo/registerDemoDeps.min.js CHANGED
@@ -6743,7 +6743,7 @@ let AuroHelpText$9 = class AuroHelpText extends i$3 {
6743
6743
  }
6744
6744
  };
6745
6745
 
6746
- var formkitVersion$9 = '202606011708';
6746
+ var formkitVersion$9 = '202606011856';
6747
6747
 
6748
6748
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
6749
6749
  // See LICENSE in the project root for license information.
@@ -8798,11 +8798,11 @@ var snowflakeStyle = i$5`:host([layout*=snowflake]) [auro-input]{flex:1;text-ali
8798
8798
 
8799
8799
  var snowflakeColors = i$5`:host([layout=snowflake]) [auro-dropdown]:not(:is([error],.hasFocus)){--ds-auro-dropdown-trigger-border-color: transparent}`;
8800
8800
 
8801
- var styleCss$7$1 = i$5`.body-default{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-emphasized-font-size, 1rem);line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-font-size, 0.625rem);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-2xl-weight, 300);line-height:var(--wcss-display-2xl-line-height, 1.3);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));letter-spacing:var(--wcss-display-2xl-letter-spacing, 0)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xl-weight, 300);line-height:var(--wcss-display-xl-line-height, 1.3);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));letter-spacing:var(--wcss-display-xl-letter-spacing, 0)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-lg-weight, 300);line-height:var(--wcss-display-lg-line-height, 1.3);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));letter-spacing:var(--wcss-display-lg-letter-spacing, 0)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-md-weight, 300);line-height:var(--wcss-display-md-line-height, 1.3);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));letter-spacing:var(--wcss-display-md-letter-spacing, 0)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-sm-weight, 300);line-height:var(--wcss-display-sm-line-height, 1.3);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));letter-spacing:var(--wcss-display-sm-letter-spacing, 0)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xs-weight, 300);line-height:var(--wcss-display-xs-line-height, 1.3);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));letter-spacing:var(--wcss-display-xs-letter-spacing, 0)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xl-weight, 300);line-height:var(--wcss-heading-xl-line-height, 1.3);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));letter-spacing:var(--wcss-heading-xl-letter-spacing, 0)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-lg-weight, 300);line-height:var(--wcss-heading-lg-line-height, 1.3);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));letter-spacing:var(--wcss-heading-lg-letter-spacing, 0)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-md-weight, 300);line-height:var(--wcss-heading-md-line-height, 1.3);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));letter-spacing:var(--wcss-heading-md-letter-spacing, 0)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-sm-weight, 300);line-height:var(--wcss-heading-sm-line-height, 1.3);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));letter-spacing:var(--wcss-heading-sm-letter-spacing, 0)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xs-weight, 300);line-height:var(--wcss-heading-xs-line-height, 1.3);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));letter-spacing:var(--wcss-heading-xs-letter-spacing, 0)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-2xs-weight, 300);line-height:var(--wcss-heading-2xs-line-height, 1.3);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xl-weight, 450);line-height:var(--wcss-accent-2xl-line-height, 1);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xl-weight, 450);line-height:var(--wcss-accent-xl-line-height, 1.3);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-lg-weight, 450);line-height:var(--wcss-accent-lg-line-height, 1.3);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-md-weight, 500);line-height:var(--wcss-accent-md-line-height, 1.3);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);text-transform:uppercase}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-sm-weight, 500);line-height:var(--wcss-accent-sm-line-height, 1.3);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xs-weight, 500);line-height:var(--wcss-accent-xs-line-height, 1.3);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);text-transform:uppercase}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xs-weight, 450);line-height:var(--wcss-accent-2xs-line-height, 1.3);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);text-transform:uppercase}:host{--calendar-width: 336px;--mobile-footer-height: 150px;--mobile-header-height: 68px;height:100vh;height:100dvh}.calendars{display:flex;flex-direction:row}.calendarNavButtons{position:absolute;top:var(--ds-size-200, 1rem);right:var(--ds-size-50, 0.25rem);left:var(--ds-size-50, 0.25rem)}.calendarNavBtn{display:flex;width:var(--ds-size-500, 2.5rem);height:var(--ds-size-500, 2.5rem);align-items:center;justify-content:center;border-width:1px;border-style:solid;border-radius:50%;cursor:pointer}.prevMonth,.nextMonth{position:absolute;top:0}.prevMonth{left:0}.nextMonth{right:0}.headerActions{padding:0 var(--ds-size-200, 1rem)}.mobileHeader{width:100%;height:var(--mobile-header-height);z-index:1;align-items:center;flex-direction:row}.headerDateFrom,.headerDateTo{display:flex;height:var(--mobile-header-height);flex:1;flex-direction:column;justify-content:center;padding:0 var(--ds-size-150, 0.75rem) 0 var(--ds-size-200, 1rem)}.mobileDateLabel{padding:var(--ds-size-25, 0.125rem) 0}.mobileFooter{display:none;width:100%;align-items:flex-end;flex-direction:column;justify-content:flex-end}.mobileFooterActions{position:relative;bottom:0;left:50%;display:none;width:calc(100% - var(--ds-size-200, 1rem)*2);align-items:flex-end;flex-direction:column;justify-content:flex-end;padding:var(--ds-size-150) calc(var(--ds-size-200, 1rem));transform:translateX(-50%)}.mobileFooterActions auro-button{width:100%}:host([isfullscreen]){width:100%;max-height:100dvh;overflow:hidden}:host([isfullscreen]) .prevMonth,:host([isfullscreen]) .nextMonth{display:none}:host([isfullscreen]) .mobileHeader,:host([isfullscreen]) .mobileFooter,:host([isfullscreen]) .mobileFooterActions{display:flex}:host([isfullscreen]) .calendarWrapper{display:flex;flex-direction:column}:host([isfullscreen]) .calendars{display:flex;flex-direction:column;flex:1;align-items:center;width:100%;overscroll-behavior:contain}:host([isfullscreen]) .calendars:after{display:block;width:100%;height:var(--mobile-footer-height);content:""}`;
8801
+ var styleCss$7$1 = i$5`.body-default{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-emphasized-font-size, 1rem);line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-font-size, 0.625rem);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-2xl-weight, 300);line-height:var(--wcss-display-2xl-line-height, 1.3);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));letter-spacing:var(--wcss-display-2xl-letter-spacing, 0)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xl-weight, 300);line-height:var(--wcss-display-xl-line-height, 1.3);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));letter-spacing:var(--wcss-display-xl-letter-spacing, 0)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-lg-weight, 300);line-height:var(--wcss-display-lg-line-height, 1.3);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));letter-spacing:var(--wcss-display-lg-letter-spacing, 0)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-md-weight, 300);line-height:var(--wcss-display-md-line-height, 1.3);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));letter-spacing:var(--wcss-display-md-letter-spacing, 0)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-sm-weight, 300);line-height:var(--wcss-display-sm-line-height, 1.3);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));letter-spacing:var(--wcss-display-sm-letter-spacing, 0)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xs-weight, 300);line-height:var(--wcss-display-xs-line-height, 1.3);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));letter-spacing:var(--wcss-display-xs-letter-spacing, 0)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xl-weight, 300);line-height:var(--wcss-heading-xl-line-height, 1.3);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));letter-spacing:var(--wcss-heading-xl-letter-spacing, 0)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-lg-weight, 300);line-height:var(--wcss-heading-lg-line-height, 1.3);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));letter-spacing:var(--wcss-heading-lg-letter-spacing, 0)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-md-weight, 300);line-height:var(--wcss-heading-md-line-height, 1.3);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));letter-spacing:var(--wcss-heading-md-letter-spacing, 0)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-sm-weight, 300);line-height:var(--wcss-heading-sm-line-height, 1.3);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));letter-spacing:var(--wcss-heading-sm-letter-spacing, 0)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xs-weight, 300);line-height:var(--wcss-heading-xs-line-height, 1.3);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));letter-spacing:var(--wcss-heading-xs-letter-spacing, 0)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-2xs-weight, 300);line-height:var(--wcss-heading-2xs-line-height, 1.3);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xl-weight, 450);line-height:var(--wcss-accent-2xl-line-height, 1);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xl-weight, 450);line-height:var(--wcss-accent-xl-line-height, 1.3);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-lg-weight, 450);line-height:var(--wcss-accent-lg-line-height, 1.3);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-md-weight, 500);line-height:var(--wcss-accent-md-line-height, 1.3);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);text-transform:uppercase}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-sm-weight, 500);line-height:var(--wcss-accent-sm-line-height, 1.3);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xs-weight, 500);line-height:var(--wcss-accent-xs-line-height, 1.3);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);text-transform:uppercase}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xs-weight, 450);line-height:var(--wcss-accent-2xs-line-height, 1.3);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);text-transform:uppercase}:host{--calendar-width: 336px;--mobile-footer-height: 150px;--mobile-header-height: 68px;--desktop-footer-height: 80px;height:100vh;height:100dvh}.calendars{display:flex;flex-direction:row}.calendarNavButtons{position:absolute;z-index:1;top:var(--ds-size-200, 1rem);right:var(--ds-size-50, 0.25rem);left:var(--ds-size-50, 0.25rem)}.calendarNavBtn{display:flex;width:var(--ds-size-500, 2.5rem);height:var(--ds-size-500, 2.5rem);align-items:center;justify-content:center;border-width:1px;border-style:solid;border-radius:50%;cursor:pointer}.prevMonth,.nextMonth{position:absolute;top:0}.prevMonth{left:0}.nextMonth{right:0}.headerActions{padding:0 var(--ds-size-200, 1rem)}.mobileHeader{width:100%;height:var(--mobile-header-height);z-index:1;align-items:center;flex-direction:row}.headerDateFrom,.headerDateTo{display:flex;height:var(--mobile-header-height);flex:1;flex-direction:column;justify-content:center;padding:0 var(--ds-size-150, 0.75rem) 0 var(--ds-size-200, 1rem)}.mobileDateLabel{padding:var(--ds-size-25, 0.125rem) 0}.mobileFooter{display:none;width:100%;align-items:flex-end;flex-direction:column;justify-content:flex-end}.mobileFooterActions{position:relative;bottom:0;left:50%;display:none;width:calc(100% - var(--ds-size-200, 1rem)*2);align-items:flex-end;flex-direction:column;justify-content:flex-end;padding:var(--ds-size-150) calc(var(--ds-size-200, 1rem));transform:translateX(-50%)}.mobileFooterActions auro-button{width:100%}.calendarWrapper.hasFooter{padding-bottom:var(--desktop-footer-height)}:host([isfullscreen]){width:100%;max-height:100dvh;overflow:hidden}:host([isfullscreen]) .prevMonth,:host([isfullscreen]) .nextMonth{display:none}:host([isfullscreen]) .mobileHeader,:host([isfullscreen]) .mobileFooter,:host([isfullscreen]) .mobileFooterActions{display:flex}:host([isfullscreen]) .calendarWrapper{display:flex;flex-direction:column}:host([isfullscreen]) .calendars{display:flex;flex-direction:column;flex:1;align-items:center;width:100%;overscroll-behavior:contain}:host([isfullscreen]) .calendars:after{display:block;width:100%;height:var(--mobile-footer-height);content:""}.sr-only{position:absolute;overflow:hidden;clip:rect(0, 0, 0, 0);width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap}`;
8802
8802
 
8803
8803
  var colorCss$7$1 = i$5`.calendarNavBtn{border-color:var(--ds-auro-calendar-nav-btn-border-color);background-color:var(--ds-auro-calendar-nav-btn-container-color);color:var(--ds-auro-calendar-nav-btn-chevron-color)}.calendarNavBtn:hover{--ds-auro-calendar-nav-btn-container-color: var(--ds-advanced-color-state-background-hover, #f2f2f2);--ds-auro-calendar-nav-btn-border-color: var(--ds-basic-color-brand-primary, #01426a)}.calendarNavBtn:focus{--ds-auro-calendar-nav-btn-border-color: var(--ds-basic-color-brand-primary, #01426a)}.calendarNavBtn:active{--ds-auro-calendar-nav-btn-border-color: var(--ds-basic-color-brand-primary, #01426a);box-shadow:inset 0 0 0 1px var(--ds-auro-calendar-nav-btn-border-color)}.mobileHeader{background-color:var(--ds-auro-calendar-mobile-header-container-color)}.mobileDateLabel{color:var(--ds-auro-calendar-mobile-header-text-color)}:host(:not([noRange])) .headerDateTo:after{background-color:var(--ds-auro-calendar-mobile-header-divider-color)}::slotted([slot="bib.fullscreen.fromStr"]),::slotted([slot=mobileDateToStr]){color:var(--ds-auro-datepicker-placeholder-color)}@media screen and (max-width: 576px){.calendarNavBtn{--ds-auro-calendar-nav-btn-border-color: var(--ds-basic-color-brand-primary, #01426a)}}`;
8804
8804
 
8805
- var styleCss$6$1 = i$5`:focus:not(:focus-visible){outline:3px solid transparent}.body-default{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-emphasized-font-size, 1rem);line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-font-size, 0.625rem);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-2xl-weight, 300);line-height:var(--wcss-display-2xl-line-height, 1.3);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));letter-spacing:var(--wcss-display-2xl-letter-spacing, 0)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xl-weight, 300);line-height:var(--wcss-display-xl-line-height, 1.3);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));letter-spacing:var(--wcss-display-xl-letter-spacing, 0)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-lg-weight, 300);line-height:var(--wcss-display-lg-line-height, 1.3);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));letter-spacing:var(--wcss-display-lg-letter-spacing, 0)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-md-weight, 300);line-height:var(--wcss-display-md-line-height, 1.3);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));letter-spacing:var(--wcss-display-md-letter-spacing, 0)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-sm-weight, 300);line-height:var(--wcss-display-sm-line-height, 1.3);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));letter-spacing:var(--wcss-display-sm-letter-spacing, 0)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xs-weight, 300);line-height:var(--wcss-display-xs-line-height, 1.3);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));letter-spacing:var(--wcss-display-xs-letter-spacing, 0)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xl-weight, 300);line-height:var(--wcss-heading-xl-line-height, 1.3);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));letter-spacing:var(--wcss-heading-xl-letter-spacing, 0)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-lg-weight, 300);line-height:var(--wcss-heading-lg-line-height, 1.3);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));letter-spacing:var(--wcss-heading-lg-letter-spacing, 0)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-md-weight, 300);line-height:var(--wcss-heading-md-line-height, 1.3);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));letter-spacing:var(--wcss-heading-md-letter-spacing, 0)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-sm-weight, 300);line-height:var(--wcss-heading-sm-line-height, 1.3);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));letter-spacing:var(--wcss-heading-sm-letter-spacing, 0)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xs-weight, 300);line-height:var(--wcss-heading-xs-line-height, 1.3);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));letter-spacing:var(--wcss-heading-xs-letter-spacing, 0)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-2xs-weight, 300);line-height:var(--wcss-heading-2xs-line-height, 1.3);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xl-weight, 450);line-height:var(--wcss-accent-2xl-line-height, 1);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xl-weight, 450);line-height:var(--wcss-accent-xl-line-height, 1.3);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-lg-weight, 450);line-height:var(--wcss-accent-lg-line-height, 1.3);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-md-weight, 500);line-height:var(--wcss-accent-md-line-height, 1.3);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);text-transform:uppercase}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-sm-weight, 500);line-height:var(--wcss-accent-sm-line-height, 1.3);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xs-weight, 500);line-height:var(--wcss-accent-xs-line-height, 1.3);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);text-transform:uppercase}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xs-weight, 450);line-height:var(--wcss-accent-2xs-line-height, 1.3);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);text-transform:uppercase}:host{position:relative;display:block;width:calc(100% - var(--ds-size-200, 1rem) - var(--ds-size-200, 1rem));margin:0 var(--ds-size-200, 1rem)}@media screen and (min-width: 576px){:host{width:336px;padding:var(--ds-size-200, 1rem)}}@media screen and (min-width: 576px){:host(:not(:last-of-type)):after{position:absolute;top:var(--ds-size-200, 1rem);right:calc(-1*var(--ds-size-200, 1rem));height:calc(100% - var(--ds-size-200, 1rem) - var(--ds-size-200, 1rem));display:block;width:1px;content:""}}.header{display:flex;height:var(--ds-size-500, 2.5rem);margin-bottom:var(--ds-size-150, 0.75rem);align-items:center;flex-direction:row;text-align:center}.headerTitle{display:flex;align-items:center;flex:1;flex-direction:row;justify-content:center}.headerTitle div:first-child{margin-right:var(--ds-size-100, 0.5rem)}.calendarNavBtn{position:relative;display:flex;width:var(--ds-size-500, 2.5rem);height:var(--ds-size-500, 2.5rem);align-items:center;justify-content:center;border-width:1px;border-style:solid;border-radius:50%;cursor:pointer}.table{width:100%;border-collapse:collapse}.thead{margin-bottom:var(--ds-size-100, 0.5rem)}.th{display:flex;flex:1;align-items:center;justify-content:center}.tbody{width:100%;transition:all 0ms;transform:translateX(0)}@media screen and (min-width: 576px){.tbody{height:384px}}.td{flex:1;margin:0;padding:0}.tr{display:flex;flex-direction:row;width:100%}`;
8805
+ var styleCss$6$1 = i$5`:focus:not(:focus-visible){outline:3px solid transparent}.body-default{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-emphasized-font-size, 1rem);line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-font-size, 0.625rem);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-2xl-weight, 300);line-height:var(--wcss-display-2xl-line-height, 1.3);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));letter-spacing:var(--wcss-display-2xl-letter-spacing, 0)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xl-weight, 300);line-height:var(--wcss-display-xl-line-height, 1.3);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));letter-spacing:var(--wcss-display-xl-letter-spacing, 0)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-lg-weight, 300);line-height:var(--wcss-display-lg-line-height, 1.3);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));letter-spacing:var(--wcss-display-lg-letter-spacing, 0)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-md-weight, 300);line-height:var(--wcss-display-md-line-height, 1.3);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));letter-spacing:var(--wcss-display-md-letter-spacing, 0)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-sm-weight, 300);line-height:var(--wcss-display-sm-line-height, 1.3);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));letter-spacing:var(--wcss-display-sm-letter-spacing, 0)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xs-weight, 300);line-height:var(--wcss-display-xs-line-height, 1.3);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));letter-spacing:var(--wcss-display-xs-letter-spacing, 0)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xl-weight, 300);line-height:var(--wcss-heading-xl-line-height, 1.3);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));letter-spacing:var(--wcss-heading-xl-letter-spacing, 0)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-lg-weight, 300);line-height:var(--wcss-heading-lg-line-height, 1.3);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));letter-spacing:var(--wcss-heading-lg-letter-spacing, 0)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-md-weight, 300);line-height:var(--wcss-heading-md-line-height, 1.3);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));letter-spacing:var(--wcss-heading-md-letter-spacing, 0)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-sm-weight, 300);line-height:var(--wcss-heading-sm-line-height, 1.3);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));letter-spacing:var(--wcss-heading-sm-letter-spacing, 0)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xs-weight, 300);line-height:var(--wcss-heading-xs-line-height, 1.3);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));letter-spacing:var(--wcss-heading-xs-letter-spacing, 0)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-2xs-weight, 300);line-height:var(--wcss-heading-2xs-line-height, 1.3);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xl-weight, 450);line-height:var(--wcss-accent-2xl-line-height, 1);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xl-weight, 450);line-height:var(--wcss-accent-xl-line-height, 1.3);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-lg-weight, 450);line-height:var(--wcss-accent-lg-line-height, 1.3);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-md-weight, 500);line-height:var(--wcss-accent-md-line-height, 1.3);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);text-transform:uppercase}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-sm-weight, 500);line-height:var(--wcss-accent-sm-line-height, 1.3);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xs-weight, 500);line-height:var(--wcss-accent-xs-line-height, 1.3);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);text-transform:uppercase}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xs-weight, 450);line-height:var(--wcss-accent-2xs-line-height, 1.3);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);text-transform:uppercase}:host{position:relative;display:block;width:calc(100% - var(--ds-size-200, 1rem) - var(--ds-size-200, 1rem));margin:0 var(--ds-size-200, 1rem)}@media screen and (min-width: 576px){:host{width:336px;padding:var(--ds-size-200, 1rem)}}@media screen and (min-width: 576px){:host(:not(:last-of-type)):after{position:absolute;top:var(--ds-size-200, 1rem);right:calc(-1*var(--ds-size-200, 1rem));height:calc(100% - var(--ds-size-200, 1rem) - var(--ds-size-200, 1rem));display:block;width:1px;content:""}}.header{display:flex;height:var(--ds-size-500, 2.5rem);margin-bottom:var(--ds-size-150, 0.75rem);align-items:center;flex-direction:row;text-align:center}.headerTitle{display:flex;align-items:center;flex:1;flex-direction:row;justify-content:center}.headerTitle div:first-child{margin-right:var(--ds-size-100, 0.5rem)}.calendarNavBtn{position:relative;display:flex;width:var(--ds-size-500, 2.5rem);height:var(--ds-size-500, 2.5rem);align-items:center;justify-content:center;border-width:1px;border-style:solid;border-radius:50%;cursor:pointer}.table{width:100%;border-collapse:collapse}.thead{margin-bottom:var(--ds-size-100, 0.5rem)}.th{display:flex;flex:1;align-items:center;justify-content:center}.th abbr{text-decoration:none}.tbody{width:100%;transition:all 0ms;transform:translateX(0)}@media screen and (min-width: 576px){.tbody{height:384px}}.td{flex:1;margin:0;padding:0}.tr{display:flex;flex-direction:row;width:100%}`;
8806
8806
 
8807
8807
  var colorCss$6$1 = i$5`:focus:not(:focus-visible){outline:3px solid transparent}:host{background-color:var(--ds-auro-calendar-month-container-color)}@media screen and (min-width: 576px){:host(:not(:last-of-type)):after{background-color:var(--ds-auro-calendar-month-divider-color)}}.header{color:var(--ds-auro-calendar-month-header-color)}`;
8808
8808
 
@@ -15311,20 +15311,25 @@ __decorate([n$5({ type: Array })], RangeDatepickerCalendar.prototype, "dayNamesO
15311
15311
  __decorate([n$5({ type: Array })], RangeDatepickerCalendar.prototype, "daysOfMonth", void 0);
15312
15312
  AuroLibraryRuntimeUtils$5$1.prototype.registerComponent('wc-range-datepicker-calendar', RangeDatepickerCalendar);
15313
15313
 
15314
- var styleCss$5$1 = i$5`.body-default{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-emphasized-font-size, 1rem);line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-font-size, 0.625rem);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-2xl-weight, 300);line-height:var(--wcss-display-2xl-line-height, 1.3);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));letter-spacing:var(--wcss-display-2xl-letter-spacing, 0)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xl-weight, 300);line-height:var(--wcss-display-xl-line-height, 1.3);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));letter-spacing:var(--wcss-display-xl-letter-spacing, 0)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-lg-weight, 300);line-height:var(--wcss-display-lg-line-height, 1.3);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));letter-spacing:var(--wcss-display-lg-letter-spacing, 0)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-md-weight, 300);line-height:var(--wcss-display-md-line-height, 1.3);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));letter-spacing:var(--wcss-display-md-letter-spacing, 0)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-sm-weight, 300);line-height:var(--wcss-display-sm-line-height, 1.3);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));letter-spacing:var(--wcss-display-sm-letter-spacing, 0)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xs-weight, 300);line-height:var(--wcss-display-xs-line-height, 1.3);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));letter-spacing:var(--wcss-display-xs-letter-spacing, 0)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xl-weight, 300);line-height:var(--wcss-heading-xl-line-height, 1.3);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));letter-spacing:var(--wcss-heading-xl-letter-spacing, 0)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-lg-weight, 300);line-height:var(--wcss-heading-lg-line-height, 1.3);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));letter-spacing:var(--wcss-heading-lg-letter-spacing, 0)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-md-weight, 300);line-height:var(--wcss-heading-md-line-height, 1.3);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));letter-spacing:var(--wcss-heading-md-letter-spacing, 0)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-sm-weight, 300);line-height:var(--wcss-heading-sm-line-height, 1.3);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));letter-spacing:var(--wcss-heading-sm-letter-spacing, 0)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xs-weight, 300);line-height:var(--wcss-heading-xs-line-height, 1.3);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));letter-spacing:var(--wcss-heading-xs-letter-spacing, 0)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-2xs-weight, 300);line-height:var(--wcss-heading-2xs-line-height, 1.3);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xl-weight, 450);line-height:var(--wcss-accent-2xl-line-height, 1);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xl-weight, 450);line-height:var(--wcss-accent-xl-line-height, 1.3);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-lg-weight, 450);line-height:var(--wcss-accent-lg-line-height, 1.3);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-md-weight, 500);line-height:var(--wcss-accent-md-line-height, 1.3);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);text-transform:uppercase}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-sm-weight, 500);line-height:var(--wcss-accent-sm-line-height, 1.3);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xs-weight, 500);line-height:var(--wcss-accent-xs-line-height, 1.3);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);text-transform:uppercase}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xs-weight, 450);line-height:var(--wcss-accent-2xs-line-height, 1.3);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);text-transform:uppercase}@media screen and (max-width: 576px){:host{display:flex;justify-content:center}}.day{position:relative;width:var(--ds-size-500, 2.5rem);height:calc(var(--ds-size-700, 3.5rem) - 2px);padding:0;border-width:1px;border-style:solid;border-radius:var(--ds-size-300, 1.5rem);cursor:pointer;user-select:none}.day.disabled{cursor:default !important;pointer-events:none}.day.reference{box-shadow:inset 0 0 0 2px var(--ds-advanced-color-shared-background, #ffffff)}.day.inRange::before{position:absolute;z-index:-1;top:50%;left:50%;display:block;width:14.2857142857vw;height:var(--ds-size-600, 3rem);content:"";transform:translate(-50%, -50%)}@media screen and (min-width: 576px){.day.inRange::before{width:var(--ds-size-600, 3rem)}}.day.rangeDepartDate::before{position:absolute;z-index:-1;top:50%;left:50%;display:block;width:14.2857142857vw;height:var(--ds-size-600, 3rem);content:"";transform:translate(-50%, -50%);width:7.1428571429vw;transform:translate(0%, -50%)}@media screen and (min-width: 576px){.day.rangeDepartDate::before{width:calc(var(--ds-size-600, 3rem)/2)}}.day.rangeReturnDate::before,.day.lastHoveredDate::before{position:absolute;z-index:-1;top:50%;left:50%;display:block;width:14.2857142857vw;height:var(--ds-size-600, 3rem);content:"";transform:translate(-50%, -50%);width:7.1428571429vw;transform:translate(-100%, -50%)}@media screen and (min-width: 576px){.day.rangeReturnDate::before,.day.lastHoveredDate::before{width:calc(var(--ds-size-600, 3rem)/2)}}.dateSlot{display:flex;flex-direction:column}::slotted([slot^=date_]){position:absolute;top:80%;left:50%;width:100%;white-space:nowrap;transform:translate(-50%, -50%)}::slotted(auro-icon){max-height:24px;max-width:24px}:host([renderForDateSlot]) .buttonWrapper{position:relative;width:100%;top:5px}:host([renderForDateSlot]) .currentDayMarker{position:relative;padding-bottom:5px;top:-8px}@media screen and (min-width: 576px){.day{width:var(--ds-size-600, 3rem);height:var(--ds-size-800, 4rem)}.day:hover{cursor:pointer}}`;
15314
+ var styleCss$5$1 = i$5`.body-default{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-default-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-default-emphasized-font-size, 1rem);line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-lg-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-sm-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-font-size, 0.625rem);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-2xs-emphasized-weight, );letter-spacing:var(--wcss-body-letter-spacing, 0);font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-2xl-weight, 300);line-height:var(--wcss-display-2xl-line-height, 1.3);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));letter-spacing:var(--wcss-display-2xl-letter-spacing, 0)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xl-weight, 300);line-height:var(--wcss-display-xl-line-height, 1.3);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));letter-spacing:var(--wcss-display-xl-letter-spacing, 0)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-lg-weight, 300);line-height:var(--wcss-display-lg-line-height, 1.3);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));letter-spacing:var(--wcss-display-lg-letter-spacing, 0)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-md-weight, 300);line-height:var(--wcss-display-md-line-height, 1.3);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));letter-spacing:var(--wcss-display-md-letter-spacing, 0)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-sm-weight, 300);line-height:var(--wcss-display-sm-line-height, 1.3);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));letter-spacing:var(--wcss-display-sm-letter-spacing, 0)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-display-xs-weight, 300);line-height:var(--wcss-display-xs-line-height, 1.3);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));letter-spacing:var(--wcss-display-xs-letter-spacing, 0)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xl-weight, 300);line-height:var(--wcss-heading-xl-line-height, 1.3);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));letter-spacing:var(--wcss-heading-xl-letter-spacing, 0)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-lg-weight, 300);line-height:var(--wcss-heading-lg-line-height, 1.3);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));letter-spacing:var(--wcss-heading-lg-letter-spacing, 0)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-md-weight, 300);line-height:var(--wcss-heading-md-line-height, 1.3);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));letter-spacing:var(--wcss-heading-md-letter-spacing, 0)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-sm-weight, 300);line-height:var(--wcss-heading-sm-line-height, 1.3);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));letter-spacing:var(--wcss-heading-sm-letter-spacing, 0)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-xs-weight, 300);line-height:var(--wcss-heading-xs-line-height, 1.3);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));letter-spacing:var(--wcss-heading-xs-letter-spacing, 0)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-heading-2xs-weight, 300);line-height:var(--wcss-heading-2xs-line-height, 1.3);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xl-weight, 450);line-height:var(--wcss-accent-2xl-line-height, 1);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xl-weight, 450);line-height:var(--wcss-accent-xl-line-height, 1.3);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);text-transform:uppercase}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-lg-weight, 450);line-height:var(--wcss-accent-lg-line-height, 1.3);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-md-weight, 500);line-height:var(--wcss-accent-md-line-height, 1.3);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);text-transform:uppercase}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-sm-weight, 500);line-height:var(--wcss-accent-sm-line-height, 1.3);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-xs-weight, 500);line-height:var(--wcss-accent-xs-line-height, 1.3);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);text-transform:uppercase}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-weight:var(--wcss-accent-2xs-weight, 450);line-height:var(--wcss-accent-2xs-line-height, 1.3);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);text-transform:uppercase}@media screen and (max-width: 576px){:host{display:flex;justify-content:center}}.day{position:relative;width:var(--ds-size-500, 2.5rem);height:calc(var(--ds-size-700, 3.5rem) - 2px);padding:0;border-width:1px;border-style:solid;border-radius:var(--ds-size-300, 1.5rem);cursor:pointer;user-select:none}.day:focus-visible{outline:2px solid var(--ds-basic-color-border-default, #959595);outline-offset:2px}.day.disabled{cursor:default !important;pointer-events:none}.day.blackout{cursor:default}.day.reference{box-shadow:inset 0 0 0 2px var(--ds-advanced-color-shared-background, #ffffff)}.day.inRange::before{position:absolute;z-index:-1;top:50%;left:50%;display:block;width:14.2857142857vw;height:var(--ds-size-600, 3rem);content:"";transform:translate(-50%, -50%)}@media screen and (min-width: 576px){.day.inRange::before{width:var(--ds-size-600, 3rem)}}.day.rangeDepartDate::before{position:absolute;z-index:-1;top:50%;left:50%;display:block;width:14.2857142857vw;height:var(--ds-size-600, 3rem);content:"";transform:translate(-50%, -50%);width:7.1428571429vw;transform:translate(0%, -50%)}@media screen and (min-width: 576px){.day.rangeDepartDate::before{width:calc(var(--ds-size-600, 3rem)/2)}}.day.rangeReturnDate::before,.day.lastHoveredDate::before{position:absolute;z-index:-1;top:50%;left:50%;display:block;width:14.2857142857vw;height:var(--ds-size-600, 3rem);content:"";transform:translate(-50%, -50%);width:7.1428571429vw;transform:translate(-100%, -50%)}@media screen and (min-width: 576px){.day.rangeReturnDate::before,.day.lastHoveredDate::before{width:calc(var(--ds-size-600, 3rem)/2)}}.dateSlot{display:flex;flex-direction:column}.srOnly{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;clip:rect(0, 0, 0, 0);white-space:nowrap}::slotted([slot^=date_]){position:absolute;top:80%;left:50%;width:100%;white-space:nowrap;transform:translate(-50%, -50%)}::slotted(auro-icon){max-height:24px;max-width:24px}:host([renderForDateSlot]) .buttonWrapper{position:relative;width:100%;top:5px}:host([renderForDateSlot]) .currentDayMarker{position:relative;padding-bottom:5px;top:-8px}@media screen and (min-width: 576px){.day{width:var(--ds-size-600, 3rem);height:var(--ds-size-800, 4rem)}.day:hover{cursor:pointer}}`;
15315
15315
 
15316
- var colorCss$5$1 = i$5`:host ::slotted([slot^=date_]){color:var(--ds-auro-calendar-cell-price-text-color)}:host ::slotted([slot^=date_][highlight]){--ds-auro-calendar-cell-price-text-color: var(--ds-basic-color-status-success, #447a1f)}:host .day{border-color:var(--ds-auro-calendar-cell-border-color);background-color:var(--ds-auro-calendar-cell-container-color);color:var(--ds-auro-calendar-cell-text-color)}:host .day.selected{--ds-auro-calendar-cell-container-color: var(--ds-advanced-color-state-selected, #01426a);--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-inverse, #ffffff);--ds-auro-calendar-cell-price-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host .day.selected ::slotted([slot^=date_][highlight]){--ds-auro-calendar-cell-price-text-color: var(--ds-basic-color-status-success-subtle, #d6eac7)}:host .day.selected:hover{--ds-auro-calendar-cell-container-color: var(--ds-advanced-color-state-selected-hover, #00274a);--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host .day.reference{--ds-auro-calendar-cell-border-color: var(--ds-basic-color-border-default, #959595)}:host .day.reference:not(.selected):not(.disabled){--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-muted, #676767)}:host .day.reference.selected{--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host .day:hover{--ds-auro-calendar-cell-container-color: var(--ds-advanced-color-state-background-hover, #f2f2f2);--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}:host .day.disabled{--ds-auro-calendar-cell-container-color: transparent;--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-calendar-cell-price-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host .day.inRange:before,:host .day.rangeDepartDate:before,:host .day.rangeReturnDate:before,:host .day.lastHoveredDate:before{background-color:var(--ds-auro-calendar-cell-in-range-color)}:host .day.sameDateTrip:before{--ds-auro-calendar-cell-in-range-color: transparent}`;
15316
+ var colorCss$5$1 = i$5`:host ::slotted([slot^=date_]){color:var(--ds-auro-calendar-cell-price-text-color)}:host ::slotted([slot^=date_][highlight]){--ds-auro-calendar-cell-price-text-color: var(--ds-basic-color-status-success, #447a1f)}:host .day{border-color:var(--ds-auro-calendar-cell-border-color);background-color:var(--ds-auro-calendar-cell-container-color);color:var(--ds-auro-calendar-cell-text-color)}:host .day:focus-visible:not(.selected){--ds-auro-calendar-cell-container-color: var(--ds-auro-calendar-cell-in-range-color)}:host .day.selected{--ds-auro-calendar-cell-container-color: var(--ds-advanced-color-state-selected, #01426a);--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-inverse, #ffffff);--ds-auro-calendar-cell-price-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host .day.selected ::slotted([slot^=date_][highlight]){--ds-auro-calendar-cell-price-text-color: var(--ds-basic-color-status-success-subtle, #d6eac7)}:host .day.selected:hover{--ds-auro-calendar-cell-container-color: var(--ds-advanced-color-state-selected-hover, #00274a);--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host .day.reference{--ds-auro-calendar-cell-border-color: var(--ds-basic-color-border-default, #959595)}:host .day.reference:not(.selected):not(.disabled){--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-muted, #676767)}:host .day.reference.selected{--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host .day:hover{--ds-auro-calendar-cell-container-color: var(--ds-advanced-color-state-background-hover, #f2f2f2);--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}:host .day.disabled{--ds-auro-calendar-cell-container-color: transparent;--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-calendar-cell-price-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host .day.blackout{--ds-auro-calendar-cell-container-color: transparent;--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-calendar-cell-price-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host .day.inRange:before,:host .day.rangeDepartDate:before,:host .day.rangeReturnDate:before,:host .day.lastHoveredDate:before{background-color:var(--ds-auro-calendar-cell-in-range-color)}:host .day.sameDateTrip:before{--ds-auro-calendar-cell-in-range-color: transparent}`;
15317
15317
 
15318
- let s$3 = class s{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{});}closestElement(e,t=this,i=(t,s=t&&t.closest(e))=>t&&t!==document&&t!==window?s||i(t.getRootNode().host):null){return i(t)}handleComponentTagRename(e,t){const i=t.toLowerCase();e.tagName.toLowerCase()!==i&&e.setAttribute(i,true);}elementMatch(e,t){const i=t.toLowerCase();return e.tagName.toLowerCase()===i||e.hasAttribute(i)}getSlotText(e,t){const i=e.shadowRoot?.querySelector(`slot[name="${t}"]`);return (i?.assignedNodes({flatten:true})||[]).map(e=>e.textContent?.trim()).join(" ").trim()||null}};var r$1$1="top",o="bottom",n$1$1="right",a="left",l$3$1="auto",c$3$1=[r$1$1,o,n$1$1,a],p$6$1="start",d$3$1="end",f$6$1="viewport",h$3$1="popper",m$6$1=c$3$1.reduce(function(e,t){return e.concat([t+"-"+p$6$1,t+"-"+d$3$1])},[]),u$6$1=[].concat(c$3$1,[l$3$1]).reduce(function(e,t){return e.concat([t,t+"-"+p$6$1,t+"-"+d$3$1])},[]),g$6$1=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function v$3$1(e){return e?(e.nodeName||"").toLowerCase():null}function y$6$1(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function w$6$1(e){return e instanceof y$6$1(e).Element||e instanceof Element}function b$3$1(e){return e instanceof y$6$1(e).HTMLElement||e instanceof HTMLElement}function x$3$1(e){return "undefined"!=typeof ShadowRoot&&(e instanceof y$6$1(e).ShadowRoot||e instanceof ShadowRoot)}var S$3$1={name:"applyStyles",enabled:true,phase:"write",fn:function(e){var t=e.state;Object.keys(t.elements).forEach(function(e){var i=t.styles[e]||{},s=t.attributes[e]||{},r=t.elements[e];b$3$1(r)&&v$3$1(r)&&(Object.assign(r.style,i),Object.keys(s).forEach(function(e){var t=s[e];false===t?r.removeAttribute(e):r.setAttribute(e,true===t?"":t);}));});},effect:function(e){var t=e.state,i={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,i.popper),t.styles=i,t.elements.arrow&&Object.assign(t.elements.arrow.style,i.arrow),function(){Object.keys(t.elements).forEach(function(e){var s=t.elements[e],r=t.attributes[e]||{},o=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:i[e]).reduce(function(e,t){return e[t]="",e},{});b$3$1(s)&&v$3$1(s)&&(Object.assign(s.style,o),Object.keys(r).forEach(function(e){s.removeAttribute(e);}));});}},requires:["computeStyles"]};function _$4$1(e){return e.split("-")[0]}var O=Math.max,k$6$1=Math.min,A$3$1=Math.round;function z$6$1(){var e=navigator.userAgentData;return null!=e&&e.brands&&Array.isArray(e.brands)?e.brands.map(function(e){return e.brand+"/"+e.version}).join(" "):navigator.userAgent}function E(){return !/^((?!chrome|android).)*safari/i.test(z$6$1())}function M$6$1(e,t,i){ void 0===t&&(t=false),void 0===i&&(i=false);var s=e.getBoundingClientRect(),r=1,o=1;t&&b$3$1(e)&&(r=e.offsetWidth>0&&A$3$1(s.width)/e.offsetWidth||1,o=e.offsetHeight>0&&A$3$1(s.height)/e.offsetHeight||1);var n=(w$6$1(e)?y$6$1(e):window).visualViewport,a=!E()&&i,l=(s.left+(a&&n?n.offsetLeft:0))/r,c=(s.top+(a&&n?n.offsetTop:0))/o,p=s.width/r,d=s.height/o;return {width:p,height:d,top:c,right:l+p,bottom:c+d,left:l,x:l,y:c}}function T$3$1(e){var t=M$6$1(e),i=e.offsetWidth,s=e.offsetHeight;return Math.abs(t.width-i)<=1&&(i=t.width),Math.abs(t.height-s)<=1&&(s=t.height),{x:e.offsetLeft,y:e.offsetTop,width:i,height:s}}function B$3$1(e,t){var i=t.getRootNode&&t.getRootNode();if(e.contains(t))return true;if(i&&x$3$1(i)){var s=t;do{if(s&&e.isSameNode(s))return true;s=s.parentNode||s.host;}while(s)}return false}function L(e){return y$6$1(e).getComputedStyle(e)}function H$3$1(e){return ["table","td","th"].indexOf(v$3$1(e))>=0}function C$3$1(e){return ((w$6$1(e)?e.ownerDocument:e.document)||window.document).documentElement}function R$3$1(e){return "html"===v$3$1(e)?e:e.assignedSlot||e.parentNode||(x$3$1(e)?e.host:null)||C$3$1(e)}function j(e){return b$3$1(e)&&"fixed"!==L(e).position?e.offsetParent:null}function N$3$1(e){for(var t=y$6$1(e),i=j(e);i&&H$3$1(i)&&"static"===L(i).position;)i=j(i);return i&&("html"===v$3$1(i)||"body"===v$3$1(i)&&"static"===L(i).position)?t:i||function(e){var t=/firefox/i.test(z$6$1());if(/Trident/i.test(z$6$1())&&b$3$1(e)&&"fixed"===L(e).position)return null;var i=R$3$1(e);for(x$3$1(i)&&(i=i.host);b$3$1(i)&&["html","body"].indexOf(v$3$1(i))<0;){var s=L(i);if("none"!==s.transform||"none"!==s.perspective||"paint"===s.contain||-1!==["transform","perspective"].indexOf(s.willChange)||t&&"filter"===s.willChange||t&&s.filter&&"none"!==s.filter)return i;i=i.parentNode;}return null}(e)||t}function P(e){return ["top","bottom"].indexOf(e)>=0?"x":"y"}function D(e,t,i){return O(e,k$6$1(t,i))}function I(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function F(e,t){return t.reduce(function(t,i){return t[i]=e,t},{})}var U$3$1={name:"arrow",enabled:true,phase:"main",fn:function(e){var t,i=e.state,s=e.name,l=e.options,p=i.elements.arrow,d=i.modifiersData.popperOffsets,f=_$4$1(i.placement),h=P(f),m=[a,n$1$1].indexOf(f)>=0?"height":"width";if(p&&d){var u=function(e,t){return I("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:F(e,c$3$1))}(l.padding,i),g=T$3$1(p),v="y"===h?r$1$1:a,y="y"===h?o:n$1$1,w=i.rects.reference[m]+i.rects.reference[h]-d[h]-i.rects.popper[m],b=d[h]-i.rects.reference[h],x=N$3$1(p),S=x?"y"===h?x.clientHeight||0:x.clientWidth||0:0,O=w/2-b/2,k=u[v],A=S-g[m]-u[y],z=S/2-g[m]/2+O,E=D(k,z,A),M=h;i.modifiersData[s]=((t={})[M]=E,t.centerOffset=E-z,t);}},effect:function(e){var t=e.state,i=e.options.element,s=void 0===i?"[data-popper-arrow]":i;null!=s&&("string"!=typeof s||(s=t.elements.popper.querySelector(s)))&&B$3$1(t.elements.popper,s)&&(t.elements.arrow=s);},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function q$3$1(e){return e.split("-")[1]}var W={top:"auto",right:"auto",bottom:"auto",left:"auto"};function X(e){var t,i=e.popper,s=e.popperRect,l=e.placement,c=e.variation,p=e.offsets,f=e.position,h=e.gpuAcceleration,m=e.adaptive,u=e.roundOffsets,g=e.isFixed,v=p.x,w=void 0===v?0:v,b=p.y,x=void 0===b?0:b,S="function"==typeof u?u({x:w,y:x}):{x:w,y:x};w=S.x,x=S.y;var _=p.hasOwnProperty("x"),O=p.hasOwnProperty("y"),k=a,z=r$1$1,E=window;if(m){var M=N$3$1(i),T="clientHeight",B="clientWidth";if(M===y$6$1(i)&&"static"!==L(M=C$3$1(i)).position&&"absolute"===f&&(T="scrollHeight",B="scrollWidth"),l===r$1$1||(l===a||l===n$1$1)&&c===d$3$1)z=o,x-=(g&&M===E&&E.visualViewport?E.visualViewport.height:M[T])-s.height,x*=h?1:-1;if(l===a||(l===r$1$1||l===o)&&c===d$3$1)k=n$1$1,w-=(g&&M===E&&E.visualViewport?E.visualViewport.width:M[B])-s.width,w*=h?1:-1;}var H,R=Object.assign({position:f},m&&W),j=true===u?function(e,t){var i=e.x,s=e.y,r=t.devicePixelRatio||1;return {x:A$3$1(i*r)/r||0,y:A$3$1(s*r)/r||0}}({x:w,y:x},y$6$1(i)):{x:w,y:x};return w=j.x,x=j.y,h?Object.assign({},R,((H={})[z]=O?"0":"",H[k]=_?"0":"",H.transform=(E.devicePixelRatio||1)<=1?"translate("+w+"px, "+x+"px)":"translate3d("+w+"px, "+x+"px, 0)",H)):Object.assign({},R,((t={})[z]=O?x+"px":"",t[k]=_?w+"px":"",t.transform="",t))}var V={passive:true};var G={left:"right",right:"left",bottom:"top",top:"bottom"};function $(e){return e.replace(/left|right|bottom|top/g,function(e){return G[e]})}var K={start:"end",end:"start"};function Y(e){return e.replace(/start|end/g,function(e){return K[e]})}function J(e){var t=y$6$1(e);return {scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function Q(e){return M$6$1(C$3$1(e)).left+J(e).scrollLeft}function Z(e){var t=L(e),i=t.overflow,s=t.overflowX,r=t.overflowY;return /auto|scroll|overlay|hidden/.test(i+r+s)}function ee(e){return ["html","body","#document"].indexOf(v$3$1(e))>=0?e.ownerDocument.body:b$3$1(e)&&Z(e)?e:ee(R$3$1(e))}function te(e,t){var i;void 0===t&&(t=[]);var s=ee(e),r=s===(null==(i=e.ownerDocument)?void 0:i.body),o=y$6$1(s),n=r?[o].concat(o.visualViewport||[],Z(s)?s:[]):s,a=t.concat(n);return r?a:a.concat(te(R$3$1(n)))}function ie(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function se(e,t,i){return t===f$6$1?ie(function(e,t){var i=y$6$1(e),s=C$3$1(e),r=i.visualViewport,o=s.clientWidth,n=s.clientHeight,a=0,l=0;if(r){o=r.width,n=r.height;var c=E();(c||!c&&"fixed"===t)&&(a=r.offsetLeft,l=r.offsetTop);}return {width:o,height:n,x:a+Q(e),y:l}}(e,i)):w$6$1(t)?function(e,t){var i=M$6$1(e,false,"fixed"===t);return i.top=i.top+e.clientTop,i.left=i.left+e.clientLeft,i.bottom=i.top+e.clientHeight,i.right=i.left+e.clientWidth,i.width=e.clientWidth,i.height=e.clientHeight,i.x=i.left,i.y=i.top,i}(t,i):ie(function(e){var t,i=C$3$1(e),s=J(e),r=null==(t=e.ownerDocument)?void 0:t.body,o=O(i.scrollWidth,i.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),n=O(i.scrollHeight,i.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),a=-s.scrollLeft+Q(e),l=-s.scrollTop;return "rtl"===L(r||i).direction&&(a+=O(i.clientWidth,r?r.clientWidth:0)-o),{width:o,height:n,x:a,y:l}}(C$3$1(e)))}function re(e,t,i,s){var r="clippingParents"===t?function(e){var t=te(R$3$1(e)),i=["absolute","fixed"].indexOf(L(e).position)>=0&&b$3$1(e)?N$3$1(e):e;return w$6$1(i)?t.filter(function(e){return w$6$1(e)&&B$3$1(e,i)&&"body"!==v$3$1(e)}):[]}(e):[].concat(t),o=[].concat(r,[i]),n=o[0],a=o.reduce(function(t,i){var r=se(e,i,s);return t.top=O(r.top,t.top),t.right=k$6$1(r.right,t.right),t.bottom=k$6$1(r.bottom,t.bottom),t.left=O(r.left,t.left),t},se(e,n,s));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}function oe(e){var t,i=e.reference,s=e.element,l=e.placement,c=l?_$4$1(l):null,f=l?q$3$1(l):null,h=i.x+i.width/2-s.width/2,m=i.y+i.height/2-s.height/2;switch(c){case r$1$1:t={x:h,y:i.y-s.height};break;case o:t={x:h,y:i.y+i.height};break;case n$1$1:t={x:i.x+i.width,y:m};break;case a:t={x:i.x-s.width,y:m};break;default:t={x:i.x,y:i.y};}var u=c?P(c):null;if(null!=u){var g="y"===u?"height":"width";switch(f){case p$6$1:t[u]=t[u]-(i[g]/2-s[g]/2);break;case d$3$1:t[u]=t[u]+(i[g]/2-s[g]/2);}}return t}function ne(e,t){ void 0===t&&(t={});var i=t,s=i.placement,a=void 0===s?e.placement:s,l=i.strategy,p=void 0===l?e.strategy:l,d=i.boundary,m=void 0===d?"clippingParents":d,u=i.rootBoundary,g=void 0===u?f$6$1:u,v=i.elementContext,y=void 0===v?h$3$1:v,b=i.altBoundary,x=void 0!==b&&b,S=i.padding,_=void 0===S?0:S,O=I("number"!=typeof _?_:F(_,c$3$1)),k=y===h$3$1?"reference":h$3$1,A=e.rects.popper,z=e.elements[x?k:y],E=re(w$6$1(z)?z:z.contextElement||C$3$1(e.elements.popper),m,g,p),T=M$6$1(e.elements.reference),B=oe({reference:T,element:A,placement:a}),L=ie(Object.assign({},A,B)),H=y===h$3$1?L:T,R={top:E.top-H.top+O.top,bottom:H.bottom-E.bottom+O.bottom,left:E.left-H.left+O.left,right:H.right-E.right+O.right},j=e.modifiersData.offset;if(y===h$3$1&&j){var N=j[a];Object.keys(R).forEach(function(e){var t=[n$1$1,o].indexOf(e)>=0?1:-1,i=[r$1$1,o].indexOf(e)>=0?"y":"x";R[e]+=N[i]*t;});}return R}function ae(e,t){ void 0===t&&(t={});var i=t,s=i.placement,r=i.boundary,o=i.rootBoundary,n=i.padding,a=i.flipVariations,l=i.allowedAutoPlacements,p=void 0===l?u$6$1:l,d=q$3$1(s),f=d?a?m$6$1:m$6$1.filter(function(e){return q$3$1(e)===d}):c$3$1,h=f.filter(function(e){return p.indexOf(e)>=0});0===h.length&&(h=f);var g=h.reduce(function(t,i){return t[i]=ne(e,{placement:i,boundary:r,rootBoundary:o,padding:n})[_$4$1(i)],t},{});return Object.keys(g).sort(function(e,t){return g[e]-g[t]})}var le={name:"flip",enabled:true,phase:"main",fn:function(e){var t=e.state,i=e.options,s=e.name;if(!t.modifiersData[s]._skip){for(var c=i.mainAxis,d=void 0===c||c,f=i.altAxis,h=void 0===f||f,m=i.fallbackPlacements,u=i.padding,g=i.boundary,v=i.rootBoundary,y=i.altBoundary,w=i.flipVariations,b=void 0===w||w,x=i.allowedAutoPlacements,S=t.options.placement,O=_$4$1(S),k=m||(O===S||!b?[$(S)]:function(e){if(_$4$1(e)===l$3$1)return [];var t=$(e);return [Y(e),t,Y(t)]}(S)),A=[S].concat(k).reduce(function(e,i){return e.concat(_$4$1(i)===l$3$1?ae(t,{placement:i,boundary:g,rootBoundary:v,padding:u,flipVariations:b,allowedAutoPlacements:x}):i)},[]),z=t.rects.reference,E=t.rects.popper,M=new Map,T=true,B=A[0],L=0;L<A.length;L++){var H=A[L],C=_$4$1(H),R=q$3$1(H)===p$6$1,j=[r$1$1,o].indexOf(C)>=0,N=j?"width":"height",P=ne(t,{placement:H,boundary:g,rootBoundary:v,altBoundary:y,padding:u}),D=j?R?n$1$1:a:R?o:r$1$1;z[N]>E[N]&&(D=$(D));var I=$(D),F=[];if(d&&F.push(P[C]<=0),h&&F.push(P[D]<=0,P[I]<=0),F.every(function(e){return e})){B=H,T=false;break}M.set(H,F);}if(T)for(var U=function(e){var t=A.find(function(t){var i=M.get(t);if(i)return i.slice(0,e).every(function(e){return e})});if(t)return B=t,"break"},W=b?3:1;W>0;W--){if("break"===U(W))break}t.placement!==B&&(t.modifiersData[s]._skip=true,t.placement=B,t.reset=true);}},requiresIfExists:["offset"],data:{_skip:false}};function ce(e,t,i){return void 0===i&&(i={x:0,y:0}),{top:e.top-t.height-i.y,right:e.right-t.width+i.x,bottom:e.bottom-t.height+i.y,left:e.left-t.width-i.x}}function pe(e){return [r$1$1,n$1$1,o,a].some(function(t){return e[t]>=0})}var de={name:"offset",enabled:true,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,i=e.options,s=e.name,o=i.offset,l=void 0===o?[0,0]:o,c=u$6$1.reduce(function(e,i){return e[i]=function(e,t,i){var s=_$4$1(e),o=[a,r$1$1].indexOf(s)>=0?-1:1,l="function"==typeof i?i(Object.assign({},t,{placement:e})):i,c=l[0],p=l[1];return c=c||0,p=(p||0)*o,[a,n$1$1].indexOf(s)>=0?{x:p,y:c}:{x:c,y:p}}(i,t.rects,l),e},{}),p=c[t.placement],d=p.x,f=p.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=d,t.modifiersData.popperOffsets.y+=f),t.modifiersData[s]=c;}};var fe={name:"preventOverflow",enabled:true,phase:"main",fn:function(e){var t=e.state,i=e.options,s=e.name,l=i.mainAxis,c=void 0===l||l,d=i.altAxis,f=void 0!==d&&d,h=i.boundary,m=i.rootBoundary,u=i.altBoundary,g=i.padding,v=i.tether,y=void 0===v||v,w=i.tetherOffset,b=void 0===w?0:w,x=ne(t,{boundary:h,rootBoundary:m,padding:g,altBoundary:u}),S=_$4$1(t.placement),A=q$3$1(t.placement),z=!A,E=P(S),M="x"===E?"y":"x",B=t.modifiersData.popperOffsets,L=t.rects.reference,H=t.rects.popper,C="function"==typeof b?b(Object.assign({},t.rects,{placement:t.placement})):b,R="number"==typeof C?{mainAxis:C,altAxis:C}:Object.assign({mainAxis:0,altAxis:0},C),j=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,I={x:0,y:0};if(B){if(c){var F,U="y"===E?r$1$1:a,W="y"===E?o:n$1$1,X="y"===E?"height":"width",V=B[E],G=V+x[U],$=V-x[W],K=y?-H[X]/2:0,Y=A===p$6$1?L[X]:H[X],J=A===p$6$1?-H[X]:-L[X],Q=t.elements.arrow,Z=y&&Q?T$3$1(Q):{width:0,height:0},ee=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},te=ee[U],ie=ee[W],se=D(0,L[X],Z[X]),re=z?L[X]/2-K-se-te-R.mainAxis:Y-se-te-R.mainAxis,oe=z?-L[X]/2+K+se+ie+R.mainAxis:J+se+ie+R.mainAxis,ae=t.elements.arrow&&N$3$1(t.elements.arrow),le=ae?"y"===E?ae.clientTop||0:ae.clientLeft||0:0,ce=null!=(F=null==j?void 0:j[E])?F:0,pe=V+oe-ce,de=D(y?k$6$1(G,V+re-ce-le):G,V,y?O($,pe):$);B[E]=de,I[E]=de-V;}if(f){var fe,he="x"===E?r$1$1:a,me="x"===E?o:n$1$1,ue=B[M],ge="y"===M?"height":"width",ve=ue+x[he],ye=ue-x[me],we=-1!==[r$1$1,a].indexOf(S),be=null!=(fe=null==j?void 0:j[M])?fe:0,xe=we?ve:ue-L[ge]-H[ge]-be+R.altAxis,Se=we?ue+L[ge]+H[ge]-be-R.altAxis:ye,_e=y&&we?function(e,t,i){var s=D(e,t,i);return s>i?i:s}(xe,ue,Se):D(y?xe:ve,ue,y?Se:ye);B[M]=_e,I[M]=_e-ue;}t.modifiersData[s]=I;}},requiresIfExists:["offset"]};function he(e,t,i){ void 0===i&&(i=false);var s,r,o=b$3$1(t),n=b$3$1(t)&&function(e){var t=e.getBoundingClientRect(),i=A$3$1(t.width)/e.offsetWidth||1,s=A$3$1(t.height)/e.offsetHeight||1;return 1!==i||1!==s}(t),a=C$3$1(t),l=M$6$1(e,n,i),c={scrollLeft:0,scrollTop:0},p={x:0,y:0};return (o||!o&&!i)&&(("body"!==v$3$1(t)||Z(a))&&(c=(s=t)!==y$6$1(s)&&b$3$1(s)?{scrollLeft:(r=s).scrollLeft,scrollTop:r.scrollTop}:J(s)),b$3$1(t)?((p=M$6$1(t,true)).x+=t.clientLeft,p.y+=t.clientTop):a&&(p.x=Q(a))),{x:l.left+c.scrollLeft-p.x,y:l.top+c.scrollTop-p.y,width:l.width,height:l.height}}function me(e){var t=new Map,i=new Set,s=[];function r(e){i.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach(function(e){if(!i.has(e)){var s=t.get(e);s&&r(s);}}),s.push(e);}return e.forEach(function(e){t.set(e.name,e);}),e.forEach(function(e){i.has(e.name)||r(e);}),s}var ue={placement:"bottom",modifiers:[],strategy:"absolute"};function ge(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];return !t.some(function(e){return !(e&&"function"==typeof e.getBoundingClientRect)})}function ve(e){ void 0===e&&(e={});var t=e,i=t.defaultModifiers,s=void 0===i?[]:i,r=t.defaultOptions,o=void 0===r?ue:r;return function(e,t,i){ void 0===i&&(i=o);var r,n,a={placement:"bottom",orderedModifiers:[],options:Object.assign({},ue,o),modifiersData:{},elements:{reference:e,popper:t},attributes:{},styles:{}},l=[],c=false,p={state:a,setOptions:function(i){var r="function"==typeof i?i(a.options):i;d(),a.options=Object.assign({},o,a.options,r),a.scrollParents={reference:w$6$1(e)?te(e):e.contextElement?te(e.contextElement):[],popper:te(t)};var n,c,f=function(e){var t=me(e);return g$6$1.reduce(function(e,i){return e.concat(t.filter(function(e){return e.phase===i}))},[])}((n=[].concat(s,a.options.modifiers),c=n.reduce(function(e,t){var i=e[t.name];return e[t.name]=i?Object.assign({},i,t,{options:Object.assign({},i.options,t.options),data:Object.assign({},i.data,t.data)}):t,e},{}),Object.keys(c).map(function(e){return c[e]})));return a.orderedModifiers=f.filter(function(e){return e.enabled}),a.orderedModifiers.forEach(function(e){var t=e.name,i=e.options,s=void 0===i?{}:i,r=e.effect;if("function"==typeof r){var o=r({state:a,name:t,instance:p,options:s}),n=function(){};l.push(o||n);}}),p.update()},forceUpdate:function(){if(!c){var e=a.elements,t=e.reference,i=e.popper;if(ge(t,i)){a.rects={reference:he(t,N$3$1(i),"fixed"===a.options.strategy),popper:T$3$1(i)},a.reset=false,a.placement=a.options.placement,a.orderedModifiers.forEach(function(e){return a.modifiersData[e.name]=Object.assign({},e.data)});for(var s=0;s<a.orderedModifiers.length;s++)if(true!==a.reset){var r=a.orderedModifiers[s],o=r.fn,n=r.options,l=void 0===n?{}:n,d=r.name;"function"==typeof o&&(a=o({state:a,options:l,name:d,instance:p})||a);}else a.reset=false,s=-1;}}},update:(r=function(){return new Promise(function(e){p.forceUpdate(),e(a);})},function(){return n||(n=new Promise(function(e){Promise.resolve().then(function(){n=void 0,e(r());});})),n}),destroy:function(){d(),c=true;}};if(!ge(e,t))return p;function d(){l.forEach(function(e){return e()}),l=[];}return p.setOptions(i).then(function(e){!c&&i.onFirstUpdate&&i.onFirstUpdate(e);}),p}}var ye=ve({defaultModifiers:[{name:"eventListeners",enabled:true,phase:"write",fn:function(){},effect:function(e){var t=e.state,i=e.instance,s=e.options,r=s.scroll,o=void 0===r||r,n=s.resize,a=void 0===n||n,l=y$6$1(t.elements.popper),c=[].concat(t.scrollParents.reference,t.scrollParents.popper);return o&&c.forEach(function(e){e.addEventListener("scroll",i.update,V);}),a&&l.addEventListener("resize",i.update,V),function(){o&&c.forEach(function(e){e.removeEventListener("scroll",i.update,V);}),a&&l.removeEventListener("resize",i.update,V);}},data:{}},{name:"popperOffsets",enabled:true,phase:"read",fn:function(e){var t=e.state,i=e.name;t.modifiersData[i]=oe({reference:t.rects.reference,element:t.rects.popper,placement:t.placement});},data:{}},{name:"computeStyles",enabled:true,phase:"beforeWrite",fn:function(e){var t=e.state,i=e.options,s=i.gpuAcceleration,r=void 0===s||s,o=i.adaptive,n=void 0===o||o,a=i.roundOffsets,l=void 0===a||a,c={placement:_$4$1(t.placement),variation:q$3$1(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:r,isFixed:"fixed"===t.options.strategy};null!=t.modifiersData.popperOffsets&&(t.styles.popper=Object.assign({},t.styles.popper,X(Object.assign({},c,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:n,roundOffsets:l})))),null!=t.modifiersData.arrow&&(t.styles.arrow=Object.assign({},t.styles.arrow,X(Object.assign({},c,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:false,roundOffsets:l})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement});},data:{}},S$3$1,de,le,fe,U$3$1,{name:"hide",enabled:true,phase:"main",requiresIfExists:["preventOverflow"],fn:function(e){var t=e.state,i=e.name,s=t.rects.reference,r=t.rects.popper,o=t.modifiersData.preventOverflow,n=ne(t,{elementContext:"reference"}),a=ne(t,{altBoundary:true}),l=ce(n,s),c=ce(a,r,o),p=pe(l),d=pe(c);t.modifiersData[i]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:p,hasPopperEscaped:d},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":p,"data-popper-escaped":d});}}]});class we{constructor(e,t,i,s){this.anchor=e,this.popover=t,this.boundaryElement=this.setBoundary(s),this.options={placement:i,visibleClass:"data-show"},this.popover.classList.remove(this.options.visibleClass);}setBoundary(e){return "string"==typeof e?document.querySelector(e)||document.body:e||document.body}show(){this.popper&&this.popper.destroy(),this.popper=ye(this.anchor,this.popover,{tooltip:this.anchor,placement:this.options.placement,modifiers:[{name:"offset",options:{offset:[0,18]}},{name:"preventOverflow",options:{mainAxis:true,boundary:this.boundaryElement,rootBoundary:"document",padding:16}}]});}triggerUpdate(){this.popper.update();}hide(){this.popover.classList.remove(this.options.visibleClass);}}var be=i$5`::slotted(*):not([onDark]),::slotted(*):not([appearance=inverse]){color:var(--ds-auro-popover-text-color)}.popover{background-color:var(--ds-auro-popover-container-color);box-shadow:var(--ds-auro-popover-boxshadow-color)}.arrow:before{background-color:var(--ds-auro-popover-container-color);box-shadow:2px 2px 1px 0 var(--ds-auro-popover-boxshadow-color)}
15318
+ let s$3 = class s{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{});}closestElement(e,t=this,i=(t,s=t&&t.closest(e))=>t&&t!==document&&t!==window?s||i(t.getRootNode().host):null){return i(t)}handleComponentTagRename(e,t){const i=t.toLowerCase();e.tagName.toLowerCase()!==i&&e.setAttribute(i,true);}elementMatch(e,t){const i=t.toLowerCase();return e.tagName.toLowerCase()===i||e.hasAttribute(i)}getSlotText(e,t){const i=e.shadowRoot?.querySelector(`slot[name="${t}"]`);return (i?.assignedNodes({flatten:true})||[]).map(e=>e.textContent?.trim()).join(" ").trim()||null}};var r$1$1="top",o="bottom",n$1$1="right",a="left",l$3$1="auto",c$3$1=[r$1$1,o,n$1$1,a],p$6$1="start",d$3$1="end",f$6$1="viewport",h$3$1="popper",u$6$1=c$3$1.reduce(function(e,t){return e.concat([t+"-"+p$6$1,t+"-"+d$3$1])},[]),m$6$1=[].concat(c$3$1,[l$3$1]).reduce(function(e,t){return e.concat([t,t+"-"+p$6$1,t+"-"+d$3$1])},[]),g$6$1=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function v$3$1(e){return e?(e.nodeName||"").toLowerCase():null}function y$6$1(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function w$6$1(e){return e instanceof y$6$1(e).Element||e instanceof Element}function b$3$1(e){return e instanceof y$6$1(e).HTMLElement||e instanceof HTMLElement}function x$3$1(e){return "undefined"!=typeof ShadowRoot&&(e instanceof y$6$1(e).ShadowRoot||e instanceof ShadowRoot)}var S$3$1={name:"applyStyles",enabled:true,phase:"write",fn:function(e){var t=e.state;Object.keys(t.elements).forEach(function(e){var i=t.styles[e]||{},s=t.attributes[e]||{},r=t.elements[e];b$3$1(r)&&v$3$1(r)&&(Object.assign(r.style,i),Object.keys(s).forEach(function(e){var t=s[e];false===t?r.removeAttribute(e):r.setAttribute(e,true===t?"":t);}));});},effect:function(e){var t=e.state,i={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,i.popper),t.styles=i,t.elements.arrow&&Object.assign(t.elements.arrow.style,i.arrow),function(){Object.keys(t.elements).forEach(function(e){var s=t.elements[e],r=t.attributes[e]||{},o=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:i[e]).reduce(function(e,t){return e[t]="",e},{});b$3$1(s)&&v$3$1(s)&&(Object.assign(s.style,o),Object.keys(r).forEach(function(e){s.removeAttribute(e);}));});}},requires:["computeStyles"]};function _$4$1(e){return e.split("-")[0]}var A$3$1=Math.max,O=Math.min,k$6$1=Math.round;function T$3$1(){var e=navigator.userAgentData;return null!=e&&e.brands&&Array.isArray(e.brands)?e.brands.map(function(e){return e.brand+"/"+e.version}).join(" "):navigator.userAgent}function z$6$1(){return !/^((?!chrome|android).)*safari/i.test(T$3$1())}function E(e,t,i){ void 0===t&&(t=false),void 0===i&&(i=false);var s=e.getBoundingClientRect(),r=1,o=1;t&&b$3$1(e)&&(r=e.offsetWidth>0&&k$6$1(s.width)/e.offsetWidth||1,o=e.offsetHeight>0&&k$6$1(s.height)/e.offsetHeight||1);var n=(w$6$1(e)?y$6$1(e):window).visualViewport,a=!z$6$1()&&i,l=(s.left+(a&&n?n.offsetLeft:0))/r,c=(s.top+(a&&n?n.offsetTop:0))/o,p=s.width/r,d=s.height/o;return {width:p,height:d,top:c,right:l+p,bottom:c+d,left:l,x:l,y:c}}function M$6$1(e){var t=E(e),i=e.offsetWidth,s=e.offsetHeight;return Math.abs(t.width-i)<=1&&(i=t.width),Math.abs(t.height-s)<=1&&(s=t.height),{x:e.offsetLeft,y:e.offsetTop,width:i,height:s}}function B$3$1(e,t){var i=t.getRootNode&&t.getRootNode();if(e.contains(t))return true;if(i&&x$3$1(i)){var s=t;do{if(s&&e.isSameNode(s))return true;s=s.parentNode||s.host;}while(s)}return false}function L(e){return y$6$1(e).getComputedStyle(e)}function R$3$1(e){return ["table","td","th"].indexOf(v$3$1(e))>=0}function H$3$1(e){return ((w$6$1(e)?e.ownerDocument:e.document)||window.document).documentElement}function C$3$1(e){return "html"===v$3$1(e)?e:e.assignedSlot||e.parentNode||(x$3$1(e)?e.host:null)||H$3$1(e)}function D(e){return b$3$1(e)&&"fixed"!==L(e).position?e.offsetParent:null}function N$3$1(e){for(var t=y$6$1(e),i=D(e);i&&R$3$1(i)&&"static"===L(i).position;)i=D(i);return i&&("html"===v$3$1(i)||"body"===v$3$1(i)&&"static"===L(i).position)?t:i||function(e){var t=/firefox/i.test(T$3$1());if(/Trident/i.test(T$3$1())&&b$3$1(e)&&"fixed"===L(e).position)return null;var i=C$3$1(e);for(x$3$1(i)&&(i=i.host);b$3$1(i)&&["html","body"].indexOf(v$3$1(i))<0;){var s=L(i);if("none"!==s.transform||"none"!==s.perspective||"paint"===s.contain||-1!==["transform","perspective"].indexOf(s.willChange)||t&&"filter"===s.willChange||t&&s.filter&&"none"!==s.filter)return i;i=i.parentNode;}return null}(e)||t}function P(e){return ["top","bottom"].indexOf(e)>=0?"x":"y"}function j(e,t,i){return A$3$1(e,O(t,i))}function I(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function q$3$1(e,t){return t.reduce(function(t,i){return t[i]=e,t},{})}var F={name:"arrow",enabled:true,phase:"main",fn:function(e){var t,i=e.state,s=e.name,l=e.options,p=i.elements.arrow,d=i.modifiersData.popperOffsets,f=_$4$1(i.placement),h=P(f),u=[a,n$1$1].indexOf(f)>=0?"height":"width";if(p&&d){var m=function(e,t){return I("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:q$3$1(e,c$3$1))}(l.padding,i),g=M$6$1(p),v="y"===h?r$1$1:a,y="y"===h?o:n$1$1,w=i.rects.reference[u]+i.rects.reference[h]-d[h]-i.rects.popper[u],b=d[h]-i.rects.reference[h],x=N$3$1(p),S=x?"y"===h?x.clientHeight||0:x.clientWidth||0:0,A=w/2-b/2,O=m[v],k=S-g[u]-m[y],T=S/2-g[u]/2+A,z=j(O,T,k),E=h;i.modifiersData[s]=((t={})[E]=z,t.centerOffset=z-T,t);}},effect:function(e){var t=e.state,i=e.options.element,s=void 0===i?"[data-popper-arrow]":i;null!=s&&("string"!=typeof s||(s=t.elements.popper.querySelector(s)))&&B$3$1(t.elements.popper,s)&&(t.elements.arrow=s);},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function U$3$1(e){return e.split("-")[1]}var V={top:"auto",right:"auto",bottom:"auto",left:"auto"};function W(e){var t,i=e.popper,s=e.popperRect,l=e.placement,c=e.variation,p=e.offsets,f=e.position,h=e.gpuAcceleration,u=e.adaptive,m=e.roundOffsets,g=e.isFixed,v=p.x,w=void 0===v?0:v,b=p.y,x=void 0===b?0:b,S="function"==typeof m?m({x:w,y:x}):{x:w,y:x};w=S.x,x=S.y;var _=p.hasOwnProperty("x"),A=p.hasOwnProperty("y"),O=a,T=r$1$1,z=window;if(u){var E=N$3$1(i),M="clientHeight",B="clientWidth";if(E===y$6$1(i)&&"static"!==L(E=H$3$1(i)).position&&"absolute"===f&&(M="scrollHeight",B="scrollWidth"),l===r$1$1||(l===a||l===n$1$1)&&c===d$3$1)T=o,x-=(g&&E===z&&z.visualViewport?z.visualViewport.height:E[M])-s.height,x*=h?1:-1;if(l===a||(l===r$1$1||l===o)&&c===d$3$1)O=n$1$1,w-=(g&&E===z&&z.visualViewport?z.visualViewport.width:E[B])-s.width,w*=h?1:-1;}var R,C=Object.assign({position:f},u&&V),D=true===m?function(e,t){var i=e.x,s=e.y,r=t.devicePixelRatio||1;return {x:k$6$1(i*r)/r||0,y:k$6$1(s*r)/r||0}}({x:w,y:x},y$6$1(i)):{x:w,y:x};return w=D.x,x=D.y,h?Object.assign({},C,((R={})[T]=A?"0":"",R[O]=_?"0":"",R.transform=(z.devicePixelRatio||1)<=1?"translate("+w+"px, "+x+"px)":"translate3d("+w+"px, "+x+"px, 0)",R)):Object.assign({},C,((t={})[T]=A?x+"px":"",t[O]=_?w+"px":"",t.transform="",t))}var X={passive:true};var $={left:"right",right:"left",bottom:"top",top:"bottom"};function G(e){return e.replace(/left|right|bottom|top/g,function(e){return $[e]})}var K={start:"end",end:"start"};function Y(e){return e.replace(/start|end/g,function(e){return K[e]})}function J(e){var t=y$6$1(e);return {scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function Q(e){return E(H$3$1(e)).left+J(e).scrollLeft}function Z(e){var t=L(e),i=t.overflow,s=t.overflowX,r=t.overflowY;return /auto|scroll|overlay|hidden/.test(i+r+s)}function ee(e){return ["html","body","#document"].indexOf(v$3$1(e))>=0?e.ownerDocument.body:b$3$1(e)&&Z(e)?e:ee(C$3$1(e))}function te(e,t){var i;void 0===t&&(t=[]);var s=ee(e),r=s===(null==(i=e.ownerDocument)?void 0:i.body),o=y$6$1(s),n=r?[o].concat(o.visualViewport||[],Z(s)?s:[]):s,a=t.concat(n);return r?a:a.concat(te(C$3$1(n)))}function ie(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function se(e,t,i){return t===f$6$1?ie(function(e,t){var i=y$6$1(e),s=H$3$1(e),r=i.visualViewport,o=s.clientWidth,n=s.clientHeight,a=0,l=0;if(r){o=r.width,n=r.height;var c=z$6$1();(c||!c&&"fixed"===t)&&(a=r.offsetLeft,l=r.offsetTop);}return {width:o,height:n,x:a+Q(e),y:l}}(e,i)):w$6$1(t)?function(e,t){var i=E(e,false,"fixed"===t);return i.top=i.top+e.clientTop,i.left=i.left+e.clientLeft,i.bottom=i.top+e.clientHeight,i.right=i.left+e.clientWidth,i.width=e.clientWidth,i.height=e.clientHeight,i.x=i.left,i.y=i.top,i}(t,i):ie(function(e){var t,i=H$3$1(e),s=J(e),r=null==(t=e.ownerDocument)?void 0:t.body,o=A$3$1(i.scrollWidth,i.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),n=A$3$1(i.scrollHeight,i.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),a=-s.scrollLeft+Q(e),l=-s.scrollTop;return "rtl"===L(r||i).direction&&(a+=A$3$1(i.clientWidth,r?r.clientWidth:0)-o),{width:o,height:n,x:a,y:l}}(H$3$1(e)))}function re(e,t,i,s){var r="clippingParents"===t?function(e){var t=te(C$3$1(e)),i=["absolute","fixed"].indexOf(L(e).position)>=0&&b$3$1(e)?N$3$1(e):e;return w$6$1(i)?t.filter(function(e){return w$6$1(e)&&B$3$1(e,i)&&"body"!==v$3$1(e)}):[]}(e):[].concat(t),o=[].concat(r,[i]),n=o[0],a=o.reduce(function(t,i){var r=se(e,i,s);return t.top=A$3$1(r.top,t.top),t.right=O(r.right,t.right),t.bottom=O(r.bottom,t.bottom),t.left=A$3$1(r.left,t.left),t},se(e,n,s));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}function oe(e){var t,i=e.reference,s=e.element,l=e.placement,c=l?_$4$1(l):null,f=l?U$3$1(l):null,h=i.x+i.width/2-s.width/2,u=i.y+i.height/2-s.height/2;switch(c){case r$1$1:t={x:h,y:i.y-s.height};break;case o:t={x:h,y:i.y+i.height};break;case n$1$1:t={x:i.x+i.width,y:u};break;case a:t={x:i.x-s.width,y:u};break;default:t={x:i.x,y:i.y};}var m=c?P(c):null;if(null!=m){var g="y"===m?"height":"width";switch(f){case p$6$1:t[m]=t[m]-(i[g]/2-s[g]/2);break;case d$3$1:t[m]=t[m]+(i[g]/2-s[g]/2);}}return t}function ne(e,t){ void 0===t&&(t={});var i=t,s=i.placement,a=void 0===s?e.placement:s,l=i.strategy,p=void 0===l?e.strategy:l,d=i.boundary,u=void 0===d?"clippingParents":d,m=i.rootBoundary,g=void 0===m?f$6$1:m,v=i.elementContext,y=void 0===v?h$3$1:v,b=i.altBoundary,x=void 0!==b&&b,S=i.padding,_=void 0===S?0:S,A=I("number"!=typeof _?_:q$3$1(_,c$3$1)),O=y===h$3$1?"reference":h$3$1,k=e.rects.popper,T=e.elements[x?O:y],z=re(w$6$1(T)?T:T.contextElement||H$3$1(e.elements.popper),u,g,p),M=E(e.elements.reference),B=oe({reference:M,element:k,placement:a}),L=ie(Object.assign({},k,B)),R=y===h$3$1?L:M,C={top:z.top-R.top+A.top,bottom:R.bottom-z.bottom+A.bottom,left:z.left-R.left+A.left,right:R.right-z.right+A.right},D=e.modifiersData.offset;if(y===h$3$1&&D){var N=D[a];Object.keys(C).forEach(function(e){var t=[n$1$1,o].indexOf(e)>=0?1:-1,i=[r$1$1,o].indexOf(e)>=0?"y":"x";C[e]+=N[i]*t;});}return C}function ae(e,t){ void 0===t&&(t={});var i=t,s=i.placement,r=i.boundary,o=i.rootBoundary,n=i.padding,a=i.flipVariations,l=i.allowedAutoPlacements,p=void 0===l?m$6$1:l,d=U$3$1(s),f=d?a?u$6$1:u$6$1.filter(function(e){return U$3$1(e)===d}):c$3$1,h=f.filter(function(e){return p.indexOf(e)>=0});0===h.length&&(h=f);var g=h.reduce(function(t,i){return t[i]=ne(e,{placement:i,boundary:r,rootBoundary:o,padding:n})[_$4$1(i)],t},{});return Object.keys(g).sort(function(e,t){return g[e]-g[t]})}var le={name:"flip",enabled:true,phase:"main",fn:function(e){var t=e.state,i=e.options,s=e.name;if(!t.modifiersData[s]._skip){for(var c=i.mainAxis,d=void 0===c||c,f=i.altAxis,h=void 0===f||f,u=i.fallbackPlacements,m=i.padding,g=i.boundary,v=i.rootBoundary,y=i.altBoundary,w=i.flipVariations,b=void 0===w||w,x=i.allowedAutoPlacements,S=t.options.placement,A=_$4$1(S),O=u||(A===S||!b?[G(S)]:function(e){if(_$4$1(e)===l$3$1)return [];var t=G(e);return [Y(e),t,Y(t)]}(S)),k=[S].concat(O).reduce(function(e,i){return e.concat(_$4$1(i)===l$3$1?ae(t,{placement:i,boundary:g,rootBoundary:v,padding:m,flipVariations:b,allowedAutoPlacements:x}):i)},[]),T=t.rects.reference,z=t.rects.popper,E=new Map,M=true,B=k[0],L=0;L<k.length;L++){var R=k[L],H=_$4$1(R),C=U$3$1(R)===p$6$1,D=[r$1$1,o].indexOf(H)>=0,N=D?"width":"height",P=ne(t,{placement:R,boundary:g,rootBoundary:v,altBoundary:y,padding:m}),j=D?C?n$1$1:a:C?o:r$1$1;T[N]>z[N]&&(j=G(j));var I=G(j),q=[];if(d&&q.push(P[H]<=0),h&&q.push(P[j]<=0,P[I]<=0),q.every(function(e){return e})){B=R,M=false;break}E.set(R,q);}if(M)for(var F=function(e){var t=k.find(function(t){var i=E.get(t);if(i)return i.slice(0,e).every(function(e){return e})});if(t)return B=t,"break"},V=b?3:1;V>0;V--){if("break"===F(V))break}t.placement!==B&&(t.modifiersData[s]._skip=true,t.placement=B,t.reset=true);}},requiresIfExists:["offset"],data:{_skip:false}};function ce(e,t,i){return void 0===i&&(i={x:0,y:0}),{top:e.top-t.height-i.y,right:e.right-t.width+i.x,bottom:e.bottom-t.height+i.y,left:e.left-t.width-i.x}}function pe(e){return [r$1$1,n$1$1,o,a].some(function(t){return e[t]>=0})}var de={name:"offset",enabled:true,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,i=e.options,s=e.name,o=i.offset,l=void 0===o?[0,0]:o,c=m$6$1.reduce(function(e,i){return e[i]=function(e,t,i){var s=_$4$1(e),o=[a,r$1$1].indexOf(s)>=0?-1:1,l="function"==typeof i?i(Object.assign({},t,{placement:e})):i,c=l[0],p=l[1];return c=c||0,p=(p||0)*o,[a,n$1$1].indexOf(s)>=0?{x:p,y:c}:{x:c,y:p}}(i,t.rects,l),e},{}),p=c[t.placement],d=p.x,f=p.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=d,t.modifiersData.popperOffsets.y+=f),t.modifiersData[s]=c;}};var fe={name:"preventOverflow",enabled:true,phase:"main",fn:function(e){var t=e.state,i=e.options,s=e.name,l=i.mainAxis,c=void 0===l||l,d=i.altAxis,f=void 0!==d&&d,h=i.boundary,u=i.rootBoundary,m=i.altBoundary,g=i.padding,v=i.tether,y=void 0===v||v,w=i.tetherOffset,b=void 0===w?0:w,x=ne(t,{boundary:h,rootBoundary:u,padding:g,altBoundary:m}),S=_$4$1(t.placement),k=U$3$1(t.placement),T=!k,z=P(S),E="x"===z?"y":"x",B=t.modifiersData.popperOffsets,L=t.rects.reference,R=t.rects.popper,H="function"==typeof b?b(Object.assign({},t.rects,{placement:t.placement})):b,C="number"==typeof H?{mainAxis:H,altAxis:H}:Object.assign({mainAxis:0,altAxis:0},H),D=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,I={x:0,y:0};if(B){if(c){var q,F="y"===z?r$1$1:a,V="y"===z?o:n$1$1,W="y"===z?"height":"width",X=B[z],$=X+x[F],G=X-x[V],K=y?-R[W]/2:0,Y=k===p$6$1?L[W]:R[W],J=k===p$6$1?-R[W]:-L[W],Q=t.elements.arrow,Z=y&&Q?M$6$1(Q):{width:0,height:0},ee=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},te=ee[F],ie=ee[V],se=j(0,L[W],Z[W]),re=T?L[W]/2-K-se-te-C.mainAxis:Y-se-te-C.mainAxis,oe=T?-L[W]/2+K+se+ie+C.mainAxis:J+se+ie+C.mainAxis,ae=t.elements.arrow&&N$3$1(t.elements.arrow),le=ae?"y"===z?ae.clientTop||0:ae.clientLeft||0:0,ce=null!=(q=null==D?void 0:D[z])?q:0,pe=X+oe-ce,de=j(y?O($,X+re-ce-le):$,X,y?A$3$1(G,pe):G);B[z]=de,I[z]=de-X;}if(f){var fe,he="x"===z?r$1$1:a,ue="x"===z?o:n$1$1,me=B[E],ge="y"===E?"height":"width",ve=me+x[he],ye=me-x[ue],we=-1!==[r$1$1,a].indexOf(S),be=null!=(fe=null==D?void 0:D[E])?fe:0,xe=we?ve:me-L[ge]-R[ge]-be+C.altAxis,Se=we?me+L[ge]+R[ge]-be-C.altAxis:ye,_e=y&&we?function(e,t,i){var s=j(e,t,i);return s>i?i:s}(xe,me,Se):j(y?xe:ve,me,y?Se:ye);B[E]=_e,I[E]=_e-me;}t.modifiersData[s]=I;}},requiresIfExists:["offset"]};function he(e,t,i){ void 0===i&&(i=false);var s,r,o=b$3$1(t),n=b$3$1(t)&&function(e){var t=e.getBoundingClientRect(),i=k$6$1(t.width)/e.offsetWidth||1,s=k$6$1(t.height)/e.offsetHeight||1;return 1!==i||1!==s}(t),a=H$3$1(t),l=E(e,n,i),c={scrollLeft:0,scrollTop:0},p={x:0,y:0};return (o||!o&&!i)&&(("body"!==v$3$1(t)||Z(a))&&(c=(s=t)!==y$6$1(s)&&b$3$1(s)?{scrollLeft:(r=s).scrollLeft,scrollTop:r.scrollTop}:J(s)),b$3$1(t)?((p=E(t,true)).x+=t.clientLeft,p.y+=t.clientTop):a&&(p.x=Q(a))),{x:l.left+c.scrollLeft-p.x,y:l.top+c.scrollTop-p.y,width:l.width,height:l.height}}function ue(e){var t=new Map,i=new Set,s=[];function r(e){i.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach(function(e){if(!i.has(e)){var s=t.get(e);s&&r(s);}}),s.push(e);}return e.forEach(function(e){t.set(e.name,e);}),e.forEach(function(e){i.has(e.name)||r(e);}),s}var me={placement:"bottom",modifiers:[],strategy:"absolute"};function ge(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];return !t.some(function(e){return !(e&&"function"==typeof e.getBoundingClientRect)})}function ve(e){ void 0===e&&(e={});var t=e,i=t.defaultModifiers,s=void 0===i?[]:i,r=t.defaultOptions,o=void 0===r?me:r;return function(e,t,i){ void 0===i&&(i=o);var r,n,a={placement:"bottom",orderedModifiers:[],options:Object.assign({},me,o),modifiersData:{},elements:{reference:e,popper:t},attributes:{},styles:{}},l=[],c=false,p={state:a,setOptions:function(i){var r="function"==typeof i?i(a.options):i;d(),a.options=Object.assign({},o,a.options,r),a.scrollParents={reference:w$6$1(e)?te(e):e.contextElement?te(e.contextElement):[],popper:te(t)};var n,c,f=function(e){var t=ue(e);return g$6$1.reduce(function(e,i){return e.concat(t.filter(function(e){return e.phase===i}))},[])}((n=[].concat(s,a.options.modifiers),c=n.reduce(function(e,t){var i=e[t.name];return e[t.name]=i?Object.assign({},i,t,{options:Object.assign({},i.options,t.options),data:Object.assign({},i.data,t.data)}):t,e},{}),Object.keys(c).map(function(e){return c[e]})));return a.orderedModifiers=f.filter(function(e){return e.enabled}),a.orderedModifiers.forEach(function(e){var t=e.name,i=e.options,s=void 0===i?{}:i,r=e.effect;if("function"==typeof r){var o=r({state:a,name:t,instance:p,options:s}),n=function(){};l.push(o||n);}}),p.update()},forceUpdate:function(){if(!c){var e=a.elements,t=e.reference,i=e.popper;if(ge(t,i)){a.rects={reference:he(t,N$3$1(i),"fixed"===a.options.strategy),popper:M$6$1(i)},a.reset=false,a.placement=a.options.placement,a.orderedModifiers.forEach(function(e){return a.modifiersData[e.name]=Object.assign({},e.data)});for(var s=0;s<a.orderedModifiers.length;s++)if(true!==a.reset){var r=a.orderedModifiers[s],o=r.fn,n=r.options,l=void 0===n?{}:n,d=r.name;"function"==typeof o&&(a=o({state:a,options:l,name:d,instance:p})||a);}else a.reset=false,s=-1;}}},update:(r=function(){return new Promise(function(e){p.forceUpdate(),e(a);})},function(){return n||(n=new Promise(function(e){Promise.resolve().then(function(){n=void 0,e(r());});})),n}),destroy:function(){d(),c=true;}};if(!ge(e,t))return p;function d(){l.forEach(function(e){return e()}),l=[];}return p.setOptions(i).then(function(e){!c&&i.onFirstUpdate&&i.onFirstUpdate(e);}),p}}var ye=ve({defaultModifiers:[{name:"eventListeners",enabled:true,phase:"write",fn:function(){},effect:function(e){var t=e.state,i=e.instance,s=e.options,r=s.scroll,o=void 0===r||r,n=s.resize,a=void 0===n||n,l=y$6$1(t.elements.popper),c=[].concat(t.scrollParents.reference,t.scrollParents.popper);return o&&c.forEach(function(e){e.addEventListener("scroll",i.update,X);}),a&&l.addEventListener("resize",i.update,X),function(){o&&c.forEach(function(e){e.removeEventListener("scroll",i.update,X);}),a&&l.removeEventListener("resize",i.update,X);}},data:{}},{name:"popperOffsets",enabled:true,phase:"read",fn:function(e){var t=e.state,i=e.name;t.modifiersData[i]=oe({reference:t.rects.reference,element:t.rects.popper,placement:t.placement});},data:{}},{name:"computeStyles",enabled:true,phase:"beforeWrite",fn:function(e){var t=e.state,i=e.options,s=i.gpuAcceleration,r=void 0===s||s,o=i.adaptive,n=void 0===o||o,a=i.roundOffsets,l=void 0===a||a,c={placement:_$4$1(t.placement),variation:U$3$1(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:r,isFixed:"fixed"===t.options.strategy};null!=t.modifiersData.popperOffsets&&(t.styles.popper=Object.assign({},t.styles.popper,W(Object.assign({},c,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:n,roundOffsets:l})))),null!=t.modifiersData.arrow&&(t.styles.arrow=Object.assign({},t.styles.arrow,W(Object.assign({},c,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:false,roundOffsets:l})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement});},data:{}},S$3$1,de,le,fe,F,{name:"hide",enabled:true,phase:"main",requiresIfExists:["preventOverflow"],fn:function(e){var t=e.state,i=e.name,s=t.rects.reference,r=t.rects.popper,o=t.modifiersData.preventOverflow,n=ne(t,{elementContext:"reference"}),a=ne(t,{altBoundary:true}),l=ce(n,s),c=ce(a,r,o),p=pe(l),d=pe(c);t.modifiersData[i]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:p,hasPopperEscaped:d},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":p,"data-popper-escaped":d});}}]});class we{constructor(e,t,i,s){this.anchor=e,this.popover=t,this.boundaryElement=this.setBoundary(s),this.options={placement:i,visibleClass:"data-show"},this.popover.classList.remove(this.options.visibleClass);}setBoundary(e){return "string"==typeof e?document.querySelector(e)||document.body:e||document.body}show(){this.popper&&this.popper.destroy(),this.popper=ye(this.anchor,this.popover,{tooltip:this.anchor,placement:this.options.placement,modifiers:[{name:"offset",options:{offset:[0,18]}},{name:"preventOverflow",options:{mainAxis:true,boundary:this.boundaryElement,rootBoundary:"document",padding:16}}]});}triggerUpdate(){this.popper.update();}hide(){this.popover.classList.remove(this.options.visibleClass);}}var be=i$5`::slotted(*):not([onDark]),::slotted(*):not([appearance=inverse]){color:var(--ds-auro-popover-text-color)}.popover{background-color:var(--ds-auro-popover-container-color);box-shadow:var(--ds-auro-popover-boxshadow-color)}.arrow:before{background-color:var(--ds-auro-popover-container-color);box-shadow:2px 2px 1px 0 var(--ds-auro-popover-boxshadow-color)}
15319
15319
  `,xe=i$5`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden,:host(:not([data-show])) .popover,:host([disabled]) .popover,:host([addSpace]) :host(:not([data-show])) .popover{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;padding:0;border:0}.util_insetNone{padding:0}.util_insetXxxs{padding:.125rem}.util_insetXxxs--stretch{padding:.25rem .125rem}.util_insetXxxs--squish{padding:0 .125rem}.util_insetXxs{padding:.25rem}.util_insetXxs--stretch{padding:.375rem .25rem}.util_insetXxs--squish{padding:.125rem .25rem}.util_insetXs{padding:.5rem}.util_insetXs--stretch{padding:.75rem .5rem}.util_insetXs--squish{padding:.25rem .5rem}.util_insetSm{padding:.75rem}.util_insetSm--stretch{padding:1.125rem .75rem}.util_insetSm--squish{padding:.375rem .75rem}.util_insetMd{padding:1rem}.util_insetMd--stretch{padding:1.5rem 1rem}.util_insetMd--squish{padding:.5rem 1rem}.util_insetLg{padding:1.5rem}.util_insetLg--stretch{padding:2.25rem 1.5rem}.util_insetLg--squish{padding:.75rem 1.5rem}.util_insetXl{padding:2rem}.util_insetXl--stretch{padding:3rem 2rem}.util_insetXl--squish{padding:1rem 2rem}.util_insetXxl{padding:3rem}.util_insetXxl--stretch{padding:4.5rem 3rem}.util_insetXxl--squish{padding:1.5rem 3rem}.util_insetXxxl{padding:4rem}.util_insetXxxl--stretch{padding:6rem 4rem}.util_insetXxxl--squish{padding:2rem 4rem}::slotted(*){white-space:normal}::slotted(*:hover){cursor:pointer}[data-trigger-placement]::slotted(*:hover){position:relative}[data-trigger-placement]::slotted(*:hover):before{position:absolute;left:0;display:block;width:100%;height:calc(var(--ds-size-200, 1rem) + var(--ds-size-50, .25rem));content:""}[data-trigger-placement^=top]::slotted(*:hover):before{top:calc(-1 * (var(--ds-size-200, 1rem) + var(--ds-size-50, .25rem)))}[data-trigger-placement^=bottom]::slotted(*:hover):before{bottom:calc(-1 * (var(--ds-size-200, 1rem) + var(--ds-size-50, .25rem)))}:host([data-show]) .popover{z-index:var(--ds-depth-tooltip, 400)}:host([removeSpace]) .popover{margin:calc(-1 * (var(--ds-size-50, .25rem) + 1px)) 0!important}:host([addSpace]) .popover{margin:var(--ds-size-200, 1rem) 0!important}:host([addSpace]) [data-trigger-placement]::slotted(*:hover):before{height:var(--ds-size-500, 2.5rem)}:host([addSpace]) [data-trigger-placement^=top]::slotted(*:hover):before{top:calc(-1 * var(--ds-size-500, 2.5rem))}:host([addSpace]) [data-trigger-placement^=bottom]::slotted(*:hover):before{bottom:calc(-1 * var(--ds-size-500, 2.5rem))}.popover{display:inline-block;max-width:calc(100% - var(--ds-size-400, 2rem));border-radius:var(--ds-border-radius, .375rem)}@media screen and (min-width:576px){.popover{max-width:50%}}@media screen and (min-width:768px){.popover{max-width:40%}}@media screen and (min-width:1024px){.popover{max-width:27rem}}[data-popper-placement^=top]>.arrow{bottom:calc(-1 * (var(--ds-size-100, .5rem) + var(--ds-size-25, .125rem)))}[data-popper-placement^=top]>.arrow:before{top:calc(-1 * var(--ds-size-200, 1rem));left:calc(-1 * var(--ds-size-75, .375rem));transform:rotate(45deg)}[data-popper-placement^=bottom]>.arrow{top:calc(-1 * (var(--ds-size-100, .5rem) + var(--ds-size-25, .125rem)))}[data-popper-placement^=bottom]>.arrow:before{top:var(--ds-size-50, .25rem);right:calc(-1 * var(--ds-size-200, 1rem));transform:rotate(-135deg)}.arrow{position:relative;margin-top:-var(--ds-size-100,.5rem)}.arrow:before{position:absolute;width:var(--ds-size-150, .75rem);height:var(--ds-size-150, .75rem);content:""}
15320
15320
  `,Se=i$5`:host{--ds-auro-popover-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, .15));--ds-auro-popover-container-color: var(--ds-basic-color-surface-default, #ffffff);--ds-auro-popover-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}
15321
- `;class _e extends i$3{constructor(){super(),this.placement="top",this._onTouchStart=null,this._onTriggerMouseEnter=null,this._onTriggerMouseLeave=null,this._onTriggerFocus=null,this._onTriggerBlur=null,this._onTriggerKeydown=null,this._onHidePopover=null,this._onBodyMouseover=null,this._onSlotChange=null,this._addedTabIndex=false;}_initializeDefaults(){this.isPopoverVisible=false,this.runtimeUtils=new s$3;}static get properties(){return {addSpace:{type:Boolean,reflect:true},boundary:{type:String},disabled:{type:Boolean,reflect:true},for:{type:String,reflect:true},placement:{type:String},removeSpace:{type:Boolean,reflect:true}}}static get styles(){return [i$5`${xe}`,i$5`${be}`,i$5`${Se}`]}static register(e="auro-popover"){s$3.prototype.registerComponent(e,_e);}connectedCallback(){super.connectedCallback(),this._initializeDefaults(),this._onTouchStart||(this._onTouchStart=()=>{this.toggle();}),this.addEventListener("touchstart",this._onTouchStart);}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("touchstart",this._onTouchStart),this.trigger&&(this._onTriggerMouseEnter&&this._eventTarget.removeEventListener("mouseenter",this._onTriggerMouseEnter),this._onTriggerMouseLeave&&this._eventTarget.removeEventListener("mouseleave",this._onTriggerMouseLeave),this._onTriggerFocus&&this.trigger.removeEventListener("focus",this._onTriggerFocus),this._onTriggerBlur&&this.trigger.removeEventListener("blur",this._onTriggerBlur),this._onTriggerKeydown&&this.trigger.removeEventListener("keydown",this._onTriggerKeydown),this._onSlotChange&&this.shadowRoot?.querySelector("slot:not([name])")?.removeEventListener("slotchange",this._onSlotChange),this.trigger.removeAttribute("aria-description"),this._addedTabIndex&&"0"===this.trigger.getAttribute("tabindex")&&this.trigger.removeAttribute("tabindex")),this._onHidePopover&&this.removeEventListener("hidePopover",this._onHidePopover),this._onBodyMouseover&&document.body.removeEventListener("mouseover",this._onBodyMouseover),this.popper?.popper&&"function"==typeof this.popper.popper.destroy&&(this.popper.popper.destroy(),this.popper.popper=null);}firstUpdated(){if(this.runtimeUtils.handleComponentTagRename(this,"auro-popover"),this.for&&(this.trigger=document.querySelector(`#${this.for}`)||this.getRootNode().querySelector(`#${this.for}`)),this.trigger||([this.trigger]=this.shadowRoot.querySelector('slot[name="trigger"]').assignedElements()),!this.trigger)return;const e=this.trigger.tabIndex>=0,t=!!this.trigger.shadowRoot&&Boolean(this.trigger.shadowRoot.querySelector('button:not([disabled]), a[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'));e||t||this.trigger.hasAttribute("tabindex")||(this.trigger.setAttribute("tabindex","0"),this._addedTabIndex=true);const i=this.shadowRoot.querySelector("slot:not([name])"),s=()=>i.assignedNodes({flatten:true}).map(e=>e.textContent??"").join(" ").replace(/\s+/g," ").trim();this.trigger.setAttribute("aria-description",s()),this._onSlotChange=()=>{this.trigger?.setAttribute("aria-description",s());},i.addEventListener("slotchange",this._onSlotChange),this.auroPopover=this.shadowRoot.querySelector("#popover"),this.popper=new we(this.trigger,this.auroPopover,this.placement,this.boundary),this._onBodyMouseover=e=>this.handleMouseoverEvent(e),this._onTriggerMouseEnter=()=>{this.toggleShow();},this._onTriggerMouseLeave=()=>{this.toggleHide();},this._onTriggerFocus=()=>{this.toggleShow();},this._onTriggerBlur=()=>{this.toggleHide();},this._onTriggerKeydown=e=>{const t=e.key.toLowerCase();this.isPopoverVisible&&("tab"!==t&&"escape"!==t||this.toggleHide())," "!==t&&"enter"!==t||(" "===t&&this._addedTabIndex&&e.preventDefault(),this.toggle());},this._onHidePopover=()=>{this.toggleHide();},this._eventTarget=this.trigger.parentElement.localName===this.localName?this:this.trigger,this._eventTarget.addEventListener("mouseenter",this._onTriggerMouseEnter),this._eventTarget.addEventListener("mouseleave",this._onTriggerMouseLeave),this.trigger.addEventListener("keydown",this._onTriggerKeydown),this.trigger.addEventListener("focus",this._onTriggerFocus),this.trigger.addEventListener("blur",this._onTriggerBlur),this.addEventListener("hidePopover",this._onHidePopover);}toggle(){this.popper&&(this.isPopoverVisible?this.toggleHide():this.toggleShow());}toggleHide(){this.isPopoverVisible=false,this.removeAttribute("data-show"),this._onBodyMouseover&&document.body.removeEventListener("mouseover",this._onBodyMouseover),this.popper&&this.popper.hide();}toggleShow(){this.popper&&(this.popper.show(),this.isPopoverVisible=true,this.setAttribute("data-show","true"),document.body.addEventListener("mouseover",this._onBodyMouseover));}handleMouseoverEvent(e){this.isPopoverVisible&&!e.composedPath().includes(this)&&this.toggleHide();}updated(e){e.has("boundary")&&this.popper&&(this.popper.boundaryElement=this.popper.setBoundary(this.boundary));}render(){return b$8`
15322
- <div id="popover" class="popover util_insetLg body-default" part="popover">
15321
+ `;class _e extends i$3{constructor(){super(),this.placement="top",this.isPopoverVisible=false,this._onTouchStart=null,this._onTriggerMouseEnter=null,this._onTriggerMouseLeave=null,this._onTriggerFocus=null,this._onTriggerBlur=null,this._onTriggerKeydown=null,this._onHidePopover=null,this._onBodyMouseover=null,this._onSlotChange=null,this._addedTabIndex=false;}_initializeDefaults(){this.runtimeUtils=new s$3;}static get properties(){return {addSpace:{type:Boolean,reflect:true},boundary:{type:String},disabled:{type:Boolean,reflect:true},for:{type:String,reflect:true},placement:{type:String},removeSpace:{type:Boolean,reflect:true},isPopoverVisible:{type:Boolean,reflect:true,attribute:"data-show",converter:{fromAttribute:e=>null!==e,toAttribute:e=>e?"true":null}}}}static get styles(){return [i$5`${xe}`,i$5`${be}`,i$5`${Se}`]}static register(e="auro-popover"){s$3.prototype.registerComponent(e,_e);}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","none"),this._initializeDefaults(),this._onTouchStart||(this._onTouchStart=()=>{this.toggle();}),this.addEventListener("touchstart",this._onTouchStart);}disconnectedCallback(){if(super.disconnectedCallback(),this.removeEventListener("touchstart",this._onTouchStart),this.trigger){this._onTriggerMouseEnter&&this._eventTarget.removeEventListener("mouseenter",this._onTriggerMouseEnter),this._onTriggerMouseLeave&&this._eventTarget.removeEventListener("mouseleave",this._onTriggerMouseLeave),this._onTriggerFocus&&this.trigger.removeEventListener("focusin",this._onTriggerFocus),this._onTriggerBlur&&this.trigger.removeEventListener("focusout",this._onTriggerBlur),this._onTriggerKeydown&&this.trigger.removeEventListener("keydown",this._onTriggerKeydown),this._onSlotChange&&this.shadowRoot?.querySelector("slot:not([name])")?.removeEventListener("slotchange",this._onSlotChange);for(const e of this._ariaDescriptionTargets||[this.trigger])e.removeAttribute("aria-description");this._addedTabIndex&&"0"===this.trigger.getAttribute("tabindex")&&this.trigger.removeAttribute("tabindex");}this._onHidePopover&&this.removeEventListener("hidePopover",this._onHidePopover),this._onBodyMouseover&&document.body.removeEventListener("mouseover",this._onBodyMouseover),this.popper?.popper&&"function"==typeof this.popper.popper.destroy&&(this.popper.popper.destroy(),this.popper.popper=null);}firstUpdated(){this.runtimeUtils.handleComponentTagRename(this,"auro-popover"),this.for&&(this.trigger=document.querySelector(`#${this.for}`)||this.getRootNode().querySelector(`#${this.for}`)),this.trigger||([this.trigger]=this.shadowRoot.querySelector('slot[name="trigger"]').assignedElements()),this.trigger&&(this._setupAccessibility(),this._setupEventListeners(),this.isPopoverVisible&&this.popper&&(this.disabled?this.isPopoverVisible=false:(this.popper.show(),document.body.addEventListener("mouseover",this._onBodyMouseover))));}_setupEventListeners(){this.auroPopover=this.shadowRoot.querySelector("#popover"),this.popper=new we(this.trigger,this.auroPopover,this.placement,this.boundary),this._onBodyMouseover=e=>this.handleMouseoverEvent(e),this._onTriggerMouseEnter=()=>{this.toggleShow();},this._onTriggerMouseLeave=()=>{this.toggleHide();},this._onTriggerFocus=()=>{this.toggleShow();},this._onTriggerBlur=e=>{let t=e.relatedTarget,i=false;for(;t;){if(this.trigger.contains(t)||this.contains(t)){i=true;break}const e=t.getRootNode();t=e instanceof ShadowRoot?e.host:null;}i||this.toggleHide();},this._onTriggerKeydown=e=>{const t=e.key.toLowerCase();if(this.isPopoverVisible&&("tab"!==t&&"escape"!==t||this.toggleHide())," "===t||"enter"===t){if(e.target!==this.trigger&&!this._addedTabIndex)return;" "===t&&this._addedTabIndex&&e.preventDefault(),this.toggle();}},this._onHidePopover=()=>{this.toggleHide();},this._eventTarget=this.trigger.parentElement.localName===this.localName?this:this.trigger,this._eventTarget.addEventListener("mouseenter",this._onTriggerMouseEnter),this._eventTarget.addEventListener("mouseleave",this._onTriggerMouseLeave),this.trigger.addEventListener("keydown",this._onTriggerKeydown),this.trigger.addEventListener("focusin",this._onTriggerFocus),this.trigger.addEventListener("focusout",this._onTriggerBlur),this.addEventListener("hidePopover",this._onHidePopover);}_setupAccessibility(){const e=this.trigger.tabIndex>=0,t='button:not([disabled]), a[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex^="-"]), [contenteditable]:not([contenteditable="false"]), summary, iframe, audio[controls], video[controls]',i=e=>{if(e.tabIndex<0)return false;let t=e;for(;t;){if(t.closest("[hidden], [inert]"))return false;const e=t.getRootNode();t=e instanceof ShadowRoot?e.host:null;}return true};let s=[...this.trigger.querySelectorAll(t)].some(i);if(!s){const e=this.trigger.querySelectorAll("*");for(const r of e)if(r.localName.includes("-")&&(r.tabIndex>=0||r.shadowRoot&&[...r.shadowRoot.querySelectorAll(t)].some(i))){s=true;break}}!s&&this.trigger.localName.includes("-")&&this.trigger.shadowRoot&&(s=[...this.trigger.shadowRoot.querySelectorAll(t)].some(i)),e||s||this.trigger.hasAttribute("tabindex")||(this.trigger.setAttribute("tabindex","0"),this._addedTabIndex=true);const r=this.shadowRoot.querySelector("slot:not([name])"),o=()=>r.assignedNodes({flatten:true}).map(e=>e.textContent??"").join(" ").replace(/\s+/g," ").trim();if(this._ariaDescriptionTargets=[],!e&&s){const e=[...this.trigger.querySelectorAll(t)].filter(i);this._ariaDescriptionTargets.push(...e);const s=this.trigger.querySelectorAll("*");for(const r of s)if(r.localName.includes("-")&&!e.includes(r))if(r.tabIndex>=0)this._ariaDescriptionTargets.push(r);else if(r.shadowRoot){const e=[...r.shadowRoot.querySelectorAll(t)].filter(i);for(const t of e)this._ariaDescriptionTargets.push(t);}if(0===this._ariaDescriptionTargets.length){if(this.trigger.localName.includes("-")&&this.trigger.shadowRoot){const e=[...this.trigger.shadowRoot.querySelectorAll(t)].filter(i);this._ariaDescriptionTargets.push(...e);}0===this._ariaDescriptionTargets.length&&this._ariaDescriptionTargets.push(this.trigger);}}else this._ariaDescriptionTargets.push(this.trigger);const n=o();for(const e of this._ariaDescriptionTargets)e.setAttribute("aria-description",n);this._onSlotChange=()=>{const e=o();for(const t of this._ariaDescriptionTargets)t?.setAttribute("aria-description",e);},r.addEventListener("slotchange",this._onSlotChange);}toggle(){this.popper&&(this.isPopoverVisible?this.toggleHide():this.toggleShow());}toggleHide(){this.isPopoverVisible=false;}toggleShow(){this.popper&&!this.disabled&&(this.isPopoverVisible=true);}handleMouseoverEvent(e){this.isPopoverVisible&&!e.composedPath().includes(this)&&this.toggleHide();}updated(e){if(e.has("boundary")&&this.popper&&(this.popper.boundaryElement=this.popper.setBoundary(this.boundary)),e.has("isPopoverVisible")&&this.popper)if(this.isPopoverVisible){if(this.disabled)return void(this.isPopoverVisible=false);this.popper.show(),document.body.addEventListener("mouseover",this._onBodyMouseover);}else this._onBodyMouseover&&document.body.removeEventListener("mouseover",this._onBodyMouseover),this.popper.hide();e.has("disabled")&&this.disabled&&this.isPopoverVisible&&(this.isPopoverVisible=false);}render(){return b$8`
15322
+ <div
15323
+ id="popover"
15324
+ class="popover util_insetLg body-default"
15325
+ part="popover"
15326
+ role="tooltip"
15327
+ aria-hidden="${this.isPopoverVisible?"false":"true"}">
15323
15328
  <div id="arrow" class="arrow" data-popper-arrow></div>
15324
- <span role="tooltip"><slot></slot></span>
15329
+ <slot></slot>
15325
15330
  </div>
15326
15331
 
15327
- <span>
15332
+ <span role="presentation">
15328
15333
  <slot name="trigger" data-trigger-placement="${this.placement}"></slot>
15329
15334
  </span>
15330
15335
  `}}
@@ -15352,6 +15357,8 @@ class AuroCalendarCell extends i$3 {
15352
15357
  this._locale = null;
15353
15358
  this.dateStr = null;
15354
15359
  this.renderForDateSlot = false; // When false, the numerical date will render vertically centered. When true, the date will render off-center to the top and leave room below for the slot content.
15360
+ this.active = false;
15361
+ this.hasPopoverContent = false;
15355
15362
 
15356
15363
  this.runtimeUtils = new AuroLibraryRuntimeUtils$5$1();
15357
15364
 
@@ -15385,7 +15392,12 @@ class AuroCalendarCell extends i$3 {
15385
15392
  isCurrentDate: { type: Boolean },
15386
15393
  locale: { type: Object },
15387
15394
  dateStr: { type: String },
15388
- renderForDateSlot: { type: Boolean }
15395
+ renderForDateSlot: { type: Boolean },
15396
+ active: {
15397
+ type: Boolean,
15398
+ reflect: true
15399
+ },
15400
+ hasPopoverContent: { type: Boolean }
15389
15401
  };
15390
15402
  }
15391
15403
 
@@ -15444,13 +15456,23 @@ class AuroCalendarCell extends i$3 {
15444
15456
  * @returns {void}
15445
15457
  */
15446
15458
  handleTap() {
15447
- if (!this.disabled) {
15459
+ if (!this.disabled && !this.isBlackout()) {
15448
15460
  this.datepicker.handleCellClick(this.day.date);
15449
15461
  }
15462
+
15463
+ // Set this cell as the active cell regardless of blackout status
15464
+ if (this.day) {
15465
+ this.dispatchEvent(new CustomEvent('calendar-cell-activate', {
15466
+ bubbles: true,
15467
+ composed: true,
15468
+ detail: { date: this.day.date }
15469
+ }));
15470
+ }
15450
15471
  }
15451
15472
 
15452
15473
  /**
15453
15474
  * Handles user hover events and dispatches a custom event.
15475
+ * Always dispatches for range pickers so the preview updates correctly.
15454
15476
  * @private
15455
15477
  * @returns {void}
15456
15478
  */
@@ -15464,7 +15486,61 @@ class AuroCalendarCell extends i$3 {
15464
15486
  }
15465
15487
 
15466
15488
  /**
15467
- * Checks if the current date is a valid date depending on the min and max values.
15489
+ * Checks if the current date is outside the valid min/max range.
15490
+ * Out-of-range cells are not focusable and are hidden from screen readers.
15491
+ * @private
15492
+ * @param {Object} day - An object containing the dateFrom and day of month values.
15493
+ * @param {Number} min - The minimum date value.
15494
+ * @param {Number} max - The maximum date value.
15495
+ * @returns {Boolean} - True if the date is out of range.
15496
+ */
15497
+ isOutOfRange(day, min, max) {
15498
+ if (day && day.date != null) {
15499
+ return day.date < min || day.date > max;
15500
+ }
15501
+ return false;
15502
+ }
15503
+
15504
+ /**
15505
+ * Checks if the current date is a blackout date (in disabledDays but within range).
15506
+ * Blackout cells are focusable but not selectable.
15507
+ * @private
15508
+ * @returns {Boolean} - True if the date is a blackout date.
15509
+ */
15510
+ isBlackout() {
15511
+ if (!this.day || this.day.date == null || this.isOutOfRange(this.day, this.min, this.max)) {
15512
+ return false;
15513
+ }
15514
+
15515
+ // Check against disabledDays timestamps (legacy path)
15516
+ if (Array.isArray(this.disabledDays) && this.disabledDays.length > 0) {
15517
+ if (this.disabledDays.findIndex(d => parseInt(d, 10) === this.day.date) !== -1) {
15518
+ return true;
15519
+ }
15520
+ }
15521
+
15522
+ // Check against blackoutDates (ISO format YYYY-MM-DD) on the datepicker
15523
+ const blackoutDates = this.datepicker?.blackoutDates;
15524
+
15525
+ if (Array.isArray(blackoutDates) && blackoutDates.length > 0) {
15526
+ const date = new Date(this.day.date * 1000);
15527
+ const yyyy = date.getFullYear();
15528
+ const mm = String(date.getMonth() + 1).padStart(2, '0');
15529
+ const dd = String(date.getDate()).padStart(2, '0');
15530
+ const cellDate = `${yyyy}-${mm}-${dd}`;
15531
+ if (blackoutDates.includes(cellDate)) {
15532
+ return true;
15533
+ }
15534
+ }
15535
+
15536
+ return false;
15537
+ }
15538
+
15539
+ /**
15540
+ * Checks if the current date is disabled based on min/max range or the
15541
+ * legacy disabledDays timestamp list. Sets the `disabled` attribute on the
15542
+ * host when the date falls outside the allowed range or appears in
15543
+ * disabledDays. Note: blackout dates are handled separately by `isBlackout()`.
15468
15544
  * @private
15469
15545
  * @param {Object} day - An object containing the dateFrom and day of month values.
15470
15546
  * @param {Number} min - The minimum date value.
@@ -15484,6 +15560,91 @@ class AuroCalendarCell extends i$3 {
15484
15560
  return false;
15485
15561
  }
15486
15562
 
15563
+ /**
15564
+ * Generates a unique cell ID in the format cell-YYYY-MM-DD.
15565
+ * @private
15566
+ * @returns {String} The unique cell ID.
15567
+ */
15568
+ getCellId() {
15569
+ if (!this.day || !this.day.date) return '';
15570
+ const date = new Date(this.day.date * 1000);
15571
+ const year = date.getFullYear();
15572
+ const month = String(date.getMonth() + 1).padStart(2, '0');
15573
+ const day = String(date.getDate()).padStart(2, '0');
15574
+ return `cell-${year}-${month}-${day}`;
15575
+ }
15576
+
15577
+ /**
15578
+ * Generates a localized aria-label for the cell button using Intl.DateTimeFormat.
15579
+ * Includes range position and blackout status.
15580
+ * @private
15581
+ * @returns {String} The aria-label string.
15582
+ */
15583
+ getAriaLabel() {
15584
+ if (!this.day || this.day.date === undefined) return '';
15585
+
15586
+ const date = new Date(this.day.date * 1000);
15587
+
15588
+ // Generate localized full date string using the configured locale
15589
+ const localeCode = this.locale?.code || undefined;
15590
+ const dateFormatter = new Intl.DateTimeFormat(localeCode, {
15591
+ weekday: 'long',
15592
+ year: 'numeric',
15593
+ month: 'long',
15594
+ day: 'numeric'
15595
+ });
15596
+
15597
+ let label = dateFormatter.format(date);
15598
+
15599
+ // appending popover content here so that it gets read in a logical order with the other date content.
15600
+ if (this.hasPopoverContent) {
15601
+ label += `, ${this.querySelector(`[slot="popover_${this.dateStr}"]`).innerText.trim()}`;
15602
+ }
15603
+
15604
+ // Append range position if in range mode
15605
+ const rangePosition = this.getRangePosition();
15606
+ if (rangePosition) {
15607
+ label += `, ${rangePosition}`;
15608
+ }
15609
+
15610
+ // Append blackout label for blackout cells
15611
+ if (this.isBlackout()) {
15612
+ label += `, ${this.datepicker?.blackoutLabel || 'unavailable'}`;
15613
+ }
15614
+
15615
+ return label;
15616
+ }
15617
+
15618
+ /**
15619
+ * Determines the range position of this cell relative to the current selection.
15620
+ * @private
15621
+ * @returns {String|null} Range position label or null if not in range mode.
15622
+ */
15623
+ getRangePosition() {
15624
+ if (!this.datepicker || !this.datepicker.hasAttribute('range')) return null;
15625
+
15626
+ const parsedDateFrom = Number.parseInt(this.dateFrom, 10);
15627
+ if (!Number.isFinite(parsedDateFrom)) return null;
15628
+
15629
+ const departTimestamp = startOfDay(parsedDateFrom * 1000) / 1000;
15630
+ const dayDate = this.day.date;
15631
+
15632
+ const parsedDateTo = Number.parseInt(this.dateTo, 10);
15633
+ const hasDateTo = Number.isFinite(parsedDateTo);
15634
+ const returnTimestamp = hasDateTo ? startOfDay(parsedDateTo * 1000) / 1000 : null;
15635
+
15636
+ if (dayDate === departTimestamp) return this.datepicker.rangeLabelStart || 'range start';
15637
+
15638
+ if (hasDateTo && dayDate === returnTimestamp) return this.datepicker.rangeLabelEnd || 'range end';
15639
+
15640
+ if (dayDate < departTimestamp) return this.datepicker.rangeLabelBeforeRange || 'before range';
15641
+
15642
+ if (hasDateTo && dayDate > departTimestamp && dayDate < returnTimestamp) return this.datepicker.rangeLabelInRange || 'in range';
15643
+
15644
+ // After start date, no end date yet, or after end date
15645
+ return this.datepicker.rangeLabelAfterRange || 'after range';
15646
+ }
15647
+
15487
15648
  /**
15488
15649
  * Checks if the current date is the depart date.
15489
15650
  * @private
@@ -15645,9 +15806,9 @@ class AuroCalendarCell extends i$3 {
15645
15806
 
15646
15807
  if (popoverSlotContent) {
15647
15808
  this.appendChild(popoverSlotContent.cloneNode(true));
15648
- this.auroPopover.removeAttribute('disabled');
15809
+ this.hasPopoverContent = true;
15649
15810
  } else {
15650
- this.auroPopover.setAttribute('disabled', true);
15811
+ this.hasPopoverContent = false;
15651
15812
  }
15652
15813
  } catch (err) { // eslint-disable-line no-unused-vars
15653
15814
  // Error handling goes here
@@ -15663,13 +15824,41 @@ class AuroCalendarCell extends i$3 {
15663
15824
  return;
15664
15825
  }
15665
15826
  this.datepicker = calendar.datepicker;
15666
- this.datepicker.addEventListener('auroDatePicker-newSlotContent', () => {
15827
+ this._slotContentHandler = () => {
15667
15828
  this.handleSlotContent();
15668
- });
15829
+ // Force re-render so isBlackout()/aria-disabled reflect updated blackoutDates.
15830
+ this.requestUpdate();
15831
+ };
15832
+ this.datepicker.addEventListener('auroDatePicker-newSlotContent', this._slotContentHandler);
15833
+
15834
+ // Trigger an initial update now that `this.datepicker` is assigned so
15835
+ // cells reflect blackout/slot state that was configured before first render.
15836
+ this.requestUpdate();
15669
15837
 
15838
+ this.calendarMonth = calendarMonth;
15839
+ this.configurePopover();
15840
+ }
15841
+
15842
+ disconnectedCallback() {
15843
+ super.disconnectedCallback();
15844
+ if (this.datepicker && this._slotContentHandler) {
15845
+ this.datepicker.removeEventListener('auroDatePicker-newSlotContent', this._slotContentHandler);
15846
+ }
15847
+ }
15848
+
15849
+ /**
15850
+ * Configures the popover instance with the calendar month boundary.
15851
+ * Called from firstUpdated and updated because the popover element is only
15852
+ * rendered after hasPopoverContent becomes true (set by handleSlotContent).
15853
+ * @private
15854
+ * @returns {void}
15855
+ */
15856
+ configurePopover() {
15670
15857
  this.auroPopover = this.shadowRoot.querySelector(this.popoverTag._$litStatic$);
15671
15858
 
15672
- this.auroPopover.boundary = calendarMonth;
15859
+ if (this.auroPopover && this.calendarMonth) {
15860
+ this.auroPopover.boundary = this.calendarMonth;
15861
+ }
15673
15862
  }
15674
15863
 
15675
15864
  updated(properties) {
@@ -15677,46 +15866,88 @@ class AuroCalendarCell extends i$3 {
15677
15866
  this.dateChanged(this.dateFrom, this.dateTo, this.hoveredDate, this.day);
15678
15867
  }
15679
15868
 
15680
- this.setDateSlotName();
15681
- this.handleSlotContent();
15869
+ if (this.day) {
15870
+ this.setDateSlotName();
15871
+ this.handleSlotContent();
15872
+ }
15873
+
15874
+ // Configure popover when it first becomes rendered
15875
+ if (properties.has('hasPopoverContent') && this.hasPopoverContent) {
15876
+ this.updateComplete.then(() => this.configurePopover());
15877
+ }
15682
15878
  }
15683
15879
 
15684
- render() {
15880
+ /**
15881
+ * Programmatically focuses the cell's interactive button element.
15882
+ * @returns {void}
15883
+ */
15884
+ focusButton() {
15885
+ const button = this.shadowRoot.querySelector('button:not([aria-hidden])');
15886
+ if (button) {
15887
+ button.focus();
15888
+ }
15889
+ }
15890
+
15891
+ renderCellButton() {
15892
+ const outOfRange = this.isOutOfRange(this.day, this.min, this.max);
15893
+ const role = outOfRange ? 'presentation' : 'gridcell';
15894
+ const blackout = this.isBlackout();
15895
+
15685
15896
  const buttonClasses = {
15686
15897
  'day': true,
15687
15898
  'body-lg': true,
15688
- 'currentDate': this.currentDate,
15899
+ 'currentDate': this.isCurrentDate,
15689
15900
  'selected': this.selected,
15690
- 'inRange': this.hovered && this.isInRange(this.day, this.dateFrom, this.dateTo),
15901
+ 'inRange': this.datepicker?.hasAttribute('range') && this.hovered && this.isInRange(this.day, this.dateFrom, this.dateTo),
15691
15902
  'lastHoveredDate': this.isLastHoveredDate(this.day, this.dateFrom, this.dateTo, this.hoveredDate) && this.datepicker && this.datepicker.hasAttribute('range'),
15692
- 'disabled': this.isEnabled(this.day, this.min, this.max, this.disabledDays),
15693
- 'rangeDepartDate': this.isDepartDate(this.day, this.dateFrom) && (this.hoveredDate > this.dateFrom || this.dateTo),
15694
- 'rangeReturnDate': this.isReturnDate(this.day, this.dateFrom, this.dateTo),
15903
+ 'disabled': outOfRange,
15904
+ 'blackout': blackout,
15905
+ 'rangeDepartDate': this.datepicker?.hasAttribute('range') && this.isDepartDate(this.day, this.dateFrom) && (this.hoveredDate > this.dateFrom || this.dateTo),
15906
+ 'rangeReturnDate': this.datepicker?.hasAttribute('range') && this.isReturnDate(this.day, this.dateFrom, this.dateTo),
15695
15907
  'reference': this.isReferenceDate(this.dateStr),
15696
- 'sameDateTrip': this.dateFrom === this.dateTo
15908
+ 'sameDateTrip': this.datepicker?.hasAttribute('range') && this.dateFrom === this.dateTo
15697
15909
  };
15698
15910
 
15699
- let _a, _b;
15700
15911
  return u$d`
15701
- <${this.popoverTag}>
15702
- <slot name="popover_${this.dateStr}"></slot>
15703
- <button
15704
- slot="trigger"
15705
- @click="${this.handleTap}"
15706
- @mouseover="${this.handleHover}"
15707
- @focus="${this.handleHover}"
15708
- class="${e$3(buttonClasses)}"
15709
- ?disabled="${this.disabled}"
15710
- title="${this.getTitle((_a = this.day) === null || _a === void 0 ? void 0 : _a.date)}"
15711
- tabindex="-1">
15712
- <div class="buttonWrapper">
15713
- <div class="currentDayMarker">${(_b = this.day) === null || _b === void 0 ? void 0 : _b.title}</div>
15714
- <div class="dateSlot body-2xs" part="dateSlot">
15715
- <slot name="date_${this.dateStr}"></slot>
15716
- </div>
15717
- </div>
15718
- </button>
15719
- </${this.popoverTag}>
15912
+ <button
15913
+ slot="trigger"
15914
+ id="${this.getCellId()}"
15915
+ role="${role}"
15916
+ @click="${outOfRange ? undefined : this.handleTap}"
15917
+ @mouseover="${outOfRange ? undefined : this.handleHover}"
15918
+ @focus="${outOfRange ? undefined : this.handleHover}"
15919
+ class="${e$3(buttonClasses)}"
15920
+ ?disabled="${outOfRange}"
15921
+ aria-disabled="${blackout ? 'true' : A$7}"
15922
+ aria-hidden="${outOfRange ? 'true' : A$7}"
15923
+ aria-selected="${this.selected ? 'true' : 'false'}"
15924
+ aria-current="${this.isCurrentDate ? 'date' : A$7}"
15925
+ tabindex="${this.active ? '0' : '-1'}">
15926
+ <span class="srOnly">${this.getAriaLabel()}</span>
15927
+ <div class="buttonWrapper" aria-hidden="true">
15928
+ <div class="currentDayMarker">${this.day?.title || A$7}</div>
15929
+ </div>
15930
+ <div class="dateSlot body-2xs" part="dateSlot" ?hidden="${!this.renderForDateSlot}">
15931
+ <slot name="date_${this.dateStr}"></slot>
15932
+ </div>
15933
+ </button>
15934
+ `;
15935
+ }
15936
+
15937
+ render() {
15938
+ const hasPopoverContent = this.hasPopoverContent;
15939
+
15940
+ if (hasPopoverContent) {
15941
+ return u$d`
15942
+ <${this.popoverTag}>
15943
+ <span aria-hidden="true"><slot name="popover_${this.dateStr}"></slot></span>
15944
+ ${this.renderCellButton()}
15945
+ </${this.popoverTag}>
15946
+ `;
15947
+ }
15948
+
15949
+ return u$d`
15950
+ ${this.renderCellButton()}
15720
15951
  `;
15721
15952
  }
15722
15953
  }
@@ -15784,16 +16015,28 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
15784
16015
  return this.monthNames[month - 1];
15785
16016
  }
15786
16017
 
16018
+ /**
16019
+ * Returns the unique heading ID for this month, used by aria-labelledby.
16020
+ * @private
16021
+ * @returns {String} The heading ID.
16022
+ */
16023
+ getHeadingId() {
16024
+ return `month-heading-${this.month}-${this.year}`;
16025
+ }
16026
+
15787
16027
  /**
15788
16028
  * Determines the current month name based on locale.
16029
+ * Also builds parallel arrays of full day names for abbr attributes.
15789
16030
  * This is a rewrite of the function used in the class RangeDatepickerCalendar and should not be removed from here.
15790
16031
  * @private
15791
16032
  * @returns {void}
15792
16033
  */
15793
16034
  localeChanged() {
15794
16035
  const dayNamesOfTheWeek = [];
16036
+ const dayFullNames = [];
15795
16037
  for (let int = 0; int < 7; int += 1) {
15796
16038
  dayNamesOfTheWeek.push(this.locale.localize.day(int, { width: 'narrow' }));
16039
+ dayFullNames.push(this.locale.localize.day(int, { width: 'long' }));
15797
16040
  }
15798
16041
  const firstDayOfWeek = this.locale.options.weekStartsOn
15799
16042
  ? this.locale.options.weekStartsOn
@@ -15804,6 +16047,125 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
15804
16047
  .splice(firstDayOfWeek, dayNamesOfTheWeek.length)
15805
16048
  .concat(tmp);
15806
16049
  this.dayNamesOfTheWeek = newDayNamesOfTheWeek;
16050
+
16051
+ const tmpFull = dayFullNames.slice().splice(0, firstDayOfWeek);
16052
+ const newDayFullNames = dayFullNames
16053
+ .slice()
16054
+ .splice(firstDayOfWeek, dayFullNames.length)
16055
+ .concat(tmpFull);
16056
+ this.dayFullNames = newDayFullNames;
16057
+ }
16058
+
16059
+ /**
16060
+ * Renders a day-of-week header with abbr attribute for the full day name.
16061
+ * @private
16062
+ * @param {String} dayOfWeek - The short day name.
16063
+ * @param {Number} index - The index in the dayNamesOfTheWeek array.
16064
+ * @returns {Object} The header HTML.
16065
+ */
16066
+ renderDayOfWeek(dayOfWeek, index) {
16067
+ const fullName = this.dayFullNames ? this.dayFullNames[index] : dayOfWeek;
16068
+ return b$8`<div class="th body-default" role="columnheader"><abbr title="${fullName}">${dayOfWeek}</abbr></div>`;
16069
+ }
16070
+
16071
+ /**
16072
+ * Returns all focusable cell elements (enabled + blackout, not out-of-range) in this month.
16073
+ * @returns {Array} Array of auro-formkit-calendar-cell elements.
16074
+ */
16075
+ getFocusableCells() {
16076
+ const cells = Array.from(this.shadowRoot.querySelectorAll('auro-formkit-calendar-cell'));
16077
+ return cells.filter(cell => {
16078
+ if (!cell.day) return false;
16079
+ return !cell.isOutOfRange(cell.day, cell.min, cell.max);
16080
+ });
16081
+ }
16082
+
16083
+ /**
16084
+ * Handles arrow key navigation within the month grid.
16085
+ * Dispatches a cross-month navigation event when the boundary is reached.
16086
+ * @private
16087
+ * @param {KeyboardEvent} event - The keyboard event.
16088
+ * @returns {void}
16089
+ */
16090
+ handleGridKeyDown(event) {
16091
+ const { key } = event;
16092
+ const arrowKeys = ['ArrowRight', 'ArrowLeft', 'ArrowDown', 'ArrowUp'];
16093
+
16094
+ if (!arrowKeys.includes(key)) return;
16095
+
16096
+ event.preventDefault();
16097
+
16098
+ const focusableCells = this.getFocusableCells();
16099
+ if (focusableCells.length === 0) return;
16100
+
16101
+ // Find the currently active cell within this month
16102
+ const activeCell = focusableCells.find(cell => cell.active);
16103
+ if (!activeCell) return;
16104
+
16105
+ const activeIndex = focusableCells.indexOf(activeCell);
16106
+ let targetCell = null;
16107
+
16108
+ if (key === 'ArrowRight') {
16109
+ if (activeIndex < focusableCells.length - 1) {
16110
+ targetCell = focusableCells[activeIndex + 1];
16111
+ } else {
16112
+ // At end of month, request cross-month navigation
16113
+ this.dispatchEvent(new CustomEvent('calendar-month-boundary', {
16114
+ bubbles: true,
16115
+ composed: true,
16116
+ detail: { direction: 'next', fromDate: activeCell.day.date, key }
16117
+ }));
16118
+ return;
16119
+ }
16120
+ } else if (key === 'ArrowLeft') {
16121
+ if (activeIndex > 0) {
16122
+ targetCell = focusableCells[activeIndex - 1];
16123
+ } else {
16124
+ // At start of month, request cross-month navigation
16125
+ this.dispatchEvent(new CustomEvent('calendar-month-boundary', {
16126
+ bubbles: true,
16127
+ composed: true,
16128
+ detail: { direction: 'prev', fromDate: activeCell.day.date, key }
16129
+ }));
16130
+ return;
16131
+ }
16132
+ } else if (key === 'ArrowDown' || key === 'ArrowUp') {
16133
+ // Find the target day (same day-of-week, +/- 7 days)
16134
+ // Use Date arithmetic instead of fixed seconds to handle DST correctly
16135
+ const increment = key === 'ArrowDown' ? 7 : -7;
16136
+ const currentDate = new Date(activeCell.day.date * 1000);
16137
+ currentDate.setDate(currentDate.getDate() + increment);
16138
+ currentDate.setHours(0, 0, 0, 0);
16139
+ const targetDate = Math.floor(currentDate.getTime() / 1000);
16140
+
16141
+ // Look for the target date in this month's focusable cells
16142
+ targetCell = focusableCells.find(cell => cell.day.date === targetDate);
16143
+
16144
+ if (!targetCell) {
16145
+ // Target is in another month or all cells in that direction are disabled
16146
+ const direction = key === 'ArrowDown' ? 'next' : 'prev';
16147
+ this.dispatchEvent(new CustomEvent('calendar-month-boundary', {
16148
+ bubbles: true,
16149
+ composed: true,
16150
+ detail: { direction, fromDate: activeCell.day.date, key }
16151
+ }));
16152
+ return;
16153
+ }
16154
+ }
16155
+
16156
+ if (targetCell) {
16157
+ this.dispatchEvent(new CustomEvent('calendar-cell-activate', {
16158
+ bubbles: true,
16159
+ composed: true,
16160
+ detail: { date: targetCell.day.date }
16161
+ }));
16162
+ }
16163
+ }
16164
+
16165
+ renderWeek(week) {
16166
+ return b$8`
16167
+ <div class="tr" role="row">${week.map((day) => this.renderDay(day))}</div>
16168
+ `;
15807
16169
  }
15808
16170
 
15809
16171
  renderDay(day) {
@@ -15827,7 +16189,7 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
15827
16189
  >
15828
16190
  </auro-formkit-calendar-cell>
15829
16191
  `
15830
- : null}
16192
+ : b$8`<div aria-hidden="true" inert></div>`}
15831
16193
  </div>
15832
16194
  `;
15833
16195
  }
@@ -15838,10 +16200,10 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
15838
16200
  var _a, _b;
15839
16201
 
15840
16202
  return b$8 `
15841
- <div>
16203
+ <div aria-labelledby="${this.getHeadingId()}">
15842
16204
  <div class="header">
15843
16205
  ${this.renderPrevButton()}
15844
- <div class="headerTitle heading-xs">
16206
+ <div class="headerTitle heading-xs" id="${this.getHeadingId()}" aria-live="polite" aria-atomic="true">
15845
16207
  ${this.monthFirst ? b$8`
15846
16208
  <div>${this.computeCurrentMonthName(this.month)}</div>
15847
16209
  <div>${this.renderYear()}</div>
@@ -15853,13 +16215,13 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
15853
16215
  ${this.renderNextButton()}
15854
16216
  </div>
15855
16217
 
15856
- <div class="table">
15857
- <div class="thead">
15858
- <div class="tr">
15859
- ${(_a = this.dayNamesOfTheWeek) === null || _a === void 0 ? void 0 : _a.map(dayNameOfWeek => this.renderDayOfWeek(dayNameOfWeek))}
16218
+ <div class="table" role="grid" aria-labelledby="${this.getHeadingId()}" @keydown="${this.handleGridKeyDown}">
16219
+ <div class="thead" role="rowgroup">
16220
+ <div class="tr" role="row">
16221
+ ${(_a = this.dayNamesOfTheWeek) === null || _a === void 0 ? void 0 : _a.map((dayNameOfWeek, index) => this.renderDayOfWeek(dayNameOfWeek, index))}
15860
16222
  </div>
15861
16223
  </div>
15862
- <div class="tbody">
16224
+ <div class="tbody" role="rowgroup">
15863
16225
  ${(_b = this.daysOfMonth) === null || _b === void 0 ? void 0 : _b.map(week => this.renderWeek(week))}
15864
16226
  </div>
15865
16227
  </div>
@@ -16552,6 +16914,14 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$3 {
16552
16914
  large: {
16553
16915
  type: Boolean,
16554
16916
  reflect: true
16917
+ },
16918
+
16919
+ /**
16920
+ * If declared, the footer slot will be rendered even when not in fullscreen mode.
16921
+ */
16922
+ showFooter: {
16923
+ type: Boolean,
16924
+ reflect: true
16555
16925
  }
16556
16926
  };
16557
16927
  }
@@ -16654,7 +17024,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$3 {
16654
17024
  <slot></slot>
16655
17025
  </div>
16656
17026
 
16657
- ${this.isFullscreen ? u$d`
17027
+ ${this.isFullscreen || this.showFooter ? u$d`
16658
17028
  <div id="footerContainer">
16659
17029
  <slot name="footer"></slot>
16660
17030
  </div>` : null}
@@ -16663,7 +17033,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$3 {
16663
17033
  }
16664
17034
  };
16665
17035
 
16666
- var formkitVersion$2$1 = '202606011708';
17036
+ var formkitVersion$2$1 = '202606011856';
16667
17037
 
16668
17038
  let l$1$2 = class l{generateElementName(t,e){let o=t;return o+="-",o+=e.replace(/[.]/g,"_"),o}generateTag(o,s,a){const r=this.generateElementName(o,s),i=i$6`${s$8(r)}`;return customElements.get(r)||customElements.define(r,class extends a{}),i}};let d$1$2 = class d{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,o=(e,s=e&&e.closest(t))=>e&&e!==document&&e!==window?s||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,true);}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}getSlotText(t,e){const o=t.shadowRoot?.querySelector(`slot[name="${e}"]`),s=(o?.assignedNodes({flatten:true})||[]).map(t=>t.textContent?.trim()).join(" ").trim();return s||null}};let h$1$2 = class h{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,o=(e,s=e&&e.closest(t))=>e&&e!==document&&e!==window?s||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,true);}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}};var c$1$3=i$5`:host{color:var(--ds-auro-loader-color)}:host>span{background-color:var(--ds-auro-loader-background-color);border-color:var(--ds-auro-loader-border-color)}:host([onlight]),:host([appearance=brand]){--ds-auro-loader-color: var(--ds-basic-color-brand-primary, #01426a)}:host([ondark]),:host([appearance=inverse]){--ds-auro-loader-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([orbit])>span{--ds-auro-loader-background-color: transparent}:host([orbit])>span:nth-child(1){--ds-auro-loader-border-color: currentcolor;opacity:.25}:host([orbit])>span:nth-child(2){--ds-auro-loader-border-color: currentcolor;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}
16669
17039
  `,u$4$1=i$5`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}:host,:host>span{position:relative}:host{width:2rem;height:2rem;display:inline-block;font-size:0}:host>span{position:absolute;display:inline-block;float:none;top:0;left:0;width:2rem;height:2rem;border-radius:100%;border-style:solid;border-width:0;box-sizing:border-box}:host([xs]),:host([xs])>span{width:1.2rem;height:1.2rem}:host([sm]),:host([sm])>span{width:3rem;height:3rem}:host([md]),:host([md])>span{width:5rem;height:5rem}:host([lg]),:host([lg])>span{width:8rem;height:8rem}:host{--margin: .375rem;--margin-xs: .2rem;--margin-sm: .5rem;--margin-md: .75rem;--margin-lg: 1rem}:host([pulse]),:host([pulse])>span{position:relative}:host([pulse]){width:calc(3rem + var(--margin) * 6);height:calc(1rem + var(--margin) * 2)}:host([pulse])>span{width:1rem;height:1rem;margin:var(--margin);animation:pulse 1.5s ease infinite}:host([pulse][xs]){width:calc(1.95rem + var(--margin-xs) * 6);height:calc(.65rem + var(--margin-xs) * 2)}:host([pulse][xs])>span{margin:var(--margin-xs);width:.65rem;height:.65rem}:host([pulse][sm]){width:calc(6rem + var(--margin-sm) * 6);height:calc(2rem + var(--margin-sm) * 2)}:host([pulse][sm])>span{margin:var(--margin-sm);width:2rem;height:2rem}:host([pulse][md]){width:calc(9rem + var(--margin-md) * 6);height:calc(3rem + var(--margin-md) * 2)}:host([pulse][md])>span{margin:var(--margin-md);width:3rem;height:3rem}:host([pulse][lg]){width:calc(15rem + var(--margin-lg) * 6);height:calc(5rem + var(--margin-lg) * 2)}:host([pulse][lg])>span{margin:var(--margin-lg);width:5rem;height:5rem}:host([pulse])>span:nth-child(1){animation-delay:-.4s}:host([pulse])>span:nth-child(2){animation-delay:-.2s}:host([pulse])>span:nth-child(3){animation-delay:0ms}@keyframes pulse{0%,to{opacity:.1;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}:host([orbit]),:host([orbit])>span{opacity:1}:host([orbit])>span{border-width:5px}:host([orbit])>span:nth-child(2){animation:orbit 2s linear infinite}:host([orbit][sm])>span{border-width:8px}:host([orbit][md])>span{border-width:13px}:host([orbit][lg])>span{border-width:21px}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host([ringworm])>svg{animation:rotate 2s linear infinite;height:100%;width:100%;stroke:currentcolor;stroke-width:8}:host([ringworm]) .path{stroke-dashoffset:0;animation:ringworm 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes ringworm{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}:host([laser]){position:static;width:100%;display:block;height:0;overflow:hidden;font-size:unset}:host([laser])>span{position:fixed;width:100%;height:.25rem;border-radius:0;z-index:100}:host([laser])>span:nth-child(1){border-color:currentcolor;opacity:.25}:host([laser])>span:nth-child(2){border-color:currentcolor;animation:laser 2s linear infinite;opacity:1;width:50%}:host([laser][sm])>span:nth-child(2){width:20%}:host([laser][md])>span:nth-child(2){width:30%}:host([laser][lg])>span:nth-child(2){width:50%;animation-duration:1.5s}:host([laser][xl])>span:nth-child(2){width:80%;animation-duration:1.5s}@keyframes laser{0%{left:-100%}to{left:110%}}:host>.no-animation{display:none}@media (prefers-reduced-motion: reduce){:host{display:flex;align-items:center;justify-content:center}:host>span{opacity:1}:host>.loader{display:none}:host>svg{display:none}:host>.no-animation{display:block}}
@@ -16761,6 +17131,13 @@ class AuroCalendar extends RangeDatepicker {
16761
17131
  this.largeFullscreenHeadline = false;
16762
17132
  this.isFullscreen = false;
16763
17133
 
17134
+ /**
17135
+ * The date of the currently active cell (Unix timestamp).
17136
+ * Only one cell across the entire calendar has tabindex="0" at a time.
17137
+ * @private
17138
+ */
17139
+ this.activeCellDate = null;
17140
+
16764
17141
  /**
16765
17142
  * @private
16766
17143
  */
@@ -16926,6 +17303,8 @@ class AuroCalendar extends RangeDatepicker {
16926
17303
  */
16927
17304
  handlePrevMonth() {
16928
17305
  this.utilCal.handleMonthChange(this, 'prev');
17306
+ this.updateActiveCellForVisibleMonth();
17307
+ this.announceMonthChange();
16929
17308
  }
16930
17309
 
16931
17310
  /**
@@ -16935,6 +17314,38 @@ class AuroCalendar extends RangeDatepicker {
16935
17314
  */
16936
17315
  handleNextMonth() {
16937
17316
  this.utilCal.handleMonthChange(this, 'next');
17317
+ this.updateActiveCellForVisibleMonth();
17318
+ this.announceMonthChange();
17319
+ }
17320
+
17321
+ /**
17322
+ * Announces the current month and year via the live region after navigation.
17323
+ * @private
17324
+ * @returns {void}
17325
+ */
17326
+ announceMonthChange() {
17327
+ const date = new Date(this.centralDate);
17328
+ const localeCode = this.locale?.code || undefined;
17329
+ const formatter = new Intl.DateTimeFormat(localeCode, { month: 'long', year: 'numeric' });
17330
+ this.announceSelection(formatter.format(date));
17331
+ }
17332
+
17333
+ /**
17334
+ * Recomputes and sets the active cell for the newly visible month after
17335
+ * month navigation. Without this, activeCellDate can point at a date in
17336
+ * the old month, leaving no tabindex="0" cell in the grid.
17337
+ * @private
17338
+ * @returns {void}
17339
+ */
17340
+ updateActiveCellForVisibleMonth() {
17341
+ // Skip the dateFrom shortcut so the active cell lands in the newly
17342
+ // visible month rather than jumping back to the selected date's month.
17343
+ this.activeCellDate = this.computeActiveDate({ skipDateFrom: true });
17344
+ this.updateComplete.then(() => {
17345
+ if (this.activeCellDate != null) {
17346
+ this.setActiveCell(this.activeCellDate);
17347
+ }
17348
+ });
16938
17349
  }
16939
17350
 
16940
17351
  /**
@@ -17042,6 +17453,452 @@ class AuroCalendar extends RangeDatepicker {
17042
17453
  this.utilCal.scrollMonthIntoView(this, date, this.format);
17043
17454
  }
17044
17455
 
17456
+ /**
17457
+ * Gets all rendered month components.
17458
+ * @private
17459
+ * @returns {Array} Array of auro-formkit-calendar-month elements.
17460
+ */
17461
+ getMonthComponents() {
17462
+ return Array.from(this.shadowRoot.querySelectorAll('auro-formkit-calendar-month'));
17463
+ }
17464
+
17465
+ /**
17466
+ * Gets all focusable cells across all rendered months.
17467
+ * @private
17468
+ * @returns {Array} Array of auro-formkit-calendar-cell elements.
17469
+ */
17470
+ getAllFocusableCells() {
17471
+ const months = this.getMonthComponents();
17472
+ let cells = [];
17473
+ months.forEach(month => {
17474
+ cells = cells.concat(month.getFocusableCells());
17475
+ });
17476
+ return cells;
17477
+ }
17478
+
17479
+ /**
17480
+ * Sets the active cell across all months. Only one cell has tabindex="0" at a time.
17481
+ * @param {Number} date - Unix timestamp of the cell to activate.
17482
+ * @returns {void}
17483
+ */
17484
+ setActiveCell(date) {
17485
+ const allCells = this.getAllFocusableCells();
17486
+
17487
+ allCells.forEach(cell => {
17488
+ cell.active = cell.day && cell.day.date === date;
17489
+ });
17490
+
17491
+ this.activeCellDate = date;
17492
+ }
17493
+
17494
+ /**
17495
+ * Focuses the currently active cell. If activeCellDate is set but no cell
17496
+ * has the active attribute yet, sets it first. Waits for the cell's render
17497
+ * to complete so the focused button is the final DOM element.
17498
+ * @returns {void}
17499
+ */
17500
+ focusActiveCell() {
17501
+ if (this.activeCellDate != null) {
17502
+ this.setActiveCell(this.activeCellDate);
17503
+ }
17504
+
17505
+ const allCells = this.getAllFocusableCells();
17506
+ const activeCell = allCells.find(cell => cell.active);
17507
+ if (activeCell) {
17508
+ activeCell.updateComplete.then(() => {
17509
+ activeCell.focusButton();
17510
+ });
17511
+ }
17512
+ }
17513
+
17514
+ /**
17515
+ * Computes the initial active date from data properties alone — no DOM required.
17516
+ * Priority:
17517
+ * 1. Selected date (dateFrom) if within range
17518
+ * 2. Today's date if not disabled (in-range and not blackout)
17519
+ * 3. First future non-disabled date (scans day-by-day from today up to 1 year)
17520
+ * 4. First previous non-disabled date (scans day-by-day from today up to 1 year)
17521
+ * 5. First enabled date in finite [min, max] range
17522
+ * 5b. First enabled date scanning forward from finite min (unbounded max)
17523
+ * 5c. First enabled date scanning backward from finite max (unbounded min)
17524
+ * 6. First in-range date (even if blackout) so focus can land somewhere
17525
+ * 7. undefined — no valid target
17526
+ *
17527
+ * @private
17528
+ * @param {Object} [options] - Optional settings.
17529
+ * @param {boolean} [options.skipDateFrom=false] - When true, skip the selected-date
17530
+ * shortcut (step 1). Used after month navigation so the active cell lands in the
17531
+ * newly visible month instead of jumping back to the selected date's month.
17532
+ * @returns {Number|undefined} Unix timestamp (seconds) of the date to activate, or undefined.
17533
+ */
17534
+ computeActiveDate(options = {}) {
17535
+ const MAX_SCAN_DAYS = 366; // scan at most ~1 year in each direction
17536
+
17537
+ /**
17538
+ * Adds days to a timestamp using Date arithmetic to handle DST correctly.
17539
+ * Returns a local-midnight-aligned timestamp in seconds.
17540
+ */
17541
+ const addDays = (ts, days) => {
17542
+ const d = new Date(ts * 1000);
17543
+ d.setDate(d.getDate() + days);
17544
+ d.setHours(0, 0, 0, 0);
17545
+ return Math.floor(d.getTime() / 1000);
17546
+ };
17547
+
17548
+ const rawMin = Number(this.min);
17549
+ const rawMax = Number(this.max);
17550
+
17551
+ // When min/max are NaN (no minDate/maxDate configured), treat as unbounded.
17552
+ const minTs = Number.isFinite(rawMin) ? rawMin : -Infinity;
17553
+ const maxTs = Number.isFinite(rawMax) ? rawMax : Infinity;
17554
+
17555
+ // Build a Set of blackout timestamps for O(1) lookup.
17556
+ const blackoutSet = new Set(
17557
+ (this.disabledDays || []).map(d => parseInt(d, 10))
17558
+ );
17559
+
17560
+ // Also include ISO-format blackoutDates from the datepicker if available.
17561
+ // Parse YYYY-MM-DD as local date to avoid UTC shift issues.
17562
+ const isoBlackouts = this.datepicker?.blackoutDates;
17563
+ if (Array.isArray(isoBlackouts)) {
17564
+ for (const isoStr of isoBlackouts) {
17565
+ const parts = isoStr.split('-');
17566
+ const ts = Math.floor(new Date(parseInt(parts[0], 10), parseInt(parts[1], 10) - 1, parseInt(parts[2], 10)).getTime() / 1000);
17567
+ if (Number.isFinite(ts)) blackoutSet.add(ts);
17568
+ }
17569
+ }
17570
+
17571
+ /**
17572
+ * A date (unix timestamp in seconds, midnight-aligned) is "enabled" when
17573
+ * it is within [min, max] AND not a blackout day.
17574
+ */
17575
+ const isEnabled = (ts) => ts >= minTs && ts <= maxTs && !blackoutSet.has(ts);
17576
+
17577
+ /**
17578
+ * A date is "in range" (focusable in the grid) when it is within [min, max].
17579
+ * Blackout dates are focusable but not selectable.
17580
+ */
17581
+ const isInRange = (ts) => ts >= minTs && ts <= maxTs;
17582
+
17583
+ // 1. Selected date — always valid target if within range (user chose it).
17584
+ // Skipped when called from month navigation so the active cell lands in
17585
+ // the newly visible month rather than the (possibly off-screen) selection.
17586
+ if (!options.skipDateFrom && this.dateFrom) {
17587
+ const parsedFrom = parseInt(this.dateFrom, 10);
17588
+ if (Number.isFinite(parsedFrom) && isInRange(parsedFrom)) return parsedFrom;
17589
+ }
17590
+
17591
+ // 2. Today's date (midnight-aligned) if enabled.
17592
+ const now = Math.floor(new Date().setHours(0, 0, 0, 0) / 1000);
17593
+
17594
+ // When centralDate is configured, prefer a date within the month(s) that
17595
+ // will actually be rendered. If today falls outside the visible range, an
17596
+ // active cell set to today would have no matching DOM element and keyboard
17597
+ // focus could not enter the calendar.
17598
+ const centralDateValue = this.centralDate ? new Date(this.centralDate) : null;
17599
+
17600
+ if (centralDateValue && !isNaN(centralDateValue.getTime())) {
17601
+ const centralMonth = centralDateValue.getMonth();
17602
+ const centralYear = centralDateValue.getFullYear();
17603
+ const todayDate = new Date(now * 1000);
17604
+ const todayMonth = todayDate.getMonth();
17605
+ const todayYear = todayDate.getFullYear();
17606
+
17607
+ // Today is outside the centralDate's month — scan for an enabled date
17608
+ // within the visible month instead.
17609
+ if (todayMonth !== centralMonth || todayYear !== centralYear) {
17610
+ const visibleStart = new Date(centralYear, centralMonth, 1);
17611
+ visibleStart.setHours(0, 0, 0, 0);
17612
+ const visibleEnd = new Date(centralYear, centralMonth + 1, 0); // last day of month
17613
+ visibleEnd.setHours(0, 0, 0, 0);
17614
+ const startTs = Math.floor(visibleStart.getTime() / 1000);
17615
+ const endTs = Math.floor(visibleEnd.getTime() / 1000);
17616
+ const daysInMonth = visibleEnd.getDate();
17617
+
17618
+ for (let idx = 0; idx < daysInMonth; idx++) {
17619
+ const ts = addDays(startTs, idx);
17620
+ if (ts > endTs) break;
17621
+ if (isEnabled(ts)) return ts;
17622
+ }
17623
+
17624
+ // No enabled date in the visible month — fall back to first in-range
17625
+ // date in the month so focus still lands on a focusable cell.
17626
+ for (let idx = 0; idx < daysInMonth; idx++) {
17627
+ const ts = addDays(startTs, idx);
17628
+ if (ts > endTs) break;
17629
+ if (isInRange(ts)) return ts;
17630
+ }
17631
+ }
17632
+ }
17633
+
17634
+ if (isEnabled(now)) return now;
17635
+
17636
+ // When a centralDate is configured (or inferred), constrain the scan to the
17637
+ // rendered month(s) first so a single-month calendar does not pick a date
17638
+ // that has no DOM cell. Determine the visible range based on centralDate and
17639
+ // the number of rendered months.
17640
+ const renderedMonths = this.numCalendars || 1;
17641
+ const visibleAnchor = centralDateValue && !isNaN(centralDateValue.getTime())
17642
+ ? centralDateValue
17643
+ : new Date(now * 1000);
17644
+ const visMonthStart = new Date(visibleAnchor.getFullYear(), visibleAnchor.getMonth(), 1);
17645
+ visMonthStart.setHours(0, 0, 0, 0);
17646
+ const visMonthEnd = new Date(visibleAnchor.getFullYear(), visibleAnchor.getMonth() + renderedMonths, 0);
17647
+ visMonthEnd.setHours(0, 0, 0, 0);
17648
+ const visStartTs = Math.floor(visMonthStart.getTime() / 1000);
17649
+ const visEndTs = Math.floor(visMonthEnd.getTime() / 1000);
17650
+ const visDays = Math.round((visEndTs - visStartTs) / 86400) + 1;
17651
+
17652
+ // Scan visible months for an enabled date.
17653
+ for (let idx = 0; idx < visDays; idx++) {
17654
+ const ts = addDays(visStartTs, idx);
17655
+ if (ts > visEndTs) break;
17656
+ if (isEnabled(ts)) return ts;
17657
+ }
17658
+
17659
+ // No enabled date in visible months — try an in-range (focusable) date so
17660
+ // keyboard focus still has a tabindex="0" target.
17661
+ for (let idx = 0; idx < visDays; idx++) {
17662
+ const ts = addDays(visStartTs, idx);
17663
+ if (ts > visEndTs) break;
17664
+ if (isInRange(ts)) return ts;
17665
+ }
17666
+
17667
+ // 3. First future enabled date (scan forward from tomorrow, capped by max and MAX_SCAN_DAYS).
17668
+ for (let idx = 1; idx <= MAX_SCAN_DAYS; idx++) {
17669
+ const ts = addDays(now, idx);
17670
+ if (Number.isFinite(maxTs) && ts > maxTs) break;
17671
+ if (isEnabled(ts)) return ts;
17672
+ }
17673
+
17674
+ // 4. First previous enabled date (scan backward from yesterday, capped by min and MAX_SCAN_DAYS).
17675
+ for (let idx = 1; idx <= MAX_SCAN_DAYS; idx++) {
17676
+ const ts = addDays(now, -idx);
17677
+ if (Number.isFinite(minTs) && ts < minTs) break;
17678
+ if (isEnabled(ts)) return ts;
17679
+ }
17680
+
17681
+ // 5. If scans missed (e.g. min/max range is far from today), fall back to
17682
+ // the first enabled date in the [min, max] range.
17683
+ if (Number.isFinite(minTs) && Number.isFinite(maxTs)) {
17684
+ let ts = minTs;
17685
+ for (let idx = 0; ts <= maxTs; idx++) {
17686
+ if (isEnabled(ts)) return ts;
17687
+ ts = addDays(minTs, idx + 1);
17688
+ }
17689
+ }
17690
+
17691
+ // 5b. Finite min with unbounded max (e.g. minDate far in the future):
17692
+ // scan forward from min for up to MAX_SCAN_DAYS.
17693
+ if (Number.isFinite(minTs) && !Number.isFinite(maxTs)) {
17694
+ for (let idx = 0; idx <= MAX_SCAN_DAYS; idx++) {
17695
+ const ts = addDays(minTs, idx);
17696
+ if (isEnabled(ts)) return ts;
17697
+ }
17698
+ }
17699
+
17700
+ // 5c. Unbounded min with a finite max far in the past (e.g. birth-date picker):
17701
+ // scan backward from max for up to MAX_SCAN_DAYS.
17702
+ if (!Number.isFinite(minTs) && Number.isFinite(maxTs)) {
17703
+ for (let idx = 0; idx <= MAX_SCAN_DAYS; idx++) {
17704
+ const ts = addDays(maxTs, -idx);
17705
+ if (isEnabled(ts)) return ts;
17706
+ }
17707
+ }
17708
+
17709
+ // 6. All dates are blackout — fall back to the first in-range date so focus
17710
+ // still lands on a focusable (but not selectable) cell.
17711
+ if (Number.isFinite(minTs) && isInRange(minTs)) return minTs;
17712
+ if (isInRange(now)) return now;
17713
+
17714
+ return undefined;
17715
+ }
17716
+
17717
+ /**
17718
+ * Handles cross-month boundary navigation events from month components.
17719
+ * @private
17720
+ * @param {CustomEvent} event - The boundary event with direction and source date info.
17721
+ * @returns {void}
17722
+ */
17723
+ handleMonthBoundary(event) {
17724
+ const { direction, fromDate, key } = event.detail;
17725
+
17726
+ if (key === 'ArrowRight' || key === 'ArrowLeft') {
17727
+ // Linear navigation: find adjacent focusable cell across months
17728
+ const allCells = this.getAllFocusableCells();
17729
+ const currentIndex = allCells.findIndex(cell => cell.day && cell.day.date === fromDate);
17730
+
17731
+ if (currentIndex === -1) return;
17732
+
17733
+ let targetIndex;
17734
+ if (direction === 'next') {
17735
+ targetIndex = currentIndex + 1;
17736
+ } else {
17737
+ targetIndex = currentIndex - 1;
17738
+ }
17739
+
17740
+ if (targetIndex >= 0 && targetIndex < allCells.length) {
17741
+ const targetCell = allCells[targetIndex];
17742
+ this.setActiveCell(targetCell.day.date);
17743
+ this.scrollToActiveCell();
17744
+ this.focusActiveCell();
17745
+ } else if (direction === 'next' && this.showNextMonthBtn) {
17746
+ // Navigate to next month and focus the computed next date.
17747
+ // Using the target date (fromDate + 1 day) instead of cells[0]
17748
+ // avoids jumping backward in range datepickers where cells[0]
17749
+ // belongs to the previous (still-rendered) month.
17750
+ const nextDate = new Date(fromDate * 1000);
17751
+ nextDate.setDate(nextDate.getDate() + 1);
17752
+ nextDate.setHours(0, 0, 0, 0);
17753
+ const nextTs = Math.floor(nextDate.getTime() / 1000);
17754
+
17755
+ this.handleNextMonth();
17756
+ requestAnimationFrame(() => {
17757
+ requestAnimationFrame(() => {
17758
+ const cells = this.getAllFocusableCells();
17759
+ const target = cells.find(cell => cell.day && cell.day.date === nextTs);
17760
+ if (target) {
17761
+ this.setActiveCell(target.day.date);
17762
+ this.focusActiveCell();
17763
+ } else if (cells.length > 0) {
17764
+ // Fallback: first cell of the last rendered month
17765
+ this.setActiveCell(cells[cells.length - 1].day.date);
17766
+ this.focusActiveCell();
17767
+ }
17768
+ });
17769
+ });
17770
+ } else if (direction === 'prev' && this.showPrevMonthBtn) {
17771
+ // Navigate to previous month and focus the computed previous date.
17772
+ const prevDate = new Date(fromDate * 1000);
17773
+ prevDate.setDate(prevDate.getDate() - 1);
17774
+ prevDate.setHours(0, 0, 0, 0);
17775
+ const prevTs = Math.floor(prevDate.getTime() / 1000);
17776
+
17777
+ this.handlePrevMonth();
17778
+ requestAnimationFrame(() => {
17779
+ requestAnimationFrame(() => {
17780
+ const cells = this.getAllFocusableCells();
17781
+ const target = cells.find(cell => cell.day && cell.day.date === prevTs);
17782
+ if (target) {
17783
+ this.setActiveCell(target.day.date);
17784
+ this.focusActiveCell();
17785
+ } else if (cells.length > 0) {
17786
+ // Fallback: last cell of the first rendered month
17787
+ this.setActiveCell(cells[0].day.date);
17788
+ this.focusActiveCell();
17789
+ }
17790
+ });
17791
+ });
17792
+ }
17793
+ } else if (key === 'ArrowDown' || key === 'ArrowUp') {
17794
+ // Vertical navigation: find same day-of-week +/- 7 days
17795
+ // Use Date arithmetic instead of fixed seconds to handle DST correctly
17796
+ const increment = key === 'ArrowDown' ? 7 : -7;
17797
+ const currentDate = new Date(fromDate * 1000);
17798
+ currentDate.setDate(currentDate.getDate() + increment);
17799
+ currentDate.setHours(0, 0, 0, 0);
17800
+ const targetDate = Math.floor(currentDate.getTime() / 1000);
17801
+
17802
+ const allCells = this.getAllFocusableCells();
17803
+ let targetCell = allCells.find(cell => cell.day && cell.day.date === targetDate);
17804
+
17805
+ if (targetCell) {
17806
+ this.setActiveCell(targetCell.day.date);
17807
+ this.scrollToActiveCell();
17808
+ this.focusActiveCell();
17809
+ } else {
17810
+ // Target might be in an unrendered month, navigate there
17811
+ const navDirection = key === 'ArrowDown' ? 'next' : 'prev';
17812
+ if ((navDirection === 'next' && this.showNextMonthBtn) || (navDirection === 'prev' && this.showPrevMonthBtn)) {
17813
+ if (navDirection === 'next') {
17814
+ this.handleNextMonth();
17815
+ } else {
17816
+ this.handlePrevMonth();
17817
+ }
17818
+ requestAnimationFrame(() => {
17819
+ requestAnimationFrame(() => {
17820
+ const cells = this.getAllFocusableCells();
17821
+ const target = cells.find(cell => cell.day && cell.day.date === targetDate);
17822
+ if (target) {
17823
+ this.setActiveCell(target.day.date);
17824
+ this.focusActiveCell();
17825
+ } else if (cells.length > 0) {
17826
+ // Clamp to nearest focusable cell
17827
+ const nearest = navDirection === 'next' ? cells[0] : cells[cells.length - 1];
17828
+ this.setActiveCell(nearest.day.date);
17829
+ this.focusActiveCell();
17830
+ }
17831
+ });
17832
+ });
17833
+ }
17834
+ }
17835
+ }
17836
+ }
17837
+
17838
+ /**
17839
+ * Handles cell activation events from month components.
17840
+ * @private
17841
+ * @param {CustomEvent} event - The activation event with target date.
17842
+ * @returns {void}
17843
+ */
17844
+ handleCellActivate(event) {
17845
+ const { date } = event.detail;
17846
+ this.setActiveCell(date);
17847
+ this.focusActiveCell();
17848
+ }
17849
+
17850
+ /**
17851
+ * Scrolls the calendar to ensure the month containing the active cell is visible.
17852
+ * @private
17853
+ * @returns {void}
17854
+ */
17855
+ scrollToActiveCell() {
17856
+ if (this.activeCellDate == null) return;
17857
+
17858
+ const date = new Date(this.activeCellDate * 1000);
17859
+ const month = date.getMonth() + 1;
17860
+ const year = date.getFullYear();
17861
+ const selector = `#month-${month}-${year}`;
17862
+ const monthElem = this.shadowRoot.querySelector(selector);
17863
+
17864
+ if (monthElem) {
17865
+ const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
17866
+ monthElem.scrollIntoView({ block: 'nearest', behavior: prefersReducedMotion ? 'instant' : 'smooth' });
17867
+ }
17868
+ }
17869
+
17870
+ /**
17871
+ * Announces a date selection via the live region.
17872
+ * @private
17873
+ * @param {String} dateStr - The localized date string to announce.
17874
+ * @returns {void}
17875
+ */
17876
+ announceSelection(dateStr) {
17877
+ const liveRegion = this.shadowRoot.querySelector('#calendar-live-region');
17878
+ if (liveRegion) {
17879
+ liveRegion.textContent = '';
17880
+ // Use microtask to ensure SR picks up the change
17881
+ Promise.resolve().then(() => {
17882
+ liveRegion.textContent = dateStr;
17883
+ });
17884
+ }
17885
+ }
17886
+
17887
+ /**
17888
+ * Formats a Unix timestamp (seconds) as a localized date string for SR announcements.
17889
+ * @private
17890
+ * @param {String|Number} timestamp - Unix timestamp in seconds.
17891
+ * @returns {String} Localized date string.
17892
+ */
17893
+ formatAnnouncementDate(timestamp) {
17894
+ const date = new Date(parseInt(timestamp, 10) * 1000);
17895
+ const localeCode = this.locale?.code || undefined;
17896
+ const formatter = new Intl.DateTimeFormat(localeCode, {
17897
+ weekday: 'long', year: 'numeric', month: 'long', day: 'numeric'
17898
+ });
17899
+ return formatter.format(date);
17900
+ }
17901
+
17045
17902
  firstUpdated() {
17046
17903
  this.addEventListener('date-from-changed', () => {
17047
17904
  this.dispatchEvent(new CustomEvent('auroCalendar-dateSelected', {
@@ -17061,6 +17918,16 @@ class AuroCalendar extends RangeDatepicker {
17061
17918
  composed: true,
17062
17919
  }));
17063
17920
  });
17921
+
17922
+ // Listen for cross-month boundary navigation events
17923
+ this.addEventListener('calendar-month-boundary', (event) => {
17924
+ this.handleMonthBoundary(event);
17925
+ });
17926
+
17927
+ // Listen for cell activation events
17928
+ this.addEventListener('calendar-cell-activate', (event) => {
17929
+ this.handleCellActivate(event);
17930
+ });
17064
17931
  }
17065
17932
 
17066
17933
  injectSlot(slotName, nodes) {
@@ -17085,7 +17952,37 @@ class AuroCalendar extends RangeDatepicker {
17085
17952
  }
17086
17953
 
17087
17954
  if (changedProperties.has('visible')) {
17088
- setTimeout(() => this.requestUpdate());
17955
+ if (this.visible) {
17956
+ // Compute the active date eagerly from data — no DOM needed.
17957
+ if (this.activeCellDate == null) {
17958
+ this.activeCellDate = this.computeActiveDate();
17959
+ }
17960
+
17961
+ this.requestUpdate();
17962
+ } else {
17963
+ this.requestUpdate();
17964
+ }
17965
+ }
17966
+
17967
+ // Announce date selection to screen readers when user clicks/selects a cell
17968
+ const isCellClick = this.datepicker?.wasCellClick || this.datepicker?.cellClickActive;
17969
+
17970
+ if (changedProperties.has('dateFrom') && this.dateFrom && isCellClick) {
17971
+ const dateStr = this.formatAnnouncementDate(this.dateFrom);
17972
+ const isRange = !this.noRange;
17973
+
17974
+ if (isRange) {
17975
+ const rangeLabel = this.datepicker.rangeLabelStart || 'range start';
17976
+ this.announceSelection(`${dateStr}, selected as ${rangeLabel}`);
17977
+ } else {
17978
+ this.announceSelection(`${dateStr}, selected`);
17979
+ }
17980
+ }
17981
+
17982
+ if (changedProperties.has('dateTo') && this.dateTo && isCellClick) {
17983
+ const dateStr = this.formatAnnouncementDate(this.dateTo);
17984
+ const rangeLabel = this.datepicker.rangeLabelEnd || 'range end';
17985
+ this.announceSelection(`${dateStr}, selected as ${rangeLabel}`);
17089
17986
  }
17090
17987
  }
17091
17988
 
@@ -17094,6 +17991,7 @@ class AuroCalendar extends RangeDatepicker {
17094
17991
  <${this.bibtemplateTag}
17095
17992
  ?large="${this.largeFullscreenHeadline}"
17096
17993
  ?isFullscreen="${this.isFullscreen}"
17994
+ ?showFooter="${!this.isFullscreen && this.dropdown?.desktopModal}"
17097
17995
  @close-click="${this.utilCal.requestDismiss}">
17098
17996
  <span slot="ariaLabel.close">${this.slots["ariaLabel.bib.close"]}</span>
17099
17997
 
@@ -17111,24 +18009,26 @@ class AuroCalendar extends RangeDatepicker {
17111
18009
  </div>
17112
18010
  </div>
17113
18011
 
17114
- <div class="calendarWrapper">
17115
- <div class="calendars">
17116
- ${this.renderAllCalendars()}
17117
- </div>
18012
+ <div class="calendarWrapper ${!this.isFullscreen && this.dropdown?.desktopModal ? 'hasFooter' : ''}">
17118
18013
  <div class="calendarNavButtons">
17119
18014
  ${this.showPrevMonthBtn ? u$d`
17120
- <button tabIndex="-1" class="calendarNavBtn prevMonth" @click="${this.handlePrevMonth}">
18015
+ <button tabIndex="0" class="calendarNavBtn prevMonth" aria-label="${this.datepicker?.navLabelPrevMonth || 'Previous month'}" @click="${this.handlePrevMonth}">
17121
18016
  ${this.util.generateIconHtml(chevronLeft)}
17122
18017
  </button>
17123
18018
  ` : undefined}
17124
18019
  ${this.showNextMonthBtn ? u$d`
17125
- <button tabIndex="-1" class="calendarNavBtn nextMonth" @click="${this.handleNextMonth}">
18020
+ <button tabIndex="0" class="calendarNavBtn nextMonth" aria-label="${this.datepicker?.navLabelNextMonth || 'Next month'}" @click="${this.handleNextMonth}">
17126
18021
  ${this.util.generateIconHtml(chevronRight)}
17127
18022
  </button>
17128
18023
  ` : undefined}
17129
18024
  </div>
18025
+ <div class="calendars">
18026
+ ${this.renderAllCalendars()}
18027
+ </div>
17130
18028
  </div>
17131
18029
 
18030
+ <div id="calendar-live-region" aria-live="assertive" aria-atomic="true" class="sr-only"></div>
18031
+
17132
18032
  <${this.buttonTag} slot="footer" fluid @click="${this.utilCal.requestDismiss}">Done</${this.buttonTag}>
17133
18033
  </${this.bibtemplateTag}>
17134
18034
  `;
@@ -20376,7 +21276,7 @@ function applyKeyboardStrategy$1$2(component, strategy, options = {}) {
20376
21276
  });
20377
21277
  }
20378
21278
 
20379
- var styleCss$2$1$2 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host dialog{width:auto;max-width:none;height:auto;max-height:none;padding:0;border:none;margin:0;outline:none;transform:translateZ(0)}:host dialog::backdrop{background:transparent}:host(:not([isfullscreen])) dialog{position:relative;inset:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([isfullscreen]) .container::backdrop{background:var(--ds-color-background-primary, #fff)}:host(:popover-open){position:fixed;overflow:visible;padding:0;border:none;margin:0;background:transparent;inset:unset;outline:none}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}.util_displayHiddenVisually{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip-path:inset(50%);white-space:nowrap}`;
21279
+ var styleCss$2$1$2 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host dialog{width:auto;max-width:none;height:auto;max-height:none;padding:0;border:none;margin:0;outline:none;transform:translateZ(0)}:host dialog::backdrop{background:transparent}:host(:not([isfullscreen])) dialog{position:relative;inset:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}:host([desktopmodal]:popover-open)::backdrop{background:transparent}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([isfullscreen]) .container::backdrop{background:var(--ds-color-background-primary, #fff)}:host(:popover-open){position:fixed;overflow:visible;padding:0;border:none;margin:0;background:transparent;inset:unset;outline:none}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}.util_displayHiddenVisually{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip-path:inset(50%);white-space:nowrap}`;
20380
21280
 
20381
21281
  var colorCss$2$7 = i$5`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
20382
21282
 
@@ -21007,7 +21907,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$3 {
21007
21907
  }
21008
21908
  };
21009
21909
 
21010
- var formkitVersion$1$2 = '202606011708';
21910
+ var formkitVersion$1$2 = '202606011856';
21011
21911
 
21012
21912
  let AuroElement$2$2 = class AuroElement extends i$3 {
21013
21913
  static get properties() {
@@ -21187,6 +22087,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
21187
22087
  _intializeDefaults() {
21188
22088
  this.appearance = 'default';
21189
22089
  this.chevron = false;
22090
+ this.desktopModal = false;
21190
22091
  this.disabled = false;
21191
22092
  this.disableKeyboardHandling = false;
21192
22093
  this.error = false;
@@ -21367,6 +22268,14 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
21367
22268
  reflect: true
21368
22269
  },
21369
22270
 
22271
+ /**
22272
+ * If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
22273
+ */
22274
+ desktopModal: {
22275
+ type: Boolean,
22276
+ reflect: true
22277
+ },
22278
+
21370
22279
  /**
21371
22280
  * If declared, the dropdown will only show by calling the API .show() public method.
21372
22281
  */
@@ -21654,6 +22563,15 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
21654
22563
 
21655
22564
  disconnectedCallback() {
21656
22565
  super.disconnectedCallback();
22566
+ this._clearPageInert();
22567
+ if (this._bibTabHandler) {
22568
+ this.removeEventListener('keydown', this._bibTabHandler);
22569
+ this._bibTabHandler = undefined;
22570
+ }
22571
+ if (this.focusTrap) {
22572
+ this.focusTrap.disconnect();
22573
+ this.focusTrap = undefined;
22574
+ }
21657
22575
  if (this.floater) {
21658
22576
  this.floater.hideBib('disconnect');
21659
22577
  this.floater.disconnect();
@@ -21681,19 +22599,45 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
21681
22599
  if (this.isPopoverVisible) {
21682
22600
  // Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
21683
22601
  // Desktop: use show() for Floating UI positioning + FocusTrap for focus management
21684
- const useModal = this.isBibFullscreen;
21685
- this.bibElement.value.open(useModal);
22602
+ this.bibElement.value.open(this.isBibFullscreen);
22603
+ this.updateFocusTrap();
22604
+
22605
+ // Desktop modal: make siblings inert so content outside is not interactive
22606
+ if (this.desktopModal && !this.isBibFullscreen) {
22607
+ this._setPageInert();
22608
+ }
21686
22609
  } else {
21687
22610
  this.bibElement.value.close();
22611
+ this._clearPageInert();
21688
22612
  }
21689
22613
  }
21690
22614
 
21691
22615
  // When fullscreen strategy changes while open, re-open dialog with correct mode
21692
22616
  // (e.g. resizing from desktop → mobile while dropdown is open)
21693
22617
  if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
21694
- const useModal = this.isBibFullscreen;
21695
22618
  this.bibElement.value.close();
21696
- this.bibElement.value.open(useModal);
22619
+ this.bibElement.value.open(this.isBibFullscreen);
22620
+
22621
+ // Re-initialize focus management for the new strategy
22622
+ this.updateFocusTrap();
22623
+
22624
+ // Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
22625
+ if (this.desktopModal && !this.isBibFullscreen) {
22626
+ this._setPageInert();
22627
+ } else {
22628
+ this._clearPageInert();
22629
+ }
22630
+ }
22631
+
22632
+ // Handle desktopModal toggled while the dropdown is already open.
22633
+ // Re-initialize focus trapping and page inert state to match the new mode.
22634
+ if (changedProperties.has('desktopModal') && this.isPopoverVisible && !this.isBibFullscreen) {
22635
+ this.updateFocusTrap();
22636
+ if (this.desktopModal) {
22637
+ this._setPageInert();
22638
+ } else {
22639
+ this._clearPageInert();
22640
+ }
21697
22641
  }
21698
22642
  }
21699
22643
 
@@ -21703,8 +22647,14 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
21703
22647
  * @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
21704
22648
  */
21705
22649
  handleDropdownToggle(event) {
21706
- this.updateFocusTrap();
21707
22650
  this.isPopoverVisible = event.detail.expanded;
22651
+
22652
+ // Tear down FocusTrap when closing. Creation happens in updated()
22653
+ // after the dialog is open so getFocusableElements can find content.
22654
+ if (!this.isPopoverVisible) {
22655
+ this.updateFocusTrap();
22656
+ }
22657
+
21708
22658
  const eventType = event.detail.eventType || "unknown";
21709
22659
  if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
21710
22660
  this.trigger.focus();
@@ -21803,19 +22753,178 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
21803
22753
  * @private
21804
22754
  */
21805
22755
  updateFocusTrap() {
22756
+ // Always clean up existing handlers/traps before setting up new ones
22757
+ // to prevent duplicate listeners on repeated calls.
22758
+ if (this._bibTabHandler) {
22759
+ this.removeEventListener('keydown', this._bibTabHandler);
22760
+ this._bibTabHandler = undefined;
22761
+ }
22762
+
22763
+ if (this.focusTrap) {
22764
+ this.focusTrap.disconnect();
22765
+ this.focusTrap = undefined;
22766
+ }
22767
+
21806
22768
  if (this.isPopoverVisible) {
21807
22769
  if (!this.isBibFullscreen) {
21808
- // Desktop: show() doesn't trap focus, so use FocusTrap
21809
- this.focusTrap = new FocusTrap$3(this.bibContent);
21810
- this.focusTrap.focusFirstElement();
22770
+ if (this.desktopModal) {
22771
+ // Desktop modal: trap focus only within the bib content.
22772
+ // Can't use FocusTrap on the bib element because keydown events
22773
+ // from slotted content bubble through the dropdown host (light DOM),
22774
+ // not through the bib (shadow projection target). Using FocusTrap
22775
+ // on the dropdown would include the trigger in the tab cycle.
22776
+ // Instead, listen for Tab on the dropdown and manually wrap focus
22777
+ // within the bib's focusable elements.
22778
+ this._bibTabHandler = (event) => {
22779
+ if (event.key !== 'Tab') {
22780
+ return;
22781
+ }
22782
+
22783
+ // Collect focusable elements from the bib content.
22784
+ const focusables = getFocusableElements$3(this.bibContent);
22785
+
22786
+ // Fallback: try from slotted content directly
22787
+ if (!focusables.length) {
22788
+ const slot = this.shadowRoot.querySelector('.slotContent slot');
22789
+ const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
22790
+
22791
+ for (const node of assignedNodes) {
22792
+ if (node.nodeType === Node.ELEMENT_NODE) {
22793
+ focusables.push(...getFocusableElements$3(node));
22794
+ }
22795
+ }
22796
+ }
22797
+
22798
+ if (!focusables.length) {
22799
+ return;
22800
+ }
22801
+
22802
+ event.preventDefault();
22803
+
22804
+ const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
22805
+
22806
+ // Walk the active element chain through shadow roots
22807
+ const actives = this._getActiveElements();
22808
+
22809
+ let idx = focusables.findIndex((el) => actives.includes(el));
22810
+
22811
+ if (idx === -1) { // eslint-disable-line no-magic-numbers
22812
+ // Focus is not on a known element — move to first/last
22813
+ idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
22814
+ }
22815
+
22816
+ // Try each element in order, skipping any that can't receive focus
22817
+ // (e.g. hidden elements, elements in collapsed sections)
22818
+ for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
22819
+ let nextIdx = idx + direction;
22820
+
22821
+ // Wrap around
22822
+ if (nextIdx < 0) {
22823
+ nextIdx = focusables.length - 1;
22824
+ } else if (nextIdx >= focusables.length) {
22825
+ nextIdx = 0;
22826
+ }
22827
+
22828
+ focusables[nextIdx].focus();
22829
+
22830
+ // Verify focus actually moved to the target
22831
+ const newActives = this._getActiveElements();
22832
+
22833
+ if (newActives.includes(focusables[nextIdx])) {
22834
+ return;
22835
+ }
22836
+
22837
+ // Focus didn't stick — skip this element and try the next
22838
+ idx = nextIdx;
22839
+ }
22840
+ };
22841
+ this.addEventListener('keydown', this._bibTabHandler);
22842
+
22843
+ // Move initial focus into the bib content, matching FocusTrap behavior
22844
+ requestAnimationFrame(() => {
22845
+ const focusables = getFocusableElements$3(this.bibContent);
22846
+ if (focusables.length) {
22847
+ focusables[0].focus();
22848
+ }
22849
+ });
22850
+ } else {
22851
+ // Normal desktop: use FocusTrap on the bib element
22852
+ this.focusTrap = new FocusTrap$3(this.bibContent);
22853
+ this.focusTrap.focusFirstElement();
22854
+ }
21811
22855
  }
21812
22856
  // Fullscreen: showModal() provides native focus trapping
22857
+ }
22858
+ }
22859
+
22860
+ /**
22861
+ * Returns the chain of active (focused) elements through shadow roots.
22862
+ * @private
22863
+ * @returns {Array<HTMLElement>}
22864
+ */
22865
+ _getActiveElements() {
22866
+ let { activeElement } = document;
22867
+ const actives = [activeElement];
22868
+
22869
+ while (activeElement?.shadowRoot?.activeElement) {
22870
+ activeElement = activeElement.shadowRoot.activeElement;
22871
+ actives.push(activeElement);
22872
+ }
22873
+
22874
+ return actives;
22875
+ }
22876
+
22877
+ /**
22878
+ * Sets `inert` on sibling elements of the dropdown's top-level host
22879
+ * so that content outside the dropdown is not interactive while the modal is open.
22880
+ * Walks up through shadow DOM boundaries to find the outermost host element
22881
+ * in the light DOM, then sets `inert` on siblings at each ancestor level
22882
+ * to ensure all page content outside the host subtree is inert.
22883
+ * @private
22884
+ */
22885
+ _setPageInert() {
22886
+ if (this._inertSiblings) {
21813
22887
  return;
21814
22888
  }
21815
22889
 
21816
- if (this.focusTrap) {
21817
- this.focusTrap.disconnect();
21818
- this.focusTrap = undefined;
22890
+ this._inertSiblings = [];
22891
+
22892
+ // Walk up through shadow DOM boundaries to find the topmost host
22893
+ // element in the light DOM. For example, if this dropdown is inside
22894
+ // auro-datepicker's shadow DOM, we walk up to the datepicker element
22895
+ // so we set inert on its siblings — not on the datepicker itself.
22896
+ let host = this;
22897
+ while (host.getRootNode() instanceof ShadowRoot) {
22898
+ host = host.getRootNode().host;
22899
+ }
22900
+
22901
+ // Walk up the ancestor chain, inerting siblings at each level
22902
+ // to ensure the entire page outside the host subtree is inert.
22903
+ let current = host;
22904
+ while (current.parentElement) {
22905
+ const parent = current.parentElement;
22906
+ for (const sibling of parent.children) {
22907
+ if (sibling !== current) {
22908
+ this._inertSiblings.push({ element: sibling, wasInert: sibling.inert });
22909
+ sibling.inert = true;
22910
+ }
22911
+ }
22912
+ current = parent;
22913
+ }
22914
+ }
22915
+
22916
+ /**
22917
+ * Restores `inert` state on siblings that were tracked by `_setPageInert`.
22918
+ * Preserves the previous inert state so externally-inerted elements are
22919
+ * not inadvertently re-enabled.
22920
+ * @private
22921
+ */
22922
+ _clearPageInert() {
22923
+ if (this._inertSiblings) {
22924
+ for (const entry of this._inertSiblings) {
22925
+ entry.element.inert = entry.wasInert;
22926
+ }
22927
+ this._inertSiblings = undefined;
21819
22928
  }
21820
22929
  }
21821
22930
 
@@ -22054,6 +23163,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
22054
23163
  shape="${this.shape}"
22055
23164
  ?data-show="${this.isPopoverVisible}"
22056
23165
  ?isfullscreen="${this.isBibFullscreen}"
23166
+ ?desktopmodal="${this.desktopModal}"
22057
23167
  .dialogLabel="${this.bibDialogLabel}"
22058
23168
  ${n$6(this.bibElement)}
22059
23169
  >
@@ -28752,7 +29862,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$3 {
28752
29862
  }
28753
29863
  };
28754
29864
 
28755
- var formkitVersion$8 = '202606011708';
29865
+ var formkitVersion$8 = '202606011856';
28756
29866
 
28757
29867
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
28758
29868
  // See LICENSE in the project root for license information.
@@ -30007,26 +31117,62 @@ function applyKeyboardStrategy$5(component, strategy, options = {}) {
30007
31117
  // components/datepicker/docs/partials/keyboardBehavior.md
30008
31118
  //
30009
31119
  // Current behavior (transitional — full bib keyboard navigation is planned for a future iteration):
30010
- // - The bib opens and closes via pointer/touch interaction only.
30011
31120
  // - Escape closes the bib and prevents the event from reaching parent containers.
31121
+ // - Enter opens the bib when it is closed (trigger input only, not clear button).
31122
+ // - Space opens the bib when it is closed (trigger input only, not clear button).
30012
31123
  // - Tab uses the browser's default tabindex sequence across trigger controls.
30013
- // - Enter and Space do not open or close the bib.
30014
31124
  //
30015
31125
  // This file is an intentional placeholder for most keys. When datepicker bib keyboard navigation is
30016
31126
  // added, handlers should go here following the same strategy pattern used by
30017
31127
  // auro-select (selectKeyboardStrategy.js) and auro-combobox (comboboxKeyboardStrategy.js).
30018
31128
  const datepickerKeyboardStrategy = {
30019
- Escape(component, evt) {
30020
- if (!component.dropdown || !component.dropdown.isPopoverVisible) {
31129
+ Escape(component, evt, ctx) {
31130
+ if (!ctx.isExpanded) {
30021
31131
  return;
30022
31132
  }
30023
31133
 
30024
- // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups.
30025
- // Because stopPropagation prevents the document-level floatingUI keydown handler from
30026
- // seeing this event, we must also close the dropdown explicitly.
31134
+ // Stop propagation so parent containers (auro-dialog, auro-drawer)
31135
+ // don't also react to Escape.
30027
31136
  evt.stopPropagation();
31137
+ evt.preventDefault();
30028
31138
 
30029
- component.dropdown.hide();
31139
+ component.hideBib();
31140
+ },
31141
+
31142
+ Enter(component, evt, ctx) {
31143
+ if (ctx.isExpanded) {
31144
+ return;
31145
+ }
31146
+
31147
+ // Only open from the trigger input, not the clear button or other internal elements.
31148
+ // evt.target is retargeted to the host in shadow DOM, so use composedPath()
31149
+ // to find the real origin. The clear button is rendered with class "clearBtn".
31150
+ const path = evt.composedPath();
31151
+ if (path.some(el => el.classList?.contains('clearBtn'))) {
31152
+ return;
31153
+ }
31154
+
31155
+ evt.preventDefault();
31156
+
31157
+ component.dropdown.show();
31158
+ },
31159
+
31160
+ ' '(component, evt, ctx) {
31161
+ if (ctx.isExpanded) {
31162
+ return;
31163
+ }
31164
+
31165
+ // Only open from the trigger input, not the clear button or other internal elements.
31166
+ // evt.target is retargeted to the host in shadow DOM, so use composedPath()
31167
+ // to find the real origin. The clear button is rendered with class "clearBtn".
31168
+ const path = evt.composedPath();
31169
+ if (path.some(el => el.classList?.contains('clearBtn'))) {
31170
+ return;
31171
+ }
31172
+
31173
+ evt.preventDefault();
31174
+
31175
+ component.dropdown.show();
30030
31176
  },
30031
31177
  };
30032
31178
 
@@ -30100,6 +31246,15 @@ class AuroDatePicker extends AuroElement$6 {
30100
31246
  this.required = false;
30101
31247
  this.onDark = false;
30102
31248
  this.range = false;
31249
+ this.rangeLabelStart = 'range start';
31250
+ this.rangeLabelEnd = 'range end';
31251
+ this.rangeLabelBeforeRange = 'before range';
31252
+ this.rangeLabelInRange = 'in range';
31253
+ this.rangeLabelAfterRange = 'after range';
31254
+ this.blackoutDates = [];
31255
+ this.blackoutLabel = 'unavailable';
31256
+ this.navLabelPrevMonth = 'Previous month';
31257
+ this.navLabelNextMonth = 'Next month';
30103
31258
  this.stacked = false;
30104
31259
  this.noValidate = false;
30105
31260
  this.validity = undefined;
@@ -30478,6 +31633,78 @@ class AuroDatePicker extends AuroElement$6 {
30478
31633
  reflect: true
30479
31634
  },
30480
31635
 
31636
+ /**
31637
+ * Label announced for the range start date cell.
31638
+ */
31639
+ rangeLabelStart: {
31640
+ type: String,
31641
+ reflect: true
31642
+ },
31643
+
31644
+ /**
31645
+ * Label announced for the range end date cell.
31646
+ */
31647
+ rangeLabelEnd: {
31648
+ type: String,
31649
+ reflect: true
31650
+ },
31651
+
31652
+ /**
31653
+ * Label announced for cells before the range start.
31654
+ */
31655
+ rangeLabelBeforeRange: {
31656
+ type: String,
31657
+ reflect: true
31658
+ },
31659
+
31660
+ /**
31661
+ * Label announced for cells within the selected range.
31662
+ */
31663
+ rangeLabelInRange: {
31664
+ type: String,
31665
+ reflect: true
31666
+ },
31667
+
31668
+ /**
31669
+ * Label announced for cells after the range (or after start when no end is selected).
31670
+ */
31671
+ rangeLabelAfterRange: {
31672
+ type: String,
31673
+ reflect: true
31674
+ },
31675
+
31676
+ /**
31677
+ * Array of dates that cannot be selected. Dates should be in ISO format (YYYY-MM-DD).
31678
+ */
31679
+ blackoutDates: {
31680
+ type: Array,
31681
+ reflect: true
31682
+ },
31683
+
31684
+ /**
31685
+ * Label announced for blackout (disabled but in-range) date cells.
31686
+ */
31687
+ blackoutLabel: {
31688
+ type: String,
31689
+ reflect: true
31690
+ },
31691
+
31692
+ /**
31693
+ * Accessible label for the previous month navigation button.
31694
+ */
31695
+ navLabelPrevMonth: {
31696
+ type: String,
31697
+ reflect: true
31698
+ },
31699
+
31700
+ /**
31701
+ * Accessible label for the next month navigation button.
31702
+ */
31703
+ navLabelNextMonth: {
31704
+ type: String,
31705
+ reflect: true
31706
+ },
31707
+
30481
31708
  /**
30482
31709
  * Dates that the user should have for reference as part of their decision making when selecting a date.
30483
31710
  * This should be a JSON string array of dates in the format of `MM/DD/YYYY`.
@@ -30504,6 +31731,7 @@ class AuroDatePicker extends AuroElement$6 {
30504
31731
 
30505
31732
  /**
30506
31733
  * Custom help text message to display when validity = `customError`.
31734
+ * Also used as the validation message when a blackout date is typed into the input.
30507
31735
  */
30508
31736
  setCustomValidityCustomError: {
30509
31737
  type: String
@@ -30825,6 +32053,66 @@ class AuroDatePicker extends AuroElement$6 {
30825
32053
  }));
30826
32054
  }
30827
32055
 
32056
+ /**
32057
+ * Attempts to focus the active calendar cell using a rAF retry loop.
32058
+ * Shared by both fullscreen and desktop open paths.
32059
+ * @private
32060
+ * @returns {void}
32061
+ */
32062
+ focusActiveCellWhenReady() {
32063
+ const MAX_ATTEMPTS = 20;
32064
+ let attempts = 0;
32065
+
32066
+ const tryFocus = () => {
32067
+ attempts += 1;
32068
+ const allCells = this.calendar.getAllFocusableCells();
32069
+
32070
+ if (!allCells.length && attempts < MAX_ATTEMPTS) {
32071
+ requestAnimationFrame(tryFocus);
32072
+ return;
32073
+ }
32074
+
32075
+ // Compute and mark the active cell
32076
+ if (this.calendar.activeCellDate == null) {
32077
+ this.calendar.activeCellDate = this.calendar.computeActiveDate();
32078
+ }
32079
+ if (this.calendar.activeCellDate !== undefined) {
32080
+ this.calendar.setActiveCell(this.calendar.activeCellDate);
32081
+ }
32082
+
32083
+ // If no cell matched (e.g. centralDate month differs from the rendered
32084
+ // range on mobile), fall back to the first rendered enabled cell.
32085
+ let activeCell = allCells.find(cell => cell.active);
32086
+ if (!activeCell && allCells.length) {
32087
+ const fallback = allCells[0];
32088
+ if (fallback.day) {
32089
+ this.calendar.activeCellDate = fallback.day.date;
32090
+ this.calendar.setActiveCell(this.calendar.activeCellDate);
32091
+ activeCell = allCells.find(cell => cell.active);
32092
+ }
32093
+ }
32094
+
32095
+ // Wait for the cell's Lit render to complete so the button's tabindex
32096
+ // reflects the active state before we attempt to focus.
32097
+ if (activeCell) {
32098
+ activeCell.updateComplete.then(() => {
32099
+ activeCell.hovered = true;
32100
+ const btn = activeCell.shadowRoot.querySelector('button:not([aria-hidden])');
32101
+ if (btn) {
32102
+ btn.setAttribute('tabindex', '0');
32103
+ btn.focus({ focusVisible: true });
32104
+ } else if (attempts < MAX_ATTEMPTS) {
32105
+ requestAnimationFrame(tryFocus);
32106
+ }
32107
+ });
32108
+ } else if (attempts < MAX_ATTEMPTS) {
32109
+ requestAnimationFrame(tryFocus);
32110
+ }
32111
+ };
32112
+
32113
+ requestAnimationFrame(tryFocus);
32114
+ }
32115
+
30828
32116
  /**
30829
32117
  * Binds all behavior needed to the dropdown after rendering.
30830
32118
  * @private
@@ -30833,6 +32121,12 @@ class AuroDatePicker extends AuroElement$6 {
30833
32121
  configureDropdown() {
30834
32122
  this.dropdown = this.shadowRoot.querySelector(this.dropdownTag._$litStatic$);
30835
32123
 
32124
+ // The datepicker manages its own open/close lifecycle (Space/Escape/date-select/done).
32125
+ // Prevent the floater's document-level focusin handler from closing the bib
32126
+ // when focus moves from the trigger into the calendar cells (which live inside
32127
+ // a top-layer popover where :focus-within on the dropdown host returns false).
32128
+ this.dropdown.noHideOnThisFocusLoss = true;
32129
+
30836
32130
  // Pass label text to the dropdown bib for accessible dialog naming.
30837
32131
  // Without this, the fullscreen <dialog> has no accessible name and
30838
32132
  // screen readers announce it as just "dialog" with no context.
@@ -30850,6 +32144,23 @@ class AuroDatePicker extends AuroElement$6 {
30850
32144
  this.dropdown.addEventListener('auroDropdown-toggled', () => {
30851
32145
  this.notifyDatepickerToggled();
30852
32146
 
32147
+ if (this.dropdown.isPopoverVisible) {
32148
+ // Reset calendar focus state so it recomputes from the current selection.
32149
+ // Without this, reopening after navigating to a month without a selected
32150
+ // date leaves activeCellDate pointing at a cell in a different month than
32151
+ // what centralDate renders, causing all cells to have tabindex="-1".
32152
+ this.calendar.activeCellDate = null;
32153
+
32154
+ // Show the month containing the selected date (or today) instead of
32155
+ // whichever month the user last navigated to.
32156
+ // Respect consumer-provided centralDate/calendarStartDate if no value is set.
32157
+ if (this.value && this.util.validDateStr(this.value, this.format)) {
32158
+ this.calendarRenderUtil.updateCentralDate(this, this.formattedValue);
32159
+ } else if (!this.centralDate && !this.calendarStartDate && !this.minDate) {
32160
+ this.calendarRenderUtil.updateCentralDate(this, new Date());
32161
+ }
32162
+ }
32163
+
30853
32164
  // This forces the calendar to render when the dropdown is opened.
30854
32165
  // It is not rendered by default
30855
32166
  this.calendar.visible = this.dropdown.isPopoverVisible;
@@ -30882,12 +32193,23 @@ class AuroDatePicker extends AuroElement$6 {
30882
32193
  bibEl.open(true);
30883
32194
 
30884
32195
  doubleRaf$3(() => {
30885
- this.calendar.focusCloseButton();
32196
+ this.focusActiveCellWhenReady();
30886
32197
  });
30887
32198
  }
30888
32199
  });
30889
32200
 
30890
32201
  guardTouchPassthrough$2(this.shadowRoot.querySelector('.calendarWrapper'));
32202
+ } else {
32203
+ // Desktop (non-fullscreen) modal: make the trigger inert so users
32204
+ // cannot interact with the input while the modal bib is open.
32205
+ if (this.dropdown.desktopModal) {
32206
+ this.dropdown.trigger.inert = true;
32207
+ }
32208
+
32209
+ // Desktop (non-fullscreen): focus the active calendar cell.
32210
+ this.dropdown.updateComplete.then(() => {
32211
+ this.focusActiveCellWhenReady();
32212
+ });
30891
32213
  }
30892
32214
  } else {
30893
32215
  // Always clear the inert flag. Only restore focus to the input when the datepicker
@@ -30933,7 +32255,7 @@ class AuroDatePicker extends AuroElement$6 {
30933
32255
  bibEl.close();
30934
32256
  bibEl.open(true);
30935
32257
  doubleRaf$3(() => {
30936
- this.calendar.focusCloseButton();
32258
+ this.focusActiveCellWhenReady();
30937
32259
  });
30938
32260
  }
30939
32261
  });
@@ -31128,14 +32450,8 @@ class AuroDatePicker extends AuroElement$6 {
31128
32450
 
31129
32451
  if (onEndValue) {
31130
32452
  this.valueEnd = newDate;
31131
- if (this.dropdown.isPopoverVisible && !this.dropdown.isBibFullscreen) {
31132
- this.focus('startDate');
31133
- }
31134
32453
  } else {
31135
32454
  this.value = newDate;
31136
- if (this.dropdown.isPopoverVisible && !this.dropdown.isBibFullscreen) {
31137
- this.focus('endDate');
31138
- }
31139
32455
  }
31140
32456
  }
31141
32457
  }
@@ -31175,6 +32491,27 @@ class AuroDatePicker extends AuroElement$6 {
31175
32491
  this.resetInputs();
31176
32492
  }
31177
32493
 
32494
+ /**
32495
+ * Checks whether a formatted date string matches a blackout date.
32496
+ * @private
32497
+ * @param {string} dateStr - A date string in the component's configured format.
32498
+ * @returns {boolean} True if the date is in the blackoutDates list.
32499
+ */
32500
+ isBlackoutDate(dateStr) {
32501
+ if (!Array.isArray(this.blackoutDates) || this.blackoutDates.length === 0 || !dateStr) {
32502
+ return false;
32503
+ }
32504
+
32505
+ const formatted = this.util.toNorthAmericanFormat(dateStr, this.format);
32506
+ if (!this.util.validDateStr(dateStr, this.format)) return false;
32507
+
32508
+ const d = new Date(formatted);
32509
+ const yyyy = d.getFullYear();
32510
+ const mm = String(d.getMonth() + 1).padStart(2, '0');
32511
+ const dd = String(d.getDate()).padStart(2, '0');
32512
+ return this.blackoutDates.includes(`${yyyy}-${mm}-${dd}`);
32513
+ }
32514
+
31178
32515
  /**
31179
32516
  * Validates value.
31180
32517
  * @param {boolean} [force=false] - Whether to force validation.
@@ -31186,6 +32523,24 @@ class AuroDatePicker extends AuroElement$6 {
31186
32523
  }
31187
32524
 
31188
32525
  this.validation.validate(this, force);
32526
+
32527
+ // After standard validation, check blackout dates for typed input
32528
+ if (this.validity !== 'customError') {
32529
+ if (this.isBlackoutDate(this.value) || (this.range && this.isBlackoutDate(this.valueEnd))) {
32530
+ const msg = this.setCustomValidityCustomError || 'Selected date is unavailable';
32531
+ this.validity = 'customError';
32532
+ this.errorMessage = msg;
32533
+
32534
+ this.dispatchEvent(new CustomEvent('auroFormElement-validated', {
32535
+ bubbles: true,
32536
+ composed: true,
32537
+ detail: {
32538
+ validity: this.validity,
32539
+ message: this.errorMessage
32540
+ }
32541
+ }));
32542
+ }
32543
+ }
31189
32544
  }
31190
32545
 
31191
32546
  /**
@@ -31266,6 +32621,9 @@ class AuroDatePicker extends AuroElement$6 {
31266
32621
 
31267
32622
  if (this.cellClickActive) {
31268
32623
  this.cellClickActive = false;
32624
+ this.wasCellClick = true;
32625
+ } else {
32626
+ this.wasCellClick = false;
31269
32627
  }
31270
32628
 
31271
32629
  if (this.value && this.util.validDateStr(this.value, this.format)) {
@@ -31296,16 +32654,44 @@ class AuroDatePicker extends AuroElement$6 {
31296
32654
  }
31297
32655
 
31298
32656
  if (this.value && this.value.length === this.inputList[0].lengthForType) {
31299
- this.calendarRenderUtil.updateCentralDate(this, this.formattedValue);
32657
+ // Skip centralDate update when user clicked a cell in range mode
32658
+ // to prevent the displayed months from shifting
32659
+ if (!(this.wasCellClick && this.range)) {
32660
+ this.calendarRenderUtil.updateCentralDate(this, this.formattedValue);
32661
+ }
31300
32662
  }
31301
32663
 
31302
32664
  this.setHasValue();
31303
32665
  }
31304
32666
 
32667
+ if (changedProperties.has('blackoutDates')) {
32668
+ // Force calendar cells to re-render with updated blackout state.
32669
+ // requestUpdate on the calendar alone is insufficient because cells
32670
+ // don't receive blackoutDates as a bound property. Dispatching the
32671
+ // slot content event triggers handleSlotContent → requestUpdate on each cell.
32672
+ if (this.calendar) {
32673
+ this.calendar.requestUpdate();
32674
+ this.dispatchEvent(new CustomEvent('auroDatePicker-newSlotContent'));
32675
+ }
32676
+
32677
+ // Re-run validation so that a previously valid value that now falls on
32678
+ // a blackout date is flagged, and vice versa.
32679
+ if (this.value || this.valueEnd) {
32680
+ this.validate();
32681
+ }
32682
+ }
32683
+
31305
32684
  if (changedProperties.has('valueEnd') && this.inputList[1]) {
31306
32685
 
31307
32686
  this.formattedValueEnd = this.util.toNorthAmericanFormat(this.valueEnd, this.format);
31308
32687
 
32688
+ if (this.cellClickActive) {
32689
+ this.cellClickActive = false;
32690
+ this.wasCellClick = true;
32691
+ } else {
32692
+ this.wasCellClick = false;
32693
+ }
32694
+
31309
32695
  // update the calendar
31310
32696
  if (this.valueEnd && this.util.validDateStr(this.valueEnd, this.format)) {
31311
32697
  this.calendar.dateTo = this.convertToWcValidTime(this.formattedValueEnd);
@@ -31333,7 +32719,11 @@ class AuroDatePicker extends AuroElement$6 {
31333
32719
  }
31334
32720
 
31335
32721
  if (this.valueEnd && this.valueEnd.length === this.inputList[1].lengthForType) {
31336
- this.calendarRenderUtil.updateCentralDate(this, this.formattedValueEnd);
32722
+ // Skip centralDate update when user clicked a cell in range mode
32723
+ // to prevent the displayed months from shifting
32724
+ if (!this.wasCellClick) {
32725
+ this.calendarRenderUtil.updateCentralDate(this, this.formattedValueEnd);
32726
+ }
31337
32727
  }
31338
32728
 
31339
32729
  this.validate();
@@ -31490,6 +32880,7 @@ class AuroDatePicker extends AuroElement$6 {
31490
32880
  }
31491
32881
 
31492
32882
  firstUpdated() {
32883
+
31493
32884
  // Add the tag name as an attribute if it is different than the component name
31494
32885
  this.runtimeUtils.handleComponentTagRename(this, 'auro-datepicker');
31495
32886
 
@@ -31919,7 +33310,7 @@ class AuroDatePicker extends AuroElement$6 {
31919
33310
  // Base HTML render() handles dropdown and calendar bib
31920
33311
  return u$d`
31921
33312
  <!-- Hidden slot for clear button aria-label -->
31922
- <slot name="ariaLabel.input.clear" hidden @slotchange=${this.requestUpdate}></slot>
33313
+ <slot name="ariaLabel.input.clear" hidden @slotchange=${() => this.requestUpdate()}></slot>
31923
33314
 
31924
33315
  <${this.dropdownTag}
31925
33316
  appearance="${this.onDark ? 'inverse' : this.appearance}"
@@ -31936,6 +33327,7 @@ class AuroDatePicker extends AuroElement$6 {
31936
33327
  .shape="${this.shape}"
31937
33328
  .size="${this.size}"
31938
33329
  class="${e$3(dropdownElementClassMap)}"
33330
+ desktopModal
31939
33331
  disableEventShow
31940
33332
  for="dropdownMenu"
31941
33333
  part="dropdown"
@@ -35192,7 +36584,7 @@ function applyKeyboardStrategy$4(component, strategy, options = {}) {
35192
36584
  });
35193
36585
  }
35194
36586
 
35195
- var styleCss$2$6 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host dialog{width:auto;max-width:none;height:auto;max-height:none;padding:0;border:none;margin:0;outline:none;transform:translateZ(0)}:host dialog::backdrop{background:transparent}:host(:not([isfullscreen])) dialog{position:relative;inset:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([isfullscreen]) .container::backdrop{background:var(--ds-color-background-primary, #fff)}:host(:popover-open){position:fixed;overflow:visible;padding:0;border:none;margin:0;background:transparent;inset:unset;outline:none}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}.util_displayHiddenVisually{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip-path:inset(50%);white-space:nowrap}`;
36587
+ var styleCss$2$6 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host dialog{width:auto;max-width:none;height:auto;max-height:none;padding:0;border:none;margin:0;outline:none;transform:translateZ(0)}:host dialog::backdrop{background:transparent}:host(:not([isfullscreen])) dialog{position:relative;inset:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}:host([desktopmodal]:popover-open)::backdrop{background:transparent}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([isfullscreen]) .container::backdrop{background:var(--ds-color-background-primary, #fff)}:host(:popover-open){position:fixed;overflow:visible;padding:0;border:none;margin:0;background:transparent;inset:unset;outline:none}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}.util_displayHiddenVisually{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip-path:inset(50%);white-space:nowrap}`;
35196
36588
 
35197
36589
  var colorCss$2$6 = i$5`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
35198
36590
 
@@ -35823,7 +37215,7 @@ let AuroHelpText$7 = class AuroHelpText extends i$3 {
35823
37215
  }
35824
37216
  };
35825
37217
 
35826
- var formkitVersion$7 = '202606011708';
37218
+ var formkitVersion$7 = '202606011856';
35827
37219
 
35828
37220
  let AuroElement$5 = class AuroElement extends i$3 {
35829
37221
  static get properties() {
@@ -36003,6 +37395,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
36003
37395
  _intializeDefaults() {
36004
37396
  this.appearance = 'default';
36005
37397
  this.chevron = false;
37398
+ this.desktopModal = false;
36006
37399
  this.disabled = false;
36007
37400
  this.disableKeyboardHandling = false;
36008
37401
  this.error = false;
@@ -36183,6 +37576,14 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
36183
37576
  reflect: true
36184
37577
  },
36185
37578
 
37579
+ /**
37580
+ * If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
37581
+ */
37582
+ desktopModal: {
37583
+ type: Boolean,
37584
+ reflect: true
37585
+ },
37586
+
36186
37587
  /**
36187
37588
  * If declared, the dropdown will only show by calling the API .show() public method.
36188
37589
  */
@@ -36470,6 +37871,15 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
36470
37871
 
36471
37872
  disconnectedCallback() {
36472
37873
  super.disconnectedCallback();
37874
+ this._clearPageInert();
37875
+ if (this._bibTabHandler) {
37876
+ this.removeEventListener('keydown', this._bibTabHandler);
37877
+ this._bibTabHandler = undefined;
37878
+ }
37879
+ if (this.focusTrap) {
37880
+ this.focusTrap.disconnect();
37881
+ this.focusTrap = undefined;
37882
+ }
36473
37883
  if (this.floater) {
36474
37884
  this.floater.hideBib('disconnect');
36475
37885
  this.floater.disconnect();
@@ -36497,19 +37907,45 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
36497
37907
  if (this.isPopoverVisible) {
36498
37908
  // Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
36499
37909
  // Desktop: use show() for Floating UI positioning + FocusTrap for focus management
36500
- const useModal = this.isBibFullscreen;
36501
- this.bibElement.value.open(useModal);
37910
+ this.bibElement.value.open(this.isBibFullscreen);
37911
+ this.updateFocusTrap();
37912
+
37913
+ // Desktop modal: make siblings inert so content outside is not interactive
37914
+ if (this.desktopModal && !this.isBibFullscreen) {
37915
+ this._setPageInert();
37916
+ }
36502
37917
  } else {
36503
37918
  this.bibElement.value.close();
37919
+ this._clearPageInert();
36504
37920
  }
36505
37921
  }
36506
37922
 
36507
37923
  // When fullscreen strategy changes while open, re-open dialog with correct mode
36508
37924
  // (e.g. resizing from desktop → mobile while dropdown is open)
36509
37925
  if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
36510
- const useModal = this.isBibFullscreen;
36511
37926
  this.bibElement.value.close();
36512
- this.bibElement.value.open(useModal);
37927
+ this.bibElement.value.open(this.isBibFullscreen);
37928
+
37929
+ // Re-initialize focus management for the new strategy
37930
+ this.updateFocusTrap();
37931
+
37932
+ // Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
37933
+ if (this.desktopModal && !this.isBibFullscreen) {
37934
+ this._setPageInert();
37935
+ } else {
37936
+ this._clearPageInert();
37937
+ }
37938
+ }
37939
+
37940
+ // Handle desktopModal toggled while the dropdown is already open.
37941
+ // Re-initialize focus trapping and page inert state to match the new mode.
37942
+ if (changedProperties.has('desktopModal') && this.isPopoverVisible && !this.isBibFullscreen) {
37943
+ this.updateFocusTrap();
37944
+ if (this.desktopModal) {
37945
+ this._setPageInert();
37946
+ } else {
37947
+ this._clearPageInert();
37948
+ }
36513
37949
  }
36514
37950
  }
36515
37951
 
@@ -36519,8 +37955,14 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
36519
37955
  * @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
36520
37956
  */
36521
37957
  handleDropdownToggle(event) {
36522
- this.updateFocusTrap();
36523
37958
  this.isPopoverVisible = event.detail.expanded;
37959
+
37960
+ // Tear down FocusTrap when closing. Creation happens in updated()
37961
+ // after the dialog is open so getFocusableElements can find content.
37962
+ if (!this.isPopoverVisible) {
37963
+ this.updateFocusTrap();
37964
+ }
37965
+
36524
37966
  const eventType = event.detail.eventType || "unknown";
36525
37967
  if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
36526
37968
  this.trigger.focus();
@@ -36619,19 +38061,178 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
36619
38061
  * @private
36620
38062
  */
36621
38063
  updateFocusTrap() {
38064
+ // Always clean up existing handlers/traps before setting up new ones
38065
+ // to prevent duplicate listeners on repeated calls.
38066
+ if (this._bibTabHandler) {
38067
+ this.removeEventListener('keydown', this._bibTabHandler);
38068
+ this._bibTabHandler = undefined;
38069
+ }
38070
+
38071
+ if (this.focusTrap) {
38072
+ this.focusTrap.disconnect();
38073
+ this.focusTrap = undefined;
38074
+ }
38075
+
36622
38076
  if (this.isPopoverVisible) {
36623
38077
  if (!this.isBibFullscreen) {
36624
- // Desktop: show() doesn't trap focus, so use FocusTrap
36625
- this.focusTrap = new FocusTrap$2(this.bibContent);
36626
- this.focusTrap.focusFirstElement();
38078
+ if (this.desktopModal) {
38079
+ // Desktop modal: trap focus only within the bib content.
38080
+ // Can't use FocusTrap on the bib element because keydown events
38081
+ // from slotted content bubble through the dropdown host (light DOM),
38082
+ // not through the bib (shadow projection target). Using FocusTrap
38083
+ // on the dropdown would include the trigger in the tab cycle.
38084
+ // Instead, listen for Tab on the dropdown and manually wrap focus
38085
+ // within the bib's focusable elements.
38086
+ this._bibTabHandler = (event) => {
38087
+ if (event.key !== 'Tab') {
38088
+ return;
38089
+ }
38090
+
38091
+ // Collect focusable elements from the bib content.
38092
+ const focusables = getFocusableElements$2(this.bibContent);
38093
+
38094
+ // Fallback: try from slotted content directly
38095
+ if (!focusables.length) {
38096
+ const slot = this.shadowRoot.querySelector('.slotContent slot');
38097
+ const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
38098
+
38099
+ for (const node of assignedNodes) {
38100
+ if (node.nodeType === Node.ELEMENT_NODE) {
38101
+ focusables.push(...getFocusableElements$2(node));
38102
+ }
38103
+ }
38104
+ }
38105
+
38106
+ if (!focusables.length) {
38107
+ return;
38108
+ }
38109
+
38110
+ event.preventDefault();
38111
+
38112
+ const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
38113
+
38114
+ // Walk the active element chain through shadow roots
38115
+ const actives = this._getActiveElements();
38116
+
38117
+ let idx = focusables.findIndex((el) => actives.includes(el));
38118
+
38119
+ if (idx === -1) { // eslint-disable-line no-magic-numbers
38120
+ // Focus is not on a known element — move to first/last
38121
+ idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
38122
+ }
38123
+
38124
+ // Try each element in order, skipping any that can't receive focus
38125
+ // (e.g. hidden elements, elements in collapsed sections)
38126
+ for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
38127
+ let nextIdx = idx + direction;
38128
+
38129
+ // Wrap around
38130
+ if (nextIdx < 0) {
38131
+ nextIdx = focusables.length - 1;
38132
+ } else if (nextIdx >= focusables.length) {
38133
+ nextIdx = 0;
38134
+ }
38135
+
38136
+ focusables[nextIdx].focus();
38137
+
38138
+ // Verify focus actually moved to the target
38139
+ const newActives = this._getActiveElements();
38140
+
38141
+ if (newActives.includes(focusables[nextIdx])) {
38142
+ return;
38143
+ }
38144
+
38145
+ // Focus didn't stick — skip this element and try the next
38146
+ idx = nextIdx;
38147
+ }
38148
+ };
38149
+ this.addEventListener('keydown', this._bibTabHandler);
38150
+
38151
+ // Move initial focus into the bib content, matching FocusTrap behavior
38152
+ requestAnimationFrame(() => {
38153
+ const focusables = getFocusableElements$2(this.bibContent);
38154
+ if (focusables.length) {
38155
+ focusables[0].focus();
38156
+ }
38157
+ });
38158
+ } else {
38159
+ // Normal desktop: use FocusTrap on the bib element
38160
+ this.focusTrap = new FocusTrap$2(this.bibContent);
38161
+ this.focusTrap.focusFirstElement();
38162
+ }
36627
38163
  }
36628
38164
  // Fullscreen: showModal() provides native focus trapping
38165
+ }
38166
+ }
38167
+
38168
+ /**
38169
+ * Returns the chain of active (focused) elements through shadow roots.
38170
+ * @private
38171
+ * @returns {Array<HTMLElement>}
38172
+ */
38173
+ _getActiveElements() {
38174
+ let { activeElement } = document;
38175
+ const actives = [activeElement];
38176
+
38177
+ while (activeElement?.shadowRoot?.activeElement) {
38178
+ activeElement = activeElement.shadowRoot.activeElement;
38179
+ actives.push(activeElement);
38180
+ }
38181
+
38182
+ return actives;
38183
+ }
38184
+
38185
+ /**
38186
+ * Sets `inert` on sibling elements of the dropdown's top-level host
38187
+ * so that content outside the dropdown is not interactive while the modal is open.
38188
+ * Walks up through shadow DOM boundaries to find the outermost host element
38189
+ * in the light DOM, then sets `inert` on siblings at each ancestor level
38190
+ * to ensure all page content outside the host subtree is inert.
38191
+ * @private
38192
+ */
38193
+ _setPageInert() {
38194
+ if (this._inertSiblings) {
36629
38195
  return;
36630
38196
  }
36631
38197
 
36632
- if (this.focusTrap) {
36633
- this.focusTrap.disconnect();
36634
- this.focusTrap = undefined;
38198
+ this._inertSiblings = [];
38199
+
38200
+ // Walk up through shadow DOM boundaries to find the topmost host
38201
+ // element in the light DOM. For example, if this dropdown is inside
38202
+ // auro-datepicker's shadow DOM, we walk up to the datepicker element
38203
+ // so we set inert on its siblings — not on the datepicker itself.
38204
+ let host = this;
38205
+ while (host.getRootNode() instanceof ShadowRoot) {
38206
+ host = host.getRootNode().host;
38207
+ }
38208
+
38209
+ // Walk up the ancestor chain, inerting siblings at each level
38210
+ // to ensure the entire page outside the host subtree is inert.
38211
+ let current = host;
38212
+ while (current.parentElement) {
38213
+ const parent = current.parentElement;
38214
+ for (const sibling of parent.children) {
38215
+ if (sibling !== current) {
38216
+ this._inertSiblings.push({ element: sibling, wasInert: sibling.inert });
38217
+ sibling.inert = true;
38218
+ }
38219
+ }
38220
+ current = parent;
38221
+ }
38222
+ }
38223
+
38224
+ /**
38225
+ * Restores `inert` state on siblings that were tracked by `_setPageInert`.
38226
+ * Preserves the previous inert state so externally-inerted elements are
38227
+ * not inadvertently re-enabled.
38228
+ * @private
38229
+ */
38230
+ _clearPageInert() {
38231
+ if (this._inertSiblings) {
38232
+ for (const entry of this._inertSiblings) {
38233
+ entry.element.inert = entry.wasInert;
38234
+ }
38235
+ this._inertSiblings = undefined;
36635
38236
  }
36636
38237
  }
36637
38238
 
@@ -36870,6 +38471,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
36870
38471
  shape="${this.shape}"
36871
38472
  ?data-show="${this.isPopoverVisible}"
36872
38473
  ?isfullscreen="${this.isBibFullscreen}"
38474
+ ?desktopmodal="${this.desktopModal}"
36873
38475
  .dialogLabel="${this.bibDialogLabel}"
36874
38476
  ${n$6(this.bibElement)}
36875
38477
  >
@@ -38424,7 +40026,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$3 {
38424
40026
  }
38425
40027
  };
38426
40028
 
38427
- var formkitVersion$6 = '202606011708';
40029
+ var formkitVersion$6 = '202606011856';
38428
40030
 
38429
40031
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
38430
40032
  // See LICENSE in the project root for license information.
@@ -39162,6 +40764,14 @@ let AuroBibtemplate$2 = class AuroBibtemplate extends i$3 {
39162
40764
  large: {
39163
40765
  type: Boolean,
39164
40766
  reflect: true
40767
+ },
40768
+
40769
+ /**
40770
+ * If declared, the footer slot will be rendered even when not in fullscreen mode.
40771
+ */
40772
+ showFooter: {
40773
+ type: Boolean,
40774
+ reflect: true
39165
40775
  }
39166
40776
  };
39167
40777
  }
@@ -39264,7 +40874,7 @@ let AuroBibtemplate$2 = class AuroBibtemplate extends i$3 {
39264
40874
  <slot></slot>
39265
40875
  </div>
39266
40876
 
39267
- ${this.isFullscreen ? u$d`
40877
+ ${this.isFullscreen || this.showFooter ? u$d`
39268
40878
  <div id="footerContainer">
39269
40879
  <slot name="footer"></slot>
39270
40880
  </div>` : null}
@@ -41842,7 +43452,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$3 {
41842
43452
  }
41843
43453
  };
41844
43454
 
41845
- var formkitVersion$5 = '202606011708';
43455
+ var formkitVersion$5 = '202606011856';
41846
43456
 
41847
43457
  // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
41848
43458
  // See LICENSE in the project root for license information.
@@ -44014,7 +45624,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$3 {
44014
45624
  }
44015
45625
  };
44016
45626
 
44017
- var formkitVersion$4 = '202606011708';
45627
+ var formkitVersion$4 = '202606011856';
44018
45628
 
44019
45629
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
44020
45630
  // See LICENSE in the project root for license information.
@@ -49003,7 +50613,7 @@ function applyKeyboardStrategy$2(component, strategy, options = {}) {
49003
50613
  });
49004
50614
  }
49005
50615
 
49006
- var styleCss$2$1$1 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host dialog{width:auto;max-width:none;height:auto;max-height:none;padding:0;border:none;margin:0;outline:none;transform:translateZ(0)}:host dialog::backdrop{background:transparent}:host(:not([isfullscreen])) dialog{position:relative;inset:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([isfullscreen]) .container::backdrop{background:var(--ds-color-background-primary, #fff)}:host(:popover-open){position:fixed;overflow:visible;padding:0;border:none;margin:0;background:transparent;inset:unset;outline:none}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}.util_displayHiddenVisually{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip-path:inset(50%);white-space:nowrap}`;
50616
+ var styleCss$2$1$1 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host dialog{width:auto;max-width:none;height:auto;max-height:none;padding:0;border:none;margin:0;outline:none;transform:translateZ(0)}:host dialog::backdrop{background:transparent}:host(:not([isfullscreen])) dialog{position:relative;inset:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}:host([desktopmodal]:popover-open)::backdrop{background:transparent}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([isfullscreen]) .container::backdrop{background:var(--ds-color-background-primary, #fff)}:host(:popover-open){position:fixed;overflow:visible;padding:0;border:none;margin:0;background:transparent;inset:unset;outline:none}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}.util_displayHiddenVisually{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip-path:inset(50%);white-space:nowrap}`;
49007
50617
 
49008
50618
  var colorCss$2$1 = i$5`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
49009
50619
 
@@ -49634,7 +51244,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
49634
51244
  }
49635
51245
  };
49636
51246
 
49637
- var formkitVersion$2 = '202606011708';
51247
+ var formkitVersion$2 = '202606011856';
49638
51248
 
49639
51249
  let AuroElement$2$1 = class AuroElement extends i$3 {
49640
51250
  static get properties() {
@@ -49814,6 +51424,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
49814
51424
  _intializeDefaults() {
49815
51425
  this.appearance = 'default';
49816
51426
  this.chevron = false;
51427
+ this.desktopModal = false;
49817
51428
  this.disabled = false;
49818
51429
  this.disableKeyboardHandling = false;
49819
51430
  this.error = false;
@@ -49994,6 +51605,14 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
49994
51605
  reflect: true
49995
51606
  },
49996
51607
 
51608
+ /**
51609
+ * If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
51610
+ */
51611
+ desktopModal: {
51612
+ type: Boolean,
51613
+ reflect: true
51614
+ },
51615
+
49997
51616
  /**
49998
51617
  * If declared, the dropdown will only show by calling the API .show() public method.
49999
51618
  */
@@ -50281,6 +51900,15 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
50281
51900
 
50282
51901
  disconnectedCallback() {
50283
51902
  super.disconnectedCallback();
51903
+ this._clearPageInert();
51904
+ if (this._bibTabHandler) {
51905
+ this.removeEventListener('keydown', this._bibTabHandler);
51906
+ this._bibTabHandler = undefined;
51907
+ }
51908
+ if (this.focusTrap) {
51909
+ this.focusTrap.disconnect();
51910
+ this.focusTrap = undefined;
51911
+ }
50284
51912
  if (this.floater) {
50285
51913
  this.floater.hideBib('disconnect');
50286
51914
  this.floater.disconnect();
@@ -50308,19 +51936,45 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
50308
51936
  if (this.isPopoverVisible) {
50309
51937
  // Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
50310
51938
  // Desktop: use show() for Floating UI positioning + FocusTrap for focus management
50311
- const useModal = this.isBibFullscreen;
50312
- this.bibElement.value.open(useModal);
51939
+ this.bibElement.value.open(this.isBibFullscreen);
51940
+ this.updateFocusTrap();
51941
+
51942
+ // Desktop modal: make siblings inert so content outside is not interactive
51943
+ if (this.desktopModal && !this.isBibFullscreen) {
51944
+ this._setPageInert();
51945
+ }
50313
51946
  } else {
50314
51947
  this.bibElement.value.close();
51948
+ this._clearPageInert();
50315
51949
  }
50316
51950
  }
50317
51951
 
50318
51952
  // When fullscreen strategy changes while open, re-open dialog with correct mode
50319
51953
  // (e.g. resizing from desktop → mobile while dropdown is open)
50320
51954
  if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
50321
- const useModal = this.isBibFullscreen;
50322
51955
  this.bibElement.value.close();
50323
- this.bibElement.value.open(useModal);
51956
+ this.bibElement.value.open(this.isBibFullscreen);
51957
+
51958
+ // Re-initialize focus management for the new strategy
51959
+ this.updateFocusTrap();
51960
+
51961
+ // Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
51962
+ if (this.desktopModal && !this.isBibFullscreen) {
51963
+ this._setPageInert();
51964
+ } else {
51965
+ this._clearPageInert();
51966
+ }
51967
+ }
51968
+
51969
+ // Handle desktopModal toggled while the dropdown is already open.
51970
+ // Re-initialize focus trapping and page inert state to match the new mode.
51971
+ if (changedProperties.has('desktopModal') && this.isPopoverVisible && !this.isBibFullscreen) {
51972
+ this.updateFocusTrap();
51973
+ if (this.desktopModal) {
51974
+ this._setPageInert();
51975
+ } else {
51976
+ this._clearPageInert();
51977
+ }
50324
51978
  }
50325
51979
  }
50326
51980
 
@@ -50330,8 +51984,14 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
50330
51984
  * @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
50331
51985
  */
50332
51986
  handleDropdownToggle(event) {
50333
- this.updateFocusTrap();
50334
51987
  this.isPopoverVisible = event.detail.expanded;
51988
+
51989
+ // Tear down FocusTrap when closing. Creation happens in updated()
51990
+ // after the dialog is open so getFocusableElements can find content.
51991
+ if (!this.isPopoverVisible) {
51992
+ this.updateFocusTrap();
51993
+ }
51994
+
50335
51995
  const eventType = event.detail.eventType || "unknown";
50336
51996
  if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
50337
51997
  this.trigger.focus();
@@ -50430,19 +52090,178 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
50430
52090
  * @private
50431
52091
  */
50432
52092
  updateFocusTrap() {
52093
+ // Always clean up existing handlers/traps before setting up new ones
52094
+ // to prevent duplicate listeners on repeated calls.
52095
+ if (this._bibTabHandler) {
52096
+ this.removeEventListener('keydown', this._bibTabHandler);
52097
+ this._bibTabHandler = undefined;
52098
+ }
52099
+
52100
+ if (this.focusTrap) {
52101
+ this.focusTrap.disconnect();
52102
+ this.focusTrap = undefined;
52103
+ }
52104
+
50433
52105
  if (this.isPopoverVisible) {
50434
52106
  if (!this.isBibFullscreen) {
50435
- // Desktop: show() doesn't trap focus, so use FocusTrap
50436
- this.focusTrap = new FocusTrap$1(this.bibContent);
50437
- this.focusTrap.focusFirstElement();
52107
+ if (this.desktopModal) {
52108
+ // Desktop modal: trap focus only within the bib content.
52109
+ // Can't use FocusTrap on the bib element because keydown events
52110
+ // from slotted content bubble through the dropdown host (light DOM),
52111
+ // not through the bib (shadow projection target). Using FocusTrap
52112
+ // on the dropdown would include the trigger in the tab cycle.
52113
+ // Instead, listen for Tab on the dropdown and manually wrap focus
52114
+ // within the bib's focusable elements.
52115
+ this._bibTabHandler = (event) => {
52116
+ if (event.key !== 'Tab') {
52117
+ return;
52118
+ }
52119
+
52120
+ // Collect focusable elements from the bib content.
52121
+ const focusables = getFocusableElements$1(this.bibContent);
52122
+
52123
+ // Fallback: try from slotted content directly
52124
+ if (!focusables.length) {
52125
+ const slot = this.shadowRoot.querySelector('.slotContent slot');
52126
+ const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
52127
+
52128
+ for (const node of assignedNodes) {
52129
+ if (node.nodeType === Node.ELEMENT_NODE) {
52130
+ focusables.push(...getFocusableElements$1(node));
52131
+ }
52132
+ }
52133
+ }
52134
+
52135
+ if (!focusables.length) {
52136
+ return;
52137
+ }
52138
+
52139
+ event.preventDefault();
52140
+
52141
+ const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
52142
+
52143
+ // Walk the active element chain through shadow roots
52144
+ const actives = this._getActiveElements();
52145
+
52146
+ let idx = focusables.findIndex((el) => actives.includes(el));
52147
+
52148
+ if (idx === -1) { // eslint-disable-line no-magic-numbers
52149
+ // Focus is not on a known element — move to first/last
52150
+ idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
52151
+ }
52152
+
52153
+ // Try each element in order, skipping any that can't receive focus
52154
+ // (e.g. hidden elements, elements in collapsed sections)
52155
+ for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
52156
+ let nextIdx = idx + direction;
52157
+
52158
+ // Wrap around
52159
+ if (nextIdx < 0) {
52160
+ nextIdx = focusables.length - 1;
52161
+ } else if (nextIdx >= focusables.length) {
52162
+ nextIdx = 0;
52163
+ }
52164
+
52165
+ focusables[nextIdx].focus();
52166
+
52167
+ // Verify focus actually moved to the target
52168
+ const newActives = this._getActiveElements();
52169
+
52170
+ if (newActives.includes(focusables[nextIdx])) {
52171
+ return;
52172
+ }
52173
+
52174
+ // Focus didn't stick — skip this element and try the next
52175
+ idx = nextIdx;
52176
+ }
52177
+ };
52178
+ this.addEventListener('keydown', this._bibTabHandler);
52179
+
52180
+ // Move initial focus into the bib content, matching FocusTrap behavior
52181
+ requestAnimationFrame(() => {
52182
+ const focusables = getFocusableElements$1(this.bibContent);
52183
+ if (focusables.length) {
52184
+ focusables[0].focus();
52185
+ }
52186
+ });
52187
+ } else {
52188
+ // Normal desktop: use FocusTrap on the bib element
52189
+ this.focusTrap = new FocusTrap$1(this.bibContent);
52190
+ this.focusTrap.focusFirstElement();
52191
+ }
50438
52192
  }
50439
52193
  // Fullscreen: showModal() provides native focus trapping
52194
+ }
52195
+ }
52196
+
52197
+ /**
52198
+ * Returns the chain of active (focused) elements through shadow roots.
52199
+ * @private
52200
+ * @returns {Array<HTMLElement>}
52201
+ */
52202
+ _getActiveElements() {
52203
+ let { activeElement } = document;
52204
+ const actives = [activeElement];
52205
+
52206
+ while (activeElement?.shadowRoot?.activeElement) {
52207
+ activeElement = activeElement.shadowRoot.activeElement;
52208
+ actives.push(activeElement);
52209
+ }
52210
+
52211
+ return actives;
52212
+ }
52213
+
52214
+ /**
52215
+ * Sets `inert` on sibling elements of the dropdown's top-level host
52216
+ * so that content outside the dropdown is not interactive while the modal is open.
52217
+ * Walks up through shadow DOM boundaries to find the outermost host element
52218
+ * in the light DOM, then sets `inert` on siblings at each ancestor level
52219
+ * to ensure all page content outside the host subtree is inert.
52220
+ * @private
52221
+ */
52222
+ _setPageInert() {
52223
+ if (this._inertSiblings) {
50440
52224
  return;
50441
52225
  }
50442
52226
 
50443
- if (this.focusTrap) {
50444
- this.focusTrap.disconnect();
50445
- this.focusTrap = undefined;
52227
+ this._inertSiblings = [];
52228
+
52229
+ // Walk up through shadow DOM boundaries to find the topmost host
52230
+ // element in the light DOM. For example, if this dropdown is inside
52231
+ // auro-datepicker's shadow DOM, we walk up to the datepicker element
52232
+ // so we set inert on its siblings — not on the datepicker itself.
52233
+ let host = this;
52234
+ while (host.getRootNode() instanceof ShadowRoot) {
52235
+ host = host.getRootNode().host;
52236
+ }
52237
+
52238
+ // Walk up the ancestor chain, inerting siblings at each level
52239
+ // to ensure the entire page outside the host subtree is inert.
52240
+ let current = host;
52241
+ while (current.parentElement) {
52242
+ const parent = current.parentElement;
52243
+ for (const sibling of parent.children) {
52244
+ if (sibling !== current) {
52245
+ this._inertSiblings.push({ element: sibling, wasInert: sibling.inert });
52246
+ sibling.inert = true;
52247
+ }
52248
+ }
52249
+ current = parent;
52250
+ }
52251
+ }
52252
+
52253
+ /**
52254
+ * Restores `inert` state on siblings that were tracked by `_setPageInert`.
52255
+ * Preserves the previous inert state so externally-inerted elements are
52256
+ * not inadvertently re-enabled.
52257
+ * @private
52258
+ */
52259
+ _clearPageInert() {
52260
+ if (this._inertSiblings) {
52261
+ for (const entry of this._inertSiblings) {
52262
+ entry.element.inert = entry.wasInert;
52263
+ }
52264
+ this._inertSiblings = undefined;
50446
52265
  }
50447
52266
  }
50448
52267
 
@@ -50681,6 +52500,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
50681
52500
  shape="${this.shape}"
50682
52501
  ?data-show="${this.isPopoverVisible}"
50683
52502
  ?isfullscreen="${this.isBibFullscreen}"
52503
+ ?desktopmodal="${this.desktopModal}"
50684
52504
  .dialogLabel="${this.bibDialogLabel}"
50685
52505
  ${n$6(this.bibElement)}
50686
52506
  >
@@ -57379,7 +59199,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$3 {
57379
59199
  }
57380
59200
  };
57381
59201
 
57382
- var formkitVersion$1$1 = '202606011708';
59202
+ var formkitVersion$1$1 = '202606011856';
57383
59203
 
57384
59204
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
57385
59205
  // See LICENSE in the project root for license information.
@@ -58333,6 +60153,14 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$3 {
58333
60153
  large: {
58334
60154
  type: Boolean,
58335
60155
  reflect: true
60156
+ },
60157
+
60158
+ /**
60159
+ * If declared, the footer slot will be rendered even when not in fullscreen mode.
60160
+ */
60161
+ showFooter: {
60162
+ type: Boolean,
60163
+ reflect: true
58336
60164
  }
58337
60165
  };
58338
60166
  }
@@ -58435,7 +60263,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$3 {
58435
60263
  <slot></slot>
58436
60264
  </div>
58437
60265
 
58438
- ${this.isFullscreen ? u$d`
60266
+ ${this.isFullscreen || this.showFooter ? u$d`
58439
60267
  <div id="footerContainer">
58440
60268
  <slot name="footer"></slot>
58441
60269
  </div>` : null}
@@ -58444,7 +60272,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$3 {
58444
60272
  }
58445
60273
  };
58446
60274
 
58447
- var formkitVersion$3 = '202606011708';
60275
+ var formkitVersion$3 = '202606011856';
58448
60276
 
58449
60277
  var styleCss$1$3 = i$5`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
58450
60278
 
@@ -67305,7 +69133,7 @@ function applyKeyboardStrategy(component, strategy, options = {}) {
67305
69133
  });
67306
69134
  }
67307
69135
 
67308
- var styleCss$2$1 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host dialog{width:auto;max-width:none;height:auto;max-height:none;padding:0;border:none;margin:0;outline:none;transform:translateZ(0)}:host dialog::backdrop{background:transparent}:host(:not([isfullscreen])) dialog{position:relative;inset:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([isfullscreen]) .container::backdrop{background:var(--ds-color-background-primary, #fff)}:host(:popover-open){position:fixed;overflow:visible;padding:0;border:none;margin:0;background:transparent;inset:unset;outline:none}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}.util_displayHiddenVisually{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip-path:inset(50%);white-space:nowrap}`;
69136
+ var styleCss$2$1 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none;isolation:isolate}:host dialog{width:auto;max-width:none;height:auto;max-height:none;padding:0;border:none;margin:0;outline:none;transform:translateZ(0)}:host dialog::backdrop{background:transparent}:host(:not([isfullscreen])) dialog{position:relative;inset:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}:host(:not([isfullscreen])) .container[class*=shape-rounded]{border-radius:16px}:host([desktopmodal]:popover-open)::backdrop{background:transparent}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([isfullscreen]) .container::backdrop{background:var(--ds-color-background-primary, #fff)}:host(:popover-open){position:fixed;overflow:visible;padding:0;border:none;margin:0;background:transparent;inset:unset;outline:none}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}.util_displayHiddenVisually{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip-path:inset(50%);white-space:nowrap}`;
67309
69137
 
67310
69138
  var colorCss$2 = i$5`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
67311
69139
 
@@ -67936,7 +69764,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
67936
69764
  }
67937
69765
  };
67938
69766
 
67939
- var formkitVersion$1 = '202606011708';
69767
+ var formkitVersion$1 = '202606011856';
67940
69768
 
67941
69769
  class AuroElement extends i$3 {
67942
69770
  static get properties() {
@@ -68116,6 +69944,7 @@ class AuroDropdown extends AuroElement {
68116
69944
  _intializeDefaults() {
68117
69945
  this.appearance = 'default';
68118
69946
  this.chevron = false;
69947
+ this.desktopModal = false;
68119
69948
  this.disabled = false;
68120
69949
  this.disableKeyboardHandling = false;
68121
69950
  this.error = false;
@@ -68296,6 +70125,14 @@ class AuroDropdown extends AuroElement {
68296
70125
  reflect: true
68297
70126
  },
68298
70127
 
70128
+ /**
70129
+ * If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
70130
+ */
70131
+ desktopModal: {
70132
+ type: Boolean,
70133
+ reflect: true
70134
+ },
70135
+
68299
70136
  /**
68300
70137
  * If declared, the dropdown will only show by calling the API .show() public method.
68301
70138
  */
@@ -68583,6 +70420,15 @@ class AuroDropdown extends AuroElement {
68583
70420
 
68584
70421
  disconnectedCallback() {
68585
70422
  super.disconnectedCallback();
70423
+ this._clearPageInert();
70424
+ if (this._bibTabHandler) {
70425
+ this.removeEventListener('keydown', this._bibTabHandler);
70426
+ this._bibTabHandler = undefined;
70427
+ }
70428
+ if (this.focusTrap) {
70429
+ this.focusTrap.disconnect();
70430
+ this.focusTrap = undefined;
70431
+ }
68586
70432
  if (this.floater) {
68587
70433
  this.floater.hideBib('disconnect');
68588
70434
  this.floater.disconnect();
@@ -68610,19 +70456,45 @@ class AuroDropdown extends AuroElement {
68610
70456
  if (this.isPopoverVisible) {
68611
70457
  // Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
68612
70458
  // Desktop: use show() for Floating UI positioning + FocusTrap for focus management
68613
- const useModal = this.isBibFullscreen;
68614
- this.bibElement.value.open(useModal);
70459
+ this.bibElement.value.open(this.isBibFullscreen);
70460
+ this.updateFocusTrap();
70461
+
70462
+ // Desktop modal: make siblings inert so content outside is not interactive
70463
+ if (this.desktopModal && !this.isBibFullscreen) {
70464
+ this._setPageInert();
70465
+ }
68615
70466
  } else {
68616
70467
  this.bibElement.value.close();
70468
+ this._clearPageInert();
68617
70469
  }
68618
70470
  }
68619
70471
 
68620
70472
  // When fullscreen strategy changes while open, re-open dialog with correct mode
68621
70473
  // (e.g. resizing from desktop → mobile while dropdown is open)
68622
70474
  if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
68623
- const useModal = this.isBibFullscreen;
68624
70475
  this.bibElement.value.close();
68625
- this.bibElement.value.open(useModal);
70476
+ this.bibElement.value.open(this.isBibFullscreen);
70477
+
70478
+ // Re-initialize focus management for the new strategy
70479
+ this.updateFocusTrap();
70480
+
70481
+ // Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
70482
+ if (this.desktopModal && !this.isBibFullscreen) {
70483
+ this._setPageInert();
70484
+ } else {
70485
+ this._clearPageInert();
70486
+ }
70487
+ }
70488
+
70489
+ // Handle desktopModal toggled while the dropdown is already open.
70490
+ // Re-initialize focus trapping and page inert state to match the new mode.
70491
+ if (changedProperties.has('desktopModal') && this.isPopoverVisible && !this.isBibFullscreen) {
70492
+ this.updateFocusTrap();
70493
+ if (this.desktopModal) {
70494
+ this._setPageInert();
70495
+ } else {
70496
+ this._clearPageInert();
70497
+ }
68626
70498
  }
68627
70499
  }
68628
70500
 
@@ -68632,8 +70504,14 @@ class AuroDropdown extends AuroElement {
68632
70504
  * @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
68633
70505
  */
68634
70506
  handleDropdownToggle(event) {
68635
- this.updateFocusTrap();
68636
70507
  this.isPopoverVisible = event.detail.expanded;
70508
+
70509
+ // Tear down FocusTrap when closing. Creation happens in updated()
70510
+ // after the dialog is open so getFocusableElements can find content.
70511
+ if (!this.isPopoverVisible) {
70512
+ this.updateFocusTrap();
70513
+ }
70514
+
68637
70515
  const eventType = event.detail.eventType || "unknown";
68638
70516
  if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
68639
70517
  this.trigger.focus();
@@ -68732,19 +70610,178 @@ class AuroDropdown extends AuroElement {
68732
70610
  * @private
68733
70611
  */
68734
70612
  updateFocusTrap() {
70613
+ // Always clean up existing handlers/traps before setting up new ones
70614
+ // to prevent duplicate listeners on repeated calls.
70615
+ if (this._bibTabHandler) {
70616
+ this.removeEventListener('keydown', this._bibTabHandler);
70617
+ this._bibTabHandler = undefined;
70618
+ }
70619
+
70620
+ if (this.focusTrap) {
70621
+ this.focusTrap.disconnect();
70622
+ this.focusTrap = undefined;
70623
+ }
70624
+
68735
70625
  if (this.isPopoverVisible) {
68736
70626
  if (!this.isBibFullscreen) {
68737
- // Desktop: show() doesn't trap focus, so use FocusTrap
68738
- this.focusTrap = new FocusTrap(this.bibContent);
68739
- this.focusTrap.focusFirstElement();
70627
+ if (this.desktopModal) {
70628
+ // Desktop modal: trap focus only within the bib content.
70629
+ // Can't use FocusTrap on the bib element because keydown events
70630
+ // from slotted content bubble through the dropdown host (light DOM),
70631
+ // not through the bib (shadow projection target). Using FocusTrap
70632
+ // on the dropdown would include the trigger in the tab cycle.
70633
+ // Instead, listen for Tab on the dropdown and manually wrap focus
70634
+ // within the bib's focusable elements.
70635
+ this._bibTabHandler = (event) => {
70636
+ if (event.key !== 'Tab') {
70637
+ return;
70638
+ }
70639
+
70640
+ // Collect focusable elements from the bib content.
70641
+ const focusables = getFocusableElements(this.bibContent);
70642
+
70643
+ // Fallback: try from slotted content directly
70644
+ if (!focusables.length) {
70645
+ const slot = this.shadowRoot.querySelector('.slotContent slot');
70646
+ const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
70647
+
70648
+ for (const node of assignedNodes) {
70649
+ if (node.nodeType === Node.ELEMENT_NODE) {
70650
+ focusables.push(...getFocusableElements(node));
70651
+ }
70652
+ }
70653
+ }
70654
+
70655
+ if (!focusables.length) {
70656
+ return;
70657
+ }
70658
+
70659
+ event.preventDefault();
70660
+
70661
+ const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
70662
+
70663
+ // Walk the active element chain through shadow roots
70664
+ const actives = this._getActiveElements();
70665
+
70666
+ let idx = focusables.findIndex((el) => actives.includes(el));
70667
+
70668
+ if (idx === -1) { // eslint-disable-line no-magic-numbers
70669
+ // Focus is not on a known element — move to first/last
70670
+ idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
70671
+ }
70672
+
70673
+ // Try each element in order, skipping any that can't receive focus
70674
+ // (e.g. hidden elements, elements in collapsed sections)
70675
+ for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
70676
+ let nextIdx = idx + direction;
70677
+
70678
+ // Wrap around
70679
+ if (nextIdx < 0) {
70680
+ nextIdx = focusables.length - 1;
70681
+ } else if (nextIdx >= focusables.length) {
70682
+ nextIdx = 0;
70683
+ }
70684
+
70685
+ focusables[nextIdx].focus();
70686
+
70687
+ // Verify focus actually moved to the target
70688
+ const newActives = this._getActiveElements();
70689
+
70690
+ if (newActives.includes(focusables[nextIdx])) {
70691
+ return;
70692
+ }
70693
+
70694
+ // Focus didn't stick — skip this element and try the next
70695
+ idx = nextIdx;
70696
+ }
70697
+ };
70698
+ this.addEventListener('keydown', this._bibTabHandler);
70699
+
70700
+ // Move initial focus into the bib content, matching FocusTrap behavior
70701
+ requestAnimationFrame(() => {
70702
+ const focusables = getFocusableElements(this.bibContent);
70703
+ if (focusables.length) {
70704
+ focusables[0].focus();
70705
+ }
70706
+ });
70707
+ } else {
70708
+ // Normal desktop: use FocusTrap on the bib element
70709
+ this.focusTrap = new FocusTrap(this.bibContent);
70710
+ this.focusTrap.focusFirstElement();
70711
+ }
68740
70712
  }
68741
70713
  // Fullscreen: showModal() provides native focus trapping
70714
+ }
70715
+ }
70716
+
70717
+ /**
70718
+ * Returns the chain of active (focused) elements through shadow roots.
70719
+ * @private
70720
+ * @returns {Array<HTMLElement>}
70721
+ */
70722
+ _getActiveElements() {
70723
+ let { activeElement } = document;
70724
+ const actives = [activeElement];
70725
+
70726
+ while (activeElement?.shadowRoot?.activeElement) {
70727
+ activeElement = activeElement.shadowRoot.activeElement;
70728
+ actives.push(activeElement);
70729
+ }
70730
+
70731
+ return actives;
70732
+ }
70733
+
70734
+ /**
70735
+ * Sets `inert` on sibling elements of the dropdown's top-level host
70736
+ * so that content outside the dropdown is not interactive while the modal is open.
70737
+ * Walks up through shadow DOM boundaries to find the outermost host element
70738
+ * in the light DOM, then sets `inert` on siblings at each ancestor level
70739
+ * to ensure all page content outside the host subtree is inert.
70740
+ * @private
70741
+ */
70742
+ _setPageInert() {
70743
+ if (this._inertSiblings) {
68742
70744
  return;
68743
70745
  }
68744
70746
 
68745
- if (this.focusTrap) {
68746
- this.focusTrap.disconnect();
68747
- this.focusTrap = undefined;
70747
+ this._inertSiblings = [];
70748
+
70749
+ // Walk up through shadow DOM boundaries to find the topmost host
70750
+ // element in the light DOM. For example, if this dropdown is inside
70751
+ // auro-datepicker's shadow DOM, we walk up to the datepicker element
70752
+ // so we set inert on its siblings — not on the datepicker itself.
70753
+ let host = this;
70754
+ while (host.getRootNode() instanceof ShadowRoot) {
70755
+ host = host.getRootNode().host;
70756
+ }
70757
+
70758
+ // Walk up the ancestor chain, inerting siblings at each level
70759
+ // to ensure the entire page outside the host subtree is inert.
70760
+ let current = host;
70761
+ while (current.parentElement) {
70762
+ const parent = current.parentElement;
70763
+ for (const sibling of parent.children) {
70764
+ if (sibling !== current) {
70765
+ this._inertSiblings.push({ element: sibling, wasInert: sibling.inert });
70766
+ sibling.inert = true;
70767
+ }
70768
+ }
70769
+ current = parent;
70770
+ }
70771
+ }
70772
+
70773
+ /**
70774
+ * Restores `inert` state on siblings that were tracked by `_setPageInert`.
70775
+ * Preserves the previous inert state so externally-inerted elements are
70776
+ * not inadvertently re-enabled.
70777
+ * @private
70778
+ */
70779
+ _clearPageInert() {
70780
+ if (this._inertSiblings) {
70781
+ for (const entry of this._inertSiblings) {
70782
+ entry.element.inert = entry.wasInert;
70783
+ }
70784
+ this._inertSiblings = undefined;
68748
70785
  }
68749
70786
  }
68750
70787
 
@@ -68983,6 +71020,7 @@ class AuroDropdown extends AuroElement {
68983
71020
  shape="${this.shape}"
68984
71021
  ?data-show="${this.isPopoverVisible}"
68985
71022
  ?isfullscreen="${this.isBibFullscreen}"
71023
+ ?desktopmodal="${this.desktopModal}"
68986
71024
  .dialogLabel="${this.bibDialogLabel}"
68987
71025
  ${n$6(this.bibElement)}
68988
71026
  >
@@ -69350,6 +71388,14 @@ class AuroBibtemplate extends i$3 {
69350
71388
  large: {
69351
71389
  type: Boolean,
69352
71390
  reflect: true
71391
+ },
71392
+
71393
+ /**
71394
+ * If declared, the footer slot will be rendered even when not in fullscreen mode.
71395
+ */
71396
+ showFooter: {
71397
+ type: Boolean,
71398
+ reflect: true
69353
71399
  }
69354
71400
  };
69355
71401
  }
@@ -69452,7 +71498,7 @@ class AuroBibtemplate extends i$3 {
69452
71498
  <slot></slot>
69453
71499
  </div>
69454
71500
 
69455
- ${this.isFullscreen ? u$d`
71501
+ ${this.isFullscreen || this.showFooter ? u$d`
69456
71502
  <div id="footerContainer">
69457
71503
  <slot name="footer"></slot>
69458
71504
  </div>` : null}
@@ -69689,7 +71735,7 @@ class AuroHelpText extends i$3 {
69689
71735
  }
69690
71736
  }
69691
71737
 
69692
- var formkitVersion = '202606011708';
71738
+ var formkitVersion = '202606011856';
69693
71739
 
69694
71740
  var styleCss = i$5`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.body-default{font-size:var(--wcss-body-default-font-size, 1rem);font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-default-emphasized{font-size:var(--wcss-body-default-emphasized-font-size, 1rem);font-weight:var(--wcss-body-default-emphasized-weight, );line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg,.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg-emphasized{font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);font-weight:var(--wcss-body-lg-emphasized-weight, );line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-sm-emphasized{font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);font-weight:var(--wcss-body-sm-emphasized-weight, );line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs,.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs-emphasized{font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);font-weight:var(--wcss-body-xs-emphasized-weight, );line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs,.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-2xs-emphasized{font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-emphasized-weight, );line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 300);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 300);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}[auro-dropdown]{--ds-auro-dropdown-trigger-border-color: var(--ds-auro-select-border-color);--ds-auro-dropdown-trigger-background-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-container-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-outline-color: var(--ds-auro-select-outline-color)}:host{display:inline-block;text-align:left;vertical-align:top}:host([layout*=emphasized]) [auro-dropdown],:host([layout*=snowflake]) [auro-dropdown]{--ds-auro-select-border-color: transparent}:host([layout*=emphasized]) .mainContent,:host([layout*=snowflake]) .mainContent{text-align:center}.mainContent{position:relative;display:flex;overflow:hidden;flex:1;flex-direction:column;align-items:center;justify-content:center}.valueContainer [slot=displayValue]{display:none}.accents{display:flex;flex-direction:row;align-items:center;justify-content:center}::slotted([slot=typeIcon]){margin-right:var(--ds-size-100, 0.5rem)}.displayValue{display:block}.displayValue:not(.force){display:none}.displayValue:not(.force).hasContent:is(.withValue):not(.hasFocus){display:block}.triggerContent{display:flex;width:100%;align-items:center;justify-content:center}:host([layout*=emphasized]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-300, 1.5rem)}:host([layout*=snowflake]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-200, 1rem)}:host([layout*=snowflake]) label{padding-block:var(--ds-size-25, 0.125rem)}:host([layout*=classic]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem)}:host([layout*=classic]) .mainContent{align-items:start}:host([layout*=classic]) label{overflow:hidden;cursor:text;text-overflow:ellipsis;white-space:nowrap}:host([layout*=classic]) .value{height:auto}label{color:var(--ds-auro-select-label-text-color)}:host(:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-select-outline-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}:host([ondark]:is([validity]:not([validity=valid]))) [auro-dropdown],:host([appearance=inverse]:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-select-outline-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}#slotHolder{display:none}:host([fluid]){width:100%}:host([disabled]){pointer-events:none;user-select:none}:host([disabled]:not([ondark])) [auro-dropdown],:host([disabled]:not([appearance=inverse])) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([layout*=classic])[disabled][ondark]) [auro-dropdown],:host(:not([layout*=classic])[disabled][appearance=inverse]) [auro-dropdown]{--ds-auro-select-border-color: transparent}`;
69695
71741