@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/index.min.js CHANGED
@@ -7458,7 +7458,7 @@ let AuroHelpText$9 = class AuroHelpText extends i$4 {
7458
7458
  }
7459
7459
  };
7460
7460
 
7461
- var formkitVersion$9 = '202606011708';
7461
+ var formkitVersion$9 = '202606011856';
7462
7462
 
7463
7463
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
7464
7464
  // See LICENSE in the project root for license information.
@@ -9513,11 +9513,11 @@ var snowflakeStyle = i$7`:host([layout*=snowflake]) [auro-input]{flex:1;text-ali
9513
9513
 
9514
9514
  var snowflakeColors = i$7`:host([layout=snowflake]) [auro-dropdown]:not(:is([error],.hasFocus)){--ds-auro-dropdown-trigger-border-color: transparent}`;
9515
9515
 
9516
- var styleCss$7$1 = i$7`.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:""}`;
9516
+ var styleCss$7$1 = i$7`.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}`;
9517
9517
 
9518
9518
  var colorCss$7$1 = i$7`.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)}}`;
9519
9519
 
9520
- var styleCss$6$1 = i$7`: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%}`;
9520
+ var styleCss$6$1 = i$7`: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%}`;
9521
9521
 
9522
9522
  var colorCss$6$1 = i$7`: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)}`;
9523
9523
 
@@ -16026,20 +16026,25 @@ __decorate([n$5({ type: Array })], RangeDatepickerCalendar.prototype, "dayNamesO
16026
16026
  __decorate([n$5({ type: Array })], RangeDatepickerCalendar.prototype, "daysOfMonth", void 0);
16027
16027
  AuroLibraryRuntimeUtils$5$1.prototype.registerComponent('wc-range-datepicker-calendar', RangeDatepickerCalendar);
16028
16028
 
16029
- var styleCss$5$1 = i$7`.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}}`;
16029
+ var styleCss$5$1 = i$7`.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}}`;
16030
16030
 
16031
- var colorCss$5$1 = i$7`: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}`;
16031
+ var colorCss$5$1 = i$7`: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}`;
16032
16032
 
16033
- 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$7`::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)}
16033
+ 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$7`::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)}
16034
16034
  `,xe=i$7`.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:""}
16035
16035
  `,Se=i$7`: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)}
16036
- `;class _e extends i$4{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$7`${xe}`,i$7`${be}`,i$7`${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$7`
16037
- <div id="popover" class="popover util_insetLg body-default" part="popover">
16036
+ `;class _e extends i$4{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$7`${xe}`,i$7`${be}`,i$7`${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$7`
16037
+ <div
16038
+ id="popover"
16039
+ class="popover util_insetLg body-default"
16040
+ part="popover"
16041
+ role="tooltip"
16042
+ aria-hidden="${this.isPopoverVisible?"false":"true"}">
16038
16043
  <div id="arrow" class="arrow" data-popper-arrow></div>
16039
- <span role="tooltip"><slot></slot></span>
16044
+ <slot></slot>
16040
16045
  </div>
16041
16046
 
16042
- <span>
16047
+ <span role="presentation">
16043
16048
  <slot name="trigger" data-trigger-placement="${this.placement}"></slot>
16044
16049
  </span>
16045
16050
  `}}
@@ -16067,6 +16072,8 @@ class AuroCalendarCell extends i$4 {
16067
16072
  this._locale = null;
16068
16073
  this.dateStr = null;
16069
16074
  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.
16075
+ this.active = false;
16076
+ this.hasPopoverContent = false;
16070
16077
 
16071
16078
  this.runtimeUtils = new AuroLibraryRuntimeUtils$5$1();
16072
16079
 
@@ -16100,7 +16107,12 @@ class AuroCalendarCell extends i$4 {
16100
16107
  isCurrentDate: { type: Boolean },
16101
16108
  locale: { type: Object },
16102
16109
  dateStr: { type: String },
16103
- renderForDateSlot: { type: Boolean }
16110
+ renderForDateSlot: { type: Boolean },
16111
+ active: {
16112
+ type: Boolean,
16113
+ reflect: true
16114
+ },
16115
+ hasPopoverContent: { type: Boolean }
16104
16116
  };
16105
16117
  }
16106
16118
 
@@ -16159,13 +16171,23 @@ class AuroCalendarCell extends i$4 {
16159
16171
  * @returns {void}
16160
16172
  */
16161
16173
  handleTap() {
16162
- if (!this.disabled) {
16174
+ if (!this.disabled && !this.isBlackout()) {
16163
16175
  this.datepicker.handleCellClick(this.day.date);
16164
16176
  }
16177
+
16178
+ // Set this cell as the active cell regardless of blackout status
16179
+ if (this.day) {
16180
+ this.dispatchEvent(new CustomEvent('calendar-cell-activate', {
16181
+ bubbles: true,
16182
+ composed: true,
16183
+ detail: { date: this.day.date }
16184
+ }));
16185
+ }
16165
16186
  }
16166
16187
 
16167
16188
  /**
16168
16189
  * Handles user hover events and dispatches a custom event.
16190
+ * Always dispatches for range pickers so the preview updates correctly.
16169
16191
  * @private
16170
16192
  * @returns {void}
16171
16193
  */
@@ -16179,7 +16201,61 @@ class AuroCalendarCell extends i$4 {
16179
16201
  }
16180
16202
 
16181
16203
  /**
16182
- * Checks if the current date is a valid date depending on the min and max values.
16204
+ * Checks if the current date is outside the valid min/max range.
16205
+ * Out-of-range cells are not focusable and are hidden from screen readers.
16206
+ * @private
16207
+ * @param {Object} day - An object containing the dateFrom and day of month values.
16208
+ * @param {Number} min - The minimum date value.
16209
+ * @param {Number} max - The maximum date value.
16210
+ * @returns {Boolean} - True if the date is out of range.
16211
+ */
16212
+ isOutOfRange(day, min, max) {
16213
+ if (day && day.date != null) {
16214
+ return day.date < min || day.date > max;
16215
+ }
16216
+ return false;
16217
+ }
16218
+
16219
+ /**
16220
+ * Checks if the current date is a blackout date (in disabledDays but within range).
16221
+ * Blackout cells are focusable but not selectable.
16222
+ * @private
16223
+ * @returns {Boolean} - True if the date is a blackout date.
16224
+ */
16225
+ isBlackout() {
16226
+ if (!this.day || this.day.date == null || this.isOutOfRange(this.day, this.min, this.max)) {
16227
+ return false;
16228
+ }
16229
+
16230
+ // Check against disabledDays timestamps (legacy path)
16231
+ if (Array.isArray(this.disabledDays) && this.disabledDays.length > 0) {
16232
+ if (this.disabledDays.findIndex(d => parseInt(d, 10) === this.day.date) !== -1) {
16233
+ return true;
16234
+ }
16235
+ }
16236
+
16237
+ // Check against blackoutDates (ISO format YYYY-MM-DD) on the datepicker
16238
+ const blackoutDates = this.datepicker?.blackoutDates;
16239
+
16240
+ if (Array.isArray(blackoutDates) && blackoutDates.length > 0) {
16241
+ const date = new Date(this.day.date * 1000);
16242
+ const yyyy = date.getFullYear();
16243
+ const mm = String(date.getMonth() + 1).padStart(2, '0');
16244
+ const dd = String(date.getDate()).padStart(2, '0');
16245
+ const cellDate = `${yyyy}-${mm}-${dd}`;
16246
+ if (blackoutDates.includes(cellDate)) {
16247
+ return true;
16248
+ }
16249
+ }
16250
+
16251
+ return false;
16252
+ }
16253
+
16254
+ /**
16255
+ * Checks if the current date is disabled based on min/max range or the
16256
+ * legacy disabledDays timestamp list. Sets the `disabled` attribute on the
16257
+ * host when the date falls outside the allowed range or appears in
16258
+ * disabledDays. Note: blackout dates are handled separately by `isBlackout()`.
16183
16259
  * @private
16184
16260
  * @param {Object} day - An object containing the dateFrom and day of month values.
16185
16261
  * @param {Number} min - The minimum date value.
@@ -16199,6 +16275,91 @@ class AuroCalendarCell extends i$4 {
16199
16275
  return false;
16200
16276
  }
16201
16277
 
16278
+ /**
16279
+ * Generates a unique cell ID in the format cell-YYYY-MM-DD.
16280
+ * @private
16281
+ * @returns {String} The unique cell ID.
16282
+ */
16283
+ getCellId() {
16284
+ if (!this.day || !this.day.date) return '';
16285
+ const date = new Date(this.day.date * 1000);
16286
+ const year = date.getFullYear();
16287
+ const month = String(date.getMonth() + 1).padStart(2, '0');
16288
+ const day = String(date.getDate()).padStart(2, '0');
16289
+ return `cell-${year}-${month}-${day}`;
16290
+ }
16291
+
16292
+ /**
16293
+ * Generates a localized aria-label for the cell button using Intl.DateTimeFormat.
16294
+ * Includes range position and blackout status.
16295
+ * @private
16296
+ * @returns {String} The aria-label string.
16297
+ */
16298
+ getAriaLabel() {
16299
+ if (!this.day || this.day.date === undefined) return '';
16300
+
16301
+ const date = new Date(this.day.date * 1000);
16302
+
16303
+ // Generate localized full date string using the configured locale
16304
+ const localeCode = this.locale?.code || undefined;
16305
+ const dateFormatter = new Intl.DateTimeFormat(localeCode, {
16306
+ weekday: 'long',
16307
+ year: 'numeric',
16308
+ month: 'long',
16309
+ day: 'numeric'
16310
+ });
16311
+
16312
+ let label = dateFormatter.format(date);
16313
+
16314
+ // appending popover content here so that it gets read in a logical order with the other date content.
16315
+ if (this.hasPopoverContent) {
16316
+ label += `, ${this.querySelector(`[slot="popover_${this.dateStr}"]`).innerText.trim()}`;
16317
+ }
16318
+
16319
+ // Append range position if in range mode
16320
+ const rangePosition = this.getRangePosition();
16321
+ if (rangePosition) {
16322
+ label += `, ${rangePosition}`;
16323
+ }
16324
+
16325
+ // Append blackout label for blackout cells
16326
+ if (this.isBlackout()) {
16327
+ label += `, ${this.datepicker?.blackoutLabel || 'unavailable'}`;
16328
+ }
16329
+
16330
+ return label;
16331
+ }
16332
+
16333
+ /**
16334
+ * Determines the range position of this cell relative to the current selection.
16335
+ * @private
16336
+ * @returns {String|null} Range position label or null if not in range mode.
16337
+ */
16338
+ getRangePosition() {
16339
+ if (!this.datepicker || !this.datepicker.hasAttribute('range')) return null;
16340
+
16341
+ const parsedDateFrom = Number.parseInt(this.dateFrom, 10);
16342
+ if (!Number.isFinite(parsedDateFrom)) return null;
16343
+
16344
+ const departTimestamp = startOfDay(parsedDateFrom * 1000) / 1000;
16345
+ const dayDate = this.day.date;
16346
+
16347
+ const parsedDateTo = Number.parseInt(this.dateTo, 10);
16348
+ const hasDateTo = Number.isFinite(parsedDateTo);
16349
+ const returnTimestamp = hasDateTo ? startOfDay(parsedDateTo * 1000) / 1000 : null;
16350
+
16351
+ if (dayDate === departTimestamp) return this.datepicker.rangeLabelStart || 'range start';
16352
+
16353
+ if (hasDateTo && dayDate === returnTimestamp) return this.datepicker.rangeLabelEnd || 'range end';
16354
+
16355
+ if (dayDate < departTimestamp) return this.datepicker.rangeLabelBeforeRange || 'before range';
16356
+
16357
+ if (hasDateTo && dayDate > departTimestamp && dayDate < returnTimestamp) return this.datepicker.rangeLabelInRange || 'in range';
16358
+
16359
+ // After start date, no end date yet, or after end date
16360
+ return this.datepicker.rangeLabelAfterRange || 'after range';
16361
+ }
16362
+
16202
16363
  /**
16203
16364
  * Checks if the current date is the depart date.
16204
16365
  * @private
@@ -16360,9 +16521,9 @@ class AuroCalendarCell extends i$4 {
16360
16521
 
16361
16522
  if (popoverSlotContent) {
16362
16523
  this.appendChild(popoverSlotContent.cloneNode(true));
16363
- this.auroPopover.removeAttribute('disabled');
16524
+ this.hasPopoverContent = true;
16364
16525
  } else {
16365
- this.auroPopover.setAttribute('disabled', true);
16526
+ this.hasPopoverContent = false;
16366
16527
  }
16367
16528
  } catch (err) { // eslint-disable-line no-unused-vars
16368
16529
  // Error handling goes here
@@ -16378,13 +16539,41 @@ class AuroCalendarCell extends i$4 {
16378
16539
  return;
16379
16540
  }
16380
16541
  this.datepicker = calendar.datepicker;
16381
- this.datepicker.addEventListener('auroDatePicker-newSlotContent', () => {
16542
+ this._slotContentHandler = () => {
16382
16543
  this.handleSlotContent();
16383
- });
16544
+ // Force re-render so isBlackout()/aria-disabled reflect updated blackoutDates.
16545
+ this.requestUpdate();
16546
+ };
16547
+ this.datepicker.addEventListener('auroDatePicker-newSlotContent', this._slotContentHandler);
16548
+
16549
+ // Trigger an initial update now that `this.datepicker` is assigned so
16550
+ // cells reflect blackout/slot state that was configured before first render.
16551
+ this.requestUpdate();
16384
16552
 
16553
+ this.calendarMonth = calendarMonth;
16554
+ this.configurePopover();
16555
+ }
16556
+
16557
+ disconnectedCallback() {
16558
+ super.disconnectedCallback();
16559
+ if (this.datepicker && this._slotContentHandler) {
16560
+ this.datepicker.removeEventListener('auroDatePicker-newSlotContent', this._slotContentHandler);
16561
+ }
16562
+ }
16563
+
16564
+ /**
16565
+ * Configures the popover instance with the calendar month boundary.
16566
+ * Called from firstUpdated and updated because the popover element is only
16567
+ * rendered after hasPopoverContent becomes true (set by handleSlotContent).
16568
+ * @private
16569
+ * @returns {void}
16570
+ */
16571
+ configurePopover() {
16385
16572
  this.auroPopover = this.shadowRoot.querySelector(this.popoverTag._$litStatic$);
16386
16573
 
16387
- this.auroPopover.boundary = calendarMonth;
16574
+ if (this.auroPopover && this.calendarMonth) {
16575
+ this.auroPopover.boundary = this.calendarMonth;
16576
+ }
16388
16577
  }
16389
16578
 
16390
16579
  updated(properties) {
@@ -16392,46 +16581,88 @@ class AuroCalendarCell extends i$4 {
16392
16581
  this.dateChanged(this.dateFrom, this.dateTo, this.hoveredDate, this.day);
16393
16582
  }
16394
16583
 
16395
- this.setDateSlotName();
16396
- this.handleSlotContent();
16584
+ if (this.day) {
16585
+ this.setDateSlotName();
16586
+ this.handleSlotContent();
16587
+ }
16588
+
16589
+ // Configure popover when it first becomes rendered
16590
+ if (properties.has('hasPopoverContent') && this.hasPopoverContent) {
16591
+ this.updateComplete.then(() => this.configurePopover());
16592
+ }
16397
16593
  }
16398
16594
 
16399
- render() {
16595
+ /**
16596
+ * Programmatically focuses the cell's interactive button element.
16597
+ * @returns {void}
16598
+ */
16599
+ focusButton() {
16600
+ const button = this.shadowRoot.querySelector('button:not([aria-hidden])');
16601
+ if (button) {
16602
+ button.focus();
16603
+ }
16604
+ }
16605
+
16606
+ renderCellButton() {
16607
+ const outOfRange = this.isOutOfRange(this.day, this.min, this.max);
16608
+ const role = outOfRange ? 'presentation' : 'gridcell';
16609
+ const blackout = this.isBlackout();
16610
+
16400
16611
  const buttonClasses = {
16401
16612
  'day': true,
16402
16613
  'body-lg': true,
16403
- 'currentDate': this.currentDate,
16614
+ 'currentDate': this.isCurrentDate,
16404
16615
  'selected': this.selected,
16405
- 'inRange': this.hovered && this.isInRange(this.day, this.dateFrom, this.dateTo),
16616
+ 'inRange': this.datepicker?.hasAttribute('range') && this.hovered && this.isInRange(this.day, this.dateFrom, this.dateTo),
16406
16617
  'lastHoveredDate': this.isLastHoveredDate(this.day, this.dateFrom, this.dateTo, this.hoveredDate) && this.datepicker && this.datepicker.hasAttribute('range'),
16407
- 'disabled': this.isEnabled(this.day, this.min, this.max, this.disabledDays),
16408
- 'rangeDepartDate': this.isDepartDate(this.day, this.dateFrom) && (this.hoveredDate > this.dateFrom || this.dateTo),
16409
- 'rangeReturnDate': this.isReturnDate(this.day, this.dateFrom, this.dateTo),
16618
+ 'disabled': outOfRange,
16619
+ 'blackout': blackout,
16620
+ 'rangeDepartDate': this.datepicker?.hasAttribute('range') && this.isDepartDate(this.day, this.dateFrom) && (this.hoveredDate > this.dateFrom || this.dateTo),
16621
+ 'rangeReturnDate': this.datepicker?.hasAttribute('range') && this.isReturnDate(this.day, this.dateFrom, this.dateTo),
16410
16622
  'reference': this.isReferenceDate(this.dateStr),
16411
- 'sameDateTrip': this.dateFrom === this.dateTo
16623
+ 'sameDateTrip': this.datepicker?.hasAttribute('range') && this.dateFrom === this.dateTo
16412
16624
  };
16413
16625
 
16414
- let _a, _b;
16415
16626
  return u$c`
16416
- <${this.popoverTag}>
16417
- <slot name="popover_${this.dateStr}"></slot>
16418
- <button
16419
- slot="trigger"
16420
- @click="${this.handleTap}"
16421
- @mouseover="${this.handleHover}"
16422
- @focus="${this.handleHover}"
16423
- class="${e$3(buttonClasses)}"
16424
- ?disabled="${this.disabled}"
16425
- title="${this.getTitle((_a = this.day) === null || _a === void 0 ? void 0 : _a.date)}"
16426
- tabindex="-1">
16427
- <div class="buttonWrapper">
16428
- <div class="currentDayMarker">${(_b = this.day) === null || _b === void 0 ? void 0 : _b.title}</div>
16429
- <div class="dateSlot body-2xs" part="dateSlot">
16430
- <slot name="date_${this.dateStr}"></slot>
16431
- </div>
16432
- </div>
16433
- </button>
16434
- </${this.popoverTag}>
16627
+ <button
16628
+ slot="trigger"
16629
+ id="${this.getCellId()}"
16630
+ role="${role}"
16631
+ @click="${outOfRange ? undefined : this.handleTap}"
16632
+ @mouseover="${outOfRange ? undefined : this.handleHover}"
16633
+ @focus="${outOfRange ? undefined : this.handleHover}"
16634
+ class="${e$3(buttonClasses)}"
16635
+ ?disabled="${outOfRange}"
16636
+ aria-disabled="${blackout ? 'true' : A$7}"
16637
+ aria-hidden="${outOfRange ? 'true' : A$7}"
16638
+ aria-selected="${this.selected ? 'true' : 'false'}"
16639
+ aria-current="${this.isCurrentDate ? 'date' : A$7}"
16640
+ tabindex="${this.active ? '0' : '-1'}">
16641
+ <span class="srOnly">${this.getAriaLabel()}</span>
16642
+ <div class="buttonWrapper" aria-hidden="true">
16643
+ <div class="currentDayMarker">${this.day?.title || A$7}</div>
16644
+ </div>
16645
+ <div class="dateSlot body-2xs" part="dateSlot" ?hidden="${!this.renderForDateSlot}">
16646
+ <slot name="date_${this.dateStr}"></slot>
16647
+ </div>
16648
+ </button>
16649
+ `;
16650
+ }
16651
+
16652
+ render() {
16653
+ const hasPopoverContent = this.hasPopoverContent;
16654
+
16655
+ if (hasPopoverContent) {
16656
+ return u$c`
16657
+ <${this.popoverTag}>
16658
+ <span aria-hidden="true"><slot name="popover_${this.dateStr}"></slot></span>
16659
+ ${this.renderCellButton()}
16660
+ </${this.popoverTag}>
16661
+ `;
16662
+ }
16663
+
16664
+ return u$c`
16665
+ ${this.renderCellButton()}
16435
16666
  `;
16436
16667
  }
16437
16668
  }
@@ -16499,16 +16730,28 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
16499
16730
  return this.monthNames[month - 1];
16500
16731
  }
16501
16732
 
16733
+ /**
16734
+ * Returns the unique heading ID for this month, used by aria-labelledby.
16735
+ * @private
16736
+ * @returns {String} The heading ID.
16737
+ */
16738
+ getHeadingId() {
16739
+ return `month-heading-${this.month}-${this.year}`;
16740
+ }
16741
+
16502
16742
  /**
16503
16743
  * Determines the current month name based on locale.
16744
+ * Also builds parallel arrays of full day names for abbr attributes.
16504
16745
  * This is a rewrite of the function used in the class RangeDatepickerCalendar and should not be removed from here.
16505
16746
  * @private
16506
16747
  * @returns {void}
16507
16748
  */
16508
16749
  localeChanged() {
16509
16750
  const dayNamesOfTheWeek = [];
16751
+ const dayFullNames = [];
16510
16752
  for (let int = 0; int < 7; int += 1) {
16511
16753
  dayNamesOfTheWeek.push(this.locale.localize.day(int, { width: 'narrow' }));
16754
+ dayFullNames.push(this.locale.localize.day(int, { width: 'long' }));
16512
16755
  }
16513
16756
  const firstDayOfWeek = this.locale.options.weekStartsOn
16514
16757
  ? this.locale.options.weekStartsOn
@@ -16519,6 +16762,125 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
16519
16762
  .splice(firstDayOfWeek, dayNamesOfTheWeek.length)
16520
16763
  .concat(tmp);
16521
16764
  this.dayNamesOfTheWeek = newDayNamesOfTheWeek;
16765
+
16766
+ const tmpFull = dayFullNames.slice().splice(0, firstDayOfWeek);
16767
+ const newDayFullNames = dayFullNames
16768
+ .slice()
16769
+ .splice(firstDayOfWeek, dayFullNames.length)
16770
+ .concat(tmpFull);
16771
+ this.dayFullNames = newDayFullNames;
16772
+ }
16773
+
16774
+ /**
16775
+ * Renders a day-of-week header with abbr attribute for the full day name.
16776
+ * @private
16777
+ * @param {String} dayOfWeek - The short day name.
16778
+ * @param {Number} index - The index in the dayNamesOfTheWeek array.
16779
+ * @returns {Object} The header HTML.
16780
+ */
16781
+ renderDayOfWeek(dayOfWeek, index) {
16782
+ const fullName = this.dayFullNames ? this.dayFullNames[index] : dayOfWeek;
16783
+ return b$7`<div class="th body-default" role="columnheader"><abbr title="${fullName}">${dayOfWeek}</abbr></div>`;
16784
+ }
16785
+
16786
+ /**
16787
+ * Returns all focusable cell elements (enabled + blackout, not out-of-range) in this month.
16788
+ * @returns {Array} Array of auro-formkit-calendar-cell elements.
16789
+ */
16790
+ getFocusableCells() {
16791
+ const cells = Array.from(this.shadowRoot.querySelectorAll('auro-formkit-calendar-cell'));
16792
+ return cells.filter(cell => {
16793
+ if (!cell.day) return false;
16794
+ return !cell.isOutOfRange(cell.day, cell.min, cell.max);
16795
+ });
16796
+ }
16797
+
16798
+ /**
16799
+ * Handles arrow key navigation within the month grid.
16800
+ * Dispatches a cross-month navigation event when the boundary is reached.
16801
+ * @private
16802
+ * @param {KeyboardEvent} event - The keyboard event.
16803
+ * @returns {void}
16804
+ */
16805
+ handleGridKeyDown(event) {
16806
+ const { key } = event;
16807
+ const arrowKeys = ['ArrowRight', 'ArrowLeft', 'ArrowDown', 'ArrowUp'];
16808
+
16809
+ if (!arrowKeys.includes(key)) return;
16810
+
16811
+ event.preventDefault();
16812
+
16813
+ const focusableCells = this.getFocusableCells();
16814
+ if (focusableCells.length === 0) return;
16815
+
16816
+ // Find the currently active cell within this month
16817
+ const activeCell = focusableCells.find(cell => cell.active);
16818
+ if (!activeCell) return;
16819
+
16820
+ const activeIndex = focusableCells.indexOf(activeCell);
16821
+ let targetCell = null;
16822
+
16823
+ if (key === 'ArrowRight') {
16824
+ if (activeIndex < focusableCells.length - 1) {
16825
+ targetCell = focusableCells[activeIndex + 1];
16826
+ } else {
16827
+ // At end of month, request cross-month navigation
16828
+ this.dispatchEvent(new CustomEvent('calendar-month-boundary', {
16829
+ bubbles: true,
16830
+ composed: true,
16831
+ detail: { direction: 'next', fromDate: activeCell.day.date, key }
16832
+ }));
16833
+ return;
16834
+ }
16835
+ } else if (key === 'ArrowLeft') {
16836
+ if (activeIndex > 0) {
16837
+ targetCell = focusableCells[activeIndex - 1];
16838
+ } else {
16839
+ // At start of month, request cross-month navigation
16840
+ this.dispatchEvent(new CustomEvent('calendar-month-boundary', {
16841
+ bubbles: true,
16842
+ composed: true,
16843
+ detail: { direction: 'prev', fromDate: activeCell.day.date, key }
16844
+ }));
16845
+ return;
16846
+ }
16847
+ } else if (key === 'ArrowDown' || key === 'ArrowUp') {
16848
+ // Find the target day (same day-of-week, +/- 7 days)
16849
+ // Use Date arithmetic instead of fixed seconds to handle DST correctly
16850
+ const increment = key === 'ArrowDown' ? 7 : -7;
16851
+ const currentDate = new Date(activeCell.day.date * 1000);
16852
+ currentDate.setDate(currentDate.getDate() + increment);
16853
+ currentDate.setHours(0, 0, 0, 0);
16854
+ const targetDate = Math.floor(currentDate.getTime() / 1000);
16855
+
16856
+ // Look for the target date in this month's focusable cells
16857
+ targetCell = focusableCells.find(cell => cell.day.date === targetDate);
16858
+
16859
+ if (!targetCell) {
16860
+ // Target is in another month or all cells in that direction are disabled
16861
+ const direction = key === 'ArrowDown' ? 'next' : 'prev';
16862
+ this.dispatchEvent(new CustomEvent('calendar-month-boundary', {
16863
+ bubbles: true,
16864
+ composed: true,
16865
+ detail: { direction, fromDate: activeCell.day.date, key }
16866
+ }));
16867
+ return;
16868
+ }
16869
+ }
16870
+
16871
+ if (targetCell) {
16872
+ this.dispatchEvent(new CustomEvent('calendar-cell-activate', {
16873
+ bubbles: true,
16874
+ composed: true,
16875
+ detail: { date: targetCell.day.date }
16876
+ }));
16877
+ }
16878
+ }
16879
+
16880
+ renderWeek(week) {
16881
+ return b$7`
16882
+ <div class="tr" role="row">${week.map((day) => this.renderDay(day))}</div>
16883
+ `;
16522
16884
  }
16523
16885
 
16524
16886
  renderDay(day) {
@@ -16542,7 +16904,7 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
16542
16904
  >
16543
16905
  </auro-formkit-calendar-cell>
16544
16906
  `
16545
- : null}
16907
+ : b$7`<div aria-hidden="true" inert></div>`}
16546
16908
  </div>
16547
16909
  `;
16548
16910
  }
@@ -16553,10 +16915,10 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
16553
16915
  var _a, _b;
16554
16916
 
16555
16917
  return b$7 `
16556
- <div>
16918
+ <div aria-labelledby="${this.getHeadingId()}">
16557
16919
  <div class="header">
16558
16920
  ${this.renderPrevButton()}
16559
- <div class="headerTitle heading-xs">
16921
+ <div class="headerTitle heading-xs" id="${this.getHeadingId()}" aria-live="polite" aria-atomic="true">
16560
16922
  ${this.monthFirst ? b$7`
16561
16923
  <div>${this.computeCurrentMonthName(this.month)}</div>
16562
16924
  <div>${this.renderYear()}</div>
@@ -16568,13 +16930,13 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
16568
16930
  ${this.renderNextButton()}
16569
16931
  </div>
16570
16932
 
16571
- <div class="table">
16572
- <div class="thead">
16573
- <div class="tr">
16574
- ${(_a = this.dayNamesOfTheWeek) === null || _a === void 0 ? void 0 : _a.map(dayNameOfWeek => this.renderDayOfWeek(dayNameOfWeek))}
16933
+ <div class="table" role="grid" aria-labelledby="${this.getHeadingId()}" @keydown="${this.handleGridKeyDown}">
16934
+ <div class="thead" role="rowgroup">
16935
+ <div class="tr" role="row">
16936
+ ${(_a = this.dayNamesOfTheWeek) === null || _a === void 0 ? void 0 : _a.map((dayNameOfWeek, index) => this.renderDayOfWeek(dayNameOfWeek, index))}
16575
16937
  </div>
16576
16938
  </div>
16577
- <div class="tbody">
16939
+ <div class="tbody" role="rowgroup">
16578
16940
  ${(_b = this.daysOfMonth) === null || _b === void 0 ? void 0 : _b.map(week => this.renderWeek(week))}
16579
16941
  </div>
16580
16942
  </div>
@@ -17267,6 +17629,14 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$4 {
17267
17629
  large: {
17268
17630
  type: Boolean,
17269
17631
  reflect: true
17632
+ },
17633
+
17634
+ /**
17635
+ * If declared, the footer slot will be rendered even when not in fullscreen mode.
17636
+ */
17637
+ showFooter: {
17638
+ type: Boolean,
17639
+ reflect: true
17270
17640
  }
17271
17641
  };
17272
17642
  }
@@ -17369,7 +17739,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$4 {
17369
17739
  <slot></slot>
17370
17740
  </div>
17371
17741
 
17372
- ${this.isFullscreen ? u$c`
17742
+ ${this.isFullscreen || this.showFooter ? u$c`
17373
17743
  <div id="footerContainer">
17374
17744
  <slot name="footer"></slot>
17375
17745
  </div>` : null}
@@ -17378,7 +17748,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$4 {
17378
17748
  }
17379
17749
  };
17380
17750
 
17381
- var formkitVersion$2$1 = '202606011708';
17751
+ var formkitVersion$2$1 = '202606011856';
17382
17752
 
17383
17753
  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$3`${s$6(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$7`: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}
17384
17754
  `,u$4$1=i$7`.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}}
@@ -17476,6 +17846,13 @@ class AuroCalendar extends RangeDatepicker {
17476
17846
  this.largeFullscreenHeadline = false;
17477
17847
  this.isFullscreen = false;
17478
17848
 
17849
+ /**
17850
+ * The date of the currently active cell (Unix timestamp).
17851
+ * Only one cell across the entire calendar has tabindex="0" at a time.
17852
+ * @private
17853
+ */
17854
+ this.activeCellDate = null;
17855
+
17479
17856
  /**
17480
17857
  * @private
17481
17858
  */
@@ -17641,6 +18018,8 @@ class AuroCalendar extends RangeDatepicker {
17641
18018
  */
17642
18019
  handlePrevMonth() {
17643
18020
  this.utilCal.handleMonthChange(this, 'prev');
18021
+ this.updateActiveCellForVisibleMonth();
18022
+ this.announceMonthChange();
17644
18023
  }
17645
18024
 
17646
18025
  /**
@@ -17650,6 +18029,38 @@ class AuroCalendar extends RangeDatepicker {
17650
18029
  */
17651
18030
  handleNextMonth() {
17652
18031
  this.utilCal.handleMonthChange(this, 'next');
18032
+ this.updateActiveCellForVisibleMonth();
18033
+ this.announceMonthChange();
18034
+ }
18035
+
18036
+ /**
18037
+ * Announces the current month and year via the live region after navigation.
18038
+ * @private
18039
+ * @returns {void}
18040
+ */
18041
+ announceMonthChange() {
18042
+ const date = new Date(this.centralDate);
18043
+ const localeCode = this.locale?.code || undefined;
18044
+ const formatter = new Intl.DateTimeFormat(localeCode, { month: 'long', year: 'numeric' });
18045
+ this.announceSelection(formatter.format(date));
18046
+ }
18047
+
18048
+ /**
18049
+ * Recomputes and sets the active cell for the newly visible month after
18050
+ * month navigation. Without this, activeCellDate can point at a date in
18051
+ * the old month, leaving no tabindex="0" cell in the grid.
18052
+ * @private
18053
+ * @returns {void}
18054
+ */
18055
+ updateActiveCellForVisibleMonth() {
18056
+ // Skip the dateFrom shortcut so the active cell lands in the newly
18057
+ // visible month rather than jumping back to the selected date's month.
18058
+ this.activeCellDate = this.computeActiveDate({ skipDateFrom: true });
18059
+ this.updateComplete.then(() => {
18060
+ if (this.activeCellDate != null) {
18061
+ this.setActiveCell(this.activeCellDate);
18062
+ }
18063
+ });
17653
18064
  }
17654
18065
 
17655
18066
  /**
@@ -17757,6 +18168,452 @@ class AuroCalendar extends RangeDatepicker {
17757
18168
  this.utilCal.scrollMonthIntoView(this, date, this.format);
17758
18169
  }
17759
18170
 
18171
+ /**
18172
+ * Gets all rendered month components.
18173
+ * @private
18174
+ * @returns {Array} Array of auro-formkit-calendar-month elements.
18175
+ */
18176
+ getMonthComponents() {
18177
+ return Array.from(this.shadowRoot.querySelectorAll('auro-formkit-calendar-month'));
18178
+ }
18179
+
18180
+ /**
18181
+ * Gets all focusable cells across all rendered months.
18182
+ * @private
18183
+ * @returns {Array} Array of auro-formkit-calendar-cell elements.
18184
+ */
18185
+ getAllFocusableCells() {
18186
+ const months = this.getMonthComponents();
18187
+ let cells = [];
18188
+ months.forEach(month => {
18189
+ cells = cells.concat(month.getFocusableCells());
18190
+ });
18191
+ return cells;
18192
+ }
18193
+
18194
+ /**
18195
+ * Sets the active cell across all months. Only one cell has tabindex="0" at a time.
18196
+ * @param {Number} date - Unix timestamp of the cell to activate.
18197
+ * @returns {void}
18198
+ */
18199
+ setActiveCell(date) {
18200
+ const allCells = this.getAllFocusableCells();
18201
+
18202
+ allCells.forEach(cell => {
18203
+ cell.active = cell.day && cell.day.date === date;
18204
+ });
18205
+
18206
+ this.activeCellDate = date;
18207
+ }
18208
+
18209
+ /**
18210
+ * Focuses the currently active cell. If activeCellDate is set but no cell
18211
+ * has the active attribute yet, sets it first. Waits for the cell's render
18212
+ * to complete so the focused button is the final DOM element.
18213
+ * @returns {void}
18214
+ */
18215
+ focusActiveCell() {
18216
+ if (this.activeCellDate != null) {
18217
+ this.setActiveCell(this.activeCellDate);
18218
+ }
18219
+
18220
+ const allCells = this.getAllFocusableCells();
18221
+ const activeCell = allCells.find(cell => cell.active);
18222
+ if (activeCell) {
18223
+ activeCell.updateComplete.then(() => {
18224
+ activeCell.focusButton();
18225
+ });
18226
+ }
18227
+ }
18228
+
18229
+ /**
18230
+ * Computes the initial active date from data properties alone — no DOM required.
18231
+ * Priority:
18232
+ * 1. Selected date (dateFrom) if within range
18233
+ * 2. Today's date if not disabled (in-range and not blackout)
18234
+ * 3. First future non-disabled date (scans day-by-day from today up to 1 year)
18235
+ * 4. First previous non-disabled date (scans day-by-day from today up to 1 year)
18236
+ * 5. First enabled date in finite [min, max] range
18237
+ * 5b. First enabled date scanning forward from finite min (unbounded max)
18238
+ * 5c. First enabled date scanning backward from finite max (unbounded min)
18239
+ * 6. First in-range date (even if blackout) so focus can land somewhere
18240
+ * 7. undefined — no valid target
18241
+ *
18242
+ * @private
18243
+ * @param {Object} [options] - Optional settings.
18244
+ * @param {boolean} [options.skipDateFrom=false] - When true, skip the selected-date
18245
+ * shortcut (step 1). Used after month navigation so the active cell lands in the
18246
+ * newly visible month instead of jumping back to the selected date's month.
18247
+ * @returns {Number|undefined} Unix timestamp (seconds) of the date to activate, or undefined.
18248
+ */
18249
+ computeActiveDate(options = {}) {
18250
+ const MAX_SCAN_DAYS = 366; // scan at most ~1 year in each direction
18251
+
18252
+ /**
18253
+ * Adds days to a timestamp using Date arithmetic to handle DST correctly.
18254
+ * Returns a local-midnight-aligned timestamp in seconds.
18255
+ */
18256
+ const addDays = (ts, days) => {
18257
+ const d = new Date(ts * 1000);
18258
+ d.setDate(d.getDate() + days);
18259
+ d.setHours(0, 0, 0, 0);
18260
+ return Math.floor(d.getTime() / 1000);
18261
+ };
18262
+
18263
+ const rawMin = Number(this.min);
18264
+ const rawMax = Number(this.max);
18265
+
18266
+ // When min/max are NaN (no minDate/maxDate configured), treat as unbounded.
18267
+ const minTs = Number.isFinite(rawMin) ? rawMin : -Infinity;
18268
+ const maxTs = Number.isFinite(rawMax) ? rawMax : Infinity;
18269
+
18270
+ // Build a Set of blackout timestamps for O(1) lookup.
18271
+ const blackoutSet = new Set(
18272
+ (this.disabledDays || []).map(d => parseInt(d, 10))
18273
+ );
18274
+
18275
+ // Also include ISO-format blackoutDates from the datepicker if available.
18276
+ // Parse YYYY-MM-DD as local date to avoid UTC shift issues.
18277
+ const isoBlackouts = this.datepicker?.blackoutDates;
18278
+ if (Array.isArray(isoBlackouts)) {
18279
+ for (const isoStr of isoBlackouts) {
18280
+ const parts = isoStr.split('-');
18281
+ const ts = Math.floor(new Date(parseInt(parts[0], 10), parseInt(parts[1], 10) - 1, parseInt(parts[2], 10)).getTime() / 1000);
18282
+ if (Number.isFinite(ts)) blackoutSet.add(ts);
18283
+ }
18284
+ }
18285
+
18286
+ /**
18287
+ * A date (unix timestamp in seconds, midnight-aligned) is "enabled" when
18288
+ * it is within [min, max] AND not a blackout day.
18289
+ */
18290
+ const isEnabled = (ts) => ts >= minTs && ts <= maxTs && !blackoutSet.has(ts);
18291
+
18292
+ /**
18293
+ * A date is "in range" (focusable in the grid) when it is within [min, max].
18294
+ * Blackout dates are focusable but not selectable.
18295
+ */
18296
+ const isInRange = (ts) => ts >= minTs && ts <= maxTs;
18297
+
18298
+ // 1. Selected date — always valid target if within range (user chose it).
18299
+ // Skipped when called from month navigation so the active cell lands in
18300
+ // the newly visible month rather than the (possibly off-screen) selection.
18301
+ if (!options.skipDateFrom && this.dateFrom) {
18302
+ const parsedFrom = parseInt(this.dateFrom, 10);
18303
+ if (Number.isFinite(parsedFrom) && isInRange(parsedFrom)) return parsedFrom;
18304
+ }
18305
+
18306
+ // 2. Today's date (midnight-aligned) if enabled.
18307
+ const now = Math.floor(new Date().setHours(0, 0, 0, 0) / 1000);
18308
+
18309
+ // When centralDate is configured, prefer a date within the month(s) that
18310
+ // will actually be rendered. If today falls outside the visible range, an
18311
+ // active cell set to today would have no matching DOM element and keyboard
18312
+ // focus could not enter the calendar.
18313
+ const centralDateValue = this.centralDate ? new Date(this.centralDate) : null;
18314
+
18315
+ if (centralDateValue && !isNaN(centralDateValue.getTime())) {
18316
+ const centralMonth = centralDateValue.getMonth();
18317
+ const centralYear = centralDateValue.getFullYear();
18318
+ const todayDate = new Date(now * 1000);
18319
+ const todayMonth = todayDate.getMonth();
18320
+ const todayYear = todayDate.getFullYear();
18321
+
18322
+ // Today is outside the centralDate's month — scan for an enabled date
18323
+ // within the visible month instead.
18324
+ if (todayMonth !== centralMonth || todayYear !== centralYear) {
18325
+ const visibleStart = new Date(centralYear, centralMonth, 1);
18326
+ visibleStart.setHours(0, 0, 0, 0);
18327
+ const visibleEnd = new Date(centralYear, centralMonth + 1, 0); // last day of month
18328
+ visibleEnd.setHours(0, 0, 0, 0);
18329
+ const startTs = Math.floor(visibleStart.getTime() / 1000);
18330
+ const endTs = Math.floor(visibleEnd.getTime() / 1000);
18331
+ const daysInMonth = visibleEnd.getDate();
18332
+
18333
+ for (let idx = 0; idx < daysInMonth; idx++) {
18334
+ const ts = addDays(startTs, idx);
18335
+ if (ts > endTs) break;
18336
+ if (isEnabled(ts)) return ts;
18337
+ }
18338
+
18339
+ // No enabled date in the visible month — fall back to first in-range
18340
+ // date in the month so focus still lands on a focusable cell.
18341
+ for (let idx = 0; idx < daysInMonth; idx++) {
18342
+ const ts = addDays(startTs, idx);
18343
+ if (ts > endTs) break;
18344
+ if (isInRange(ts)) return ts;
18345
+ }
18346
+ }
18347
+ }
18348
+
18349
+ if (isEnabled(now)) return now;
18350
+
18351
+ // When a centralDate is configured (or inferred), constrain the scan to the
18352
+ // rendered month(s) first so a single-month calendar does not pick a date
18353
+ // that has no DOM cell. Determine the visible range based on centralDate and
18354
+ // the number of rendered months.
18355
+ const renderedMonths = this.numCalendars || 1;
18356
+ const visibleAnchor = centralDateValue && !isNaN(centralDateValue.getTime())
18357
+ ? centralDateValue
18358
+ : new Date(now * 1000);
18359
+ const visMonthStart = new Date(visibleAnchor.getFullYear(), visibleAnchor.getMonth(), 1);
18360
+ visMonthStart.setHours(0, 0, 0, 0);
18361
+ const visMonthEnd = new Date(visibleAnchor.getFullYear(), visibleAnchor.getMonth() + renderedMonths, 0);
18362
+ visMonthEnd.setHours(0, 0, 0, 0);
18363
+ const visStartTs = Math.floor(visMonthStart.getTime() / 1000);
18364
+ const visEndTs = Math.floor(visMonthEnd.getTime() / 1000);
18365
+ const visDays = Math.round((visEndTs - visStartTs) / 86400) + 1;
18366
+
18367
+ // Scan visible months for an enabled date.
18368
+ for (let idx = 0; idx < visDays; idx++) {
18369
+ const ts = addDays(visStartTs, idx);
18370
+ if (ts > visEndTs) break;
18371
+ if (isEnabled(ts)) return ts;
18372
+ }
18373
+
18374
+ // No enabled date in visible months — try an in-range (focusable) date so
18375
+ // keyboard focus still has a tabindex="0" target.
18376
+ for (let idx = 0; idx < visDays; idx++) {
18377
+ const ts = addDays(visStartTs, idx);
18378
+ if (ts > visEndTs) break;
18379
+ if (isInRange(ts)) return ts;
18380
+ }
18381
+
18382
+ // 3. First future enabled date (scan forward from tomorrow, capped by max and MAX_SCAN_DAYS).
18383
+ for (let idx = 1; idx <= MAX_SCAN_DAYS; idx++) {
18384
+ const ts = addDays(now, idx);
18385
+ if (Number.isFinite(maxTs) && ts > maxTs) break;
18386
+ if (isEnabled(ts)) return ts;
18387
+ }
18388
+
18389
+ // 4. First previous enabled date (scan backward from yesterday, capped by min and MAX_SCAN_DAYS).
18390
+ for (let idx = 1; idx <= MAX_SCAN_DAYS; idx++) {
18391
+ const ts = addDays(now, -idx);
18392
+ if (Number.isFinite(minTs) && ts < minTs) break;
18393
+ if (isEnabled(ts)) return ts;
18394
+ }
18395
+
18396
+ // 5. If scans missed (e.g. min/max range is far from today), fall back to
18397
+ // the first enabled date in the [min, max] range.
18398
+ if (Number.isFinite(minTs) && Number.isFinite(maxTs)) {
18399
+ let ts = minTs;
18400
+ for (let idx = 0; ts <= maxTs; idx++) {
18401
+ if (isEnabled(ts)) return ts;
18402
+ ts = addDays(minTs, idx + 1);
18403
+ }
18404
+ }
18405
+
18406
+ // 5b. Finite min with unbounded max (e.g. minDate far in the future):
18407
+ // scan forward from min for up to MAX_SCAN_DAYS.
18408
+ if (Number.isFinite(minTs) && !Number.isFinite(maxTs)) {
18409
+ for (let idx = 0; idx <= MAX_SCAN_DAYS; idx++) {
18410
+ const ts = addDays(minTs, idx);
18411
+ if (isEnabled(ts)) return ts;
18412
+ }
18413
+ }
18414
+
18415
+ // 5c. Unbounded min with a finite max far in the past (e.g. birth-date picker):
18416
+ // scan backward from max for up to MAX_SCAN_DAYS.
18417
+ if (!Number.isFinite(minTs) && Number.isFinite(maxTs)) {
18418
+ for (let idx = 0; idx <= MAX_SCAN_DAYS; idx++) {
18419
+ const ts = addDays(maxTs, -idx);
18420
+ if (isEnabled(ts)) return ts;
18421
+ }
18422
+ }
18423
+
18424
+ // 6. All dates are blackout — fall back to the first in-range date so focus
18425
+ // still lands on a focusable (but not selectable) cell.
18426
+ if (Number.isFinite(minTs) && isInRange(minTs)) return minTs;
18427
+ if (isInRange(now)) return now;
18428
+
18429
+ return undefined;
18430
+ }
18431
+
18432
+ /**
18433
+ * Handles cross-month boundary navigation events from month components.
18434
+ * @private
18435
+ * @param {CustomEvent} event - The boundary event with direction and source date info.
18436
+ * @returns {void}
18437
+ */
18438
+ handleMonthBoundary(event) {
18439
+ const { direction, fromDate, key } = event.detail;
18440
+
18441
+ if (key === 'ArrowRight' || key === 'ArrowLeft') {
18442
+ // Linear navigation: find adjacent focusable cell across months
18443
+ const allCells = this.getAllFocusableCells();
18444
+ const currentIndex = allCells.findIndex(cell => cell.day && cell.day.date === fromDate);
18445
+
18446
+ if (currentIndex === -1) return;
18447
+
18448
+ let targetIndex;
18449
+ if (direction === 'next') {
18450
+ targetIndex = currentIndex + 1;
18451
+ } else {
18452
+ targetIndex = currentIndex - 1;
18453
+ }
18454
+
18455
+ if (targetIndex >= 0 && targetIndex < allCells.length) {
18456
+ const targetCell = allCells[targetIndex];
18457
+ this.setActiveCell(targetCell.day.date);
18458
+ this.scrollToActiveCell();
18459
+ this.focusActiveCell();
18460
+ } else if (direction === 'next' && this.showNextMonthBtn) {
18461
+ // Navigate to next month and focus the computed next date.
18462
+ // Using the target date (fromDate + 1 day) instead of cells[0]
18463
+ // avoids jumping backward in range datepickers where cells[0]
18464
+ // belongs to the previous (still-rendered) month.
18465
+ const nextDate = new Date(fromDate * 1000);
18466
+ nextDate.setDate(nextDate.getDate() + 1);
18467
+ nextDate.setHours(0, 0, 0, 0);
18468
+ const nextTs = Math.floor(nextDate.getTime() / 1000);
18469
+
18470
+ this.handleNextMonth();
18471
+ requestAnimationFrame(() => {
18472
+ requestAnimationFrame(() => {
18473
+ const cells = this.getAllFocusableCells();
18474
+ const target = cells.find(cell => cell.day && cell.day.date === nextTs);
18475
+ if (target) {
18476
+ this.setActiveCell(target.day.date);
18477
+ this.focusActiveCell();
18478
+ } else if (cells.length > 0) {
18479
+ // Fallback: first cell of the last rendered month
18480
+ this.setActiveCell(cells[cells.length - 1].day.date);
18481
+ this.focusActiveCell();
18482
+ }
18483
+ });
18484
+ });
18485
+ } else if (direction === 'prev' && this.showPrevMonthBtn) {
18486
+ // Navigate to previous month and focus the computed previous date.
18487
+ const prevDate = new Date(fromDate * 1000);
18488
+ prevDate.setDate(prevDate.getDate() - 1);
18489
+ prevDate.setHours(0, 0, 0, 0);
18490
+ const prevTs = Math.floor(prevDate.getTime() / 1000);
18491
+
18492
+ this.handlePrevMonth();
18493
+ requestAnimationFrame(() => {
18494
+ requestAnimationFrame(() => {
18495
+ const cells = this.getAllFocusableCells();
18496
+ const target = cells.find(cell => cell.day && cell.day.date === prevTs);
18497
+ if (target) {
18498
+ this.setActiveCell(target.day.date);
18499
+ this.focusActiveCell();
18500
+ } else if (cells.length > 0) {
18501
+ // Fallback: last cell of the first rendered month
18502
+ this.setActiveCell(cells[0].day.date);
18503
+ this.focusActiveCell();
18504
+ }
18505
+ });
18506
+ });
18507
+ }
18508
+ } else if (key === 'ArrowDown' || key === 'ArrowUp') {
18509
+ // Vertical navigation: find same day-of-week +/- 7 days
18510
+ // Use Date arithmetic instead of fixed seconds to handle DST correctly
18511
+ const increment = key === 'ArrowDown' ? 7 : -7;
18512
+ const currentDate = new Date(fromDate * 1000);
18513
+ currentDate.setDate(currentDate.getDate() + increment);
18514
+ currentDate.setHours(0, 0, 0, 0);
18515
+ const targetDate = Math.floor(currentDate.getTime() / 1000);
18516
+
18517
+ const allCells = this.getAllFocusableCells();
18518
+ let targetCell = allCells.find(cell => cell.day && cell.day.date === targetDate);
18519
+
18520
+ if (targetCell) {
18521
+ this.setActiveCell(targetCell.day.date);
18522
+ this.scrollToActiveCell();
18523
+ this.focusActiveCell();
18524
+ } else {
18525
+ // Target might be in an unrendered month, navigate there
18526
+ const navDirection = key === 'ArrowDown' ? 'next' : 'prev';
18527
+ if ((navDirection === 'next' && this.showNextMonthBtn) || (navDirection === 'prev' && this.showPrevMonthBtn)) {
18528
+ if (navDirection === 'next') {
18529
+ this.handleNextMonth();
18530
+ } else {
18531
+ this.handlePrevMonth();
18532
+ }
18533
+ requestAnimationFrame(() => {
18534
+ requestAnimationFrame(() => {
18535
+ const cells = this.getAllFocusableCells();
18536
+ const target = cells.find(cell => cell.day && cell.day.date === targetDate);
18537
+ if (target) {
18538
+ this.setActiveCell(target.day.date);
18539
+ this.focusActiveCell();
18540
+ } else if (cells.length > 0) {
18541
+ // Clamp to nearest focusable cell
18542
+ const nearest = navDirection === 'next' ? cells[0] : cells[cells.length - 1];
18543
+ this.setActiveCell(nearest.day.date);
18544
+ this.focusActiveCell();
18545
+ }
18546
+ });
18547
+ });
18548
+ }
18549
+ }
18550
+ }
18551
+ }
18552
+
18553
+ /**
18554
+ * Handles cell activation events from month components.
18555
+ * @private
18556
+ * @param {CustomEvent} event - The activation event with target date.
18557
+ * @returns {void}
18558
+ */
18559
+ handleCellActivate(event) {
18560
+ const { date } = event.detail;
18561
+ this.setActiveCell(date);
18562
+ this.focusActiveCell();
18563
+ }
18564
+
18565
+ /**
18566
+ * Scrolls the calendar to ensure the month containing the active cell is visible.
18567
+ * @private
18568
+ * @returns {void}
18569
+ */
18570
+ scrollToActiveCell() {
18571
+ if (this.activeCellDate == null) return;
18572
+
18573
+ const date = new Date(this.activeCellDate * 1000);
18574
+ const month = date.getMonth() + 1;
18575
+ const year = date.getFullYear();
18576
+ const selector = `#month-${month}-${year}`;
18577
+ const monthElem = this.shadowRoot.querySelector(selector);
18578
+
18579
+ if (monthElem) {
18580
+ const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
18581
+ monthElem.scrollIntoView({ block: 'nearest', behavior: prefersReducedMotion ? 'instant' : 'smooth' });
18582
+ }
18583
+ }
18584
+
18585
+ /**
18586
+ * Announces a date selection via the live region.
18587
+ * @private
18588
+ * @param {String} dateStr - The localized date string to announce.
18589
+ * @returns {void}
18590
+ */
18591
+ announceSelection(dateStr) {
18592
+ const liveRegion = this.shadowRoot.querySelector('#calendar-live-region');
18593
+ if (liveRegion) {
18594
+ liveRegion.textContent = '';
18595
+ // Use microtask to ensure SR picks up the change
18596
+ Promise.resolve().then(() => {
18597
+ liveRegion.textContent = dateStr;
18598
+ });
18599
+ }
18600
+ }
18601
+
18602
+ /**
18603
+ * Formats a Unix timestamp (seconds) as a localized date string for SR announcements.
18604
+ * @private
18605
+ * @param {String|Number} timestamp - Unix timestamp in seconds.
18606
+ * @returns {String} Localized date string.
18607
+ */
18608
+ formatAnnouncementDate(timestamp) {
18609
+ const date = new Date(parseInt(timestamp, 10) * 1000);
18610
+ const localeCode = this.locale?.code || undefined;
18611
+ const formatter = new Intl.DateTimeFormat(localeCode, {
18612
+ weekday: 'long', year: 'numeric', month: 'long', day: 'numeric'
18613
+ });
18614
+ return formatter.format(date);
18615
+ }
18616
+
17760
18617
  firstUpdated() {
17761
18618
  this.addEventListener('date-from-changed', () => {
17762
18619
  this.dispatchEvent(new CustomEvent('auroCalendar-dateSelected', {
@@ -17776,6 +18633,16 @@ class AuroCalendar extends RangeDatepicker {
17776
18633
  composed: true,
17777
18634
  }));
17778
18635
  });
18636
+
18637
+ // Listen for cross-month boundary navigation events
18638
+ this.addEventListener('calendar-month-boundary', (event) => {
18639
+ this.handleMonthBoundary(event);
18640
+ });
18641
+
18642
+ // Listen for cell activation events
18643
+ this.addEventListener('calendar-cell-activate', (event) => {
18644
+ this.handleCellActivate(event);
18645
+ });
17779
18646
  }
17780
18647
 
17781
18648
  injectSlot(slotName, nodes) {
@@ -17800,7 +18667,37 @@ class AuroCalendar extends RangeDatepicker {
17800
18667
  }
17801
18668
 
17802
18669
  if (changedProperties.has('visible')) {
17803
- setTimeout(() => this.requestUpdate());
18670
+ if (this.visible) {
18671
+ // Compute the active date eagerly from data — no DOM needed.
18672
+ if (this.activeCellDate == null) {
18673
+ this.activeCellDate = this.computeActiveDate();
18674
+ }
18675
+
18676
+ this.requestUpdate();
18677
+ } else {
18678
+ this.requestUpdate();
18679
+ }
18680
+ }
18681
+
18682
+ // Announce date selection to screen readers when user clicks/selects a cell
18683
+ const isCellClick = this.datepicker?.wasCellClick || this.datepicker?.cellClickActive;
18684
+
18685
+ if (changedProperties.has('dateFrom') && this.dateFrom && isCellClick) {
18686
+ const dateStr = this.formatAnnouncementDate(this.dateFrom);
18687
+ const isRange = !this.noRange;
18688
+
18689
+ if (isRange) {
18690
+ const rangeLabel = this.datepicker.rangeLabelStart || 'range start';
18691
+ this.announceSelection(`${dateStr}, selected as ${rangeLabel}`);
18692
+ } else {
18693
+ this.announceSelection(`${dateStr}, selected`);
18694
+ }
18695
+ }
18696
+
18697
+ if (changedProperties.has('dateTo') && this.dateTo && isCellClick) {
18698
+ const dateStr = this.formatAnnouncementDate(this.dateTo);
18699
+ const rangeLabel = this.datepicker.rangeLabelEnd || 'range end';
18700
+ this.announceSelection(`${dateStr}, selected as ${rangeLabel}`);
17804
18701
  }
17805
18702
  }
17806
18703
 
@@ -17809,6 +18706,7 @@ class AuroCalendar extends RangeDatepicker {
17809
18706
  <${this.bibtemplateTag}
17810
18707
  ?large="${this.largeFullscreenHeadline}"
17811
18708
  ?isFullscreen="${this.isFullscreen}"
18709
+ ?showFooter="${!this.isFullscreen && this.dropdown?.desktopModal}"
17812
18710
  @close-click="${this.utilCal.requestDismiss}">
17813
18711
  <span slot="ariaLabel.close">${this.slots["ariaLabel.bib.close"]}</span>
17814
18712
 
@@ -17826,24 +18724,26 @@ class AuroCalendar extends RangeDatepicker {
17826
18724
  </div>
17827
18725
  </div>
17828
18726
 
17829
- <div class="calendarWrapper">
17830
- <div class="calendars">
17831
- ${this.renderAllCalendars()}
17832
- </div>
18727
+ <div class="calendarWrapper ${!this.isFullscreen && this.dropdown?.desktopModal ? 'hasFooter' : ''}">
17833
18728
  <div class="calendarNavButtons">
17834
18729
  ${this.showPrevMonthBtn ? u$c`
17835
- <button tabIndex="-1" class="calendarNavBtn prevMonth" @click="${this.handlePrevMonth}">
18730
+ <button tabIndex="0" class="calendarNavBtn prevMonth" aria-label="${this.datepicker?.navLabelPrevMonth || 'Previous month'}" @click="${this.handlePrevMonth}">
17836
18731
  ${this.util.generateIconHtml(chevronLeft)}
17837
18732
  </button>
17838
18733
  ` : undefined}
17839
18734
  ${this.showNextMonthBtn ? u$c`
17840
- <button tabIndex="-1" class="calendarNavBtn nextMonth" @click="${this.handleNextMonth}">
18735
+ <button tabIndex="0" class="calendarNavBtn nextMonth" aria-label="${this.datepicker?.navLabelNextMonth || 'Next month'}" @click="${this.handleNextMonth}">
17841
18736
  ${this.util.generateIconHtml(chevronRight)}
17842
18737
  </button>
17843
18738
  ` : undefined}
17844
18739
  </div>
18740
+ <div class="calendars">
18741
+ ${this.renderAllCalendars()}
18742
+ </div>
17845
18743
  </div>
17846
18744
 
18745
+ <div id="calendar-live-region" aria-live="assertive" aria-atomic="true" class="sr-only"></div>
18746
+
17847
18747
  <${this.buttonTag} slot="footer" fluid @click="${this.utilCal.requestDismiss}">Done</${this.buttonTag}>
17848
18748
  </${this.bibtemplateTag}>
17849
18749
  `;
@@ -21091,7 +21991,7 @@ function applyKeyboardStrategy$1$2(component, strategy, options = {}) {
21091
21991
  });
21092
21992
  }
21093
21993
 
21094
- var styleCss$2$1$2 = i$7`: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}`;
21994
+ var styleCss$2$1$2 = i$7`: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}`;
21095
21995
 
21096
21996
  var colorCss$2$7 = i$7`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
21097
21997
 
@@ -21722,7 +22622,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$4 {
21722
22622
  }
21723
22623
  };
21724
22624
 
21725
- var formkitVersion$1$2 = '202606011708';
22625
+ var formkitVersion$1$2 = '202606011856';
21726
22626
 
21727
22627
  let AuroElement$2$2 = class AuroElement extends i$4 {
21728
22628
  static get properties() {
@@ -21902,6 +22802,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
21902
22802
  _intializeDefaults() {
21903
22803
  this.appearance = 'default';
21904
22804
  this.chevron = false;
22805
+ this.desktopModal = false;
21905
22806
  this.disabled = false;
21906
22807
  this.disableKeyboardHandling = false;
21907
22808
  this.error = false;
@@ -22082,6 +22983,14 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
22082
22983
  reflect: true
22083
22984
  },
22084
22985
 
22986
+ /**
22987
+ * If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
22988
+ */
22989
+ desktopModal: {
22990
+ type: Boolean,
22991
+ reflect: true
22992
+ },
22993
+
22085
22994
  /**
22086
22995
  * If declared, the dropdown will only show by calling the API .show() public method.
22087
22996
  */
@@ -22369,6 +23278,15 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
22369
23278
 
22370
23279
  disconnectedCallback() {
22371
23280
  super.disconnectedCallback();
23281
+ this._clearPageInert();
23282
+ if (this._bibTabHandler) {
23283
+ this.removeEventListener('keydown', this._bibTabHandler);
23284
+ this._bibTabHandler = undefined;
23285
+ }
23286
+ if (this.focusTrap) {
23287
+ this.focusTrap.disconnect();
23288
+ this.focusTrap = undefined;
23289
+ }
22372
23290
  if (this.floater) {
22373
23291
  this.floater.hideBib('disconnect');
22374
23292
  this.floater.disconnect();
@@ -22396,19 +23314,45 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
22396
23314
  if (this.isPopoverVisible) {
22397
23315
  // Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
22398
23316
  // Desktop: use show() for Floating UI positioning + FocusTrap for focus management
22399
- const useModal = this.isBibFullscreen;
22400
- this.bibElement.value.open(useModal);
23317
+ this.bibElement.value.open(this.isBibFullscreen);
23318
+ this.updateFocusTrap();
23319
+
23320
+ // Desktop modal: make siblings inert so content outside is not interactive
23321
+ if (this.desktopModal && !this.isBibFullscreen) {
23322
+ this._setPageInert();
23323
+ }
22401
23324
  } else {
22402
23325
  this.bibElement.value.close();
23326
+ this._clearPageInert();
22403
23327
  }
22404
23328
  }
22405
23329
 
22406
23330
  // When fullscreen strategy changes while open, re-open dialog with correct mode
22407
23331
  // (e.g. resizing from desktop → mobile while dropdown is open)
22408
23332
  if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
22409
- const useModal = this.isBibFullscreen;
22410
23333
  this.bibElement.value.close();
22411
- this.bibElement.value.open(useModal);
23334
+ this.bibElement.value.open(this.isBibFullscreen);
23335
+
23336
+ // Re-initialize focus management for the new strategy
23337
+ this.updateFocusTrap();
23338
+
23339
+ // Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
23340
+ if (this.desktopModal && !this.isBibFullscreen) {
23341
+ this._setPageInert();
23342
+ } else {
23343
+ this._clearPageInert();
23344
+ }
23345
+ }
23346
+
23347
+ // Handle desktopModal toggled while the dropdown is already open.
23348
+ // Re-initialize focus trapping and page inert state to match the new mode.
23349
+ if (changedProperties.has('desktopModal') && this.isPopoverVisible && !this.isBibFullscreen) {
23350
+ this.updateFocusTrap();
23351
+ if (this.desktopModal) {
23352
+ this._setPageInert();
23353
+ } else {
23354
+ this._clearPageInert();
23355
+ }
22412
23356
  }
22413
23357
  }
22414
23358
 
@@ -22418,8 +23362,14 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
22418
23362
  * @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
22419
23363
  */
22420
23364
  handleDropdownToggle(event) {
22421
- this.updateFocusTrap();
22422
23365
  this.isPopoverVisible = event.detail.expanded;
23366
+
23367
+ // Tear down FocusTrap when closing. Creation happens in updated()
23368
+ // after the dialog is open so getFocusableElements can find content.
23369
+ if (!this.isPopoverVisible) {
23370
+ this.updateFocusTrap();
23371
+ }
23372
+
22423
23373
  const eventType = event.detail.eventType || "unknown";
22424
23374
  if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
22425
23375
  this.trigger.focus();
@@ -22518,19 +23468,178 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
22518
23468
  * @private
22519
23469
  */
22520
23470
  updateFocusTrap() {
23471
+ // Always clean up existing handlers/traps before setting up new ones
23472
+ // to prevent duplicate listeners on repeated calls.
23473
+ if (this._bibTabHandler) {
23474
+ this.removeEventListener('keydown', this._bibTabHandler);
23475
+ this._bibTabHandler = undefined;
23476
+ }
23477
+
23478
+ if (this.focusTrap) {
23479
+ this.focusTrap.disconnect();
23480
+ this.focusTrap = undefined;
23481
+ }
23482
+
22521
23483
  if (this.isPopoverVisible) {
22522
23484
  if (!this.isBibFullscreen) {
22523
- // Desktop: show() doesn't trap focus, so use FocusTrap
22524
- this.focusTrap = new FocusTrap$3(this.bibContent);
22525
- this.focusTrap.focusFirstElement();
23485
+ if (this.desktopModal) {
23486
+ // Desktop modal: trap focus only within the bib content.
23487
+ // Can't use FocusTrap on the bib element because keydown events
23488
+ // from slotted content bubble through the dropdown host (light DOM),
23489
+ // not through the bib (shadow projection target). Using FocusTrap
23490
+ // on the dropdown would include the trigger in the tab cycle.
23491
+ // Instead, listen for Tab on the dropdown and manually wrap focus
23492
+ // within the bib's focusable elements.
23493
+ this._bibTabHandler = (event) => {
23494
+ if (event.key !== 'Tab') {
23495
+ return;
23496
+ }
23497
+
23498
+ // Collect focusable elements from the bib content.
23499
+ const focusables = getFocusableElements$3(this.bibContent);
23500
+
23501
+ // Fallback: try from slotted content directly
23502
+ if (!focusables.length) {
23503
+ const slot = this.shadowRoot.querySelector('.slotContent slot');
23504
+ const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
23505
+
23506
+ for (const node of assignedNodes) {
23507
+ if (node.nodeType === Node.ELEMENT_NODE) {
23508
+ focusables.push(...getFocusableElements$3(node));
23509
+ }
23510
+ }
23511
+ }
23512
+
23513
+ if (!focusables.length) {
23514
+ return;
23515
+ }
23516
+
23517
+ event.preventDefault();
23518
+
23519
+ const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
23520
+
23521
+ // Walk the active element chain through shadow roots
23522
+ const actives = this._getActiveElements();
23523
+
23524
+ let idx = focusables.findIndex((el) => actives.includes(el));
23525
+
23526
+ if (idx === -1) { // eslint-disable-line no-magic-numbers
23527
+ // Focus is not on a known element — move to first/last
23528
+ idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
23529
+ }
23530
+
23531
+ // Try each element in order, skipping any that can't receive focus
23532
+ // (e.g. hidden elements, elements in collapsed sections)
23533
+ for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
23534
+ let nextIdx = idx + direction;
23535
+
23536
+ // Wrap around
23537
+ if (nextIdx < 0) {
23538
+ nextIdx = focusables.length - 1;
23539
+ } else if (nextIdx >= focusables.length) {
23540
+ nextIdx = 0;
23541
+ }
23542
+
23543
+ focusables[nextIdx].focus();
23544
+
23545
+ // Verify focus actually moved to the target
23546
+ const newActives = this._getActiveElements();
23547
+
23548
+ if (newActives.includes(focusables[nextIdx])) {
23549
+ return;
23550
+ }
23551
+
23552
+ // Focus didn't stick — skip this element and try the next
23553
+ idx = nextIdx;
23554
+ }
23555
+ };
23556
+ this.addEventListener('keydown', this._bibTabHandler);
23557
+
23558
+ // Move initial focus into the bib content, matching FocusTrap behavior
23559
+ requestAnimationFrame(() => {
23560
+ const focusables = getFocusableElements$3(this.bibContent);
23561
+ if (focusables.length) {
23562
+ focusables[0].focus();
23563
+ }
23564
+ });
23565
+ } else {
23566
+ // Normal desktop: use FocusTrap on the bib element
23567
+ this.focusTrap = new FocusTrap$3(this.bibContent);
23568
+ this.focusTrap.focusFirstElement();
23569
+ }
22526
23570
  }
22527
23571
  // Fullscreen: showModal() provides native focus trapping
23572
+ }
23573
+ }
23574
+
23575
+ /**
23576
+ * Returns the chain of active (focused) elements through shadow roots.
23577
+ * @private
23578
+ * @returns {Array<HTMLElement>}
23579
+ */
23580
+ _getActiveElements() {
23581
+ let { activeElement } = document;
23582
+ const actives = [activeElement];
23583
+
23584
+ while (activeElement?.shadowRoot?.activeElement) {
23585
+ activeElement = activeElement.shadowRoot.activeElement;
23586
+ actives.push(activeElement);
23587
+ }
23588
+
23589
+ return actives;
23590
+ }
23591
+
23592
+ /**
23593
+ * Sets `inert` on sibling elements of the dropdown's top-level host
23594
+ * so that content outside the dropdown is not interactive while the modal is open.
23595
+ * Walks up through shadow DOM boundaries to find the outermost host element
23596
+ * in the light DOM, then sets `inert` on siblings at each ancestor level
23597
+ * to ensure all page content outside the host subtree is inert.
23598
+ * @private
23599
+ */
23600
+ _setPageInert() {
23601
+ if (this._inertSiblings) {
22528
23602
  return;
22529
23603
  }
22530
23604
 
22531
- if (this.focusTrap) {
22532
- this.focusTrap.disconnect();
22533
- this.focusTrap = undefined;
23605
+ this._inertSiblings = [];
23606
+
23607
+ // Walk up through shadow DOM boundaries to find the topmost host
23608
+ // element in the light DOM. For example, if this dropdown is inside
23609
+ // auro-datepicker's shadow DOM, we walk up to the datepicker element
23610
+ // so we set inert on its siblings — not on the datepicker itself.
23611
+ let host = this;
23612
+ while (host.getRootNode() instanceof ShadowRoot) {
23613
+ host = host.getRootNode().host;
23614
+ }
23615
+
23616
+ // Walk up the ancestor chain, inerting siblings at each level
23617
+ // to ensure the entire page outside the host subtree is inert.
23618
+ let current = host;
23619
+ while (current.parentElement) {
23620
+ const parent = current.parentElement;
23621
+ for (const sibling of parent.children) {
23622
+ if (sibling !== current) {
23623
+ this._inertSiblings.push({ element: sibling, wasInert: sibling.inert });
23624
+ sibling.inert = true;
23625
+ }
23626
+ }
23627
+ current = parent;
23628
+ }
23629
+ }
23630
+
23631
+ /**
23632
+ * Restores `inert` state on siblings that were tracked by `_setPageInert`.
23633
+ * Preserves the previous inert state so externally-inerted elements are
23634
+ * not inadvertently re-enabled.
23635
+ * @private
23636
+ */
23637
+ _clearPageInert() {
23638
+ if (this._inertSiblings) {
23639
+ for (const entry of this._inertSiblings) {
23640
+ entry.element.inert = entry.wasInert;
23641
+ }
23642
+ this._inertSiblings = undefined;
22534
23643
  }
22535
23644
  }
22536
23645
 
@@ -22769,6 +23878,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
22769
23878
  shape="${this.shape}"
22770
23879
  ?data-show="${this.isPopoverVisible}"
22771
23880
  ?isfullscreen="${this.isBibFullscreen}"
23881
+ ?desktopmodal="${this.desktopModal}"
22772
23882
  .dialogLabel="${this.bibDialogLabel}"
22773
23883
  ${n$6(this.bibElement)}
22774
23884
  >
@@ -29467,7 +30577,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$4 {
29467
30577
  }
29468
30578
  };
29469
30579
 
29470
- var formkitVersion$8 = '202606011708';
30580
+ var formkitVersion$8 = '202606011856';
29471
30581
 
29472
30582
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
29473
30583
  // See LICENSE in the project root for license information.
@@ -30722,26 +31832,62 @@ function applyKeyboardStrategy$5(component, strategy, options = {}) {
30722
31832
  // components/datepicker/docs/partials/keyboardBehavior.md
30723
31833
  //
30724
31834
  // Current behavior (transitional — full bib keyboard navigation is planned for a future iteration):
30725
- // - The bib opens and closes via pointer/touch interaction only.
30726
31835
  // - Escape closes the bib and prevents the event from reaching parent containers.
31836
+ // - Enter opens the bib when it is closed (trigger input only, not clear button).
31837
+ // - Space opens the bib when it is closed (trigger input only, not clear button).
30727
31838
  // - Tab uses the browser's default tabindex sequence across trigger controls.
30728
- // - Enter and Space do not open or close the bib.
30729
31839
  //
30730
31840
  // This file is an intentional placeholder for most keys. When datepicker bib keyboard navigation is
30731
31841
  // added, handlers should go here following the same strategy pattern used by
30732
31842
  // auro-select (selectKeyboardStrategy.js) and auro-combobox (comboboxKeyboardStrategy.js).
30733
31843
  const datepickerKeyboardStrategy = {
30734
- Escape(component, evt) {
30735
- if (!component.dropdown || !component.dropdown.isPopoverVisible) {
31844
+ Escape(component, evt, ctx) {
31845
+ if (!ctx.isExpanded) {
30736
31846
  return;
30737
31847
  }
30738
31848
 
30739
- // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups.
30740
- // Because stopPropagation prevents the document-level floatingUI keydown handler from
30741
- // seeing this event, we must also close the dropdown explicitly.
31849
+ // Stop propagation so parent containers (auro-dialog, auro-drawer)
31850
+ // don't also react to Escape.
30742
31851
  evt.stopPropagation();
31852
+ evt.preventDefault();
30743
31853
 
30744
- component.dropdown.hide();
31854
+ component.hideBib();
31855
+ },
31856
+
31857
+ Enter(component, evt, ctx) {
31858
+ if (ctx.isExpanded) {
31859
+ return;
31860
+ }
31861
+
31862
+ // Only open from the trigger input, not the clear button or other internal elements.
31863
+ // evt.target is retargeted to the host in shadow DOM, so use composedPath()
31864
+ // to find the real origin. The clear button is rendered with class "clearBtn".
31865
+ const path = evt.composedPath();
31866
+ if (path.some(el => el.classList?.contains('clearBtn'))) {
31867
+ return;
31868
+ }
31869
+
31870
+ evt.preventDefault();
31871
+
31872
+ component.dropdown.show();
31873
+ },
31874
+
31875
+ ' '(component, evt, ctx) {
31876
+ if (ctx.isExpanded) {
31877
+ return;
31878
+ }
31879
+
31880
+ // Only open from the trigger input, not the clear button or other internal elements.
31881
+ // evt.target is retargeted to the host in shadow DOM, so use composedPath()
31882
+ // to find the real origin. The clear button is rendered with class "clearBtn".
31883
+ const path = evt.composedPath();
31884
+ if (path.some(el => el.classList?.contains('clearBtn'))) {
31885
+ return;
31886
+ }
31887
+
31888
+ evt.preventDefault();
31889
+
31890
+ component.dropdown.show();
30745
31891
  },
30746
31892
  };
30747
31893
 
@@ -30815,6 +31961,15 @@ class AuroDatePicker extends AuroElement$6 {
30815
31961
  this.required = false;
30816
31962
  this.onDark = false;
30817
31963
  this.range = false;
31964
+ this.rangeLabelStart = 'range start';
31965
+ this.rangeLabelEnd = 'range end';
31966
+ this.rangeLabelBeforeRange = 'before range';
31967
+ this.rangeLabelInRange = 'in range';
31968
+ this.rangeLabelAfterRange = 'after range';
31969
+ this.blackoutDates = [];
31970
+ this.blackoutLabel = 'unavailable';
31971
+ this.navLabelPrevMonth = 'Previous month';
31972
+ this.navLabelNextMonth = 'Next month';
30818
31973
  this.stacked = false;
30819
31974
  this.noValidate = false;
30820
31975
  this.validity = undefined;
@@ -31193,6 +32348,78 @@ class AuroDatePicker extends AuroElement$6 {
31193
32348
  reflect: true
31194
32349
  },
31195
32350
 
32351
+ /**
32352
+ * Label announced for the range start date cell.
32353
+ */
32354
+ rangeLabelStart: {
32355
+ type: String,
32356
+ reflect: true
32357
+ },
32358
+
32359
+ /**
32360
+ * Label announced for the range end date cell.
32361
+ */
32362
+ rangeLabelEnd: {
32363
+ type: String,
32364
+ reflect: true
32365
+ },
32366
+
32367
+ /**
32368
+ * Label announced for cells before the range start.
32369
+ */
32370
+ rangeLabelBeforeRange: {
32371
+ type: String,
32372
+ reflect: true
32373
+ },
32374
+
32375
+ /**
32376
+ * Label announced for cells within the selected range.
32377
+ */
32378
+ rangeLabelInRange: {
32379
+ type: String,
32380
+ reflect: true
32381
+ },
32382
+
32383
+ /**
32384
+ * Label announced for cells after the range (or after start when no end is selected).
32385
+ */
32386
+ rangeLabelAfterRange: {
32387
+ type: String,
32388
+ reflect: true
32389
+ },
32390
+
32391
+ /**
32392
+ * Array of dates that cannot be selected. Dates should be in ISO format (YYYY-MM-DD).
32393
+ */
32394
+ blackoutDates: {
32395
+ type: Array,
32396
+ reflect: true
32397
+ },
32398
+
32399
+ /**
32400
+ * Label announced for blackout (disabled but in-range) date cells.
32401
+ */
32402
+ blackoutLabel: {
32403
+ type: String,
32404
+ reflect: true
32405
+ },
32406
+
32407
+ /**
32408
+ * Accessible label for the previous month navigation button.
32409
+ */
32410
+ navLabelPrevMonth: {
32411
+ type: String,
32412
+ reflect: true
32413
+ },
32414
+
32415
+ /**
32416
+ * Accessible label for the next month navigation button.
32417
+ */
32418
+ navLabelNextMonth: {
32419
+ type: String,
32420
+ reflect: true
32421
+ },
32422
+
31196
32423
  /**
31197
32424
  * Dates that the user should have for reference as part of their decision making when selecting a date.
31198
32425
  * This should be a JSON string array of dates in the format of `MM/DD/YYYY`.
@@ -31219,6 +32446,7 @@ class AuroDatePicker extends AuroElement$6 {
31219
32446
 
31220
32447
  /**
31221
32448
  * Custom help text message to display when validity = `customError`.
32449
+ * Also used as the validation message when a blackout date is typed into the input.
31222
32450
  */
31223
32451
  setCustomValidityCustomError: {
31224
32452
  type: String
@@ -31540,6 +32768,66 @@ class AuroDatePicker extends AuroElement$6 {
31540
32768
  }));
31541
32769
  }
31542
32770
 
32771
+ /**
32772
+ * Attempts to focus the active calendar cell using a rAF retry loop.
32773
+ * Shared by both fullscreen and desktop open paths.
32774
+ * @private
32775
+ * @returns {void}
32776
+ */
32777
+ focusActiveCellWhenReady() {
32778
+ const MAX_ATTEMPTS = 20;
32779
+ let attempts = 0;
32780
+
32781
+ const tryFocus = () => {
32782
+ attempts += 1;
32783
+ const allCells = this.calendar.getAllFocusableCells();
32784
+
32785
+ if (!allCells.length && attempts < MAX_ATTEMPTS) {
32786
+ requestAnimationFrame(tryFocus);
32787
+ return;
32788
+ }
32789
+
32790
+ // Compute and mark the active cell
32791
+ if (this.calendar.activeCellDate == null) {
32792
+ this.calendar.activeCellDate = this.calendar.computeActiveDate();
32793
+ }
32794
+ if (this.calendar.activeCellDate !== undefined) {
32795
+ this.calendar.setActiveCell(this.calendar.activeCellDate);
32796
+ }
32797
+
32798
+ // If no cell matched (e.g. centralDate month differs from the rendered
32799
+ // range on mobile), fall back to the first rendered enabled cell.
32800
+ let activeCell = allCells.find(cell => cell.active);
32801
+ if (!activeCell && allCells.length) {
32802
+ const fallback = allCells[0];
32803
+ if (fallback.day) {
32804
+ this.calendar.activeCellDate = fallback.day.date;
32805
+ this.calendar.setActiveCell(this.calendar.activeCellDate);
32806
+ activeCell = allCells.find(cell => cell.active);
32807
+ }
32808
+ }
32809
+
32810
+ // Wait for the cell's Lit render to complete so the button's tabindex
32811
+ // reflects the active state before we attempt to focus.
32812
+ if (activeCell) {
32813
+ activeCell.updateComplete.then(() => {
32814
+ activeCell.hovered = true;
32815
+ const btn = activeCell.shadowRoot.querySelector('button:not([aria-hidden])');
32816
+ if (btn) {
32817
+ btn.setAttribute('tabindex', '0');
32818
+ btn.focus({ focusVisible: true });
32819
+ } else if (attempts < MAX_ATTEMPTS) {
32820
+ requestAnimationFrame(tryFocus);
32821
+ }
32822
+ });
32823
+ } else if (attempts < MAX_ATTEMPTS) {
32824
+ requestAnimationFrame(tryFocus);
32825
+ }
32826
+ };
32827
+
32828
+ requestAnimationFrame(tryFocus);
32829
+ }
32830
+
31543
32831
  /**
31544
32832
  * Binds all behavior needed to the dropdown after rendering.
31545
32833
  * @private
@@ -31548,6 +32836,12 @@ class AuroDatePicker extends AuroElement$6 {
31548
32836
  configureDropdown() {
31549
32837
  this.dropdown = this.shadowRoot.querySelector(this.dropdownTag._$litStatic$);
31550
32838
 
32839
+ // The datepicker manages its own open/close lifecycle (Space/Escape/date-select/done).
32840
+ // Prevent the floater's document-level focusin handler from closing the bib
32841
+ // when focus moves from the trigger into the calendar cells (which live inside
32842
+ // a top-layer popover where :focus-within on the dropdown host returns false).
32843
+ this.dropdown.noHideOnThisFocusLoss = true;
32844
+
31551
32845
  // Pass label text to the dropdown bib for accessible dialog naming.
31552
32846
  // Without this, the fullscreen <dialog> has no accessible name and
31553
32847
  // screen readers announce it as just "dialog" with no context.
@@ -31565,6 +32859,23 @@ class AuroDatePicker extends AuroElement$6 {
31565
32859
  this.dropdown.addEventListener('auroDropdown-toggled', () => {
31566
32860
  this.notifyDatepickerToggled();
31567
32861
 
32862
+ if (this.dropdown.isPopoverVisible) {
32863
+ // Reset calendar focus state so it recomputes from the current selection.
32864
+ // Without this, reopening after navigating to a month without a selected
32865
+ // date leaves activeCellDate pointing at a cell in a different month than
32866
+ // what centralDate renders, causing all cells to have tabindex="-1".
32867
+ this.calendar.activeCellDate = null;
32868
+
32869
+ // Show the month containing the selected date (or today) instead of
32870
+ // whichever month the user last navigated to.
32871
+ // Respect consumer-provided centralDate/calendarStartDate if no value is set.
32872
+ if (this.value && this.util.validDateStr(this.value, this.format)) {
32873
+ this.calendarRenderUtil.updateCentralDate(this, this.formattedValue);
32874
+ } else if (!this.centralDate && !this.calendarStartDate && !this.minDate) {
32875
+ this.calendarRenderUtil.updateCentralDate(this, new Date());
32876
+ }
32877
+ }
32878
+
31568
32879
  // This forces the calendar to render when the dropdown is opened.
31569
32880
  // It is not rendered by default
31570
32881
  this.calendar.visible = this.dropdown.isPopoverVisible;
@@ -31597,12 +32908,23 @@ class AuroDatePicker extends AuroElement$6 {
31597
32908
  bibEl.open(true);
31598
32909
 
31599
32910
  doubleRaf$3(() => {
31600
- this.calendar.focusCloseButton();
32911
+ this.focusActiveCellWhenReady();
31601
32912
  });
31602
32913
  }
31603
32914
  });
31604
32915
 
31605
32916
  guardTouchPassthrough$2(this.shadowRoot.querySelector('.calendarWrapper'));
32917
+ } else {
32918
+ // Desktop (non-fullscreen) modal: make the trigger inert so users
32919
+ // cannot interact with the input while the modal bib is open.
32920
+ if (this.dropdown.desktopModal) {
32921
+ this.dropdown.trigger.inert = true;
32922
+ }
32923
+
32924
+ // Desktop (non-fullscreen): focus the active calendar cell.
32925
+ this.dropdown.updateComplete.then(() => {
32926
+ this.focusActiveCellWhenReady();
32927
+ });
31606
32928
  }
31607
32929
  } else {
31608
32930
  // Always clear the inert flag. Only restore focus to the input when the datepicker
@@ -31648,7 +32970,7 @@ class AuroDatePicker extends AuroElement$6 {
31648
32970
  bibEl.close();
31649
32971
  bibEl.open(true);
31650
32972
  doubleRaf$3(() => {
31651
- this.calendar.focusCloseButton();
32973
+ this.focusActiveCellWhenReady();
31652
32974
  });
31653
32975
  }
31654
32976
  });
@@ -31843,14 +33165,8 @@ class AuroDatePicker extends AuroElement$6 {
31843
33165
 
31844
33166
  if (onEndValue) {
31845
33167
  this.valueEnd = newDate;
31846
- if (this.dropdown.isPopoverVisible && !this.dropdown.isBibFullscreen) {
31847
- this.focus('startDate');
31848
- }
31849
33168
  } else {
31850
33169
  this.value = newDate;
31851
- if (this.dropdown.isPopoverVisible && !this.dropdown.isBibFullscreen) {
31852
- this.focus('endDate');
31853
- }
31854
33170
  }
31855
33171
  }
31856
33172
  }
@@ -31890,6 +33206,27 @@ class AuroDatePicker extends AuroElement$6 {
31890
33206
  this.resetInputs();
31891
33207
  }
31892
33208
 
33209
+ /**
33210
+ * Checks whether a formatted date string matches a blackout date.
33211
+ * @private
33212
+ * @param {string} dateStr - A date string in the component's configured format.
33213
+ * @returns {boolean} True if the date is in the blackoutDates list.
33214
+ */
33215
+ isBlackoutDate(dateStr) {
33216
+ if (!Array.isArray(this.blackoutDates) || this.blackoutDates.length === 0 || !dateStr) {
33217
+ return false;
33218
+ }
33219
+
33220
+ const formatted = this.util.toNorthAmericanFormat(dateStr, this.format);
33221
+ if (!this.util.validDateStr(dateStr, this.format)) return false;
33222
+
33223
+ const d = new Date(formatted);
33224
+ const yyyy = d.getFullYear();
33225
+ const mm = String(d.getMonth() + 1).padStart(2, '0');
33226
+ const dd = String(d.getDate()).padStart(2, '0');
33227
+ return this.blackoutDates.includes(`${yyyy}-${mm}-${dd}`);
33228
+ }
33229
+
31893
33230
  /**
31894
33231
  * Validates value.
31895
33232
  * @param {boolean} [force=false] - Whether to force validation.
@@ -31901,6 +33238,24 @@ class AuroDatePicker extends AuroElement$6 {
31901
33238
  }
31902
33239
 
31903
33240
  this.validation.validate(this, force);
33241
+
33242
+ // After standard validation, check blackout dates for typed input
33243
+ if (this.validity !== 'customError') {
33244
+ if (this.isBlackoutDate(this.value) || (this.range && this.isBlackoutDate(this.valueEnd))) {
33245
+ const msg = this.setCustomValidityCustomError || 'Selected date is unavailable';
33246
+ this.validity = 'customError';
33247
+ this.errorMessage = msg;
33248
+
33249
+ this.dispatchEvent(new CustomEvent('auroFormElement-validated', {
33250
+ bubbles: true,
33251
+ composed: true,
33252
+ detail: {
33253
+ validity: this.validity,
33254
+ message: this.errorMessage
33255
+ }
33256
+ }));
33257
+ }
33258
+ }
31904
33259
  }
31905
33260
 
31906
33261
  /**
@@ -31981,6 +33336,9 @@ class AuroDatePicker extends AuroElement$6 {
31981
33336
 
31982
33337
  if (this.cellClickActive) {
31983
33338
  this.cellClickActive = false;
33339
+ this.wasCellClick = true;
33340
+ } else {
33341
+ this.wasCellClick = false;
31984
33342
  }
31985
33343
 
31986
33344
  if (this.value && this.util.validDateStr(this.value, this.format)) {
@@ -32011,16 +33369,44 @@ class AuroDatePicker extends AuroElement$6 {
32011
33369
  }
32012
33370
 
32013
33371
  if (this.value && this.value.length === this.inputList[0].lengthForType) {
32014
- this.calendarRenderUtil.updateCentralDate(this, this.formattedValue);
33372
+ // Skip centralDate update when user clicked a cell in range mode
33373
+ // to prevent the displayed months from shifting
33374
+ if (!(this.wasCellClick && this.range)) {
33375
+ this.calendarRenderUtil.updateCentralDate(this, this.formattedValue);
33376
+ }
32015
33377
  }
32016
33378
 
32017
33379
  this.setHasValue();
32018
33380
  }
32019
33381
 
33382
+ if (changedProperties.has('blackoutDates')) {
33383
+ // Force calendar cells to re-render with updated blackout state.
33384
+ // requestUpdate on the calendar alone is insufficient because cells
33385
+ // don't receive blackoutDates as a bound property. Dispatching the
33386
+ // slot content event triggers handleSlotContent → requestUpdate on each cell.
33387
+ if (this.calendar) {
33388
+ this.calendar.requestUpdate();
33389
+ this.dispatchEvent(new CustomEvent('auroDatePicker-newSlotContent'));
33390
+ }
33391
+
33392
+ // Re-run validation so that a previously valid value that now falls on
33393
+ // a blackout date is flagged, and vice versa.
33394
+ if (this.value || this.valueEnd) {
33395
+ this.validate();
33396
+ }
33397
+ }
33398
+
32020
33399
  if (changedProperties.has('valueEnd') && this.inputList[1]) {
32021
33400
 
32022
33401
  this.formattedValueEnd = this.util.toNorthAmericanFormat(this.valueEnd, this.format);
32023
33402
 
33403
+ if (this.cellClickActive) {
33404
+ this.cellClickActive = false;
33405
+ this.wasCellClick = true;
33406
+ } else {
33407
+ this.wasCellClick = false;
33408
+ }
33409
+
32024
33410
  // update the calendar
32025
33411
  if (this.valueEnd && this.util.validDateStr(this.valueEnd, this.format)) {
32026
33412
  this.calendar.dateTo = this.convertToWcValidTime(this.formattedValueEnd);
@@ -32048,7 +33434,11 @@ class AuroDatePicker extends AuroElement$6 {
32048
33434
  }
32049
33435
 
32050
33436
  if (this.valueEnd && this.valueEnd.length === this.inputList[1].lengthForType) {
32051
- this.calendarRenderUtil.updateCentralDate(this, this.formattedValueEnd);
33437
+ // Skip centralDate update when user clicked a cell in range mode
33438
+ // to prevent the displayed months from shifting
33439
+ if (!this.wasCellClick) {
33440
+ this.calendarRenderUtil.updateCentralDate(this, this.formattedValueEnd);
33441
+ }
32052
33442
  }
32053
33443
 
32054
33444
  this.validate();
@@ -32205,6 +33595,7 @@ class AuroDatePicker extends AuroElement$6 {
32205
33595
  }
32206
33596
 
32207
33597
  firstUpdated() {
33598
+
32208
33599
  // Add the tag name as an attribute if it is different than the component name
32209
33600
  this.runtimeUtils.handleComponentTagRename(this, 'auro-datepicker');
32210
33601
 
@@ -32634,7 +34025,7 @@ class AuroDatePicker extends AuroElement$6 {
32634
34025
  // Base HTML render() handles dropdown and calendar bib
32635
34026
  return u$c`
32636
34027
  <!-- Hidden slot for clear button aria-label -->
32637
- <slot name="ariaLabel.input.clear" hidden @slotchange=${this.requestUpdate}></slot>
34028
+ <slot name="ariaLabel.input.clear" hidden @slotchange=${() => this.requestUpdate()}></slot>
32638
34029
 
32639
34030
  <${this.dropdownTag}
32640
34031
  appearance="${this.onDark ? 'inverse' : this.appearance}"
@@ -32651,6 +34042,7 @@ class AuroDatePicker extends AuroElement$6 {
32651
34042
  .shape="${this.shape}"
32652
34043
  .size="${this.size}"
32653
34044
  class="${e$3(dropdownElementClassMap)}"
34045
+ desktopModal
32654
34046
  disableEventShow
32655
34047
  for="dropdownMenu"
32656
34048
  part="dropdown"
@@ -35907,7 +37299,7 @@ function applyKeyboardStrategy$4(component, strategy, options = {}) {
35907
37299
  });
35908
37300
  }
35909
37301
 
35910
- var styleCss$2$6 = i$7`: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}`;
37302
+ var styleCss$2$6 = i$7`: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}`;
35911
37303
 
35912
37304
  var colorCss$2$6 = i$7`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
35913
37305
 
@@ -36538,7 +37930,7 @@ let AuroHelpText$7 = class AuroHelpText extends i$4 {
36538
37930
  }
36539
37931
  };
36540
37932
 
36541
- var formkitVersion$7 = '202606011708';
37933
+ var formkitVersion$7 = '202606011856';
36542
37934
 
36543
37935
  let AuroElement$5 = class AuroElement extends i$4 {
36544
37936
  static get properties() {
@@ -36718,6 +38110,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
36718
38110
  _intializeDefaults() {
36719
38111
  this.appearance = 'default';
36720
38112
  this.chevron = false;
38113
+ this.desktopModal = false;
36721
38114
  this.disabled = false;
36722
38115
  this.disableKeyboardHandling = false;
36723
38116
  this.error = false;
@@ -36898,6 +38291,14 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
36898
38291
  reflect: true
36899
38292
  },
36900
38293
 
38294
+ /**
38295
+ * If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
38296
+ */
38297
+ desktopModal: {
38298
+ type: Boolean,
38299
+ reflect: true
38300
+ },
38301
+
36901
38302
  /**
36902
38303
  * If declared, the dropdown will only show by calling the API .show() public method.
36903
38304
  */
@@ -37185,6 +38586,15 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
37185
38586
 
37186
38587
  disconnectedCallback() {
37187
38588
  super.disconnectedCallback();
38589
+ this._clearPageInert();
38590
+ if (this._bibTabHandler) {
38591
+ this.removeEventListener('keydown', this._bibTabHandler);
38592
+ this._bibTabHandler = undefined;
38593
+ }
38594
+ if (this.focusTrap) {
38595
+ this.focusTrap.disconnect();
38596
+ this.focusTrap = undefined;
38597
+ }
37188
38598
  if (this.floater) {
37189
38599
  this.floater.hideBib('disconnect');
37190
38600
  this.floater.disconnect();
@@ -37212,19 +38622,45 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
37212
38622
  if (this.isPopoverVisible) {
37213
38623
  // Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
37214
38624
  // Desktop: use show() for Floating UI positioning + FocusTrap for focus management
37215
- const useModal = this.isBibFullscreen;
37216
- this.bibElement.value.open(useModal);
38625
+ this.bibElement.value.open(this.isBibFullscreen);
38626
+ this.updateFocusTrap();
38627
+
38628
+ // Desktop modal: make siblings inert so content outside is not interactive
38629
+ if (this.desktopModal && !this.isBibFullscreen) {
38630
+ this._setPageInert();
38631
+ }
37217
38632
  } else {
37218
38633
  this.bibElement.value.close();
38634
+ this._clearPageInert();
37219
38635
  }
37220
38636
  }
37221
38637
 
37222
38638
  // When fullscreen strategy changes while open, re-open dialog with correct mode
37223
38639
  // (e.g. resizing from desktop → mobile while dropdown is open)
37224
38640
  if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
37225
- const useModal = this.isBibFullscreen;
37226
38641
  this.bibElement.value.close();
37227
- this.bibElement.value.open(useModal);
38642
+ this.bibElement.value.open(this.isBibFullscreen);
38643
+
38644
+ // Re-initialize focus management for the new strategy
38645
+ this.updateFocusTrap();
38646
+
38647
+ // Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
38648
+ if (this.desktopModal && !this.isBibFullscreen) {
38649
+ this._setPageInert();
38650
+ } else {
38651
+ this._clearPageInert();
38652
+ }
38653
+ }
38654
+
38655
+ // Handle desktopModal toggled while the dropdown is already open.
38656
+ // Re-initialize focus trapping and page inert state to match the new mode.
38657
+ if (changedProperties.has('desktopModal') && this.isPopoverVisible && !this.isBibFullscreen) {
38658
+ this.updateFocusTrap();
38659
+ if (this.desktopModal) {
38660
+ this._setPageInert();
38661
+ } else {
38662
+ this._clearPageInert();
38663
+ }
37228
38664
  }
37229
38665
  }
37230
38666
 
@@ -37234,8 +38670,14 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
37234
38670
  * @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
37235
38671
  */
37236
38672
  handleDropdownToggle(event) {
37237
- this.updateFocusTrap();
37238
38673
  this.isPopoverVisible = event.detail.expanded;
38674
+
38675
+ // Tear down FocusTrap when closing. Creation happens in updated()
38676
+ // after the dialog is open so getFocusableElements can find content.
38677
+ if (!this.isPopoverVisible) {
38678
+ this.updateFocusTrap();
38679
+ }
38680
+
37239
38681
  const eventType = event.detail.eventType || "unknown";
37240
38682
  if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
37241
38683
  this.trigger.focus();
@@ -37334,19 +38776,178 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
37334
38776
  * @private
37335
38777
  */
37336
38778
  updateFocusTrap() {
38779
+ // Always clean up existing handlers/traps before setting up new ones
38780
+ // to prevent duplicate listeners on repeated calls.
38781
+ if (this._bibTabHandler) {
38782
+ this.removeEventListener('keydown', this._bibTabHandler);
38783
+ this._bibTabHandler = undefined;
38784
+ }
38785
+
38786
+ if (this.focusTrap) {
38787
+ this.focusTrap.disconnect();
38788
+ this.focusTrap = undefined;
38789
+ }
38790
+
37337
38791
  if (this.isPopoverVisible) {
37338
38792
  if (!this.isBibFullscreen) {
37339
- // Desktop: show() doesn't trap focus, so use FocusTrap
37340
- this.focusTrap = new FocusTrap$2(this.bibContent);
37341
- this.focusTrap.focusFirstElement();
38793
+ if (this.desktopModal) {
38794
+ // Desktop modal: trap focus only within the bib content.
38795
+ // Can't use FocusTrap on the bib element because keydown events
38796
+ // from slotted content bubble through the dropdown host (light DOM),
38797
+ // not through the bib (shadow projection target). Using FocusTrap
38798
+ // on the dropdown would include the trigger in the tab cycle.
38799
+ // Instead, listen for Tab on the dropdown and manually wrap focus
38800
+ // within the bib's focusable elements.
38801
+ this._bibTabHandler = (event) => {
38802
+ if (event.key !== 'Tab') {
38803
+ return;
38804
+ }
38805
+
38806
+ // Collect focusable elements from the bib content.
38807
+ const focusables = getFocusableElements$2(this.bibContent);
38808
+
38809
+ // Fallback: try from slotted content directly
38810
+ if (!focusables.length) {
38811
+ const slot = this.shadowRoot.querySelector('.slotContent slot');
38812
+ const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
38813
+
38814
+ for (const node of assignedNodes) {
38815
+ if (node.nodeType === Node.ELEMENT_NODE) {
38816
+ focusables.push(...getFocusableElements$2(node));
38817
+ }
38818
+ }
38819
+ }
38820
+
38821
+ if (!focusables.length) {
38822
+ return;
38823
+ }
38824
+
38825
+ event.preventDefault();
38826
+
38827
+ const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
38828
+
38829
+ // Walk the active element chain through shadow roots
38830
+ const actives = this._getActiveElements();
38831
+
38832
+ let idx = focusables.findIndex((el) => actives.includes(el));
38833
+
38834
+ if (idx === -1) { // eslint-disable-line no-magic-numbers
38835
+ // Focus is not on a known element — move to first/last
38836
+ idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
38837
+ }
38838
+
38839
+ // Try each element in order, skipping any that can't receive focus
38840
+ // (e.g. hidden elements, elements in collapsed sections)
38841
+ for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
38842
+ let nextIdx = idx + direction;
38843
+
38844
+ // Wrap around
38845
+ if (nextIdx < 0) {
38846
+ nextIdx = focusables.length - 1;
38847
+ } else if (nextIdx >= focusables.length) {
38848
+ nextIdx = 0;
38849
+ }
38850
+
38851
+ focusables[nextIdx].focus();
38852
+
38853
+ // Verify focus actually moved to the target
38854
+ const newActives = this._getActiveElements();
38855
+
38856
+ if (newActives.includes(focusables[nextIdx])) {
38857
+ return;
38858
+ }
38859
+
38860
+ // Focus didn't stick — skip this element and try the next
38861
+ idx = nextIdx;
38862
+ }
38863
+ };
38864
+ this.addEventListener('keydown', this._bibTabHandler);
38865
+
38866
+ // Move initial focus into the bib content, matching FocusTrap behavior
38867
+ requestAnimationFrame(() => {
38868
+ const focusables = getFocusableElements$2(this.bibContent);
38869
+ if (focusables.length) {
38870
+ focusables[0].focus();
38871
+ }
38872
+ });
38873
+ } else {
38874
+ // Normal desktop: use FocusTrap on the bib element
38875
+ this.focusTrap = new FocusTrap$2(this.bibContent);
38876
+ this.focusTrap.focusFirstElement();
38877
+ }
37342
38878
  }
37343
38879
  // Fullscreen: showModal() provides native focus trapping
38880
+ }
38881
+ }
38882
+
38883
+ /**
38884
+ * Returns the chain of active (focused) elements through shadow roots.
38885
+ * @private
38886
+ * @returns {Array<HTMLElement>}
38887
+ */
38888
+ _getActiveElements() {
38889
+ let { activeElement } = document;
38890
+ const actives = [activeElement];
38891
+
38892
+ while (activeElement?.shadowRoot?.activeElement) {
38893
+ activeElement = activeElement.shadowRoot.activeElement;
38894
+ actives.push(activeElement);
38895
+ }
38896
+
38897
+ return actives;
38898
+ }
38899
+
38900
+ /**
38901
+ * Sets `inert` on sibling elements of the dropdown's top-level host
38902
+ * so that content outside the dropdown is not interactive while the modal is open.
38903
+ * Walks up through shadow DOM boundaries to find the outermost host element
38904
+ * in the light DOM, then sets `inert` on siblings at each ancestor level
38905
+ * to ensure all page content outside the host subtree is inert.
38906
+ * @private
38907
+ */
38908
+ _setPageInert() {
38909
+ if (this._inertSiblings) {
37344
38910
  return;
37345
38911
  }
37346
38912
 
37347
- if (this.focusTrap) {
37348
- this.focusTrap.disconnect();
37349
- this.focusTrap = undefined;
38913
+ this._inertSiblings = [];
38914
+
38915
+ // Walk up through shadow DOM boundaries to find the topmost host
38916
+ // element in the light DOM. For example, if this dropdown is inside
38917
+ // auro-datepicker's shadow DOM, we walk up to the datepicker element
38918
+ // so we set inert on its siblings — not on the datepicker itself.
38919
+ let host = this;
38920
+ while (host.getRootNode() instanceof ShadowRoot) {
38921
+ host = host.getRootNode().host;
38922
+ }
38923
+
38924
+ // Walk up the ancestor chain, inerting siblings at each level
38925
+ // to ensure the entire page outside the host subtree is inert.
38926
+ let current = host;
38927
+ while (current.parentElement) {
38928
+ const parent = current.parentElement;
38929
+ for (const sibling of parent.children) {
38930
+ if (sibling !== current) {
38931
+ this._inertSiblings.push({ element: sibling, wasInert: sibling.inert });
38932
+ sibling.inert = true;
38933
+ }
38934
+ }
38935
+ current = parent;
38936
+ }
38937
+ }
38938
+
38939
+ /**
38940
+ * Restores `inert` state on siblings that were tracked by `_setPageInert`.
38941
+ * Preserves the previous inert state so externally-inerted elements are
38942
+ * not inadvertently re-enabled.
38943
+ * @private
38944
+ */
38945
+ _clearPageInert() {
38946
+ if (this._inertSiblings) {
38947
+ for (const entry of this._inertSiblings) {
38948
+ entry.element.inert = entry.wasInert;
38949
+ }
38950
+ this._inertSiblings = undefined;
37350
38951
  }
37351
38952
  }
37352
38953
 
@@ -37585,6 +39186,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$5 {
37585
39186
  shape="${this.shape}"
37586
39187
  ?data-show="${this.isPopoverVisible}"
37587
39188
  ?isfullscreen="${this.isBibFullscreen}"
39189
+ ?desktopmodal="${this.desktopModal}"
37588
39190
  .dialogLabel="${this.bibDialogLabel}"
37589
39191
  ${n$6(this.bibElement)}
37590
39192
  >
@@ -39139,7 +40741,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$4 {
39139
40741
  }
39140
40742
  };
39141
40743
 
39142
- var formkitVersion$6 = '202606011708';
40744
+ var formkitVersion$6 = '202606011856';
39143
40745
 
39144
40746
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
39145
40747
  // See LICENSE in the project root for license information.
@@ -39877,6 +41479,14 @@ let AuroBibtemplate$2 = class AuroBibtemplate extends i$4 {
39877
41479
  large: {
39878
41480
  type: Boolean,
39879
41481
  reflect: true
41482
+ },
41483
+
41484
+ /**
41485
+ * If declared, the footer slot will be rendered even when not in fullscreen mode.
41486
+ */
41487
+ showFooter: {
41488
+ type: Boolean,
41489
+ reflect: true
39880
41490
  }
39881
41491
  };
39882
41492
  }
@@ -39979,7 +41589,7 @@ let AuroBibtemplate$2 = class AuroBibtemplate extends i$4 {
39979
41589
  <slot></slot>
39980
41590
  </div>
39981
41591
 
39982
- ${this.isFullscreen ? u$c`
41592
+ ${this.isFullscreen || this.showFooter ? u$c`
39983
41593
  <div id="footerContainer">
39984
41594
  <slot name="footer"></slot>
39985
41595
  </div>` : null}
@@ -42557,7 +44167,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$4 {
42557
44167
  }
42558
44168
  };
42559
44169
 
42560
- var formkitVersion$5 = '202606011708';
44170
+ var formkitVersion$5 = '202606011856';
42561
44171
 
42562
44172
  // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
42563
44173
  // See LICENSE in the project root for license information.
@@ -44729,7 +46339,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$4 {
44729
46339
  }
44730
46340
  };
44731
46341
 
44732
- var formkitVersion$4 = '202606011708';
46342
+ var formkitVersion$4 = '202606011856';
44733
46343
 
44734
46344
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
44735
46345
  // See LICENSE in the project root for license information.
@@ -49718,7 +51328,7 @@ function applyKeyboardStrategy$2(component, strategy, options = {}) {
49718
51328
  });
49719
51329
  }
49720
51330
 
49721
- var styleCss$2$1$1 = i$7`: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}`;
51331
+ var styleCss$2$1$1 = i$7`: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}`;
49722
51332
 
49723
51333
  var colorCss$2$1 = i$7`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
49724
51334
 
@@ -50349,7 +51959,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
50349
51959
  }
50350
51960
  };
50351
51961
 
50352
- var formkitVersion$2 = '202606011708';
51962
+ var formkitVersion$2 = '202606011856';
50353
51963
 
50354
51964
  let AuroElement$2$1 = class AuroElement extends i$4 {
50355
51965
  static get properties() {
@@ -50529,6 +52139,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
50529
52139
  _intializeDefaults() {
50530
52140
  this.appearance = 'default';
50531
52141
  this.chevron = false;
52142
+ this.desktopModal = false;
50532
52143
  this.disabled = false;
50533
52144
  this.disableKeyboardHandling = false;
50534
52145
  this.error = false;
@@ -50709,6 +52320,14 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
50709
52320
  reflect: true
50710
52321
  },
50711
52322
 
52323
+ /**
52324
+ * If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
52325
+ */
52326
+ desktopModal: {
52327
+ type: Boolean,
52328
+ reflect: true
52329
+ },
52330
+
50712
52331
  /**
50713
52332
  * If declared, the dropdown will only show by calling the API .show() public method.
50714
52333
  */
@@ -50996,6 +52615,15 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
50996
52615
 
50997
52616
  disconnectedCallback() {
50998
52617
  super.disconnectedCallback();
52618
+ this._clearPageInert();
52619
+ if (this._bibTabHandler) {
52620
+ this.removeEventListener('keydown', this._bibTabHandler);
52621
+ this._bibTabHandler = undefined;
52622
+ }
52623
+ if (this.focusTrap) {
52624
+ this.focusTrap.disconnect();
52625
+ this.focusTrap = undefined;
52626
+ }
50999
52627
  if (this.floater) {
51000
52628
  this.floater.hideBib('disconnect');
51001
52629
  this.floater.disconnect();
@@ -51023,19 +52651,45 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
51023
52651
  if (this.isPopoverVisible) {
51024
52652
  // Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
51025
52653
  // Desktop: use show() for Floating UI positioning + FocusTrap for focus management
51026
- const useModal = this.isBibFullscreen;
51027
- this.bibElement.value.open(useModal);
52654
+ this.bibElement.value.open(this.isBibFullscreen);
52655
+ this.updateFocusTrap();
52656
+
52657
+ // Desktop modal: make siblings inert so content outside is not interactive
52658
+ if (this.desktopModal && !this.isBibFullscreen) {
52659
+ this._setPageInert();
52660
+ }
51028
52661
  } else {
51029
52662
  this.bibElement.value.close();
52663
+ this._clearPageInert();
51030
52664
  }
51031
52665
  }
51032
52666
 
51033
52667
  // When fullscreen strategy changes while open, re-open dialog with correct mode
51034
52668
  // (e.g. resizing from desktop → mobile while dropdown is open)
51035
52669
  if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
51036
- const useModal = this.isBibFullscreen;
51037
52670
  this.bibElement.value.close();
51038
- this.bibElement.value.open(useModal);
52671
+ this.bibElement.value.open(this.isBibFullscreen);
52672
+
52673
+ // Re-initialize focus management for the new strategy
52674
+ this.updateFocusTrap();
52675
+
52676
+ // Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
52677
+ if (this.desktopModal && !this.isBibFullscreen) {
52678
+ this._setPageInert();
52679
+ } else {
52680
+ this._clearPageInert();
52681
+ }
52682
+ }
52683
+
52684
+ // Handle desktopModal toggled while the dropdown is already open.
52685
+ // Re-initialize focus trapping and page inert state to match the new mode.
52686
+ if (changedProperties.has('desktopModal') && this.isPopoverVisible && !this.isBibFullscreen) {
52687
+ this.updateFocusTrap();
52688
+ if (this.desktopModal) {
52689
+ this._setPageInert();
52690
+ } else {
52691
+ this._clearPageInert();
52692
+ }
51039
52693
  }
51040
52694
  }
51041
52695
 
@@ -51045,8 +52699,14 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
51045
52699
  * @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
51046
52700
  */
51047
52701
  handleDropdownToggle(event) {
51048
- this.updateFocusTrap();
51049
52702
  this.isPopoverVisible = event.detail.expanded;
52703
+
52704
+ // Tear down FocusTrap when closing. Creation happens in updated()
52705
+ // after the dialog is open so getFocusableElements can find content.
52706
+ if (!this.isPopoverVisible) {
52707
+ this.updateFocusTrap();
52708
+ }
52709
+
51050
52710
  const eventType = event.detail.eventType || "unknown";
51051
52711
  if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
51052
52712
  this.trigger.focus();
@@ -51145,19 +52805,178 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
51145
52805
  * @private
51146
52806
  */
51147
52807
  updateFocusTrap() {
52808
+ // Always clean up existing handlers/traps before setting up new ones
52809
+ // to prevent duplicate listeners on repeated calls.
52810
+ if (this._bibTabHandler) {
52811
+ this.removeEventListener('keydown', this._bibTabHandler);
52812
+ this._bibTabHandler = undefined;
52813
+ }
52814
+
52815
+ if (this.focusTrap) {
52816
+ this.focusTrap.disconnect();
52817
+ this.focusTrap = undefined;
52818
+ }
52819
+
51148
52820
  if (this.isPopoverVisible) {
51149
52821
  if (!this.isBibFullscreen) {
51150
- // Desktop: show() doesn't trap focus, so use FocusTrap
51151
- this.focusTrap = new FocusTrap$1(this.bibContent);
51152
- this.focusTrap.focusFirstElement();
52822
+ if (this.desktopModal) {
52823
+ // Desktop modal: trap focus only within the bib content.
52824
+ // Can't use FocusTrap on the bib element because keydown events
52825
+ // from slotted content bubble through the dropdown host (light DOM),
52826
+ // not through the bib (shadow projection target). Using FocusTrap
52827
+ // on the dropdown would include the trigger in the tab cycle.
52828
+ // Instead, listen for Tab on the dropdown and manually wrap focus
52829
+ // within the bib's focusable elements.
52830
+ this._bibTabHandler = (event) => {
52831
+ if (event.key !== 'Tab') {
52832
+ return;
52833
+ }
52834
+
52835
+ // Collect focusable elements from the bib content.
52836
+ const focusables = getFocusableElements$1(this.bibContent);
52837
+
52838
+ // Fallback: try from slotted content directly
52839
+ if (!focusables.length) {
52840
+ const slot = this.shadowRoot.querySelector('.slotContent slot');
52841
+ const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
52842
+
52843
+ for (const node of assignedNodes) {
52844
+ if (node.nodeType === Node.ELEMENT_NODE) {
52845
+ focusables.push(...getFocusableElements$1(node));
52846
+ }
52847
+ }
52848
+ }
52849
+
52850
+ if (!focusables.length) {
52851
+ return;
52852
+ }
52853
+
52854
+ event.preventDefault();
52855
+
52856
+ const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
52857
+
52858
+ // Walk the active element chain through shadow roots
52859
+ const actives = this._getActiveElements();
52860
+
52861
+ let idx = focusables.findIndex((el) => actives.includes(el));
52862
+
52863
+ if (idx === -1) { // eslint-disable-line no-magic-numbers
52864
+ // Focus is not on a known element — move to first/last
52865
+ idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
52866
+ }
52867
+
52868
+ // Try each element in order, skipping any that can't receive focus
52869
+ // (e.g. hidden elements, elements in collapsed sections)
52870
+ for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
52871
+ let nextIdx = idx + direction;
52872
+
52873
+ // Wrap around
52874
+ if (nextIdx < 0) {
52875
+ nextIdx = focusables.length - 1;
52876
+ } else if (nextIdx >= focusables.length) {
52877
+ nextIdx = 0;
52878
+ }
52879
+
52880
+ focusables[nextIdx].focus();
52881
+
52882
+ // Verify focus actually moved to the target
52883
+ const newActives = this._getActiveElements();
52884
+
52885
+ if (newActives.includes(focusables[nextIdx])) {
52886
+ return;
52887
+ }
52888
+
52889
+ // Focus didn't stick — skip this element and try the next
52890
+ idx = nextIdx;
52891
+ }
52892
+ };
52893
+ this.addEventListener('keydown', this._bibTabHandler);
52894
+
52895
+ // Move initial focus into the bib content, matching FocusTrap behavior
52896
+ requestAnimationFrame(() => {
52897
+ const focusables = getFocusableElements$1(this.bibContent);
52898
+ if (focusables.length) {
52899
+ focusables[0].focus();
52900
+ }
52901
+ });
52902
+ } else {
52903
+ // Normal desktop: use FocusTrap on the bib element
52904
+ this.focusTrap = new FocusTrap$1(this.bibContent);
52905
+ this.focusTrap.focusFirstElement();
52906
+ }
51153
52907
  }
51154
52908
  // Fullscreen: showModal() provides native focus trapping
52909
+ }
52910
+ }
52911
+
52912
+ /**
52913
+ * Returns the chain of active (focused) elements through shadow roots.
52914
+ * @private
52915
+ * @returns {Array<HTMLElement>}
52916
+ */
52917
+ _getActiveElements() {
52918
+ let { activeElement } = document;
52919
+ const actives = [activeElement];
52920
+
52921
+ while (activeElement?.shadowRoot?.activeElement) {
52922
+ activeElement = activeElement.shadowRoot.activeElement;
52923
+ actives.push(activeElement);
52924
+ }
52925
+
52926
+ return actives;
52927
+ }
52928
+
52929
+ /**
52930
+ * Sets `inert` on sibling elements of the dropdown's top-level host
52931
+ * so that content outside the dropdown is not interactive while the modal is open.
52932
+ * Walks up through shadow DOM boundaries to find the outermost host element
52933
+ * in the light DOM, then sets `inert` on siblings at each ancestor level
52934
+ * to ensure all page content outside the host subtree is inert.
52935
+ * @private
52936
+ */
52937
+ _setPageInert() {
52938
+ if (this._inertSiblings) {
51155
52939
  return;
51156
52940
  }
51157
52941
 
51158
- if (this.focusTrap) {
51159
- this.focusTrap.disconnect();
51160
- this.focusTrap = undefined;
52942
+ this._inertSiblings = [];
52943
+
52944
+ // Walk up through shadow DOM boundaries to find the topmost host
52945
+ // element in the light DOM. For example, if this dropdown is inside
52946
+ // auro-datepicker's shadow DOM, we walk up to the datepicker element
52947
+ // so we set inert on its siblings — not on the datepicker itself.
52948
+ let host = this;
52949
+ while (host.getRootNode() instanceof ShadowRoot) {
52950
+ host = host.getRootNode().host;
52951
+ }
52952
+
52953
+ // Walk up the ancestor chain, inerting siblings at each level
52954
+ // to ensure the entire page outside the host subtree is inert.
52955
+ let current = host;
52956
+ while (current.parentElement) {
52957
+ const parent = current.parentElement;
52958
+ for (const sibling of parent.children) {
52959
+ if (sibling !== current) {
52960
+ this._inertSiblings.push({ element: sibling, wasInert: sibling.inert });
52961
+ sibling.inert = true;
52962
+ }
52963
+ }
52964
+ current = parent;
52965
+ }
52966
+ }
52967
+
52968
+ /**
52969
+ * Restores `inert` state on siblings that were tracked by `_setPageInert`.
52970
+ * Preserves the previous inert state so externally-inerted elements are
52971
+ * not inadvertently re-enabled.
52972
+ * @private
52973
+ */
52974
+ _clearPageInert() {
52975
+ if (this._inertSiblings) {
52976
+ for (const entry of this._inertSiblings) {
52977
+ entry.element.inert = entry.wasInert;
52978
+ }
52979
+ this._inertSiblings = undefined;
51161
52980
  }
51162
52981
  }
51163
52982
 
@@ -51396,6 +53215,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
51396
53215
  shape="${this.shape}"
51397
53216
  ?data-show="${this.isPopoverVisible}"
51398
53217
  ?isfullscreen="${this.isBibFullscreen}"
53218
+ ?desktopmodal="${this.desktopModal}"
51399
53219
  .dialogLabel="${this.bibDialogLabel}"
51400
53220
  ${n$6(this.bibElement)}
51401
53221
  >
@@ -58094,7 +59914,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$4 {
58094
59914
  }
58095
59915
  };
58096
59916
 
58097
- var formkitVersion$1$1 = '202606011708';
59917
+ var formkitVersion$1$1 = '202606011856';
58098
59918
 
58099
59919
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
58100
59920
  // See LICENSE in the project root for license information.
@@ -59048,6 +60868,14 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$4 {
59048
60868
  large: {
59049
60869
  type: Boolean,
59050
60870
  reflect: true
60871
+ },
60872
+
60873
+ /**
60874
+ * If declared, the footer slot will be rendered even when not in fullscreen mode.
60875
+ */
60876
+ showFooter: {
60877
+ type: Boolean,
60878
+ reflect: true
59051
60879
  }
59052
60880
  };
59053
60881
  }
@@ -59150,7 +60978,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$4 {
59150
60978
  <slot></slot>
59151
60979
  </div>
59152
60980
 
59153
- ${this.isFullscreen ? u$c`
60981
+ ${this.isFullscreen || this.showFooter ? u$c`
59154
60982
  <div id="footerContainer">
59155
60983
  <slot name="footer"></slot>
59156
60984
  </div>` : null}
@@ -59159,7 +60987,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$4 {
59159
60987
  }
59160
60988
  };
59161
60989
 
59162
- var formkitVersion$3 = '202606011708';
60990
+ var formkitVersion$3 = '202606011856';
59163
60991
 
59164
60992
  var styleCss$1$3 = i$7`.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}`;
59165
60993
 
@@ -68020,7 +69848,7 @@ function applyKeyboardStrategy(component, strategy, options = {}) {
68020
69848
  });
68021
69849
  }
68022
69850
 
68023
- var styleCss$2$1 = i$7`: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}`;
69851
+ var styleCss$2$1 = i$7`: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}`;
68024
69852
 
68025
69853
  var colorCss$2 = i$7`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
68026
69854
 
@@ -68651,7 +70479,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
68651
70479
  }
68652
70480
  };
68653
70481
 
68654
- var formkitVersion$1 = '202606011708';
70482
+ var formkitVersion$1 = '202606011856';
68655
70483
 
68656
70484
  class AuroElement extends i$4 {
68657
70485
  static get properties() {
@@ -68831,6 +70659,7 @@ class AuroDropdown extends AuroElement {
68831
70659
  _intializeDefaults() {
68832
70660
  this.appearance = 'default';
68833
70661
  this.chevron = false;
70662
+ this.desktopModal = false;
68834
70663
  this.disabled = false;
68835
70664
  this.disableKeyboardHandling = false;
68836
70665
  this.error = false;
@@ -69011,6 +70840,14 @@ class AuroDropdown extends AuroElement {
69011
70840
  reflect: true
69012
70841
  },
69013
70842
 
70843
+ /**
70844
+ * If declared, the dropdown will behave as a modal dialog when in a desktop viewport size.
70845
+ */
70846
+ desktopModal: {
70847
+ type: Boolean,
70848
+ reflect: true
70849
+ },
70850
+
69014
70851
  /**
69015
70852
  * If declared, the dropdown will only show by calling the API .show() public method.
69016
70853
  */
@@ -69298,6 +71135,15 @@ class AuroDropdown extends AuroElement {
69298
71135
 
69299
71136
  disconnectedCallback() {
69300
71137
  super.disconnectedCallback();
71138
+ this._clearPageInert();
71139
+ if (this._bibTabHandler) {
71140
+ this.removeEventListener('keydown', this._bibTabHandler);
71141
+ this._bibTabHandler = undefined;
71142
+ }
71143
+ if (this.focusTrap) {
71144
+ this.focusTrap.disconnect();
71145
+ this.focusTrap = undefined;
71146
+ }
69301
71147
  if (this.floater) {
69302
71148
  this.floater.hideBib('disconnect');
69303
71149
  this.floater.disconnect();
@@ -69325,19 +71171,45 @@ class AuroDropdown extends AuroElement {
69325
71171
  if (this.isPopoverVisible) {
69326
71172
  // Fullscreen: use showModal() for native accessibility (inert outside, focus trap)
69327
71173
  // Desktop: use show() for Floating UI positioning + FocusTrap for focus management
69328
- const useModal = this.isBibFullscreen;
69329
- this.bibElement.value.open(useModal);
71174
+ this.bibElement.value.open(this.isBibFullscreen);
71175
+ this.updateFocusTrap();
71176
+
71177
+ // Desktop modal: make siblings inert so content outside is not interactive
71178
+ if (this.desktopModal && !this.isBibFullscreen) {
71179
+ this._setPageInert();
71180
+ }
69330
71181
  } else {
69331
71182
  this.bibElement.value.close();
71183
+ this._clearPageInert();
69332
71184
  }
69333
71185
  }
69334
71186
 
69335
71187
  // When fullscreen strategy changes while open, re-open dialog with correct mode
69336
71188
  // (e.g. resizing from desktop → mobile while dropdown is open)
69337
71189
  if (changedProperties.has('isBibFullscreen') && this.isPopoverVisible && this.bibElement.value) {
69338
- const useModal = this.isBibFullscreen;
69339
71190
  this.bibElement.value.close();
69340
- this.bibElement.value.open(useModal);
71191
+ this.bibElement.value.open(this.isBibFullscreen);
71192
+
71193
+ // Re-initialize focus management for the new strategy
71194
+ this.updateFocusTrap();
71195
+
71196
+ // Toggle inert: desktop modal needs it, fullscreen showModal() handles it natively
71197
+ if (this.desktopModal && !this.isBibFullscreen) {
71198
+ this._setPageInert();
71199
+ } else {
71200
+ this._clearPageInert();
71201
+ }
71202
+ }
71203
+
71204
+ // Handle desktopModal toggled while the dropdown is already open.
71205
+ // Re-initialize focus trapping and page inert state to match the new mode.
71206
+ if (changedProperties.has('desktopModal') && this.isPopoverVisible && !this.isBibFullscreen) {
71207
+ this.updateFocusTrap();
71208
+ if (this.desktopModal) {
71209
+ this._setPageInert();
71210
+ } else {
71211
+ this._clearPageInert();
71212
+ }
69341
71213
  }
69342
71214
  }
69343
71215
 
@@ -69347,8 +71219,14 @@ class AuroDropdown extends AuroElement {
69347
71219
  * @param {CustomEvent} event - The custom event that contains the dropdown toggle information.
69348
71220
  */
69349
71221
  handleDropdownToggle(event) {
69350
- this.updateFocusTrap();
69351
71222
  this.isPopoverVisible = event.detail.expanded;
71223
+
71224
+ // Tear down FocusTrap when closing. Creation happens in updated()
71225
+ // after the dialog is open so getFocusableElements can find content.
71226
+ if (!this.isPopoverVisible) {
71227
+ this.updateFocusTrap();
71228
+ }
71229
+
69352
71230
  const eventType = event.detail.eventType || "unknown";
69353
71231
  if (!this.isPopoverVisible && this.hasFocus && eventType === "keydown") {
69354
71232
  this.trigger.focus();
@@ -69447,19 +71325,178 @@ class AuroDropdown extends AuroElement {
69447
71325
  * @private
69448
71326
  */
69449
71327
  updateFocusTrap() {
71328
+ // Always clean up existing handlers/traps before setting up new ones
71329
+ // to prevent duplicate listeners on repeated calls.
71330
+ if (this._bibTabHandler) {
71331
+ this.removeEventListener('keydown', this._bibTabHandler);
71332
+ this._bibTabHandler = undefined;
71333
+ }
71334
+
71335
+ if (this.focusTrap) {
71336
+ this.focusTrap.disconnect();
71337
+ this.focusTrap = undefined;
71338
+ }
71339
+
69450
71340
  if (this.isPopoverVisible) {
69451
71341
  if (!this.isBibFullscreen) {
69452
- // Desktop: show() doesn't trap focus, so use FocusTrap
69453
- this.focusTrap = new FocusTrap(this.bibContent);
69454
- this.focusTrap.focusFirstElement();
71342
+ if (this.desktopModal) {
71343
+ // Desktop modal: trap focus only within the bib content.
71344
+ // Can't use FocusTrap on the bib element because keydown events
71345
+ // from slotted content bubble through the dropdown host (light DOM),
71346
+ // not through the bib (shadow projection target). Using FocusTrap
71347
+ // on the dropdown would include the trigger in the tab cycle.
71348
+ // Instead, listen for Tab on the dropdown and manually wrap focus
71349
+ // within the bib's focusable elements.
71350
+ this._bibTabHandler = (event) => {
71351
+ if (event.key !== 'Tab') {
71352
+ return;
71353
+ }
71354
+
71355
+ // Collect focusable elements from the bib content.
71356
+ const focusables = getFocusableElements(this.bibContent);
71357
+
71358
+ // Fallback: try from slotted content directly
71359
+ if (!focusables.length) {
71360
+ const slot = this.shadowRoot.querySelector('.slotContent slot');
71361
+ const assignedNodes = slot ? slot.assignedNodes({ flatten: true }) : [];
71362
+
71363
+ for (const node of assignedNodes) {
71364
+ if (node.nodeType === Node.ELEMENT_NODE) {
71365
+ focusables.push(...getFocusableElements(node));
71366
+ }
71367
+ }
71368
+ }
71369
+
71370
+ if (!focusables.length) {
71371
+ return;
71372
+ }
71373
+
71374
+ event.preventDefault();
71375
+
71376
+ const direction = event.shiftKey ? -1 : 1; // eslint-disable-line no-magic-numbers
71377
+
71378
+ // Walk the active element chain through shadow roots
71379
+ const actives = this._getActiveElements();
71380
+
71381
+ let idx = focusables.findIndex((el) => actives.includes(el));
71382
+
71383
+ if (idx === -1) { // eslint-disable-line no-magic-numbers
71384
+ // Focus is not on a known element — move to first/last
71385
+ idx = direction === 1 ? -1 : focusables.length; // eslint-disable-line no-magic-numbers
71386
+ }
71387
+
71388
+ // Try each element in order, skipping any that can't receive focus
71389
+ // (e.g. hidden elements, elements in collapsed sections)
71390
+ for (let index = 0; index < focusables.length; index++) { // eslint-disable-line no-plusplus
71391
+ let nextIdx = idx + direction;
71392
+
71393
+ // Wrap around
71394
+ if (nextIdx < 0) {
71395
+ nextIdx = focusables.length - 1;
71396
+ } else if (nextIdx >= focusables.length) {
71397
+ nextIdx = 0;
71398
+ }
71399
+
71400
+ focusables[nextIdx].focus();
71401
+
71402
+ // Verify focus actually moved to the target
71403
+ const newActives = this._getActiveElements();
71404
+
71405
+ if (newActives.includes(focusables[nextIdx])) {
71406
+ return;
71407
+ }
71408
+
71409
+ // Focus didn't stick — skip this element and try the next
71410
+ idx = nextIdx;
71411
+ }
71412
+ };
71413
+ this.addEventListener('keydown', this._bibTabHandler);
71414
+
71415
+ // Move initial focus into the bib content, matching FocusTrap behavior
71416
+ requestAnimationFrame(() => {
71417
+ const focusables = getFocusableElements(this.bibContent);
71418
+ if (focusables.length) {
71419
+ focusables[0].focus();
71420
+ }
71421
+ });
71422
+ } else {
71423
+ // Normal desktop: use FocusTrap on the bib element
71424
+ this.focusTrap = new FocusTrap(this.bibContent);
71425
+ this.focusTrap.focusFirstElement();
71426
+ }
69455
71427
  }
69456
71428
  // Fullscreen: showModal() provides native focus trapping
71429
+ }
71430
+ }
71431
+
71432
+ /**
71433
+ * Returns the chain of active (focused) elements through shadow roots.
71434
+ * @private
71435
+ * @returns {Array<HTMLElement>}
71436
+ */
71437
+ _getActiveElements() {
71438
+ let { activeElement } = document;
71439
+ const actives = [activeElement];
71440
+
71441
+ while (activeElement?.shadowRoot?.activeElement) {
71442
+ activeElement = activeElement.shadowRoot.activeElement;
71443
+ actives.push(activeElement);
71444
+ }
71445
+
71446
+ return actives;
71447
+ }
71448
+
71449
+ /**
71450
+ * Sets `inert` on sibling elements of the dropdown's top-level host
71451
+ * so that content outside the dropdown is not interactive while the modal is open.
71452
+ * Walks up through shadow DOM boundaries to find the outermost host element
71453
+ * in the light DOM, then sets `inert` on siblings at each ancestor level
71454
+ * to ensure all page content outside the host subtree is inert.
71455
+ * @private
71456
+ */
71457
+ _setPageInert() {
71458
+ if (this._inertSiblings) {
69457
71459
  return;
69458
71460
  }
69459
71461
 
69460
- if (this.focusTrap) {
69461
- this.focusTrap.disconnect();
69462
- this.focusTrap = undefined;
71462
+ this._inertSiblings = [];
71463
+
71464
+ // Walk up through shadow DOM boundaries to find the topmost host
71465
+ // element in the light DOM. For example, if this dropdown is inside
71466
+ // auro-datepicker's shadow DOM, we walk up to the datepicker element
71467
+ // so we set inert on its siblings — not on the datepicker itself.
71468
+ let host = this;
71469
+ while (host.getRootNode() instanceof ShadowRoot) {
71470
+ host = host.getRootNode().host;
71471
+ }
71472
+
71473
+ // Walk up the ancestor chain, inerting siblings at each level
71474
+ // to ensure the entire page outside the host subtree is inert.
71475
+ let current = host;
71476
+ while (current.parentElement) {
71477
+ const parent = current.parentElement;
71478
+ for (const sibling of parent.children) {
71479
+ if (sibling !== current) {
71480
+ this._inertSiblings.push({ element: sibling, wasInert: sibling.inert });
71481
+ sibling.inert = true;
71482
+ }
71483
+ }
71484
+ current = parent;
71485
+ }
71486
+ }
71487
+
71488
+ /**
71489
+ * Restores `inert` state on siblings that were tracked by `_setPageInert`.
71490
+ * Preserves the previous inert state so externally-inerted elements are
71491
+ * not inadvertently re-enabled.
71492
+ * @private
71493
+ */
71494
+ _clearPageInert() {
71495
+ if (this._inertSiblings) {
71496
+ for (const entry of this._inertSiblings) {
71497
+ entry.element.inert = entry.wasInert;
71498
+ }
71499
+ this._inertSiblings = undefined;
69463
71500
  }
69464
71501
  }
69465
71502
 
@@ -69698,6 +71735,7 @@ class AuroDropdown extends AuroElement {
69698
71735
  shape="${this.shape}"
69699
71736
  ?data-show="${this.isPopoverVisible}"
69700
71737
  ?isfullscreen="${this.isBibFullscreen}"
71738
+ ?desktopmodal="${this.desktopModal}"
69701
71739
  .dialogLabel="${this.bibDialogLabel}"
69702
71740
  ${n$6(this.bibElement)}
69703
71741
  >
@@ -70065,6 +72103,14 @@ class AuroBibtemplate extends i$4 {
70065
72103
  large: {
70066
72104
  type: Boolean,
70067
72105
  reflect: true
72106
+ },
72107
+
72108
+ /**
72109
+ * If declared, the footer slot will be rendered even when not in fullscreen mode.
72110
+ */
72111
+ showFooter: {
72112
+ type: Boolean,
72113
+ reflect: true
70068
72114
  }
70069
72115
  };
70070
72116
  }
@@ -70167,7 +72213,7 @@ class AuroBibtemplate extends i$4 {
70167
72213
  <slot></slot>
70168
72214
  </div>
70169
72215
 
70170
- ${this.isFullscreen ? u$c`
72216
+ ${this.isFullscreen || this.showFooter ? u$c`
70171
72217
  <div id="footerContainer">
70172
72218
  <slot name="footer"></slot>
70173
72219
  </div>` : null}
@@ -70404,7 +72450,7 @@ class AuroHelpText extends i$4 {
70404
72450
  }
70405
72451
  }
70406
72452
 
70407
- var formkitVersion = '202606011708';
72453
+ var formkitVersion = '202606011856';
70408
72454
 
70409
72455
  var styleCss = i$7`.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}`;
70410
72456