impulse_view_components 0.4.0 → 0.5.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +14 -1
- data/app/assets/dist/impulse_view_components.css +1 -1
- data/app/assets/dist/impulse_view_components.css.map +1 -1
- data/app/assets/dist/impulse_view_components.js +2 -2
- data/app/components/impulse/autocomplete/group_component.rb +1 -0
- data/app/components/impulse/autocomplete_component.rb +23 -1
- data/lib/impulse/forms/builder.rb +3 -3
- data/lib/impulse/view_components/version.rb +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: b4cdda34f241cf75b06a755a968691f8b4dc177903b2b8d9bb0351a2b27fa3e0
|
|
4
|
+
data.tar.gz: df879c2100aeaf3267567394eea54b00c373775a63302ccb033e0868ffa56080
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 7bb4f020e758ecfb481d91c8015feca4ae5d31c9baef65e9e7f052e71030ed1ec8be9a0bb4d885afbdcd6e57c1bd61f02ae3dee2c2c3e96f3fd3237ddb591073
|
|
7
|
+
data.tar.gz: 4b1e14202ce4b9afdc88e5d5fc658e4fbf1d4a358e3bc28f78ba98a0e68a4244d1259b604452117753c9ba95e0f9b79fc8e23f7e20b297097b435d0806d50dbb
|
data/CHANGELOG.md
CHANGED
|
@@ -6,6 +6,18 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
|
|
|
6
6
|
|
|
7
7
|
## [Unreleased]
|
|
8
8
|
|
|
9
|
+
## [0.5.0] - 2024-04-15
|
|
10
|
+
|
|
11
|
+
### Added
|
|
12
|
+
|
|
13
|
+
- Add `data-text` attribute to autocomplete group container ([#97](https://github.com/Ambiki/impulse_view_components/pull/97))
|
|
14
|
+
|
|
15
|
+
### Fixed
|
|
16
|
+
|
|
17
|
+
- Mark dialog title's margin as important ([#102](https://github.com/Ambiki/impulse_view_components/pull/102))
|
|
18
|
+
- Nested dialog resets `body` padding ([#99](https://github.com/Ambiki/impulse_view_components/pull/99))
|
|
19
|
+
- Inherit `namespace` value from parent `impulse_form_with` ([#96](https://github.com/Ambiki/impulse_view_components/pull/96))
|
|
20
|
+
|
|
9
21
|
## [0.4.0] - 2024-03-05
|
|
10
22
|
|
|
11
23
|
### Changed
|
|
@@ -117,7 +129,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
|
|
|
117
129
|
|
|
118
130
|
- Everything!
|
|
119
131
|
|
|
120
|
-
[unreleased]: https://github.com/Ambiki/impulse_view_components/compare/v0.
|
|
132
|
+
[unreleased]: https://github.com/Ambiki/impulse_view_components/compare/v0.5.0...HEAD
|
|
133
|
+
[0.5.0]: https://github.com/Ambiki/impulse_view_components/compare/v0.4.0...v0.5.0
|
|
121
134
|
[0.4.0]: https://github.com/Ambiki/impulse_view_components/compare/v0.3.1...v0.4.0
|
|
122
135
|
[0.3.1]: https://github.com/Ambiki/impulse_view_components/compare/v0.3.0...v0.3.1
|
|
123
136
|
[0.3.0]: https://github.com/Ambiki/impulse_view_components/compare/v0.2.3...v0.3.0
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
calc(1.5em + .5rem + 2px) - (.25rem * 2) - (1px * 2)
|
|
3
3
|
);--awc-autocomplete-input-height-lg: calc(
|
|
4
4
|
calc(1.5em + 1rem + 2px) - (.5rem * 2) - (1px * 2)
|
|
5
|
-
);--awc-autocomplete-tag-font-size-lg: 0.875rem;--awc-autocomplete-tag-gap-lg: 0.375rem}[hidden][hidden]{display:none !important}.awc-autocomplete{position:relative;display:block}.awc-autocomplete-control{display:flex;align-items:center;position:relative;cursor:text;padding-right:2.5rem;height:100%;min-height:var(--awc-autocomplete-control-min-height)}.awc-autocomplete[data-focus] .awc-autocomplete-control{color:var(--awc-autocomplete-control-focus-color);background-color:#fff;border-color:var(--awc-autocomplete-control-focus-border-color);outline:0;box-shadow:var(--awc-autocomplete-control-focus-box-shadow)}.awc-autocomplete[disabled] .awc-autocomplete-control{cursor:default;background-color:var(--awc-autocomplete-control-disabled-bg-color)}.awc-autocomplete[disabled] .awc-autocomplete-clear-btn{background-color:var(--awc-autocomplete-control-disabled-bg-color);border-color:var(--awc-autocomplete-control-disabled-bg-color)}.awc-autocomplete-input{display:block;min-width:var(--awc-autocomplete-input-min-width);height:var(--awc-autocomplete-input-height);width:100%;margin:0;padding:0;flex:1 1 0%;font:inherit;letter-spacing:inherit;background:none;color:currentColor;border:0;outline:none;background-clip:padding-box}.awc-autocomplete-end-adornment{flex-shrink:0;position:absolute;right:.75rem;top:0;bottom:0;display:flex;align-items:center;margin-right:calc(.75rem / 2 * -1)}.awc-autocomplete-adornment-btn,.awc-autocomplete-adornment-decorator{width:var(--awc-autocomplete-adornment-item-size);height:var(--awc-autocomplete-adornment-item-size);padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--rounded-sm);font-size:var(--fs-sm)}.awc-autocomplete-adornment-btn i,.awc-autocomplete-adornment-decorator i{display:inline-flex;align-items:center;justify-content:center;font-style:normal}.awc-autocomplete-adornment-btn i::before,.awc-autocomplete-adornment-decorator i::before{line-height:inherit}.awc-autocomplete-clear-btn{display:none;background-color:var(--awc-autocomplete-input-bg-color);border-color:var(--awc-autocomplete-input-bg-color)}.awc-autocomplete-adornment-decorator{pointer-events:none}.awc-autocomplete-listbox{font-size:var(--awc-autocomplete-listbox-font-size);max-height:var(--awc-autocomplete-listbox-max-height);overflow:hidden auto;box-shadow:var(--shadow-md)}.awc-autocomplete-listbox.dropdown-menu{display:block}.awc-autocomplete-options{margin:0;padding:0}.awc-autocomplete-options .awc-autocomplete-group:not([hidden]) ~ :not([hidden]){border-top:1px solid var(--color-border-default);margin-top:var(--space-1)}.awc-autocomplete-group-header{padding:var(--awc-autocomplete-group-header-padding-y) var(--awc-autocomplete-group-header-padding-x);line-height:var(--awc-autocomplete-group-header-lh);font-size:var(--awc-autocomplete-group-header-font-size);font-weight:var(--awc-autocomplete-group-header-fw);color:var(--awc-autocomplete-group-header-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.awc-autocomplete-option-check{color:var(--awc-autocomplete-option-check-color);flex-shrink:0;visibility:hidden;display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-xl)}.awc-autocomplete-option{position:relative;display:flex;align-items:flex-start;justify-content:space-between;-moz-column-gap:0.25rem;column-gap:0.25rem;padding:var(--awc-autocomplete-option-padding-y) var(--awc-autocomplete-option-padding-x);line-height:var(--awc-autocomplete-option-lh);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;font-size:var(--awc-autocomplete-option-font-size);white-space:initial}.awc-autocomplete-option[data-active],.awc-autocomplete-option:active,.awc-autocomplete-option .active{color:#16181b;background-color:var(--awc-autocomplete-option-hover-bg-color)}.awc-autocomplete-option.disabled{pointer-events:auto;cursor:not-allowed}.awc-autocomplete-option[data-active].disabled{color:#adb5bd}.awc-autocomplete-option.disabled .awc-autocomplete-option-check{color:var(--awc-autocomplete-option-check-disabled-color)}.awc-autocomplete-option:not(.disabled) .awc-autocomplete-option-description{color:var(--color-fg-secondary)}.awc-autocomplete-option[aria-selected='true'] .awc-autocomplete-option-check{visibility:visible}.awc-autocomplete-option-content{flex:1 1 0%;display:flex;flex-direction:column;row-gap:2px;word-break:break-word}.awc-autocomplete-option-text{display:block}.awc-autocomplete-option-description{font-size:var(--fs-sm)}.awc-autocomplete-tag{display:flex;align-items:center;-moz-column-gap:0.25rem;column-gap:0.25rem;padding-inline:var(--awc-autocomplete-tag-padding-x);min-width:0;max-width:var(--awc-autocomplete-tag-max-width);height:var(--awc-autocomplete-input-height);vertical-align:middle;background-color:var(--awc-autocomplete-tag-bg-color);border-radius:var(--awc-autocomplete-tag-border-radius);border:1px solid var(--awc-autocomplete-tag-border-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.awc-autocomplete-tag-text{display:block;line-height:var(--awc-autocomplete-tag-btn-size);font-size:var(--awc-autocomplete-tag-font-size);text-decoration:none;flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.awc-autocomplete-tag-end-adornment{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;margin-right:calc(var(--awc-autocomplete-tag-padding-x) / 2 * -1)}.awc-autocomplete-tag-dismiss-btn{padding:0;display:inline-flex;align-items:center;justify-content:center;height:var(--awc-autocomplete-tag-btn-size);width:var(--awc-autocomplete-tag-btn-size);border-radius:var(--rounded-sm);font-size:var(--fs-lg)}.awc-autocomplete-tag-dismiss-btn:hover{background-color:var(--awc-autocomplete-tag-btn-bg-hover-color);color:#fff}.awc-autocomplete-tag-dismiss-btn[disabled]{background-color:transparent;color:inherit}.awc-autocomplete-tag-dismiss-btn i{display:inline-flex;align-items:center;justify-content:center;font-style:normal}.awc-autocomplete-tag-dismiss-btn i::before{line-height:inherit}.awc-autocomplete-blankslate{display:none;text-align:center;padding:var(--awc-autocomplete-blankslate-padding-y) var(--awc-autocomplete-blankslate-padding-x);color:var(--awc-autocomplete-blankslate-color)}.awc-autocomplete-error{display:none;text-align:center;padding:var(--awc-autocomplete-blankslate-padding-y) var(--awc-autocomplete-blankslate-padding-x);color:var(--awc-autocomplete-error-color)}.awc-autocomplete-spinner{display:flex;align-items:center;justify-content:center;padding:var(--awc-autocomplete-blankslate-padding-y) var(--awc-autocomplete-blankslate-padding-x)}.awc-autocomplete--selected.awc-autocomplete--clearable .awc-autocomplete-adornment-decorator{display:none}.awc-autocomplete--selected .awc-autocomplete-clear-btn{display:inline-flex}.awc-autocomplete[no-options] .awc-autocomplete-options{display:none}.awc-autocomplete[no-options]:not([error]) .awc-autocomplete-blankslate{display:block}.awc-autocomplete[error] .awc-autocomplete-error{display:block}.awc-autocomplete[error] .awc-autocomplete-spinner{display:none}.awc-autocomplete[multiple] .awc-autocomplete-control{flex-wrap:wrap;gap:var(--awc-autocomplete-tag-gap)}.awc-autocomplete--sm{--awc-autocomplete-input-height: var(--awc-autocomplete-input-height-sm);--awc-autocomplete-tag-btn-size: 1rem}.awc-autocomplete--sm .awc-autocomplete-control{min-height:var(--awc-autocomplete-control-min-height-sm);padding-right:2.25rem}.awc-autocomplete--sm .awc-autocomplete-end-adornment{right:.5rem;margin-right:calc(.5rem / 2 * -1)}.awc-autocomplete--lg{--awc-autocomplete-input-height: var(--awc-autocomplete-input-height-lg);--awc-autocomplete-tag-font-size: var(--awc-autocomplete-tag-font-size-lg);--awc-autocomplete-tag-gap: var(--awc-autocomplete-tag-gap-lg)}.awc-autocomplete--lg .awc-autocomplete-control{min-height:var(--awc-autocomplete-control-min-height-lg);padding-right:2.75rem}.awc-autocomplete--lg .awc-autocomplete-end-adornment{right:1rem;margin-right:calc(1rem / 2 * -1)}.awc-dialog-dialog{--margin-y: .5rem;--margin-y-sm-up: 1.75rem;border:0;border-radius:var(--rounded-default);max-width:92vw;width:100%;color:inherit;background-color:var(--white);box-shadow:var(--shadow-lg);padding:0;margin:var(--margin-y) auto;max-height:calc(100vh - calc(var(--margin-y) * 2));animation:dialog-show 150ms cubic-bezier(0.16, 1, 0.3, 1)}.awc-dialog-dialog[open]{display:flex;flex-direction:column}.awc-dialog-dialog:focus-visible{outline:none}.awc-dialog-dialog::backdrop{background-color:rgba(0,23,66,0.5);animation:dialog-overlay 150ms cubic-bezier(0.16, 1, 0.3, 1)}@media (min-width: 576px){.awc-dialog-dialog{max-width:498px;max-height:calc(100vh - calc(var(--margin-y-sm-up) * 2));margin-top:var(--margin-y-sm-up);margin-bottom:var(--margin-y-sm-up)}}.awc-dialog-dialog--centered{margin-top:auto;margin-bottom:auto}.awc-dialog--scrollable{flex-grow:1;display:flex;flex-direction:column;overflow-y:hidden}.awc-dialog-header{flex-shrink:0;display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-1) var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-default)}.awc-dialog-title-container{flex:1 1 0%;padding:var(--space-2) 0}.awc-dialog-title{margin:0;font-size:var(--fs-lg);font-weight:var(--fw-medium);line-height:20px}.awc-dialog-close-btn{position:relative;flex-shrink:0;padding:0;width:32px;height:32px;font-size:1.25rem;line-height:20px;display:inline-flex;align-items:center;justify-content:center}.awc-dialog-close-btn:not(:hover){background-color:var(--white);border-color:var(--white)}.awc-dialog-close-btn:focus{box-shadow:none}.awc-dialog-close-btn:focus-visible{box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25)}.awc-dialog-close-btn i{display:inline-flex;align-items:center;justify-content:center;font-style:normal}.awc-dialog-close-btn i::before{line-height:inherit}.awc-dialog-body{flex-grow:1;overflow-y:auto;padding:var(--space-3);font-size:var(--fs-default)}.awc-dialog-footer{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;padding:var(--space-3);flex-wrap:wrap;gap:var(--space-2);border-top:1px solid var(--color-border-default)}.awc-dialog--sm .awc-dialog-dialog{max-width:298px}.awc-dialog--lg .awc-dialog-dialog{max-width:798px}.awc-dialog--fullscreen .awc-dialog-dialog{max-width:100vw;box-shadow:none;border-radius:0;max-height:100vh;height:100%}@supports (max-height: 100dvh){.awc-dialog--fullscreen .awc-dialog-dialog{max-height:100dvh}}@supports (max-width: 100dvw){.awc-dialog--fullscreen .awc-dialog-dialog{max-width:100dvw}}@media (max-width: 576px){.awc-dialog--fullscreen-sm-down .awc-dialog-dialog{max-width:100vw;box-shadow:none;border-radius:0;max-height:100vh;height:100%}@supports (max-height: 100dvh){.awc-dialog--fullscreen-sm-down .awc-dialog-dialog{max-height:100dvh}}@supports (max-width: 100dvw){.awc-dialog--fullscreen-sm-down .awc-dialog-dialog{max-width:100dvw}}}@media (max-width: 768px){.awc-dialog--fullscreen-md-down .awc-dialog-dialog{max-width:100vw;box-shadow:none;border-radius:0;max-height:100vh;height:100%}@supports (max-height: 100dvh){.awc-dialog--fullscreen-md-down .awc-dialog-dialog{max-height:100dvh}}@supports (max-width: 100dvw){.awc-dialog--fullscreen-md-down .awc-dialog-dialog{max-width:100dvw}}}@media (max-width: 992px){.awc-dialog--fullscreen-lg-down .awc-dialog-dialog{max-width:100vw;box-shadow:none;border-radius:0;max-height:100vh;height:100%}@supports (max-height: 100dvh){.awc-dialog--fullscreen-lg-down .awc-dialog-dialog{max-height:100dvh}}@supports (max-width: 100dvw){.awc-dialog--fullscreen-lg-down .awc-dialog-dialog{max-width:100dvw}}}@media (max-width: 1200px){.awc-dialog--fullscreen-xl-down .awc-dialog-dialog{max-width:100vw;box-shadow:none;border-radius:0;max-height:100vh;height:100%}@supports (max-height: 100dvh){.awc-dialog--fullscreen-xl-down .awc-dialog-dialog{max-height:100dvh}}@supports (max-width: 100dvw){.awc-dialog--fullscreen-xl-down .awc-dialog-dialog{max-width:100dvw}}}@keyframes dialog-show{from{opacity:0;transform:scale(0.96)}to{opacity:1;transform:scale(1)}}@keyframes dialog-overlay{from{opacity:0}to{opacity:1}}.awc-popover{display:block}.awc-popover-container{outline:none;background-clip:padding-box;background-color:var(--white);border-radius:var(--rounded-default);box-shadow:var(--shadow-md);max-width:276px;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--fs-default);overflow:visible;border:1px solid var(--color-border-default);animation-duration:400ms;animation-timing-function:cubic-bezier(0.16, 1, 0.3, 1);word-wrap:break-word}.awc-popover-container::backdrop{display:none}.awc-popover-container .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.awc-popover-container .arrow::before,.awc-popover-container .arrow::after{position:absolute;display:block;content:'';border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^='top']{margin-bottom:0;animation-name:slide-down-and-fade}.bs-popover-auto[x-placement^='top']>.arrow{bottom:-.5rem;margin-left:0;margin-right:0}.bs-popover-auto[x-placement^='right']{margin-left:0;animation-name:slide-left-and-fade}.bs-popover-auto[x-placement^='right']>.arrow{left:-.5rem;margin-top:0;margin-bottom:0}.bs-popover-auto[x-placement^='bottom']{margin-top:0;animation-name:slide-up-and-fade}.bs-popover-auto[x-placement^='bottom']>.arrow{top:-.5rem;margin-left:0;margin-right:0}.bs-popover-auto[x-placement^='left']{margin-right:0;animation-name:slide-right-and-fade}.bs-popover-auto[x-placement^='left']>.arrow{right:-.5rem;margin-top:0;margin-bottom:0}@keyframes slide-up-and-fade{from{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-right-and-fade{from{opacity:0;transform:translateX(-2px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-down-and-fade{from{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-left-and-fade{from{opacity:0;transform:translateX(2px)}to{opacity:1;transform:translateX(0)}}
|
|
5
|
+
);--awc-autocomplete-tag-font-size-lg: 0.875rem;--awc-autocomplete-tag-gap-lg: 0.375rem}[hidden][hidden]{display:none !important}.awc-autocomplete{position:relative;display:block}.awc-autocomplete-control{display:flex;align-items:center;position:relative;cursor:text;padding-right:2.5rem;height:100%;min-height:var(--awc-autocomplete-control-min-height)}.awc-autocomplete[data-focus] .awc-autocomplete-control{color:var(--awc-autocomplete-control-focus-color);background-color:#fff;border-color:var(--awc-autocomplete-control-focus-border-color);outline:0;box-shadow:var(--awc-autocomplete-control-focus-box-shadow)}.awc-autocomplete[disabled] .awc-autocomplete-control{cursor:default;background-color:var(--awc-autocomplete-control-disabled-bg-color)}.awc-autocomplete[disabled] .awc-autocomplete-clear-btn{background-color:var(--awc-autocomplete-control-disabled-bg-color);border-color:var(--awc-autocomplete-control-disabled-bg-color)}.awc-autocomplete-input{display:block;min-width:var(--awc-autocomplete-input-min-width);height:var(--awc-autocomplete-input-height);width:100%;margin:0;padding:0;flex:1 1 0%;font:inherit;letter-spacing:inherit;background:none;color:currentColor;border:0;outline:none;background-clip:padding-box}.awc-autocomplete-end-adornment{flex-shrink:0;position:absolute;right:.75rem;top:0;bottom:0;display:flex;align-items:center;margin-right:calc(.75rem / 2 * -1)}.awc-autocomplete-adornment-btn,.awc-autocomplete-adornment-decorator{width:var(--awc-autocomplete-adornment-item-size);height:var(--awc-autocomplete-adornment-item-size);padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--rounded-sm);font-size:var(--fs-sm)}.awc-autocomplete-adornment-btn i,.awc-autocomplete-adornment-decorator i{display:inline-flex;align-items:center;justify-content:center;font-style:normal}.awc-autocomplete-adornment-btn i::before,.awc-autocomplete-adornment-decorator i::before{line-height:inherit}.awc-autocomplete-clear-btn{display:none;background-color:var(--awc-autocomplete-input-bg-color);border-color:var(--awc-autocomplete-input-bg-color)}.awc-autocomplete-adornment-decorator{pointer-events:none}.awc-autocomplete-listbox{font-size:var(--awc-autocomplete-listbox-font-size);max-height:var(--awc-autocomplete-listbox-max-height);overflow:hidden auto;box-shadow:var(--shadow-md)}.awc-autocomplete-listbox.dropdown-menu{display:block}.awc-autocomplete-options{margin:0;padding:0}.awc-autocomplete-options .awc-autocomplete-group:not([hidden]) ~ :not([hidden]){border-top:1px solid var(--color-border-default);margin-top:var(--space-1)}.awc-autocomplete-group-header{padding:var(--awc-autocomplete-group-header-padding-y) var(--awc-autocomplete-group-header-padding-x);line-height:var(--awc-autocomplete-group-header-lh);font-size:var(--awc-autocomplete-group-header-font-size);font-weight:var(--awc-autocomplete-group-header-fw);color:var(--awc-autocomplete-group-header-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.awc-autocomplete-option-check{color:var(--awc-autocomplete-option-check-color);flex-shrink:0;visibility:hidden;display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-xl)}.awc-autocomplete-option{position:relative;display:flex;align-items:flex-start;justify-content:space-between;-moz-column-gap:0.25rem;column-gap:0.25rem;padding:var(--awc-autocomplete-option-padding-y) var(--awc-autocomplete-option-padding-x);line-height:var(--awc-autocomplete-option-lh);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;font-size:var(--awc-autocomplete-option-font-size);white-space:initial}.awc-autocomplete-option[data-active],.awc-autocomplete-option:active,.awc-autocomplete-option .active{color:#16181b;background-color:var(--awc-autocomplete-option-hover-bg-color)}.awc-autocomplete-option.disabled{pointer-events:auto;cursor:not-allowed}.awc-autocomplete-option[data-active].disabled{color:#adb5bd}.awc-autocomplete-option.disabled .awc-autocomplete-option-check{color:var(--awc-autocomplete-option-check-disabled-color)}.awc-autocomplete-option:not(.disabled) .awc-autocomplete-option-description{color:var(--color-fg-secondary)}.awc-autocomplete-option[aria-selected='true'] .awc-autocomplete-option-check{visibility:visible}.awc-autocomplete-option-content{flex:1 1 0%;display:flex;flex-direction:column;row-gap:2px;word-break:break-word}.awc-autocomplete-option-text{display:block}.awc-autocomplete-option-description{font-size:var(--fs-sm)}.awc-autocomplete-tag{display:flex;align-items:center;-moz-column-gap:0.25rem;column-gap:0.25rem;padding-inline:var(--awc-autocomplete-tag-padding-x);min-width:0;max-width:var(--awc-autocomplete-tag-max-width);height:var(--awc-autocomplete-input-height);vertical-align:middle;background-color:var(--awc-autocomplete-tag-bg-color);border-radius:var(--awc-autocomplete-tag-border-radius);border:1px solid var(--awc-autocomplete-tag-border-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.awc-autocomplete-tag-text{display:block;line-height:var(--awc-autocomplete-tag-btn-size);font-size:var(--awc-autocomplete-tag-font-size);text-decoration:none;flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.awc-autocomplete-tag-end-adornment{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;margin-right:calc(var(--awc-autocomplete-tag-padding-x) / 2 * -1)}.awc-autocomplete-tag-dismiss-btn{padding:0;display:inline-flex;align-items:center;justify-content:center;height:var(--awc-autocomplete-tag-btn-size);width:var(--awc-autocomplete-tag-btn-size);border-radius:var(--rounded-sm);font-size:var(--fs-lg)}.awc-autocomplete-tag-dismiss-btn:hover{background-color:var(--awc-autocomplete-tag-btn-bg-hover-color);color:#fff}.awc-autocomplete-tag-dismiss-btn[disabled]{background-color:transparent;color:inherit}.awc-autocomplete-tag-dismiss-btn i{display:inline-flex;align-items:center;justify-content:center;font-style:normal}.awc-autocomplete-tag-dismiss-btn i::before{line-height:inherit}.awc-autocomplete-blankslate{display:none;text-align:center;padding:var(--awc-autocomplete-blankslate-padding-y) var(--awc-autocomplete-blankslate-padding-x);color:var(--awc-autocomplete-blankslate-color)}.awc-autocomplete-error{display:none;text-align:center;padding:var(--awc-autocomplete-blankslate-padding-y) var(--awc-autocomplete-blankslate-padding-x);color:var(--awc-autocomplete-error-color)}.awc-autocomplete-spinner{display:flex;align-items:center;justify-content:center;padding:var(--awc-autocomplete-blankslate-padding-y) var(--awc-autocomplete-blankslate-padding-x)}.awc-autocomplete--selected.awc-autocomplete--clearable .awc-autocomplete-adornment-decorator{display:none}.awc-autocomplete--selected .awc-autocomplete-clear-btn{display:inline-flex}.awc-autocomplete[no-options] .awc-autocomplete-options{display:none}.awc-autocomplete[no-options]:not([error]) .awc-autocomplete-blankslate{display:block}.awc-autocomplete[error] .awc-autocomplete-error{display:block}.awc-autocomplete[error] .awc-autocomplete-spinner{display:none}.awc-autocomplete[multiple] .awc-autocomplete-control{flex-wrap:wrap;gap:var(--awc-autocomplete-tag-gap)}.awc-autocomplete--sm{--awc-autocomplete-input-height: var(--awc-autocomplete-input-height-sm);--awc-autocomplete-tag-btn-size: 1rem}.awc-autocomplete--sm .awc-autocomplete-control{min-height:var(--awc-autocomplete-control-min-height-sm);padding-right:2.25rem}.awc-autocomplete--sm .awc-autocomplete-end-adornment{right:.5rem;margin-right:calc(.5rem / 2 * -1)}.awc-autocomplete--lg{--awc-autocomplete-input-height: var(--awc-autocomplete-input-height-lg);--awc-autocomplete-tag-font-size: var(--awc-autocomplete-tag-font-size-lg);--awc-autocomplete-tag-gap: var(--awc-autocomplete-tag-gap-lg)}.awc-autocomplete--lg .awc-autocomplete-control{min-height:var(--awc-autocomplete-control-min-height-lg);padding-right:2.75rem}.awc-autocomplete--lg .awc-autocomplete-end-adornment{right:1rem;margin-right:calc(1rem / 2 * -1)}.awc-dialog-dialog{--margin-y: .5rem;--margin-y-sm-up: 1.75rem;border:0;border-radius:var(--rounded-default);max-width:92vw;width:100%;color:inherit;background-color:var(--white);box-shadow:var(--shadow-lg);padding:0;margin:var(--margin-y) auto;max-height:calc(100vh - calc(var(--margin-y) * 2));overflow:hidden;animation:dialog-show 150ms cubic-bezier(0.16, 1, 0.3, 1)}.awc-dialog-dialog[open]{display:flex;flex-direction:column}.awc-dialog-dialog:focus-visible{outline:none}.awc-dialog-dialog::backdrop{background-color:rgba(0,23,66,0.5);animation:dialog-overlay 150ms cubic-bezier(0.16, 1, 0.3, 1)}@media (min-width: 576px){.awc-dialog-dialog{max-width:498px;max-height:calc(100vh - calc(var(--margin-y-sm-up) * 2));margin-top:var(--margin-y-sm-up);margin-bottom:var(--margin-y-sm-up)}}.awc-dialog-dialog--centered{margin-top:auto;margin-bottom:auto}.awc-dialog--scrollable{flex-grow:1;display:flex;flex-direction:column;overflow-y:hidden}.awc-dialog-header{flex-shrink:0;display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-1) var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-default)}.awc-dialog-title-container{flex:1 1 0%;padding:var(--space-2) 0}.awc-dialog-title{margin:0 !important;font-size:var(--fs-lg);font-weight:var(--fw-medium);line-height:20px}.awc-dialog-close-btn{position:relative;flex-shrink:0;padding:0;width:32px;height:32px;font-size:1.25rem;line-height:20px;display:inline-flex;align-items:center;justify-content:center}.awc-dialog-close-btn:not(:hover){background-color:var(--white);border-color:var(--white)}.awc-dialog-close-btn:focus{box-shadow:none}.awc-dialog-close-btn:focus-visible{box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25)}.awc-dialog-close-btn i{display:inline-flex;align-items:center;justify-content:center;font-style:normal}.awc-dialog-close-btn i::before{line-height:inherit}.awc-dialog-body{flex-grow:1;overflow-y:auto;padding:var(--space-3);font-size:var(--fs-default)}.awc-dialog-footer{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;padding:var(--space-3);flex-wrap:wrap;gap:var(--space-2);border-top:1px solid var(--color-border-default)}.awc-dialog--sm .awc-dialog-dialog{max-width:298px}.awc-dialog--lg .awc-dialog-dialog{max-width:798px}.awc-dialog--fullscreen .awc-dialog-dialog{max-width:100vw;box-shadow:none;border-radius:0;max-height:100vh;height:100%}@supports (max-height: 100dvh){.awc-dialog--fullscreen .awc-dialog-dialog{max-height:100dvh}}@supports (max-width: 100dvw){.awc-dialog--fullscreen .awc-dialog-dialog{max-width:100dvw}}@media (max-width: 576px){.awc-dialog--fullscreen-sm-down .awc-dialog-dialog{max-width:100vw;box-shadow:none;border-radius:0;max-height:100vh;height:100%}@supports (max-height: 100dvh){.awc-dialog--fullscreen-sm-down .awc-dialog-dialog{max-height:100dvh}}@supports (max-width: 100dvw){.awc-dialog--fullscreen-sm-down .awc-dialog-dialog{max-width:100dvw}}}@media (max-width: 768px){.awc-dialog--fullscreen-md-down .awc-dialog-dialog{max-width:100vw;box-shadow:none;border-radius:0;max-height:100vh;height:100%}@supports (max-height: 100dvh){.awc-dialog--fullscreen-md-down .awc-dialog-dialog{max-height:100dvh}}@supports (max-width: 100dvw){.awc-dialog--fullscreen-md-down .awc-dialog-dialog{max-width:100dvw}}}@media (max-width: 992px){.awc-dialog--fullscreen-lg-down .awc-dialog-dialog{max-width:100vw;box-shadow:none;border-radius:0;max-height:100vh;height:100%}@supports (max-height: 100dvh){.awc-dialog--fullscreen-lg-down .awc-dialog-dialog{max-height:100dvh}}@supports (max-width: 100dvw){.awc-dialog--fullscreen-lg-down .awc-dialog-dialog{max-width:100dvw}}}@media (max-width: 1200px){.awc-dialog--fullscreen-xl-down .awc-dialog-dialog{max-width:100vw;box-shadow:none;border-radius:0;max-height:100vh;height:100%}@supports (max-height: 100dvh){.awc-dialog--fullscreen-xl-down .awc-dialog-dialog{max-height:100dvh}}@supports (max-width: 100dvw){.awc-dialog--fullscreen-xl-down .awc-dialog-dialog{max-width:100dvw}}}@keyframes dialog-show{from{opacity:0;transform:scale(0.96)}to{opacity:1;transform:scale(1)}}@keyframes dialog-overlay{from{opacity:0}to{opacity:1}}.awc-popover{display:block}.awc-popover-container{outline:none;background-clip:padding-box;background-color:var(--white);border-radius:var(--rounded-default);box-shadow:var(--shadow-md);max-width:276px;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--fs-default);overflow:visible;border:1px solid var(--color-border-default);animation-duration:400ms;animation-timing-function:cubic-bezier(0.16, 1, 0.3, 1);word-wrap:break-word}.awc-popover-container::backdrop{display:none}.awc-popover-container .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.awc-popover-container .arrow::before,.awc-popover-container .arrow::after{position:absolute;display:block;content:'';border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^='top']{margin-bottom:0;animation-name:slide-down-and-fade}.bs-popover-auto[x-placement^='top']>.arrow{bottom:-.5rem;margin-left:0;margin-right:0}.bs-popover-auto[x-placement^='right']{margin-left:0;animation-name:slide-left-and-fade}.bs-popover-auto[x-placement^='right']>.arrow{left:-.5rem;margin-top:0;margin-bottom:0}.bs-popover-auto[x-placement^='bottom']{margin-top:0;animation-name:slide-up-and-fade}.bs-popover-auto[x-placement^='bottom']>.arrow{top:-.5rem;margin-left:0;margin-right:0}.bs-popover-auto[x-placement^='left']{margin-right:0;animation-name:slide-right-and-fade}.bs-popover-auto[x-placement^='left']>.arrow{right:-.5rem;margin-top:0;margin-bottom:0}@keyframes slide-up-and-fade{from{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-right-and-fade{from{opacity:0;transform:translateX(-2px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-down-and-fade{from{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-left-and-fade{from{opacity:0;transform:translateX(2px)}to{opacity:1;transform:translateX(0)}}
|
|
6
6
|
/*# sourceMappingURL=impulse_view_components.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../node_modules/bootstrap/scss/_root.scss","../../../src/styles/variables.scss","../../../src/styles/base.scss","../../../src/elements/autocomplete/index.scss","../../../node_modules/bootstrap/scss/_variables.scss","../../../node_modules/bootstrap/scss/mixins/_text-truncate.scss","../../../node_modules/bootstrap/scss/mixins/_gradients.scss","../../../src/elements/dialog/index.scss","../../../node_modules/bootstrap/scss/mixins/_breakpoints.scss","../../../src/elements/popover/index.scss","../../../node_modules/bootstrap/scss/mixins/_reset-text.scss","../../../node_modules/bootstrap/scss/vendor/_rfs.scss"],"names":[],"mappings":"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","file":"impulse_view_components.css","sourcesContent":[":root {\n // Custom variable values only support SassScript inside `#{}`.\n @each $color, $value in $colors {\n --#{$color}: #{$value};\n }\n\n @each $color, $value in $theme-colors {\n --#{$color}: #{$value};\n }\n\n @each $bp, $value in $grid-breakpoints {\n --breakpoint-#{$bp}: #{$value};\n }\n\n // Use `inspect` for lists so that quoted items keep the quotes.\n // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n --font-family-sans-serif: #{inspect($font-family-sans-serif)};\n --font-family-monospace: #{inspect($font-family-monospace)};\n}\n",":root {\n /** Colors */\n --white: #ffffff;\n\n --n300: #627291;\n\n --color-fg-default: #1c3158;\n --color-fg-secondary: var(--n300);\n --color-border-default: #d0d7de;\n\n /** Border radii */\n --rounded-sm: 2px;\n --rounded-default: 4px;\n --rounded-md: 6px;\n --rounded-lg: 8px;\n --rounded-full: 9999px;\n\n /** Font sizes */\n --fs-sm: 0.8125rem;\n --fs-default: 0.875rem;\n --fs-lg: 1rem;\n --fs-xl: 1.25rem;\n\n /** Font weights */\n --fw-default: 400;\n --fw-medium: 500;\n --fw-semibold: 600;\n --fw-bold: 700;\n\n /** Shadows */\n --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n --shadow-default: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n\n /** Spacings **/\n --space-1: 0.25rem;\n --space-2: 0.5rem;\n --space-3: 1rem;\n --space-4: 1.5rem;\n\n /** Autocomplete */\n --awc-autocomplete-control-min-height: #{$input-height};\n --awc-autocomplete-control-min-height-sm: #{$input-height-sm};\n --awc-autocomplete-control-min-height-lg: #{$input-height-lg};\n --awc-autocomplete-control-focus-color: #{$input-focus-color};\n --awc-autocomplete-control-focus-border-color: #{$input-focus-border-color};\n --awc-autocomplete-control-disabled-bg-color: #eef4ff; // n20\n --awc-autocomplete-control-box-shadow: #{$input-box-shadow};\n --awc-autocomplete-control-focus-box-shadow: #{$input-focus-box-shadow};\n --awc-autocomplete-input-min-width: 2rem;\n --awc-autocomplete-input-height: calc(#{$input-height} - (#{$input-padding-y} * 2) - (#{$input-border-width} * 2));\n --awc-autocomplete-input-bg-color: #{$input-bg};\n --awc-autocomplete-adornment-item-size: 1.5rem;\n --awc-autocomplete-listbox-font-size: 0.875rem;\n --awc-autocomplete-listbox-max-height: 256px;\n --awc-autocomplete-option-padding-x: 1rem;\n --awc-autocomplete-option-padding-y: 0.5rem;\n --awc-autocomplete-option-font-size: 0.875rem;\n --awc-autocomplete-option-lh: 1.25rem;\n --awc-autocomplete-option-hover-bg-color: #{$dropdown-link-hover-bg};\n --awc-autocomplete-option-check-color: #38b57c; // green-light-500\n --awc-autocomplete-option-check-disabled-color: #afe1cb; // green-light-200\n --awc-autocomplete-group-header-padding-x: var(--awc-autocomplete-option-padding-x);\n --awc-autocomplete-group-header-padding-y: 0.25rem;\n --awc-autocomplete-group-header-color: #384b6e; // n600\n --awc-autocomplete-group-header-font-size: 0.75rem;\n --awc-autocomplete-group-header-lh: 18px;\n --awc-autocomplete-group-header-fw: 500;\n --awc-autocomplete-tag-padding-x: 0.5rem;\n --awc-autocomplete-tag-btn-size: 1.25rem;\n --awc-autocomplete-tag-btn-bg-hover-color: var(--n300);\n --awc-autocomplete-tag-gap: 0.25rem;\n --awc-autocomplete-tag-max-width: 24rem;\n --awc-autocomplete-tag-bg-color: #e0e7f7; // n30\n --awc-autocomplete-tag-border-color: #c4cdde; // n50\n --awc-autocomplete-tag-border-radius: 0.125rem;\n --awc-autocomplete-tag-font-size: 0.75rem;\n --awc-autocomplete-blankslate-color: #384b6e; // n600\n --awc-autocomplete-blankslate-padding-x: 1rem;\n --awc-autocomplete-blankslate-padding-y: 0.5rem;\n --awc-autocomplete-error-color: #c01303; // red-500\n // sm\n --awc-autocomplete-input-height-sm: calc(\n #{$input-height-sm} - (#{$input-padding-y-sm} * 2) - (#{$input-border-width} * 2)\n );\n // lg\n --awc-autocomplete-input-height-lg: calc(\n #{$input-height-lg} - (#{$input-padding-y-lg} * 2) - (#{$input-border-width} * 2)\n );\n --awc-autocomplete-tag-font-size-lg: 0.875rem;\n --awc-autocomplete-tag-gap-lg: 0.375rem;\n}\n","[hidden][hidden] {\n display: none !important;\n}\n",".awc-autocomplete {\n position: relative;\n display: block;\n}\n\n.awc-autocomplete-control {\n display: flex;\n align-items: center;\n position: relative;\n cursor: text;\n padding-right: 2.5rem;\n height: 100%;\n min-height: var(--awc-autocomplete-control-min-height);\n}\n\n// https://github.com/twbs/bootstrap/blob/v4.6.0/scss/mixins/_forms.scss#L13\n// Mimic input focus state.\n.awc-autocomplete[data-focus] .awc-autocomplete-control {\n color: var(--awc-autocomplete-control-focus-color);\n background-color: $input-focus-bg;\n border-color: var(--awc-autocomplete-control-focus-border-color);\n outline: 0;\n\n @if $enable-shadows {\n @include box-shadow(var(--awc-autocomplete-control-box-shadow), var(--awc-autocomplete-control-focus-box-shadow));\n } @else {\n box-shadow: var(--awc-autocomplete-control-focus-box-shadow);\n }\n}\n\n.awc-autocomplete[disabled] {\n .awc-autocomplete-control {\n cursor: default;\n background-color: var(--awc-autocomplete-control-disabled-bg-color);\n }\n\n .awc-autocomplete-clear-btn {\n background-color: var(--awc-autocomplete-control-disabled-bg-color);\n border-color: var(--awc-autocomplete-control-disabled-bg-color);\n }\n}\n\n.awc-autocomplete-input {\n display: block;\n min-width: var(--awc-autocomplete-input-min-width);\n height: var(--awc-autocomplete-input-height);\n width: 100%;\n margin: 0;\n padding: 0;\n flex: 1 1 0%;\n font: inherit;\n letter-spacing: inherit;\n background: none;\n color: currentColor;\n border: 0;\n outline: none;\n background-clip: padding-box;\n}\n\n.awc-autocomplete-end-adornment {\n flex-shrink: 0;\n position: absolute;\n right: $input-padding-x;\n top: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n margin-right: calc(#{$input-padding-x} / 2 * -1);\n}\n\n.awc-autocomplete-adornment-btn,\n.awc-autocomplete-adornment-decorator {\n width: var(--awc-autocomplete-adornment-item-size);\n height: var(--awc-autocomplete-adornment-item-size);\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--rounded-sm);\n font-size: var(--fs-sm);\n\n i {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-style: normal;\n\n &::before {\n line-height: inherit;\n }\n }\n}\n\n// Hide clear btn when there are no selections\n.awc-autocomplete-clear-btn {\n display: none;\n background-color: var(--awc-autocomplete-input-bg-color);\n border-color: var(--awc-autocomplete-input-bg-color);\n}\n\n.awc-autocomplete-adornment-decorator {\n pointer-events: none;\n}\n\n.awc-autocomplete-listbox {\n font-size: var(--awc-autocomplete-listbox-font-size);\n max-height: var(--awc-autocomplete-listbox-max-height);\n overflow: hidden auto;\n box-shadow: var(--shadow-md);\n\n // Use native [hidden] attribute to show/hide listbox.\n &.dropdown-menu {\n display: block;\n }\n}\n\n.awc-autocomplete-options {\n margin: 0;\n padding: 0;\n\n .awc-autocomplete-group:not([hidden]) ~ :not([hidden]) {\n border-top: 1px solid var(--color-border-default);\n margin-top: var(--space-1);\n }\n}\n\n// Group\n.awc-autocomplete-group-header {\n padding: var(--awc-autocomplete-group-header-padding-y) var(--awc-autocomplete-group-header-padding-x);\n line-height: var(--awc-autocomplete-group-header-lh);\n font-size: var(--awc-autocomplete-group-header-font-size);\n font-weight: var(--awc-autocomplete-group-header-fw);\n color: var(--awc-autocomplete-group-header-color);\n @include text-truncate();\n}\n\n.awc-autocomplete-option-check {\n color: var(--awc-autocomplete-option-check-color);\n flex-shrink: 0;\n visibility: hidden;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: var(--fs-xl);\n}\n\n.awc-autocomplete-option {\n position: relative;\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n column-gap: 0.25rem;\n padding: var(--awc-autocomplete-option-padding-y) var(--awc-autocomplete-option-padding-x);\n line-height: var(--awc-autocomplete-option-lh);\n cursor: pointer;\n user-select: none;\n text-decoration: none;\n font-size: var(--awc-autocomplete-option-font-size);\n white-space: initial;\n\n // https://github.com/twbs/bootstrap/blob/v4.6.0/scss/_dropdown.scss#L148C27-L148C27\n // Mimic dropdown-item hover state.\n &[data-active],\n &:active,\n .active {\n color: $dropdown-link-hover-color;\n @include gradient-bg(var(--awc-autocomplete-option-hover-bg-color));\n }\n\n // Enable hover state.\n // TODO: Disabled options cannot be activated. Need to fix this in the combobox package.\n &.disabled {\n pointer-events: auto;\n cursor: not-allowed;\n }\n\n // https://github.com/twbs/bootstrap/blob/v4.6.0/scss/_dropdown.scss#L161\n // Mimic dropdown-item disabled state.\n &[data-active].disabled {\n color: $dropdown-link-disabled-color;\n }\n\n &.disabled .awc-autocomplete-option-check {\n color: var(--awc-autocomplete-option-check-disabled-color);\n }\n\n &:not(.disabled) .awc-autocomplete-option-description {\n color: var(--color-fg-secondary);\n }\n}\n\n.awc-autocomplete-option[aria-selected='true'] .awc-autocomplete-option-check {\n visibility: visible;\n}\n\n.awc-autocomplete-option-content {\n flex: 1 1 0%;\n display: flex;\n flex-direction: column;\n row-gap: 2px;\n word-break: break-word;\n}\n\n.awc-autocomplete-option-text {\n display: block;\n}\n\n.awc-autocomplete-option-description {\n font-size: var(--fs-sm);\n}\n\n// Tag\n.awc-autocomplete-tag {\n display: flex;\n align-items: center;\n column-gap: 0.25rem;\n padding-inline: var(--awc-autocomplete-tag-padding-x);\n min-width: 0;\n max-width: var(--awc-autocomplete-tag-max-width);\n height: var(--awc-autocomplete-input-height);\n vertical-align: middle;\n background-color: var(--awc-autocomplete-tag-bg-color);\n border-radius: var(--awc-autocomplete-tag-border-radius);\n border: 1px solid var(--awc-autocomplete-tag-border-color);\n user-select: none;\n}\n\n.awc-autocomplete-tag-text {\n display: block;\n line-height: var(--awc-autocomplete-tag-btn-size);\n font-size: var(--awc-autocomplete-tag-font-size);\n text-decoration: none;\n flex: 1 1 0%;\n @include text-truncate();\n}\n\n.awc-autocomplete-tag-end-adornment {\n flex-shrink: 0;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin-right: calc(#{var(--awc-autocomplete-tag-padding-x)} / 2 * -1);\n}\n\n.awc-autocomplete-tag-dismiss-btn {\n padding: 0;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: var(--awc-autocomplete-tag-btn-size);\n width: var(--awc-autocomplete-tag-btn-size);\n border-radius: var(--rounded-sm);\n font-size: var(--fs-lg);\n\n &:hover {\n background-color: var(--awc-autocomplete-tag-btn-bg-hover-color);\n color: $white;\n }\n\n &[disabled] {\n background-color: transparent;\n color: inherit;\n }\n\n i {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-style: normal;\n\n &::before {\n line-height: inherit;\n }\n }\n}\n\n// Blankslate\n.awc-autocomplete-blankslate {\n display: none;\n text-align: center;\n padding: var(--awc-autocomplete-blankslate-padding-y) var(--awc-autocomplete-blankslate-padding-x);\n color: var(--awc-autocomplete-blankslate-color);\n}\n\n// Error\n.awc-autocomplete-error {\n display: none;\n text-align: center;\n padding: var(--awc-autocomplete-blankslate-padding-y) var(--awc-autocomplete-blankslate-padding-x);\n color: var(--awc-autocomplete-error-color);\n}\n\n// Spinner\n.awc-autocomplete-spinner {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--awc-autocomplete-blankslate-padding-y) var(--awc-autocomplete-blankslate-padding-x);\n}\n\n/** States **/\n\n// Selected\n.awc-autocomplete--selected {\n &.awc-autocomplete--clearable .awc-autocomplete-adornment-decorator {\n display: none;\n }\n\n // Show clear btn\n .awc-autocomplete-clear-btn {\n display: inline-flex;\n }\n}\n\n// No options\n.awc-autocomplete[no-options] {\n .awc-autocomplete-options {\n display: none;\n }\n\n &:not([error]) .awc-autocomplete-blankslate {\n display: block;\n }\n}\n\n// Error\n.awc-autocomplete[error] {\n .awc-autocomplete-error {\n display: block;\n }\n\n .awc-autocomplete-spinner {\n display: none;\n }\n}\n\n// Multiple\n.awc-autocomplete[multiple] .awc-autocomplete-control {\n flex-wrap: wrap;\n gap: var(--awc-autocomplete-tag-gap);\n}\n\n/** Sizes **/\n\n// sm\n// https://github.com/twbs/bootstrap/blob/v4.6.0/scss/_forms.scss#L152\n.awc-autocomplete--sm {\n --awc-autocomplete-input-height: var(--awc-autocomplete-input-height-sm);\n --awc-autocomplete-tag-btn-size: 1rem;\n\n .awc-autocomplete-control {\n min-height: var(--awc-autocomplete-control-min-height-sm);\n padding-right: 2.25rem;\n }\n\n .awc-autocomplete-end-adornment {\n right: $input-padding-x-sm;\n margin-right: calc(#{$input-padding-x-sm} / 2 * -1);\n }\n}\n\n// lg\n// https://github.com/twbs/bootstrap/blob/v4.6.0/scss/_forms.scss#L160\n.awc-autocomplete--lg {\n --awc-autocomplete-input-height: var(--awc-autocomplete-input-height-lg);\n --awc-autocomplete-tag-font-size: var(--awc-autocomplete-tag-font-size-lg);\n --awc-autocomplete-tag-gap: var(--awc-autocomplete-tag-gap-lg);\n\n .awc-autocomplete-control {\n min-height: var(--awc-autocomplete-control-min-height-lg);\n padding-right: 2.75rem;\n }\n\n .awc-autocomplete-end-adornment {\n right: $input-padding-x-lg;\n margin-right: calc(#{$input-padding-x-lg} / 2 * -1);\n }\n}\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n$colors: map-merge(\n (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n ),\n $colors\n);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n$theme-colors: map-merge(\n (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n ),\n $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n (\"<\", \"%3c\"),\n (\">\", \"%3e\"),\n (\"#\", \"%23\"),\n (\"(\", \"%28\"),\n (\")\", \"%29\"),\n) !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-prefers-reduced-motion-media-query: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-pointer-cursor-for-buttons: true !default;\n$enable-print-styles: true !default;\n$enable-responsive-font-sizes: false !default;\n$enable-validation-icons: true !default;\n$enable-deprecation-messages: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-merge(\n (\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n ),\n $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n$sizes: map-merge(\n (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n ),\n $sizes\n);\n\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n$grid-row-columns: 6 !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$rounded-pill: 50rem !default;\n\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n$transition-collapse-width: width .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n$embed-responsive-aspect-ratios: join(\n (\n (21 9),\n (16 9),\n (4 3),\n (1 1),\n ),\n $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: $font-size-base * 1.25 !default;\n$font-size-sm: $font-size-base * .875 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: $spacer * .5 !default;\n$headings-font-family: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: .875em !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-small-font-size: $small-font-size !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-color: $body-color !default;\n$table-bg: null !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-color: $table-color !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n$table-th-font-weight: null !default;\n\n$table-dark-color: $white !default;\n$table-dark-bg: $gray-800 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-color: $table-dark-color !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;\n\n$table-striped-order: odd !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-level: -9 !default;\n$table-border-level: -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n$btn-white-space: null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$label-margin-bottom: .5rem !default;\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half: add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter: add($input-line-height * .25em, $input-padding-y * .5) !default;\n\n$input-height: add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm: add($input-line-height-sm * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg: add($input-line-height-lg * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-grid-gutter-width: 10px !default;\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter: .5rem !default;\n$custom-control-spacer-x: 1rem !default;\n$custom-control-cursor: null !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $input-bg !default;\n\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-label-color: null !default;\n\n$custom-control-indicator-disabled-bg: $input-disabled-bg !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: null !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color: $input-focus-border-color !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: null !default;\n$custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/></svg>\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow: null !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color}'/></svg>\") !default;\n\n$custom-switch-width: $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius: $custom-control-indicator-size * .5 !default;\n$custom-switch-indicator-size: subtract($custom-control-indicator-size, $custom-control-indicator-border-width * 4) !default;\n\n$custom-select-padding-y: $input-padding-y !default;\n$custom-select-padding-x: $input-padding-x !default;\n$custom-select-font-family: $input-font-family !default;\n$custom-select-font-size: $input-font-size !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight: $input-font-weight !default;\n$custom-select-line-height: $input-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $input-bg !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>\") !default;\n$custom-select-background: escape-svg($custom-select-indicator) right $custom-select-padding-x center / $custom-select-bg-size no-repeat !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: add(1em * .75, (2 * $custom-select-padding-y * .75) + $custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width: $input-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n$custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-width: $input-focus-width !default;\n$custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm: $input-padding-y-sm !default;\n$custom-select-padding-x-sm: $input-padding-x-sm !default;\n$custom-select-font-size-sm: $input-font-size-sm !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-padding-y-lg: $input-padding-y-lg !default;\n$custom-select-padding-x-lg: $input-padding-x-lg !default;\n$custom-select-font-size-lg: $input-font-size-lg !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-range-track-width: 100% !default;\n$custom-range-track-height: .5rem !default;\n$custom-range-track-cursor: pointer !default;\n$custom-range-track-bg: $gray-300 !default;\n$custom-range-track-border-radius: 1rem !default;\n$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width: 1rem !default;\n$custom-range-thumb-height: $custom-range-thumb-width !default;\n$custom-range-thumb-bg: $component-active-bg !default;\n$custom-range-thumb-border: 0 !default;\n$custom-range-thumb-border-radius: 1rem !default;\n$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg: $gray-500 !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-height-inner: $input-height-inner !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-file-disabled-bg: $input-disabled-bg !default;\n\n$custom-file-padding-y: $input-padding-y !default;\n$custom-file-padding-x: $input-padding-x !default;\n$custom-file-line-height: $input-line-height !default;\n$custom-file-font-family: $input-font-family !default;\n$custom-file-font-weight: $input-font-weight !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\") !default;\n\n$form-validation-states: () !default;\n$form-validation-states: map-merge(\n (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n ),\n ),\n $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n$nav-divider-color: $gray-200 !default;\n$nav-divider-margin-y: $spacer * .5 !default;\n\n\n// Navbar\n\n$navbar-padding-y: $spacer * .5 !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) * .5 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-nav-scroll-max-height: 75vh !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-x: 0 !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-divider-margin-y: $nav-divider-margin-y !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-200 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-500 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n$dropdown-header-padding: $dropdown-padding-y $dropdown-item-padding-x !default;\n\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n$pagination-border-radius-sm: $border-radius-sm !default;\n$pagination-border-radius-lg: $border-radius-lg !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-color: null !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: subtract($card-border-radius, $card-border-width) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-height: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: $grid-gutter-width * .5 !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: $line-height-base !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-inner-border-radius: subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .25rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba(0, 0, 0, .1) !default;\n$toast-border-radius: .25rem !default;\n$toast-box-shadow: 0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-transition: $btn-transition !default;\n$badge-focus-width: $input-btn-focus-width !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding\n$modal-footer-margin-between: .5rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: 1rem !default;\n$modal-header-padding-x: 1rem !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl: 1140px !default;\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n$modal-scale-transform: scale(1.02) !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n\n// List group\n\n$list-group-color: null !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-font-size: null !default;\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n\n$breadcrumb-border-radius: $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>\") !default;\n$carousel-control-next-icon-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>\") !default;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-vertical-align: -.125em !default;\n$spinner-border-width: .25em !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n$user-selects: all, auto, none !default;\n\n\n// Printing\n\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n","// Text truncate\n// Requires inline-block or block for proper styling\n\n@mixin text-truncate() {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n","// Gradients\n\n@mixin gradient-bg($color) {\n @if $enable-gradients {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n } @else {\n background-color: $color;\n }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n background-image: linear-gradient($deg, $start-color, $end-color);\n background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n background-image: radial-gradient(circle, $inner-color, $outer-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n",".awc-dialog-dialog {\n --margin-y: #{$modal-dialog-margin};\n --margin-y-sm-up: #{$modal-dialog-margin-y-sm-up};\n\n border: 0;\n border-radius: var(--rounded-default);\n max-width: 92vw;\n width: 100%;\n color: inherit;\n background-color: var(--white);\n box-shadow: var(--shadow-lg);\n padding: 0;\n margin: var(--margin-y) auto;\n max-height: calc(100vh - calc(#{var(--margin-y)} * 2));\n animation: dialog-show 150ms cubic-bezier(0.16, 1, 0.3, 1);\n\n &[open] {\n display: flex;\n flex-direction: column;\n }\n\n &:focus-visible {\n outline: none;\n }\n\n &::backdrop {\n background-color: rgba(#001742, 0.5);\n animation: dialog-overlay 150ms cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n @include media-breakpoint-up(sm) {\n max-width: 498px;\n max-height: calc(100vh - calc(#{var(--margin-y-sm-up)} * 2));\n margin-top: var(--margin-y-sm-up);\n margin-bottom: var(--margin-y-sm-up);\n }\n}\n\n.awc-dialog-dialog--centered {\n margin-top: auto;\n margin-bottom: auto;\n}\n\n.awc-dialog--scrollable {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n overflow-y: hidden;\n}\n\n.awc-dialog-header {\n flex-shrink: 0;\n display: flex;\n align-items: flex-start;\n gap: var(--space-2);\n padding: var(--space-2) var(--space-1) var(--space-2) var(--space-3);\n border-bottom: 1px solid var(--color-border-default);\n}\n\n.awc-dialog-title-container {\n flex: 1 1 0%;\n padding: var(--space-2) 0;\n}\n\n.awc-dialog-title {\n margin: 0;\n font-size: var(--fs-lg);\n font-weight: var(--fw-medium);\n line-height: 20px;\n}\n\n/** TODO: extract IconButtonComponent */\n.awc-dialog-close-btn {\n position: relative;\n flex-shrink: 0;\n padding: 0;\n width: 32px;\n height: 32px;\n font-size: 1.25rem;\n line-height: 20px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n\n &:not(:hover) {\n background-color: var(--white);\n border-color: var(--white);\n }\n\n &:focus {\n box-shadow: none;\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n }\n\n i {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-style: normal;\n\n &::before {\n line-height: inherit;\n }\n }\n}\n\n.awc-dialog-body {\n // Cannot flex-shrink: 0 on iOS.\n flex-grow: 1;\n overflow-y: auto;\n padding: var(--space-3);\n font-size: var(--fs-default);\n}\n\n.awc-dialog-footer {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding: var(--space-3);\n flex-wrap: wrap;\n gap: var(--space-2);\n border-top: 1px solid var(--color-border-default);\n}\n\n.awc-dialog--sm .awc-dialog-dialog {\n max-width: 298px;\n}\n\n.awc-dialog--lg .awc-dialog-dialog {\n max-width: 798px;\n}\n\n@mixin dialog-fullscreen() {\n max-width: 100vw;\n box-shadow: none;\n border-radius: 0;\n max-height: 100vh;\n height: 100%;\n\n @supports (max-height: 100dvh) {\n max-height: 100dvh;\n }\n\n @supports (max-width: 100dvw) {\n max-width: 100dvw;\n }\n}\n\n.awc-dialog--fullscreen .awc-dialog-dialog {\n @include dialog-fullscreen();\n}\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n $postfix: if($infix != '', $infix + '-down', '');\n $size: map-get($grid-breakpoints, $breakpoint);\n\n @if $size != 0 {\n @media (max-width: $size) {\n .awc-dialog--fullscreen#{$postfix} .awc-dialog-dialog {\n @include dialog-fullscreen();\n }\n }\n }\n}\n\n@keyframes dialog-show {\n from {\n opacity: 0;\n transform: scale(0.96);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes dialog-overlay {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n",".awc-popover {\n display: block;\n}\n\n.awc-popover-container {\n outline: none;\n background-clip: padding-box;\n background-color: var(--white);\n border-radius: var(--rounded-default);\n box-shadow: var(--shadow-md);\n max-width: $popover-max-width;\n margin: 0;\n padding: 0;\n // Reset our font and text properties to avoid inheriting weird values.\n @include reset-text();\n @include font-size(var(--fs-default));\n overflow: visible; // So that the arrow is visible.\n border: 1px solid var(--color-border-default);\n animation-duration: 400ms;\n animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);\n word-wrap: break-word;\n\n &::backdrop {\n display: none;\n }\n\n .arrow {\n position: absolute;\n display: block;\n width: $popover-arrow-width;\n height: $popover-arrow-height;\n margin: 0 $popover-border-radius;\n\n &::before,\n &::after {\n position: absolute;\n display: block;\n content: '';\n border-color: transparent;\n border-style: solid;\n }\n }\n}\n\n// FloatingUI changes\n.bs-popover-auto {\n &[x-placement^='top'] {\n margin-bottom: 0;\n animation-name: slide-down-and-fade;\n\n > .arrow {\n bottom: -$popover-arrow-height;\n margin-left: 0;\n margin-right: 0;\n }\n }\n\n &[x-placement^='right'] {\n margin-left: 0;\n animation-name: slide-left-and-fade;\n\n > .arrow {\n left: -$popover-arrow-height;\n margin-top: 0;\n margin-bottom: 0;\n }\n }\n\n &[x-placement^='bottom'] {\n margin-top: 0;\n animation-name: slide-up-and-fade;\n\n > .arrow {\n top: -$popover-arrow-height;\n margin-left: 0;\n margin-right: 0;\n }\n }\n\n &[x-placement^='left'] {\n margin-right: 0;\n animation-name: slide-right-and-fade;\n\n > .arrow {\n right: -$popover-arrow-height;\n margin-top: 0;\n margin-bottom: 0;\n }\n }\n}\n\n@keyframes slide-up-and-fade {\n from {\n opacity: 0;\n transform: translateY(2px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes slide-right-and-fade {\n from {\n opacity: 0;\n transform: translateX(-2px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n@keyframes slide-down-and-fade {\n from {\n opacity: 0;\n transform: translateY(-2px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes slide-left-and-fade {\n from {\n opacity: 0;\n transform: translateX(2px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n","@mixin reset-text() {\n font-family: $font-family-base;\n // We deliberately do NOT reset font-size or word-wrap.\n font-style: normal;\n font-weight: $font-weight-normal;\n line-height: $line-height-base;\n text-align: left; // Fallback for where `start` is not supported\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n white-space: normal;\n word-spacing: normal;\n line-break: auto;\n}\n","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated responsive font sizes\n//\n// Licensed under MIT (https://github.com/twbs/rfs/blob/v8.x/LICENSE)\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n@if $rfs-font-size-unit != rem and $rfs-font-size-unit != px {\n @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n}\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n@if $rfs-breakpoint-unit != px and $rfs-breakpoint-unit != em and $rfs-breakpoint-unit != rem {\n @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n}\n\n// Resize font size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n @error \"`#{$rfs-factor}` is not a valid $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n@function divide($dividend, $divisor, $precision: 10) {\n $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);\n $dividend: abs($dividend);\n $divisor: abs($divisor);\n @if $dividend == 0 {\n @return 0;\n }\n @if $divisor == 0 {\n @error \"Cannot divide by 0\";\n }\n $remainder: $dividend;\n $result: 0;\n $factor: 10;\n @while ($remainder > 0 and $precision >= 0) {\n $quotient: 0;\n @while ($remainder >= $divisor) {\n $remainder: $remainder - $divisor;\n $quotient: $quotient + 1;\n }\n $result: $result * 10 + $quotient;\n $factor: $factor * .1;\n $remainder: $remainder * 10;\n $precision: $precision - 1;\n @if ($precision < 0 and $remainder >= $divisor * 5) {\n $result: $result + 1;\n }\n }\n $result: $result * $factor * $sign;\n $dividend-unit: unit($dividend);\n $divisor-unit: unit($divisor);\n $unit-map: (\n \"px\": 1px,\n \"rem\": 1rem,\n \"em\": 1em,\n \"%\": 1%\n );\n @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {\n $result: $result * map-get($unit-map, $dividend-unit);\n }\n @return $result;\n}\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n $rfs-base-font-size: divide($rfs-base-font-size, $rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n $rfs-base-font-size: divide($rfs-base-font-size, divide($rfs-base-font-size * 0 + 1, $rfs-rem-value));\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n $rfs-breakpoint: divide($rfs-breakpoint, $rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n $rfs-breakpoint: divide($rfs-breakpoint, divide($rfs-breakpoint * 0 + 1, $rfs-rem-value));\n}\n\n// Internal mixin that adds disable classes to the selector if needed.\n@mixin _rfs-disable-class {\n @if $rfs-class == \"disable\" {\n // Adding an extra class increases specificity, which prevents the media query to override the font size\n &,\n .disable-responsive-font-size &,\n &.disable-responsive-font-size {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n\n// Internal mixin that adds enable classes to the selector if needed.\n@mixin _rfs-enable-class {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n\n// Internal mixin used to determine which media query needs to be used\n@mixin _rfs-media-query($mq-value) {\n @if $rfs-two-dimensional {\n @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n @content;\n }\n }\n @else {\n @media (max-width: #{$mq-value}) {\n @content;\n }\n }\n}\n\n// Responsive font size mixin\n@mixin rfs($fs, $important: false) {\n // Cache $fs unit\n $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n // Add !important suffix if needed\n $rfs-suffix: if($important, \" !important\", \"\");\n\n // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n font-size: #{$fs}#{$rfs-suffix};\n }\n @else {\n // Remove unit from $fs for calculations\n @if $fs-unit == \"px\" {\n $fs: divide($fs, $fs * 0 + 1);\n }\n @else if $fs-unit == \"rem\" {\n $fs: divide($fs, divide($fs * 0 + 1, $rfs-rem-value));\n }\n\n // Set default font size\n $rfs-static: if($rfs-font-size-unit == rem, #{divide($fs, $rfs-rem-value)}rem, #{$fs}px);\n\n // Only add the media query if the font size is bigger than the minimum font size\n @if $fs <= $rfs-base-font-size or not $enable-responsive-font-sizes {\n font-size: #{$rfs-static}#{$rfs-suffix};\n }\n @else {\n // Calculate the minimum font size for $fs\n $fs-min: $rfs-base-font-size + divide($fs - $rfs-base-font-size, $rfs-factor);\n\n // Calculate difference between $fs and the minimum font size\n $fs-diff: $fs - $fs-min;\n\n // Base font-size formatting\n $min-width: if($rfs-font-size-unit == rem, #{divide($fs-min, $rfs-rem-value)}rem, #{$fs-min}px);\n\n // Use `vmin` if two-dimensional is enabled\n $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n // Calculate the variable width between 0 and $rfs-breakpoint\n $variable-width: #{divide($fs-diff * 100, $rfs-breakpoint)}#{$variable-unit};\n\n // Set the calculated font-size\n $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n\n // Breakpoint formatting\n $mq-value: if($rfs-breakpoint-unit == px, #{$rfs-breakpoint}px, #{divide($rfs-breakpoint, $rfs-rem-value)}#{$rfs-breakpoint-unit});\n\n @include _rfs-disable-class {\n font-size: #{$rfs-static}#{$rfs-suffix};\n }\n\n @include _rfs-media-query($mq-value) {\n @include _rfs-enable-class {\n font-size: $rfs-fluid;\n }\n\n // Include safari iframe resize fix if needed\n min-width: if($rfs-safari-iframe-resize-bug-fix, (0 * 1vw), null);\n }\n }\n }\n}\n\n// The font-size & responsive-font-size mixins use RFS to rescale the font size\n@mixin font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../node_modules/bootstrap/scss/_root.scss","../../../src/styles/variables.scss","../../../src/styles/base.scss","../../../src/elements/autocomplete/index.scss","../../../node_modules/bootstrap/scss/_variables.scss","../../../node_modules/bootstrap/scss/mixins/_text-truncate.scss","../../../node_modules/bootstrap/scss/mixins/_gradients.scss","../../../src/elements/dialog/index.scss","../../../node_modules/bootstrap/scss/mixins/_breakpoints.scss","../../../src/elements/popover/index.scss","../../../node_modules/bootstrap/scss/mixins/_reset-text.scss","../../../node_modules/bootstrap/scss/vendor/_rfs.scss"],"names":[],"mappings":"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","file":"impulse_view_components.css","sourcesContent":[":root {\n // Custom variable values only support SassScript inside `#{}`.\n @each $color, $value in $colors {\n --#{$color}: #{$value};\n }\n\n @each $color, $value in $theme-colors {\n --#{$color}: #{$value};\n }\n\n @each $bp, $value in $grid-breakpoints {\n --breakpoint-#{$bp}: #{$value};\n }\n\n // Use `inspect` for lists so that quoted items keep the quotes.\n // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n --font-family-sans-serif: #{inspect($font-family-sans-serif)};\n --font-family-monospace: #{inspect($font-family-monospace)};\n}\n",":root {\n /** Colors */\n --white: #ffffff;\n\n --n300: #627291;\n\n --color-fg-default: #1c3158;\n --color-fg-secondary: var(--n300);\n --color-border-default: #d0d7de;\n\n /** Border radii */\n --rounded-sm: 2px;\n --rounded-default: 4px;\n --rounded-md: 6px;\n --rounded-lg: 8px;\n --rounded-full: 9999px;\n\n /** Font sizes */\n --fs-sm: 0.8125rem;\n --fs-default: 0.875rem;\n --fs-lg: 1rem;\n --fs-xl: 1.25rem;\n\n /** Font weights */\n --fw-default: 400;\n --fw-medium: 500;\n --fw-semibold: 600;\n --fw-bold: 700;\n\n /** Shadows */\n --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n --shadow-default: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n\n /** Spacings **/\n --space-1: 0.25rem;\n --space-2: 0.5rem;\n --space-3: 1rem;\n --space-4: 1.5rem;\n\n /** Autocomplete */\n --awc-autocomplete-control-min-height: #{$input-height};\n --awc-autocomplete-control-min-height-sm: #{$input-height-sm};\n --awc-autocomplete-control-min-height-lg: #{$input-height-lg};\n --awc-autocomplete-control-focus-color: #{$input-focus-color};\n --awc-autocomplete-control-focus-border-color: #{$input-focus-border-color};\n --awc-autocomplete-control-disabled-bg-color: #eef4ff; // n20\n --awc-autocomplete-control-box-shadow: #{$input-box-shadow};\n --awc-autocomplete-control-focus-box-shadow: #{$input-focus-box-shadow};\n --awc-autocomplete-input-min-width: 2rem;\n --awc-autocomplete-input-height: calc(#{$input-height} - (#{$input-padding-y} * 2) - (#{$input-border-width} * 2));\n --awc-autocomplete-input-bg-color: #{$input-bg};\n --awc-autocomplete-adornment-item-size: 1.5rem;\n --awc-autocomplete-listbox-font-size: 0.875rem;\n --awc-autocomplete-listbox-max-height: 256px;\n --awc-autocomplete-option-padding-x: 1rem;\n --awc-autocomplete-option-padding-y: 0.5rem;\n --awc-autocomplete-option-font-size: 0.875rem;\n --awc-autocomplete-option-lh: 1.25rem;\n --awc-autocomplete-option-hover-bg-color: #{$dropdown-link-hover-bg};\n --awc-autocomplete-option-check-color: #38b57c; // green-light-500\n --awc-autocomplete-option-check-disabled-color: #afe1cb; // green-light-200\n --awc-autocomplete-group-header-padding-x: var(--awc-autocomplete-option-padding-x);\n --awc-autocomplete-group-header-padding-y: 0.25rem;\n --awc-autocomplete-group-header-color: #384b6e; // n600\n --awc-autocomplete-group-header-font-size: 0.75rem;\n --awc-autocomplete-group-header-lh: 18px;\n --awc-autocomplete-group-header-fw: 500;\n --awc-autocomplete-tag-padding-x: 0.5rem;\n --awc-autocomplete-tag-btn-size: 1.25rem;\n --awc-autocomplete-tag-btn-bg-hover-color: var(--n300);\n --awc-autocomplete-tag-gap: 0.25rem;\n --awc-autocomplete-tag-max-width: 24rem;\n --awc-autocomplete-tag-bg-color: #e0e7f7; // n30\n --awc-autocomplete-tag-border-color: #c4cdde; // n50\n --awc-autocomplete-tag-border-radius: 0.125rem;\n --awc-autocomplete-tag-font-size: 0.75rem;\n --awc-autocomplete-blankslate-color: #384b6e; // n600\n --awc-autocomplete-blankslate-padding-x: 1rem;\n --awc-autocomplete-blankslate-padding-y: 0.5rem;\n --awc-autocomplete-error-color: #c01303; // red-500\n // sm\n --awc-autocomplete-input-height-sm: calc(\n #{$input-height-sm} - (#{$input-padding-y-sm} * 2) - (#{$input-border-width} * 2)\n );\n // lg\n --awc-autocomplete-input-height-lg: calc(\n #{$input-height-lg} - (#{$input-padding-y-lg} * 2) - (#{$input-border-width} * 2)\n );\n --awc-autocomplete-tag-font-size-lg: 0.875rem;\n --awc-autocomplete-tag-gap-lg: 0.375rem;\n}\n","[hidden][hidden] {\n display: none !important;\n}\n",".awc-autocomplete {\n position: relative;\n display: block;\n}\n\n.awc-autocomplete-control {\n display: flex;\n align-items: center;\n position: relative;\n cursor: text;\n padding-right: 2.5rem;\n height: 100%;\n min-height: var(--awc-autocomplete-control-min-height);\n}\n\n// https://github.com/twbs/bootstrap/blob/v4.6.0/scss/mixins/_forms.scss#L13\n// Mimic input focus state.\n.awc-autocomplete[data-focus] .awc-autocomplete-control {\n color: var(--awc-autocomplete-control-focus-color);\n background-color: $input-focus-bg;\n border-color: var(--awc-autocomplete-control-focus-border-color);\n outline: 0;\n\n @if $enable-shadows {\n @include box-shadow(var(--awc-autocomplete-control-box-shadow), var(--awc-autocomplete-control-focus-box-shadow));\n } @else {\n box-shadow: var(--awc-autocomplete-control-focus-box-shadow);\n }\n}\n\n.awc-autocomplete[disabled] {\n .awc-autocomplete-control {\n cursor: default;\n background-color: var(--awc-autocomplete-control-disabled-bg-color);\n }\n\n .awc-autocomplete-clear-btn {\n background-color: var(--awc-autocomplete-control-disabled-bg-color);\n border-color: var(--awc-autocomplete-control-disabled-bg-color);\n }\n}\n\n.awc-autocomplete-input {\n display: block;\n min-width: var(--awc-autocomplete-input-min-width);\n height: var(--awc-autocomplete-input-height);\n width: 100%;\n margin: 0;\n padding: 0;\n flex: 1 1 0%;\n font: inherit;\n letter-spacing: inherit;\n background: none;\n color: currentColor;\n border: 0;\n outline: none;\n background-clip: padding-box;\n}\n\n.awc-autocomplete-end-adornment {\n flex-shrink: 0;\n position: absolute;\n right: $input-padding-x;\n top: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n margin-right: calc(#{$input-padding-x} / 2 * -1);\n}\n\n.awc-autocomplete-adornment-btn,\n.awc-autocomplete-adornment-decorator {\n width: var(--awc-autocomplete-adornment-item-size);\n height: var(--awc-autocomplete-adornment-item-size);\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--rounded-sm);\n font-size: var(--fs-sm);\n\n i {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-style: normal;\n\n &::before {\n line-height: inherit;\n }\n }\n}\n\n// Hide clear btn when there are no selections\n.awc-autocomplete-clear-btn {\n display: none;\n background-color: var(--awc-autocomplete-input-bg-color);\n border-color: var(--awc-autocomplete-input-bg-color);\n}\n\n.awc-autocomplete-adornment-decorator {\n pointer-events: none;\n}\n\n.awc-autocomplete-listbox {\n font-size: var(--awc-autocomplete-listbox-font-size);\n max-height: var(--awc-autocomplete-listbox-max-height);\n overflow: hidden auto;\n box-shadow: var(--shadow-md);\n\n // Use native [hidden] attribute to show/hide listbox.\n &.dropdown-menu {\n display: block;\n }\n}\n\n.awc-autocomplete-options {\n margin: 0;\n padding: 0;\n\n .awc-autocomplete-group:not([hidden]) ~ :not([hidden]) {\n border-top: 1px solid var(--color-border-default);\n margin-top: var(--space-1);\n }\n}\n\n// Group\n.awc-autocomplete-group-header {\n padding: var(--awc-autocomplete-group-header-padding-y) var(--awc-autocomplete-group-header-padding-x);\n line-height: var(--awc-autocomplete-group-header-lh);\n font-size: var(--awc-autocomplete-group-header-font-size);\n font-weight: var(--awc-autocomplete-group-header-fw);\n color: var(--awc-autocomplete-group-header-color);\n @include text-truncate();\n}\n\n.awc-autocomplete-option-check {\n color: var(--awc-autocomplete-option-check-color);\n flex-shrink: 0;\n visibility: hidden;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: var(--fs-xl);\n}\n\n.awc-autocomplete-option {\n position: relative;\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n column-gap: 0.25rem;\n padding: var(--awc-autocomplete-option-padding-y) var(--awc-autocomplete-option-padding-x);\n line-height: var(--awc-autocomplete-option-lh);\n cursor: pointer;\n user-select: none;\n text-decoration: none;\n font-size: var(--awc-autocomplete-option-font-size);\n white-space: initial;\n\n // https://github.com/twbs/bootstrap/blob/v4.6.0/scss/_dropdown.scss#L148C27-L148C27\n // Mimic dropdown-item hover state.\n &[data-active],\n &:active,\n .active {\n color: $dropdown-link-hover-color;\n @include gradient-bg(var(--awc-autocomplete-option-hover-bg-color));\n }\n\n // Enable hover state.\n // TODO: Disabled options cannot be activated. Need to fix this in the combobox package.\n &.disabled {\n pointer-events: auto;\n cursor: not-allowed;\n }\n\n // https://github.com/twbs/bootstrap/blob/v4.6.0/scss/_dropdown.scss#L161\n // Mimic dropdown-item disabled state.\n &[data-active].disabled {\n color: $dropdown-link-disabled-color;\n }\n\n &.disabled .awc-autocomplete-option-check {\n color: var(--awc-autocomplete-option-check-disabled-color);\n }\n\n &:not(.disabled) .awc-autocomplete-option-description {\n color: var(--color-fg-secondary);\n }\n}\n\n.awc-autocomplete-option[aria-selected='true'] .awc-autocomplete-option-check {\n visibility: visible;\n}\n\n.awc-autocomplete-option-content {\n flex: 1 1 0%;\n display: flex;\n flex-direction: column;\n row-gap: 2px;\n word-break: break-word;\n}\n\n.awc-autocomplete-option-text {\n display: block;\n}\n\n.awc-autocomplete-option-description {\n font-size: var(--fs-sm);\n}\n\n// Tag\n.awc-autocomplete-tag {\n display: flex;\n align-items: center;\n column-gap: 0.25rem;\n padding-inline: var(--awc-autocomplete-tag-padding-x);\n min-width: 0;\n max-width: var(--awc-autocomplete-tag-max-width);\n height: var(--awc-autocomplete-input-height);\n vertical-align: middle;\n background-color: var(--awc-autocomplete-tag-bg-color);\n border-radius: var(--awc-autocomplete-tag-border-radius);\n border: 1px solid var(--awc-autocomplete-tag-border-color);\n user-select: none;\n}\n\n.awc-autocomplete-tag-text {\n display: block;\n line-height: var(--awc-autocomplete-tag-btn-size);\n font-size: var(--awc-autocomplete-tag-font-size);\n text-decoration: none;\n flex: 1 1 0%;\n @include text-truncate();\n}\n\n.awc-autocomplete-tag-end-adornment {\n flex-shrink: 0;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin-right: calc(#{var(--awc-autocomplete-tag-padding-x)} / 2 * -1);\n}\n\n.awc-autocomplete-tag-dismiss-btn {\n padding: 0;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: var(--awc-autocomplete-tag-btn-size);\n width: var(--awc-autocomplete-tag-btn-size);\n border-radius: var(--rounded-sm);\n font-size: var(--fs-lg);\n\n &:hover {\n background-color: var(--awc-autocomplete-tag-btn-bg-hover-color);\n color: $white;\n }\n\n &[disabled] {\n background-color: transparent;\n color: inherit;\n }\n\n i {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-style: normal;\n\n &::before {\n line-height: inherit;\n }\n }\n}\n\n// Blankslate\n.awc-autocomplete-blankslate {\n display: none;\n text-align: center;\n padding: var(--awc-autocomplete-blankslate-padding-y) var(--awc-autocomplete-blankslate-padding-x);\n color: var(--awc-autocomplete-blankslate-color);\n}\n\n// Error\n.awc-autocomplete-error {\n display: none;\n text-align: center;\n padding: var(--awc-autocomplete-blankslate-padding-y) var(--awc-autocomplete-blankslate-padding-x);\n color: var(--awc-autocomplete-error-color);\n}\n\n// Spinner\n.awc-autocomplete-spinner {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--awc-autocomplete-blankslate-padding-y) var(--awc-autocomplete-blankslate-padding-x);\n}\n\n/** States **/\n\n// Selected\n.awc-autocomplete--selected {\n &.awc-autocomplete--clearable .awc-autocomplete-adornment-decorator {\n display: none;\n }\n\n // Show clear btn\n .awc-autocomplete-clear-btn {\n display: inline-flex;\n }\n}\n\n// No options\n.awc-autocomplete[no-options] {\n .awc-autocomplete-options {\n display: none;\n }\n\n &:not([error]) .awc-autocomplete-blankslate {\n display: block;\n }\n}\n\n// Error\n.awc-autocomplete[error] {\n .awc-autocomplete-error {\n display: block;\n }\n\n .awc-autocomplete-spinner {\n display: none;\n }\n}\n\n// Multiple\n.awc-autocomplete[multiple] .awc-autocomplete-control {\n flex-wrap: wrap;\n gap: var(--awc-autocomplete-tag-gap);\n}\n\n/** Sizes **/\n\n// sm\n// https://github.com/twbs/bootstrap/blob/v4.6.0/scss/_forms.scss#L152\n.awc-autocomplete--sm {\n --awc-autocomplete-input-height: var(--awc-autocomplete-input-height-sm);\n --awc-autocomplete-tag-btn-size: 1rem;\n\n .awc-autocomplete-control {\n min-height: var(--awc-autocomplete-control-min-height-sm);\n padding-right: 2.25rem;\n }\n\n .awc-autocomplete-end-adornment {\n right: $input-padding-x-sm;\n margin-right: calc(#{$input-padding-x-sm} / 2 * -1);\n }\n}\n\n// lg\n// https://github.com/twbs/bootstrap/blob/v4.6.0/scss/_forms.scss#L160\n.awc-autocomplete--lg {\n --awc-autocomplete-input-height: var(--awc-autocomplete-input-height-lg);\n --awc-autocomplete-tag-font-size: var(--awc-autocomplete-tag-font-size-lg);\n --awc-autocomplete-tag-gap: var(--awc-autocomplete-tag-gap-lg);\n\n .awc-autocomplete-control {\n min-height: var(--awc-autocomplete-control-min-height-lg);\n padding-right: 2.75rem;\n }\n\n .awc-autocomplete-end-adornment {\n right: $input-padding-x-lg;\n margin-right: calc(#{$input-padding-x-lg} / 2 * -1);\n }\n}\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n$colors: map-merge(\n (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n ),\n $colors\n);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n$theme-colors: map-merge(\n (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n ),\n $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n (\"<\", \"%3c\"),\n (\">\", \"%3e\"),\n (\"#\", \"%23\"),\n (\"(\", \"%28\"),\n (\")\", \"%29\"),\n) !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-prefers-reduced-motion-media-query: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-pointer-cursor-for-buttons: true !default;\n$enable-print-styles: true !default;\n$enable-responsive-font-sizes: false !default;\n$enable-validation-icons: true !default;\n$enable-deprecation-messages: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-merge(\n (\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n ),\n $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n$sizes: map-merge(\n (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n ),\n $sizes\n);\n\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n$grid-row-columns: 6 !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$rounded-pill: 50rem !default;\n\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n$transition-collapse-width: width .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n$embed-responsive-aspect-ratios: join(\n (\n (21 9),\n (16 9),\n (4 3),\n (1 1),\n ),\n $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Liberation Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: $font-size-base * 1.25 !default;\n$font-size-sm: $font-size-base * .875 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: $spacer * .5 !default;\n$headings-font-family: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: .875em !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-small-font-size: $small-font-size !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-color: $body-color !default;\n$table-bg: null !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-color: $table-color !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n$table-th-font-weight: null !default;\n\n$table-dark-color: $white !default;\n$table-dark-bg: $gray-800 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-color: $table-dark-color !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;\n\n$table-striped-order: odd !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-level: -9 !default;\n$table-border-level: -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n$btn-white-space: null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$label-margin-bottom: .5rem !default;\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half: add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter: add($input-line-height * .25em, $input-padding-y * .5) !default;\n\n$input-height: add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm: add($input-line-height-sm * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg: add($input-line-height-lg * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-grid-gutter-width: 10px !default;\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter: .5rem !default;\n$custom-control-spacer-x: 1rem !default;\n$custom-control-cursor: null !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $input-bg !default;\n\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-label-color: null !default;\n\n$custom-control-indicator-disabled-bg: $input-disabled-bg !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: null !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color: $input-focus-border-color !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: null !default;\n$custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/></svg>\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow: null !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color}'/></svg>\") !default;\n\n$custom-switch-width: $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius: $custom-control-indicator-size * .5 !default;\n$custom-switch-indicator-size: subtract($custom-control-indicator-size, $custom-control-indicator-border-width * 4) !default;\n\n$custom-select-padding-y: $input-padding-y !default;\n$custom-select-padding-x: $input-padding-x !default;\n$custom-select-font-family: $input-font-family !default;\n$custom-select-font-size: $input-font-size !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight: $input-font-weight !default;\n$custom-select-line-height: $input-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $input-bg !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>\") !default;\n$custom-select-background: escape-svg($custom-select-indicator) right $custom-select-padding-x center / $custom-select-bg-size no-repeat !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: add(1em * .75, (2 * $custom-select-padding-y * .75) + $custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width: $input-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n$custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-width: $input-focus-width !default;\n$custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm: $input-padding-y-sm !default;\n$custom-select-padding-x-sm: $input-padding-x-sm !default;\n$custom-select-font-size-sm: $input-font-size-sm !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-padding-y-lg: $input-padding-y-lg !default;\n$custom-select-padding-x-lg: $input-padding-x-lg !default;\n$custom-select-font-size-lg: $input-font-size-lg !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-range-track-width: 100% !default;\n$custom-range-track-height: .5rem !default;\n$custom-range-track-cursor: pointer !default;\n$custom-range-track-bg: $gray-300 !default;\n$custom-range-track-border-radius: 1rem !default;\n$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width: 1rem !default;\n$custom-range-thumb-height: $custom-range-thumb-width !default;\n$custom-range-thumb-bg: $component-active-bg !default;\n$custom-range-thumb-border: 0 !default;\n$custom-range-thumb-border-radius: 1rem !default;\n$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg: $gray-500 !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-height-inner: $input-height-inner !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-file-disabled-bg: $input-disabled-bg !default;\n\n$custom-file-padding-y: $input-padding-y !default;\n$custom-file-padding-x: $input-padding-x !default;\n$custom-file-line-height: $input-line-height !default;\n$custom-file-font-family: $input-font-family !default;\n$custom-file-font-weight: $input-font-weight !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\") !default;\n\n$form-validation-states: () !default;\n$form-validation-states: map-merge(\n (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n ),\n ),\n $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n$nav-divider-color: $gray-200 !default;\n$nav-divider-margin-y: $spacer * .5 !default;\n\n\n// Navbar\n\n$navbar-padding-y: $spacer * .5 !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) * .5 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-nav-scroll-max-height: 75vh !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-x: 0 !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-divider-margin-y: $nav-divider-margin-y !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-200 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-500 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n$dropdown-header-padding: $dropdown-padding-y $dropdown-item-padding-x !default;\n\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n$pagination-border-radius-sm: $border-radius-sm !default;\n$pagination-border-radius-lg: $border-radius-lg !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-color: null !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: subtract($card-border-radius, $card-border-width) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-height: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: $grid-gutter-width * .5 !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: $line-height-base !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-inner-border-radius: subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .25rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba(0, 0, 0, .1) !default;\n$toast-border-radius: .25rem !default;\n$toast-box-shadow: 0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-transition: $btn-transition !default;\n$badge-focus-width: $input-btn-focus-width !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding\n$modal-footer-margin-between: .5rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: 1rem !default;\n$modal-header-padding-x: 1rem !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl: 1140px !default;\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n$modal-scale-transform: scale(1.02) !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n\n// List group\n\n$list-group-color: null !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-font-size: null !default;\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n\n$breadcrumb-border-radius: $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>\") !default;\n$carousel-control-next-icon-bg: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>\") !default;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-vertical-align: -.125em !default;\n$spinner-border-width: .25em !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n$user-selects: all, auto, none !default;\n\n\n// Printing\n\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n","// Text truncate\n// Requires inline-block or block for proper styling\n\n@mixin text-truncate() {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n","// Gradients\n\n@mixin gradient-bg($color) {\n @if $enable-gradients {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n } @else {\n background-color: $color;\n }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n background-image: linear-gradient($deg, $start-color, $end-color);\n background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n background-image: radial-gradient(circle, $inner-color, $outer-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n",".awc-dialog-dialog {\n --margin-y: #{$modal-dialog-margin};\n --margin-y-sm-up: #{$modal-dialog-margin-y-sm-up};\n\n border: 0;\n border-radius: var(--rounded-default);\n max-width: 92vw;\n width: 100%;\n color: inherit;\n background-color: var(--white);\n box-shadow: var(--shadow-lg);\n padding: 0;\n margin: var(--margin-y) auto;\n max-height: calc(100vh - calc(#{var(--margin-y)} * 2));\n overflow: hidden;\n animation: dialog-show 150ms cubic-bezier(0.16, 1, 0.3, 1);\n\n &[open] {\n display: flex;\n flex-direction: column;\n }\n\n &:focus-visible {\n outline: none;\n }\n\n &::backdrop {\n background-color: rgba(#001742, 0.5);\n animation: dialog-overlay 150ms cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n @include media-breakpoint-up(sm) {\n max-width: 498px;\n max-height: calc(100vh - calc(#{var(--margin-y-sm-up)} * 2));\n margin-top: var(--margin-y-sm-up);\n margin-bottom: var(--margin-y-sm-up);\n }\n}\n\n.awc-dialog-dialog--centered {\n margin-top: auto;\n margin-bottom: auto;\n}\n\n.awc-dialog--scrollable {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n overflow-y: hidden;\n}\n\n.awc-dialog-header {\n flex-shrink: 0;\n display: flex;\n align-items: flex-start;\n gap: var(--space-2);\n padding: var(--space-2) var(--space-1) var(--space-2) var(--space-3);\n border-bottom: 1px solid var(--color-border-default);\n}\n\n.awc-dialog-title-container {\n flex: 1 1 0%;\n padding: var(--space-2) 0;\n}\n\n.awc-dialog-title {\n margin: 0 !important;\n font-size: var(--fs-lg);\n font-weight: var(--fw-medium);\n line-height: 20px;\n}\n\n/** TODO: extract IconButtonComponent */\n.awc-dialog-close-btn {\n position: relative;\n flex-shrink: 0;\n padding: 0;\n width: 32px;\n height: 32px;\n font-size: 1.25rem;\n line-height: 20px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n\n &:not(:hover) {\n background-color: var(--white);\n border-color: var(--white);\n }\n\n &:focus {\n box-shadow: none;\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);\n }\n\n i {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-style: normal;\n\n &::before {\n line-height: inherit;\n }\n }\n}\n\n.awc-dialog-body {\n // Cannot flex-shrink: 0 on iOS.\n flex-grow: 1;\n overflow-y: auto;\n padding: var(--space-3);\n font-size: var(--fs-default);\n}\n\n.awc-dialog-footer {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding: var(--space-3);\n flex-wrap: wrap;\n gap: var(--space-2);\n border-top: 1px solid var(--color-border-default);\n}\n\n.awc-dialog--sm .awc-dialog-dialog {\n max-width: 298px;\n}\n\n.awc-dialog--lg .awc-dialog-dialog {\n max-width: 798px;\n}\n\n@mixin dialog-fullscreen() {\n max-width: 100vw;\n box-shadow: none;\n border-radius: 0;\n max-height: 100vh;\n height: 100%;\n\n @supports (max-height: 100dvh) {\n max-height: 100dvh;\n }\n\n @supports (max-width: 100dvw) {\n max-width: 100dvw;\n }\n}\n\n.awc-dialog--fullscreen .awc-dialog-dialog {\n @include dialog-fullscreen();\n}\n\n@each $breakpoint in map-keys($grid-breakpoints) {\n $infix: breakpoint-infix($breakpoint, $grid-breakpoints);\n $postfix: if($infix != '', $infix + '-down', '');\n $size: map-get($grid-breakpoints, $breakpoint);\n\n @if $size != 0 {\n @media (max-width: $size) {\n .awc-dialog--fullscreen#{$postfix} .awc-dialog-dialog {\n @include dialog-fullscreen();\n }\n }\n }\n}\n\n@keyframes dialog-show {\n from {\n opacity: 0;\n transform: scale(0.96);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes dialog-overlay {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n",".awc-popover {\n display: block;\n}\n\n.awc-popover-container {\n outline: none;\n background-clip: padding-box;\n background-color: var(--white);\n border-radius: var(--rounded-default);\n box-shadow: var(--shadow-md);\n max-width: $popover-max-width;\n margin: 0;\n padding: 0;\n // Reset our font and text properties to avoid inheriting weird values.\n @include reset-text();\n @include font-size(var(--fs-default));\n overflow: visible; // So that the arrow is visible.\n border: 1px solid var(--color-border-default);\n animation-duration: 400ms;\n animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);\n word-wrap: break-word;\n\n &::backdrop {\n display: none;\n }\n\n .arrow {\n position: absolute;\n display: block;\n width: $popover-arrow-width;\n height: $popover-arrow-height;\n margin: 0 $popover-border-radius;\n\n &::before,\n &::after {\n position: absolute;\n display: block;\n content: '';\n border-color: transparent;\n border-style: solid;\n }\n }\n}\n\n// FloatingUI changes\n.bs-popover-auto {\n &[x-placement^='top'] {\n margin-bottom: 0;\n animation-name: slide-down-and-fade;\n\n > .arrow {\n bottom: -$popover-arrow-height;\n margin-left: 0;\n margin-right: 0;\n }\n }\n\n &[x-placement^='right'] {\n margin-left: 0;\n animation-name: slide-left-and-fade;\n\n > .arrow {\n left: -$popover-arrow-height;\n margin-top: 0;\n margin-bottom: 0;\n }\n }\n\n &[x-placement^='bottom'] {\n margin-top: 0;\n animation-name: slide-up-and-fade;\n\n > .arrow {\n top: -$popover-arrow-height;\n margin-left: 0;\n margin-right: 0;\n }\n }\n\n &[x-placement^='left'] {\n margin-right: 0;\n animation-name: slide-right-and-fade;\n\n > .arrow {\n right: -$popover-arrow-height;\n margin-top: 0;\n margin-bottom: 0;\n }\n }\n}\n\n@keyframes slide-up-and-fade {\n from {\n opacity: 0;\n transform: translateY(2px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes slide-right-and-fade {\n from {\n opacity: 0;\n transform: translateX(-2px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n@keyframes slide-down-and-fade {\n from {\n opacity: 0;\n transform: translateY(-2px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes slide-left-and-fade {\n from {\n opacity: 0;\n transform: translateX(2px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n","@mixin reset-text() {\n font-family: $font-family-base;\n // We deliberately do NOT reset font-size or word-wrap.\n font-style: normal;\n font-weight: $font-weight-normal;\n line-height: $line-height-base;\n text-align: left; // Fallback for where `start` is not supported\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n white-space: normal;\n word-spacing: normal;\n line-break: auto;\n}\n","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated responsive font sizes\n//\n// Licensed under MIT (https://github.com/twbs/rfs/blob/v8.x/LICENSE)\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n@if $rfs-font-size-unit != rem and $rfs-font-size-unit != px {\n @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n}\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n@if $rfs-breakpoint-unit != px and $rfs-breakpoint-unit != em and $rfs-breakpoint-unit != rem {\n @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n}\n\n// Resize font size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n @error \"`#{$rfs-factor}` is not a valid $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n@function divide($dividend, $divisor, $precision: 10) {\n $sign: if($dividend > 0 and $divisor > 0 or $dividend < 0 and $divisor < 0, 1, -1);\n $dividend: abs($dividend);\n $divisor: abs($divisor);\n @if $dividend == 0 {\n @return 0;\n }\n @if $divisor == 0 {\n @error \"Cannot divide by 0\";\n }\n $remainder: $dividend;\n $result: 0;\n $factor: 10;\n @while ($remainder > 0 and $precision >= 0) {\n $quotient: 0;\n @while ($remainder >= $divisor) {\n $remainder: $remainder - $divisor;\n $quotient: $quotient + 1;\n }\n $result: $result * 10 + $quotient;\n $factor: $factor * .1;\n $remainder: $remainder * 10;\n $precision: $precision - 1;\n @if ($precision < 0 and $remainder >= $divisor * 5) {\n $result: $result + 1;\n }\n }\n $result: $result * $factor * $sign;\n $dividend-unit: unit($dividend);\n $divisor-unit: unit($divisor);\n $unit-map: (\n \"px\": 1px,\n \"rem\": 1rem,\n \"em\": 1em,\n \"%\": 1%\n );\n @if ($dividend-unit != $divisor-unit and map-has-key($unit-map, $dividend-unit)) {\n $result: $result * map-get($unit-map, $dividend-unit);\n }\n @return $result;\n}\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n $rfs-base-font-size: divide($rfs-base-font-size, $rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n $rfs-base-font-size: divide($rfs-base-font-size, divide($rfs-base-font-size * 0 + 1, $rfs-rem-value));\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n $rfs-breakpoint: divide($rfs-breakpoint, $rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n $rfs-breakpoint: divide($rfs-breakpoint, divide($rfs-breakpoint * 0 + 1, $rfs-rem-value));\n}\n\n// Internal mixin that adds disable classes to the selector if needed.\n@mixin _rfs-disable-class {\n @if $rfs-class == \"disable\" {\n // Adding an extra class increases specificity, which prevents the media query to override the font size\n &,\n .disable-responsive-font-size &,\n &.disable-responsive-font-size {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n\n// Internal mixin that adds enable classes to the selector if needed.\n@mixin _rfs-enable-class {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n\n// Internal mixin used to determine which media query needs to be used\n@mixin _rfs-media-query($mq-value) {\n @if $rfs-two-dimensional {\n @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n @content;\n }\n }\n @else {\n @media (max-width: #{$mq-value}) {\n @content;\n }\n }\n}\n\n// Responsive font size mixin\n@mixin rfs($fs, $important: false) {\n // Cache $fs unit\n $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n // Add !important suffix if needed\n $rfs-suffix: if($important, \" !important\", \"\");\n\n // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n font-size: #{$fs}#{$rfs-suffix};\n }\n @else {\n // Remove unit from $fs for calculations\n @if $fs-unit == \"px\" {\n $fs: divide($fs, $fs * 0 + 1);\n }\n @else if $fs-unit == \"rem\" {\n $fs: divide($fs, divide($fs * 0 + 1, $rfs-rem-value));\n }\n\n // Set default font size\n $rfs-static: if($rfs-font-size-unit == rem, #{divide($fs, $rfs-rem-value)}rem, #{$fs}px);\n\n // Only add the media query if the font size is bigger than the minimum font size\n @if $fs <= $rfs-base-font-size or not $enable-responsive-font-sizes {\n font-size: #{$rfs-static}#{$rfs-suffix};\n }\n @else {\n // Calculate the minimum font size for $fs\n $fs-min: $rfs-base-font-size + divide($fs - $rfs-base-font-size, $rfs-factor);\n\n // Calculate difference between $fs and the minimum font size\n $fs-diff: $fs - $fs-min;\n\n // Base font-size formatting\n $min-width: if($rfs-font-size-unit == rem, #{divide($fs-min, $rfs-rem-value)}rem, #{$fs-min}px);\n\n // Use `vmin` if two-dimensional is enabled\n $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n // Calculate the variable width between 0 and $rfs-breakpoint\n $variable-width: #{divide($fs-diff * 100, $rfs-breakpoint)}#{$variable-unit};\n\n // Set the calculated font-size\n $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n\n // Breakpoint formatting\n $mq-value: if($rfs-breakpoint-unit == px, #{$rfs-breakpoint}px, #{divide($rfs-breakpoint, $rfs-rem-value)}#{$rfs-breakpoint-unit});\n\n @include _rfs-disable-class {\n font-size: #{$rfs-static}#{$rfs-suffix};\n }\n\n @include _rfs-media-query($mq-value) {\n @include _rfs-enable-class {\n font-size: $rfs-fluid;\n }\n\n // Include safari iframe resize fix if needed\n min-width: if($rfs-safari-iframe-resize-bug-fix, (0 * 1vw), null);\n }\n }\n }\n}\n\n// The font-size & responsive-font-size mixins use RFS to rescale the font size\n@mixin font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(require("@floating-ui/dom")):"function"==typeof define&&define.amd?define(["@floating-ui/dom"],e):e(("undefined"!=typeof globalThis?globalThis:t||self).FloatingUIDOM)}(this,function(g){"use strict";function t(t,e,i,n){var s,o=arguments.length,r=o<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,n);else for(var a=t.length-1;0<=a;a--)(s=t[a])&&(r=(o<3?s(r):3<o?s(e,i,r):s(e,i))||r);return 3<o&&r&&Object.defineProperty(e,i,r),r}const I=Symbol.for("impulse");class r{constructor(t,e){this.ctor=t,this.name=e,this.map=new Map,this.ctor=t,this.name=e,this.initialize()}add(t){var e;null!=(e=this.value)&&e.add(t)}get value(){return this.map.get(this.name)}initialize(){Object.prototype.hasOwnProperty.call(this.ctor,I)||(this.ctor[I]=new Map),this.map=this.ctor[I],this.map.has(this.name)||this.map.set(this.name,new Set)}}function e({type:i=String}={}){return(t,e)=>{new r(t,"property").add({key:e,type:i})}}function i(e){return t=>{try{window.customElements.define(e,t),window[t.name]=customElements.get(e)}catch(t){if(!(t instanceof DOMException&&"NotSupportedError"===t.name))throw t}}}function n(){return(t,e)=>{new r(t,"target").add({key:e})}}function q(){return(t,e)=>{new r(t,"targets").add({key:e})}}const B=/^(?:(.+?)?(?:@(window|document))?->)?(.+)#(.+)?$/;function F(t){var[,t,e,i,n]=t.trim().match(B)||[];return{eventName:t,eventTarget:"window"===(t=e)?window:"document"===t?document:void 0,methodName:n,identifier:i}}class j{constructor(){this.map=new Map}add(t,e){H(this.map,t).add(e)}delete(t,e){H(this.map,t).delete(e),0===(null==(e=this.get(t))?void 0:e.size)&&this.map.delete(t)}clear(){this.map.clear()}get values(){return Array.from(this.map.values()).reduce((t,e)=>t.concat(Array.from(e)),[])}get(t){return this.map.get(t)}has(t,e){return!(null==(t=this.get(t))||!t.has(e))}}function H(t,e){let i=t.get(e);return i||(i=new Set,t.set(e,i)),i}class U{constructor(t,e,i,n){this.instance=t,this.eventTarget=e,this.eventName=i,this.methodName=n,this.instance=t,this.eventTarget=e,this.eventName=i,this.methodName=n}start(){this.eventTarget.addEventListener(this.eventName,this)}stop(){this.eventTarget.removeEventListener(this.eventName,this)}handleEvent(t){var e=this.instance[this.methodName];"function"==typeof e&&e.call(this.instance,t)}}function o(t,e){return(null==(t=t.getAttribute(e))?void 0:t.trim().split(/\s+/))||[]}class K{constructor(t,e,i){this.element=t,this.delegate=e,this.observerOptions=i,this.started=!1,this.element=t,this.delegate=e,this.observer=new MutationObserver(t=>this.processMutations(t)),this.observerOptions=i}start(){this.started||(this.started=!0,this.observer.observe(this.element,Object.assign({childList:!0,subtree:!0},this.observerOptions)))}stop(){this.started&&(this.observer.takeRecords(),this.observer.disconnect(),this.started=!1)}processMutations(t){if(this.started)for(const e of t)this.processMutation(e)}processMutation(t){"attributes"===t.type&&t.target instanceof Element?this.processAttributeChange(t.target,t.attributeName):"childList"===t.type&&(this.processRemovedNodes(t.removedNodes),this.processAddedNodes(t.addedNodes))}processAttributeChange(t,e){e&&this.delegate.elementAttributeChanged(t,e)}processRemovedNodes(t){for(const i of Array.from(t)){var e=this.elementFromNode(i);e&&this.delegate.elementDisconnected(e)}}processAddedNodes(t){for(const i of Array.from(t)){var e=this.elementFromNode(i);e&&this.elementIsActive(e)&&this.delegate.elementConnected(e)}}elementFromNode(t){if(t.nodeType===Node.ELEMENT_NODE)return t}elementIsActive(t){return t.isConnected===this.element.isConnected&&this.element.contains(t)}}class z{constructor(t,e,i){this.instance=t,this.attributeName=e,this.delegate=i,this.instance=t,this.attributeName=e,this.elementObserver=new K(this.instance,this,{attributeFilter:[this.attributeName]}),this.delegate=i}start(){this.elementObserver.start()}stop(){this.elementObserver.stop()}elementConnected(t){for(const e of this.getMatchingElements(t))this.delegate.elementConnected(e)}elementDisconnected(t){for(const e of this.getMatchingElements(t))this.delegate.elementDisconnected(e)}elementAttributeChanged(t,e){var i,n;e===this.attributeName&&null!=(n=(i=this.delegate).elementAttributeChanged)&&n.call(i,t,e)}getMatchingElements(t){var e=Array.from(t.querySelectorAll(`[${this.attributeName}]`));return t.hasAttribute(this.attributeName)&&e.unshift(t),e}}class W{constructor(t){this.instance=t,this.instance=t}findTarget(t){return this.instance.matches(t)?this.instance:this.getElements(t).find(this.scopedTarget.bind(this))||null}findTargets(t){return[...this.instance.matches(t)?[this.instance]:[],...this.getElements(t).filter(this.scopedTarget.bind(this))]}scopedTarget(t){return t.closest(this.identifier)===this.instance}getElements(t){return Array.from(this.instance.querySelectorAll(t))}get identifier(){return this.instance.identifier}}const $="data-action";class _{constructor(t){this.instance=t,this.eventListenerMap=new j,this.instance=t,this.scope=new W(this.instance),this.attributeObserver=new z(this.instance,$,this)}start(){this.attributeObserver.start(),this.actionableElements.forEach(t=>this.bindActions(t))}stop(){this.eventListenerMap.values.forEach(t=>t.stop()),this.eventListenerMap.clear(),this.attributeObserver.stop()}elementConnected(t){this.bindActions(t)}elementDisconnected(t){this.unbindActions(t)}elementAttributeChanged(t){this.unbindActions(t),this.bindActions(t)}bindActions(s){o(s,$).forEach(t=>{var{eventName:t,eventTarget:e,methodName:i,identifier:n}=F(t);t&&n===this.identifier&&i&&this.actionableElements.includes(s)&&(n=new U(this.instance,e||s,t,i),this.eventListenerMap.add(s,n),n.start())})}unbindActions(e){var t=this.eventListenerMap.get(e);t&&t.forEach(t=>{t.stop(),this.eventListenerMap.delete(e,t)})}get actionableElements(){return this.scope.findTargets(`[${$}]`)}get identifier(){return this.instance.identifier}}const J=/(-|_|\.|\s)+(.)?/g,Q=/(^|\/)([A-Z])/g,X=/[ _]/g,Y=/([a-z\d])([A-Z])/g;function G(t){return t.replace(Y,"$1_$2").toLowerCase().replace(X,"-")}function a(t,e=""){if(!t)return e;try{return JSON.parse(t)}catch(t){return e}}class Z{constructor(t){this.instance=t,this.instance=t,this.store=new r(Object.getPrototypeOf(this.instance),"property")}start(){for(var[{key:t,type:e}]of this.properties.entries())this.initializeProperty(t,e)}stop(){}initializeProperty(t,e){var i=G(t),n=this.instance[t],e=Object.assign({configurable:!0},function(e,i,t){switch(t){case Number:return{get:()=>Number(e.getAttribute(i)||0),set:t=>e.setAttribute(i,(t||0).toString())};case Boolean:return{get:()=>e.hasAttribute(i)&&"false"!==e.getAttribute(i),set:t=>{t?e.setAttribute(i,""):e.removeAttribute(i)}};case Array:return{get:()=>JSON.parse(e.getAttribute(i)||"[]"),set:t=>e.setAttribute(i,JSON.stringify(t)||"[]")};case Object:return{get:()=>JSON.parse(e.getAttribute(i)||"{}"),set:t=>e.setAttribute(i,JSON.stringify(t)||"{}")};default:return{get:()=>e.getAttribute(i)||"",set:t=>e.setAttribute(i,t||"")}}}(this.instance,i,e));Object.defineProperty(this.instance,t,e),this.instance.hasAttribute(i)||null!=(t=e.set)&&t.call(e,n)}get properties(){return this.store.value}}class tt{constructor(t){this.instance=t,this.instance=t,this.store=new r(Object.getPrototypeOf(this.instance),"target"),this.scope=new W(this.instance),this.targetsByName=new j,this.attributeObserver=new z(this.instance,"data-target",this)}start(){this.attributeObserver.start(),this.keys.forEach(t=>this.initializeKey(t))}stop(){this.keys.forEach(t=>this.terminateKey(t)),this.attributeObserver.stop()}elementConnected(t){for(const n of o(t,"data-target")){var[e,i]=n.split(".");i&&!this.targetsByName.has(i,t)&&e===this.identifier&&this.keys.includes(i)&&this.findTarget(i)===t&&(this.targetsByName.add(i,t),this.defineProperty(i,this.findTarget(i)),this.invokeConnectedCallback(i,t))}}elementDisconnected(t){for(const n of o(t,"data-target")){var[e,i]=n.split(".");i&&this.targetsByName.has(i,t)&&e===this.identifier&&this.keys.includes(i)&&(this.invokeDisconnectedCallback(i,t),this.defineProperty(i,null))}}initializeKey(t){var e=this.findTarget(t);e&&this.targetsByName.add(t,e),this.defineProperty(t,e),e&&this.invokeConnectedCallback(t,e)}terminateKey(t){var e=this.findTarget(t);e&&this.invokeDisconnectedCallback(t,e)}findTarget(t){return this.scope.findTarget(`[data-target~="${this.identifier}.${t}"]`)}defineProperty(t,e){Object.defineProperty(this.instance,t,{configurable:!0,get:()=>e})}invokeConnectedCallback(t,e){t=this.instance[t+"Connected"];"function"==typeof t&&t.call(this.instance,e)}invokeDisconnectedCallback(t,e){t=this.instance[t+"Disconnected"];"function"==typeof t&&t.call(this.instance,e)}get keys(){return Array.from(this.store.value).map(({key:t})=>t)}get identifier(){return this.instance.identifier}}class et{constructor(t){this.instance=t,this.instance=t,this.store=new r(Object.getPrototypeOf(this.instance),"targets"),this.scope=new W(this.instance),this.targetsByName=new j,this.attributeObserver=new z(this.instance,"data-target",this)}start(){this.attributeObserver.start(),this.keys.forEach(t=>this.initializeKey(t))}stop(){this.keys.forEach(t=>this.terminateKey(t)),this.attributeObserver.stop()}elementConnected(t){for(const n of o(t,"data-target")){var[e,i]=n.split(".");i&&!this.targetsByName.has(i,t)&&e===this.identifier&&this.keys.includes(i)&&this.findTargets(i).includes(t)&&(this.targetsByName.add(i,t),this.defineProperty(i,this.findTargets(i)),this.invokeConnectedCallback(i,t))}}elementDisconnected(t){for(const n of o(t,"data-target")){var[e,i]=n.split(".");i&&this.targetsByName.has(i,t)&&e===this.identifier&&this.keys.includes(i)&&(this.invokeDisconnectedCallback(i,t),this.defineProperty(i,this.findTargets(i)))}}initializeKey(e){var t=this.findTargets(e);t.forEach(t=>this.targetsByName.add(e,t)),this.defineProperty(e,t),t.forEach(t=>this.invokeConnectedCallback(e,t))}terminateKey(e){this.findTargets(e).forEach(t=>this.invokeDisconnectedCallback(e,t))}findTargets(t){return this.scope.findTargets(`[data-target~="${this.identifier}.${t}"]`)}defineProperty(t,e){Object.defineProperty(this.instance,t,{configurable:!0,get:()=>e})}invokeConnectedCallback(t,e){t=this.instance[t+"Connected"];"function"==typeof t&&t.call(this.instance,e)}invokeDisconnectedCallback(t,e){t=this.instance[t+"Disconnected"];"function"==typeof t&&t.call(this.instance,e)}get keys(){return Array.from(this.store.value).map(({key:t})=>t)}get identifier(){return this.instance.identifier}}class s extends HTMLElement{constructor(){super(...arguments),this.property=new Z(this),this.targets=new et(this),this.target=new tt(this),this.action=new _(this),this._started=!1}async connectedCallback(){await new Promise(t=>{"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>t()):t()}),customElements.upgrade(this),this.property.start(),await this._resolveUndefinedElements(),this.targets.start(),this.target.start(),this.action.start(),this._started=!0,this.setAttribute("data-impulse-element",""),this.connected()}static get observedAttributes(){var t=new r(this.prototype,"property");return Array.from(t.value).map(({key:t})=>G(t))}attributeChangedCallback(t,e,i){if(this._started&&e!==i){const o=t.replace(J,(t,e,i)=>i?i.toUpperCase():"").replace(Q,t=>t.toLowerCase());var n=this[o+"Changed"];if("function"==typeof n){var s=new r(Object.getPrototypeOf(this),"property"),s=Array.from(s.value).map(({key:t,type:e})=>({key:t,type:e})).find(({key:t})=>t===o);if(!s)throw new Error(`Unregistered attribute changed: ${t}. Register the attribute using the @property() decorator.`);var{newValue:t,oldValue:i}=function(t,e,i){switch(i){case Boolean:var n=t=>null!==t&&"false"!==t;return{newValue:n(t),oldValue:n(e)};case Number:return{newValue:Number(t),oldValue:Number(e)};case Array:return{newValue:a(t,[]),oldValue:a(e,[])};case Object:return{newValue:a(t,{}),oldValue:a(e,{})};default:return{newValue:t,oldValue:e}}}(i,e,s.type);n.call(this,t,i)}}}disconnectedCallback(){this.action.stop(),this.target.stop(),this.targets.stop(),this.property.stop(),this.disconnected(),this._started=!1}connected(){}disconnected(){}emit(t,e={}){var{target:i=this,prefix:n=this.identifier,detail:s={}}=e,e=function(t,e){var i={};for(s in t)Object.prototype.hasOwnProperty.call(t,s)&&e.indexOf(s)<0&&(i[s]=t[s]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols)for(var n=0,s=Object.getOwnPropertySymbols(t);n<s.length;n++)e.indexOf(s[n])<0&&Object.prototype.propertyIsEnumerable.call(t,s[n])&&(i[s[n]]=t[s[n]]);return i}(e,["target","prefix","detail"]),n=new CustomEvent(n?n+":"+t:t,Object.assign({bubbles:!0,composed:!0,detail:s},e));return i.dispatchEvent(n),n}get identifier(){return this.tagName.toLowerCase()}async _resolveUndefinedElements(){var t=Array.from(this.querySelectorAll(":not(:defined)")).map(t=>customElements.whenDefined(t.localName));await Promise.all(t)}}function it(t){return Number(t.replace(/[^-\d.]/g,""))}let l=class extends s{constructor(){super(...arguments),this.placement="bottom",this.active=!1,this.strategy="fixed",this.distance=0,this.skidding=0,this.flip=!0,this.flipPadding=0,this.fallbackPlacements=[],this.fallbackStrategy="bestFit",this.shift=!1,this.shiftPadding=0}connected(){this.start()}disconnected(){this.stop()}async anchorIdChanged(t){await this.stop(),t&&this.anchorElement&&this.start()}async activeChanged(t){t?this.start():await this.stop()}start(){this.anchorElement&&(this.style.position=this.strategy,this.style.top="0px",this.style.left="0px",this.cleanup=g.autoUpdate(this.anchorElement,this,this.reposition.bind(this)))}async stop(){return new Promise(t=>{this.cleanup?(this.cleanup(),this.cleanup=void 0,requestAnimationFrame(()=>t())):t()})}async reposition(){if(this.active&&this.anchorElement){var t=[g.offset({mainAxis:this.distance,crossAxis:this.skidding})];this.sync?t.push(g.size({apply:({rects:t})=>{var e="width"===this.sync||"both"===this.sync,i="height"===this.sync||"both"===this.sync;this.style.width=e?t.reference.width+"px":"",this.style.height=i?t.reference.height+"px":""}})):(this.style.width="",this.style.height=""),this.flip&&t.push(g.flip({fallbackPlacements:this.fallbackPlacements.length?this.fallbackPlacements:void 0,fallbackStrategy:this.fallbackStrategy,padding:this.flipPadding})),this.shift&&t.push(g.shift({padding:this.shiftPadding})),this.arrowElement&&t.push(g.arrow({element:this.arrowElement,padding:this._arrowPadding}));const{x:e,y:i,placement:n,strategy:s,middlewareData:o}=await g.computePosition(this.anchorElement,this,{placement:this.placement,middleware:t,strategy:this.strategy});if(Object.assign(this.style,{left:e+"px",top:i+"px",position:s}),o.arrow&&this.arrowElement){const{x:e,y:i}=o.arrow;Object.assign(this.arrowElement.style,{left:"number"==typeof e?e+"px":"",top:"number"==typeof i?i+"px":""})}this.setAttribute("x-placement",n)}}get anchorElement(){return document.getElementById(this.anchorId)}get arrowElement(){return this.querySelector("[data-arrow]")}get _arrowPadding(){return"number"==typeof this.arrowPadding?this.arrowPadding:it(getComputedStyle(this).borderRadius)||2}};t([e()],l.prototype,"anchorId",void 0),t([e()],l.prototype,"placement",void 0),t([e({type:Boolean})],l.prototype,"active",void 0),t([e()],l.prototype,"strategy",void 0),t([e({type:Number})],l.prototype,"distance",void 0),t([e({type:Number})],l.prototype,"skidding",void 0),t([e()],l.prototype,"sync",void 0),t([e({type:Boolean})],l.prototype,"flip",void 0),t([e({type:Number})],l.prototype,"flipPadding",void 0),t([e({type:Array})],l.prototype,"fallbackPlacements",void 0),t([e()],l.prototype,"fallbackStrategy",void 0),t([e({type:Boolean})],l.prototype,"shift",void 0),t([e({type:Number})],l.prototype,"shiftPadding",void 0),t([e({type:Number})],l.prototype,"arrowPadding",void 0),l=t([i("awc-anchor")],l);var nt=0;function st(){return nt+=1,`ambiki-${Math.random().toString().slice(2,6)}-`+nt}function ot(t){return!t.hasAttribute("disabled")&&"true"!==t.getAttribute("aria-disabled")}var rt=!!navigator.userAgent.match(/Macintosh/),at=class{input;list;multiple;isMouseMoving=!1;constructor(t,e,{multiple:i=!1}={}){this.input=t,this.list=e,this.multiple=i,this.list.id||(this.list.id=st()),this.input.getAttribute("aria-expanded")||this.input.setAttribute("aria-expanded","false"),this.multiple&&this.input.setAttribute("aria-multiselectable","true"),this.input.setAttribute("role","combobox"),this.input.setAttribute("aria-haspopup","listbox"),this.input.setAttribute("aria-autocomplete","list"),this.list.setAttribute("role","listbox"),this.onKeydown=this.onKeydown.bind(this),this.onClick=this.onClick.bind(this),this.onListMouseover=this.onListMouseover.bind(this),this.onListMousemove=this.onListMousemove.bind(this)}start(){this.isMouseMoving=!1,this.input.setAttribute("aria-expanded","true"),this.input.setAttribute("aria-controls",this.list.id),this.input.addEventListener("keydown",this.onKeydown),this.list.addEventListener("click",this.onClick),this.list.addEventListener("mouseover",this.onListMouseover),this.list.addEventListener("mousemove",this.onListMousemove),this.initializeOptions()}stop(){this.isMouseMoving=!1,this.input.setAttribute("aria-expanded","false"),this.input.removeAttribute("aria-controls"),this.input.removeEventListener("keydown",this.onKeydown),this.list.removeEventListener("click",this.onClick),this.list.removeEventListener("mouseover",this.onListMouseover),this.list.removeEventListener("mousemove",this.onListMousemove),this.deselectAll(),this.deactivate()}onKeydown(t){if(this.isMouseMoving=!1,!(t.shiftKey||t.metaKey||t.altKey||!rt&&t.ctrlKey))switch(t.key){case"Enter":case"Tab":this.activeOption&&ot(this.activeOption)&&(t.preventDefault(),t.stopPropagation(),this.activeOption.click());break;case"Escape":this.deactivate();break;case"ArrowDown":t.preventDefault(),t.stopPropagation(),this.activeOption?this.move(1):this.activate(this.visibleOptions[0],{scroll:!0});break;case"ArrowUp":t.preventDefault(),t.stopPropagation(),this.activeOption?this.move(-1):this.activate(this.visibleOptions[this.visibleOptions.length-1],{scroll:!0});break;case"Home":t.preventDefault(),t.stopPropagation(),this.activate(this.visibleOptions[0],{scroll:!0});break;case"End":t.preventDefault(),t.stopPropagation(),this.activate(this.visibleOptions[this.visibleOptions.length-1],{scroll:!0});break;default:t.ctrlKey||this.deactivate()}}onClick(t){t=lt(t.target);t&&ot(t)&&(this.multiple&&this.isSelected(t)?this.deselect(t):this.select(t),t.dispatchEvent(new CustomEvent("combobox:commit",{bubbles:!0})))}onListMouseover(t){var e;this.isMouseMoving?(e=lt(t.target))&&this.activate(e):t.preventDefault()}onListMousemove(t){!this.isMouseMoving&&(this.isMouseMoving=!0,t=lt(t.target))&&this.activate(t)}select(t){if(this.multiple)t.setAttribute("aria-selected","true");else for(var e of this.options)e.setAttribute("aria-selected",(e===t).toString())}deselect(t){t.setAttribute("aria-selected","false")}deselectAll(){for(var t of this.options)this.deselect(t)}activate(t,{scroll:e=!1}={}){for(var i of this.options)i.id===t.id?(i.setAttribute("data-active",""),this.input.setAttribute("aria-activedescendant",i.id),e&&i.scrollIntoView({block:"nearest"})):i.removeAttribute("data-active")}deactivate(){this.input.removeAttribute("aria-activedescendant");for(var t of Array.from(this.list.querySelectorAll('[role="option"][data-active]')))t.removeAttribute("data-active")}isSelected(t){return"true"===t.getAttribute("aria-selected")}get options(){return Array.from(this.list.querySelectorAll('[role="option"]'))}get visibleOptions(){return this.options.filter(ct)}get activeOption(){return this.list.querySelector("[data-active]")}move(t){this.activeOption&&(t=function(t,e,i){let n=t.indexOf(e),s=(n===t.length-1&&1===i&&(n=-1),1===i?0:t.length-1);return t[s=e&&0<=n&&0<=(e=n+i)&&e<t.length?e:s]}(this.visibleOptions,this.activeOption,t),this.activate(t,{scroll:!0}))}initializeOptions(){for(var t of this.options)t.setAttribute("tabindex","-1"),t.id||(t.id=st()),t.hasAttribute("aria-selected")||this.deselect(t)}};function lt(t){return t&&t.closest('[role="option"]')||!1}function ct(t){return!t.hidden&&!(t instanceof HTMLInputElement&&"hidden"===t.type)&&(0<t.offsetWidth||0<t.offsetHeight)}function c(t,e){void 0===e&&(e=!0);var i=null==t||null==(i=t.getAttribute)?void 0:i.call(t,"inert");return""===i||"true"===i||e&&t&&c(t.parentNode)}function ht(t){return!isNaN(parseInt(t.getAttribute("tabindex"),10))}function ut(t){var e,i;if(t)return t.tabIndex<0&&(/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName)||""===(i=null==(e=t)||null==(i=e.getAttribute)?void 0:i.call(e,"contenteditable"))||"true"===i)&&!ht(t)?0:t.tabIndex;throw new Error("No node provided")}function dt(t,e){return t.tabIndex===e.tabIndex?t.documentOrder-e.documentOrder:t.tabIndex-e.tabIndex}function pt(t){return"INPUT"===t.tagName}function ft(t){if(!t.name)return 1;function e(t){return i.querySelectorAll('input[type="radio"][name="'+t+'"]')}var i=t.form||p(t);if("undefined"!=typeof window&&void 0!==window.CSS&&"function"==typeof window.CSS.escape)n=e(window.CSS.escape(t.name));else try{n=e(t.name)}catch(t){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",t.message),0}var n=function(t,e){for(var i=0;i<t.length;i++)if(t[i].checked&&t[i].form===e)return t[i]}(n,t.form);return!n||n===t}function mt(t){return pt(e=t)&&"radio"===e.type&&!ft(t);var e}function vt(t){var e=(t=t.getBoundingClientRect()).width,t=t.height;return 0===e&&0===t}function gt(t,e){var i=e.displayCheck,n=e.getShadowRoot;if("hidden"===getComputedStyle(t).visibility)return 1;if(e=d.call(t,"details>summary:first-of-type")?t.parentElement:t,d.call(e,"details:not([open]) *"))return 1;if(i&&"full"!==i&&"legacy-full"!==i){if("non-zero-area"===i)return vt(t)}else{if("function"==typeof n){for(e=t;t;){var s=t.parentElement,o=p(t);if(s&&!s.shadowRoot&&!0===n(s))return vt(t);t=t.assignedSlot||(s||o===t.ownerDocument?s:o.host)}t=e}if(function(t){var e,i=t&&p(t),n=null==(e=i)?void 0:e.host,s=!1;if(i&&i!==t)for(s=!!(null!=(e=n)&&null!=(e=e.ownerDocument)&&e.contains(n)||null!=t&&null!=(e=t.ownerDocument)&&e.contains(t));!s&&n;)var o,s=!(null==(o=n=null==(o=i=p(n))?void 0:o.host)||null==(o=o.ownerDocument)||!o.contains(n));return s}(t))return!t.getClientRects().length;if("legacy-full"!==i)return 1}}function bt(t,e){return t=(e=e||{}).getShadowRoot?At([t],e.includeContainer,{filter:St.bind(null,e),flatten:!1,getShadowRoot:e.getShadowRoot,shadowRootFilter:Ot}):Et(t,e.includeContainer,St.bind(null,e)),kt(t)}function u(t,e){if(e=e||{},t)return!1!==d.call(t,xt)&&f(e,t);throw new Error("No node provided")}var yt=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[href]:not([inert])","button:not([inert])","[tabindex]:not(slot):not([inert])","audio[controls]:not([inert])","video[controls]:not([inert])",'[contenteditable]:not([contenteditable="false"]):not([inert])',"details>summary:first-of-type:not([inert])","details:not([inert])"],wt=yt.join(","),h="undefined"==typeof Element,d=h?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,p=!h&&Element.prototype.getRootNode?function(t){var e;return null==t||null==(e=t.getRootNode)?void 0:e.call(t)}:function(t){return null==t?void 0:t.ownerDocument},Et=function(t,e,i){var n;return c(t)?[]:(n=Array.prototype.slice.apply(t.querySelectorAll(wt)),e&&d.call(t,wt)&&n.unshift(t),n.filter(i))},At=function t(e,i,n){for(var s=[],o=Array.from(e);o.length;){var r,a,l=o.shift();c(l,!1)||("SLOT"===l.tagName?(r=t((r=l.assignedElements()).length?r:l.children,!0,n),n.flatten?s.push.apply(s,r):s.push({scopeParent:l,candidates:r})):(d.call(l,wt)&&n.filter(l)&&(i||!e.includes(l))&&s.push(l),r=l.shadowRoot||"function"==typeof n.getShadowRoot&&n.getShadowRoot(l),a=!c(r,!1)&&(!n.shadowRootFilter||n.shadowRootFilter(l)),r&&a?(a=t((!0===r?l:r).children,!0,n),n.flatten?s.push.apply(s,a):s.push({scopeParent:l,candidates:a})):o.unshift.apply(o,l.children)))}return s},f=function(t,e){var i;return!(e.disabled||c(e)||pt(i=e)&&"hidden"===i.type||gt(e,t)||"DETAILS"===(i=e).tagName&&Array.prototype.slice.apply(i.children).some(function(t){return"SUMMARY"===t.tagName})||function(t){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName))for(var e=t.parentElement;e;){if("FIELDSET"===e.tagName&&e.disabled){for(var i=0;i<e.children.length;i++){var n=e.children.item(i);if("LEGEND"===n.tagName)return!!d.call(e,"fieldset[disabled] *")||!n.contains(t)}return!0}e=e.parentElement}return!1}(e))},St=function(t,e){return!(mt(e)||ut(e)<0||!f(t,e))},Ot=function(t){t=parseInt(t.getAttribute("tabindex"),10);return!!(isNaN(t)||0<=t)},kt=function a(t){var l=[],c=[];return t.forEach(function(t,e){var i,n=!!t.scopeParent,s=n?t.scopeParent:t,o=(o=n,(i=ut(r=s))<0&&o&&!ht(r)?0:i),r=n?a(t.candidates):s;0===o?n?l.push.apply(l,r):l.push(s):c.push({documentOrder:e,tabIndex:o,item:t,isScope:n,content:r})}),c.sort(dt).reduce(function(t,e){return e.isScope?t.push.apply(t,e.content):t.push(e.content),t},[]).concat(l)},xt=yt.concat("iframe").join(",");function Tt(t){let e=t;for(;null!==e;){if(u(e)||e.hasAttribute("data-loosely-focusable"))return 1;e=e.parentElement}}function Ct(t,{referenceElement:r,popupElement:a,arrowElement:l,arrowPadding:c=0,middleware:h=[],offsetOptions:u=0,placement:d="bottom-start",flipOptions:p,shiftOptions:f,strategy:m="fixed",sync:v}){let e;async function i(t=!1){if(t&&r){t=[g.offset(u)];v?t.push(g.size({apply:({rects:t})=>{var e="height"===v||"both"===v;a.style.width="width"===v||"both"===v?t.reference.width+"px":"",a.style.height=e?t.reference.height+"px":""}})):(a.style.width="",a.style.height=""),t.push(g.flip(p)),t.push(g.shift(f)),l&&t.push(g.arrow({element:l,padding:c})),t.concat(h);const{x:e,y:i,placement:n,strategy:s,middlewareData:o}=await g.computePosition(r,a,{placement:d,middleware:t,strategy:m});if(Object.assign(a.style,{left:e+"px",top:i+"px",position:s}),o.arrow&&l){const{x:e,y:i}=o.arrow;Object.assign(l.style,{left:"number"==typeof e?e+"px":"",top:"number"==typeof i?i+"px":""})}a.setAttribute("x-placement",n)}}async function n(){return new Promise(t=>{e?(e(),e=void 0,requestAnimationFrame(()=>t())):t()})}a.style.position=m,a.style.top="0px",a.style.left="0px",r&&(e=g.autoUpdate(r,a,()=>i(!0)),n());const s=t.disconnected.bind(t);return Object.assign(t,{disconnected(){n(),s()}}),{start:function(){r&&(e=g.autoUpdate(r,a,()=>i(t.open)))},update:async function(){await i(t.open)},stop:n}}function Nt(t,{boundaries:s,callback:o}){let r=null;function e(t){var e;r=(null==(e=null==(e=t.composedPath)?void 0:e.call(t))?void 0:e[0])||t.target}function i(t,e){if(r&&!t.defaultPrevented){var i=e(t);if(i&&i.getRootNode().contains(i)&&i.isConnected){for(const n of s)if(null!==n){if(n.contains(i))return;if(t.composed&&t.composedPath().includes(n))return}o(t,i),r=null}}}document.addEventListener("mousedown",e,!0),document.addEventListener("click",t=>i(t,()=>r),!0);const n=t.disconnected.bind(t);Object.assign(t,{disconnected(){r=null,document.removeEventListener("mousedown",e,!0),document.removeEventListener("click",t=>i(t,()=>r),!0),n()}})}function m(t){return t.getAttribute("value")||""}function v(t){return t.getAttribute("data-text")||t.innerText.trim()}class Lt{constructor(t){this.autocomplete=t,this.selectedValues=new Set,this.defaultSelectedValues=[],this.autocomplete=t}connected(){(function(t){try{return JSON.parse(t).map(t=>t.toString())}catch(t){return[]}})(this.autocomplete.value).forEach(t=>this.selectedValues.add(t)),this.defaultSelectedValues=this.persistedTags.map(t=>({value:m(t),text:v(t)}))}disconnected(){}start(){for(const t of this.autocomplete.options)this.selectedValues.has(m(t))?this.autocomplete.combobox.select(t):this.autocomplete.combobox.deselect(t)}stop(){this.clearInputField()}async commit(t){this.clearInputField();const e=m(t);t=v(t);if(this.selectedValues.has(e)?this.removeValue(e):this.setValue(e,t),this.autocomplete.src){await this.autocomplete.makeRequest(""),this.start();t=this.autocomplete.visibleOptions.find(t=>m(t)===e)||this.autocomplete.visibleOptions[0];t&&this.autocomplete.activate(t)}else{for(const t of this.autocomplete.options)t.hidden=!1;for(const i of this.autocomplete.groups)i.hidden=!1}}clear(){this.selectedValues.forEach(t=>this.removeValue(t))}reset(){this.clear(),this.defaultSelectedValues.forEach(({value:t,text:e})=>this.setValue(t,e,{persisted:!0}))}setValue(e,t,{persisted:i=!1}={}){this.selectedValues.has(e)||(this.selectedValues.add(e),this.insertTag(e,t,{persisted:i}),this.updateElementValue(),this.setRequiredAttribute(this.autocomplete.required),this.autocomplete.open&&(t=this.autocomplete.options.find(t=>m(t)===e))&&this.autocomplete.combobox.select(t))}removeValue(e){var t;this.selectedValues.has(e)&&(this.selectedValues.delete(e),this.removeTag(e),this.updateElementValue(),this.setRequiredAttribute(this.autocomplete.required),t=this.autocomplete.options.find(t=>m(t)===e))&&this.autocomplete.combobox.deselect(t)}setRequiredAttribute(t){!t||0<this.selectedValues.size?this.autocomplete.input.required=!1:this.autocomplete.input.required=!0}insertTag(t,e,{persisted:i=!1}={}){var n=this.template.content.cloneNode(!0),s=n.querySelector('[data-behavior="tag"]'),o=n.querySelector('[data-behavior="text"]'),r=n.querySelector('[data-behavior="hidden-field"]');null!=s&&s.setAttribute("value",t),null!=s&&s.toggleAttribute("data-persisted",i),o&&(o.innerText=e),r&&(r.value=t),this.autocomplete.control.insertBefore(n,this.template)}removeTag(e){var t=this.tags.find(t=>m(t)===e);null!=t&&t.remove()}updateElementValue(){var t=Array.from(this.selectedValues.values());this.autocomplete.value=JSON.stringify(t)}clearInputField(){this.autocomplete.input.value&&(this.autocomplete.input.value="")}get firstActiveOption(){return this.autocomplete.visibleOptions.find(t=>this.selectedValues.has(m(t)))||this.autocomplete.visibleOptions[0]}get tags(){return Array.from(this.autocomplete.querySelectorAll('[data-behavior="tag"]'))}get persistedTags(){return this.tags.filter(t=>t.hasAttribute("data-persisted"))}get template(){return this.autocomplete.querySelector('[data-behavior="tag-template"]')}}class Pt{constructor(t){this.autocomplete=t,this.defaultValue="",this.defaultText="",this.autocomplete=t}connected(){this.defaultValue=this.hiddenField.value,this.defaultText=this.hiddenField.getAttribute("data-text")||""}disconnected(){}start(){this.selectedOption&&this.autocomplete.combobox.select(this.selectedOption)}stop(){this.autocomplete.input.value=this.hiddenField.getAttribute("data-text")||""}commit(t){var e=m(t),t=v(t);this.setValue(e,t),this.autocomplete.open=!1}clear(){this.setValue(null,null)}reset(){this.setValue(this.defaultValue,this.defaultText)}setValue(t,e){this.autocomplete.value=t||"",this.autocomplete.input.value=e||"",this.hiddenField.value=t||"",this.hiddenField.setAttribute("data-text",e||""),null===t?this.autocomplete.combobox.deselectAll():this.autocomplete.open&&(e=this.autocomplete.options.find(t=>m(t)===this.defaultValue))&&this.autocomplete.combobox.select(e)}removeValue(){this.clear()}setRequiredAttribute(t){this.autocomplete.input.required=t}get firstActiveOption(){return this.selectedOption||this.autocomplete.visibleOptions[0]}get selectedOption(){return this.autocomplete.options.find(t=>this.isSelected(t))}isSelected(t){return m(t)===this.autocomplete.value}get hiddenField(){return this.autocomplete.querySelector('[data-behavior="hidden-field"]')}}let b=class extends s{constructor(){super(),this.open=!1,this.disabled=!1,this.required=!1,this.multiple=!1,this.param="q",this.singleSelect=new Pt(this),this.multipleSelect=new Lt(this),this.firstFocus=!0,this.inputPristine=!1,this.remoteSearch=function(e,i){let n;function t(...t){clearTimeout(n),n=setTimeout(()=>{e.apply(this,t)},i)}return t.clear=()=>{clearTimeout(n)},t}(this.remoteSearch.bind(this),300),this.handleFormReset=this.handleFormReset.bind(this)}connected(){var t;this.floatingUI=Ct(this,{referenceElement:this.control,popupElement:this.listbox,placement:"bottom",sync:"width",offsetOptions:4}),Nt(this,{boundaries:[this.control,this.listbox],callback:(t,e)=>{this.inputPristine&&!Tt(e)?t.preventDefault():this.open&&(this.open=!1),this.inputPristine=!1}}),this.combobox=new at(this.input,this.listbox,{multiple:this.multiple}),this.selectVariant=this.multiple?this.multipleSelect:this.singleSelect,this.selectVariant.connected(),null!=(t=this.form)&&t.addEventListener("reset",this.handleFormReset),this.selectVariant.setRequiredAttribute(this.required)}disconnected(){var t;this.open=!1,this.removeAttribute("data-focus"),this.firstFocus=!0,null!=(t=this.selectVariant)&&t.disconnected(),this.abortController=void 0,null!=(t=this.form)&&t.removeEventListener("reset",this.handleFormReset)}async openChanged(t){if(t)this.emit("show"),this.combobox.start(),this.listbox.hidden=!1,this.floatingUI.start(),this.src?await this.makeRequest(""):this.checkIfListIsEmpty(),null!=(t=this.selectVariant)&&t.start(),null!=(t=this.selectVariant)&&t.firstActiveOption&&this.activate(this.selectVariant.firstActiveOption),this.emit("shown");else{if(this.emit("hide"),this.listbox.hidden=!0,null!=(t=this.abortController)&&t.abort(),null!=(t=this.selectVariant)&&t.stop(),this.combobox.stop(),!this.src){for(const e of this.options)e.hidden=!1;for(const i of this.groups)i.hidden=!1}this.removeAttribute("no-options"),this.removeAttribute("error"),this.inputPristine=!1,this.currentQuery=void 0,await this.floatingUI.stop(),this.emit("hidden")}}valueChanged(t){this.classList.toggle("awc-autocomplete--selected",""!==t&&"[]"!==t)}disabledChanged(t){if(this.input.disabled=t,this.clearBtn&&(this.clearBtn.disabled=t),this.multiple&&this.tagDismissBtns)for(const e of this.tagDismissBtns)e.disabled=t}requiredChanged(t){var e;null!=(e=this.selectVariant)&&e.setRequiredAttribute(t)}handleMousedown(t){t.target!==this.input&&t.preventDefault()}handleClick(t){this.disabled||(this.input.focus(),t=t.target["classList"],(t.contains("awc-autocomplete-control")||t.contains("awc-autocomplete-end-adornment"))&&(this.open=!0),this.firstFocus&&this.input.value&&this.input.select(),this.firstFocus=!1)}handleInputMousedown(t){t.preventDefault(),this.open=!0}handleInputFocus(){this.setAttribute("data-focus","")}handleInputBlur(){this.open&&(this.open=!1,this.inputPristine=!0),this.removeAttribute("data-focus"),this.firstFocus=!0}handleInputKeydown(t){switch(t.key){case"Enter":this.open&&t.preventDefault();break;case"Escape":this.open&&(t.preventDefault(),t.stopPropagation(),this.open=!1);break;case"ArrowDown":t.altKey&&!this.open&&(t.preventDefault(),this.open=!0);break;case"ArrowUp":t.altKey&&this.open&&(t.preventDefault(),this.open=!1);break;case"Backspace":var e;""===this.input.value&&this.multiple&&(e=this.multipleSelect["tags"],e=e[e.length-1])&&(t.preventDefault(),this.multipleSelect.removeValue(m(e)),this.emit("remove",{detail:{target:e}}))}}async handleInput(t){var t=t["target"];t instanceof HTMLInputElement&&(t=t.value.trim(),this.src?await this.remoteSearch(t):this.search(t))}async handleCommit(t){t.stopPropagation();var e,t=t.target;t instanceof HTMLElement&&(await(null==(e=this.selectVariant)?void 0:e.commit(t)),this.emit("commit",{detail:{target:t}}))}handleClear(){this.open=!1,this.clear(),this.emit("clear")}handleTagRemove(t){t=t.target.closest('[data-behavior="tag"]');t&&(this.multipleSelect.removeValue(m(t)),this.emit("remove",{detail:{target:t}}))}handleFormReset(){this.open=!1,this.reset(),this.emit("reset")}setValue(t,e){var i;null!=(i=this.selectVariant)&&i.setValue(t,e)}removeValue(t){this.multiple&&t?this.multipleSelect.removeValue(t):this.singleSelect.removeValue()}activate(t,{scroll:e=!0}={}){this.combobox.activate(t,{scroll:e})}deactivate(){this.combobox.deactivate()}clear(){var t;null!=(t=this.selectVariant)&&t.clear(),this.currentQuery=void 0}reset(){var t;null!=(t=this.selectVariant)&&t.reset(),this.currentQuery=void 0}focus(t){this.input.focus(t)}blur(){this.input.blur(),this.removeAttribute("data-focus")}show(){this.open||(this.open=!0)}hide(){this.open&&(this.open=!1)}search(t){var n;this.open=!0,this.options.forEach((n=t,t=>{var e,i=t.closest('[role="group"]');n?(e=null==(e=v(t))?void 0:e.toLowerCase().includes(n.toLowerCase()),t.hidden=!e,i&&(e=Array.from(i.querySelectorAll('[role="option"]')),i.hidden=e.every(t=>t.hidden))):(t.hidden=!1,i&&(i.hidden=!1))})),this.checkIfListIsEmpty(),this.visibleOptions[0]&&this.activate(this.visibleOptions[0])}async remoteSearch(t){this.open=!0,await this.makeRequest(t),null!=(t=this.selectVariant)&&t.start(),this.visibleOptions[0]&&this.activate(this.visibleOptions[0])}async makeRequest(t){if(this.currentQuery!==t){this.currentQuery=t,this.abortController?this.abortController.abort():(this.setAttribute("loading",""),this.emit("loadstart",{bubbles:!1,prefix:!1})),this.removeAttribute("error"),this.abortController=new AbortController;var e=new URL(this.src,window.location.href),i=new URLSearchParams(e.search.slice(1));i.append(this.param,t),e.search=i.toString();try{var n=await fetch(e.toString(),{signal:this.abortController.signal,credentials:"same-origin",headers:{accept:"text/fragment+html"}});if(!n.ok)throw new Error;this.optionsContainer.innerHTML=await n.text(),this.checkIfListIsEmpty(),this.combobox.initializeOptions(),this.abortController=void 0,await this.floatingUI.update(),this.emit("load",{bubbles:!1,prefix:!1})}catch(t){t instanceof Error&&"AbortError"!==t.name&&(this.abortController=void 0,this.setAttribute("error",""),this.emit("error",{bubbles:!1,prefix:!1}))}finally{this.removeAttribute("loading"),this.emit("loadend",{bubbles:!1,prefix:!1})}}}checkIfListIsEmpty(){this.toggleAttribute("no-options",0===this.visibleOptions.length)}get activeOption(){return this.combobox.activeOption}get visibleOptions(){return this.options.filter(t=>!t.hidden)}get options(){return this.combobox.options}get form(){return this.closest("form")}};t([e({type:Boolean})],b.prototype,"open",void 0),t([e()],b.prototype,"value",void 0),t([e({type:Boolean})],b.prototype,"disabled",void 0),t([e({type:Boolean})],b.prototype,"required",void 0),t([e({type:Boolean})],b.prototype,"multiple",void 0),t([e()],b.prototype,"src",void 0),t([e()],b.prototype,"param",void 0),t([n()],b.prototype,"input",void 0),t([n()],b.prototype,"listbox",void 0),t([n()],b.prototype,"control",void 0),t([n()],b.prototype,"optionsContainer",void 0),t([n()],b.prototype,"clearBtn",void 0),t([q()],b.prototype,"tagDismissBtns",void 0),t([q()],b.prototype,"groups",void 0),b=t([i("awc-autocomplete")],b);let y=class extends s{constructor(){super(...arguments),this.open=!1,this.hideOnOutsideClick=!0}connected(){this.open&&this.show()}disconnected(){this.hideWithoutEmitting()}show(){this.dialog.showModal(),this.hideOverflow(),this.open=!0}hide(){this.hideWithoutEmitting(),this.emit("hidden")}handleClick(t){var e;this.hideOnOutsideClick&&!t.defaultPrevented&&(e=t.target)instanceof HTMLElement&&e===this.dialog&&((e=e.getBoundingClientRect()).top<=t.clientY&&t.clientY<=e.top+e.height&&e.left<=t.clientX&&t.clientX<=e.left+e.width||this.hide())}handleKeydown(t){"Escape"===t.key&&(t.stopPropagation(),this.emit("hidden"))}hideWithoutEmitting(){var t;this.dialog.open&&(this.dialog.close(),null!=(t=this.nestedDialog))&&t.hide(),this.showOverflow(),this.open=!1}hideOverflow(){document.body.style.paddingRight=window.innerWidth-document.body.clientWidth+"px",document.body.style.overflow="hidden"}showOverflow(){this.closest("dialog[open]")||(document.body.style.removeProperty("padding-right"),document.body.style.removeProperty("overflow"))}get nestedDialog(){return this.querySelector(this.identifier)}};t([e({type:Boolean})],y.prototype,"open",void 0),t([e({type:Boolean})],y.prototype,"hideOnOutsideClick",void 0),t([n()],y.prototype,"dialog",void 0),y=t([i("awc-dialog")],y);var w=class extends Event{oldState;newState;constructor(t,{oldState:e="",newState:i="",...n}={}){super(t,n),this.oldState=String(e||""),this.newState=String(i||"")}},Mt=new WeakMap;function Dt(t,e,i){Mt.set(t,setTimeout(()=>{Mt.has(t)&&t.dispatchEvent(new w("toggle",{cancelable:!1,oldState:e,newState:i}))},0))}var Vt=globalThis.ShadowRoot||function(){},Rt=globalThis.HTMLDialogElement||function(){},E=new WeakMap,A=new WeakMap,S=new WeakMap;function O(t){return S.get(t)||"hidden"}var k=new WeakMap;function x(t,e){return("auto"===t.popover||"manual"===t.popover)&&t.isConnected&&!(e&&"showing"!==O(t)||!e&&"hidden"!==O(t)||t instanceof Rt&&t.hasAttribute("open")||document.fullscreenElement===t)}function It(t){return t?Array.from(A.get(t.ownerDocument)||[]).indexOf(t)+1:0}function qt(t){var e=Bt(t),t=function(t){for(;t;){var e=t.popoverTargetElement;if(e instanceof HTMLElement)return e;if((t=(t=t.parentElement||C(t))instanceof Vt?t.host:t)instanceof Document)return}}(t);return It(e)>It(t)?e:t}function T(t){var e=A.get(t);for(const i of e||[]){if(i.isConnected)return i;e.delete(i)}return null}function C(t){return"function"==typeof t.getRootNode?t.getRootNode():t.parentNode?C(t.parentNode):t}function Bt(t){for(;t;){if(t instanceof HTMLElement&&"auto"===t.popover&&"showing"===S.get(t))return t;if((t=(t=t.parentElement||C(t))instanceof Vt?t.host:t)instanceof Document)return}}function Ft(t){if(t.shadowRoot&&!0!==t.shadowRoot.delegatesFocus)return null;let e=t,i=(e=e.shadowRoot?e.shadowRoot:e).querySelector("[autofocus]");if(i)return i;for(const r of e.querySelectorAll("slot"))for(const a of r.assignedElements({flatten:!0})){if(a.hasAttribute("autofocus"))return a;if(i=a.querySelector("[autofocus]"))return i}var n,s=t.ownerDocument.createTreeWalker(e,NodeFilter.SHOW_ELEMENT);let o=s.currentNode;for(;o;){if(!((n=o).hidden||n instanceof Vt||(n instanceof HTMLButtonElement||n instanceof HTMLInputElement||n instanceof HTMLSelectElement||n instanceof HTMLTextAreaElement||n instanceof HTMLOptGroupElement||n instanceof HTMLOptionElement||n instanceof HTMLFieldSetElement)&&n.disabled||n instanceof HTMLInputElement&&"hidden"===n.type||n instanceof HTMLAnchorElement&&""===n.href||"number"!=typeof n.tabIndex||-1===n.tabIndex))return o;o=s.nextNode()}}var N=new WeakMap;function jt(e){if(x(e,!1)){var i=e.ownerDocument;if(e.dispatchEvent(new w("beforetoggle",{cancelable:!0,oldState:"closed",newState:"open"}))&&x(e,!1)){let t=!1;if("auto"===e.popover){var n=e.getAttribute("popover");if(P(function(t){const e=new Map;let i=0;var n=t.ownerDocument;for(const o of A.get(n)||[])e.set(o,i),i+=1;e.set(t,i),i+=1;let s=null;return n=t?.parentElement,s=null!==(n=Bt(n))&&(t=e.get(n),null===s||e.get(s)<t)?n:s}(e)||i,!1,!0),n!==e.getAttribute("popover")||!x(e,!1))return}T(i)||(t=!0),N.delete(e);n=i.activeElement;e.classList.add(":popover-open"),S.set(e,"showing"),E.has(i)||E.set(i,new Set),E.get(i).add(e),Ft(e)?.focus(),"auto"===e.popover&&(A.has(i)||A.set(i,new Set),A.get(i).add(e),Wt(k.get(e),!0)),t&&n&&"auto"===e.popover&&N.set(e,n),Dt(e,"closed","open")}}}function L(t,e=!1,i=!1){var n;x(t,!0)&&(n=t.ownerDocument,"auto"===t.popover&&(P(t,e,i),!x(t,!0))||(Wt(k.get(t),!1),k.delete(t),i&&(t.dispatchEvent(new w("beforetoggle",{oldState:"open",newState:"closed"})),!x(t,!0)))||(E.get(n)?.delete(t),A.get(n)?.delete(t),t.classList.remove(":popover-open"),S.set(t,"hidden"),i&&Dt(t,"open","closed"),(n=N.get(t))&&(N.delete(t),e)&&n.focus()))}function Ht(t,e=!1,i=!1){let n=T(t);for(;n;)L(n,e,i),n=T(t)}function P(t,e,i){var n=t.ownerDocument||t;if(t instanceof Document)return Ht(n,e,i);let s=null,o=!1;for(const r of A.get(n)||[])if(r===t)o=!0;else if(o){s=r;break}if(!o)return Ht(n,e,i);for(;s&&"showing"===O(s)&&A.get(n)?.size;)L(s,e,i)}var Ut=new WeakMap;function Kt(t){var e,i;t.isTrusted&&(i=t.composedPath()[0])&&T(e=i.ownerDocument)&&((i=qt(i))&&"pointerdown"===t.type?Ut.set(e,i):"pointerup"===t.type&&(t=Ut.get(e)===i,Ut.delete(e),t)&&P(i||e,!1,!0))}var zt=new WeakMap;function Wt(t,e=!1){var i;t&&(zt.has(t)||zt.set(t,t.getAttribute("aria-expanded")),(i=t.popoverTargetElement)instanceof HTMLElement&&"auto"===i.popover?t.setAttribute("aria-expanded",String(e)):(i=zt.get(t))?t.setAttribute("aria-expanded",i):t.removeAttribute("aria-expanded"))}var $t=globalThis.ShadowRoot||function(){};function M(t,e,i){const n=t[e];Object.defineProperty(t,e,{value(t){return n.call(this,i(t))}})}var _t=/(^|[^\\]):popover-open\b/g,h="function"==typeof window.CSSLayerBlockRule,Jt=`
|
|
1
|
+
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(require("@floating-ui/dom")):"function"==typeof define&&define.amd?define(["@floating-ui/dom"],e):e(("undefined"!=typeof globalThis?globalThis:t||self).FloatingUIDOM)}(this,function(g){"use strict";function t(t,e,i,n){var o,s=arguments.length,r=s<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,n);else for(var a=t.length-1;0<=a;a--)(o=t[a])&&(r=(s<3?o(r):3<s?o(e,i,r):o(e,i))||r);return 3<s&&r&&Object.defineProperty(e,i,r),r}const I=Symbol.for("impulse");class r{constructor(t,e){this.ctor=t,this.name=e,this.map=new Map,this.ctor=t,this.name=e,this.initialize()}add(t){var e;null!=(e=this.value)&&e.add(t)}get value(){return this.map.get(this.name)}initialize(){Object.prototype.hasOwnProperty.call(this.ctor,I)||(this.ctor[I]=new Map),this.map=this.ctor[I],this.map.has(this.name)||this.map.set(this.name,new Set)}}function e({type:i=String}={}){return(t,e)=>{new r(t,"property").add({key:e,type:i})}}function i(e){return t=>{try{window.customElements.define(e,t),window[t.name]=customElements.get(e)}catch(t){if(!(t instanceof DOMException&&"NotSupportedError"===t.name))throw t}}}function n(){return(t,e)=>{new r(t,"target").add({key:e})}}function q(){return(t,e)=>{new r(t,"targets").add({key:e})}}const B=/(?:(.+?)?(?:\.(.+?))?(?:@(window|document))?->)?(.+)#(.+)?$/,F=["stop","prevent","self"],j=["capture","once","passive"];function H(t){var[,t,e,i,n,o]=t.trim().match(B)||[],e=(null==e?void 0:e.split("."))||[];return{eventName:t,eventModifiers:e.filter(t=>F.includes(t)),eventListenerOptions:function(t){var e={};for(const i of t)j.includes(i)&&(e[i]=!0);return e}(e),eventTarget:"window"===(t=i)?window:"document"===t?document:void 0,methodName:o,identifier:n}}const U={prevent:t=>Boolean(t.preventDefault()),stop:t=>Boolean(t.stopPropagation()),self:t=>t.target!==t.currentTarget};class K{constructor(){this.map=new Map}add(t,e){z(this.map,t).add(e)}delete(t,e){z(this.map,t).delete(e),0===(null==(e=this.get(t))?void 0:e.size)&&this.map.delete(t)}clear(){this.map.clear()}get values(){return Array.from(this.map.values()).reduce((t,e)=>t.concat(Array.from(e)),[])}get(t){return this.map.get(t)}has(t,e){return!(null==(t=this.get(t))||!t.has(e))}}function z(t,e){let i=t.get(e);return i||(i=new Set,t.set(e,i)),i}class W{constructor(t,e,i,n,o,s){this.instance=t,this.eventTarget=e,this.eventName=i,this.eventModifiers=n,this.eventListenerOptions=o,this.methodName=s,this.instance=t,this.eventTarget=e,this.eventName=i,this.eventModifiers=n,this.eventListenerOptions=o,this.methodName=s}start(){this.eventTarget.addEventListener(this.eventName,this,this.eventListenerOptions)}stop(){this.eventTarget.removeEventListener(this.eventName,this,this.eventListenerOptions)}handleEvent(t){var e=this.instance[this.methodName];if("function"==typeof e){for(const n of this.eventModifiers){var i=U[n];if(null!=i&&i(t))return}e.call(this.instance,t)}}}function o(t,e){return(null==(t=t.getAttribute(e))?void 0:t.trim().split(/\s+/))||[]}class ${constructor(t,e,i){this.element=t,this.delegate=e,this.observerOptions=i,this.started=!1,this.element=t,this.delegate=e,this.observer=new MutationObserver(t=>this.processMutations(t)),this.observerOptions=i}start(){this.started||(this.started=!0,this.observer.observe(this.element,Object.assign({childList:!0,subtree:!0},this.observerOptions)))}stop(){this.started&&(this.observer.takeRecords(),this.observer.disconnect(),this.started=!1)}processMutations(t){if(this.started)for(const e of t)this.processMutation(e)}processMutation(t){"attributes"===t.type&&t.target instanceof Element?this.processAttributeChange(t.target,t.attributeName):"childList"===t.type&&(this.processRemovedNodes(t.removedNodes),this.processAddedNodes(t.addedNodes))}processAttributeChange(t,e){e&&this.delegate.elementAttributeChanged(t,e)}processRemovedNodes(t){for(const i of Array.from(t)){var e=this.elementFromNode(i);e&&this.delegate.elementDisconnected(e)}}processAddedNodes(t){for(const i of Array.from(t)){var e=this.elementFromNode(i);e&&this.elementIsActive(e)&&this.delegate.elementConnected(e)}}elementFromNode(t){if(t.nodeType===Node.ELEMENT_NODE)return t}elementIsActive(t){return t.isConnected===this.element.isConnected&&this.element.contains(t)}}class _{constructor(t,e,i){this.instance=t,this.attributeName=e,this.delegate=i,this.instance=t,this.attributeName=e,this.elementObserver=new $(this.instance,this,{attributeFilter:[this.attributeName]}),this.delegate=i}start(){this.elementObserver.start()}stop(){this.elementObserver.stop()}elementConnected(t){for(const e of this.getMatchingElements(t))this.delegate.elementConnected(e)}elementDisconnected(t){for(const e of this.getMatchingElements(t))this.delegate.elementDisconnected(e)}elementAttributeChanged(t,e){var i,n;e===this.attributeName&&null!=(n=(i=this.delegate).elementAttributeChanged)&&n.call(i,t,e)}getMatchingElements(t){var e=Array.from(t.querySelectorAll(`[${this.attributeName}]`));return t.hasAttribute(this.attributeName)&&e.unshift(t),e}}class J{constructor(t){this.instance=t,this.instance=t}findTarget(t){return this.instance.matches(t)?this.instance:this.getElements(t).find(this.scopedTarget.bind(this))||null}findTargets(t){return[...this.instance.matches(t)?[this.instance]:[],...this.getElements(t).filter(this.scopedTarget.bind(this))]}scopedTarget(t){return t.closest(this.identifier)===this.instance}getElements(t){return Array.from(this.instance.querySelectorAll(t))}get identifier(){return this.instance.identifier}}const Q="data-action";class X{constructor(t){this.instance=t,this.eventListenerMap=new K,this.instance=t,this.scope=new J(this.instance),this.attributeObserver=new _(this.instance,Q,this)}start(){this.attributeObserver.start(),this.actionableElements.forEach(t=>this.bindActions(t))}stop(){this.eventListenerMap.values.forEach(t=>t.stop()),this.eventListenerMap.clear(),this.attributeObserver.stop()}elementConnected(t){this.bindActions(t)}elementDisconnected(t){this.unbindActions(t)}elementAttributeChanged(t){this.unbindActions(t),this.bindActions(t)}bindActions(r){o(r,Q).forEach(t=>{var{eventName:t,eventModifiers:e,eventListenerOptions:i,eventTarget:n,methodName:o,identifier:s}=H(t);t&&s===this.identifier&&o&&this.actionableElements.includes(r)&&(s=new W(this.instance,n||r,t,e,i,o),this.eventListenerMap.add(r,s),s.start())})}unbindActions(e){var t=this.eventListenerMap.get(e);t&&t.forEach(t=>{t.stop(),this.eventListenerMap.delete(e,t)})}get actionableElements(){return this.scope.findTargets(`[${Q}]`)}get identifier(){return this.instance.identifier}}const Y=/(-|_|\.|\s)+(.)?/g,G=/(^|\/)([A-Z])/g,Z=/[ _]/g,tt=/([a-z\d])([A-Z])/g;function et(t){return t.replace(tt,"$1_$2").toLowerCase().replace(Z,"-")}function a(t,e=""){if(!t)return e;try{return JSON.parse(t)}catch(t){return e}}class it{constructor(t){this.instance=t,this.instance=t,this.store=new r(Object.getPrototypeOf(this.instance),"property")}start(){for(var[{key:t,type:e}]of this.properties.entries())this.initializeProperty(t,e)}stop(){}initializeProperty(t,e){var i=et(t),n=this.instance[t],e=Object.assign({configurable:!0},function(e,i,t){switch(t){case Number:return{get:()=>Number(e.getAttribute(i)||0),set:t=>e.setAttribute(i,(t||0).toString())};case Boolean:return{get:()=>e.hasAttribute(i)&&"false"!==e.getAttribute(i),set:t=>{t?e.setAttribute(i,""):e.removeAttribute(i)}};case Array:return{get:()=>JSON.parse(e.getAttribute(i)||"[]"),set:t=>e.setAttribute(i,JSON.stringify(t)||"[]")};case Object:return{get:()=>JSON.parse(e.getAttribute(i)||"{}"),set:t=>e.setAttribute(i,JSON.stringify(t)||"{}")};default:return{get:()=>e.getAttribute(i)||"",set:t=>e.setAttribute(i,t||"")}}}(this.instance,i,e));Object.defineProperty(this.instance,t,e),this.instance.hasAttribute(i)||null!=(t=e.set)&&t.call(e,n)}get properties(){return this.store.value}}class nt{constructor(t){this.instance=t,this.instance=t,this.store=new r(Object.getPrototypeOf(this.instance),"target"),this.scope=new J(this.instance),this.targetsByName=new K,this.attributeObserver=new _(this.instance,"data-target",this)}start(){this.attributeObserver.start(),this.keys.forEach(t=>this.initializeKey(t))}stop(){this.keys.forEach(t=>this.terminateKey(t)),this.attributeObserver.stop()}elementConnected(t){for(const n of o(t,"data-target")){var[e,i]=n.split(".");i&&!this.targetsByName.has(i,t)&&e===this.identifier&&this.keys.includes(i)&&this.findTarget(i)===t&&(this.targetsByName.add(i,t),this.defineProperty(i,this.findTarget(i)),this.invokeConnectedCallback(i,t))}}elementDisconnected(t){for(const n of o(t,"data-target")){var[e,i]=n.split(".");i&&this.targetsByName.has(i,t)&&e===this.identifier&&this.keys.includes(i)&&(this.invokeDisconnectedCallback(i,t),this.defineProperty(i,null))}}initializeKey(t){var e=this.findTarget(t);e&&this.targetsByName.add(t,e),this.defineProperty(t,e),e&&this.invokeConnectedCallback(t,e)}terminateKey(t){var e=this.findTarget(t);e&&this.invokeDisconnectedCallback(t,e)}findTarget(t){return this.scope.findTarget(`[data-target~="${this.identifier}.${t}"]`)}defineProperty(t,e){Object.defineProperty(this.instance,t,{configurable:!0,get:()=>e})}invokeConnectedCallback(t,e){t=this.instance[t+"Connected"];"function"==typeof t&&t.call(this.instance,e)}invokeDisconnectedCallback(t,e){t=this.instance[t+"Disconnected"];"function"==typeof t&&t.call(this.instance,e)}get keys(){return Array.from(this.store.value).map(({key:t})=>t)}get identifier(){return this.instance.identifier}}class ot{constructor(t){this.instance=t,this.instance=t,this.store=new r(Object.getPrototypeOf(this.instance),"targets"),this.scope=new J(this.instance),this.targetsByName=new K,this.attributeObserver=new _(this.instance,"data-target",this)}start(){this.attributeObserver.start(),this.keys.forEach(t=>this.initializeKey(t))}stop(){this.keys.forEach(t=>this.terminateKey(t)),this.attributeObserver.stop()}elementConnected(t){for(const n of o(t,"data-target")){var[e,i]=n.split(".");i&&!this.targetsByName.has(i,t)&&e===this.identifier&&this.keys.includes(i)&&this.findTargets(i).includes(t)&&(this.targetsByName.add(i,t),this.defineProperty(i,this.findTargets(i)),this.invokeConnectedCallback(i,t))}}elementDisconnected(t){for(const n of o(t,"data-target")){var[e,i]=n.split(".");i&&this.targetsByName.has(i,t)&&e===this.identifier&&this.keys.includes(i)&&(this.invokeDisconnectedCallback(i,t),this.defineProperty(i,this.findTargets(i)))}}initializeKey(e){var t=this.findTargets(e);t.forEach(t=>this.targetsByName.add(e,t)),this.defineProperty(e,t),t.forEach(t=>this.invokeConnectedCallback(e,t))}terminateKey(e){this.findTargets(e).forEach(t=>this.invokeDisconnectedCallback(e,t))}findTargets(t){return this.scope.findTargets(`[data-target~="${this.identifier}.${t}"]`)}defineProperty(t,e){Object.defineProperty(this.instance,t,{configurable:!0,get:()=>e})}invokeConnectedCallback(t,e){t=this.instance[t+"Connected"];"function"==typeof t&&t.call(this.instance,e)}invokeDisconnectedCallback(t,e){t=this.instance[t+"Disconnected"];"function"==typeof t&&t.call(this.instance,e)}get keys(){return Array.from(this.store.value).map(({key:t})=>t)}get identifier(){return this.instance.identifier}}class s extends HTMLElement{constructor(){super(...arguments),this.property=new it(this),this.targets=new ot(this),this.target=new nt(this),this.action=new X(this),this._started=!1}async connectedCallback(){await new Promise(t=>{"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>t()):t()}),customElements.upgrade(this),this.property.start(),await this._resolveUndefinedElements(),this.targets.start(),this.target.start(),this.action.start(),this._started=!0,this.setAttribute("data-impulse-element",""),this.connected()}static get observedAttributes(){var t=new r(this.prototype,"property");return Array.from(t.value).map(({key:t})=>et(t))}attributeChangedCallback(t,e,i){if(this._started&&e!==i){const s=t.replace(Y,(t,e,i)=>i?i.toUpperCase():"").replace(G,t=>t.toLowerCase());var n=this[s+"Changed"];if("function"==typeof n){var o=new r(Object.getPrototypeOf(this),"property"),o=Array.from(o.value).map(({key:t,type:e})=>({key:t,type:e})).find(({key:t})=>t===s);if(!o)throw new Error(`Unregistered attribute changed: ${t}. Register the attribute using the @property() decorator.`);var{newValue:t,oldValue:i}=function(t,e,i){switch(i){case Boolean:var n=t=>null!==t&&"false"!==t;return{newValue:n(t),oldValue:n(e)};case Number:return{newValue:Number(t),oldValue:Number(e)};case Array:return{newValue:a(t,[]),oldValue:a(e,[])};case Object:return{newValue:a(t,{}),oldValue:a(e,{})};default:return{newValue:t,oldValue:e}}}(i,e,o.type);n.call(this,t,i)}}}disconnectedCallback(){this.action.stop(),this.target.stop(),this.targets.stop(),this.disconnected(),this.property.stop(),this._started=!1}connected(){}disconnected(){}emit(t,e={}){var{target:i=this,prefix:n=this.identifier,detail:o={}}=e,e=function(t,e){var i={};for(o in t)Object.prototype.hasOwnProperty.call(t,o)&&e.indexOf(o)<0&&(i[o]=t[o]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols)for(var n=0,o=Object.getOwnPropertySymbols(t);n<o.length;n++)e.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(t,o[n])&&(i[o[n]]=t[o[n]]);return i}(e,["target","prefix","detail"]),n=new CustomEvent(n?n+":"+t:t,Object.assign({bubbles:!0,composed:!0,detail:o},e));return i.dispatchEvent(n),n}get identifier(){return this.tagName.toLowerCase()}async _resolveUndefinedElements(){var t=Array.from(this.querySelectorAll(":not(:defined)")).map(t=>customElements.whenDefined(t.localName));await Promise.all(t)}}function st(t){return Number(t.replace(/[^-\d.]/g,""))}let l=class extends s{constructor(){super(...arguments),this.placement="bottom",this.active=!1,this.strategy="fixed",this.distance=0,this.skidding=0,this.flip=!0,this.flipPadding=0,this.fallbackPlacements=[],this.fallbackStrategy="bestFit",this.shift=!1,this.shiftPadding=0}connected(){this.start()}disconnected(){this.stop()}async anchorIdChanged(t){await this.stop(),t&&this.anchorElement&&this.start()}async activeChanged(t){t?this.start():await this.stop()}start(){this.anchorElement&&(this.style.position=this.strategy,this.style.top="0px",this.style.left="0px",this.cleanup=g.autoUpdate(this.anchorElement,this,this.reposition.bind(this)))}async stop(){return new Promise(t=>{this.cleanup?(this.cleanup(),this.cleanup=void 0,requestAnimationFrame(()=>t())):t()})}async reposition(){if(this.active&&this.anchorElement){var t=[g.offset({mainAxis:this.distance,crossAxis:this.skidding})];this.sync?t.push(g.size({apply:({rects:t})=>{var e="width"===this.sync||"both"===this.sync,i="height"===this.sync||"both"===this.sync;this.style.width=e?t.reference.width+"px":"",this.style.height=i?t.reference.height+"px":""}})):(this.style.width="",this.style.height=""),this.flip&&t.push(g.flip({fallbackPlacements:this.fallbackPlacements.length?this.fallbackPlacements:void 0,fallbackStrategy:this.fallbackStrategy,padding:this.flipPadding})),this.shift&&t.push(g.shift({padding:this.shiftPadding})),this.arrowElement&&t.push(g.arrow({element:this.arrowElement,padding:this._arrowPadding}));const{x:e,y:i,placement:n,strategy:o,middlewareData:s}=await g.computePosition(this.anchorElement,this,{placement:this.placement,middleware:t,strategy:this.strategy});if(Object.assign(this.style,{left:e+"px",top:i+"px",position:o}),s.arrow&&this.arrowElement){const{x:e,y:i}=s.arrow;Object.assign(this.arrowElement.style,{left:"number"==typeof e?e+"px":"",top:"number"==typeof i?i+"px":""})}this.setAttribute("x-placement",n)}}get anchorElement(){return document.getElementById(this.anchorId)}get arrowElement(){return this.querySelector("[data-arrow]")}get _arrowPadding(){return"number"==typeof this.arrowPadding?this.arrowPadding:st(getComputedStyle(this).borderRadius)||2}};t([e()],l.prototype,"anchorId",void 0),t([e()],l.prototype,"placement",void 0),t([e({type:Boolean})],l.prototype,"active",void 0),t([e()],l.prototype,"strategy",void 0),t([e({type:Number})],l.prototype,"distance",void 0),t([e({type:Number})],l.prototype,"skidding",void 0),t([e()],l.prototype,"sync",void 0),t([e({type:Boolean})],l.prototype,"flip",void 0),t([e({type:Number})],l.prototype,"flipPadding",void 0),t([e({type:Array})],l.prototype,"fallbackPlacements",void 0),t([e()],l.prototype,"fallbackStrategy",void 0),t([e({type:Boolean})],l.prototype,"shift",void 0),t([e({type:Number})],l.prototype,"shiftPadding",void 0),t([e({type:Number})],l.prototype,"arrowPadding",void 0),l=t([i("awc-anchor")],l);var rt=0;function at(){return rt+=1,`ambiki-${Math.random().toString().slice(2,6)}-`+rt}function lt(t){return!t.hasAttribute("disabled")&&"true"!==t.getAttribute("aria-disabled")}var ct=!!navigator.userAgent.match(/Macintosh/),ht=class{input;list;multiple;isMouseMoving=!1;constructor(t,e,{multiple:i=!1}={}){this.input=t,this.list=e,this.multiple=i,this.list.id||(this.list.id=at()),this.input.getAttribute("aria-expanded")||this.input.setAttribute("aria-expanded","false"),this.multiple&&this.input.setAttribute("aria-multiselectable","true"),this.input.setAttribute("role","combobox"),this.input.setAttribute("aria-haspopup","listbox"),this.input.setAttribute("aria-autocomplete","list"),this.list.setAttribute("role","listbox"),this.onKeydown=this.onKeydown.bind(this),this.onClick=this.onClick.bind(this),this.onListMouseover=this.onListMouseover.bind(this),this.onListMousemove=this.onListMousemove.bind(this)}start(){this.isMouseMoving=!1,this.input.setAttribute("aria-expanded","true"),this.input.setAttribute("aria-controls",this.list.id),this.input.addEventListener("keydown",this.onKeydown),this.list.addEventListener("click",this.onClick),this.list.addEventListener("mouseover",this.onListMouseover),this.list.addEventListener("mousemove",this.onListMousemove),this.initializeOptions()}stop(){this.isMouseMoving=!1,this.input.setAttribute("aria-expanded","false"),this.input.removeAttribute("aria-controls"),this.input.removeEventListener("keydown",this.onKeydown),this.list.removeEventListener("click",this.onClick),this.list.removeEventListener("mouseover",this.onListMouseover),this.list.removeEventListener("mousemove",this.onListMousemove),this.deselectAll(),this.deactivate()}onKeydown(t){if(this.isMouseMoving=!1,!(t.shiftKey||t.metaKey||t.altKey||!ct&&t.ctrlKey))switch(t.key){case"Enter":case"Tab":this.activeOption&<(this.activeOption)&&(t.preventDefault(),t.stopPropagation(),this.activeOption.click());break;case"Escape":this.deactivate();break;case"ArrowDown":t.preventDefault(),t.stopPropagation(),this.activeOption?this.move(1):this.activate(this.visibleOptions[0],{scroll:!0});break;case"ArrowUp":t.preventDefault(),t.stopPropagation(),this.activeOption?this.move(-1):this.activate(this.visibleOptions[this.visibleOptions.length-1],{scroll:!0});break;case"Home":t.preventDefault(),t.stopPropagation(),this.activate(this.visibleOptions[0],{scroll:!0});break;case"End":t.preventDefault(),t.stopPropagation(),this.activate(this.visibleOptions[this.visibleOptions.length-1],{scroll:!0});break;default:t.ctrlKey||this.deactivate()}}onClick(t){t=ut(t.target);t&<(t)&&(this.multiple&&this.isSelected(t)?this.deselect(t):this.select(t),t.dispatchEvent(new CustomEvent("combobox:commit",{bubbles:!0})))}onListMouseover(t){var e;this.isMouseMoving?(e=ut(t.target))&&this.activate(e):t.preventDefault()}onListMousemove(t){!this.isMouseMoving&&(this.isMouseMoving=!0,t=ut(t.target))&&this.activate(t)}select(t){if(this.multiple)t.setAttribute("aria-selected","true");else for(var e of this.options)e.setAttribute("aria-selected",(e===t).toString())}deselect(t){t.setAttribute("aria-selected","false")}deselectAll(){for(var t of this.options)this.deselect(t)}activate(t,{scroll:e=!1}={}){for(var i of this.options)i.id===t.id?(i.setAttribute("data-active",""),this.input.setAttribute("aria-activedescendant",i.id),e&&i.scrollIntoView({block:"nearest"})):i.removeAttribute("data-active")}deactivate(){this.input.removeAttribute("aria-activedescendant");for(var t of Array.from(this.list.querySelectorAll('[role="option"][data-active]')))t.removeAttribute("data-active")}isSelected(t){return"true"===t.getAttribute("aria-selected")}get options(){return Array.from(this.list.querySelectorAll('[role="option"]'))}get visibleOptions(){return this.options.filter(dt)}get activeOption(){return this.list.querySelector("[data-active]")}move(t){this.activeOption&&(t=function(t,e,i){let n=t.indexOf(e),o=(n===t.length-1&&1===i&&(n=-1),1===i?0:t.length-1);return t[o=e&&0<=n&&0<=(e=n+i)&&e<t.length?e:o]}(this.visibleOptions,this.activeOption,t),this.activate(t,{scroll:!0}))}initializeOptions(){for(var t of this.options)t.setAttribute("tabindex","-1"),t.id||(t.id=at()),t.hasAttribute("aria-selected")||this.deselect(t)}};function ut(t){return t&&t.closest('[role="option"]')||!1}function dt(t){return!t.hidden&&!(t instanceof HTMLInputElement&&"hidden"===t.type)&&(0<t.offsetWidth||0<t.offsetHeight)}function c(t,e){void 0===e&&(e=!0);var i=null==t||null==(i=t.getAttribute)?void 0:i.call(t,"inert");return""===i||"true"===i||e&&t&&c(t.parentNode)}function pt(t){return!isNaN(parseInt(t.getAttribute("tabindex"),10))}function ft(t){var e,i;if(t)return t.tabIndex<0&&(/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName)||""===(i=null==(e=t)||null==(i=e.getAttribute)?void 0:i.call(e,"contenteditable"))||"true"===i)&&!pt(t)?0:t.tabIndex;throw new Error("No node provided")}function mt(t,e){return t.tabIndex===e.tabIndex?t.documentOrder-e.documentOrder:t.tabIndex-e.tabIndex}function vt(t){return"INPUT"===t.tagName}function gt(t){if(!t.name)return 1;function e(t){return i.querySelectorAll('input[type="radio"][name="'+t+'"]')}var i=t.form||p(t);if("undefined"!=typeof window&&void 0!==window.CSS&&"function"==typeof window.CSS.escape)n=e(window.CSS.escape(t.name));else try{n=e(t.name)}catch(t){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",t.message),0}var n=function(t,e){for(var i=0;i<t.length;i++)if(t[i].checked&&t[i].form===e)return t[i]}(n,t.form);return!n||n===t}function bt(t){return vt(e=t)&&"radio"===e.type&&!gt(t);var e}function yt(t){var e=(t=t.getBoundingClientRect()).width,t=t.height;return 0===e&&0===t}function wt(t,e){var i=e.displayCheck,n=e.getShadowRoot;if("hidden"===getComputedStyle(t).visibility)return 1;if(e=d.call(t,"details>summary:first-of-type")?t.parentElement:t,d.call(e,"details:not([open]) *"))return 1;if(i&&"full"!==i&&"legacy-full"!==i){if("non-zero-area"===i)return yt(t)}else{if("function"==typeof n){for(e=t;t;){var o=t.parentElement,s=p(t);if(o&&!o.shadowRoot&&!0===n(o))return yt(t);t=t.assignedSlot||(o||s===t.ownerDocument?o:s.host)}t=e}if(function(t){var e,i=t&&p(t),n=null==(e=i)?void 0:e.host,o=!1;if(i&&i!==t)for(o=!!(null!=(e=n)&&null!=(e=e.ownerDocument)&&e.contains(n)||null!=t&&null!=(e=t.ownerDocument)&&e.contains(t));!o&&n;)var s,o=!(null==(s=n=null==(s=i=p(n))?void 0:s.host)||null==(s=s.ownerDocument)||!s.contains(n));return o}(t))return!t.getClientRects().length;if("legacy-full"!==i)return 1}}function Et(t,e){return t=(e=e||{}).getShadowRoot?kt([t],e.includeContainer,{filter:xt.bind(null,e),flatten:!1,getShadowRoot:e.getShadowRoot,shadowRootFilter:Ct}):Ot(t,e.includeContainer,xt.bind(null,e)),Tt(t)}function u(t,e){if(e=e||{},t)return!1!==d.call(t,Lt)&&f(e,t);throw new Error("No node provided")}var At=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[href]:not([inert])","button:not([inert])","[tabindex]:not(slot):not([inert])","audio[controls]:not([inert])","video[controls]:not([inert])",'[contenteditable]:not([contenteditable="false"]):not([inert])',"details>summary:first-of-type:not([inert])","details:not([inert])"],St=At.join(","),h="undefined"==typeof Element,d=h?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,p=!h&&Element.prototype.getRootNode?function(t){var e;return null==t||null==(e=t.getRootNode)?void 0:e.call(t)}:function(t){return null==t?void 0:t.ownerDocument},Ot=function(t,e,i){var n;return c(t)?[]:(n=Array.prototype.slice.apply(t.querySelectorAll(St)),e&&d.call(t,St)&&n.unshift(t),n.filter(i))},kt=function t(e,i,n){for(var o=[],s=Array.from(e);s.length;){var r,a,l=s.shift();c(l,!1)||("SLOT"===l.tagName?(r=t((r=l.assignedElements()).length?r:l.children,!0,n),n.flatten?o.push.apply(o,r):o.push({scopeParent:l,candidates:r})):(d.call(l,St)&&n.filter(l)&&(i||!e.includes(l))&&o.push(l),r=l.shadowRoot||"function"==typeof n.getShadowRoot&&n.getShadowRoot(l),a=!c(r,!1)&&(!n.shadowRootFilter||n.shadowRootFilter(l)),r&&a?(a=t((!0===r?l:r).children,!0,n),n.flatten?o.push.apply(o,a):o.push({scopeParent:l,candidates:a})):s.unshift.apply(s,l.children)))}return o},f=function(t,e){var i;return!(e.disabled||c(e)||vt(i=e)&&"hidden"===i.type||wt(e,t)||"DETAILS"===(i=e).tagName&&Array.prototype.slice.apply(i.children).some(function(t){return"SUMMARY"===t.tagName})||function(t){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName))for(var e=t.parentElement;e;){if("FIELDSET"===e.tagName&&e.disabled){for(var i=0;i<e.children.length;i++){var n=e.children.item(i);if("LEGEND"===n.tagName)return!!d.call(e,"fieldset[disabled] *")||!n.contains(t)}return!0}e=e.parentElement}return!1}(e))},xt=function(t,e){return!(bt(e)||ft(e)<0||!f(t,e))},Ct=function(t){t=parseInt(t.getAttribute("tabindex"),10);return!!(isNaN(t)||0<=t)},Tt=function a(t){var l=[],c=[];return t.forEach(function(t,e){var i,n=!!t.scopeParent,o=n?t.scopeParent:t,s=(s=n,(i=ft(r=o))<0&&s&&!pt(r)?0:i),r=n?a(t.candidates):o;0===s?n?l.push.apply(l,r):l.push(o):c.push({documentOrder:e,tabIndex:s,item:t,isScope:n,content:r})}),c.sort(mt).reduce(function(t,e){return e.isScope?t.push.apply(t,e.content):t.push(e.content),t},[]).concat(l)},Lt=At.concat("iframe").join(",");function Nt(t){let e=t;for(;null!==e;){if(u(e)||e.hasAttribute("data-loosely-focusable"))return 1;e=e.parentElement}}function Mt(t,{referenceElement:r,popupElement:a,arrowElement:l,arrowPadding:c=0,middleware:h=[],offsetOptions:u=0,placement:d="bottom-start",flipOptions:p,shiftOptions:f,strategy:m="fixed",sync:v}){let e;async function i(t=!1){if(t&&r){t=[g.offset(u)];v?t.push(g.size({apply:({rects:t})=>{var e="height"===v||"both"===v;a.style.width="width"===v||"both"===v?t.reference.width+"px":"",a.style.height=e?t.reference.height+"px":""}})):(a.style.width="",a.style.height=""),t.push(g.flip(p)),t.push(g.shift(f)),l&&t.push(g.arrow({element:l,padding:c})),t.concat(h);const{x:e,y:i,placement:n,strategy:o,middlewareData:s}=await g.computePosition(r,a,{placement:d,middleware:t,strategy:m});if(Object.assign(a.style,{left:e+"px",top:i+"px",position:o}),s.arrow&&l){const{x:e,y:i}=s.arrow;Object.assign(l.style,{left:"number"==typeof e?e+"px":"",top:"number"==typeof i?i+"px":""})}a.setAttribute("x-placement",n)}}async function n(){return new Promise(t=>{e?(e(),e=void 0,requestAnimationFrame(()=>t())):t()})}a.style.position=m,a.style.top="0px",a.style.left="0px",r&&(e=g.autoUpdate(r,a,()=>i(!0)),n());const o=t.disconnected.bind(t);return Object.assign(t,{disconnected(){n(),o()}}),{start:function(){r&&(e=g.autoUpdate(r,a,()=>i(t.open)))},update:async function(){await i(t.open)},stop:n}}function Pt(t,{boundaries:o,callback:s}){let r=null;function e(t){var e;r=(null==(e=null==(e=t.composedPath)?void 0:e.call(t))?void 0:e[0])||t.target}function i(t,e){if(r&&!t.defaultPrevented){var i=e(t);if(i&&i.getRootNode().contains(i)&&i.isConnected){for(const n of o)if(null!==n){if(n.contains(i))return;if(t.composed&&t.composedPath().includes(n))return}s(t,i),r=null}}}document.addEventListener("mousedown",e,!0),document.addEventListener("click",t=>i(t,()=>r),!0);const n=t.disconnected.bind(t);Object.assign(t,{disconnected(){r=null,document.removeEventListener("mousedown",e,!0),document.removeEventListener("click",t=>i(t,()=>r),!0),n()}})}function m(t){return t.getAttribute("value")||""}function v(t){return t.getAttribute("data-text")||t.innerText.trim()}class Dt{constructor(t){this.autocomplete=t,this.selectedValues=new Set,this.defaultSelectedValues=[],this.autocomplete=t}connected(){(function(t){try{return JSON.parse(t).map(t=>t.toString())}catch(t){return[]}})(this.autocomplete.value).forEach(t=>this.selectedValues.add(t)),this.defaultSelectedValues=this.persistedTags.map(t=>({value:m(t),text:v(t)}))}disconnected(){}start(){for(const t of this.autocomplete.options)this.selectedValues.has(m(t))?this.autocomplete.combobox.select(t):this.autocomplete.combobox.deselect(t)}stop(){this.clearInputField()}async commit(t){this.clearInputField();const e=m(t);t=v(t);if(this.selectedValues.has(e)?this.removeValue(e):this.setValue(e,t),this.autocomplete.src){await this.autocomplete.makeRequest(""),this.start();t=this.autocomplete.visibleOptions.find(t=>m(t)===e)||this.autocomplete.visibleOptions[0];t&&this.autocomplete.activate(t)}else{for(const t of this.autocomplete.options)t.hidden=!1;for(const i of this.autocomplete.groups)i.hidden=!1}}clear(){this.selectedValues.forEach(t=>this.removeValue(t))}reset(){this.clear(),this.defaultSelectedValues.forEach(({value:t,text:e})=>this.setValue(t,e,{persisted:!0}))}setValue(e,t,{persisted:i=!1}={}){this.selectedValues.has(e)||(this.selectedValues.add(e),this.insertTag(e,t,{persisted:i}),this.updateElementValue(),this.setRequiredAttribute(this.autocomplete.required),this.autocomplete.open&&(t=this.autocomplete.options.find(t=>m(t)===e))&&this.autocomplete.combobox.select(t))}removeValue(e){var t;this.selectedValues.has(e)&&(this.selectedValues.delete(e),this.removeTag(e),this.updateElementValue(),this.setRequiredAttribute(this.autocomplete.required),t=this.autocomplete.options.find(t=>m(t)===e))&&this.autocomplete.combobox.deselect(t)}setRequiredAttribute(t){!t||0<this.selectedValues.size?this.autocomplete.input.required=!1:this.autocomplete.input.required=!0}insertTag(t,e,{persisted:i=!1}={}){var n=this.template.content.cloneNode(!0),o=n.querySelector('[data-behavior="tag"]'),s=n.querySelector('[data-behavior="text"]'),r=n.querySelector('[data-behavior="hidden-field"]');null!=o&&o.setAttribute("value",t),null!=o&&o.toggleAttribute("data-persisted",i),s&&(s.innerText=e),r&&(r.value=t),this.autocomplete.control.insertBefore(n,this.template)}removeTag(e){var t=this.tags.find(t=>m(t)===e);null!=t&&t.remove()}updateElementValue(){var t=Array.from(this.selectedValues.values());this.autocomplete.value=JSON.stringify(t)}clearInputField(){this.autocomplete.input.value&&(this.autocomplete.input.value="")}get firstActiveOption(){return this.autocomplete.visibleOptions.find(t=>this.selectedValues.has(m(t)))||this.autocomplete.visibleOptions[0]}get tags(){return Array.from(this.autocomplete.querySelectorAll('[data-behavior="tag"]'))}get persistedTags(){return this.tags.filter(t=>t.hasAttribute("data-persisted"))}get template(){return this.autocomplete.querySelector('[data-behavior="tag-template"]')}}class Vt{constructor(t){this.autocomplete=t,this.defaultValue="",this.defaultText="",this.autocomplete=t}connected(){this.defaultValue=this.hiddenField.value,this.defaultText=this.hiddenField.getAttribute("data-text")||""}disconnected(){}start(){this.selectedOption&&this.autocomplete.combobox.select(this.selectedOption)}stop(){this.autocomplete.input.value=this.hiddenField.getAttribute("data-text")||""}commit(t){var e=m(t),t=v(t);this.setValue(e,t),this.autocomplete.open=!1}clear(){this.setValue(null,null)}reset(){this.setValue(this.defaultValue,this.defaultText)}setValue(t,e){this.autocomplete.value=t||"",this.autocomplete.input.value=e||"",this.hiddenField.value=t||"",this.hiddenField.setAttribute("data-text",e||""),null===t?this.autocomplete.combobox.deselectAll():this.autocomplete.open&&(e=this.autocomplete.options.find(t=>m(t)===this.defaultValue))&&this.autocomplete.combobox.select(e)}removeValue(){this.clear()}setRequiredAttribute(t){this.autocomplete.input.required=t}get firstActiveOption(){return this.selectedOption||this.autocomplete.visibleOptions[0]}get selectedOption(){return this.autocomplete.options.find(t=>this.isSelected(t))}isSelected(t){return m(t)===this.autocomplete.value}get hiddenField(){return this.autocomplete.querySelector('[data-behavior="hidden-field"]')}}let b=class extends s{constructor(){super(),this.open=!1,this.disabled=!1,this.required=!1,this.multiple=!1,this.param="q",this.singleSelect=new Vt(this),this.multipleSelect=new Dt(this),this.firstFocus=!0,this.inputPristine=!1,this.remoteSearch=function(e,i){let n;function t(...t){clearTimeout(n),n=setTimeout(()=>{e.apply(this,t)},i)}return t.clear=()=>{clearTimeout(n)},t}(this.remoteSearch.bind(this),300),this.handleFormReset=this.handleFormReset.bind(this)}connected(){var t;this.floatingUI=Mt(this,{referenceElement:this.control,popupElement:this.listbox,placement:"bottom",sync:"width",offsetOptions:4}),Pt(this,{boundaries:[this.control,this.listbox],callback:(t,e)=>{this.inputPristine&&!Nt(e)?t.preventDefault():this.open&&(this.open=!1),this.inputPristine=!1}}),this.combobox=new ht(this.input,this.listbox,{multiple:this.multiple}),this.selectVariant=this.multiple?this.multipleSelect:this.singleSelect,this.selectVariant.connected(),null!=(t=this.form)&&t.addEventListener("reset",this.handleFormReset),this.selectVariant.setRequiredAttribute(this.required)}disconnected(){var t;this.open=!1,this.removeAttribute("data-focus"),this.firstFocus=!0,null!=(t=this.selectVariant)&&t.disconnected(),this.abortController=void 0,null!=(t=this.form)&&t.removeEventListener("reset",this.handleFormReset)}async openChanged(t){if(t)this.emit("show"),this.combobox.start(),this.listbox.hidden=!1,this.floatingUI.start(),this.src?await this.makeRequest(""):this.checkIfListIsEmpty(),null!=(t=this.selectVariant)&&t.start(),null!=(t=this.selectVariant)&&t.firstActiveOption&&this.activate(this.selectVariant.firstActiveOption),this.emit("shown");else{if(this.emit("hide"),this.listbox.hidden=!0,null!=(t=this.abortController)&&t.abort(),null!=(t=this.selectVariant)&&t.stop(),this.combobox.stop(),!this.src){for(const e of this.options)e.hidden=!1;for(const i of this.groups)i.hidden=!1}this.removeAttribute("no-options"),this.removeAttribute("error"),this.inputPristine=!1,this.currentQuery=void 0,await this.floatingUI.stop(),this.emit("hidden")}}valueChanged(t){this.classList.toggle("awc-autocomplete--selected",""!==t&&"[]"!==t)}disabledChanged(t){if(this.input.disabled=t,this.clearBtn&&(this.clearBtn.disabled=t),this.multiple&&this.tagDismissBtns)for(const e of this.tagDismissBtns)e.disabled=t}requiredChanged(t){var e;null!=(e=this.selectVariant)&&e.setRequiredAttribute(t)}handleMousedown(t){t.target!==this.input&&t.preventDefault()}handleClick(t){this.disabled||(this.input.focus(),t=t.target["classList"],(t.contains("awc-autocomplete-control")||t.contains("awc-autocomplete-end-adornment"))&&(this.open=!0),this.firstFocus&&this.input.value&&this.input.select(),this.firstFocus=!1)}handleInputMousedown(t){t.preventDefault(),this.open=!0}handleInputFocus(){this.setAttribute("data-focus","")}handleInputBlur(){this.open&&(this.open=!1,this.inputPristine=!0),this.removeAttribute("data-focus"),this.firstFocus=!0}handleInputKeydown(t){switch(t.key){case"Enter":this.open&&t.preventDefault();break;case"Escape":this.open&&(t.preventDefault(),t.stopPropagation(),this.open=!1);break;case"ArrowDown":t.altKey&&!this.open&&(t.preventDefault(),this.open=!0);break;case"ArrowUp":t.altKey&&this.open&&(t.preventDefault(),this.open=!1);break;case"Backspace":var e;""===this.input.value&&this.multiple&&(e=this.multipleSelect["tags"],e=e[e.length-1])&&(t.preventDefault(),this.multipleSelect.removeValue(m(e)),this.emit("remove",{detail:{target:e}}))}}async handleInput(t){var t=t["target"];t instanceof HTMLInputElement&&(t=t.value.trim(),this.src?await this.remoteSearch(t):this.search(t))}async handleCommit(t){t.stopPropagation();var e,t=t.target;t instanceof HTMLElement&&(await(null==(e=this.selectVariant)?void 0:e.commit(t)),this.emit("commit",{detail:{target:t}}))}handleClear(){this.open=!1,this.clear(),this.emit("clear")}handleTagRemove(t){t=t.target.closest('[data-behavior="tag"]');t&&(this.multipleSelect.removeValue(m(t)),this.emit("remove",{detail:{target:t}}))}handleFormReset(){this.open=!1,this.reset(),this.emit("reset")}setValue(t,e){var i;null!=(i=this.selectVariant)&&i.setValue(t,e)}removeValue(t){this.multiple&&t?this.multipleSelect.removeValue(t):this.singleSelect.removeValue()}activate(t,{scroll:e=!0}={}){this.combobox.activate(t,{scroll:e})}deactivate(){this.combobox.deactivate()}clear(){var t;null!=(t=this.selectVariant)&&t.clear(),this.currentQuery=void 0}reset(){var t;null!=(t=this.selectVariant)&&t.reset(),this.currentQuery=void 0}focus(t){this.input.focus(t)}blur(){this.input.blur(),this.removeAttribute("data-focus")}show(){this.open||(this.open=!0)}hide(){this.open&&(this.open=!1)}search(t){var n;this.open=!0,this.options.forEach((n=t,t=>{var e,i=t.closest('[role="group"]');n?(e=null==(e=v(t))?void 0:e.toLowerCase().includes(n.toLowerCase()),t.hidden=!e,i&&(e=Array.from(i.querySelectorAll('[role="option"]')),i.hidden=e.every(t=>t.hidden))):(t.hidden=!1,i&&(i.hidden=!1))})),this.checkIfListIsEmpty(),this.visibleOptions[0]&&this.activate(this.visibleOptions[0])}async remoteSearch(t){this.open=!0,await this.makeRequest(t),null!=(t=this.selectVariant)&&t.start(),this.visibleOptions[0]&&this.activate(this.visibleOptions[0])}async makeRequest(t){if(this.currentQuery!==t){this.currentQuery=t,this.abortController?this.abortController.abort():(this.setAttribute("loading",""),this.emit("loadstart",{bubbles:!1,prefix:!1})),this.removeAttribute("error"),this.abortController=new AbortController;var e=new URL(this.src,window.location.href),i=new URLSearchParams(e.search.slice(1));i.append(this.param,t),e.search=i.toString();try{var n=await fetch(e.toString(),{signal:this.abortController.signal,credentials:"same-origin",headers:{accept:"text/fragment+html"}});if(!n.ok)throw new Error;this.optionsContainer.innerHTML=await n.text(),this.checkIfListIsEmpty(),this.combobox.initializeOptions(),this.abortController=void 0,await this.floatingUI.update(),this.emit("load",{bubbles:!1,prefix:!1})}catch(t){t instanceof Error&&"AbortError"!==t.name&&(this.abortController=void 0,this.setAttribute("error",""),this.emit("error",{bubbles:!1,prefix:!1}))}finally{this.removeAttribute("loading"),this.emit("loadend",{bubbles:!1,prefix:!1})}}}checkIfListIsEmpty(){this.toggleAttribute("no-options",0===this.visibleOptions.length)}get activeOption(){return this.combobox.activeOption}get visibleOptions(){return this.options.filter(t=>!t.hidden)}get options(){return this.combobox.options}get form(){return this.closest("form")}};t([e({type:Boolean})],b.prototype,"open",void 0),t([e()],b.prototype,"value",void 0),t([e({type:Boolean})],b.prototype,"disabled",void 0),t([e({type:Boolean})],b.prototype,"required",void 0),t([e({type:Boolean})],b.prototype,"multiple",void 0),t([e()],b.prototype,"src",void 0),t([e()],b.prototype,"param",void 0),t([n()],b.prototype,"input",void 0),t([n()],b.prototype,"listbox",void 0),t([n()],b.prototype,"control",void 0),t([n()],b.prototype,"optionsContainer",void 0),t([n()],b.prototype,"clearBtn",void 0),t([q()],b.prototype,"tagDismissBtns",void 0),t([q()],b.prototype,"groups",void 0),b=t([i("awc-autocomplete")],b);let y=class extends s{constructor(){super(...arguments),this.open=!1,this.hideOnOutsideClick=!0}connected(){this.open&&this.show()}disconnected(){this.hideWithoutEmitting()}show(){this.dialog.showModal(),this.hideOverflow(),this.open=!0}hide(){this.hideWithoutEmitting(),this.emit("hidden")}handleClick(t){var e;this.hideOnOutsideClick&&!t.defaultPrevented&&(e=t.target)instanceof HTMLElement&&e===this.dialog&&((e=e.getBoundingClientRect()).top<=t.clientY&&t.clientY<=e.top+e.height&&e.left<=t.clientX&&t.clientX<=e.left+e.width||this.hide())}handleKeydown(t){"Escape"===t.key&&(t.stopPropagation(),this.emit("hidden"))}hideWithoutEmitting(){var t;this.dialog.open&&(this.dialog.close(),null!=(t=this.nestedDialog))&&t.hide(),this.showOverflow(),this.open=!1}hideOverflow(){this._scrollLockController=function({abortSignal:t}={}){var e,i=new AbortController,t=t||i.signal,n=window.innerWidth-document.documentElement.clientWidth;let o,s;return void 0===o&&0<n&&(e=parseInt(window.getComputedStyle(document.body).getPropertyValue("padding-right"),10),o=document.body.style.paddingRight,document.body.style.paddingRight=e+n+"px"),void 0===s&&(s=document.body.style.overflow,document.body.style.overflow="hidden"),t.addEventListener("abort",()=>{void 0!==o&&(document.body.style.paddingRight=o,o=void 0),void 0!==s&&(document.body.style.overflow=s,s=void 0)}),i}()}showOverflow(){var t;this.closest("dialog[open]")||null!=(t=this._scrollLockController)&&t.abort()}get nestedDialog(){return this.querySelector(this.identifier)}};t([e({type:Boolean})],y.prototype,"open",void 0),t([e({type:Boolean})],y.prototype,"hideOnOutsideClick",void 0),t([n()],y.prototype,"dialog",void 0),y=t([i("awc-dialog")],y);var w=class extends Event{oldState;newState;constructor(t,{oldState:e="",newState:i="",...n}={}){super(t,n),this.oldState=String(e||""),this.newState=String(i||"")}},Rt=new WeakMap;function It(t,e,i){Rt.set(t,setTimeout(()=>{Rt.has(t)&&t.dispatchEvent(new w("toggle",{cancelable:!1,oldState:e,newState:i}))},0))}var qt=globalThis.ShadowRoot||function(){},Bt=globalThis.HTMLDialogElement||function(){},E=new WeakMap,A=new WeakMap,S=new WeakMap;function O(t){return S.get(t)||"hidden"}var k=new WeakMap;function x(t,e){return("auto"===t.popover||"manual"===t.popover)&&t.isConnected&&!(e&&"showing"!==O(t)||!e&&"hidden"!==O(t)||t instanceof Bt&&t.hasAttribute("open")||document.fullscreenElement===t)}function Ft(t){return t?Array.from(A.get(t.ownerDocument)||[]).indexOf(t)+1:0}function jt(t){var e=Ht(t),t=function(t){for(;t;){var e=t.popoverTargetElement;if(e instanceof HTMLElement)return e;if((t=(t=t.parentElement||T(t))instanceof qt?t.host:t)instanceof Document)return}}(t);return Ft(e)>Ft(t)?e:t}function C(t){var e=A.get(t);for(const i of e||[]){if(i.isConnected)return i;e.delete(i)}return null}function T(t){return"function"==typeof t.getRootNode?t.getRootNode():t.parentNode?T(t.parentNode):t}function Ht(t){for(;t;){if(t instanceof HTMLElement&&"auto"===t.popover&&"showing"===S.get(t))return t;if((t=(t=t.parentElement||T(t))instanceof qt?t.host:t)instanceof Document)return}}function Ut(t){if(t.shadowRoot&&!0!==t.shadowRoot.delegatesFocus)return null;let e=t,i=(e=e.shadowRoot?e.shadowRoot:e).querySelector("[autofocus]");if(i)return i;for(const r of e.querySelectorAll("slot"))for(const a of r.assignedElements({flatten:!0})){if(a.hasAttribute("autofocus"))return a;if(i=a.querySelector("[autofocus]"))return i}var n,o=t.ownerDocument.createTreeWalker(e,NodeFilter.SHOW_ELEMENT);let s=o.currentNode;for(;s;){if(!((n=s).hidden||n instanceof qt||(n instanceof HTMLButtonElement||n instanceof HTMLInputElement||n instanceof HTMLSelectElement||n instanceof HTMLTextAreaElement||n instanceof HTMLOptGroupElement||n instanceof HTMLOptionElement||n instanceof HTMLFieldSetElement)&&n.disabled||n instanceof HTMLInputElement&&"hidden"===n.type||n instanceof HTMLAnchorElement&&""===n.href||"number"!=typeof n.tabIndex||-1===n.tabIndex))return s;s=o.nextNode()}}var L=new WeakMap;function Kt(e){if(x(e,!1)){var i=e.ownerDocument;if(e.dispatchEvent(new w("beforetoggle",{cancelable:!0,oldState:"closed",newState:"open"}))&&x(e,!1)){let t=!1;if("auto"===e.popover){var n=e.getAttribute("popover");if(M(function(t){const e=new Map;let i=0;var n=t.ownerDocument;for(const s of A.get(n)||[])e.set(s,i),i+=1;e.set(t,i),i+=1;let o=null;return n=t?.parentElement,o=null!==(n=Ht(n))&&(t=e.get(n),null===o||e.get(o)<t)?n:o}(e)||i,!1,!0),n!==e.getAttribute("popover")||!x(e,!1))return}C(i)||(t=!0),L.delete(e);n=i.activeElement;e.classList.add(":popover-open"),S.set(e,"showing"),E.has(i)||E.set(i,new Set),E.get(i).add(e),Ut(e)?.focus(),"auto"===e.popover&&(A.has(i)||A.set(i,new Set),A.get(i).add(e),Jt(k.get(e),!0)),t&&n&&"auto"===e.popover&&L.set(e,n),It(e,"closed","open")}}}function N(t,e=!1,i=!1){var n;x(t,!0)&&(n=t.ownerDocument,"auto"===t.popover&&(M(t,e,i),!x(t,!0))||(Jt(k.get(t),!1),k.delete(t),i&&(t.dispatchEvent(new w("beforetoggle",{oldState:"open",newState:"closed"})),!x(t,!0)))||(E.get(n)?.delete(t),A.get(n)?.delete(t),t.classList.remove(":popover-open"),S.set(t,"hidden"),i&&It(t,"open","closed"),(n=L.get(t))&&(L.delete(t),e)&&n.focus()))}function zt(t,e=!1,i=!1){let n=C(t);for(;n;)N(n,e,i),n=C(t)}function M(t,e,i){var n=t.ownerDocument||t;if(t instanceof Document)return zt(n,e,i);let o=null,s=!1;for(const r of A.get(n)||[])if(r===t)s=!0;else if(s){o=r;break}if(!s)return zt(n,e,i);for(;o&&"showing"===O(o)&&A.get(n)?.size;)N(o,e,i)}var Wt=new WeakMap;function $t(t){var e,i;t.isTrusted&&(i=t.composedPath()[0])&&C(e=i.ownerDocument)&&((i=jt(i))&&"pointerdown"===t.type?Wt.set(e,i):"pointerup"===t.type&&(t=Wt.get(e)===i,Wt.delete(e),t)&&M(i||e,!1,!0))}var _t=new WeakMap;function Jt(t,e=!1){var i;t&&(_t.has(t)||_t.set(t,t.getAttribute("aria-expanded")),(i=t.popoverTargetElement)instanceof HTMLElement&&"auto"===i.popover?t.setAttribute("aria-expanded",String(e)):(i=_t.get(t))?t.setAttribute("aria-expanded",i):t.removeAttribute("aria-expanded"))}var Qt=globalThis.ShadowRoot||function(){};function P(t,e,i){const n=t[e];Object.defineProperty(t,e,{value(t){return n.call(this,i(t))}})}var Xt=/(^|[^\\]):popover-open\b/g,h="function"==typeof window.CSSLayerBlockRule,Yt=`
|
|
2
2
|
${h?"@layer popover-polyfill {":""}
|
|
3
3
|
:where([popover]) {
|
|
4
4
|
position: fixed;
|
|
@@ -56,4 +56,4 @@ ${h?"@layer popover-polyfill {":""}
|
|
|
56
56
|
display: none;
|
|
57
57
|
}
|
|
58
58
|
${h?"}":""}
|
|
59
|
-
`,D=null;function
|
|
59
|
+
`,D=null;function Gt(t){if(null===D)try{(D=new CSSStyleSheet).replaceSync(Yt)}catch{D=!1}var e;!1===D?((e=document.createElement("style")).textContent=Yt,(t instanceof Document?t.head:t).prepend(e)):t.adoptedStyleSheets=[D,...t.adoptedStyleSheets]}function Zt(){function t(t){return t=t?.includes(":popover-open")?t.replace(Xt,"$1.\\:popover-open"):t}window.ToggleEvent=window.ToggleEvent||w,P(Document.prototype,"querySelector",t),P(Document.prototype,"querySelectorAll",t),P(Element.prototype,"querySelector",t),P(Element.prototype,"querySelectorAll",t),P(Element.prototype,"matches",t),P(Element.prototype,"closest",t),P(DocumentFragment.prototype,"querySelectorAll",t),P(DocumentFragment.prototype,"querySelectorAll",t),Object.defineProperties(HTMLElement.prototype,{popover:{enumerable:!0,configurable:!0,get(){var t;return this.hasAttribute("popover")?""===(t=(this.getAttribute("popover")||"").toLowerCase())||"auto"==t?"auto":"manual":null},set(t){this.setAttribute("popover",t)}},showPopover:{enumerable:!0,configurable:!0,value(){Kt(this)}},hidePopover:{enumerable:!0,configurable:!0,value(){N(this,!0,!0)}},togglePopover:{enumerable:!0,configurable:!0,value(t){"showing"===S.get(this)&&void 0===t||!1===t?N(this,!0,!0):void 0!==t&&!0!==t||Kt(this)}}});const e=Element.prototype.attachShadow,i=(e&&Object.defineProperties(Element.prototype,{attachShadow:{enumerable:!0,configurable:!0,writable:!0,value(t){t=e.call(this,t);return Gt(t),t}}}),HTMLElement.prototype.attachInternals),n=(i&&Object.defineProperties(HTMLElement.prototype,{attachInternals:{enumerable:!0,configurable:!0,writable:!0,value(){var t=i.call(this);return t.shadowRoot&&Gt(t.shadowRoot),t}}}),new WeakMap);function o(t){Object.defineProperties(t.prototype,{popoverTargetElement:{enumerable:!0,configurable:!0,set(t){if(null===t)this.removeAttribute("popovertarget"),n.delete(this);else{if(!(t instanceof Element))throw new TypeError("popoverTargetElement must be an element or null");this.setAttribute("popovertarget",""),n.set(this,t)}},get(){var t,e;return"button"!==this.localName&&"input"!==this.localName||"input"===this.localName&&"reset"!==this.type&&"image"!==this.type&&"button"!==this.type||this.disabled||this.form&&"submit"===this.type?null:(t=n.get(this))&&t.isConnected?t:t&&!t.isConnected?(n.delete(this),null):(t=T(this),e=this.getAttribute("popovertarget"),(t instanceof Document||t instanceof Qt)&&e&&t.getElementById(e)||null)}},popoverTargetAction:{enumerable:!0,configurable:!0,get(){var t=(this.getAttribute("popovertargetaction")||"").toLowerCase();return"show"===t||"hide"===t?t:"toggle"},set(t){this.setAttribute("popovertargetaction",t)}}})}o(HTMLButtonElement),o(HTMLInputElement);const s=t=>{var e,i=t.composedPath(),n=i[0];n instanceof Element&&!n?.shadowRoot&&((n=T(n))instanceof Qt||n instanceof Document)&&(n=i.find(t=>t.matches?.("[popovertargetaction],[popovertarget]")))&&((n=(i=n).popoverTargetElement)instanceof HTMLElement&&(e=O(n),"show"===i.popoverTargetAction&&"showing"===e||"hide"===i.popoverTargetAction&&"hidden"===e||("showing"===e?N(n,!0,!0):x(n,!1)&&(k.set(n,i),Kt(n)))),t.preventDefault())},r=t=>{var e=t.key,i=t.target;t.defaultPrevented||!i||"Escape"!==e&&"Esc"!==e||M(i.ownerDocument,!0,!0)};var a;(a=document).addEventListener("click",s),a.addEventListener("keydown",r),a.addEventListener("pointerdown",$t),a.addEventListener("pointerup",$t),Gt(document)}"undefined"!=typeof HTMLElement&&"object"==typeof HTMLElement.prototype&&"popover"in HTMLElement.prototype||Zt();let te=1e3;const V=new Set;function ee(e,{abortSignal:t,surround:i=!0,boundaries:n=[]}={}){var o=new AbortController,t=t||o.signal;let s;n.forEach(t=>{t&&V.add(t)});const r="awc-"+te++;e.setAttribute("data-focus-trap-id",r),V.add(e);var a,l,n=ie(r),c=(n.onfocus=()=>{var t=Et(e).filter(t=>!t.hasAttribute("data-sentinel-for"));(t[t.length-1]||e).focus()},ie(r));function h(t){t?t!==document.activeElement&&(t.focus({preventScroll:!0}),s=t):h(e)}return c.onfocus=()=>{(Et(e).filter(t=>!t.hasAttribute("data-sentinel-for"))[0]||e).focus()},i?(i=n,null!=(l=(a=e).parentNode)&&l.insertBefore(i,a),l=c,null!=(a=(i=e).parentNode)&&a.insertBefore(l,i.nextSibling)):(e.prepend(n),e.append(c)),h(function(t){if(t.hasAttribute("data-autofocus")&&u(t))return t;var e=t.querySelector("[data-autofocus]");if(e&&u(e))return e;e=function(t,e){return(e=e||{}).getShadowRoot?kt([t],e.includeContainer,{filter:f.bind(null,e),flatten:!0,getShadowRoot:e.getShadowRoot}):Ot(t,e.includeContainer,f.bind(null,e))}(t).filter(t=>!t.hasAttribute("data-sentinel-for"));if(e[0])return e[0];if(u(t))return t}(e)),document.addEventListener("focusin",function(t){var e,i=(null==(e=null==(e=t.composedPath)?void 0:e.call(t))?void 0:e[0])||t.target;for(const n of V)if(n.contains(i))return void(s=i);h(s)},{signal:t,capture:!0}),t.addEventListener("abort",()=>{var t=null==(t=e.parentNode)?void 0:t.querySelectorAll(`[data-sentinel-for="${r}"]`);null!=t&&t.forEach(t=>t.remove()),e.removeAttribute("data-focus-trap-id"),V.delete(e),s=null}),o}function ie(t){var e=document.createElement("span");return e.setAttribute("tabindex","0"),e.setAttribute("aria-hidden","true"),e.setAttribute("data-sentinel-for",t),e.style.position="fixed",e.style.top="1px",e.style.left="1px",e.style.width="1px",e.style.height="0px",e.style.padding="0px",e.style.margin="-1px",e.style.overflow="hidden",e.style.clip="rect(0px, 0px, 0px, 0px)",e.style.whiteSpace="nowrap",e.style.borderWidth="0px",e}const ne=new Set;let R=class extends s{constructor(){super(...arguments),this.placement="bottom",this.strategy="fixed",this.clickBoundaries=[]}connected(){this.floatingUI=Mt(this,{referenceElement:this.button,popupElement:this.panel,arrowElement:this.arrow,arrowPadding:this.arrowPadding,placement:this.placement,strategy:this.strategy,offsetOptions:8,flipOptions:{fallbackAxisSideDirection:"end"}}),Pt(this,{boundaries:this.boundaries,callback:(t,e)=>{this.open&&!this.hasNestedOpenPopovers&&(this.hide(),Nt(e)||(t.preventDefault(),this.button.focus()))}})}disconnected(){this.hide()}async handleToggle(){var t;this.open?(ne.add(this),this.closeOtherPopovers(),this.emit("show"),this.button.setAttribute("aria-expanded","true"),this.floatingUI.start(),this._focusTrap=ee(this.panel,{surround:!1,boundaries:this.boundaries}),this.emit("shown")):(this.emit("hide"),this.button.setAttribute("aria-expanded","false"),await this.floatingUI.stop(),null!=(t=this._focusTrap)&&t.abort(),ne.delete(this),this.emit("hidden"))}toggle(){this.panel.togglePopover()}show(){this.open||this.panel.showPopover()}hide(t){this.open&&(this.panel.hidePopover(),t)&&this.button.focus()}handleKeydown(t){var e;"Escape"!==t.key||(e=t.target.closest(this.identifier))!==this&&null!=e&&e.open||this.open&&(t.preventDefault(),t.stopPropagation(),this.hide(),this.button.focus())}async reposition(){await this.floatingUI.update()}closeOtherPopovers(){for(const t of ne)t===this||t.contains(this)||t.hide()}get hasNestedOpenPopovers(){return 0!==Array.from(this.querySelectorAll(this.identifier)).filter(t=>t.open).length}get arrowPadding(){return st(getComputedStyle(this.panel).borderRadius)||2}get boundaries(){return this.clickBoundaries.map(t=>document.querySelector(t)).concat([this.button,this.panel])}get open(){try{return this.panel.matches(":popover-open")}catch(t){return this.panel.matches(".\\:popover-open")}}};t([e()],R.prototype,"placement",void 0),t([e()],R.prototype,"strategy",void 0),t([e({type:Array})],R.prototype,"clickBoundaries",void 0),t([n()],R.prototype,"button",void 0),t([n()],R.prototype,"panel",void 0),t([n()],R.prototype,"arrow",void 0),R=t([i("awc-popover")],R)});
|
|
@@ -12,6 +12,7 @@ module Impulse
|
|
|
12
12
|
@system_args["aria-labelledby"] = @id
|
|
13
13
|
@system_args[:class] = class_names(system_args[:class], "awc-autocomplete-group")
|
|
14
14
|
|
|
15
|
+
@system_args[:"data-text"] = title
|
|
15
16
|
@system_args[:data] = merge_attributes(
|
|
16
17
|
system_args[:data],
|
|
17
18
|
target: "awc-autocomplete.groups"
|
|
@@ -14,7 +14,22 @@ module Impulse
|
|
|
14
14
|
:lg => "awc-autocomplete--lg"
|
|
15
15
|
}.freeze
|
|
16
16
|
|
|
17
|
-
def initialize(
|
|
17
|
+
def initialize(
|
|
18
|
+
object_name,
|
|
19
|
+
method_name,
|
|
20
|
+
selected: nil,
|
|
21
|
+
size: DEFAULT_SIZE,
|
|
22
|
+
name: nil,
|
|
23
|
+
input_id: nil,
|
|
24
|
+
placeholder: nil,
|
|
25
|
+
include_hidden: true,
|
|
26
|
+
disabled: false,
|
|
27
|
+
clearable: true,
|
|
28
|
+
namespace: nil,
|
|
29
|
+
skip_default_ids: false,
|
|
30
|
+
allow_method_names_outside_object: true,
|
|
31
|
+
**system_args
|
|
32
|
+
)
|
|
18
33
|
@object_name = object_name
|
|
19
34
|
@method_name = method_name
|
|
20
35
|
@selected = selected
|
|
@@ -25,6 +40,9 @@ module Impulse
|
|
|
25
40
|
@include_hidden = include_hidden
|
|
26
41
|
@disabled = disabled
|
|
27
42
|
@clearable = clearable
|
|
43
|
+
@namespace = namespace
|
|
44
|
+
@skip_default_ids = skip_default_ids
|
|
45
|
+
@allow_method_names_outside_object = allow_method_names_outside_object
|
|
28
46
|
@system_args = system_args
|
|
29
47
|
@system_args[:tag] = :"awc-autocomplete"
|
|
30
48
|
@system_args[:value] = sanitized_value
|
|
@@ -57,12 +75,16 @@ module Impulse
|
|
|
57
75
|
{}.tap do |args|
|
|
58
76
|
args[:id] = @input_id if @input_id
|
|
59
77
|
args[:placeholder] = @placeholder
|
|
78
|
+
args[:namespace] = @namespace
|
|
79
|
+
args[:skip_default_ids] = @skip_default_ids
|
|
80
|
+
args[:allow_method_names_outside_object] = @allow_method_names_outside_object
|
|
60
81
|
end
|
|
61
82
|
end
|
|
62
83
|
|
|
63
84
|
def hidden_field_args
|
|
64
85
|
{}.tap do |args|
|
|
65
86
|
args[:name] = @name if @name
|
|
87
|
+
args[:allow_method_names_outside_object] = @allow_method_names_outside_object
|
|
66
88
|
end
|
|
67
89
|
end
|
|
68
90
|
|
|
@@ -11,7 +11,7 @@ module Impulse
|
|
|
11
11
|
method_name:,
|
|
12
12
|
template:,
|
|
13
13
|
choices:,
|
|
14
|
-
**system_args
|
|
14
|
+
**objectify_options(system_args)
|
|
15
15
|
).render_tag(&block)
|
|
16
16
|
end
|
|
17
17
|
|
|
@@ -23,7 +23,7 @@ module Impulse
|
|
|
23
23
|
template:,
|
|
24
24
|
value_method:,
|
|
25
25
|
text_method:,
|
|
26
|
-
**system_args
|
|
26
|
+
**objectify_options(system_args)
|
|
27
27
|
).render_tag(&block)
|
|
28
28
|
end
|
|
29
29
|
|
|
@@ -34,7 +34,7 @@ module Impulse
|
|
|
34
34
|
method_name:,
|
|
35
35
|
template:,
|
|
36
36
|
priority_zones:,
|
|
37
|
-
**system_args
|
|
37
|
+
**objectify_options(system_args)
|
|
38
38
|
).render_tag(&block)
|
|
39
39
|
end
|
|
40
40
|
end
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: impulse_view_components
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.
|
|
4
|
+
version: 0.5.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- abeidahmed
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2024-
|
|
11
|
+
date: 2024-04-15 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: view_component
|