@aurodesignsystem/auro-formkit 5.9.1 → 5.9.2
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.
- package/CHANGELOG.md +16 -4
- package/components/checkbox/README.md +62 -62
- package/components/checkbox/demo/api.js +1 -1
- package/components/checkbox/demo/api.md +127 -84
- package/components/checkbox/demo/api.min.js +125 -42
- package/components/checkbox/demo/index.md +9 -281
- package/components/checkbox/demo/index.min.js +125 -42
- package/components/checkbox/demo/readme.html +3 -4
- package/components/checkbox/demo/readme.md +62 -62
- package/components/checkbox/dist/auro-checkbox-group.d.ts +7 -8
- package/components/checkbox/dist/auro-checkbox.d.ts +74 -20
- package/components/checkbox/dist/index.js +125 -42
- package/components/checkbox/dist/registered.js +125 -42
- package/components/combobox/README.md +76 -74
- package/components/combobox/demo/api.html +1 -0
- package/components/combobox/demo/api.js +11 -12
- package/components/combobox/demo/api.md +1302 -875
- package/components/combobox/demo/api.min.js +348 -420
- package/components/combobox/demo/index.html +1 -7
- package/components/combobox/demo/index.js +0 -19
- package/components/combobox/demo/index.md +43 -723
- package/components/combobox/demo/index.min.js +301 -230
- package/components/combobox/demo/readme.html +3 -4
- package/components/combobox/demo/readme.md +76 -74
- package/components/combobox/dist/auro-combobox.d.ts +39 -40
- package/components/combobox/dist/index.js +159 -143
- package/components/combobox/dist/registered.js +159 -143
- package/components/counter/README.md +81 -66
- package/components/counter/demo/api.html +1 -2
- package/components/counter/demo/api.js +2 -2
- package/components/counter/demo/api.md +777 -259
- package/components/counter/demo/api.min.js +84 -112
- package/components/counter/demo/index.html +0 -2
- package/components/counter/demo/index.md +20 -329
- package/components/counter/demo/index.min.js +82 -93
- package/components/counter/demo/readme.html +3 -4
- package/components/counter/demo/readme.md +81 -66
- package/components/counter/dist/auro-counter-group.d.ts +21 -36
- package/components/counter/dist/auro-counter-wrapper.d.ts +1 -6
- package/components/counter/dist/auro-counter.d.ts +5 -8
- package/components/counter/dist/index.js +82 -93
- package/components/counter/dist/registered.js +82 -93
- package/components/datepicker/README.md +57 -61
- package/components/datepicker/demo/api.js +8 -8
- package/components/datepicker/demo/api.md +720 -561
- package/components/datepicker/demo/api.min.js +427 -2424
- package/components/datepicker/demo/index.md +65 -117
- package/components/datepicker/demo/index.min.js +427 -2424
- package/components/datepicker/demo/readme.html +3 -4
- package/components/datepicker/demo/readme.md +57 -61
- package/components/datepicker/dist/auro-calendar.d.ts +60 -34
- package/components/datepicker/dist/auro-datepicker.d.ts +31 -31
- package/components/datepicker/dist/index.js +256 -2253
- package/components/datepicker/dist/popoverVersion.d.ts +1 -1
- package/components/datepicker/dist/registered.js +256 -2253
- package/components/dropdown/README.md +78 -62
- package/components/dropdown/demo/api.js +4 -4
- package/components/dropdown/demo/api.md +520 -478
- package/components/dropdown/demo/api.min.js +48 -39
- package/components/dropdown/demo/index.md +65 -119
- package/components/dropdown/demo/index.min.js +38 -29
- package/components/dropdown/demo/readme.html +3 -4
- package/components/dropdown/demo/readme.md +78 -62
- package/components/dropdown/dist/auro-dropdown.d.ts +42 -33
- package/components/dropdown/dist/index.js +38 -29
- package/components/dropdown/dist/registered.js +38 -29
- package/components/form/README.md +16 -58
- package/components/form/demo/api.md +16 -21
- package/components/form/demo/api.min.js +13 -8
- package/components/form/demo/index.md +38 -39
- package/components/form/demo/index.min.js +13 -8
- package/components/form/demo/readme.md +16 -58
- package/components/form/dist/auro-form.d.ts +15 -3
- package/components/form/dist/index.js +13 -8
- package/components/form/dist/registered.js +13 -8
- package/components/input/README.md +55 -60
- package/components/input/demo/api.js +3 -5
- package/components/input/demo/api.md +558 -537
- package/components/input/demo/api.min.js +100 -113
- package/components/input/demo/index.js +0 -1
- package/components/input/demo/index.md +90 -203
- package/components/input/demo/index.min.js +85 -97
- package/components/input/demo/readme.html +3 -4
- package/components/input/demo/readme.md +55 -60
- package/components/input/dist/auro-input.d.ts +6 -5
- package/components/input/dist/base-input.d.ts +67 -68
- package/components/input/dist/index.js +85 -80
- package/components/input/dist/registered.js +85 -80
- package/components/menu/README.md +61 -61
- package/components/menu/demo/api.js +6 -8
- package/components/menu/demo/api.md +520 -572
- package/components/menu/demo/api.min.js +176 -92
- package/components/menu/demo/index.js +0 -5
- package/components/menu/demo/index.md +36 -119
- package/components/menu/demo/index.min.js +141 -96
- package/components/menu/demo/readme.html +3 -4
- package/components/menu/demo/readme.md +61 -61
- package/components/menu/dist/auro-menu.d.ts +70 -37
- package/components/menu/dist/auro-menuoption.d.ts +36 -11
- package/components/menu/dist/index.js +141 -45
- package/components/menu/dist/registered.js +141 -45
- package/components/radio/README.md +61 -57
- package/components/radio/demo/api.js +2 -2
- package/components/radio/demo/api.md +241 -170
- package/components/radio/demo/api.min.js +154 -77
- package/components/radio/demo/index.md +22 -99
- package/components/radio/demo/index.min.js +145 -68
- package/components/radio/demo/readme.html +3 -4
- package/components/radio/demo/readme.md +61 -57
- package/components/radio/dist/auro-radio-group.d.ts +67 -35
- package/components/radio/dist/auro-radio.d.ts +56 -33
- package/components/radio/dist/index.js +145 -68
- package/components/radio/dist/registered.js +145 -68
- package/components/select/README.md +68 -65
- package/components/select/demo/api.html +1 -0
- package/components/select/demo/api.js +7 -7
- package/components/select/demo/api.md +1305 -625
- package/components/select/demo/api.min.js +300 -199
- package/components/select/demo/index.html +0 -2
- package/components/select/demo/index.md +25 -833
- package/components/select/demo/index.min.js +299 -167
- package/components/select/demo/readme.html +3 -4
- package/components/select/demo/readme.md +68 -65
- package/components/select/dist/auro-select.d.ts +99 -90
- package/components/select/dist/index.js +158 -122
- package/components/select/dist/registered.js +158 -122
- package/package.json +3 -3
|
@@ -1355,11 +1355,11 @@ class UtilitiesCalendarRender {
|
|
|
1355
1355
|
}
|
|
1356
1356
|
}
|
|
1357
1357
|
|
|
1358
|
-
var styleCss$9 = css`.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-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);font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-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-weight, 450);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-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-weight, 450);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-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);font-size:var(--wcss-body-xs-font-size, 0.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-weight:var(--wcss-body-weight, 450);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)}.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);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-display-md-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);font-weight:var(--wcss-heading-xs-weight, 450);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))}.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);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);font-weight:var(--wcss-heading-2xs-weight, 450);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))}.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);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);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));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);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);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));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);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);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));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);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);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));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);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);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));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);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);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));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);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);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));text-transform:uppercase}.accents{flex-grow:0;flex-shrink:0;display:flex;align-items:center;justify-content:center}.accents.left{padding-right:var(--ds-size-100, 0.5rem)}.accents.right{width:var(--ds-size-400, 2rem)}.accents .notification:not(.util_displayHidden){display:flex;align-items:center;justify-content:center}.mainContent{height:100%;max-height:100%;flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.inputSection{display:flex;flex-direction:row;align-items:center;width:100%;margin:0 auto}.inputContainer{display:flex;flex-direction:row;align-items:center;width:100%}.inputContainer:first-of-type{justify-content:flex-end}.inputContainer:last-of-type{justify-content:flex-start}.dpTriggerContent{width:100%}.wrapper:not(:focus-within):not(:hover) .notification.clear{display:none}@media screen and (max-width: 576px){::part(popover){position:fixed !important;top:0 !important;left:0 !important;width:100vw !important;height:100vh !important;margin-bottom:var(--ds-size-200, 1rem);transform:unset !important}.calendarWrapper{display:flex;height:100dvh;flex-direction:row;justify-content:center}}`;
|
|
1358
|
+
var styleCss$8 = css`.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-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);font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-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-weight, 450);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-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-weight, 450);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-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);font-size:var(--wcss-body-xs-font-size, 0.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-weight:var(--wcss-body-weight, 450);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)}.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);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-display-md-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);font-weight:var(--wcss-heading-xs-weight, 450);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))}.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);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);font-weight:var(--wcss-heading-2xs-weight, 450);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))}.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);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);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));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);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);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));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);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);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));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);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);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));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);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);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));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);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);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));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);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);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));text-transform:uppercase}.accents{flex-grow:0;flex-shrink:0;display:flex;align-items:center;justify-content:center}.accents.left{padding-right:var(--ds-size-100, 0.5rem)}.accents.right{width:var(--ds-size-400, 2rem)}.accents .notification:not(.util_displayHidden){display:flex;align-items:center;justify-content:center}.mainContent{height:100%;max-height:100%;flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.inputSection{display:flex;flex-direction:row;align-items:center;width:100%;margin:0 auto}.inputContainer{display:flex;flex-direction:row;align-items:center;width:100%}.inputContainer:first-of-type{justify-content:flex-end}.inputContainer:last-of-type{justify-content:flex-start}.dpTriggerContent{width:100%}.wrapper:not(:focus-within):not(:hover) .notification.clear{display:none}@media screen and (max-width: 576px){::part(popover){position:fixed !important;top:0 !important;left:0 !important;width:100vw !important;height:100vh !important;margin-bottom:var(--ds-size-200, 1rem);transform:unset !important}.calendarWrapper{display:flex;height:100dvh;flex-direction:row;justify-content:center}}`;
|
|
1359
1359
|
|
|
1360
|
-
var colorCss$
|
|
1360
|
+
var colorCss$8 = css`.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 label{color:var(--ds-auro-datepicker-label-text-color)}:host .inputDivider{background-color:var(--ds-auro-datepicker-range-input-divider-color)}:host .error{color:var(--ds-auro-datepicker-error-icon-color)}[auro-dropdown]{--ds-auro-dropdown-trigger-outline-color: var(--ds-auro-datepicker-outline-color)}[auro-input]::part(wrapper){--ds-auro-input-border-color: transparent;--ds-auro-input-container-color: transparent}.dpTriggerContent [auro-input]:nth-child(2):before{background-color:var(--ds-auro-datepicker-range-input-divider-color)}:host(:not([ondark])[disabled]),:host(:not([appearance=inverse])[disabled]){--ds-auro-datepicker-border-color: var(--ds-basic-color-border-subtle, #dddddd);--ds-auro-datepicker-label-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-datepicker-placeholder-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host([ondark][disabled]),:host([appearance=inverse][disabled]){--ds-auro-datepicker-border-color: var(--ds-advanced-color-button-primary-border-inverse-disabled, rgba(255, 255, 255, 0.75));--ds-auro-datepicker-label-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-datepicker-placeholder-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894)}:host(:not([ondark]):is([validity]:not([validity=valid]))),:host(:not([appearance=inverse]):is([validity]:not([validity=valid]))){--ds-auro-datepicker-outline-color: var(--ds-basic-color-status-error, #e31f26)}:host([ondark]:is([validity]:not([validity=valid]))),:host([appearance=inverse]:is([validity]:not([validity=valid]))){--ds-auro-datepicker-outline-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8)}`;
|
|
1361
1361
|
|
|
1362
|
-
var tokensCss$
|
|
1362
|
+
var tokensCss$4 = css`:host(:not([ondark])),:host(:not([appearance=inverse])){--ds-auro-datepicker-range-input-divider-color: var(--ds-basic-color-border-bold, #585e67);--ds-auro-datepicker-error-icon-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-datepicker-label-text-color: var(--ds-basic-color-texticon-muted, #676767);--ds-auro-datepicker-outline-color: transparent;--ds-auro-calendar-mobile-header-container-color: var(--ds-basic-color-surface-default, #ffffff);--ds-auro-calendar-mobile-header-divider-color: var(--ds-basic-color-border-divider, rgba(0, 0, 0, 0.15));--ds-auro-calendar-mobile-header-text-color: var(--ds-basic-color-texticon-muted, #676767);--ds-auro-calendar-nav-btn-border-color: transparent;--ds-auro-calendar-nav-btn-chevron-color: var(--ds-basic-color-brand-primary, #01426a);--ds-auro-calendar-nav-btn-container-color: transparent;--ds-auro-calendar-month-container-color: var(--ds-basic-color-surface-default, #ffffff);--ds-auro-calendar-month-divider-color: var(--ds-basic-color-border-divider, rgba(0, 0, 0, 0.15));--ds-auro-calendar-month-header-color: var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-calendar-cell-border-color: transparent;--ds-auro-calendar-cell-container-color: transparent;--ds-auro-calendar-cell-in-range-color: var(--ds-advanced-color-shared-background-muted, #f7f7f7);--ds-auro-calendar-cell-price-text-color: var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}:host([ondark]),:host([appearance=inverse]){--ds-auro-datepicker-range-input-divider-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db);--ds-auro-datepicker-error-icon-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-datepicker-label-text-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db);--ds-auro-datepicker-outline-color: transparent;--ds-auro-calendar-mobile-header-container-color: var(--ds-basic-color-surface-default, #ffffff);--ds-auro-calendar-mobile-header-divider-color: var(--ds-basic-color-border-divider, rgba(0, 0, 0, 0.15));--ds-auro-calendar-mobile-header-text-color: var(--ds-basic-color-texticon-muted, #676767);--ds-auro-calendar-nav-btn-border-color: transparent;--ds-auro-calendar-nav-btn-chevron-color: var(--ds-basic-color-brand-primary, #01426a);--ds-auro-calendar-nav-btn-container-color: transparent;--ds-auro-calendar-month-container-color: var(--ds-basic-color-surface-default, #ffffff);--ds-auro-calendar-month-divider-color: var(--ds-basic-color-border-divider, rgba(0, 0, 0, 0.15));--ds-auro-calendar-month-header-color: var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-calendar-cell-border-color: transparent;--ds-auro-calendar-cell-container-color: transparent;--ds-auro-calendar-cell-in-range-color: var(--ds-advanced-color-shared-background-muted, #f7f7f7);--ds-auro-calendar-cell-price-text-color: var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-calendar-cell-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}`;
|
|
1363
1363
|
|
|
1364
1364
|
var shapeSizeCss$2 = css`.shape-classic-xl,.shape-classic-lg,.shape-classic-md,.shape-classic-sm,.shape-classic-xs{min-height:56px;max-height:56px;border-style:solid;border-width:1px;border-radius:var(--ds-border-radius, 0.375rem)}.shape-classic-xl.simple,.shape-classic-lg.simple,.shape-classic-md.simple,.shape-classic-sm.simple,.shape-classic-xs.simple{border-width:0px;min-height:58px;max-height:58px;background-color:unset;box-shadow:none}.shape-classic-xl.thin,.shape-classic-lg.thin,.shape-classic-md.thin,.shape-classic-sm.thin,.shape-classic-xs.thin{border-width:1px;min-height:56px;max-height:56px;background-color:unset}.shape-classic-xl.parentBorder,.shape-classic-lg.parentBorder,.shape-classic-md.parentBorder,.shape-classic-sm.parentBorder,.shape-classic-xs.parentBorder{border:0;box-shadow:unset;min-height:54px;max-height:54px}.shape-snowflake-xl,.shape-snowflake-lg,.shape-snowflake-md,.shape-snowflake-sm,.shape-snowflake-xs{min-height:56px;max-height:56px;border-style:solid;border-width:2px;border-color:transparent;border-radius:30px}.shape-snowflake-xl.simple,.shape-snowflake-lg.simple,.shape-snowflake-md.simple,.shape-snowflake-sm.simple,.shape-snowflake-xs.simple{border-width:0px;min-height:60px;max-height:60px;background-color:unset;box-shadow:none}.shape-snowflake-xl.thin,.shape-snowflake-lg.thin,.shape-snowflake-md.thin,.shape-snowflake-sm.thin,.shape-snowflake-xs.thin{border-width:1px;min-height:58px;max-height:58px;background-color:unset}.shape-snowflake-xl.parentBorder,.shape-snowflake-lg.parentBorder,.shape-snowflake-md.parentBorder,.shape-snowflake-sm.parentBorder,.shape-snowflake-xs.parentBorder{border:0;box-shadow:unset;min-height:56px;max-height:56px}.shape-box-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent}.shape-box-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-box-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-box-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-box-lg{min-height:52px;max-height:52px;border-style:solid;border-width:2px;border-color:transparent}.shape-box-lg.simple{border-width:0px;min-height:56px;max-height:56px;background-color:unset;box-shadow:none}.shape-box-lg.thin{border-width:1px;min-height:54px;max-height:54px;background-color:unset}.shape-box-lg.parentBorder{border:0;box-shadow:unset;min-height:52px;max-height:52px}.shape-box-md{min-height:44px;max-height:44px;border-style:solid;border-width:2px;border-color:transparent}.shape-box-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-box-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-box-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}.shape-box-sm{min-height:32px;max-height:32px;border-style:solid;border-width:2px;border-color:transparent}.shape-box-sm.simple{border-width:0px;min-height:36px;max-height:36px;background-color:unset;box-shadow:none}.shape-box-sm.thin{border-width:1px;min-height:34px;max-height:34px;background-color:unset}.shape-box-sm.parentBorder{border:0;box-shadow:unset;min-height:32px;max-height:32px}.shape-box-xs{min-height:20px;max-height:20px;border-style:solid;border-width:2px;border-color:transparent}.shape-box-xs.simple{border-width:0px;min-height:24px;max-height:24px;background-color:unset;box-shadow:none}.shape-box-xs.thin{border-width:1px;min-height:22px;max-height:22px;background-color:unset}.shape-box-xs.parentBorder{border:0;box-shadow:unset;min-height:20px;max-height:20px}.shape-rounded-lg{min-height:56px;max-height:56px;border-style:solid;border-width:2px;border-color:transparent;border-radius:6px}.shape-rounded-lg.simple{border-width:0px;min-height:56px;max-height:56px;background-color:unset;box-shadow:none}.shape-rounded-lg.thin{border-width:1px;min-height:54px;max-height:54px;background-color:unset}.shape-rounded-lg.parentBorder{border:0;box-shadow:unset;min-height:52px;max-height:52px}.shape-pill-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px}.shape-pill-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-pill-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-pill-left-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px 0 0 36px}.shape-pill-left-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-pill-left-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-left-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-pill-right-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent;border-radius:0 36px 36px 0}.shape-pill-right-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-pill-right-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-right-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-pill-md{min-height:44px;max-height:44px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px}.shape-pill-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-pill-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}.shape-pill-left-md{min-height:44px;max-height:44px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px 0 0 36px}.shape-pill-left-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-pill-left-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-left-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}.shape-pill-right-md{min-height:44px;max-height:44px;border-style:solid;border-width:2px;border-color:transparent;border-radius:0 36px 36px 0}.shape-pill-right-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-pill-right-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-right-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}`;
|
|
1365
1365
|
|
|
@@ -1371,13 +1371,13 @@ var snowflakeStyle = css`:host([layout*=snowflake]) [auro-input]{flex:1;text-ali
|
|
|
1371
1371
|
|
|
1372
1372
|
var snowflakeColors = css`:host([layout=snowflake]) [auro-dropdown]:not(:is([error],.hasFocus)){--ds-auro-dropdown-trigger-border-color: transparent}`;
|
|
1373
1373
|
|
|
1374
|
-
var styleCss$8 = css`.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-weight, 450);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-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);font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-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-weight, 450);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-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);font-size:var(--wcss-body-xs-font-size, 0.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-weight:var(--wcss-body-weight, 450);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)}.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);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-display-md-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);font-weight:var(--wcss-heading-xs-weight, 450);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))}.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);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);font-weight:var(--wcss-heading-2xs-weight, 450);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))}.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);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);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));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);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);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));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);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);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));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);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);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));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);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);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));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);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);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));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);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);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));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{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}.headerDateTo{height:calc(var(--mobile-header-height) - var(--ds-size-300, 1.5rem));padding:var(--ds-size-300, 1.5rem) var(--ds-size-100, 0.5rem) 0 var(--ds-size-200, 1rem)}:host(:not([noRange])) .headerDateTo{position:relative;display:flex;flex:1;flex-direction:column;justify-content:center}:host(:not([noRange])) .headerDateTo:after{position:absolute;top:calc(50% + 10px);left:0;display:block;width:1px;height:var(--ds-size-300, 1.5rem);content:"";transform:translateY(-50%)}.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:""}`;
|
|
1374
|
+
var styleCss$7 = css`.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-weight, 450);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-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);font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-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-weight, 450);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-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);font-size:var(--wcss-body-xs-font-size, 0.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-weight:var(--wcss-body-weight, 450);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)}.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);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-display-md-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);font-weight:var(--wcss-heading-xs-weight, 450);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))}.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);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);font-weight:var(--wcss-heading-2xs-weight, 450);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))}.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);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);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));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);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);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));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);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);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));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);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);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));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);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);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));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);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);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));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);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);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));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{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}.headerDateTo{height:calc(var(--mobile-header-height) - var(--ds-size-300, 1.5rem));padding:var(--ds-size-300, 1.5rem) var(--ds-size-100, 0.5rem) 0 var(--ds-size-200, 1rem)}:host(:not([noRange])) .headerDateTo{position:relative;display:flex;flex:1;flex-direction:column;justify-content:center}:host(:not([noRange])) .headerDateTo:after{position:absolute;top:calc(50% + 10px);left:0;display:block;width:1px;height:var(--ds-size-300, 1.5rem);content:"";transform:translateY(-50%)}.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:""}`;
|
|
1375
1375
|
|
|
1376
|
-
var colorCss$
|
|
1376
|
+
var colorCss$7 = css`.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)}}`;
|
|
1377
1377
|
|
|
1378
|
-
var styleCss$7 = css`: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-weight, 450);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-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);font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-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-weight, 450);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-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);font-size:var(--wcss-body-xs-font-size, 0.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-weight:var(--wcss-body-weight, 450);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)}.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);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-display-md-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);font-weight:var(--wcss-heading-xs-weight, 450);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))}.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);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);font-weight:var(--wcss-heading-2xs-weight, 450);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))}.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);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);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));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);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);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));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);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);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));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);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);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));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);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);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));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);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);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));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);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);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));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%}`;
|
|
1378
|
+
var styleCss$6 = css`: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-weight, 450);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-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);font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-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-weight, 450);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-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);font-size:var(--wcss-body-xs-font-size, 0.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-weight:var(--wcss-body-weight, 450);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)}.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);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-display-md-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);font-weight:var(--wcss-heading-xs-weight, 450);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))}.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);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);font-weight:var(--wcss-heading-2xs-weight, 450);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))}.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);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);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));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);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);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));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);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);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));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);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);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));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);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);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));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);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);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));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);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);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));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%}`;
|
|
1379
1379
|
|
|
1380
|
-
var colorCss$
|
|
1380
|
+
var colorCss$6 = css`: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)}`;
|
|
1381
1381
|
|
|
1382
1382
|
/******************************************************************************
|
|
1383
1383
|
Copyright (c) Microsoft Corporation.
|
|
@@ -7884,2067 +7884,14 @@ __decorate([property({ type: Array })], RangeDatepickerCalendar.prototype, "dayN
|
|
|
7884
7884
|
__decorate([property({ type: Array })], RangeDatepickerCalendar.prototype, "daysOfMonth", void 0);
|
|
7885
7885
|
AuroLibraryRuntimeUtils$5.prototype.registerComponent('wc-range-datepicker-calendar', RangeDatepickerCalendar);
|
|
7886
7886
|
|
|
7887
|
-
var styleCss$6 = css`.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-weight, 450);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-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);font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-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-weight, 450);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-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);font-size:var(--wcss-body-xs-font-size, 0.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-weight:var(--wcss-body-weight, 450);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)}.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);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-display-md-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);font-weight:var(--wcss-heading-xs-weight, 450);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))}.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);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);font-weight:var(--wcss-heading-2xs-weight, 450);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))}.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);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);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));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);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);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));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);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);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));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);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);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));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);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);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));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);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);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));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);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);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));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}.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}}`;
|
|
7888
|
-
|
|
7889
|
-
var colorCss$6 = css`: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}`;
|
|
7890
|
-
|
|
7891
|
-
var styleCss$5 = css`.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, 0.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, 0.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, 0.625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-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, 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, 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}: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, 0.25rem));content:""}[data-trigger-placement^=top]::slotted(*:hover):before{top:calc(-1*(var(--ds-size-200, 1rem) + var(--ds-size-50, 0.25rem)))}[data-trigger-placement^=bottom]::slotted(*:hover):before{bottom:calc(-1*(var(--ds-size-200, 1rem) + var(--ds-size-50, 0.25rem)))}:host([data-show]) .popover{z-index:var(--ds-depth-tooltip, 400)}:host([removeSpace]) .popover{margin:calc(-1*(var(--ds-size-50, 0.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, 0.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, 0.5rem) + var(--ds-size-25, 0.125rem)))}[data-popper-placement^=top]>.arrow:before{top:calc(-1*var(--ds-size-200, 1rem));left:calc(-1*var(--ds-size-75, 0.375rem));transform:rotate(45deg)}[data-popper-placement^=bottom]>.arrow{top:calc(-1*(var(--ds-size-100, 0.5rem) + var(--ds-size-25, 0.125rem)))}[data-popper-placement^=bottom]>.arrow:before{top:var(--ds-size-50, 0.25rem);right:calc(-1*var(--ds-size-200, 1rem));transform:rotate(-135deg)}.arrow{position:relative;margin-top:-var(--ds-size-100, 0.5rem)}.arrow:before{position:absolute;width:var(--ds-size-150, 0.75rem);height:var(--ds-size-150, 0.75rem);content:""}`;
|
|
7892
|
-
|
|
7893
|
-
var colorCss$5 = css`::slotted(*){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)}`;
|
|
7894
|
-
|
|
7895
|
-
var tokensCss$4 = css`:host{--ds-auro-popover-boxshadow-color:var(--ds-elevation-200, 0px 0px 10px rgba(0, 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)}`;
|
|
7896
|
-
|
|
7897
|
-
var top = 'top';
|
|
7898
|
-
var bottom = 'bottom';
|
|
7899
|
-
var right = 'right';
|
|
7900
|
-
var left = 'left';
|
|
7901
|
-
var auto = 'auto';
|
|
7902
|
-
var basePlacements = [top, bottom, right, left];
|
|
7903
|
-
var start = 'start';
|
|
7904
|
-
var end = 'end';
|
|
7905
|
-
var clippingParents = 'clippingParents';
|
|
7906
|
-
var viewport = 'viewport';
|
|
7907
|
-
var popper = 'popper';
|
|
7908
|
-
var reference = 'reference';
|
|
7909
|
-
var variationPlacements = /*#__PURE__*/basePlacements.reduce(function (acc, placement) {
|
|
7910
|
-
return acc.concat([placement + "-" + start, placement + "-" + end]);
|
|
7911
|
-
}, []);
|
|
7912
|
-
var placements$1 = /*#__PURE__*/[].concat(basePlacements, [auto]).reduce(function (acc, placement) {
|
|
7913
|
-
return acc.concat([placement, placement + "-" + start, placement + "-" + end]);
|
|
7914
|
-
}, []); // modifiers that need to read the DOM
|
|
7915
|
-
|
|
7916
|
-
var beforeRead = 'beforeRead';
|
|
7917
|
-
var read = 'read';
|
|
7918
|
-
var afterRead = 'afterRead'; // pure-logic modifiers
|
|
7919
|
-
|
|
7920
|
-
var beforeMain = 'beforeMain';
|
|
7921
|
-
var main = 'main';
|
|
7922
|
-
var afterMain = 'afterMain'; // modifier with the purpose to write to the DOM (or write into a framework state)
|
|
7923
|
-
|
|
7924
|
-
var beforeWrite = 'beforeWrite';
|
|
7925
|
-
var write = 'write';
|
|
7926
|
-
var afterWrite = 'afterWrite';
|
|
7927
|
-
var modifierPhases = [beforeRead, read, afterRead, beforeMain, main, afterMain, beforeWrite, write, afterWrite];
|
|
7928
|
-
|
|
7929
|
-
function getNodeName$1(element) {
|
|
7930
|
-
return element ? (element.nodeName || '').toLowerCase() : null;
|
|
7931
|
-
}
|
|
7932
|
-
|
|
7933
|
-
function getWindow$1(node) {
|
|
7934
|
-
if (node == null) {
|
|
7935
|
-
return window;
|
|
7936
|
-
}
|
|
7937
|
-
|
|
7938
|
-
if (node.toString() !== '[object Window]') {
|
|
7939
|
-
var ownerDocument = node.ownerDocument;
|
|
7940
|
-
return ownerDocument ? ownerDocument.defaultView || window : window;
|
|
7941
|
-
}
|
|
7942
|
-
|
|
7943
|
-
return node;
|
|
7944
|
-
}
|
|
7945
|
-
|
|
7946
|
-
function isElement$1(node) {
|
|
7947
|
-
var OwnElement = getWindow$1(node).Element;
|
|
7948
|
-
return node instanceof OwnElement || node instanceof Element;
|
|
7949
|
-
}
|
|
7950
|
-
|
|
7951
|
-
function isHTMLElement$1(node) {
|
|
7952
|
-
var OwnElement = getWindow$1(node).HTMLElement;
|
|
7953
|
-
return node instanceof OwnElement || node instanceof HTMLElement;
|
|
7954
|
-
}
|
|
7955
|
-
|
|
7956
|
-
function isShadowRoot$1(node) {
|
|
7957
|
-
// IE 11 has no ShadowRoot
|
|
7958
|
-
if (typeof ShadowRoot === 'undefined') {
|
|
7959
|
-
return false;
|
|
7960
|
-
}
|
|
7961
|
-
|
|
7962
|
-
var OwnElement = getWindow$1(node).ShadowRoot;
|
|
7963
|
-
return node instanceof OwnElement || node instanceof ShadowRoot;
|
|
7964
|
-
}
|
|
7965
|
-
|
|
7966
|
-
// and applies them to the HTMLElements such as popper and arrow
|
|
7967
|
-
|
|
7968
|
-
function applyStyles(_ref) {
|
|
7969
|
-
var state = _ref.state;
|
|
7970
|
-
Object.keys(state.elements).forEach(function (name) {
|
|
7971
|
-
var style = state.styles[name] || {};
|
|
7972
|
-
var attributes = state.attributes[name] || {};
|
|
7973
|
-
var element = state.elements[name]; // arrow is optional + virtual elements
|
|
7974
|
-
|
|
7975
|
-
if (!isHTMLElement$1(element) || !getNodeName$1(element)) {
|
|
7976
|
-
return;
|
|
7977
|
-
} // Flow doesn't support to extend this property, but it's the most
|
|
7978
|
-
// effective way to apply styles to an HTMLElement
|
|
7979
|
-
// $FlowFixMe[cannot-write]
|
|
7980
|
-
|
|
7981
|
-
|
|
7982
|
-
Object.assign(element.style, style);
|
|
7983
|
-
Object.keys(attributes).forEach(function (name) {
|
|
7984
|
-
var value = attributes[name];
|
|
7985
|
-
|
|
7986
|
-
if (value === false) {
|
|
7987
|
-
element.removeAttribute(name);
|
|
7988
|
-
} else {
|
|
7989
|
-
element.setAttribute(name, value === true ? '' : value);
|
|
7990
|
-
}
|
|
7991
|
-
});
|
|
7992
|
-
});
|
|
7993
|
-
}
|
|
7994
|
-
|
|
7995
|
-
function effect$2(_ref2) {
|
|
7996
|
-
var state = _ref2.state;
|
|
7997
|
-
var initialStyles = {
|
|
7998
|
-
popper: {
|
|
7999
|
-
position: state.options.strategy,
|
|
8000
|
-
left: '0',
|
|
8001
|
-
top: '0',
|
|
8002
|
-
margin: '0'
|
|
8003
|
-
},
|
|
8004
|
-
arrow: {
|
|
8005
|
-
position: 'absolute'
|
|
8006
|
-
},
|
|
8007
|
-
reference: {}
|
|
8008
|
-
};
|
|
8009
|
-
Object.assign(state.elements.popper.style, initialStyles.popper);
|
|
8010
|
-
state.styles = initialStyles;
|
|
8011
|
-
|
|
8012
|
-
if (state.elements.arrow) {
|
|
8013
|
-
Object.assign(state.elements.arrow.style, initialStyles.arrow);
|
|
8014
|
-
}
|
|
8015
|
-
|
|
8016
|
-
return function () {
|
|
8017
|
-
Object.keys(state.elements).forEach(function (name) {
|
|
8018
|
-
var element = state.elements[name];
|
|
8019
|
-
var attributes = state.attributes[name] || {};
|
|
8020
|
-
var styleProperties = Object.keys(state.styles.hasOwnProperty(name) ? state.styles[name] : initialStyles[name]); // Set all values to an empty string to unset them
|
|
8021
|
-
|
|
8022
|
-
var style = styleProperties.reduce(function (style, property) {
|
|
8023
|
-
style[property] = '';
|
|
8024
|
-
return style;
|
|
8025
|
-
}, {}); // arrow is optional + virtual elements
|
|
8026
|
-
|
|
8027
|
-
if (!isHTMLElement$1(element) || !getNodeName$1(element)) {
|
|
8028
|
-
return;
|
|
8029
|
-
}
|
|
8030
|
-
|
|
8031
|
-
Object.assign(element.style, style);
|
|
8032
|
-
Object.keys(attributes).forEach(function (attribute) {
|
|
8033
|
-
element.removeAttribute(attribute);
|
|
8034
|
-
});
|
|
8035
|
-
});
|
|
8036
|
-
};
|
|
8037
|
-
} // eslint-disable-next-line import/no-unused-modules
|
|
8038
|
-
|
|
8039
|
-
|
|
8040
|
-
var applyStyles$1 = {
|
|
8041
|
-
name: 'applyStyles',
|
|
8042
|
-
enabled: true,
|
|
8043
|
-
phase: 'write',
|
|
8044
|
-
fn: applyStyles,
|
|
8045
|
-
effect: effect$2,
|
|
8046
|
-
requires: ['computeStyles']
|
|
8047
|
-
};
|
|
8048
|
-
|
|
8049
|
-
function getBasePlacement(placement) {
|
|
8050
|
-
return placement.split('-')[0];
|
|
8051
|
-
}
|
|
8052
|
-
|
|
8053
|
-
var max$1 = Math.max;
|
|
8054
|
-
var min$1 = Math.min;
|
|
8055
|
-
var round$1 = Math.round;
|
|
8056
|
-
|
|
8057
|
-
function getUAString() {
|
|
8058
|
-
var uaData = navigator.userAgentData;
|
|
8059
|
-
|
|
8060
|
-
if (uaData != null && uaData.brands && Array.isArray(uaData.brands)) {
|
|
8061
|
-
return uaData.brands.map(function (item) {
|
|
8062
|
-
return item.brand + "/" + item.version;
|
|
8063
|
-
}).join(' ');
|
|
8064
|
-
}
|
|
8065
|
-
|
|
8066
|
-
return navigator.userAgent;
|
|
8067
|
-
}
|
|
8068
|
-
|
|
8069
|
-
function isLayoutViewport() {
|
|
8070
|
-
return !/^((?!chrome|android).)*safari/i.test(getUAString());
|
|
8071
|
-
}
|
|
8072
|
-
|
|
8073
|
-
function getBoundingClientRect$1(element, includeScale, isFixedStrategy) {
|
|
8074
|
-
if (includeScale === void 0) {
|
|
8075
|
-
includeScale = false;
|
|
8076
|
-
}
|
|
8077
|
-
|
|
8078
|
-
if (isFixedStrategy === void 0) {
|
|
8079
|
-
isFixedStrategy = false;
|
|
8080
|
-
}
|
|
8081
|
-
|
|
8082
|
-
var clientRect = element.getBoundingClientRect();
|
|
8083
|
-
var scaleX = 1;
|
|
8084
|
-
var scaleY = 1;
|
|
8085
|
-
|
|
8086
|
-
if (includeScale && isHTMLElement$1(element)) {
|
|
8087
|
-
scaleX = element.offsetWidth > 0 ? round$1(clientRect.width) / element.offsetWidth || 1 : 1;
|
|
8088
|
-
scaleY = element.offsetHeight > 0 ? round$1(clientRect.height) / element.offsetHeight || 1 : 1;
|
|
8089
|
-
}
|
|
8090
|
-
|
|
8091
|
-
var _ref = isElement$1(element) ? getWindow$1(element) : window,
|
|
8092
|
-
visualViewport = _ref.visualViewport;
|
|
8093
|
-
|
|
8094
|
-
var addVisualOffsets = !isLayoutViewport() && isFixedStrategy;
|
|
8095
|
-
var x = (clientRect.left + (addVisualOffsets && visualViewport ? visualViewport.offsetLeft : 0)) / scaleX;
|
|
8096
|
-
var y = (clientRect.top + (addVisualOffsets && visualViewport ? visualViewport.offsetTop : 0)) / scaleY;
|
|
8097
|
-
var width = clientRect.width / scaleX;
|
|
8098
|
-
var height = clientRect.height / scaleY;
|
|
8099
|
-
return {
|
|
8100
|
-
width: width,
|
|
8101
|
-
height: height,
|
|
8102
|
-
top: y,
|
|
8103
|
-
right: x + width,
|
|
8104
|
-
bottom: y + height,
|
|
8105
|
-
left: x,
|
|
8106
|
-
x: x,
|
|
8107
|
-
y: y
|
|
8108
|
-
};
|
|
8109
|
-
}
|
|
8110
|
-
|
|
8111
|
-
// means it doesn't take into account transforms.
|
|
8112
|
-
|
|
8113
|
-
function getLayoutRect(element) {
|
|
8114
|
-
var clientRect = getBoundingClientRect$1(element); // Use the clientRect sizes if it's not been transformed.
|
|
8115
|
-
// Fixes https://github.com/popperjs/popper-core/issues/1223
|
|
8116
|
-
|
|
8117
|
-
var width = element.offsetWidth;
|
|
8118
|
-
var height = element.offsetHeight;
|
|
8119
|
-
|
|
8120
|
-
if (Math.abs(clientRect.width - width) <= 1) {
|
|
8121
|
-
width = clientRect.width;
|
|
8122
|
-
}
|
|
8123
|
-
|
|
8124
|
-
if (Math.abs(clientRect.height - height) <= 1) {
|
|
8125
|
-
height = clientRect.height;
|
|
8126
|
-
}
|
|
8127
|
-
|
|
8128
|
-
return {
|
|
8129
|
-
x: element.offsetLeft,
|
|
8130
|
-
y: element.offsetTop,
|
|
8131
|
-
width: width,
|
|
8132
|
-
height: height
|
|
8133
|
-
};
|
|
8134
|
-
}
|
|
8135
|
-
|
|
8136
|
-
function contains(parent, child) {
|
|
8137
|
-
var rootNode = child.getRootNode && child.getRootNode(); // First, attempt with faster native method
|
|
8138
|
-
|
|
8139
|
-
if (parent.contains(child)) {
|
|
8140
|
-
return true;
|
|
8141
|
-
} // then fallback to custom implementation with Shadow DOM support
|
|
8142
|
-
else if (rootNode && isShadowRoot$1(rootNode)) {
|
|
8143
|
-
var next = child;
|
|
8144
|
-
|
|
8145
|
-
do {
|
|
8146
|
-
if (next && parent.isSameNode(next)) {
|
|
8147
|
-
return true;
|
|
8148
|
-
} // $FlowFixMe[prop-missing]: need a better way to handle this...
|
|
8149
|
-
|
|
8150
|
-
|
|
8151
|
-
next = next.parentNode || next.host;
|
|
8152
|
-
} while (next);
|
|
8153
|
-
} // Give up, the result is false
|
|
8154
|
-
|
|
8155
|
-
|
|
8156
|
-
return false;
|
|
8157
|
-
}
|
|
8158
|
-
|
|
8159
|
-
function getComputedStyle$2(element) {
|
|
8160
|
-
return getWindow$1(element).getComputedStyle(element);
|
|
8161
|
-
}
|
|
8162
|
-
|
|
8163
|
-
function isTableElement$1(element) {
|
|
8164
|
-
return ['table', 'td', 'th'].indexOf(getNodeName$1(element)) >= 0;
|
|
8165
|
-
}
|
|
8166
|
-
|
|
8167
|
-
function getDocumentElement$1(element) {
|
|
8168
|
-
// $FlowFixMe[incompatible-return]: assume body is always available
|
|
8169
|
-
return ((isElement$1(element) ? element.ownerDocument : // $FlowFixMe[prop-missing]
|
|
8170
|
-
element.document) || window.document).documentElement;
|
|
8171
|
-
}
|
|
8172
|
-
|
|
8173
|
-
function getParentNode$1(element) {
|
|
8174
|
-
if (getNodeName$1(element) === 'html') {
|
|
8175
|
-
return element;
|
|
8176
|
-
}
|
|
8177
|
-
|
|
8178
|
-
return (// this is a quicker (but less type safe) way to save quite some bytes from the bundle
|
|
8179
|
-
// $FlowFixMe[incompatible-return]
|
|
8180
|
-
// $FlowFixMe[prop-missing]
|
|
8181
|
-
element.assignedSlot || // step into the shadow DOM of the parent of a slotted node
|
|
8182
|
-
element.parentNode || ( // DOM Element detected
|
|
8183
|
-
isShadowRoot$1(element) ? element.host : null) || // ShadowRoot detected
|
|
8184
|
-
// $FlowFixMe[incompatible-call]: HTMLElement is a Node
|
|
8185
|
-
getDocumentElement$1(element) // fallback
|
|
8186
|
-
|
|
8187
|
-
);
|
|
8188
|
-
}
|
|
8189
|
-
|
|
8190
|
-
function getTrueOffsetParent$1(element) {
|
|
8191
|
-
if (!isHTMLElement$1(element) || // https://github.com/popperjs/popper-core/issues/837
|
|
8192
|
-
getComputedStyle$2(element).position === 'fixed') {
|
|
8193
|
-
return null;
|
|
8194
|
-
}
|
|
8195
|
-
|
|
8196
|
-
return element.offsetParent;
|
|
8197
|
-
} // `.offsetParent` reports `null` for fixed elements, while absolute elements
|
|
8198
|
-
// return the containing block
|
|
8199
|
-
|
|
8200
|
-
|
|
8201
|
-
function getContainingBlock$1(element) {
|
|
8202
|
-
var isFirefox = /firefox/i.test(getUAString());
|
|
8203
|
-
var isIE = /Trident/i.test(getUAString());
|
|
8204
|
-
|
|
8205
|
-
if (isIE && isHTMLElement$1(element)) {
|
|
8206
|
-
// In IE 9, 10 and 11 fixed elements containing block is always established by the viewport
|
|
8207
|
-
var elementCss = getComputedStyle$2(element);
|
|
8208
|
-
|
|
8209
|
-
if (elementCss.position === 'fixed') {
|
|
8210
|
-
return null;
|
|
8211
|
-
}
|
|
8212
|
-
}
|
|
8213
|
-
|
|
8214
|
-
var currentNode = getParentNode$1(element);
|
|
8215
|
-
|
|
8216
|
-
if (isShadowRoot$1(currentNode)) {
|
|
8217
|
-
currentNode = currentNode.host;
|
|
8218
|
-
}
|
|
8219
|
-
|
|
8220
|
-
while (isHTMLElement$1(currentNode) && ['html', 'body'].indexOf(getNodeName$1(currentNode)) < 0) {
|
|
8221
|
-
var css = getComputedStyle$2(currentNode); // This is non-exhaustive but covers the most common CSS properties that
|
|
8222
|
-
// create a containing block.
|
|
8223
|
-
// https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
|
|
8224
|
-
|
|
8225
|
-
if (css.transform !== 'none' || css.perspective !== 'none' || css.contain === 'paint' || ['transform', 'perspective'].indexOf(css.willChange) !== -1 || isFirefox && css.willChange === 'filter' || isFirefox && css.filter && css.filter !== 'none') {
|
|
8226
|
-
return currentNode;
|
|
8227
|
-
} else {
|
|
8228
|
-
currentNode = currentNode.parentNode;
|
|
8229
|
-
}
|
|
8230
|
-
}
|
|
8231
|
-
|
|
8232
|
-
return null;
|
|
8233
|
-
} // Gets the closest ancestor positioned element. Handles some edge cases,
|
|
8234
|
-
// such as table ancestors and cross browser bugs.
|
|
8235
|
-
|
|
8236
|
-
|
|
8237
|
-
function getOffsetParent$1(element) {
|
|
8238
|
-
var window = getWindow$1(element);
|
|
8239
|
-
var offsetParent = getTrueOffsetParent$1(element);
|
|
8240
|
-
|
|
8241
|
-
while (offsetParent && isTableElement$1(offsetParent) && getComputedStyle$2(offsetParent).position === 'static') {
|
|
8242
|
-
offsetParent = getTrueOffsetParent$1(offsetParent);
|
|
8243
|
-
}
|
|
8244
|
-
|
|
8245
|
-
if (offsetParent && (getNodeName$1(offsetParent) === 'html' || getNodeName$1(offsetParent) === 'body' && getComputedStyle$2(offsetParent).position === 'static')) {
|
|
8246
|
-
return window;
|
|
8247
|
-
}
|
|
8248
|
-
|
|
8249
|
-
return offsetParent || getContainingBlock$1(element) || window;
|
|
8250
|
-
}
|
|
8251
|
-
|
|
8252
|
-
function getMainAxisFromPlacement(placement) {
|
|
8253
|
-
return ['top', 'bottom'].indexOf(placement) >= 0 ? 'x' : 'y';
|
|
8254
|
-
}
|
|
8255
|
-
|
|
8256
|
-
function within(min, value, max) {
|
|
8257
|
-
return max$1(min, min$1(value, max));
|
|
8258
|
-
}
|
|
8259
|
-
function withinMaxClamp(min, value, max) {
|
|
8260
|
-
var v = within(min, value, max);
|
|
8261
|
-
return v > max ? max : v;
|
|
8262
|
-
}
|
|
8263
|
-
|
|
8264
|
-
function getFreshSideObject() {
|
|
8265
|
-
return {
|
|
8266
|
-
top: 0,
|
|
8267
|
-
right: 0,
|
|
8268
|
-
bottom: 0,
|
|
8269
|
-
left: 0
|
|
8270
|
-
};
|
|
8271
|
-
}
|
|
8272
|
-
|
|
8273
|
-
function mergePaddingObject(paddingObject) {
|
|
8274
|
-
return Object.assign({}, getFreshSideObject(), paddingObject);
|
|
8275
|
-
}
|
|
8276
|
-
|
|
8277
|
-
function expandToHashMap(value, keys) {
|
|
8278
|
-
return keys.reduce(function (hashMap, key) {
|
|
8279
|
-
hashMap[key] = value;
|
|
8280
|
-
return hashMap;
|
|
8281
|
-
}, {});
|
|
8282
|
-
}
|
|
8283
|
-
|
|
8284
|
-
var toPaddingObject = function toPaddingObject(padding, state) {
|
|
8285
|
-
padding = typeof padding === 'function' ? padding(Object.assign({}, state.rects, {
|
|
8286
|
-
placement: state.placement
|
|
8287
|
-
})) : padding;
|
|
8288
|
-
return mergePaddingObject(typeof padding !== 'number' ? padding : expandToHashMap(padding, basePlacements));
|
|
8289
|
-
};
|
|
8290
|
-
|
|
8291
|
-
function arrow(_ref) {
|
|
8292
|
-
var _state$modifiersData$;
|
|
8293
|
-
|
|
8294
|
-
var state = _ref.state,
|
|
8295
|
-
name = _ref.name,
|
|
8296
|
-
options = _ref.options;
|
|
8297
|
-
var arrowElement = state.elements.arrow;
|
|
8298
|
-
var popperOffsets = state.modifiersData.popperOffsets;
|
|
8299
|
-
var basePlacement = getBasePlacement(state.placement);
|
|
8300
|
-
var axis = getMainAxisFromPlacement(basePlacement);
|
|
8301
|
-
var isVertical = [left, right].indexOf(basePlacement) >= 0;
|
|
8302
|
-
var len = isVertical ? 'height' : 'width';
|
|
8303
|
-
|
|
8304
|
-
if (!arrowElement || !popperOffsets) {
|
|
8305
|
-
return;
|
|
8306
|
-
}
|
|
8307
|
-
|
|
8308
|
-
var paddingObject = toPaddingObject(options.padding, state);
|
|
8309
|
-
var arrowRect = getLayoutRect(arrowElement);
|
|
8310
|
-
var minProp = axis === 'y' ? top : left;
|
|
8311
|
-
var maxProp = axis === 'y' ? bottom : right;
|
|
8312
|
-
var endDiff = state.rects.reference[len] + state.rects.reference[axis] - popperOffsets[axis] - state.rects.popper[len];
|
|
8313
|
-
var startDiff = popperOffsets[axis] - state.rects.reference[axis];
|
|
8314
|
-
var arrowOffsetParent = getOffsetParent$1(arrowElement);
|
|
8315
|
-
var clientSize = arrowOffsetParent ? axis === 'y' ? arrowOffsetParent.clientHeight || 0 : arrowOffsetParent.clientWidth || 0 : 0;
|
|
8316
|
-
var centerToReference = endDiff / 2 - startDiff / 2; // Make sure the arrow doesn't overflow the popper if the center point is
|
|
8317
|
-
// outside of the popper bounds
|
|
8318
|
-
|
|
8319
|
-
var min = paddingObject[minProp];
|
|
8320
|
-
var max = clientSize - arrowRect[len] - paddingObject[maxProp];
|
|
8321
|
-
var center = clientSize / 2 - arrowRect[len] / 2 + centerToReference;
|
|
8322
|
-
var offset = within(min, center, max); // Prevents breaking syntax highlighting...
|
|
8323
|
-
|
|
8324
|
-
var axisProp = axis;
|
|
8325
|
-
state.modifiersData[name] = (_state$modifiersData$ = {}, _state$modifiersData$[axisProp] = offset, _state$modifiersData$.centerOffset = offset - center, _state$modifiersData$);
|
|
8326
|
-
}
|
|
8327
|
-
|
|
8328
|
-
function effect$1(_ref2) {
|
|
8329
|
-
var state = _ref2.state,
|
|
8330
|
-
options = _ref2.options;
|
|
8331
|
-
var _options$element = options.element,
|
|
8332
|
-
arrowElement = _options$element === void 0 ? '[data-popper-arrow]' : _options$element;
|
|
8333
|
-
|
|
8334
|
-
if (arrowElement == null) {
|
|
8335
|
-
return;
|
|
8336
|
-
} // CSS selector
|
|
8337
|
-
|
|
8338
|
-
|
|
8339
|
-
if (typeof arrowElement === 'string') {
|
|
8340
|
-
arrowElement = state.elements.popper.querySelector(arrowElement);
|
|
8341
|
-
|
|
8342
|
-
if (!arrowElement) {
|
|
8343
|
-
return;
|
|
8344
|
-
}
|
|
8345
|
-
}
|
|
8346
|
-
|
|
8347
|
-
if (!contains(state.elements.popper, arrowElement)) {
|
|
8348
|
-
return;
|
|
8349
|
-
}
|
|
8350
|
-
|
|
8351
|
-
state.elements.arrow = arrowElement;
|
|
8352
|
-
} // eslint-disable-next-line import/no-unused-modules
|
|
8353
|
-
|
|
8354
|
-
|
|
8355
|
-
var arrow$1 = {
|
|
8356
|
-
name: 'arrow',
|
|
8357
|
-
enabled: true,
|
|
8358
|
-
phase: 'main',
|
|
8359
|
-
fn: arrow,
|
|
8360
|
-
effect: effect$1,
|
|
8361
|
-
requires: ['popperOffsets'],
|
|
8362
|
-
requiresIfExists: ['preventOverflow']
|
|
8363
|
-
};
|
|
8364
|
-
|
|
8365
|
-
function getVariation(placement) {
|
|
8366
|
-
return placement.split('-')[1];
|
|
8367
|
-
}
|
|
8368
|
-
|
|
8369
|
-
var unsetSides = {
|
|
8370
|
-
top: 'auto',
|
|
8371
|
-
right: 'auto',
|
|
8372
|
-
bottom: 'auto',
|
|
8373
|
-
left: 'auto'
|
|
8374
|
-
}; // Round the offsets to the nearest suitable subpixel based on the DPR.
|
|
8375
|
-
// Zooming can change the DPR, but it seems to report a value that will
|
|
8376
|
-
// cleanly divide the values into the appropriate subpixels.
|
|
8377
|
-
|
|
8378
|
-
function roundOffsetsByDPR(_ref, win) {
|
|
8379
|
-
var x = _ref.x,
|
|
8380
|
-
y = _ref.y;
|
|
8381
|
-
var dpr = win.devicePixelRatio || 1;
|
|
8382
|
-
return {
|
|
8383
|
-
x: round$1(x * dpr) / dpr || 0,
|
|
8384
|
-
y: round$1(y * dpr) / dpr || 0
|
|
8385
|
-
};
|
|
8386
|
-
}
|
|
8387
|
-
|
|
8388
|
-
function mapToStyles(_ref2) {
|
|
8389
|
-
var _Object$assign2;
|
|
8390
|
-
|
|
8391
|
-
var popper = _ref2.popper,
|
|
8392
|
-
popperRect = _ref2.popperRect,
|
|
8393
|
-
placement = _ref2.placement,
|
|
8394
|
-
variation = _ref2.variation,
|
|
8395
|
-
offsets = _ref2.offsets,
|
|
8396
|
-
position = _ref2.position,
|
|
8397
|
-
gpuAcceleration = _ref2.gpuAcceleration,
|
|
8398
|
-
adaptive = _ref2.adaptive,
|
|
8399
|
-
roundOffsets = _ref2.roundOffsets,
|
|
8400
|
-
isFixed = _ref2.isFixed;
|
|
8401
|
-
var _offsets$x = offsets.x,
|
|
8402
|
-
x = _offsets$x === void 0 ? 0 : _offsets$x,
|
|
8403
|
-
_offsets$y = offsets.y,
|
|
8404
|
-
y = _offsets$y === void 0 ? 0 : _offsets$y;
|
|
8405
|
-
|
|
8406
|
-
var _ref3 = typeof roundOffsets === 'function' ? roundOffsets({
|
|
8407
|
-
x: x,
|
|
8408
|
-
y: y
|
|
8409
|
-
}) : {
|
|
8410
|
-
x: x,
|
|
8411
|
-
y: y
|
|
8412
|
-
};
|
|
8413
|
-
|
|
8414
|
-
x = _ref3.x;
|
|
8415
|
-
y = _ref3.y;
|
|
8416
|
-
var hasX = offsets.hasOwnProperty('x');
|
|
8417
|
-
var hasY = offsets.hasOwnProperty('y');
|
|
8418
|
-
var sideX = left;
|
|
8419
|
-
var sideY = top;
|
|
8420
|
-
var win = window;
|
|
8421
|
-
|
|
8422
|
-
if (adaptive) {
|
|
8423
|
-
var offsetParent = getOffsetParent$1(popper);
|
|
8424
|
-
var heightProp = 'clientHeight';
|
|
8425
|
-
var widthProp = 'clientWidth';
|
|
8426
|
-
|
|
8427
|
-
if (offsetParent === getWindow$1(popper)) {
|
|
8428
|
-
offsetParent = getDocumentElement$1(popper);
|
|
8429
|
-
|
|
8430
|
-
if (getComputedStyle$2(offsetParent).position !== 'static' && position === 'absolute') {
|
|
8431
|
-
heightProp = 'scrollHeight';
|
|
8432
|
-
widthProp = 'scrollWidth';
|
|
8433
|
-
}
|
|
8434
|
-
} // $FlowFixMe[incompatible-cast]: force type refinement, we compare offsetParent with window above, but Flow doesn't detect it
|
|
8435
|
-
|
|
8436
|
-
|
|
8437
|
-
offsetParent = offsetParent;
|
|
8438
|
-
|
|
8439
|
-
if (placement === top || (placement === left || placement === right) && variation === end) {
|
|
8440
|
-
sideY = bottom;
|
|
8441
|
-
var offsetY = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.height : // $FlowFixMe[prop-missing]
|
|
8442
|
-
offsetParent[heightProp];
|
|
8443
|
-
y -= offsetY - popperRect.height;
|
|
8444
|
-
y *= gpuAcceleration ? 1 : -1;
|
|
8445
|
-
}
|
|
8446
|
-
|
|
8447
|
-
if (placement === left || (placement === top || placement === bottom) && variation === end) {
|
|
8448
|
-
sideX = right;
|
|
8449
|
-
var offsetX = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.width : // $FlowFixMe[prop-missing]
|
|
8450
|
-
offsetParent[widthProp];
|
|
8451
|
-
x -= offsetX - popperRect.width;
|
|
8452
|
-
x *= gpuAcceleration ? 1 : -1;
|
|
8453
|
-
}
|
|
8454
|
-
}
|
|
8455
|
-
|
|
8456
|
-
var commonStyles = Object.assign({
|
|
8457
|
-
position: position
|
|
8458
|
-
}, adaptive && unsetSides);
|
|
8459
|
-
|
|
8460
|
-
var _ref4 = roundOffsets === true ? roundOffsetsByDPR({
|
|
8461
|
-
x: x,
|
|
8462
|
-
y: y
|
|
8463
|
-
}, getWindow$1(popper)) : {
|
|
8464
|
-
x: x,
|
|
8465
|
-
y: y
|
|
8466
|
-
};
|
|
8467
|
-
|
|
8468
|
-
x = _ref4.x;
|
|
8469
|
-
y = _ref4.y;
|
|
8470
|
-
|
|
8471
|
-
if (gpuAcceleration) {
|
|
8472
|
-
var _Object$assign;
|
|
8473
|
-
|
|
8474
|
-
return Object.assign({}, commonStyles, (_Object$assign = {}, _Object$assign[sideY] = hasY ? '0' : '', _Object$assign[sideX] = hasX ? '0' : '', _Object$assign.transform = (win.devicePixelRatio || 1) <= 1 ? "translate(" + x + "px, " + y + "px)" : "translate3d(" + x + "px, " + y + "px, 0)", _Object$assign));
|
|
8475
|
-
}
|
|
8476
|
-
|
|
8477
|
-
return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + "px" : '', _Object$assign2[sideX] = hasX ? x + "px" : '', _Object$assign2.transform = '', _Object$assign2));
|
|
8478
|
-
}
|
|
8479
|
-
|
|
8480
|
-
function computeStyles(_ref5) {
|
|
8481
|
-
var state = _ref5.state,
|
|
8482
|
-
options = _ref5.options;
|
|
8483
|
-
var _options$gpuAccelerat = options.gpuAcceleration,
|
|
8484
|
-
gpuAcceleration = _options$gpuAccelerat === void 0 ? true : _options$gpuAccelerat,
|
|
8485
|
-
_options$adaptive = options.adaptive,
|
|
8486
|
-
adaptive = _options$adaptive === void 0 ? true : _options$adaptive,
|
|
8487
|
-
_options$roundOffsets = options.roundOffsets,
|
|
8488
|
-
roundOffsets = _options$roundOffsets === void 0 ? true : _options$roundOffsets;
|
|
8489
|
-
var commonStyles = {
|
|
8490
|
-
placement: getBasePlacement(state.placement),
|
|
8491
|
-
variation: getVariation(state.placement),
|
|
8492
|
-
popper: state.elements.popper,
|
|
8493
|
-
popperRect: state.rects.popper,
|
|
8494
|
-
gpuAcceleration: gpuAcceleration,
|
|
8495
|
-
isFixed: state.options.strategy === 'fixed'
|
|
8496
|
-
};
|
|
8497
|
-
|
|
8498
|
-
if (state.modifiersData.popperOffsets != null) {
|
|
8499
|
-
state.styles.popper = Object.assign({}, state.styles.popper, mapToStyles(Object.assign({}, commonStyles, {
|
|
8500
|
-
offsets: state.modifiersData.popperOffsets,
|
|
8501
|
-
position: state.options.strategy,
|
|
8502
|
-
adaptive: adaptive,
|
|
8503
|
-
roundOffsets: roundOffsets
|
|
8504
|
-
})));
|
|
8505
|
-
}
|
|
8506
|
-
|
|
8507
|
-
if (state.modifiersData.arrow != null) {
|
|
8508
|
-
state.styles.arrow = Object.assign({}, state.styles.arrow, mapToStyles(Object.assign({}, commonStyles, {
|
|
8509
|
-
offsets: state.modifiersData.arrow,
|
|
8510
|
-
position: 'absolute',
|
|
8511
|
-
adaptive: false,
|
|
8512
|
-
roundOffsets: roundOffsets
|
|
8513
|
-
})));
|
|
8514
|
-
}
|
|
8515
|
-
|
|
8516
|
-
state.attributes.popper = Object.assign({}, state.attributes.popper, {
|
|
8517
|
-
'data-popper-placement': state.placement
|
|
8518
|
-
});
|
|
8519
|
-
} // eslint-disable-next-line import/no-unused-modules
|
|
8520
|
-
|
|
8521
|
-
|
|
8522
|
-
var computeStyles$1 = {
|
|
8523
|
-
name: 'computeStyles',
|
|
8524
|
-
enabled: true,
|
|
8525
|
-
phase: 'beforeWrite',
|
|
8526
|
-
fn: computeStyles,
|
|
8527
|
-
data: {}
|
|
8528
|
-
};
|
|
8529
|
-
|
|
8530
|
-
var passive = {
|
|
8531
|
-
passive: true
|
|
8532
|
-
};
|
|
8533
|
-
|
|
8534
|
-
function effect(_ref) {
|
|
8535
|
-
var state = _ref.state,
|
|
8536
|
-
instance = _ref.instance,
|
|
8537
|
-
options = _ref.options;
|
|
8538
|
-
var _options$scroll = options.scroll,
|
|
8539
|
-
scroll = _options$scroll === void 0 ? true : _options$scroll,
|
|
8540
|
-
_options$resize = options.resize,
|
|
8541
|
-
resize = _options$resize === void 0 ? true : _options$resize;
|
|
8542
|
-
var window = getWindow$1(state.elements.popper);
|
|
8543
|
-
var scrollParents = [].concat(state.scrollParents.reference, state.scrollParents.popper);
|
|
8544
|
-
|
|
8545
|
-
if (scroll) {
|
|
8546
|
-
scrollParents.forEach(function (scrollParent) {
|
|
8547
|
-
scrollParent.addEventListener('scroll', instance.update, passive);
|
|
8548
|
-
});
|
|
8549
|
-
}
|
|
8550
|
-
|
|
8551
|
-
if (resize) {
|
|
8552
|
-
window.addEventListener('resize', instance.update, passive);
|
|
8553
|
-
}
|
|
8554
|
-
|
|
8555
|
-
return function () {
|
|
8556
|
-
if (scroll) {
|
|
8557
|
-
scrollParents.forEach(function (scrollParent) {
|
|
8558
|
-
scrollParent.removeEventListener('scroll', instance.update, passive);
|
|
8559
|
-
});
|
|
8560
|
-
}
|
|
8561
|
-
|
|
8562
|
-
if (resize) {
|
|
8563
|
-
window.removeEventListener('resize', instance.update, passive);
|
|
8564
|
-
}
|
|
8565
|
-
};
|
|
8566
|
-
} // eslint-disable-next-line import/no-unused-modules
|
|
8567
|
-
|
|
8568
|
-
|
|
8569
|
-
var eventListeners = {
|
|
8570
|
-
name: 'eventListeners',
|
|
8571
|
-
enabled: true,
|
|
8572
|
-
phase: 'write',
|
|
8573
|
-
fn: function fn() {},
|
|
8574
|
-
effect: effect,
|
|
8575
|
-
data: {}
|
|
8576
|
-
};
|
|
8577
|
-
|
|
8578
|
-
var hash$1 = {
|
|
8579
|
-
left: 'right',
|
|
8580
|
-
right: 'left',
|
|
8581
|
-
bottom: 'top',
|
|
8582
|
-
top: 'bottom'
|
|
8583
|
-
};
|
|
8584
|
-
function getOppositePlacement$1(placement) {
|
|
8585
|
-
return placement.replace(/left|right|bottom|top/g, function (matched) {
|
|
8586
|
-
return hash$1[matched];
|
|
8587
|
-
});
|
|
8588
|
-
}
|
|
8589
|
-
|
|
8590
|
-
var hash = {
|
|
8591
|
-
start: 'end',
|
|
8592
|
-
end: 'start'
|
|
8593
|
-
};
|
|
8594
|
-
function getOppositeVariationPlacement(placement) {
|
|
8595
|
-
return placement.replace(/start|end/g, function (matched) {
|
|
8596
|
-
return hash[matched];
|
|
8597
|
-
});
|
|
8598
|
-
}
|
|
8599
|
-
|
|
8600
|
-
function getWindowScroll(node) {
|
|
8601
|
-
var win = getWindow$1(node);
|
|
8602
|
-
var scrollLeft = win.pageXOffset;
|
|
8603
|
-
var scrollTop = win.pageYOffset;
|
|
8604
|
-
return {
|
|
8605
|
-
scrollLeft: scrollLeft,
|
|
8606
|
-
scrollTop: scrollTop
|
|
8607
|
-
};
|
|
8608
|
-
}
|
|
8609
|
-
|
|
8610
|
-
function getWindowScrollBarX$1(element) {
|
|
8611
|
-
// If <html> has a CSS width greater than the viewport, then this will be
|
|
8612
|
-
// incorrect for RTL.
|
|
8613
|
-
// Popper 1 is broken in this case and never had a bug report so let's assume
|
|
8614
|
-
// it's not an issue. I don't think anyone ever specifies width on <html>
|
|
8615
|
-
// anyway.
|
|
8616
|
-
// Browsers where the left scrollbar doesn't cause an issue report `0` for
|
|
8617
|
-
// this (e.g. Edge 2019, IE11, Safari)
|
|
8618
|
-
return getBoundingClientRect$1(getDocumentElement$1(element)).left + getWindowScroll(element).scrollLeft;
|
|
8619
|
-
}
|
|
8620
|
-
|
|
8621
|
-
function getViewportRect$1(element, strategy) {
|
|
8622
|
-
var win = getWindow$1(element);
|
|
8623
|
-
var html = getDocumentElement$1(element);
|
|
8624
|
-
var visualViewport = win.visualViewport;
|
|
8625
|
-
var width = html.clientWidth;
|
|
8626
|
-
var height = html.clientHeight;
|
|
8627
|
-
var x = 0;
|
|
8628
|
-
var y = 0;
|
|
8629
|
-
|
|
8630
|
-
if (visualViewport) {
|
|
8631
|
-
width = visualViewport.width;
|
|
8632
|
-
height = visualViewport.height;
|
|
8633
|
-
var layoutViewport = isLayoutViewport();
|
|
8634
|
-
|
|
8635
|
-
if (layoutViewport || !layoutViewport && strategy === 'fixed') {
|
|
8636
|
-
x = visualViewport.offsetLeft;
|
|
8637
|
-
y = visualViewport.offsetTop;
|
|
8638
|
-
}
|
|
8639
|
-
}
|
|
8640
|
-
|
|
8641
|
-
return {
|
|
8642
|
-
width: width,
|
|
8643
|
-
height: height,
|
|
8644
|
-
x: x + getWindowScrollBarX$1(element),
|
|
8645
|
-
y: y
|
|
8646
|
-
};
|
|
8647
|
-
}
|
|
8648
|
-
|
|
8649
|
-
// of the `<html>` and `<body>` rect bounds if horizontally scrollable
|
|
8650
|
-
|
|
8651
|
-
function getDocumentRect$1(element) {
|
|
8652
|
-
var _element$ownerDocumen;
|
|
8653
|
-
|
|
8654
|
-
var html = getDocumentElement$1(element);
|
|
8655
|
-
var winScroll = getWindowScroll(element);
|
|
8656
|
-
var body = (_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body;
|
|
8657
|
-
var width = max$1(html.scrollWidth, html.clientWidth, body ? body.scrollWidth : 0, body ? body.clientWidth : 0);
|
|
8658
|
-
var height = max$1(html.scrollHeight, html.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0);
|
|
8659
|
-
var x = -winScroll.scrollLeft + getWindowScrollBarX$1(element);
|
|
8660
|
-
var y = -winScroll.scrollTop;
|
|
8661
|
-
|
|
8662
|
-
if (getComputedStyle$2(body || html).direction === 'rtl') {
|
|
8663
|
-
x += max$1(html.clientWidth, body ? body.clientWidth : 0) - width;
|
|
8664
|
-
}
|
|
8665
|
-
|
|
8666
|
-
return {
|
|
8667
|
-
width: width,
|
|
8668
|
-
height: height,
|
|
8669
|
-
x: x,
|
|
8670
|
-
y: y
|
|
8671
|
-
};
|
|
8672
|
-
}
|
|
8673
|
-
|
|
8674
|
-
function isScrollParent(element) {
|
|
8675
|
-
// Firefox wants us to check `-x` and `-y` variations as well
|
|
8676
|
-
var _getComputedStyle = getComputedStyle$2(element),
|
|
8677
|
-
overflow = _getComputedStyle.overflow,
|
|
8678
|
-
overflowX = _getComputedStyle.overflowX,
|
|
8679
|
-
overflowY = _getComputedStyle.overflowY;
|
|
8680
|
-
|
|
8681
|
-
return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);
|
|
8682
|
-
}
|
|
8683
|
-
|
|
8684
|
-
function getScrollParent(node) {
|
|
8685
|
-
if (['html', 'body', '#document'].indexOf(getNodeName$1(node)) >= 0) {
|
|
8686
|
-
// $FlowFixMe[incompatible-return]: assume body is always available
|
|
8687
|
-
return node.ownerDocument.body;
|
|
8688
|
-
}
|
|
8689
|
-
|
|
8690
|
-
if (isHTMLElement$1(node) && isScrollParent(node)) {
|
|
8691
|
-
return node;
|
|
8692
|
-
}
|
|
8693
|
-
|
|
8694
|
-
return getScrollParent(getParentNode$1(node));
|
|
8695
|
-
}
|
|
8696
|
-
|
|
8697
|
-
/*
|
|
8698
|
-
given a DOM element, return the list of all scroll parents, up the list of ancesors
|
|
8699
|
-
until we get to the top window object. This list is what we attach scroll listeners
|
|
8700
|
-
to, because if any of these parent elements scroll, we'll need to re-calculate the
|
|
8701
|
-
reference element's position.
|
|
8702
|
-
*/
|
|
8703
|
-
|
|
8704
|
-
function listScrollParents(element, list) {
|
|
8705
|
-
var _element$ownerDocumen;
|
|
8706
|
-
|
|
8707
|
-
if (list === void 0) {
|
|
8708
|
-
list = [];
|
|
8709
|
-
}
|
|
8710
|
-
|
|
8711
|
-
var scrollParent = getScrollParent(element);
|
|
8712
|
-
var isBody = scrollParent === ((_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body);
|
|
8713
|
-
var win = getWindow$1(scrollParent);
|
|
8714
|
-
var target = isBody ? [win].concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : []) : scrollParent;
|
|
8715
|
-
var updatedList = list.concat(target);
|
|
8716
|
-
return isBody ? updatedList : // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
|
|
8717
|
-
updatedList.concat(listScrollParents(getParentNode$1(target)));
|
|
8718
|
-
}
|
|
8719
|
-
|
|
8720
|
-
function rectToClientRect$1(rect) {
|
|
8721
|
-
return Object.assign({}, rect, {
|
|
8722
|
-
left: rect.x,
|
|
8723
|
-
top: rect.y,
|
|
8724
|
-
right: rect.x + rect.width,
|
|
8725
|
-
bottom: rect.y + rect.height
|
|
8726
|
-
});
|
|
8727
|
-
}
|
|
8728
|
-
|
|
8729
|
-
function getInnerBoundingClientRect$1(element, strategy) {
|
|
8730
|
-
var rect = getBoundingClientRect$1(element, false, strategy === 'fixed');
|
|
8731
|
-
rect.top = rect.top + element.clientTop;
|
|
8732
|
-
rect.left = rect.left + element.clientLeft;
|
|
8733
|
-
rect.bottom = rect.top + element.clientHeight;
|
|
8734
|
-
rect.right = rect.left + element.clientWidth;
|
|
8735
|
-
rect.width = element.clientWidth;
|
|
8736
|
-
rect.height = element.clientHeight;
|
|
8737
|
-
rect.x = rect.left;
|
|
8738
|
-
rect.y = rect.top;
|
|
8739
|
-
return rect;
|
|
8740
|
-
}
|
|
8741
|
-
|
|
8742
|
-
function getClientRectFromMixedType(element, clippingParent, strategy) {
|
|
8743
|
-
return clippingParent === viewport ? rectToClientRect$1(getViewportRect$1(element, strategy)) : isElement$1(clippingParent) ? getInnerBoundingClientRect$1(clippingParent, strategy) : rectToClientRect$1(getDocumentRect$1(getDocumentElement$1(element)));
|
|
8744
|
-
} // A "clipping parent" is an overflowable container with the characteristic of
|
|
8745
|
-
// clipping (or hiding) overflowing elements with a position different from
|
|
8746
|
-
// `initial`
|
|
8747
|
-
|
|
8748
|
-
|
|
8749
|
-
function getClippingParents(element) {
|
|
8750
|
-
var clippingParents = listScrollParents(getParentNode$1(element));
|
|
8751
|
-
var canEscapeClipping = ['absolute', 'fixed'].indexOf(getComputedStyle$2(element).position) >= 0;
|
|
8752
|
-
var clipperElement = canEscapeClipping && isHTMLElement$1(element) ? getOffsetParent$1(element) : element;
|
|
8753
|
-
|
|
8754
|
-
if (!isElement$1(clipperElement)) {
|
|
8755
|
-
return [];
|
|
8756
|
-
} // $FlowFixMe[incompatible-return]: https://github.com/facebook/flow/issues/1414
|
|
8757
|
-
|
|
8758
|
-
|
|
8759
|
-
return clippingParents.filter(function (clippingParent) {
|
|
8760
|
-
return isElement$1(clippingParent) && contains(clippingParent, clipperElement) && getNodeName$1(clippingParent) !== 'body';
|
|
8761
|
-
});
|
|
8762
|
-
} // Gets the maximum area that the element is visible in due to any number of
|
|
8763
|
-
// clipping parents
|
|
8764
|
-
|
|
8765
|
-
|
|
8766
|
-
function getClippingRect$1(element, boundary, rootBoundary, strategy) {
|
|
8767
|
-
var mainClippingParents = boundary === 'clippingParents' ? getClippingParents(element) : [].concat(boundary);
|
|
8768
|
-
var clippingParents = [].concat(mainClippingParents, [rootBoundary]);
|
|
8769
|
-
var firstClippingParent = clippingParents[0];
|
|
8770
|
-
var clippingRect = clippingParents.reduce(function (accRect, clippingParent) {
|
|
8771
|
-
var rect = getClientRectFromMixedType(element, clippingParent, strategy);
|
|
8772
|
-
accRect.top = max$1(rect.top, accRect.top);
|
|
8773
|
-
accRect.right = min$1(rect.right, accRect.right);
|
|
8774
|
-
accRect.bottom = min$1(rect.bottom, accRect.bottom);
|
|
8775
|
-
accRect.left = max$1(rect.left, accRect.left);
|
|
8776
|
-
return accRect;
|
|
8777
|
-
}, getClientRectFromMixedType(element, firstClippingParent, strategy));
|
|
8778
|
-
clippingRect.width = clippingRect.right - clippingRect.left;
|
|
8779
|
-
clippingRect.height = clippingRect.bottom - clippingRect.top;
|
|
8780
|
-
clippingRect.x = clippingRect.left;
|
|
8781
|
-
clippingRect.y = clippingRect.top;
|
|
8782
|
-
return clippingRect;
|
|
8783
|
-
}
|
|
8784
|
-
|
|
8785
|
-
function computeOffsets(_ref) {
|
|
8786
|
-
var reference = _ref.reference,
|
|
8787
|
-
element = _ref.element,
|
|
8788
|
-
placement = _ref.placement;
|
|
8789
|
-
var basePlacement = placement ? getBasePlacement(placement) : null;
|
|
8790
|
-
var variation = placement ? getVariation(placement) : null;
|
|
8791
|
-
var commonX = reference.x + reference.width / 2 - element.width / 2;
|
|
8792
|
-
var commonY = reference.y + reference.height / 2 - element.height / 2;
|
|
8793
|
-
var offsets;
|
|
8794
|
-
|
|
8795
|
-
switch (basePlacement) {
|
|
8796
|
-
case top:
|
|
8797
|
-
offsets = {
|
|
8798
|
-
x: commonX,
|
|
8799
|
-
y: reference.y - element.height
|
|
8800
|
-
};
|
|
8801
|
-
break;
|
|
8802
|
-
|
|
8803
|
-
case bottom:
|
|
8804
|
-
offsets = {
|
|
8805
|
-
x: commonX,
|
|
8806
|
-
y: reference.y + reference.height
|
|
8807
|
-
};
|
|
8808
|
-
break;
|
|
8809
|
-
|
|
8810
|
-
case right:
|
|
8811
|
-
offsets = {
|
|
8812
|
-
x: reference.x + reference.width,
|
|
8813
|
-
y: commonY
|
|
8814
|
-
};
|
|
8815
|
-
break;
|
|
8816
|
-
|
|
8817
|
-
case left:
|
|
8818
|
-
offsets = {
|
|
8819
|
-
x: reference.x - element.width,
|
|
8820
|
-
y: commonY
|
|
8821
|
-
};
|
|
8822
|
-
break;
|
|
8823
|
-
|
|
8824
|
-
default:
|
|
8825
|
-
offsets = {
|
|
8826
|
-
x: reference.x,
|
|
8827
|
-
y: reference.y
|
|
8828
|
-
};
|
|
8829
|
-
}
|
|
8830
|
-
|
|
8831
|
-
var mainAxis = basePlacement ? getMainAxisFromPlacement(basePlacement) : null;
|
|
8832
|
-
|
|
8833
|
-
if (mainAxis != null) {
|
|
8834
|
-
var len = mainAxis === 'y' ? 'height' : 'width';
|
|
8835
|
-
|
|
8836
|
-
switch (variation) {
|
|
8837
|
-
case start:
|
|
8838
|
-
offsets[mainAxis] = offsets[mainAxis] - (reference[len] / 2 - element[len] / 2);
|
|
8839
|
-
break;
|
|
8840
|
-
|
|
8841
|
-
case end:
|
|
8842
|
-
offsets[mainAxis] = offsets[mainAxis] + (reference[len] / 2 - element[len] / 2);
|
|
8843
|
-
break;
|
|
8844
|
-
}
|
|
8845
|
-
}
|
|
8846
|
-
|
|
8847
|
-
return offsets;
|
|
8848
|
-
}
|
|
8849
|
-
|
|
8850
|
-
function detectOverflow$1(state, options) {
|
|
8851
|
-
if (options === void 0) {
|
|
8852
|
-
options = {};
|
|
8853
|
-
}
|
|
8854
|
-
|
|
8855
|
-
var _options = options,
|
|
8856
|
-
_options$placement = _options.placement,
|
|
8857
|
-
placement = _options$placement === void 0 ? state.placement : _options$placement,
|
|
8858
|
-
_options$strategy = _options.strategy,
|
|
8859
|
-
strategy = _options$strategy === void 0 ? state.strategy : _options$strategy,
|
|
8860
|
-
_options$boundary = _options.boundary,
|
|
8861
|
-
boundary = _options$boundary === void 0 ? clippingParents : _options$boundary,
|
|
8862
|
-
_options$rootBoundary = _options.rootBoundary,
|
|
8863
|
-
rootBoundary = _options$rootBoundary === void 0 ? viewport : _options$rootBoundary,
|
|
8864
|
-
_options$elementConte = _options.elementContext,
|
|
8865
|
-
elementContext = _options$elementConte === void 0 ? popper : _options$elementConte,
|
|
8866
|
-
_options$altBoundary = _options.altBoundary,
|
|
8867
|
-
altBoundary = _options$altBoundary === void 0 ? false : _options$altBoundary,
|
|
8868
|
-
_options$padding = _options.padding,
|
|
8869
|
-
padding = _options$padding === void 0 ? 0 : _options$padding;
|
|
8870
|
-
var paddingObject = mergePaddingObject(typeof padding !== 'number' ? padding : expandToHashMap(padding, basePlacements));
|
|
8871
|
-
var altContext = elementContext === popper ? reference : popper;
|
|
8872
|
-
var popperRect = state.rects.popper;
|
|
8873
|
-
var element = state.elements[altBoundary ? altContext : elementContext];
|
|
8874
|
-
var clippingClientRect = getClippingRect$1(isElement$1(element) ? element : element.contextElement || getDocumentElement$1(state.elements.popper), boundary, rootBoundary, strategy);
|
|
8875
|
-
var referenceClientRect = getBoundingClientRect$1(state.elements.reference);
|
|
8876
|
-
var popperOffsets = computeOffsets({
|
|
8877
|
-
reference: referenceClientRect,
|
|
8878
|
-
element: popperRect,
|
|
8879
|
-
placement: placement
|
|
8880
|
-
});
|
|
8881
|
-
var popperClientRect = rectToClientRect$1(Object.assign({}, popperRect, popperOffsets));
|
|
8882
|
-
var elementClientRect = elementContext === popper ? popperClientRect : referenceClientRect; // positive = overflowing the clipping rect
|
|
8883
|
-
// 0 or negative = within the clipping rect
|
|
8884
|
-
|
|
8885
|
-
var overflowOffsets = {
|
|
8886
|
-
top: clippingClientRect.top - elementClientRect.top + paddingObject.top,
|
|
8887
|
-
bottom: elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom,
|
|
8888
|
-
left: clippingClientRect.left - elementClientRect.left + paddingObject.left,
|
|
8889
|
-
right: elementClientRect.right - clippingClientRect.right + paddingObject.right
|
|
8890
|
-
};
|
|
8891
|
-
var offsetData = state.modifiersData.offset; // Offsets can be applied only to the popper element
|
|
8892
|
-
|
|
8893
|
-
if (elementContext === popper && offsetData) {
|
|
8894
|
-
var offset = offsetData[placement];
|
|
8895
|
-
Object.keys(overflowOffsets).forEach(function (key) {
|
|
8896
|
-
var multiply = [right, bottom].indexOf(key) >= 0 ? 1 : -1;
|
|
8897
|
-
var axis = [top, bottom].indexOf(key) >= 0 ? 'y' : 'x';
|
|
8898
|
-
overflowOffsets[key] += offset[axis] * multiply;
|
|
8899
|
-
});
|
|
8900
|
-
}
|
|
8901
|
-
|
|
8902
|
-
return overflowOffsets;
|
|
8903
|
-
}
|
|
8904
|
-
|
|
8905
|
-
function computeAutoPlacement(state, options) {
|
|
8906
|
-
if (options === void 0) {
|
|
8907
|
-
options = {};
|
|
8908
|
-
}
|
|
8909
|
-
|
|
8910
|
-
var _options = options,
|
|
8911
|
-
placement = _options.placement,
|
|
8912
|
-
boundary = _options.boundary,
|
|
8913
|
-
rootBoundary = _options.rootBoundary,
|
|
8914
|
-
padding = _options.padding,
|
|
8915
|
-
flipVariations = _options.flipVariations,
|
|
8916
|
-
_options$allowedAutoP = _options.allowedAutoPlacements,
|
|
8917
|
-
allowedAutoPlacements = _options$allowedAutoP === void 0 ? placements$1 : _options$allowedAutoP;
|
|
8918
|
-
var variation = getVariation(placement);
|
|
8919
|
-
var placements = variation ? flipVariations ? variationPlacements : variationPlacements.filter(function (placement) {
|
|
8920
|
-
return getVariation(placement) === variation;
|
|
8921
|
-
}) : basePlacements;
|
|
8922
|
-
var allowedPlacements = placements.filter(function (placement) {
|
|
8923
|
-
return allowedAutoPlacements.indexOf(placement) >= 0;
|
|
8924
|
-
});
|
|
8925
|
-
|
|
8926
|
-
if (allowedPlacements.length === 0) {
|
|
8927
|
-
allowedPlacements = placements;
|
|
8928
|
-
} // $FlowFixMe[incompatible-type]: Flow seems to have problems with two array unions...
|
|
8929
|
-
|
|
8930
|
-
|
|
8931
|
-
var overflows = allowedPlacements.reduce(function (acc, placement) {
|
|
8932
|
-
acc[placement] = detectOverflow$1(state, {
|
|
8933
|
-
placement: placement,
|
|
8934
|
-
boundary: boundary,
|
|
8935
|
-
rootBoundary: rootBoundary,
|
|
8936
|
-
padding: padding
|
|
8937
|
-
})[getBasePlacement(placement)];
|
|
8938
|
-
return acc;
|
|
8939
|
-
}, {});
|
|
8940
|
-
return Object.keys(overflows).sort(function (a, b) {
|
|
8941
|
-
return overflows[a] - overflows[b];
|
|
8942
|
-
});
|
|
8943
|
-
}
|
|
8944
|
-
|
|
8945
|
-
function getExpandedFallbackPlacements(placement) {
|
|
8946
|
-
if (getBasePlacement(placement) === auto) {
|
|
8947
|
-
return [];
|
|
8948
|
-
}
|
|
8949
|
-
|
|
8950
|
-
var oppositePlacement = getOppositePlacement$1(placement);
|
|
8951
|
-
return [getOppositeVariationPlacement(placement), oppositePlacement, getOppositeVariationPlacement(oppositePlacement)];
|
|
8952
|
-
}
|
|
8953
|
-
|
|
8954
|
-
function flip$2(_ref) {
|
|
8955
|
-
var state = _ref.state,
|
|
8956
|
-
options = _ref.options,
|
|
8957
|
-
name = _ref.name;
|
|
8958
|
-
|
|
8959
|
-
if (state.modifiersData[name]._skip) {
|
|
8960
|
-
return;
|
|
8961
|
-
}
|
|
8962
|
-
|
|
8963
|
-
var _options$mainAxis = options.mainAxis,
|
|
8964
|
-
checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis,
|
|
8965
|
-
_options$altAxis = options.altAxis,
|
|
8966
|
-
checkAltAxis = _options$altAxis === void 0 ? true : _options$altAxis,
|
|
8967
|
-
specifiedFallbackPlacements = options.fallbackPlacements,
|
|
8968
|
-
padding = options.padding,
|
|
8969
|
-
boundary = options.boundary,
|
|
8970
|
-
rootBoundary = options.rootBoundary,
|
|
8971
|
-
altBoundary = options.altBoundary,
|
|
8972
|
-
_options$flipVariatio = options.flipVariations,
|
|
8973
|
-
flipVariations = _options$flipVariatio === void 0 ? true : _options$flipVariatio,
|
|
8974
|
-
allowedAutoPlacements = options.allowedAutoPlacements;
|
|
8975
|
-
var preferredPlacement = state.options.placement;
|
|
8976
|
-
var basePlacement = getBasePlacement(preferredPlacement);
|
|
8977
|
-
var isBasePlacement = basePlacement === preferredPlacement;
|
|
8978
|
-
var fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipVariations ? [getOppositePlacement$1(preferredPlacement)] : getExpandedFallbackPlacements(preferredPlacement));
|
|
8979
|
-
var placements = [preferredPlacement].concat(fallbackPlacements).reduce(function (acc, placement) {
|
|
8980
|
-
return acc.concat(getBasePlacement(placement) === auto ? computeAutoPlacement(state, {
|
|
8981
|
-
placement: placement,
|
|
8982
|
-
boundary: boundary,
|
|
8983
|
-
rootBoundary: rootBoundary,
|
|
8984
|
-
padding: padding,
|
|
8985
|
-
flipVariations: flipVariations,
|
|
8986
|
-
allowedAutoPlacements: allowedAutoPlacements
|
|
8987
|
-
}) : placement);
|
|
8988
|
-
}, []);
|
|
8989
|
-
var referenceRect = state.rects.reference;
|
|
8990
|
-
var popperRect = state.rects.popper;
|
|
8991
|
-
var checksMap = new Map();
|
|
8992
|
-
var makeFallbackChecks = true;
|
|
8993
|
-
var firstFittingPlacement = placements[0];
|
|
8994
|
-
|
|
8995
|
-
for (var i = 0; i < placements.length; i++) {
|
|
8996
|
-
var placement = placements[i];
|
|
8997
|
-
|
|
8998
|
-
var _basePlacement = getBasePlacement(placement);
|
|
8999
|
-
|
|
9000
|
-
var isStartVariation = getVariation(placement) === start;
|
|
9001
|
-
var isVertical = [top, bottom].indexOf(_basePlacement) >= 0;
|
|
9002
|
-
var len = isVertical ? 'width' : 'height';
|
|
9003
|
-
var overflow = detectOverflow$1(state, {
|
|
9004
|
-
placement: placement,
|
|
9005
|
-
boundary: boundary,
|
|
9006
|
-
rootBoundary: rootBoundary,
|
|
9007
|
-
altBoundary: altBoundary,
|
|
9008
|
-
padding: padding
|
|
9009
|
-
});
|
|
9010
|
-
var mainVariationSide = isVertical ? isStartVariation ? right : left : isStartVariation ? bottom : top;
|
|
9011
|
-
|
|
9012
|
-
if (referenceRect[len] > popperRect[len]) {
|
|
9013
|
-
mainVariationSide = getOppositePlacement$1(mainVariationSide);
|
|
9014
|
-
}
|
|
9015
|
-
|
|
9016
|
-
var altVariationSide = getOppositePlacement$1(mainVariationSide);
|
|
9017
|
-
var checks = [];
|
|
9018
|
-
|
|
9019
|
-
if (checkMainAxis) {
|
|
9020
|
-
checks.push(overflow[_basePlacement] <= 0);
|
|
9021
|
-
}
|
|
9022
|
-
|
|
9023
|
-
if (checkAltAxis) {
|
|
9024
|
-
checks.push(overflow[mainVariationSide] <= 0, overflow[altVariationSide] <= 0);
|
|
9025
|
-
}
|
|
9026
|
-
|
|
9027
|
-
if (checks.every(function (check) {
|
|
9028
|
-
return check;
|
|
9029
|
-
})) {
|
|
9030
|
-
firstFittingPlacement = placement;
|
|
9031
|
-
makeFallbackChecks = false;
|
|
9032
|
-
break;
|
|
9033
|
-
}
|
|
9034
|
-
|
|
9035
|
-
checksMap.set(placement, checks);
|
|
9036
|
-
}
|
|
9037
|
-
|
|
9038
|
-
if (makeFallbackChecks) {
|
|
9039
|
-
// `2` may be desired in some cases – research later
|
|
9040
|
-
var numberOfChecks = flipVariations ? 3 : 1;
|
|
9041
|
-
|
|
9042
|
-
var _loop = function _loop(_i) {
|
|
9043
|
-
var fittingPlacement = placements.find(function (placement) {
|
|
9044
|
-
var checks = checksMap.get(placement);
|
|
9045
|
-
|
|
9046
|
-
if (checks) {
|
|
9047
|
-
return checks.slice(0, _i).every(function (check) {
|
|
9048
|
-
return check;
|
|
9049
|
-
});
|
|
9050
|
-
}
|
|
9051
|
-
});
|
|
9052
|
-
|
|
9053
|
-
if (fittingPlacement) {
|
|
9054
|
-
firstFittingPlacement = fittingPlacement;
|
|
9055
|
-
return "break";
|
|
9056
|
-
}
|
|
9057
|
-
};
|
|
9058
|
-
|
|
9059
|
-
for (var _i = numberOfChecks; _i > 0; _i--) {
|
|
9060
|
-
var _ret = _loop(_i);
|
|
9061
|
-
|
|
9062
|
-
if (_ret === "break") break;
|
|
9063
|
-
}
|
|
9064
|
-
}
|
|
9065
|
-
|
|
9066
|
-
if (state.placement !== firstFittingPlacement) {
|
|
9067
|
-
state.modifiersData[name]._skip = true;
|
|
9068
|
-
state.placement = firstFittingPlacement;
|
|
9069
|
-
state.reset = true;
|
|
9070
|
-
}
|
|
9071
|
-
} // eslint-disable-next-line import/no-unused-modules
|
|
9072
|
-
|
|
9073
|
-
|
|
9074
|
-
var flip$3 = {
|
|
9075
|
-
name: 'flip',
|
|
9076
|
-
enabled: true,
|
|
9077
|
-
phase: 'main',
|
|
9078
|
-
fn: flip$2,
|
|
9079
|
-
requiresIfExists: ['offset'],
|
|
9080
|
-
data: {
|
|
9081
|
-
_skip: false
|
|
9082
|
-
}
|
|
9083
|
-
};
|
|
9084
|
-
|
|
9085
|
-
function getSideOffsets(overflow, rect, preventedOffsets) {
|
|
9086
|
-
if (preventedOffsets === void 0) {
|
|
9087
|
-
preventedOffsets = {
|
|
9088
|
-
x: 0,
|
|
9089
|
-
y: 0
|
|
9090
|
-
};
|
|
9091
|
-
}
|
|
9092
|
-
|
|
9093
|
-
return {
|
|
9094
|
-
top: overflow.top - rect.height - preventedOffsets.y,
|
|
9095
|
-
right: overflow.right - rect.width + preventedOffsets.x,
|
|
9096
|
-
bottom: overflow.bottom - rect.height + preventedOffsets.y,
|
|
9097
|
-
left: overflow.left - rect.width - preventedOffsets.x
|
|
9098
|
-
};
|
|
9099
|
-
}
|
|
9100
|
-
|
|
9101
|
-
function isAnySideFullyClipped(overflow) {
|
|
9102
|
-
return [top, right, bottom, left].some(function (side) {
|
|
9103
|
-
return overflow[side] >= 0;
|
|
9104
|
-
});
|
|
9105
|
-
}
|
|
9106
|
-
|
|
9107
|
-
function hide(_ref) {
|
|
9108
|
-
var state = _ref.state,
|
|
9109
|
-
name = _ref.name;
|
|
9110
|
-
var referenceRect = state.rects.reference;
|
|
9111
|
-
var popperRect = state.rects.popper;
|
|
9112
|
-
var preventedOffsets = state.modifiersData.preventOverflow;
|
|
9113
|
-
var referenceOverflow = detectOverflow$1(state, {
|
|
9114
|
-
elementContext: 'reference'
|
|
9115
|
-
});
|
|
9116
|
-
var popperAltOverflow = detectOverflow$1(state, {
|
|
9117
|
-
altBoundary: true
|
|
9118
|
-
});
|
|
9119
|
-
var referenceClippingOffsets = getSideOffsets(referenceOverflow, referenceRect);
|
|
9120
|
-
var popperEscapeOffsets = getSideOffsets(popperAltOverflow, popperRect, preventedOffsets);
|
|
9121
|
-
var isReferenceHidden = isAnySideFullyClipped(referenceClippingOffsets);
|
|
9122
|
-
var hasPopperEscaped = isAnySideFullyClipped(popperEscapeOffsets);
|
|
9123
|
-
state.modifiersData[name] = {
|
|
9124
|
-
referenceClippingOffsets: referenceClippingOffsets,
|
|
9125
|
-
popperEscapeOffsets: popperEscapeOffsets,
|
|
9126
|
-
isReferenceHidden: isReferenceHidden,
|
|
9127
|
-
hasPopperEscaped: hasPopperEscaped
|
|
9128
|
-
};
|
|
9129
|
-
state.attributes.popper = Object.assign({}, state.attributes.popper, {
|
|
9130
|
-
'data-popper-reference-hidden': isReferenceHidden,
|
|
9131
|
-
'data-popper-escaped': hasPopperEscaped
|
|
9132
|
-
});
|
|
9133
|
-
} // eslint-disable-next-line import/no-unused-modules
|
|
9134
|
-
|
|
9135
|
-
|
|
9136
|
-
var hide$1 = {
|
|
9137
|
-
name: 'hide',
|
|
9138
|
-
enabled: true,
|
|
9139
|
-
phase: 'main',
|
|
9140
|
-
requiresIfExists: ['preventOverflow'],
|
|
9141
|
-
fn: hide
|
|
9142
|
-
};
|
|
9143
|
-
|
|
9144
|
-
function distanceAndSkiddingToXY(placement, rects, offset) {
|
|
9145
|
-
var basePlacement = getBasePlacement(placement);
|
|
9146
|
-
var invertDistance = [left, top].indexOf(basePlacement) >= 0 ? -1 : 1;
|
|
9147
|
-
|
|
9148
|
-
var _ref = typeof offset === 'function' ? offset(Object.assign({}, rects, {
|
|
9149
|
-
placement: placement
|
|
9150
|
-
})) : offset,
|
|
9151
|
-
skidding = _ref[0],
|
|
9152
|
-
distance = _ref[1];
|
|
9153
|
-
|
|
9154
|
-
skidding = skidding || 0;
|
|
9155
|
-
distance = (distance || 0) * invertDistance;
|
|
9156
|
-
return [left, right].indexOf(basePlacement) >= 0 ? {
|
|
9157
|
-
x: distance,
|
|
9158
|
-
y: skidding
|
|
9159
|
-
} : {
|
|
9160
|
-
x: skidding,
|
|
9161
|
-
y: distance
|
|
9162
|
-
};
|
|
9163
|
-
}
|
|
9164
|
-
|
|
9165
|
-
function offset$2(_ref2) {
|
|
9166
|
-
var state = _ref2.state,
|
|
9167
|
-
options = _ref2.options,
|
|
9168
|
-
name = _ref2.name;
|
|
9169
|
-
var _options$offset = options.offset,
|
|
9170
|
-
offset = _options$offset === void 0 ? [0, 0] : _options$offset;
|
|
9171
|
-
var data = placements$1.reduce(function (acc, placement) {
|
|
9172
|
-
acc[placement] = distanceAndSkiddingToXY(placement, state.rects, offset);
|
|
9173
|
-
return acc;
|
|
9174
|
-
}, {});
|
|
9175
|
-
var _data$state$placement = data[state.placement],
|
|
9176
|
-
x = _data$state$placement.x,
|
|
9177
|
-
y = _data$state$placement.y;
|
|
9178
|
-
|
|
9179
|
-
if (state.modifiersData.popperOffsets != null) {
|
|
9180
|
-
state.modifiersData.popperOffsets.x += x;
|
|
9181
|
-
state.modifiersData.popperOffsets.y += y;
|
|
9182
|
-
}
|
|
9183
|
-
|
|
9184
|
-
state.modifiersData[name] = data;
|
|
9185
|
-
} // eslint-disable-next-line import/no-unused-modules
|
|
9186
|
-
|
|
9187
|
-
|
|
9188
|
-
var offset$3 = {
|
|
9189
|
-
name: 'offset',
|
|
9190
|
-
enabled: true,
|
|
9191
|
-
phase: 'main',
|
|
9192
|
-
requires: ['popperOffsets'],
|
|
9193
|
-
fn: offset$2
|
|
9194
|
-
};
|
|
9195
|
-
|
|
9196
|
-
function popperOffsets(_ref) {
|
|
9197
|
-
var state = _ref.state,
|
|
9198
|
-
name = _ref.name;
|
|
9199
|
-
// Offsets are the actual position the popper needs to have to be
|
|
9200
|
-
// properly positioned near its reference element
|
|
9201
|
-
// This is the most basic placement, and will be adjusted by
|
|
9202
|
-
// the modifiers in the next step
|
|
9203
|
-
state.modifiersData[name] = computeOffsets({
|
|
9204
|
-
reference: state.rects.reference,
|
|
9205
|
-
element: state.rects.popper,
|
|
9206
|
-
placement: state.placement
|
|
9207
|
-
});
|
|
9208
|
-
} // eslint-disable-next-line import/no-unused-modules
|
|
9209
|
-
|
|
9210
|
-
|
|
9211
|
-
var popperOffsets$1 = {
|
|
9212
|
-
name: 'popperOffsets',
|
|
9213
|
-
enabled: true,
|
|
9214
|
-
phase: 'read',
|
|
9215
|
-
fn: popperOffsets,
|
|
9216
|
-
data: {}
|
|
9217
|
-
};
|
|
9218
|
-
|
|
9219
|
-
function getAltAxis(axis) {
|
|
9220
|
-
return axis === 'x' ? 'y' : 'x';
|
|
9221
|
-
}
|
|
9222
|
-
|
|
9223
|
-
function preventOverflow(_ref) {
|
|
9224
|
-
var state = _ref.state,
|
|
9225
|
-
options = _ref.options,
|
|
9226
|
-
name = _ref.name;
|
|
9227
|
-
var _options$mainAxis = options.mainAxis,
|
|
9228
|
-
checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis,
|
|
9229
|
-
_options$altAxis = options.altAxis,
|
|
9230
|
-
checkAltAxis = _options$altAxis === void 0 ? false : _options$altAxis,
|
|
9231
|
-
boundary = options.boundary,
|
|
9232
|
-
rootBoundary = options.rootBoundary,
|
|
9233
|
-
altBoundary = options.altBoundary,
|
|
9234
|
-
padding = options.padding,
|
|
9235
|
-
_options$tether = options.tether,
|
|
9236
|
-
tether = _options$tether === void 0 ? true : _options$tether,
|
|
9237
|
-
_options$tetherOffset = options.tetherOffset,
|
|
9238
|
-
tetherOffset = _options$tetherOffset === void 0 ? 0 : _options$tetherOffset;
|
|
9239
|
-
var overflow = detectOverflow$1(state, {
|
|
9240
|
-
boundary: boundary,
|
|
9241
|
-
rootBoundary: rootBoundary,
|
|
9242
|
-
padding: padding,
|
|
9243
|
-
altBoundary: altBoundary
|
|
9244
|
-
});
|
|
9245
|
-
var basePlacement = getBasePlacement(state.placement);
|
|
9246
|
-
var variation = getVariation(state.placement);
|
|
9247
|
-
var isBasePlacement = !variation;
|
|
9248
|
-
var mainAxis = getMainAxisFromPlacement(basePlacement);
|
|
9249
|
-
var altAxis = getAltAxis(mainAxis);
|
|
9250
|
-
var popperOffsets = state.modifiersData.popperOffsets;
|
|
9251
|
-
var referenceRect = state.rects.reference;
|
|
9252
|
-
var popperRect = state.rects.popper;
|
|
9253
|
-
var tetherOffsetValue = typeof tetherOffset === 'function' ? tetherOffset(Object.assign({}, state.rects, {
|
|
9254
|
-
placement: state.placement
|
|
9255
|
-
})) : tetherOffset;
|
|
9256
|
-
var normalizedTetherOffsetValue = typeof tetherOffsetValue === 'number' ? {
|
|
9257
|
-
mainAxis: tetherOffsetValue,
|
|
9258
|
-
altAxis: tetherOffsetValue
|
|
9259
|
-
} : Object.assign({
|
|
9260
|
-
mainAxis: 0,
|
|
9261
|
-
altAxis: 0
|
|
9262
|
-
}, tetherOffsetValue);
|
|
9263
|
-
var offsetModifierState = state.modifiersData.offset ? state.modifiersData.offset[state.placement] : null;
|
|
9264
|
-
var data = {
|
|
9265
|
-
x: 0,
|
|
9266
|
-
y: 0
|
|
9267
|
-
};
|
|
9268
|
-
|
|
9269
|
-
if (!popperOffsets) {
|
|
9270
|
-
return;
|
|
9271
|
-
}
|
|
9272
|
-
|
|
9273
|
-
if (checkMainAxis) {
|
|
9274
|
-
var _offsetModifierState$;
|
|
9275
|
-
|
|
9276
|
-
var mainSide = mainAxis === 'y' ? top : left;
|
|
9277
|
-
var altSide = mainAxis === 'y' ? bottom : right;
|
|
9278
|
-
var len = mainAxis === 'y' ? 'height' : 'width';
|
|
9279
|
-
var offset = popperOffsets[mainAxis];
|
|
9280
|
-
var min = offset + overflow[mainSide];
|
|
9281
|
-
var max = offset - overflow[altSide];
|
|
9282
|
-
var additive = tether ? -popperRect[len] / 2 : 0;
|
|
9283
|
-
var minLen = variation === start ? referenceRect[len] : popperRect[len];
|
|
9284
|
-
var maxLen = variation === start ? -popperRect[len] : -referenceRect[len]; // We need to include the arrow in the calculation so the arrow doesn't go
|
|
9285
|
-
// outside the reference bounds
|
|
9286
|
-
|
|
9287
|
-
var arrowElement = state.elements.arrow;
|
|
9288
|
-
var arrowRect = tether && arrowElement ? getLayoutRect(arrowElement) : {
|
|
9289
|
-
width: 0,
|
|
9290
|
-
height: 0
|
|
9291
|
-
};
|
|
9292
|
-
var arrowPaddingObject = state.modifiersData['arrow#persistent'] ? state.modifiersData['arrow#persistent'].padding : getFreshSideObject();
|
|
9293
|
-
var arrowPaddingMin = arrowPaddingObject[mainSide];
|
|
9294
|
-
var arrowPaddingMax = arrowPaddingObject[altSide]; // If the reference length is smaller than the arrow length, we don't want
|
|
9295
|
-
// to include its full size in the calculation. If the reference is small
|
|
9296
|
-
// and near the edge of a boundary, the popper can overflow even if the
|
|
9297
|
-
// reference is not overflowing as well (e.g. virtual elements with no
|
|
9298
|
-
// width or height)
|
|
9299
|
-
|
|
9300
|
-
var arrowLen = within(0, referenceRect[len], arrowRect[len]);
|
|
9301
|
-
var minOffset = isBasePlacement ? referenceRect[len] / 2 - additive - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis : minLen - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis;
|
|
9302
|
-
var maxOffset = isBasePlacement ? -referenceRect[len] / 2 + additive + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis : maxLen + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis;
|
|
9303
|
-
var arrowOffsetParent = state.elements.arrow && getOffsetParent$1(state.elements.arrow);
|
|
9304
|
-
var clientOffset = arrowOffsetParent ? mainAxis === 'y' ? arrowOffsetParent.clientTop || 0 : arrowOffsetParent.clientLeft || 0 : 0;
|
|
9305
|
-
var offsetModifierValue = (_offsetModifierState$ = offsetModifierState == null ? void 0 : offsetModifierState[mainAxis]) != null ? _offsetModifierState$ : 0;
|
|
9306
|
-
var tetherMin = offset + minOffset - offsetModifierValue - clientOffset;
|
|
9307
|
-
var tetherMax = offset + maxOffset - offsetModifierValue;
|
|
9308
|
-
var preventedOffset = within(tether ? min$1(min, tetherMin) : min, offset, tether ? max$1(max, tetherMax) : max);
|
|
9309
|
-
popperOffsets[mainAxis] = preventedOffset;
|
|
9310
|
-
data[mainAxis] = preventedOffset - offset;
|
|
9311
|
-
}
|
|
9312
|
-
|
|
9313
|
-
if (checkAltAxis) {
|
|
9314
|
-
var _offsetModifierState$2;
|
|
9315
|
-
|
|
9316
|
-
var _mainSide = mainAxis === 'x' ? top : left;
|
|
9317
|
-
|
|
9318
|
-
var _altSide = mainAxis === 'x' ? bottom : right;
|
|
9319
|
-
|
|
9320
|
-
var _offset = popperOffsets[altAxis];
|
|
9321
|
-
|
|
9322
|
-
var _len = altAxis === 'y' ? 'height' : 'width';
|
|
9323
|
-
|
|
9324
|
-
var _min = _offset + overflow[_mainSide];
|
|
9325
|
-
|
|
9326
|
-
var _max = _offset - overflow[_altSide];
|
|
9327
|
-
|
|
9328
|
-
var isOriginSide = [top, left].indexOf(basePlacement) !== -1;
|
|
9329
|
-
|
|
9330
|
-
var _offsetModifierValue = (_offsetModifierState$2 = offsetModifierState == null ? void 0 : offsetModifierState[altAxis]) != null ? _offsetModifierState$2 : 0;
|
|
9331
|
-
|
|
9332
|
-
var _tetherMin = isOriginSide ? _min : _offset - referenceRect[_len] - popperRect[_len] - _offsetModifierValue + normalizedTetherOffsetValue.altAxis;
|
|
9333
|
-
|
|
9334
|
-
var _tetherMax = isOriginSide ? _offset + referenceRect[_len] + popperRect[_len] - _offsetModifierValue - normalizedTetherOffsetValue.altAxis : _max;
|
|
9335
|
-
|
|
9336
|
-
var _preventedOffset = tether && isOriginSide ? withinMaxClamp(_tetherMin, _offset, _tetherMax) : within(tether ? _tetherMin : _min, _offset, tether ? _tetherMax : _max);
|
|
9337
|
-
|
|
9338
|
-
popperOffsets[altAxis] = _preventedOffset;
|
|
9339
|
-
data[altAxis] = _preventedOffset - _offset;
|
|
9340
|
-
}
|
|
9341
|
-
|
|
9342
|
-
state.modifiersData[name] = data;
|
|
9343
|
-
} // eslint-disable-next-line import/no-unused-modules
|
|
9344
|
-
|
|
9345
|
-
|
|
9346
|
-
var preventOverflow$1 = {
|
|
9347
|
-
name: 'preventOverflow',
|
|
9348
|
-
enabled: true,
|
|
9349
|
-
phase: 'main',
|
|
9350
|
-
fn: preventOverflow,
|
|
9351
|
-
requiresIfExists: ['offset']
|
|
9352
|
-
};
|
|
9353
|
-
|
|
9354
|
-
function getHTMLElementScroll(element) {
|
|
9355
|
-
return {
|
|
9356
|
-
scrollLeft: element.scrollLeft,
|
|
9357
|
-
scrollTop: element.scrollTop
|
|
9358
|
-
};
|
|
9359
|
-
}
|
|
9360
|
-
|
|
9361
|
-
function getNodeScroll$1(node) {
|
|
9362
|
-
if (node === getWindow$1(node) || !isHTMLElement$1(node)) {
|
|
9363
|
-
return getWindowScroll(node);
|
|
9364
|
-
} else {
|
|
9365
|
-
return getHTMLElementScroll(node);
|
|
9366
|
-
}
|
|
9367
|
-
}
|
|
9368
|
-
|
|
9369
|
-
function isElementScaled(element) {
|
|
9370
|
-
var rect = element.getBoundingClientRect();
|
|
9371
|
-
var scaleX = round$1(rect.width) / element.offsetWidth || 1;
|
|
9372
|
-
var scaleY = round$1(rect.height) / element.offsetHeight || 1;
|
|
9373
|
-
return scaleX !== 1 || scaleY !== 1;
|
|
9374
|
-
} // Returns the composite rect of an element relative to its offsetParent.
|
|
9375
|
-
// Composite means it takes into account transforms as well as layout.
|
|
9376
|
-
|
|
9377
|
-
|
|
9378
|
-
function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
|
|
9379
|
-
if (isFixed === void 0) {
|
|
9380
|
-
isFixed = false;
|
|
9381
|
-
}
|
|
9382
|
-
|
|
9383
|
-
var isOffsetParentAnElement = isHTMLElement$1(offsetParent);
|
|
9384
|
-
var offsetParentIsScaled = isHTMLElement$1(offsetParent) && isElementScaled(offsetParent);
|
|
9385
|
-
var documentElement = getDocumentElement$1(offsetParent);
|
|
9386
|
-
var rect = getBoundingClientRect$1(elementOrVirtualElement, offsetParentIsScaled, isFixed);
|
|
9387
|
-
var scroll = {
|
|
9388
|
-
scrollLeft: 0,
|
|
9389
|
-
scrollTop: 0
|
|
9390
|
-
};
|
|
9391
|
-
var offsets = {
|
|
9392
|
-
x: 0,
|
|
9393
|
-
y: 0
|
|
9394
|
-
};
|
|
9395
|
-
|
|
9396
|
-
if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
|
|
9397
|
-
if (getNodeName$1(offsetParent) !== 'body' || // https://github.com/popperjs/popper-core/issues/1078
|
|
9398
|
-
isScrollParent(documentElement)) {
|
|
9399
|
-
scroll = getNodeScroll$1(offsetParent);
|
|
9400
|
-
}
|
|
9401
|
-
|
|
9402
|
-
if (isHTMLElement$1(offsetParent)) {
|
|
9403
|
-
offsets = getBoundingClientRect$1(offsetParent, true);
|
|
9404
|
-
offsets.x += offsetParent.clientLeft;
|
|
9405
|
-
offsets.y += offsetParent.clientTop;
|
|
9406
|
-
} else if (documentElement) {
|
|
9407
|
-
offsets.x = getWindowScrollBarX$1(documentElement);
|
|
9408
|
-
}
|
|
9409
|
-
}
|
|
9410
|
-
|
|
9411
|
-
return {
|
|
9412
|
-
x: rect.left + scroll.scrollLeft - offsets.x,
|
|
9413
|
-
y: rect.top + scroll.scrollTop - offsets.y,
|
|
9414
|
-
width: rect.width,
|
|
9415
|
-
height: rect.height
|
|
9416
|
-
};
|
|
9417
|
-
}
|
|
9418
|
-
|
|
9419
|
-
function order(modifiers) {
|
|
9420
|
-
var map = new Map();
|
|
9421
|
-
var visited = new Set();
|
|
9422
|
-
var result = [];
|
|
9423
|
-
modifiers.forEach(function (modifier) {
|
|
9424
|
-
map.set(modifier.name, modifier);
|
|
9425
|
-
}); // On visiting object, check for its dependencies and visit them recursively
|
|
9426
|
-
|
|
9427
|
-
function sort(modifier) {
|
|
9428
|
-
visited.add(modifier.name);
|
|
9429
|
-
var requires = [].concat(modifier.requires || [], modifier.requiresIfExists || []);
|
|
9430
|
-
requires.forEach(function (dep) {
|
|
9431
|
-
if (!visited.has(dep)) {
|
|
9432
|
-
var depModifier = map.get(dep);
|
|
9433
|
-
|
|
9434
|
-
if (depModifier) {
|
|
9435
|
-
sort(depModifier);
|
|
9436
|
-
}
|
|
9437
|
-
}
|
|
9438
|
-
});
|
|
9439
|
-
result.push(modifier);
|
|
9440
|
-
}
|
|
9441
|
-
|
|
9442
|
-
modifiers.forEach(function (modifier) {
|
|
9443
|
-
if (!visited.has(modifier.name)) {
|
|
9444
|
-
// check for visited object
|
|
9445
|
-
sort(modifier);
|
|
9446
|
-
}
|
|
9447
|
-
});
|
|
9448
|
-
return result;
|
|
9449
|
-
}
|
|
9450
|
-
|
|
9451
|
-
function orderModifiers(modifiers) {
|
|
9452
|
-
// order based on dependencies
|
|
9453
|
-
var orderedModifiers = order(modifiers); // order based on phase
|
|
9454
|
-
|
|
9455
|
-
return modifierPhases.reduce(function (acc, phase) {
|
|
9456
|
-
return acc.concat(orderedModifiers.filter(function (modifier) {
|
|
9457
|
-
return modifier.phase === phase;
|
|
9458
|
-
}));
|
|
9459
|
-
}, []);
|
|
9460
|
-
}
|
|
9461
|
-
|
|
9462
|
-
function debounce(fn) {
|
|
9463
|
-
var pending;
|
|
9464
|
-
return function () {
|
|
9465
|
-
if (!pending) {
|
|
9466
|
-
pending = new Promise(function (resolve) {
|
|
9467
|
-
Promise.resolve().then(function () {
|
|
9468
|
-
pending = undefined;
|
|
9469
|
-
resolve(fn());
|
|
9470
|
-
});
|
|
9471
|
-
});
|
|
9472
|
-
}
|
|
9473
|
-
|
|
9474
|
-
return pending;
|
|
9475
|
-
};
|
|
9476
|
-
}
|
|
9477
|
-
|
|
9478
|
-
function mergeByName(modifiers) {
|
|
9479
|
-
var merged = modifiers.reduce(function (merged, current) {
|
|
9480
|
-
var existing = merged[current.name];
|
|
9481
|
-
merged[current.name] = existing ? Object.assign({}, existing, current, {
|
|
9482
|
-
options: Object.assign({}, existing.options, current.options),
|
|
9483
|
-
data: Object.assign({}, existing.data, current.data)
|
|
9484
|
-
}) : current;
|
|
9485
|
-
return merged;
|
|
9486
|
-
}, {}); // IE11 does not support Object.values
|
|
9487
|
-
|
|
9488
|
-
return Object.keys(merged).map(function (key) {
|
|
9489
|
-
return merged[key];
|
|
9490
|
-
});
|
|
9491
|
-
}
|
|
9492
|
-
|
|
9493
|
-
var DEFAULT_OPTIONS = {
|
|
9494
|
-
placement: 'bottom',
|
|
9495
|
-
modifiers: [],
|
|
9496
|
-
strategy: 'absolute'
|
|
9497
|
-
};
|
|
9498
|
-
|
|
9499
|
-
function areValidElements() {
|
|
9500
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
9501
|
-
args[_key] = arguments[_key];
|
|
9502
|
-
}
|
|
9503
|
-
|
|
9504
|
-
return !args.some(function (element) {
|
|
9505
|
-
return !(element && typeof element.getBoundingClientRect === 'function');
|
|
9506
|
-
});
|
|
9507
|
-
}
|
|
9508
|
-
|
|
9509
|
-
function popperGenerator(generatorOptions) {
|
|
9510
|
-
if (generatorOptions === void 0) {
|
|
9511
|
-
generatorOptions = {};
|
|
9512
|
-
}
|
|
9513
|
-
|
|
9514
|
-
var _generatorOptions = generatorOptions,
|
|
9515
|
-
_generatorOptions$def = _generatorOptions.defaultModifiers,
|
|
9516
|
-
defaultModifiers = _generatorOptions$def === void 0 ? [] : _generatorOptions$def,
|
|
9517
|
-
_generatorOptions$def2 = _generatorOptions.defaultOptions,
|
|
9518
|
-
defaultOptions = _generatorOptions$def2 === void 0 ? DEFAULT_OPTIONS : _generatorOptions$def2;
|
|
9519
|
-
return function createPopper(reference, popper, options) {
|
|
9520
|
-
if (options === void 0) {
|
|
9521
|
-
options = defaultOptions;
|
|
9522
|
-
}
|
|
9523
|
-
|
|
9524
|
-
var state = {
|
|
9525
|
-
placement: 'bottom',
|
|
9526
|
-
orderedModifiers: [],
|
|
9527
|
-
options: Object.assign({}, DEFAULT_OPTIONS, defaultOptions),
|
|
9528
|
-
modifiersData: {},
|
|
9529
|
-
elements: {
|
|
9530
|
-
reference: reference,
|
|
9531
|
-
popper: popper
|
|
9532
|
-
},
|
|
9533
|
-
attributes: {},
|
|
9534
|
-
styles: {}
|
|
9535
|
-
};
|
|
9536
|
-
var effectCleanupFns = [];
|
|
9537
|
-
var isDestroyed = false;
|
|
9538
|
-
var instance = {
|
|
9539
|
-
state: state,
|
|
9540
|
-
setOptions: function setOptions(setOptionsAction) {
|
|
9541
|
-
var options = typeof setOptionsAction === 'function' ? setOptionsAction(state.options) : setOptionsAction;
|
|
9542
|
-
cleanupModifierEffects();
|
|
9543
|
-
state.options = Object.assign({}, defaultOptions, state.options, options);
|
|
9544
|
-
state.scrollParents = {
|
|
9545
|
-
reference: isElement$1(reference) ? listScrollParents(reference) : reference.contextElement ? listScrollParents(reference.contextElement) : [],
|
|
9546
|
-
popper: listScrollParents(popper)
|
|
9547
|
-
}; // Orders the modifiers based on their dependencies and `phase`
|
|
9548
|
-
// properties
|
|
9549
|
-
|
|
9550
|
-
var orderedModifiers = orderModifiers(mergeByName([].concat(defaultModifiers, state.options.modifiers))); // Strip out disabled modifiers
|
|
9551
|
-
|
|
9552
|
-
state.orderedModifiers = orderedModifiers.filter(function (m) {
|
|
9553
|
-
return m.enabled;
|
|
9554
|
-
});
|
|
9555
|
-
runModifierEffects();
|
|
9556
|
-
return instance.update();
|
|
9557
|
-
},
|
|
9558
|
-
// Sync update – it will always be executed, even if not necessary. This
|
|
9559
|
-
// is useful for low frequency updates where sync behavior simplifies the
|
|
9560
|
-
// logic.
|
|
9561
|
-
// For high frequency updates (e.g. `resize` and `scroll` events), always
|
|
9562
|
-
// prefer the async Popper#update method
|
|
9563
|
-
forceUpdate: function forceUpdate() {
|
|
9564
|
-
if (isDestroyed) {
|
|
9565
|
-
return;
|
|
9566
|
-
}
|
|
9567
|
-
|
|
9568
|
-
var _state$elements = state.elements,
|
|
9569
|
-
reference = _state$elements.reference,
|
|
9570
|
-
popper = _state$elements.popper; // Don't proceed if `reference` or `popper` are not valid elements
|
|
9571
|
-
// anymore
|
|
9572
|
-
|
|
9573
|
-
if (!areValidElements(reference, popper)) {
|
|
9574
|
-
return;
|
|
9575
|
-
} // Store the reference and popper rects to be read by modifiers
|
|
9576
|
-
|
|
9577
|
-
|
|
9578
|
-
state.rects = {
|
|
9579
|
-
reference: getCompositeRect(reference, getOffsetParent$1(popper), state.options.strategy === 'fixed'),
|
|
9580
|
-
popper: getLayoutRect(popper)
|
|
9581
|
-
}; // Modifiers have the ability to reset the current update cycle. The
|
|
9582
|
-
// most common use case for this is the `flip` modifier changing the
|
|
9583
|
-
// placement, which then needs to re-run all the modifiers, because the
|
|
9584
|
-
// logic was previously ran for the previous placement and is therefore
|
|
9585
|
-
// stale/incorrect
|
|
9586
|
-
|
|
9587
|
-
state.reset = false;
|
|
9588
|
-
state.placement = state.options.placement; // On each update cycle, the `modifiersData` property for each modifier
|
|
9589
|
-
// is filled with the initial data specified by the modifier. This means
|
|
9590
|
-
// it doesn't persist and is fresh on each update.
|
|
9591
|
-
// To ensure persistent data, use `${name}#persistent`
|
|
9592
|
-
|
|
9593
|
-
state.orderedModifiers.forEach(function (modifier) {
|
|
9594
|
-
return state.modifiersData[modifier.name] = Object.assign({}, modifier.data);
|
|
9595
|
-
});
|
|
9596
|
-
|
|
9597
|
-
for (var index = 0; index < state.orderedModifiers.length; index++) {
|
|
9598
|
-
if (state.reset === true) {
|
|
9599
|
-
state.reset = false;
|
|
9600
|
-
index = -1;
|
|
9601
|
-
continue;
|
|
9602
|
-
}
|
|
9603
|
-
|
|
9604
|
-
var _state$orderedModifie = state.orderedModifiers[index],
|
|
9605
|
-
fn = _state$orderedModifie.fn,
|
|
9606
|
-
_state$orderedModifie2 = _state$orderedModifie.options,
|
|
9607
|
-
_options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2,
|
|
9608
|
-
name = _state$orderedModifie.name;
|
|
9609
|
-
|
|
9610
|
-
if (typeof fn === 'function') {
|
|
9611
|
-
state = fn({
|
|
9612
|
-
state: state,
|
|
9613
|
-
options: _options,
|
|
9614
|
-
name: name,
|
|
9615
|
-
instance: instance
|
|
9616
|
-
}) || state;
|
|
9617
|
-
}
|
|
9618
|
-
}
|
|
9619
|
-
},
|
|
9620
|
-
// Async and optimistically optimized update – it will not be executed if
|
|
9621
|
-
// not necessary (debounced to run at most once-per-tick)
|
|
9622
|
-
update: debounce(function () {
|
|
9623
|
-
return new Promise(function (resolve) {
|
|
9624
|
-
instance.forceUpdate();
|
|
9625
|
-
resolve(state);
|
|
9626
|
-
});
|
|
9627
|
-
}),
|
|
9628
|
-
destroy: function destroy() {
|
|
9629
|
-
cleanupModifierEffects();
|
|
9630
|
-
isDestroyed = true;
|
|
9631
|
-
}
|
|
9632
|
-
};
|
|
9633
|
-
|
|
9634
|
-
if (!areValidElements(reference, popper)) {
|
|
9635
|
-
return instance;
|
|
9636
|
-
}
|
|
9637
|
-
|
|
9638
|
-
instance.setOptions(options).then(function (state) {
|
|
9639
|
-
if (!isDestroyed && options.onFirstUpdate) {
|
|
9640
|
-
options.onFirstUpdate(state);
|
|
9641
|
-
}
|
|
9642
|
-
}); // Modifiers have the ability to execute arbitrary code before the first
|
|
9643
|
-
// update cycle runs. They will be executed in the same order as the update
|
|
9644
|
-
// cycle. This is useful when a modifier adds some persistent data that
|
|
9645
|
-
// other modifiers need to use, but the modifier is run after the dependent
|
|
9646
|
-
// one.
|
|
9647
|
-
|
|
9648
|
-
function runModifierEffects() {
|
|
9649
|
-
state.orderedModifiers.forEach(function (_ref) {
|
|
9650
|
-
var name = _ref.name,
|
|
9651
|
-
_ref$options = _ref.options,
|
|
9652
|
-
options = _ref$options === void 0 ? {} : _ref$options,
|
|
9653
|
-
effect = _ref.effect;
|
|
9654
|
-
|
|
9655
|
-
if (typeof effect === 'function') {
|
|
9656
|
-
var cleanupFn = effect({
|
|
9657
|
-
state: state,
|
|
9658
|
-
name: name,
|
|
9659
|
-
instance: instance,
|
|
9660
|
-
options: options
|
|
9661
|
-
});
|
|
9662
|
-
|
|
9663
|
-
var noopFn = function noopFn() {};
|
|
9664
|
-
|
|
9665
|
-
effectCleanupFns.push(cleanupFn || noopFn);
|
|
9666
|
-
}
|
|
9667
|
-
});
|
|
9668
|
-
}
|
|
9669
|
-
|
|
9670
|
-
function cleanupModifierEffects() {
|
|
9671
|
-
effectCleanupFns.forEach(function (fn) {
|
|
9672
|
-
return fn();
|
|
9673
|
-
});
|
|
9674
|
-
effectCleanupFns = [];
|
|
9675
|
-
}
|
|
9676
|
-
|
|
9677
|
-
return instance;
|
|
9678
|
-
};
|
|
9679
|
-
}
|
|
9680
|
-
|
|
9681
|
-
var defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1, offset$3, flip$3, preventOverflow$1, arrow$1, hide$1];
|
|
9682
|
-
var createPopper = /*#__PURE__*/popperGenerator({
|
|
9683
|
-
defaultModifiers: defaultModifiers
|
|
9684
|
-
}); // eslint-disable-next-line import/no-unused-modules
|
|
9685
|
-
|
|
9686
|
-
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
9687
|
-
// See LICENSE in the project root for license information.
|
|
9688
|
-
|
|
9689
|
-
|
|
9690
|
-
// build the component class
|
|
9691
|
-
const popoverOffsetDistance = 18,
|
|
9692
|
-
popoverOffsetSkidding = 0;
|
|
9693
|
-
|
|
9694
|
-
class Popover {
|
|
9695
|
-
|
|
9696
|
-
constructor(anchor, popover, placement, boundary) {
|
|
9697
|
-
this.anchor = anchor;
|
|
9698
|
-
this.popover = popover;
|
|
9699
|
-
this.boundaryElement = this.setBoundary(boundary);
|
|
9700
|
-
this.options = {
|
|
9701
|
-
placement,
|
|
9702
|
-
visibleClass: 'data-show'
|
|
9703
|
-
};
|
|
9704
|
-
this.popover.classList.remove(this.options.visibleClass);
|
|
9705
|
-
}
|
|
9706
|
-
|
|
9707
|
-
setBoundary(boundary) {
|
|
9708
|
-
if (typeof boundary === 'string') {
|
|
9709
|
-
return document.querySelector(boundary) || document.body;
|
|
9710
|
-
}
|
|
9711
|
-
|
|
9712
|
-
return boundary || document.body;
|
|
9713
|
-
}
|
|
9714
|
-
|
|
9715
|
-
show() {
|
|
9716
|
-
if (this.popper) {
|
|
9717
|
-
this.popper.destroy();
|
|
9718
|
-
}
|
|
9719
|
-
|
|
9720
|
-
this.popper = createPopper(this.anchor, this.popover, {
|
|
9721
|
-
tooltip: this.anchor,
|
|
9722
|
-
placement: this.options.placement,
|
|
9723
|
-
modifiers: [
|
|
9724
|
-
{
|
|
9725
|
-
name: 'offset',
|
|
9726
|
-
options: {
|
|
9727
|
-
offset: [
|
|
9728
|
-
popoverOffsetSkidding,
|
|
9729
|
-
popoverOffsetDistance
|
|
9730
|
-
]
|
|
9731
|
-
}
|
|
9732
|
-
},
|
|
9733
|
-
{
|
|
9734
|
-
name: 'preventOverflow',
|
|
9735
|
-
options: {
|
|
9736
|
-
mainAxis: true,
|
|
9737
|
-
boundary: this.boundaryElement,
|
|
9738
|
-
rootBoundary: 'document',
|
|
9739
|
-
padding: 16,
|
|
9740
|
-
}
|
|
9741
|
-
},
|
|
9742
|
-
]
|
|
9743
|
-
});
|
|
9744
|
-
}
|
|
9745
|
-
|
|
9746
|
-
triggerUpdate() {
|
|
9747
|
-
this.popper.update();
|
|
9748
|
-
}
|
|
9749
|
-
|
|
9750
|
-
hide() {
|
|
9751
|
-
this.popover.classList.remove(this.options.visibleClass);
|
|
9752
|
-
}
|
|
9753
|
-
}
|
|
9754
|
-
|
|
9755
|
-
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
9756
|
-
// See LICENSE in the project root for license information.
|
|
9757
|
-
|
|
9758
|
-
|
|
9759
|
-
/**
|
|
9760
|
-
* Popover attaches to an element and displays on hover/blur.
|
|
9761
|
-
*
|
|
9762
|
-
* @attr {boolean} addSpace - If true, will add additional top and bottom space around the appearance of the popover in relation to the trigger
|
|
9763
|
-
* @attr {boolean} disabled - If true, will disable the popover from showing on hover and focus
|
|
9764
|
-
* @attr {String} for - Directly associate the popover with a trigger element with the given ID. In most cases, this should not be necessary and set slot="trigger" on the element instead.
|
|
9765
|
-
* @attr {String} placement - Expects top/bottom - position for popover in relation to the element
|
|
9766
|
-
* @attr {boolean} removeSpace - If true, will remove top and bottom space around the appearance of the popover in relation to the trigger
|
|
9767
|
-
* @attr {String | Object} boundary - The element to use as the boundary for the popover. Can be a query selector or an HTML element.
|
|
9768
|
-
* @slot - Default unnamed slot for the use of popover content
|
|
9769
|
-
* @slot trigger - The element in this slot triggers hiding and showing the popover.
|
|
9770
|
-
*/
|
|
9771
|
-
class AuroPopover extends LitElement {
|
|
9772
|
-
constructor() {
|
|
9773
|
-
super();
|
|
9774
|
-
|
|
9775
|
-
this.placement = 'top';
|
|
9776
|
-
}
|
|
9777
|
-
|
|
9778
|
-
/**
|
|
9779
|
-
* Internal Defaults.
|
|
9780
|
-
* @private
|
|
9781
|
-
* @returns {void}
|
|
9782
|
-
*/
|
|
9783
|
-
privateDefaults() {
|
|
9784
|
-
this.isPopoverVisible = false;
|
|
9785
|
-
this.id = `popover-${(Math.random() + 1).toString(36).substring(7)}`;
|
|
9786
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$5();
|
|
9787
|
-
}
|
|
9788
|
-
|
|
9789
|
-
// function to define props used within the scope of this component
|
|
9790
|
-
static get properties() {
|
|
9791
|
-
return {
|
|
9792
|
-
placement: { type: String },
|
|
9793
|
-
for: { type: String },
|
|
9794
|
-
disabled: { type: Boolean },
|
|
9795
|
-
boundary: { type: String }
|
|
9796
|
-
};
|
|
9797
|
-
}
|
|
9798
|
-
|
|
9799
|
-
static get styles() {
|
|
9800
|
-
return [
|
|
9801
|
-
css`${styleCss$5}`,
|
|
9802
|
-
css`${colorCss$5}`,
|
|
9803
|
-
css`${tokensCss$4}`
|
|
9804
|
-
];
|
|
9805
|
-
}
|
|
9806
|
-
|
|
9807
|
-
/**
|
|
9808
|
-
* This will register this element with the browser.
|
|
9809
|
-
* @param {string} [name="auro-popover"] - The name of element that you want to register to.
|
|
9810
|
-
*
|
|
9811
|
-
* @example
|
|
9812
|
-
* AuroPopover.register("custom-popover") // this will register this element to <custom-popover/>
|
|
9813
|
-
*
|
|
9814
|
-
*/
|
|
9815
|
-
static register(name = "auro-popover") {
|
|
9816
|
-
AuroLibraryRuntimeUtils$5.prototype.registerComponent(name, AuroPopover);
|
|
9817
|
-
}
|
|
9818
|
-
|
|
9819
|
-
connectedCallback() {
|
|
9820
|
-
super.connectedCallback();
|
|
9821
|
-
|
|
9822
|
-
this.privateDefaults();
|
|
9823
|
-
|
|
9824
|
-
// adds toggle function to root element based on touch
|
|
9825
|
-
this.addEventListener('touchstart', function() {
|
|
9826
|
-
this.toggle();
|
|
9827
|
-
this.setAttribute("isTouch", "true");
|
|
9828
|
-
});
|
|
9829
|
-
}
|
|
9830
|
-
|
|
9831
|
-
disconnectedCallback() {
|
|
9832
|
-
super.disconnectedCallback();
|
|
9833
|
-
document.removeEventListener('click', this.documentClickHandler);
|
|
9834
|
-
}
|
|
9835
|
-
|
|
9836
|
-
firstUpdated() {
|
|
9837
|
-
// Add the tag name as an attribute if it is different than the component name
|
|
9838
|
-
this.runtimeUtils.handleComponentTagRename(this, 'auro-popover');
|
|
9839
|
-
|
|
9840
|
-
if (this.for) {
|
|
9841
|
-
this.trigger = document.querySelector(`#${this.for}`) || this.getRootNode().querySelector(`#${this.for}`);
|
|
9842
|
-
}
|
|
9843
|
-
|
|
9844
|
-
if (!this.trigger) {
|
|
9845
|
-
[this.trigger] = this.shadowRoot.querySelector('slot[name="trigger"]').assignedElements();
|
|
9846
|
-
}
|
|
9847
|
-
|
|
9848
|
-
this.auroPopover = this.shadowRoot.querySelector('#popover');
|
|
9849
|
-
this.popper = new Popover(this.trigger, this.auroPopover, this.placement, this.boundary);
|
|
9850
|
-
|
|
9851
|
-
const handleShow = () => {
|
|
9852
|
-
this.toggleShow();
|
|
9853
|
-
},
|
|
9854
|
-
handleHide = () => {
|
|
9855
|
-
this.toggleHide();
|
|
9856
|
-
},
|
|
9857
|
-
handleKeyboardWhenFocusOnTrigger = (event) => {
|
|
9858
|
-
const key = event.key.toLowerCase();
|
|
9859
|
-
|
|
9860
|
-
if (this.isPopoverVisible) {
|
|
9861
|
-
if (key === 'tab' || key === 'escape') {
|
|
9862
|
-
this.toggleHide();
|
|
9863
|
-
}
|
|
9864
|
-
}
|
|
9865
|
-
|
|
9866
|
-
if (key === ' ' || key === 'enter') {
|
|
9867
|
-
this.toggle();
|
|
9868
|
-
}
|
|
9869
|
-
},
|
|
9870
|
-
element = this.trigger.parentElement.nodeName === 'AURO-POPOVER' ? this : this.trigger;
|
|
9871
|
-
|
|
9872
|
-
element.addEventListener('mouseenter', handleShow);
|
|
9873
|
-
element.addEventListener('mouseleave', handleHide);
|
|
9874
|
-
|
|
9875
|
-
// if user tabs off of trigger, then hide the popover.
|
|
9876
|
-
this.trigger.addEventListener('keydown', handleKeyboardWhenFocusOnTrigger);
|
|
9877
|
-
|
|
9878
|
-
// handle gain/loss of focus
|
|
9879
|
-
this.trigger.addEventListener('focus', handleShow);
|
|
9880
|
-
this.trigger.addEventListener('blur', handleHide);
|
|
9881
|
-
|
|
9882
|
-
// e.g. for a closePopover button in the popover
|
|
9883
|
-
this.addEventListener('hidePopover', handleHide);
|
|
9884
|
-
}
|
|
9885
|
-
|
|
9886
|
-
/**
|
|
9887
|
-
* Toggles the display of the popover content.
|
|
9888
|
-
* @private
|
|
9889
|
-
* @returns {void} Fires an update lifecycle.
|
|
9890
|
-
*/
|
|
9891
|
-
toggle() {
|
|
9892
|
-
if (this.isPopoverVisible) {
|
|
9893
|
-
this.toggleHide();
|
|
9894
|
-
} else {
|
|
9895
|
-
this.toggleShow();
|
|
9896
|
-
}
|
|
9897
|
-
}
|
|
9898
|
-
|
|
9899
|
-
/**
|
|
9900
|
-
* Hides the popover.
|
|
9901
|
-
* @private
|
|
9902
|
-
* @returns {void} Fires an update lifecycle.
|
|
9903
|
-
*/
|
|
9904
|
-
toggleHide() {
|
|
9905
|
-
this.popper.hide();
|
|
9906
|
-
this.isPopoverVisible = false;
|
|
9907
|
-
this.removeAttribute('data-show');
|
|
9908
|
-
|
|
9909
|
-
document.querySelector('body').removeEventListener('mouseover', this.mouseoverHandler);
|
|
9910
|
-
}
|
|
9911
|
-
|
|
9912
|
-
/**
|
|
9913
|
-
* Shows the popover.
|
|
9914
|
-
* @private
|
|
9915
|
-
* @returns {void} Fires an update lifecycle.
|
|
9916
|
-
*/
|
|
9917
|
-
toggleShow() {
|
|
9918
|
-
this.popper.show();
|
|
9919
|
-
this.isPopoverVisible = true;
|
|
9920
|
-
this.setAttribute('data-show', true);
|
|
9921
|
-
|
|
9922
|
-
this.mouseoverHandler = (evt) => this.handleMouseoverEvent(evt);
|
|
9923
|
-
|
|
9924
|
-
document.querySelector('body').addEventListener('mouseover', this.mouseoverHandler);
|
|
9925
|
-
}
|
|
9926
|
-
|
|
9927
|
-
/**
|
|
9928
|
-
* Hides the popover when hovering outside of the popover or it's trigger.
|
|
9929
|
-
* @private
|
|
9930
|
-
* @param {Event} evt - The event object.
|
|
9931
|
-
* @returns {void}
|
|
9932
|
-
*/
|
|
9933
|
-
handleMouseoverEvent(evt) {
|
|
9934
|
-
if (this.isPopoverVisible && !evt.composedPath().includes(this)) {
|
|
9935
|
-
this.toggleHide();
|
|
9936
|
-
}
|
|
9937
|
-
}
|
|
7887
|
+
var styleCss$5 = css`.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-weight, 450);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-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);font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-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-weight, 450);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-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);font-size:var(--wcss-body-xs-font-size, 0.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-weight:var(--wcss-body-weight, 450);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)}.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);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-display-md-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);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))}.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);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);font-weight:var(--wcss-heading-xs-weight, 450);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))}.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);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);font-weight:var(--wcss-heading-2xs-weight, 450);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))}.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);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);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));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);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);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));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);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);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));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);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);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));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);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);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));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);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);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));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);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);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));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}.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}}`;
|
|
9938
7888
|
|
|
9939
|
-
|
|
9940
|
-
if (changedProperties.has('boundary')) {
|
|
9941
|
-
this.popper.boundaryElement = this.boundary;
|
|
9942
|
-
}
|
|
9943
|
-
}
|
|
7889
|
+
var colorCss$5 = css`: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}`;
|
|
9944
7890
|
|
|
9945
|
-
// function that renders the HTML and CSS into the scope of the component
|
|
9946
|
-
render() {
|
|
9947
|
-
|
|
7891
|
+
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)}}var r="top",a="bottom",n$1="right",o="left",l$3="auto",c$3=[r,a,n$1,o],p$6="start",d$3="end",f$6="viewport",m$6="popper",u$6=c$3.reduce(function(e,t){return e.concat([t+"-"+p$6,t+"-"+d$3])},[]),h$3=[].concat(c$3,[l$3]).reduce(function(e,t){return e.concat([t,t+"-"+p$6,t+"-"+d$3])},[]),g$6=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function v$3(e){return e?(e.nodeName||"").toLowerCase():null}function y$6(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(e){return e instanceof y$6(e).Element||e instanceof Element}function b$3(e){return e instanceof y$6(e).HTMLElement||e instanceof HTMLElement}function x$6(e){return "undefined"!=typeof ShadowRoot&&(e instanceof y$6(e).ShadowRoot||e instanceof ShadowRoot)}var S$3={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(r)&&v$3(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]||{},a=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:i[e]).reduce(function(e,t){return e[t]="",e},{});b$3(s)&&v$3(s)&&(Object.assign(s.style,a),Object.keys(r).forEach(function(e){s.removeAttribute(e);}));});}},requires:["computeStyles"]};function O(e){return e.split("-")[0]}var k$6=Math.max,z$6=Math.min,A$3=Math.round;function E(){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 H$3(){return !/^((?!chrome|android).)*safari/i.test(E())}function M$3(e,t,i){ void 0===t&&(t=false),void 0===i&&(i=false);var s=e.getBoundingClientRect(),r=1,a=1;t&&b$3(e)&&(r=e.offsetWidth>0&&A$3(s.width)/e.offsetWidth||1,a=e.offsetHeight>0&&A$3(s.height)/e.offsetHeight||1);var n=(w$6(e)?y$6(e):window).visualViewport,o=!H$3()&&i,l=(s.left+(o&&n?n.offsetLeft:0))/r,c=(s.top+(o&&n?n.offsetTop:0))/a,p=s.width/r,d=s.height/a;return {width:p,height:d,top:c,right:l+p,bottom:c+d,left:l,x:l,y:c}}function B$3(e){var t=M$3(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 R$3(e,t){var i=t.getRootNode&&t.getRootNode();if(e.contains(t))return true;if(i&&x$6(i)){var s=t;do{if(s&&e.isSameNode(s))return true;s=s.parentNode||s.host;}while(s)}return false}function C$3(e){return y$6(e).getComputedStyle(e)}function L(e){return ["table","td","th"].indexOf(v$3(e))>=0}function _(e){return ((w$6(e)?e.ownerDocument:e.document)||window.document).documentElement}function j(e){return "html"===v$3(e)?e:e.assignedSlot||e.parentNode||(x$6(e)?e.host:null)||_(e)}function N$3(e){return b$3(e)&&"fixed"!==C$3(e).position?e.offsetParent:null}function D(e){for(var t=y$6(e),i=N$3(e);i&&L(i)&&"static"===C$3(i).position;)i=N$3(i);return i&&("html"===v$3(i)||"body"===v$3(i)&&"static"===C$3(i).position)?t:i||function(e){var t=/firefox/i.test(E());if(/Trident/i.test(E())&&b$3(e)&&"fixed"===C$3(e).position)return null;var i=j(e);for(x$6(i)&&(i=i.host);b$3(i)&&["html","body"].indexOf(v$3(i))<0;){var s=C$3(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 U$3(e,t,i){return k$6(e,z$6(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 q$3={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=O(i.placement),m=P(f),u=[o,n$1].indexOf(f)>=0?"height":"width";if(p&&d){var h=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))}(l.padding,i),g=B$3(p),v="y"===m?r:o,y="y"===m?a:n$1,w=i.rects.reference[u]+i.rects.reference[m]-d[m]-i.rects.popper[u],b=d[m]-i.rects.reference[m],x=D(p),S=x?"y"===m?x.clientHeight||0:x.clientWidth||0:0,k=w/2-b/2,z=h[v],A=S-g[u]-h[y],E=S/2-g[u]/2+k,H=U$3(z,E,A),M=m;i.modifiersData[s]=((t={})[M]=H,t.centerOffset=H-E,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)))&&R$3(t.elements.popper,s)&&(t.elements.arrow=s);},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function T$3(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,m=e.gpuAcceleration,u=e.adaptive,h=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 h?h({x:w,y:x}):{x:w,y:x};w=S.x,x=S.y;var O=p.hasOwnProperty("x"),k=p.hasOwnProperty("y"),z=o,E=r,H=window;if(u){var M=D(i),B="clientHeight",R="clientWidth";if(M===y$6(i)&&"static"!==C$3(M=_(i)).position&&"absolute"===f&&(B="scrollHeight",R="scrollWidth"),l===r||(l===o||l===n$1)&&c===d$3)E=a,x-=(g&&M===H&&H.visualViewport?H.visualViewport.height:M[B])-s.height,x*=m?1:-1;if(l===o||(l===r||l===a)&&c===d$3)z=n$1,w-=(g&&M===H&&H.visualViewport?H.visualViewport.width:M[R])-s.width,w*=m?1:-1;}var L,j=Object.assign({position:f},u&&W),N=true===h?function(e,t){var i=e.x,s=e.y,r=t.devicePixelRatio||1;return {x:A$3(i*r)/r||0,y:A$3(s*r)/r||0}}({x:w,y:x},y$6(i)):{x:w,y:x};return w=N.x,x=N.y,m?Object.assign({},j,((L={})[E]=k?"0":"",L[z]=O?"0":"",L.transform=(H.devicePixelRatio||1)<=1?"translate("+w+"px, "+x+"px)":"translate3d("+w+"px, "+x+"px, 0)",L)):Object.assign({},j,((t={})[E]=k?x+"px":"",t[z]=O?w+"px":"",t.transform="",t))}var V={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 Y={start:"end",end:"start"};function J(e){return e.replace(/start|end/g,function(e){return Y[e]})}function K(e){var t=y$6(e);return {scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function Q(e){return M$3(_(e)).left+K(e).scrollLeft}function Z(e){var t=C$3(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(e))>=0?e.ownerDocument.body:b$3(e)&&Z(e)?e:ee(j(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),a=y$6(s),n=r?[a].concat(a.visualViewport||[],Z(s)?s:[]):s,o=t.concat(n);return r?o:o.concat(te(j(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?ie(function(e,t){var i=y$6(e),s=_(e),r=i.visualViewport,a=s.clientWidth,n=s.clientHeight,o=0,l=0;if(r){a=r.width,n=r.height;var c=H$3();(c||!c&&"fixed"===t)&&(o=r.offsetLeft,l=r.offsetTop);}return {width:a,height:n,x:o+Q(e),y:l}}(e,i)):w$6(t)?function(e,t){var i=M$3(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=_(e),s=K(e),r=null==(t=e.ownerDocument)?void 0:t.body,a=k$6(i.scrollWidth,i.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),n=k$6(i.scrollHeight,i.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),o=-s.scrollLeft+Q(e),l=-s.scrollTop;return "rtl"===C$3(r||i).direction&&(o+=k$6(i.clientWidth,r?r.clientWidth:0)-a),{width:a,height:n,x:o,y:l}}(_(e)))}function re(e,t,i,s){var r="clippingParents"===t?function(e){var t=te(j(e)),i=["absolute","fixed"].indexOf(C$3(e).position)>=0&&b$3(e)?D(e):e;return w$6(i)?t.filter(function(e){return w$6(e)&&R$3(e,i)&&"body"!==v$3(e)}):[]}(e):[].concat(t),a=[].concat(r,[i]),n=a[0],o=a.reduce(function(t,i){var r=se(e,i,s);return t.top=k$6(r.top,t.top),t.right=z$6(r.right,t.right),t.bottom=z$6(r.bottom,t.bottom),t.left=k$6(r.left,t.left),t},se(e,n,s));return o.width=o.right-o.left,o.height=o.bottom-o.top,o.x=o.left,o.y=o.top,o}function ae(e){var t,i=e.reference,s=e.element,l=e.placement,c=l?O(l):null,f=l?T$3(l):null,m=i.x+i.width/2-s.width/2,u=i.y+i.height/2-s.height/2;switch(c){case r:t={x:m,y:i.y-s.height};break;case a:t={x:m,y:i.y+i.height};break;case n$1:t={x:i.x+i.width,y:u};break;case o:t={x:i.x-s.width,y:u};break;default:t={x:i.x,y:i.y};}var h=c?P(c):null;if(null!=h){var g="y"===h?"height":"width";switch(f){case p$6:t[h]=t[h]-(i[g]/2-s[g]/2);break;case d$3:t[h]=t[h]+(i[g]/2-s[g]/2);}}return t}function ne(e,t){ void 0===t&&(t={});var i=t,s=i.placement,o=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,h=i.rootBoundary,g=void 0===h?f$6:h,v=i.elementContext,y=void 0===v?m$6:v,b=i.altBoundary,x=void 0!==b&&b,S=i.padding,O=void 0===S?0:S,k=I("number"!=typeof O?O:F(O,c$3)),z=y===m$6?"reference":m$6,A=e.rects.popper,E=e.elements[x?z:y],H=re(w$6(E)?E:E.contextElement||_(e.elements.popper),u,g,p),B=M$3(e.elements.reference),R=ae({reference:B,element:A,placement:o}),C=ie(Object.assign({},A,R)),L=y===m$6?C:B,j={top:H.top-L.top+k.top,bottom:L.bottom-H.bottom+k.bottom,left:H.left-L.left+k.left,right:L.right-H.right+k.right},N=e.modifiersData.offset;if(y===m$6&&N){var D=N[o];Object.keys(j).forEach(function(e){var t=[n$1,a].indexOf(e)>=0?1:-1,i=[r,a].indexOf(e)>=0?"y":"x";j[e]+=D[i]*t;});}return j}function oe(e,t){ void 0===t&&(t={});var i=t,s=i.placement,r=i.boundary,a=i.rootBoundary,n=i.padding,o=i.flipVariations,l=i.allowedAutoPlacements,p=void 0===l?h$3:l,d=T$3(s),f=d?o?u$6:u$6.filter(function(e){return T$3(e)===d}):c$3,m=f.filter(function(e){return p.indexOf(e)>=0});0===m.length&&(m=f);var g=m.reduce(function(t,i){return t[i]=ne(e,{placement:i,boundary:r,rootBoundary:a,padding:n})[O(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,m=void 0===f||f,u=i.fallbackPlacements,h=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,k=O(S),z=u||(k===S||!b?[G(S)]:function(e){if(O(e)===l$3)return [];var t=G(e);return [J(e),t,J(t)]}(S)),A=[S].concat(z).reduce(function(e,i){return e.concat(O(i)===l$3?oe(t,{placement:i,boundary:g,rootBoundary:v,padding:h,flipVariations:b,allowedAutoPlacements:x}):i)},[]),E=t.rects.reference,H=t.rects.popper,M=new Map,B=true,R=A[0],C=0;C<A.length;C++){var L=A[C],_=O(L),j=T$3(L)===p$6,N=[r,a].indexOf(_)>=0,D=N?"width":"height",P=ne(t,{placement:L,boundary:g,rootBoundary:v,altBoundary:y,padding:h}),U=N?j?n$1:o:j?a:r;E[D]>H[D]&&(U=G(U));var I=G(U),F=[];if(d&&F.push(P[_]<=0),m&&F.push(P[U]<=0,P[I]<=0),F.every(function(e){return e})){R=L,B=false;break}M.set(L,F);}if(B)for(var q=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 R=t,"break"},W=b?3:1;W>0;W--){if("break"===q(W))break}t.placement!==R&&(t.modifiersData[s]._skip=true,t.placement=R,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,n$1,a,o].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,a=i.offset,l=void 0===a?[0,0]:a,c=h$3.reduce(function(e,i){return e[i]=function(e,t,i){var s=O(e),a=[o,r].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)*a,[o,n$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,m=i.boundary,u=i.rootBoundary,h=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:m,rootBoundary:u,padding:g,altBoundary:h}),S=O(t.placement),A=T$3(t.placement),E=!A,H=P(S),M="x"===H?"y":"x",R=t.modifiersData.popperOffsets,C=t.rects.reference,L=t.rects.popper,_="function"==typeof b?b(Object.assign({},t.rects,{placement:t.placement})):b,j="number"==typeof _?{mainAxis:_,altAxis:_}:Object.assign({mainAxis:0,altAxis:0},_),N=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,I={x:0,y:0};if(R){if(c){var F,q="y"===H?r:o,W="y"===H?a:n$1,X="y"===H?"height":"width",V=R[H],$=V+x[q],G=V-x[W],Y=y?-L[X]/2:0,J=A===p$6?C[X]:L[X],K=A===p$6?-L[X]:-C[X],Q=t.elements.arrow,Z=y&&Q?B$3(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[q],ie=ee[W],se=U$3(0,C[X],Z[X]),re=E?C[X]/2-Y-se-te-j.mainAxis:J-se-te-j.mainAxis,ae=E?-C[X]/2+Y+se+ie+j.mainAxis:K+se+ie+j.mainAxis,oe=t.elements.arrow&&D(t.elements.arrow),le=oe?"y"===H?oe.clientTop||0:oe.clientLeft||0:0,ce=null!=(F=null==N?void 0:N[H])?F:0,pe=V+ae-ce,de=U$3(y?z$6($,V+re-ce-le):$,V,y?k$6(G,pe):G);R[H]=de,I[H]=de-V;}if(f){var fe,me="x"===H?r:o,ue="x"===H?a:n$1,he=R[M],ge="y"===M?"height":"width",ve=he+x[me],ye=he-x[ue],we=-1!==[r,o].indexOf(S),be=null!=(fe=null==N?void 0:N[M])?fe:0,xe=we?ve:he-C[ge]-L[ge]-be+j.altAxis,Se=we?he+C[ge]+L[ge]-be-j.altAxis:ye,Oe=y&&we?function(e,t,i){var s=U$3(e,t,i);return s>i?i:s}(xe,he,Se):U$3(y?xe:ve,he,y?Se:ye);R[M]=Oe,I[M]=Oe-he;}t.modifiersData[s]=I;}},requiresIfExists:["offset"]};function me(e,t,i){ void 0===i&&(i=false);var s,r,a=b$3(t),n=b$3(t)&&function(e){var t=e.getBoundingClientRect(),i=A$3(t.width)/e.offsetWidth||1,s=A$3(t.height)/e.offsetHeight||1;return 1!==i||1!==s}(t),o=_(t),l=M$3(e,n,i),c={scrollLeft:0,scrollTop:0},p={x:0,y:0};return (a||!a&&!i)&&(("body"!==v$3(t)||Z(o))&&(c=(s=t)!==y$6(s)&&b$3(s)?{scrollLeft:(r=s).scrollLeft,scrollTop:r.scrollTop}:K(s)),b$3(t)?((p=M$3(t,true)).x+=t.clientLeft,p.y+=t.clientTop):o&&(p.x=Q(o))),{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 he={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,a=void 0===r?he:r;return function(e,t,i){ void 0===i&&(i=a);var r,n,o={placement:"bottom",orderedModifiers:[],options:Object.assign({},he,a),modifiersData:{},elements:{reference:e,popper:t},attributes:{},styles:{}},l=[],c=false,p={state:o,setOptions:function(i){var r="function"==typeof i?i(o.options):i;d(),o.options=Object.assign({},a,o.options,r),o.scrollParents={reference:w$6(e)?te(e):e.contextElement?te(e.contextElement):[],popper:te(t)};var n,c,f=function(e){var t=ue(e);return g$6.reduce(function(e,i){return e.concat(t.filter(function(e){return e.phase===i}))},[])}((n=[].concat(s,o.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 o.orderedModifiers=f.filter(function(e){return e.enabled}),o.orderedModifiers.forEach(function(e){var t=e.name,i=e.options,s=void 0===i?{}:i,r=e.effect;if("function"==typeof r){var a=r({state:o,name:t,instance:p,options:s}),n=function(){};l.push(a||n);}}),p.update()},forceUpdate:function(){if(!c){var e=o.elements,t=e.reference,i=e.popper;if(ge(t,i)){o.rects={reference:me(t,D(i),"fixed"===o.options.strategy),popper:B$3(i)},o.reset=false,o.placement=o.options.placement,o.orderedModifiers.forEach(function(e){return o.modifiersData[e.name]=Object.assign({},e.data)});for(var s=0;s<o.orderedModifiers.length;s++)if(true!==o.reset){var r=o.orderedModifiers[s],a=r.fn,n=r.options,l=void 0===n?{}:n,d=r.name;"function"==typeof a&&(o=a({state:o,options:l,name:d,instance:p})||o);}else o.reset=false,s=-1;}}},update:(r=function(){return new Promise(function(e){p.forceUpdate(),e(o);})},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,a=void 0===r||r,n=s.resize,o=void 0===n||n,l=y$6(t.elements.popper),c=[].concat(t.scrollParents.reference,t.scrollParents.popper);return a&&c.forEach(function(e){e.addEventListener("scroll",i.update,V);}),o&&l.addEventListener("resize",i.update,V),function(){a&&c.forEach(function(e){e.removeEventListener("scroll",i.update,V);}),o&&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]=ae({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,a=i.adaptive,n=void 0===a||a,o=i.roundOffsets,l=void 0===o||o,c={placement:O(t.placement),variation:T$3(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,de,le,fe,q$3,{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,a=t.modifiersData.preventOverflow,n=ne(t,{elementContext:"reference"}),o=ne(t,{altBoundary:true}),l=ce(n,s),c=ce(o,r,a),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=css`::slotted(*){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)}
|
|
7892
|
+
`,xe=css`.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:""}
|
|
7893
|
+
`,Se=css`: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)}
|
|
7894
|
+
`;class Oe extends LitElement{constructor(){super(),this.placement="top";}privateDefaults(){this.isPopoverVisible=false,this.id=`popover-${(Math.random()+1).toString(36).substring(7)}`,this.runtimeUtils=new s;}static get properties(){return {placement:{type:String},for:{type:String},disabled:{type:Boolean},boundary:{type:String}}}static get styles(){return [css`${xe}`,css`${be}`,css`${Se}`]}static register(e="auro-popover"){s.prototype.registerComponent(e,Oe);}connectedCallback(){super.connectedCallback(),this.privateDefaults(),this.addEventListener("touchstart",function(){this.toggle(),this.setAttribute("isTouch","true");});}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.documentClickHandler);}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.auroPopover=this.shadowRoot.querySelector("#popover"),this.popper=new we(this.trigger,this.auroPopover,this.placement,this.boundary);const e=()=>{this.toggleShow();},t=()=>{this.toggleHide();},i="AURO-POPOVER"===this.trigger.parentElement.nodeName?this:this.trigger;i.addEventListener("mouseenter",e),i.addEventListener("mouseleave",t),this.trigger.addEventListener("keydown",e=>{const t=e.key.toLowerCase();this.isPopoverVisible&&("tab"!==t&&"escape"!==t||this.toggleHide())," "!==t&&"enter"!==t||this.toggle();}),this.trigger.addEventListener("focus",e),this.trigger.addEventListener("blur",t),this.addEventListener("hidePopover",t);}toggle(){this.isPopoverVisible?this.toggleHide():this.toggleShow();}toggleHide(){this.popper.hide(),this.isPopoverVisible=false,this.removeAttribute("data-show"),document.querySelector("body").removeEventListener("mouseover",this.mouseoverHandler);}toggleShow(){this.popper.show(),this.isPopoverVisible=true,this.setAttribute("data-show",true),this.mouseoverHandler=e=>this.handleMouseoverEvent(e),document.querySelector("body").addEventListener("mouseover",this.mouseoverHandler);}handleMouseoverEvent(e){this.isPopoverVisible&&!e.composedPath().includes(this)&&this.toggleHide();}updated(e){e.has("boundary")&&(this.popper.boundaryElement=this.boundary);}render(){return html`
|
|
9948
7895
|
<div id="popover" class="popover util_insetLg body-default" aria-live="polite" part="popover">
|
|
9949
7896
|
<div id="arrow" class="arrow" data-popper-arrow></div>
|
|
9950
7897
|
<span role="tooltip" aria-labelledby="${this.id}"><slot></slot></span>
|
|
@@ -9953,11 +7900,9 @@ class AuroPopover extends LitElement {
|
|
|
9953
7900
|
<span id="${this.id}">
|
|
9954
7901
|
<slot name="trigger" data-trigger-placement="${this.placement}"></slot>
|
|
9955
7902
|
</span>
|
|
9956
|
-
|
|
9957
|
-
}
|
|
9958
|
-
}
|
|
7903
|
+
`}}
|
|
9959
7904
|
|
|
9960
|
-
var popoverVersion = '
|
|
7905
|
+
var popoverVersion = '6.0.0';
|
|
9961
7906
|
|
|
9962
7907
|
/* eslint-disable curly, max-lines, no-underscore-dangle, no-magic-numbers, no-underscore-dangle, max-params, no-void, init-declarations, no-extra-parens, arrow-parens, max-lines, line-comment-position, no-inline-comments, lit/binding-positions, lit/no-invalid-html */
|
|
9963
7908
|
|
|
@@ -9987,7 +7932,7 @@ class AuroCalendarCell extends LitElement {
|
|
|
9987
7932
|
* Generate unique names for dependency components.
|
|
9988
7933
|
*/
|
|
9989
7934
|
const versioning = new AuroDependencyVersioning$3();
|
|
9990
|
-
this.popoverTag = versioning.generateTag('auro-formkit-datepicker-popover', popoverVersion,
|
|
7935
|
+
this.popoverTag = versioning.generateTag('auro-formkit-datepicker-popover', popoverVersion, Oe);
|
|
9991
7936
|
}
|
|
9992
7937
|
|
|
9993
7938
|
// This function is to define props used within the scope of this component
|
|
@@ -10030,9 +7975,9 @@ class AuroCalendarCell extends LitElement {
|
|
|
10030
7975
|
static get styles() {
|
|
10031
7976
|
return [
|
|
10032
7977
|
// ...super.styles,
|
|
10033
|
-
styleCss$
|
|
10034
|
-
colorCss$
|
|
10035
|
-
tokensCss$
|
|
7978
|
+
styleCss$5,
|
|
7979
|
+
colorCss$5,
|
|
7980
|
+
tokensCss$4
|
|
10036
7981
|
];
|
|
10037
7982
|
}
|
|
10038
7983
|
|
|
@@ -10362,9 +8307,9 @@ class AuroCalendarMonth extends RangeDatepickerCalendar {
|
|
|
10362
8307
|
static get styles() {
|
|
10363
8308
|
return [
|
|
10364
8309
|
// ...super.styles,
|
|
10365
|
-
styleCss$
|
|
10366
|
-
colorCss$
|
|
10367
|
-
tokensCss$
|
|
8310
|
+
styleCss$6,
|
|
8311
|
+
colorCss$6,
|
|
8312
|
+
tokensCss$4
|
|
10368
8313
|
];
|
|
10369
8314
|
}
|
|
10370
8315
|
|
|
@@ -11273,7 +9218,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
11273
9218
|
}
|
|
11274
9219
|
}
|
|
11275
9220
|
|
|
11276
|
-
var formkitVersion$2 = '
|
|
9221
|
+
var formkitVersion$2 = '202601271813';
|
|
11277
9222
|
|
|
11278
9223
|
let l$1 = 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=literal`${unsafeStatic(r)}`;return customElements.get(r)||customElements.define(r,class extends a{}),i}};let d$1 = 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}"]`);return (o?.assignedNodes({flatten:true})||[]).map(t=>t.textContent?.trim()).join(" ").trim()||null}};let h$1 = 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=css`: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]){--ds-auro-loader-color: var(--ds-basic-color-brand-primary, #01426a)}:host([ondark]){--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}
|
|
11279
9224
|
`,u$4=css`.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}: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:1.5rem}:host([pulse])>span{width:1rem;height:1rem;margin:var(--margin);animation:pulse 1.5s ease infinite}:host([pulse][xs]){width:calc(2.55rem + var(--margin-xs) * 6);height:1.55rem}:host([pulse][xs])>span{margin:var(--margin-xs);width:.65rem;height:.65rem}:host([pulse][sm]){width:calc(6rem + var(--margin-sm) * 6);height:2.5rem}:host([pulse][sm])>span{margin:var(--margin-sm);width:2rem;height:2rem}:host([pulse][md]){width:calc(9rem + var(--margin-md) * 6);height:3.5rem}:host([pulse][md])>span{margin:var(--margin-md);width:3rem;height:3rem}:host([pulse][lg]){width:calc(15rem + var(--margin-lg) * 6);height:5.5rem}: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}}
|
|
@@ -11334,28 +9279,14 @@ let l$1 = class l{generateElementName(t,e){let o=t;return o+="-",o+=e.replace(/[
|
|
|
11334
9279
|
|
|
11335
9280
|
var buttonVersion$1 = '12.3.0';
|
|
11336
9281
|
|
|
9282
|
+
/* eslint-disable no-magic-numbers, no-undef-init, max-lines, lit/binding-positions, lit/no-invalid-html */
|
|
9283
|
+
|
|
9284
|
+
|
|
11337
9285
|
// See https://git.io/JJ6SJ for "How to document your components using JSDoc"
|
|
11338
9286
|
/**
|
|
11339
|
-
* @prop {Object} firstDayOfWeek - Weekday that will be displayed in first column of month grid.
|
|
11340
|
-
* 0: sunday, 1: monday, 2: tuesday, 3: wednesday , 4: thursday, 5: friday, 6: saturday
|
|
11341
|
-
* Default is 0.
|
|
11342
|
-
* @prop {Date | null} focusedDate - The currently focused date (if any).
|
|
11343
|
-
* @prop {Date} maxDate - Maximum date. All dates after will be disabled.
|
|
11344
|
-
* @prop {Date} minDate - Minimum date. All dates before will be disabled.
|
|
11345
|
-
* @prop {Date | undefined} selectedDate - The selected date, usually synchronized with datepicker-input.
|
|
11346
|
-
* Not to be confused with the focused date (therefore not necessarily in active month view).
|
|
11347
|
-
* @prop {string} weekdayHeaderNotation - Weekday header notation, based on Intl DatetimeFormat:.
|
|
11348
|
-
* @prop {Boolean} visible - Flag indicating if the calendar is visible.
|
|
11349
|
-
* - 'short' (e.g., Thu)
|
|
11350
|
-
* - 'narrow' (e.g., T).
|
|
11351
|
-
* Default is 'short'.
|
|
11352
9287
|
* @event auroCalendar-dateSelected - Notifies that a date has been selected in the calendar.
|
|
11353
9288
|
* @event auroCalendar-monthChanged - Notifies that the visible calendar month(s) have changed.
|
|
11354
9289
|
*/
|
|
11355
|
-
|
|
11356
|
-
/* eslint-disable no-magic-numbers, no-undef-init, max-lines, lit/binding-positions, lit/no-invalid-html */
|
|
11357
|
-
|
|
11358
|
-
// class AuroCalendar extends LitElement {
|
|
11359
9290
|
class AuroCalendar extends RangeDatepicker {
|
|
11360
9291
|
constructor() {
|
|
11361
9292
|
super();
|
|
@@ -11422,57 +9353,91 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
11422
9353
|
|
|
11423
9354
|
static get styles() {
|
|
11424
9355
|
return [
|
|
11425
|
-
styleCss$
|
|
11426
|
-
colorCss$
|
|
11427
|
-
tokensCss$
|
|
9356
|
+
styleCss$7,
|
|
9357
|
+
colorCss$7,
|
|
9358
|
+
tokensCss$4
|
|
11428
9359
|
];
|
|
11429
9360
|
}
|
|
11430
9361
|
|
|
11431
9362
|
static get properties() {
|
|
11432
9363
|
return {
|
|
11433
|
-
|
|
11434
|
-
|
|
11435
|
-
|
|
11436
|
-
|
|
11437
|
-
type: String
|
|
11438
|
-
},
|
|
11439
|
-
dateTo: {
|
|
11440
|
-
type: String
|
|
11441
|
-
},
|
|
11442
|
-
maxDate: {
|
|
11443
|
-
type: String,
|
|
11444
|
-
reflect: true
|
|
11445
|
-
},
|
|
11446
|
-
minDate: {
|
|
9364
|
+
/**
|
|
9365
|
+
* The last month that may be displayed in the calendar.
|
|
9366
|
+
*/
|
|
9367
|
+
calendarEndMonth: {
|
|
11447
9368
|
type: String,
|
|
11448
9369
|
reflect: true
|
|
11449
9370
|
},
|
|
9371
|
+
|
|
9372
|
+
/**
|
|
9373
|
+
* The first month that may be displayed in the calendar.
|
|
9374
|
+
*/
|
|
11450
9375
|
calendarStartMonth: {
|
|
11451
9376
|
type: String,
|
|
11452
9377
|
reflect: true
|
|
11453
9378
|
},
|
|
11454
|
-
|
|
11455
|
-
|
|
11456
|
-
|
|
11457
|
-
|
|
9379
|
+
|
|
9380
|
+
/**
|
|
9381
|
+
* The date that determines the currently visible month.
|
|
9382
|
+
*/
|
|
11458
9383
|
centralDate: {
|
|
11459
9384
|
type: String,
|
|
11460
9385
|
reflect: true
|
|
11461
9386
|
},
|
|
11462
|
-
|
|
9387
|
+
|
|
9388
|
+
/**
|
|
9389
|
+
* The starting date of the selected range.
|
|
9390
|
+
*/
|
|
9391
|
+
dateFrom: {
|
|
9392
|
+
type: String
|
|
9393
|
+
},
|
|
9394
|
+
|
|
9395
|
+
/**
|
|
9396
|
+
* The ending date of the selected range.
|
|
9397
|
+
*/
|
|
9398
|
+
dateTo: {
|
|
9399
|
+
type: String
|
|
9400
|
+
},
|
|
9401
|
+
|
|
9402
|
+
/**
|
|
9403
|
+
* Dropdown element that contains the calendar.
|
|
9404
|
+
* @private
|
|
9405
|
+
*/
|
|
9406
|
+
dropdown: {
|
|
9407
|
+
type: Object
|
|
9408
|
+
},
|
|
9409
|
+
|
|
9410
|
+
/**
|
|
9411
|
+
* Flag indicating if the calendar is in fullscreen mode.
|
|
9412
|
+
*/
|
|
9413
|
+
isFullscreen: {
|
|
11463
9414
|
type: Boolean,
|
|
11464
|
-
reflect:
|
|
9415
|
+
reflect: true
|
|
11465
9416
|
},
|
|
9417
|
+
|
|
9418
|
+
/**
|
|
9419
|
+
* If declared, make bib.fullscreen.headline in HeadingDisplay.
|
|
9420
|
+
* Otherwise, Heading 600.
|
|
9421
|
+
*/
|
|
11466
9422
|
largeFullscreenHeadline: {
|
|
11467
9423
|
type: Boolean,
|
|
11468
9424
|
reflect: true
|
|
11469
9425
|
},
|
|
11470
|
-
|
|
11471
|
-
|
|
9426
|
+
|
|
9427
|
+
/**
|
|
9428
|
+
* Maximum date. All dates after will be disabled.
|
|
9429
|
+
*/
|
|
9430
|
+
maxDate: {
|
|
9431
|
+
type: String,
|
|
11472
9432
|
reflect: true
|
|
11473
9433
|
},
|
|
11474
|
-
|
|
11475
|
-
|
|
9434
|
+
|
|
9435
|
+
/**
|
|
9436
|
+
* Minimum date. All dates before will be disabled.
|
|
9437
|
+
*/
|
|
9438
|
+
minDate: {
|
|
9439
|
+
type: String,
|
|
9440
|
+
reflect: true
|
|
11476
9441
|
},
|
|
11477
9442
|
|
|
11478
9443
|
/**
|
|
@@ -11489,6 +9454,22 @@ class AuroCalendar extends RangeDatepicker {
|
|
|
11489
9454
|
*/
|
|
11490
9455
|
monthFirst: {
|
|
11491
9456
|
type: Boolean
|
|
9457
|
+
},
|
|
9458
|
+
|
|
9459
|
+
/**
|
|
9460
|
+
* Number of calendars to render.
|
|
9461
|
+
* @private
|
|
9462
|
+
*/
|
|
9463
|
+
numCalendars: {
|
|
9464
|
+
type: Number
|
|
9465
|
+
},
|
|
9466
|
+
|
|
9467
|
+
/**
|
|
9468
|
+
* Flag indicating if the calendar is visible.
|
|
9469
|
+
*/
|
|
9470
|
+
visible: {
|
|
9471
|
+
type: Boolean,
|
|
9472
|
+
reflect: false
|
|
11492
9473
|
}
|
|
11493
9474
|
};
|
|
11494
9475
|
}
|
|
@@ -14790,7 +12771,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
|
|
|
14790
12771
|
}
|
|
14791
12772
|
};
|
|
14792
12773
|
|
|
14793
|
-
var formkitVersion$1 = '
|
|
12774
|
+
var formkitVersion$1 = '202601271813';
|
|
14794
12775
|
|
|
14795
12776
|
let AuroElement$2 = class AuroElement extends LitElement {
|
|
14796
12777
|
static get properties() {
|
|
@@ -14896,12 +12877,14 @@ let AuroElement$2 = class AuroElement extends LitElement {
|
|
|
14896
12877
|
}
|
|
14897
12878
|
};
|
|
14898
12879
|
|
|
14899
|
-
// Copyright (c)
|
|
12880
|
+
// Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
14900
12881
|
// See LICENSE in the project root for license information.
|
|
14901
12882
|
|
|
14902
12883
|
|
|
14903
|
-
|
|
14904
|
-
|
|
12884
|
+
/**
|
|
12885
|
+
* The `auro-dropdown` element provides a way to place content in a bib that can be toggled.
|
|
12886
|
+
* @customElement auro-dropdown
|
|
12887
|
+
*
|
|
14905
12888
|
* @slot - Default slot for the popover content.
|
|
14906
12889
|
* @slot helpText - Defines the content of the helpText.
|
|
14907
12890
|
* @slot trigger - Defines the content of the trigger.
|
|
@@ -14937,7 +12920,7 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
14937
12920
|
/** @private */
|
|
14938
12921
|
this.bibElement = createRef();
|
|
14939
12922
|
|
|
14940
|
-
this.
|
|
12923
|
+
this._intializeDefaults();
|
|
14941
12924
|
}
|
|
14942
12925
|
|
|
14943
12926
|
/**
|
|
@@ -14958,7 +12941,7 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
14958
12941
|
* @private
|
|
14959
12942
|
* @returns {void} Internal defaults.
|
|
14960
12943
|
*/
|
|
14961
|
-
|
|
12944
|
+
_intializeDefaults() {
|
|
14962
12945
|
this.appearance = 'default';
|
|
14963
12946
|
this.chevron = false;
|
|
14964
12947
|
this.disabled = false;
|
|
@@ -15079,9 +13062,18 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
15079
13062
|
static get properties() {
|
|
15080
13063
|
return {
|
|
15081
13064
|
|
|
13065
|
+
/**
|
|
13066
|
+
* The value for the role attribute of the trigger element.
|
|
13067
|
+
*/
|
|
13068
|
+
a11yRole: {
|
|
13069
|
+
type: String || undefined,
|
|
13070
|
+
attribute: false,
|
|
13071
|
+
reflect: false
|
|
13072
|
+
},
|
|
13073
|
+
|
|
15082
13074
|
/**
|
|
15083
13075
|
* Defines whether the component will be on lighter or darker backgrounds.
|
|
15084
|
-
* @
|
|
13076
|
+
* @type {'default' | 'inverse'}
|
|
15085
13077
|
* @default 'default'
|
|
15086
13078
|
*/
|
|
15087
13079
|
appearance: {
|
|
@@ -15091,7 +13083,6 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
15091
13083
|
|
|
15092
13084
|
/**
|
|
15093
13085
|
* If declared, bib's position will be automatically calculated where to appear.
|
|
15094
|
-
* @default false
|
|
15095
13086
|
*/
|
|
15096
13087
|
autoPlacement: {
|
|
15097
13088
|
type: Boolean,
|
|
@@ -15100,7 +13091,6 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
15100
13091
|
|
|
15101
13092
|
/**
|
|
15102
13093
|
* If declared, the dropdown will only show by calling the API .show() public method.
|
|
15103
|
-
* @default false
|
|
15104
13094
|
*/
|
|
15105
13095
|
disableEventShow: {
|
|
15106
13096
|
type: Boolean,
|
|
@@ -15117,11 +13107,11 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
15117
13107
|
|
|
15118
13108
|
/**
|
|
15119
13109
|
* If declared, the dropdown displays a chevron on the right.
|
|
15120
|
-
* @attr {Boolean} chevron
|
|
15121
13110
|
*/
|
|
15122
13111
|
chevron: {
|
|
15123
13112
|
type: Boolean,
|
|
15124
|
-
reflect: true
|
|
13113
|
+
reflect: true,
|
|
13114
|
+
attribute: 'chevron'
|
|
15125
13115
|
},
|
|
15126
13116
|
|
|
15127
13117
|
/**
|
|
@@ -15158,7 +13148,7 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
15158
13148
|
},
|
|
15159
13149
|
|
|
15160
13150
|
/**
|
|
15161
|
-
* If declared
|
|
13151
|
+
* If declared, will apply error UI to the dropdown.
|
|
15162
13152
|
*/
|
|
15163
13153
|
error: {
|
|
15164
13154
|
type: Boolean,
|
|
@@ -15213,18 +13203,28 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
15213
13203
|
},
|
|
15214
13204
|
|
|
15215
13205
|
/**
|
|
15216
|
-
* Defines the screen size breakpoint
|
|
15217
|
-
* at which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.
|
|
13206
|
+
* Defines the screen size breakpoint at which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.
|
|
15218
13207
|
*
|
|
15219
13208
|
* When expanded, the dropdown will automatically display in fullscreen mode
|
|
15220
13209
|
* if the screen size is equal to or smaller than the selected breakpoint.
|
|
15221
|
-
* @
|
|
13210
|
+
* @type {'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'}
|
|
13211
|
+
* @default 'sm'
|
|
15222
13212
|
*/
|
|
15223
13213
|
fullscreenBreakpoint: {
|
|
15224
13214
|
type: String,
|
|
15225
13215
|
reflect: true
|
|
15226
13216
|
},
|
|
15227
13217
|
|
|
13218
|
+
/**
|
|
13219
|
+
* Sets the layout of the dropdown.
|
|
13220
|
+
* @type {'classic' | 'emphasized' | 'snowflake'}
|
|
13221
|
+
* @default 'classic'
|
|
13222
|
+
*/
|
|
13223
|
+
layout: {
|
|
13224
|
+
type: String,
|
|
13225
|
+
reflect: true
|
|
13226
|
+
},
|
|
13227
|
+
|
|
15228
13228
|
/**
|
|
15229
13229
|
* Defines if the trigger should size based on the parent element providing the border UI.
|
|
15230
13230
|
* @private
|
|
@@ -15245,7 +13245,6 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
15245
13245
|
/**
|
|
15246
13246
|
* If declared, the bib will NOT flip to an alternate position
|
|
15247
13247
|
* when there isn't enough space in the specified `placement`.
|
|
15248
|
-
* @default false
|
|
15249
13248
|
*/
|
|
15250
13249
|
noFlip: {
|
|
15251
13250
|
type: Boolean,
|
|
@@ -15254,7 +13253,6 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
15254
13253
|
|
|
15255
13254
|
/**
|
|
15256
13255
|
* If declared, the dropdown will shift its position to avoid being cut off by the viewport.
|
|
15257
|
-
* @default false
|
|
15258
13256
|
*/
|
|
15259
13257
|
shift: {
|
|
15260
13258
|
type: Boolean,
|
|
@@ -15287,7 +13285,7 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
15287
13285
|
},
|
|
15288
13286
|
|
|
15289
13287
|
/**
|
|
15290
|
-
* DEPRECATED - use `appearance` instead.
|
|
13288
|
+
* DEPRECATED - use `appearance="inverse"` instead.
|
|
15291
13289
|
*/
|
|
15292
13290
|
onDark: {
|
|
15293
13291
|
type: Boolean,
|
|
@@ -15304,7 +13302,8 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
15304
13302
|
|
|
15305
13303
|
/**
|
|
15306
13304
|
* Position where the bib should appear relative to the trigger.
|
|
15307
|
-
* @
|
|
13305
|
+
* @type {'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'}
|
|
13306
|
+
* @default 'bottom-start'
|
|
15308
13307
|
*/
|
|
15309
13308
|
placement: {
|
|
15310
13309
|
type: String,
|
|
@@ -15316,15 +13315,6 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
15316
13315
|
*/
|
|
15317
13316
|
tabIndex: {
|
|
15318
13317
|
type: Number
|
|
15319
|
-
},
|
|
15320
|
-
|
|
15321
|
-
/**
|
|
15322
|
-
* The value for the role attribute of the trigger element.
|
|
15323
|
-
*/
|
|
15324
|
-
a11yRole: {
|
|
15325
|
-
type: String || undefined,
|
|
15326
|
-
attribute: false,
|
|
15327
|
-
reflect: false
|
|
15328
13318
|
}
|
|
15329
13319
|
};
|
|
15330
13320
|
}
|
|
@@ -15351,7 +13341,7 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
15351
13341
|
|
|
15352
13342
|
/**
|
|
15353
13343
|
* This will register this element with the browser.
|
|
15354
|
-
* @param {string} [name="auro-dropdown"] - The name of element that you want to register
|
|
13344
|
+
* @param {string} [name="auro-dropdown"] - The name of the element that you want to register.
|
|
15355
13345
|
*
|
|
15356
13346
|
* @example
|
|
15357
13347
|
* AuroDropdown.register("custom-dropdown") // this will register this element to <custom-dropdown/>
|
|
@@ -15851,7 +13841,7 @@ var emphasizedStyleCss = css`:host([layout*=emphasized][shape*=pill]:not([layout
|
|
|
15851
13841
|
|
|
15852
13842
|
var emphasizedColorCss = css`.layout-emphasized:focus-within,.layout-emphasized-left:focus-within,.layout-emphasized-right:focus-within{--auro-input-border-color: var(--ds-auro-input-border-color)}`;
|
|
15853
13843
|
|
|
15854
|
-
var snowflakeStyleCss = css`:root{--ds-advanced-color-button-flat-text: #676767;--ds-advanced-color-button-flat-text-disabled: #d0d0d0;--ds-advanced-color-button-flat-text-hover: #525252;--ds-advanced-color-button-flat-text-inverse: #ffffff;--ds-advanced-color-button-flat-text-inverse-disabled: #7e8894;--ds-advanced-color-button-flat-text-inverse-hover: #adadad;--ds-advanced-color-button-ghost-background-hover: rgba(0, 0, 0, 0.05);--ds-advanced-color-button-ghost-background-inverse-hover: rgba(255, 255, 255, 0.05);--ds-advanced-color-button-ghost-text: #01426a;--ds-advanced-color-button-ghost-text-disabled: #d0d0d0;--ds-advanced-color-button-ghost-text-inverse: #ffffff;--ds-advanced-color-button-ghost-text-inverse-disabled: #7e8894;--ds-advanced-color-button-primary-background: #01426a;--ds-advanced-color-button-primary-background-disabled: #acc9e2;--ds-advanced-color-button-primary-background-hover: #00274a;--ds-advanced-color-button-primary-background-inactive: #cfe0ef;--ds-advanced-color-button-primary-background-inactive-hover: #89b2d4;--ds-advanced-color-button-primary-background-inverse: #ffffff;--ds-advanced-color-button-primary-background-inverse-disabled: rgba(255, 255, 255, 0.75);--ds-advanced-color-button-primary-background-inverse-hover: #ebf3f9;--ds-advanced-color-button-primary-border: #01426a;--ds-advanced-color-button-primary-border-disabled: #acc9e2;--ds-advanced-color-button-primary-border-hover: #00274a;--ds-advanced-color-button-primary-border-inverse: #ffffff;--ds-advanced-color-button-primary-border-inverse-disabled: rgba(255, 255, 255, 0.75);--ds-advanced-color-button-primary-border-inverse-hover: #ebf3f9;--ds-advanced-color-button-primary-text: #ffffff;--ds-advanced-color-button-primary-text-disabled: #ffffff;--ds-advanced-color-button-primary-text-inverse: #01426a;--ds-advanced-color-button-secondary-background: #ffffff;--ds-advanced-color-button-secondary-background-disabled: #f7f7f7;--ds-advanced-color-button-secondary-background-hover: #f2f2f2;--ds-advanced-color-button-secondary-background-inverse-hover: rgba(255, 255, 255, 0.1);--ds-advanced-color-button-secondary-border: #01426a;--ds-advanced-color-button-secondary-border-hover: #00274a;--ds-advanced-color-button-secondary-border-disabled: #cfe0ef;--ds-advanced-color-button-secondary-border-inverse: #ffffff;--ds-advanced-color-button-secondary-border-inverse-disabled: #dddddd;--ds-advanced-color-button-secondary-text: #01426a;--ds-advanced-color-button-secondary-text-hover: #00274a;--ds-advanced-color-button-secondary-text-inverse: #ffffff;--ds-advanced-color-button-tertiary-background: rgba(0, 0, 0, 0.05);--ds-advanced-color-button-tertiary-background-hover: rgba(0, 0, 0, 0.1);--ds-advanced-color-button-tertiary-background-inverse: rgba(255, 255, 255, 0.05);--ds-advanced-color-button-tertiary-background-inverse-hover: rgba(255, 255, 255, 0.1);--ds-advanced-color-button-tertiary-text: #01426a;--ds-advanced-color-button-tertiary-text-hover: #00274a;--ds-advanced-color-button-tertiary-text-inverse: #ffffff;--ds-advanced-color-accents-accent1: #b2d583;--ds-advanced-color-accents-accent1-bold: #92c450;--ds-advanced-color-accents-accent1-muted: #deedca;--ds-advanced-color-accents-accent2: #fad362;--ds-advanced-color-accents-accent2-bold: #f2ba14;--ds-advanced-color-accents-accent2-muted: #fde398;--ds-advanced-color-accents-accent3: #63beff;--ds-advanced-color-accents-accent3-bold: #0074ca;--ds-advanced-color-accents-accent3-muted: #aedeff;--ds-advanced-color-accents-accent4: #feb17a;--ds-advanced-color-accents-accent4-bold: #fb7f24;--ds-advanced-color-accents-accent4-muted: #ffe2cf;--ds-advanced-color-accents-transparency: rgba(0, 0, 0, 0.1);--ds-advanced-color-accents-transparency-inverse: rgba(255, 255, 255, 0.2);--ds-advanced-color-avatar-gradient-bottom: #cfe0ef;--ds-advanced-color-avatar-gradient-top: #6899c6;--ds-advanced-color-boolean-disabled-inverse: #7e8894;--ds-advanced-color-boolean-error: #e31f26;--ds-advanced-color-boolean-error-hover: #b1161c;--ds-advanced-color-boolean-error-inverse: #f9a4a8;--ds-advanced-color-boolean-error-inverse-hover: #f15f65;--ds-advanced-color-boolean-indicator: #ffffff;--ds-advanced-color-boolean-indicator-inverse: #00274a;--ds-advanced-color-boolean-isfalse: #ffffff;--ds-advanced-color-boolean-isfalse-border: #585e67;--ds-advanced-color-boolean-isfalse-border-inverse: #ffffff;--ds-advanced-color-boolean-isfalse-hover: #f2f2f2;--ds-advanced-color-boolean-isfalse-inverse: rgba(255, 255, 255, 0.15);--ds-advanced-color-boolean-isfalse-inverse-hover: rgba(255, 255, 255, 0.2);--ds-advanced-color-boolean-istrue: #01426a;--ds-advanced-color-boolean-istrue-hover: #00274a;--ds-advanced-color-boolean-istrue-inverse: #ffffff;--ds-advanced-color-boolean-istrue-inverse-hover: rgba(255, 255, 255, 0.7);--ds-advanced-color-dropdown-emphasized-background: #00274A1a;--ds-advanced-color-dropdown-emphasized-background-hover: #00274A33;--ds-advanced-color-flightline-indicator: #00274a;--ds-advanced-color-flightline-line: #00274a;--ds-advanced-color-hyperlink-text: #2875b5;--ds-advanced-color-hyperlink-text-hover: #01426a;--ds-advanced-color-hyperlink-text-inverse: #ffffff;--ds-advanced-color-hyperlink-text-inverse-hover: #ebf3f9;--ds-advanced-color-shared-background: #ffffff;--ds-advanced-color-shared-background-inverse: rgba(255, 255, 255, 0.15);--ds-advanced-color-shared-background-inverse-disabled: rgba(255, 255, 255, 0.1);--ds-advanced-color-shared-background-inverse-hover: rgba(255, 255, 255, 0.2);--ds-advanced-color-shared-background-muted: #f7f7f7;--ds-advanced-color-shared-background-strong: #676767;--ds-advanced-color-shared-emphasized-background: rgba(1, 66, 106, 0.1);--ds-advanced-color-shared-emphasized-background-hover: rgba(1, 66, 106, 0.2);--ds-advanced-color-shared-scrim: rgba(0, 0, 0, 0.5);--ds-advanced-color-shared-text-accent: #2875b5;--ds-advanced-color-skeleton-background: #f7f8fa;--ds-advanced-color-skeleton-wave: #e4e8ec;--ds-advanced-color-state-background-disabled: #dddddd;--ds-advanced-color-state-background-hover: #f2f2f2;--ds-advanced-color-state-background-inverse-disabled: #7e8894;--ds-advanced-color-state-error-inverse: #f9a4a8;--ds-advanced-color-state-focused: #01426a;--ds-advanced-color-state-focused-inverse: #ffffff;--ds-advanced-color-state-selected: #01426a;--ds-advanced-color-state-selected-hover: #00274a;--ds-basic-color-border-bold: #585e67;--ds-basic-color-border-brand: #00274a;--ds-basic-color-border-default: #959595;--ds-basic-color-border-divider: rgba(0, 0, 0, 0.15);--ds-basic-color-border-divider-inverse: rgba(255, 255, 255, 0.4);--ds-basic-color-border-inverse: #ffffff;--ds-basic-color-border-subtle: #dddddd;--ds-basic-color-brand-primary: #01426a;--ds-basic-color-brand-primary-bold: #00274a;--ds-basic-color-brand-primary-muted: #ebf3f9;--ds-basic-color-brand-primary-subtle: #2875b5;--ds-basic-color-brand-secondary: #5de3f7;--ds-basic-color-brand-secondary-bold: #18c3dd;--ds-basic-color-brand-secondary-muted: #ebfafd;--ds-basic-color-brand-secondary-subtle: #b4eff9;--ds-basic-color-brand-tertiary: #a3cd6a;--ds-basic-color-brand-tertiary-bold: #7daf3b;--ds-basic-color-brand-tertiary-muted: #eaf3dd;--ds-basic-color-brand-tertiary-subtle: #c9e1a7;--ds-basic-color-fare-basiceconomy: #97eaf8;--ds-basic-color-fare-business: #01426a;--ds-basic-color-fare-economy: #0074ca;--ds-basic-color-fare-first: #00274a;--ds-basic-color-fare-premiumeconomy: #005154;--ds-basic-color-page-background-default: #ffffff;--ds-basic-color-page-background-utility: #ffffff;--ds-basic-color-status-default: #afb9c6;--ds-basic-color-status-error: #e31f26;--ds-basic-color-status-error-subtle: #fbc6c6;--ds-basic-color-status-info: #01426a;--ds-basic-color-status-info-subtle: #ebf3f9;--ds-basic-color-status-success: #447a1f;--ds-basic-color-status-success-subtle: #d6eac7;--ds-basic-color-status-warning: #fac200;--ds-basic-color-status-warning-subtle: #fff0b2;--ds-basic-color-surface-accent1: #5de3f7;--ds-basic-color-surface-accent1-muted: #ebfafd;--ds-basic-color-surface-accent1-subtle: #b4eff9;--ds-basic-color-surface-accent2: #a3cd6a;--ds-basic-color-surface-accent2-muted: #eaf3dd;--ds-basic-color-surface-default: #ffffff;--ds-basic-color-surface-inverse: #00274a;--ds-basic-color-surface-inverse-subtle: #2875b5;--ds-basic-color-surface-neutral-medium: #c5c5c5;--ds-basic-color-surface-neutral-subtle: #f7f7f7;--ds-basic-color-texticon-accent1: #265688;--ds-basic-color-texticon-default: #2a2a2a;--ds-basic-color-texticon-disabled: #d0d0d0;--ds-basic-color-texticon-inverse: #ffffff;--ds-basic-color-texticon-inverse-disabled: #7e8894;--ds-basic-color-texticon-inverse-muted: #ccd2db;--ds-basic-color-texticon-muted: #676767;--ds-basic-color-tier-program-loungetier-lounge: #01426a;--ds-basic-color-tier-program-loungetier-loungeplus: #53b390;--ds-basic-color-tier-program-loyaltytier-bronze: #d99f6d;--ds-basic-color-tier-program-loyaltytier-bronze-muted: #eed4be;--ds-basic-color-tier-program-loyaltytier-cobalt: #030772;--ds-basic-color-tier-program-loyaltytier-cobalt-muted: #a9b6d6;--ds-basic-color-tier-program-loyaltytier-copper: #cb7457;--ds-basic-color-tier-program-loyaltytier-copper-muted: #e7bfb1;--ds-basic-color-tier-program-loyaltytier-gold: #fbdc7a;--ds-basic-color-tier-program-loyaltytier-gold-muted: #fdefc4;--ds-basic-color-tier-program-loyaltytier-nickel: #abaab1;--ds-basic-color-tier-program-loyaltytier-nickel-muted: #e5e4e7;--ds-basic-color-tier-program-loyaltytier-platinum: #bcb8a4;--ds-basic-color-tier-program-loyaltytier-platinum-muted: #dad8cd;--ds-basic-color-tier-program-loyaltytier-silver: #e4e9ec;--ds-basic-color-tier-program-loyaltytier-silver-muted: #f9fafb;--ds-basic-color-tier-program-loyaltytier-titanium: #282828;--ds-basic-color-tier-program-loyaltytier-titanium-muted: #545454;--ds-basic-color-tier-program-oneworld-emerald: #139142;--ds-basic-color-tier-program-oneworld-ruby: #a41d4a;--ds-basic-color-tier-program-oneworld-sapphire: #015daa;--ds-basic-type-brand-family-primary: "AS Circular";--ds-basic-type-brand-family-secondary: "Good OT";--ds-basic-type-brand-line-height-primary: 1.3;--ds-basic-type-brand-line-height-secondary: 1;--ds-basic-type-brand-letter-spacing-primary: 0;--ds-basic-type-brand-letter-spacing-secondary: 0.05em;--ds-basic-type-brand-letter-spacing-tertiary: 0.10em;--ds-basic-type-family-accent: "Good OT";--ds-basic-type-family-accent-fallback: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ds-basic-type-family-body: "AS Circular";--ds-basic-type-family-body-fallback: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ds-basic-type-family-display: "AS Circular";--ds-basic-type-family-display-fallback: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ds-basic-type-family-heading: "AS Circular";--ds-basic-type-family-heading-fallback: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ds-basic-type-letter-spacing-accent: 0.05em;--ds-basic-type-letter-spacing-accent2: 0.10em;--ds-basic-type-letter-spacing-body: 0;--ds-basic-type-letter-spacing-display: 0;--ds-basic-type-letter-spacing-heading: 0;--ds-basic-type-line-height-accent: 1.3;--ds-basic-type-line-height-accent2: 1;--ds-basic-type-line-height-body: 1.625rem;--ds-basic-type-line-height-body2: 1.5rem;--ds-basic-type-line-height-body3: 1.25rem;--ds-basic-type-line-height-body4: 1rem;--ds-basic-type-line-height-body5: 0.875rem;--ds-basic-type-line-height-display: 1.3;--ds-basic-type-line-height-heading: 1.3;--ds-basic-type-weight-accent: 450;--ds-basic-type-weight-accent2: 500;--ds-basic-type-weight-body: 450;--ds-basic-type-weight-display: 300;--ds-basic-type-weight-heading: 300;--ds-basic-type-weight-heading2: 450}:host([layout*=snowflake]) .leftIndent{margin-left:var(--ds-size-200, 1rem)}:host([layout*=snowflake]) .rightIndent{margin-right:var(--ds-size-200, 1rem)}.layout-snowflake{display:flex;flex-direction:row;align-items:center;justify-content:center}.layout-snowflake label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-block-start:var(--ds-size-50, 0.25rem)}.layout-snowflake input{transition:all 1ms linear;text-align:center}.layout-snowflake .mainContent{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;overflow:hidden}.layout-snowflake .displayValue{display:none;width:100%}.layout-snowflake .displayValue.hasContent:is(.withValue):not(.hasFocus){display:block}.layout-snowflake .displayValueWrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%}.layout-snowflake.withValue{justify-content:flex-start}.layout-snowflake.withValue:hover .alertNotification{display:none}.layout-snowflake:not(:focus-within):not(:is([validity]:not([validity=valid]))){--ds-auro-input-border-color: transparent}.layout-snowflake:focus-within{justify-content:flex-start}.layout-snowflake:focus-within .alertNotification{display:none}.layout-snowflake .accents{width:var(--ds-size-300, 1.5rem)}.layout-snowflake .accents.left{padding-left:var(--ds-size-200, 1rem)}.layout-snowflake .accents.right{padding-right:var(--ds-size-200, 1rem)}:host([layout*=snowflake]) .helpTextWrapper{text-align:center}`;
|
|
13844
|
+
var snowflakeStyleCss = css`:root{--ds-advanced-color-button-flat-text: #676767;--ds-advanced-color-button-flat-text-disabled: #d0d0d0;--ds-advanced-color-button-flat-text-hover: #525252;--ds-advanced-color-button-flat-text-inverse: #ffffff;--ds-advanced-color-button-flat-text-inverse-disabled: #7e8894;--ds-advanced-color-button-flat-text-inverse-hover: #adadad;--ds-advanced-color-button-ghost-background-hover: rgba(0, 0, 0, 0.05);--ds-advanced-color-button-ghost-background-inverse-hover: rgba(255, 255, 255, 0.05);--ds-advanced-color-button-ghost-text: #01426a;--ds-advanced-color-button-ghost-text-disabled: #d0d0d0;--ds-advanced-color-button-ghost-text-inverse: #ffffff;--ds-advanced-color-button-ghost-text-inverse-disabled: #7e8894;--ds-advanced-color-button-primary-background: #01426a;--ds-advanced-color-button-primary-background-disabled: #acc9e2;--ds-advanced-color-button-primary-background-hover: #00274a;--ds-advanced-color-button-primary-background-inactive: #cfe0ef;--ds-advanced-color-button-primary-background-inactive-hover: #89b2d4;--ds-advanced-color-button-primary-background-inverse: #ffffff;--ds-advanced-color-button-primary-background-inverse-disabled: rgba(255, 255, 255, 0.75);--ds-advanced-color-button-primary-background-inverse-hover: #ebf3f9;--ds-advanced-color-button-primary-border: #01426a;--ds-advanced-color-button-primary-border-disabled: #acc9e2;--ds-advanced-color-button-primary-border-hover: #00274a;--ds-advanced-color-button-primary-border-inverse: #ffffff;--ds-advanced-color-button-primary-border-inverse-disabled: rgba(255, 255, 255, 0.75);--ds-advanced-color-button-primary-border-inverse-hover: #ebf3f9;--ds-advanced-color-button-primary-text: #ffffff;--ds-advanced-color-button-primary-text-disabled: #ffffff;--ds-advanced-color-button-primary-text-inverse: #01426a;--ds-advanced-color-button-secondary-background: #ffffff;--ds-advanced-color-button-secondary-background-disabled: #f7f7f7;--ds-advanced-color-button-secondary-background-hover: #f2f2f2;--ds-advanced-color-button-secondary-background-inverse-hover: rgba(255, 255, 255, 0.1);--ds-advanced-color-button-secondary-border: #01426a;--ds-advanced-color-button-secondary-border-hover: #00274a;--ds-advanced-color-button-secondary-border-disabled: #cfe0ef;--ds-advanced-color-button-secondary-border-inverse: #ffffff;--ds-advanced-color-button-secondary-border-inverse-disabled: #dddddd;--ds-advanced-color-button-secondary-text: #01426a;--ds-advanced-color-button-secondary-text-hover: #00274a;--ds-advanced-color-button-secondary-text-inverse: #ffffff;--ds-advanced-color-button-tertiary-background: rgba(0, 0, 0, 0.05);--ds-advanced-color-button-tertiary-background-hover: rgba(0, 0, 0, 0.1);--ds-advanced-color-button-tertiary-background-inverse: rgba(255, 255, 255, 0.05);--ds-advanced-color-button-tertiary-background-inverse-hover: rgba(255, 255, 255, 0.1);--ds-advanced-color-button-tertiary-text: #01426a;--ds-advanced-color-button-tertiary-text-hover: #00274a;--ds-advanced-color-button-tertiary-text-inverse: #ffffff;--ds-advanced-color-accents-accent1: #b2d583;--ds-advanced-color-accents-accent1-bold: #92c450;--ds-advanced-color-accents-accent1-muted: #deedca;--ds-advanced-color-accents-accent2: #fad362;--ds-advanced-color-accents-accent2-bold: #f2ba14;--ds-advanced-color-accents-accent2-muted: #fde398;--ds-advanced-color-accents-accent3: #63beff;--ds-advanced-color-accents-accent3-bold: #0074ca;--ds-advanced-color-accents-accent3-muted: #aedeff;--ds-advanced-color-accents-accent4: #feb17a;--ds-advanced-color-accents-accent4-bold: #fb7f24;--ds-advanced-color-accents-accent4-muted: #ffe2cf;--ds-advanced-color-accents-transparency: rgba(0, 0, 0, 0.1);--ds-advanced-color-accents-transparency-inverse: rgba(255, 255, 255, 0.2);--ds-advanced-color-avatar-gradient-bottom: #cfe0ef;--ds-advanced-color-avatar-gradient-top: #6899c6;--ds-advanced-color-boolean-disabled-inverse: #7e8894;--ds-advanced-color-boolean-error: #e31f26;--ds-advanced-color-boolean-error-hover: #b1161c;--ds-advanced-color-boolean-error-inverse: #f9a4a8;--ds-advanced-color-boolean-error-inverse-hover: #f15f65;--ds-advanced-color-boolean-indicator: #ffffff;--ds-advanced-color-boolean-indicator-inverse: #00274a;--ds-advanced-color-boolean-isfalse: #ffffff;--ds-advanced-color-boolean-isfalse-border: #585e67;--ds-advanced-color-boolean-isfalse-border-inverse: #ffffff;--ds-advanced-color-boolean-isfalse-hover: #f2f2f2;--ds-advanced-color-boolean-isfalse-inverse: rgba(255, 255, 255, 0.15);--ds-advanced-color-boolean-isfalse-inverse-hover: rgba(255, 255, 255, 0.2);--ds-advanced-color-boolean-istrue: #01426a;--ds-advanced-color-boolean-istrue-hover: #00274a;--ds-advanced-color-boolean-istrue-inverse: #ffffff;--ds-advanced-color-boolean-istrue-inverse-hover: rgba(255, 255, 255, 0.7);--ds-advanced-color-dropdown-emphasized-background: #00274A1a;--ds-advanced-color-dropdown-emphasized-background-hover: #00274A33;--ds-advanced-color-flightline-indicator: #00274a;--ds-advanced-color-flightline-line: #00274a;--ds-advanced-color-footer-background: #01426a;--ds-advanced-color-footer-foreground: #00274a;--ds-advanced-color-footer-pattern: #ffffff;--ds-advanced-color-hyperlink-text: #2875b5;--ds-advanced-color-hyperlink-text-hover: #01426a;--ds-advanced-color-hyperlink-text-inverse: #ffffff;--ds-advanced-color-hyperlink-text-inverse-hover: #ebf3f9;--ds-advanced-color-shared-background: #ffffff;--ds-advanced-color-shared-background-inverse: rgba(255, 255, 255, 0.15);--ds-advanced-color-shared-background-inverse-disabled: rgba(255, 255, 255, 0.1);--ds-advanced-color-shared-background-inverse-hover: rgba(255, 255, 255, 0.2);--ds-advanced-color-shared-background-muted: #f7f7f7;--ds-advanced-color-shared-background-strong: #676767;--ds-advanced-color-shared-emphasized-background: rgba(1, 66, 106, 0.1);--ds-advanced-color-shared-emphasized-background-hover: rgba(1, 66, 106, 0.2);--ds-advanced-color-shared-scrim: rgba(0, 0, 0, 0.5);--ds-advanced-color-shared-text-accent: #2875b5;--ds-advanced-color-skeleton-background: #f7f8fa;--ds-advanced-color-skeleton-wave: #e4e8ec;--ds-advanced-color-state-background-disabled: #dddddd;--ds-advanced-color-state-background-hover: #f2f2f2;--ds-advanced-color-state-background-inverse-disabled: #7e8894;--ds-advanced-color-state-error-inverse: #f9a4a8;--ds-advanced-color-state-focused: #01426a;--ds-advanced-color-state-focused-inverse: #ffffff;--ds-advanced-color-state-selected: #01426a;--ds-advanced-color-state-selected-hover: #00274a;--ds-basic-color-border-bold: #585e67;--ds-basic-color-border-brand: #00274a;--ds-basic-color-border-default: #959595;--ds-basic-color-border-divider: rgba(0, 0, 0, 0.15);--ds-basic-color-border-divider-inverse: rgba(255, 255, 255, 0.4);--ds-basic-color-border-inverse: #ffffff;--ds-basic-color-border-subtle: #dddddd;--ds-basic-color-brand-primary: #01426a;--ds-basic-color-brand-primary-bold: #00274a;--ds-basic-color-brand-primary-muted: #ebf3f9;--ds-basic-color-brand-primary-subtle: #2875b5;--ds-basic-color-brand-secondary: #5de3f7;--ds-basic-color-brand-secondary-bold: #18c3dd;--ds-basic-color-brand-secondary-muted: #ebfafd;--ds-basic-color-brand-secondary-subtle: #b4eff9;--ds-basic-color-brand-tertiary: #a3cd6a;--ds-basic-color-brand-tertiary-bold: #7daf3b;--ds-basic-color-brand-tertiary-muted: #eaf3dd;--ds-basic-color-brand-tertiary-subtle: #c9e1a7;--ds-basic-color-fare-basiceconomy: #97eaf8;--ds-basic-color-fare-business: #01426a;--ds-basic-color-fare-economy: #0074ca;--ds-basic-color-fare-first: #00274a;--ds-basic-color-fare-premiumeconomy: #005154;--ds-basic-color-page-background-default: #ffffff;--ds-basic-color-page-background-utility: #ffffff;--ds-basic-color-status-default: #afb9c6;--ds-basic-color-status-error: #e31f26;--ds-basic-color-status-error-subtle: #fbc6c6;--ds-basic-color-status-info: #01426a;--ds-basic-color-status-info-subtle: #ebf3f9;--ds-basic-color-status-success: #447a1f;--ds-basic-color-status-success-subtle: #d6eac7;--ds-basic-color-status-warning: #fac200;--ds-basic-color-status-warning-subtle: #fff0b2;--ds-basic-color-surface-accent1: #5de3f7;--ds-basic-color-surface-accent1-muted: #ebfafd;--ds-basic-color-surface-accent1-subtle: #b4eff9;--ds-basic-color-surface-accent2: #a3cd6a;--ds-basic-color-surface-accent2-muted: #eaf3dd;--ds-basic-color-surface-default: #ffffff;--ds-basic-color-surface-inverse: #00274a;--ds-basic-color-surface-inverse-subtle: #2875b5;--ds-basic-color-surface-neutral: #f2f2f2;--ds-basic-color-surface-neutral-medium: #c5c5c5;--ds-basic-color-surface-neutral-subtle: #f7f7f7;--ds-basic-color-texticon-accent1: #265688;--ds-basic-color-texticon-default: #2a2a2a;--ds-basic-color-texticon-disabled: #d0d0d0;--ds-basic-color-texticon-inverse: #ffffff;--ds-basic-color-texticon-inverse-disabled: #7e8894;--ds-basic-color-texticon-inverse-muted: #ccd2db;--ds-basic-color-texticon-muted: #676767;--ds-basic-color-tier-program-loungetier-lounge: #01426a;--ds-basic-color-tier-program-loungetier-loungeplus: #53b390;--ds-basic-color-tier-program-loyaltytier-bronze: #d99f6d;--ds-basic-color-tier-program-loyaltytier-bronze-muted: #eed4be;--ds-basic-color-tier-program-loyaltytier-cobalt: #030772;--ds-basic-color-tier-program-loyaltytier-cobalt-muted: #a9b6d6;--ds-basic-color-tier-program-loyaltytier-copper: #cb7457;--ds-basic-color-tier-program-loyaltytier-copper-muted: #e7bfb1;--ds-basic-color-tier-program-loyaltytier-gold: #fbdc7a;--ds-basic-color-tier-program-loyaltytier-gold-muted: #fdefc4;--ds-basic-color-tier-program-loyaltytier-nickel: #abaab1;--ds-basic-color-tier-program-loyaltytier-nickel-muted: #e5e4e7;--ds-basic-color-tier-program-loyaltytier-platinum: #bcb8a4;--ds-basic-color-tier-program-loyaltytier-platinum-muted: #dad8cd;--ds-basic-color-tier-program-loyaltytier-silver: #e4e9ec;--ds-basic-color-tier-program-loyaltytier-silver-muted: #f9fafb;--ds-basic-color-tier-program-loyaltytier-titanium: #282828;--ds-basic-color-tier-program-loyaltytier-titanium-muted: #545454;--ds-basic-color-tier-program-oneworld-emerald: #139142;--ds-basic-color-tier-program-oneworld-ruby: #a41d4a;--ds-basic-color-tier-program-oneworld-sapphire: #015daa;--ds-basic-type-brand-family-primary: "AS Circular";--ds-basic-type-brand-family-secondary: "Good OT";--ds-basic-type-brand-line-height-primary: 1.3;--ds-basic-type-brand-line-height-secondary: 1;--ds-basic-type-brand-letter-spacing-primary: 0;--ds-basic-type-brand-letter-spacing-secondary: 0.05em;--ds-basic-type-brand-letter-spacing-tertiary: 0.10em;--ds-basic-type-family-accent: "Good OT";--ds-basic-type-family-accent-fallback: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ds-basic-type-family-body: "AS Circular";--ds-basic-type-family-body-fallback: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ds-basic-type-family-display: "AS Circular";--ds-basic-type-family-display-fallback: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ds-basic-type-family-heading: "AS Circular";--ds-basic-type-family-heading-fallback: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ds-basic-type-letter-spacing-accent: 0.05em;--ds-basic-type-letter-spacing-accent2: 0.10em;--ds-basic-type-letter-spacing-body: 0;--ds-basic-type-letter-spacing-display: 0;--ds-basic-type-letter-spacing-heading: 0;--ds-basic-type-line-height-accent: 1.3;--ds-basic-type-line-height-accent2: 1;--ds-basic-type-line-height-body: 1.625rem;--ds-basic-type-line-height-body2: 1.5rem;--ds-basic-type-line-height-body3: 1.25rem;--ds-basic-type-line-height-body4: 1rem;--ds-basic-type-line-height-body5: 0.875rem;--ds-basic-type-line-height-display: 1.3;--ds-basic-type-line-height-heading: 1.3;--ds-basic-type-weight-accent: 450;--ds-basic-type-weight-accent2: 500;--ds-basic-type-weight-body: 450;--ds-basic-type-weight-body2: 700;--ds-basic-type-weight-display: 300;--ds-basic-type-weight-heading: 300;--ds-basic-type-weight-heading2: 450}:host([layout*=snowflake]) .leftIndent{margin-left:var(--ds-size-200, 1rem)}:host([layout*=snowflake]) .rightIndent{margin-right:var(--ds-size-200, 1rem)}.layout-snowflake{display:flex;flex-direction:row;align-items:center;justify-content:center}.layout-snowflake label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-block-start:var(--ds-size-50, 0.25rem)}.layout-snowflake input{transition:all 1ms linear;text-align:center}.layout-snowflake .mainContent{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;overflow:hidden}.layout-snowflake .displayValue{display:none;width:100%}.layout-snowflake .displayValue.hasContent:is(.withValue):not(.hasFocus){display:block}.layout-snowflake .displayValueWrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%}.layout-snowflake.withValue{justify-content:flex-start}.layout-snowflake.withValue:hover .alertNotification{display:none}.layout-snowflake:not(:focus-within):not(:is([validity]:not([validity=valid]))){--ds-auro-input-border-color: transparent}.layout-snowflake:focus-within{justify-content:flex-start}.layout-snowflake:focus-within .alertNotification{display:none}.layout-snowflake .accents{width:var(--ds-size-300, 1.5rem)}.layout-snowflake .accents.left{padding-left:var(--ds-size-200, 1rem)}.layout-snowflake .accents.right{padding-right:var(--ds-size-200, 1rem)}:host([layout*=snowflake]) .helpTextWrapper{text-align:center}`;
|
|
15855
13845
|
|
|
15856
13846
|
const watchedItems$1 = new Set();
|
|
15857
13847
|
|
|
@@ -20883,19 +18873,16 @@ let AuroElement$1 = class AuroElement extends LitElement {
|
|
|
20883
18873
|
|
|
20884
18874
|
|
|
20885
18875
|
/**
|
|
20886
|
-
*
|
|
20887
|
-
*
|
|
20888
|
-
* @prop {string} id - The id global attribute defines an identifier (ID) which must be unique in the whole document.
|
|
20889
|
-
* @attr id
|
|
18876
|
+
* The `auro-input` element provides users a way to enter data into a text field.
|
|
18877
|
+
* @customElement auro-input
|
|
20890
18878
|
*
|
|
20891
18879
|
* @slot ariaLabel.clear - Sets aria-label on clear button for screen reader to read
|
|
20892
18880
|
* @slot ariaLabel.password.show - Sets aria-label on password button to toggle on showing password
|
|
20893
18881
|
* @slot ariaLabel.password.hide - Sets aria-label on password button to toggle off showing password
|
|
20894
18882
|
* @slot helpText - Sets the help text displayed below the input.
|
|
20895
18883
|
* @slot label - Sets the label text for the input.
|
|
20896
|
-
* @slot
|
|
18884
|
+
* @slot optionalLabel - Allows overriding the optional display text "(optional)", which appears next to the label.
|
|
20897
18885
|
* @slot displayValue - Allows custom HTML content to display in place of the value when the input is not focused.
|
|
20898
|
-
*
|
|
20899
18886
|
* @csspart wrapper - Use for customizing the style of the root element
|
|
20900
18887
|
* @csspart label - Use for customizing the style of the label element
|
|
20901
18888
|
* @csspart helpText - Use for customizing the style of the helpText element
|
|
@@ -20913,6 +18900,15 @@ class BaseInput extends AuroElement$1 {
|
|
|
20913
18900
|
constructor() {
|
|
20914
18901
|
super();
|
|
20915
18902
|
|
|
18903
|
+
this._initializeDefaults();
|
|
18904
|
+
}
|
|
18905
|
+
|
|
18906
|
+
/**
|
|
18907
|
+
* Internal Defaults.
|
|
18908
|
+
* @private
|
|
18909
|
+
* @returns {void}
|
|
18910
|
+
*/
|
|
18911
|
+
_initializeDefaults() {
|
|
20916
18912
|
this.activeLabel = false;
|
|
20917
18913
|
this.appearance = "default";
|
|
20918
18914
|
this.icon = false;
|
|
@@ -20942,15 +18938,6 @@ class BaseInput extends AuroElement$1 {
|
|
|
20942
18938
|
*/
|
|
20943
18939
|
this.size = 'lg';
|
|
20944
18940
|
|
|
20945
|
-
this.privateDefaults();
|
|
20946
|
-
}
|
|
20947
|
-
|
|
20948
|
-
/**
|
|
20949
|
-
* Internal Defaults.
|
|
20950
|
-
* @private
|
|
20951
|
-
* @returns {void}
|
|
20952
|
-
*/
|
|
20953
|
-
privateDefaults() {
|
|
20954
18941
|
this.touched = false;
|
|
20955
18942
|
this.util = new AuroInputUtilities();
|
|
20956
18943
|
this.validation = new AuroFormValidation();
|
|
@@ -21011,17 +18998,17 @@ class BaseInput extends AuroElement$1 {
|
|
|
21011
18998
|
...super.properties,
|
|
21012
18999
|
|
|
21013
19000
|
/**
|
|
21014
|
-
*
|
|
19001
|
+
* The value for the role attribute.
|
|
21015
19002
|
*/
|
|
21016
|
-
|
|
21017
|
-
type:
|
|
19003
|
+
a11yRole: {
|
|
19004
|
+
type: String,
|
|
21018
19005
|
reflect: true
|
|
21019
19006
|
},
|
|
21020
19007
|
|
|
21021
19008
|
/**
|
|
21022
|
-
* The value for the
|
|
19009
|
+
* The value for the aria-controls attribute.
|
|
21023
19010
|
*/
|
|
21024
|
-
|
|
19011
|
+
a11yControls: {
|
|
21025
19012
|
type: String,
|
|
21026
19013
|
reflect: true
|
|
21027
19014
|
},
|
|
@@ -21034,14 +19021,6 @@ class BaseInput extends AuroElement$1 {
|
|
|
21034
19021
|
reflect: true
|
|
21035
19022
|
},
|
|
21036
19023
|
|
|
21037
|
-
/**
|
|
21038
|
-
* The value for the aria-controls attribute.
|
|
21039
|
-
*/
|
|
21040
|
-
a11yControls: {
|
|
21041
|
-
type: String,
|
|
21042
|
-
reflect: true
|
|
21043
|
-
},
|
|
21044
|
-
|
|
21045
19024
|
/**
|
|
21046
19025
|
* If set, the label will remain fixed in the active position.
|
|
21047
19026
|
*/
|
|
@@ -21052,7 +19031,7 @@ class BaseInput extends AuroElement$1 {
|
|
|
21052
19031
|
|
|
21053
19032
|
/**
|
|
21054
19033
|
* Defines whether the component will be on lighter or darker backgrounds.
|
|
21055
|
-
* @
|
|
19034
|
+
* @type {'default' | 'inverse'}
|
|
21056
19035
|
* @default 'default'
|
|
21057
19036
|
*/
|
|
21058
19037
|
appearance: {
|
|
@@ -21084,6 +19063,13 @@ class BaseInput extends AuroElement$1 {
|
|
|
21084
19063
|
reflect: true
|
|
21085
19064
|
},
|
|
21086
19065
|
|
|
19066
|
+
/**
|
|
19067
|
+
* Custom help text message for email type validity.
|
|
19068
|
+
*/
|
|
19069
|
+
customValidityTypeEmail: {
|
|
19070
|
+
type: String
|
|
19071
|
+
},
|
|
19072
|
+
|
|
21087
19073
|
/**
|
|
21088
19074
|
* If set, disables the input.
|
|
21089
19075
|
*/
|
|
@@ -21092,6 +19078,14 @@ class BaseInput extends AuroElement$1 {
|
|
|
21092
19078
|
reflect: true
|
|
21093
19079
|
},
|
|
21094
19080
|
|
|
19081
|
+
/**
|
|
19082
|
+
* If defined, the display value slot content will only mask the HTML5 input element. The input's label will not be masked.
|
|
19083
|
+
*/
|
|
19084
|
+
dvInputOnly: {
|
|
19085
|
+
type: Boolean,
|
|
19086
|
+
reflect: true
|
|
19087
|
+
},
|
|
19088
|
+
|
|
21095
19089
|
/**
|
|
21096
19090
|
* When defined, sets persistent validity to `customError` and sets `setCustomValidity` = attribute value.
|
|
21097
19091
|
*/
|
|
@@ -21116,20 +19110,18 @@ class BaseInput extends AuroElement$1 {
|
|
|
21116
19110
|
},
|
|
21117
19111
|
|
|
21118
19112
|
/**
|
|
21119
|
-
*
|
|
21120
|
-
* Flag to indicate if the input currently has value.
|
|
19113
|
+
* Flag to indicate if the input currently has focus.
|
|
21121
19114
|
*/
|
|
21122
|
-
|
|
19115
|
+
hasFocus: {
|
|
21123
19116
|
type: Boolean,
|
|
21124
19117
|
reflect: false,
|
|
21125
19118
|
attribute: false
|
|
21126
19119
|
},
|
|
21127
19120
|
|
|
21128
19121
|
/**
|
|
21129
|
-
*
|
|
21130
|
-
* Flag to indicate if the input currently has focus.
|
|
19122
|
+
* Flag to indicate if the input currently has value.
|
|
21131
19123
|
*/
|
|
21132
|
-
|
|
19124
|
+
hasValue: {
|
|
21133
19125
|
type: Boolean,
|
|
21134
19126
|
reflect: false,
|
|
21135
19127
|
attribute: false
|
|
@@ -21143,6 +19135,23 @@ class BaseInput extends AuroElement$1 {
|
|
|
21143
19135
|
reflect: true
|
|
21144
19136
|
},
|
|
21145
19137
|
|
|
19138
|
+
/**
|
|
19139
|
+
* The id global attribute defines an identifier (ID) which must be unique in the whole document.
|
|
19140
|
+
*/
|
|
19141
|
+
id: {
|
|
19142
|
+
type: String
|
|
19143
|
+
},
|
|
19144
|
+
|
|
19145
|
+
/**
|
|
19146
|
+
* The id for input node.
|
|
19147
|
+
* @private
|
|
19148
|
+
*/
|
|
19149
|
+
inputId: {
|
|
19150
|
+
type: String,
|
|
19151
|
+
reflect: false,
|
|
19152
|
+
attribute: false
|
|
19153
|
+
},
|
|
19154
|
+
|
|
21146
19155
|
/** Exposes inputmode attribute for input. */
|
|
21147
19156
|
inputmode: {
|
|
21148
19157
|
type: String,
|
|
@@ -21213,7 +19222,7 @@ class BaseInput extends AuroElement$1 {
|
|
|
21213
19222
|
},
|
|
21214
19223
|
|
|
21215
19224
|
/**
|
|
21216
|
-
* DEPRECATED - use `appearance` instead.
|
|
19225
|
+
* DEPRECATED - use `appearance="inverse"` instead.
|
|
21217
19226
|
*/
|
|
21218
19227
|
onDark: {
|
|
21219
19228
|
type: Boolean,
|
|
@@ -21252,13 +19261,6 @@ class BaseInput extends AuroElement$1 {
|
|
|
21252
19261
|
reflect: true
|
|
21253
19262
|
},
|
|
21254
19263
|
|
|
21255
|
-
/**
|
|
21256
|
-
* @ignore
|
|
21257
|
-
*/
|
|
21258
|
-
showPassword: {
|
|
21259
|
-
state: true
|
|
21260
|
-
},
|
|
21261
|
-
|
|
21262
19264
|
/**
|
|
21263
19265
|
* Sets a custom help text message to display for all validityStates.
|
|
21264
19266
|
*/
|
|
@@ -21323,18 +19325,18 @@ class BaseInput extends AuroElement$1 {
|
|
|
21323
19325
|
},
|
|
21324
19326
|
|
|
21325
19327
|
/**
|
|
21326
|
-
*
|
|
19328
|
+
* @ignore
|
|
21327
19329
|
*/
|
|
21328
|
-
|
|
21329
|
-
|
|
21330
|
-
reflect: true
|
|
19330
|
+
showPassword: {
|
|
19331
|
+
state: true
|
|
21331
19332
|
},
|
|
21332
19333
|
|
|
21333
19334
|
/**
|
|
21334
|
-
*
|
|
19335
|
+
* Simple makes the input render without a border.
|
|
21335
19336
|
*/
|
|
21336
|
-
|
|
21337
|
-
type:
|
|
19337
|
+
simple: {
|
|
19338
|
+
type: Boolean,
|
|
19339
|
+
reflect: true
|
|
21338
19340
|
},
|
|
21339
19341
|
|
|
21340
19342
|
/**
|
|
@@ -21346,18 +19348,23 @@ class BaseInput extends AuroElement$1 {
|
|
|
21346
19348
|
},
|
|
21347
19349
|
|
|
21348
19350
|
/**
|
|
21349
|
-
*
|
|
19351
|
+
* Indicates whether the input is in a dirty state (has been interacted with).
|
|
19352
|
+
* @private
|
|
21350
19353
|
*/
|
|
21351
|
-
|
|
21352
|
-
type:
|
|
21353
|
-
reflect: true
|
|
19354
|
+
touched: {
|
|
19355
|
+
type: Boolean,
|
|
19356
|
+
reflect: true,
|
|
19357
|
+
attribute: false
|
|
21354
19358
|
},
|
|
21355
19359
|
|
|
21356
19360
|
/**
|
|
21357
|
-
* Populates the `
|
|
19361
|
+
* Populates the `type` attribute on the input.
|
|
19362
|
+
* @type {'text' | 'password' | 'email' | 'credit-card' | 'tel' | 'number'}
|
|
19363
|
+
* @default 'text'
|
|
21358
19364
|
*/
|
|
21359
|
-
|
|
21360
|
-
type: String
|
|
19365
|
+
type: {
|
|
19366
|
+
type: String,
|
|
19367
|
+
reflect: true
|
|
21361
19368
|
},
|
|
21362
19369
|
|
|
21363
19370
|
/**
|
|
@@ -21376,25 +19383,10 @@ class BaseInput extends AuroElement$1 {
|
|
|
21376
19383
|
},
|
|
21377
19384
|
|
|
21378
19385
|
/**
|
|
21379
|
-
*
|
|
21380
|
-
* @type {boolean}
|
|
21381
|
-
* @default false
|
|
21382
|
-
* @private
|
|
21383
|
-
*/
|
|
21384
|
-
touched: {
|
|
21385
|
-
type: Boolean,
|
|
21386
|
-
reflect: true,
|
|
21387
|
-
attribute: false
|
|
21388
|
-
},
|
|
21389
|
-
|
|
21390
|
-
/**
|
|
21391
|
-
* The id for input node.
|
|
21392
|
-
* @private
|
|
19386
|
+
* Populates the `value` attribute on the input. Can also be read to retrieve the current value of the input.
|
|
21393
19387
|
*/
|
|
21394
|
-
|
|
21395
|
-
type: String
|
|
21396
|
-
reflect: false,
|
|
21397
|
-
attribute: false
|
|
19388
|
+
value: {
|
|
19389
|
+
type: String
|
|
21398
19390
|
}
|
|
21399
19391
|
};
|
|
21400
19392
|
}
|
|
@@ -21703,7 +19695,7 @@ class BaseInput extends AuroElement$1 {
|
|
|
21703
19695
|
}
|
|
21704
19696
|
|
|
21705
19697
|
/**
|
|
21706
|
-
* @param {Event} event - The input event
|
|
19698
|
+
* @param {Event} event - The input event.
|
|
21707
19699
|
* @private
|
|
21708
19700
|
* @returns {void}
|
|
21709
19701
|
*/
|
|
@@ -22408,13 +20400,12 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
22408
20400
|
}
|
|
22409
20401
|
};
|
|
22410
20402
|
|
|
22411
|
-
var formkitVersion = '
|
|
20403
|
+
var formkitVersion = '202601271813';
|
|
22412
20404
|
|
|
22413
20405
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
22414
20406
|
// See LICENSE in the project root for license information.
|
|
22415
20407
|
|
|
22416
20408
|
|
|
22417
|
-
// build the component class
|
|
22418
20409
|
class AuroInput extends BaseInput {
|
|
22419
20410
|
|
|
22420
20411
|
constructor() {
|
|
@@ -22586,6 +20577,10 @@ class AuroInput extends BaseInput {
|
|
|
22586
20577
|
};
|
|
22587
20578
|
}
|
|
22588
20579
|
|
|
20580
|
+
/**
|
|
20581
|
+
* Common display value wrapper classes.
|
|
20582
|
+
* @private
|
|
20583
|
+
*/
|
|
22589
20584
|
get commonDisplayValueWrapperClasses() {
|
|
22590
20585
|
return {
|
|
22591
20586
|
'displayValueWrapper': true,
|
|
@@ -22633,7 +20628,7 @@ class AuroInput extends BaseInput {
|
|
|
22633
20628
|
|
|
22634
20629
|
/**
|
|
22635
20630
|
* This will register this element with the browser.
|
|
22636
|
-
* @param {string} [name="auro-input"] - The name of element that you want to register
|
|
20631
|
+
* @param {string} [name="auro-input"] - The name of the element that you want to register.
|
|
22637
20632
|
*
|
|
22638
20633
|
* @example
|
|
22639
20634
|
* AuroInput.register("custom-input") // this will register this element to <custom-input/>
|
|
@@ -23495,18 +21490,22 @@ class p{registerComponent(t,a){customElements.get(t)||customElements.define(t,cl
|
|
|
23495
21490
|
|
|
23496
21491
|
var iconVersion = '9.1.1';
|
|
23497
21492
|
|
|
23498
|
-
// Copyright (c)
|
|
21493
|
+
// Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
23499
21494
|
// See LICENSE in the project root for license information.
|
|
23500
21495
|
|
|
23501
21496
|
|
|
23502
21497
|
|
|
23503
21498
|
// See https://git.io/JJ6SJ for "How to document your components using JSDoc"
|
|
23504
21499
|
/**
|
|
21500
|
+
* The `auro-datepicker` component provides users with a way to select a date or date range from a calendar popup or fullscreen calendar on mobile.
|
|
21501
|
+
* @customElement auro-datepicker
|
|
21502
|
+
*
|
|
23505
21503
|
* @slot helpText - Defines the content of the helpText.
|
|
23506
21504
|
* @slot ariaLabel.bib.close - Sets aria-label on close button in fullscreen bib
|
|
23507
21505
|
* @slot ariaLabel.input.clear - Sets aria-label on clear button
|
|
23508
21506
|
* @slot bib.fullscreen.headline - Defines the headline to display above bib.fullscreen.dateLabels in the mobile layout.
|
|
23509
21507
|
* @slot bib.fullscreen.dateLabel - Defines the content to display above selected dates in the mobile layout.
|
|
21508
|
+
* @slot label - Defines the label content for the entire datepicker when `layout="snowflake"`.
|
|
23510
21509
|
* @slot toLabel - Defines the label content for the second input when the `range` attribute is used.
|
|
23511
21510
|
* @slot fromLabel - Defines the label content for the first input.
|
|
23512
21511
|
* @slot date_MM_DD_YYYY - Defines the content to display in the auro-calendar-cell for the specified date. The content text is colored using the success state token when the `highlight` attribute is applied to the slot.
|
|
@@ -23524,8 +21523,6 @@ var iconVersion = '9.1.1';
|
|
|
23524
21523
|
* @event auroFormElement-validated - Notifies that the component value(s) have been validated.
|
|
23525
21524
|
* @event auroDatePicker-newSlotContent - Notifies that new slot content has been added to the datepicker.
|
|
23526
21525
|
*/
|
|
23527
|
-
|
|
23528
|
-
// build the component class
|
|
23529
21526
|
class AuroDatePicker extends AuroElement {
|
|
23530
21527
|
constructor() {
|
|
23531
21528
|
super();
|
|
@@ -23788,19 +21785,19 @@ class AuroDatePicker extends AuroElement {
|
|
|
23788
21785
|
},
|
|
23789
21786
|
|
|
23790
21787
|
/**
|
|
23791
|
-
* Defines the screen size breakpoint
|
|
23792
|
-
* at which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.
|
|
21788
|
+
* Defines the screen size breakpoint at which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.
|
|
23793
21789
|
*
|
|
23794
21790
|
* When expanded, the dropdown will automatically display in fullscreen mode
|
|
23795
21791
|
* if the screen size is equal to or smaller than the selected breakpoint.
|
|
23796
|
-
* @
|
|
21792
|
+
* @type {'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'}
|
|
21793
|
+
* @default 'sm'
|
|
23797
21794
|
*/
|
|
23798
21795
|
fullscreenBreakpoint: {
|
|
23799
21796
|
type: String,
|
|
23800
21797
|
reflect: true
|
|
23801
21798
|
},
|
|
23802
21799
|
|
|
23803
|
-
/** Exposes inputmode attribute for input.
|
|
21800
|
+
/** Exposes inputmode attribute for input. */
|
|
23804
21801
|
inputmode: {
|
|
23805
21802
|
type: String,
|
|
23806
21803
|
attribute: true,
|
|
@@ -23816,6 +21813,16 @@ class AuroDatePicker extends AuroElement {
|
|
|
23816
21813
|
reflect: true
|
|
23817
21814
|
},
|
|
23818
21815
|
|
|
21816
|
+
/**
|
|
21817
|
+
* Sets the layout of the datepicker.
|
|
21818
|
+
* @type {'classic' | 'snowflake'}
|
|
21819
|
+
* @default 'classic'
|
|
21820
|
+
*/
|
|
21821
|
+
layout: {
|
|
21822
|
+
type: String,
|
|
21823
|
+
reflect: true
|
|
21824
|
+
},
|
|
21825
|
+
|
|
23819
21826
|
/**
|
|
23820
21827
|
* Maximum date. All dates after will be disabled.
|
|
23821
21828
|
*/
|
|
@@ -23849,7 +21856,6 @@ class AuroDatePicker extends AuroElement {
|
|
|
23849
21856
|
/**
|
|
23850
21857
|
* If declared, the bib will NOT flip to an alternate position
|
|
23851
21858
|
* when there isn't enough space in the specified `placement`.
|
|
23852
|
-
* @default false
|
|
23853
21859
|
*/
|
|
23854
21860
|
noFlip: {
|
|
23855
21861
|
type: Boolean,
|
|
@@ -23858,7 +21864,6 @@ class AuroDatePicker extends AuroElement {
|
|
|
23858
21864
|
|
|
23859
21865
|
/**
|
|
23860
21866
|
* If declared, the dropdown will shift its position to avoid being cut off by the viewport.
|
|
23861
|
-
* @default false
|
|
23862
21867
|
*/
|
|
23863
21868
|
shift: {
|
|
23864
21869
|
type: Boolean,
|
|
@@ -23883,7 +21888,7 @@ class AuroDatePicker extends AuroElement {
|
|
|
23883
21888
|
},
|
|
23884
21889
|
|
|
23885
21890
|
/**
|
|
23886
|
-
* DEPRECATED - use `appearance` instead.
|
|
21891
|
+
* DEPRECATED - use `appearance="inverse"` instead.
|
|
23887
21892
|
*/
|
|
23888
21893
|
onDark: {
|
|
23889
21894
|
type: Boolean,
|
|
@@ -23910,12 +21915,8 @@ class AuroDatePicker extends AuroElement {
|
|
|
23910
21915
|
|
|
23911
21916
|
/**
|
|
23912
21917
|
* Position where the bib should appear relative to the trigger.
|
|
23913
|
-
*
|
|
23914
|
-
*
|
|
23915
|
-
* "bottom-start" | "top-start" | "top-end" |
|
|
23916
|
-
* "right-start" | "right-end" | "bottom-end" |
|
|
23917
|
-
* "left-start" | "left-end"
|
|
23918
|
-
* @default bottom-start
|
|
21918
|
+
* @type {'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'}
|
|
21919
|
+
* @default 'bottom-start'
|
|
23919
21920
|
*/
|
|
23920
21921
|
placement: {
|
|
23921
21922
|
type: String,
|
|
@@ -24014,8 +22015,6 @@ class AuroDatePicker extends AuroElement {
|
|
|
24014
22015
|
|
|
24015
22016
|
/**
|
|
24016
22017
|
* Indicates whether the datepicker is in a dirty state (has been interacted with).
|
|
24017
|
-
* @type {boolean}
|
|
24018
|
-
* @default false
|
|
24019
22018
|
* @private
|
|
24020
22019
|
*/
|
|
24021
22020
|
touched: {
|
|
@@ -24028,9 +22027,9 @@ class AuroDatePicker extends AuroElement {
|
|
|
24028
22027
|
|
|
24029
22028
|
static get styles() {
|
|
24030
22029
|
return [
|
|
24031
|
-
styleCss$
|
|
24032
|
-
colorCss$
|
|
24033
|
-
tokensCss$
|
|
22030
|
+
styleCss$8,
|
|
22031
|
+
colorCss$8,
|
|
22032
|
+
tokensCss$4,
|
|
24034
22033
|
|
|
24035
22034
|
// layout util
|
|
24036
22035
|
shapeSizeCss$2,
|
|
@@ -24045,7 +22044,7 @@ class AuroDatePicker extends AuroElement {
|
|
|
24045
22044
|
|
|
24046
22045
|
/**
|
|
24047
22046
|
* This will register this element with the browser.
|
|
24048
|
-
* @param {string} [name="auro-datepicker"] - The name of element that you want to register
|
|
22047
|
+
* @param {string} [name="auro-datepicker"] - The name of the element that you want to register.
|
|
24049
22048
|
*
|
|
24050
22049
|
* @example
|
|
24051
22050
|
* AuroDatePicker.register("custom-datepicker") // this will register this element to <custom-datepicker/>
|
|
@@ -24129,6 +22128,10 @@ class AuroDatePicker extends AuroElement {
|
|
|
24129
22128
|
return 'body-default';
|
|
24130
22129
|
}
|
|
24131
22130
|
|
|
22131
|
+
/**
|
|
22132
|
+
* @private
|
|
22133
|
+
* Common display value wrapper classes.
|
|
22134
|
+
*/
|
|
24132
22135
|
get commonDisplayValueWrapperClasses() {
|
|
24133
22136
|
return {
|
|
24134
22137
|
'displayValueWrapper': true,
|