@sebgroup/green-angular 5.1.2 → 5.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/shared/core-control/core-control.directive.mjs +3 -3
- package/esm2022/src/lib/shared/core-control/core-control.directive.mjs +3 -3
- package/esm2022/src/v-angular/account-number/account-number.module.mjs +15 -0
- package/esm2022/src/v-angular/account-number/account-number.pipe.mjs +55 -0
- package/esm2022/src/v-angular/account-number/index.mjs +3 -0
- package/esm2022/src/v-angular/account-number/sebgroup-green-angular-src-v-angular-account-number.mjs +5 -0
- package/esm2022/src/v-angular/alert/alert.component.mjs +47 -0
- package/esm2022/src/v-angular/alert/alert.models.mjs +8 -0
- package/esm2022/src/v-angular/alert/alert.module.mjs +18 -0
- package/esm2022/src/v-angular/alert/index.mjs +4 -0
- package/esm2022/src/v-angular/alert/sebgroup-green-angular-src-v-angular-alert.mjs +5 -0
- package/esm2022/src/v-angular/base-control-value-accessor/base-control-value-accessor.component.mjs +16 -6
- package/esm2022/src/v-angular/base-control-value-accessor/base-control-value-accessor.module.mjs +9 -9
- package/esm2022/src/v-angular/breadcrumbs/breadcrumbs.component.mjs +5 -5
- package/esm2022/src/v-angular/breadcrumbs/breadcrumbs.module.mjs +11 -11
- package/esm2022/src/v-angular/button/button.component.mjs +9 -9
- package/esm2022/src/v-angular/button/button.module.mjs +11 -11
- package/esm2022/src/v-angular/card/card.component.mjs +6 -6
- package/esm2022/src/v-angular/card/card.module.mjs +9 -9
- package/esm2022/src/v-angular/character-countdown/character-countdown.module.mjs +6 -6
- package/esm2022/src/v-angular/checkbox/checkbox.component.mjs +9 -7
- package/esm2022/src/v-angular/checkbox/checkbox.module.mjs +14 -12
- package/esm2022/src/v-angular/core/core.utils.mjs +35 -1
- package/esm2022/src/v-angular/datepicker/components/calendar/calendar.component.mjs +200 -0
- package/esm2022/src/v-angular/datepicker/components/calendar-control/calendar-control.component.mjs +115 -0
- package/esm2022/src/v-angular/datepicker/components/date-input/date-input.component.mjs +203 -0
- package/esm2022/src/v-angular/datepicker/components/datepicker/datepicker.component.mjs +135 -0
- package/esm2022/src/v-angular/datepicker/date-control-value-accessor/date-control-value-accessor.component.mjs +408 -0
- package/esm2022/src/v-angular/datepicker/datepicker.globals.mjs +20 -0
- package/esm2022/src/v-angular/datepicker/datepicker.models.mjs +56 -0
- package/esm2022/src/v-angular/datepicker/datepicker.module.mjs +63 -0
- package/esm2022/src/v-angular/datepicker/datepicker.utils.mjs +196 -0
- package/esm2022/src/v-angular/datepicker/directives/calendar-date.directive.mjs +47 -0
- package/esm2022/src/v-angular/datepicker/index.mjs +17 -0
- package/esm2022/src/v-angular/datepicker/models/dates.mjs +291 -0
- package/esm2022/src/v-angular/datepicker/pipes/date-thook.pipe.mjs +30 -0
- package/esm2022/src/v-angular/datepicker/pipes/is-disabled.pipe.mjs +37 -0
- package/esm2022/src/v-angular/datepicker/pipes/matches.pipe.mjs +17 -0
- package/esm2022/src/v-angular/datepicker/sebgroup-green-angular-src-v-angular-datepicker.mjs +5 -0
- package/esm2022/src/v-angular/drag-drop/drag-drop.component.mjs +497 -0
- package/esm2022/src/v-angular/drag-drop/drag-drop.models.mjs +2 -0
- package/esm2022/src/v-angular/drag-drop/drag-drop.module.mjs +49 -0
- package/esm2022/src/v-angular/drag-drop/drag-drop.pipes.mjs +70 -0
- package/esm2022/src/v-angular/drag-drop/drag-drop.utils.mjs +76 -0
- package/esm2022/src/v-angular/drag-drop/index.mjs +5 -0
- package/esm2022/src/v-angular/drag-drop/sebgroup-green-angular-src-v-angular-drag-drop.mjs +5 -0
- package/esm2022/src/v-angular/dropdown/dropdown-list/dropdown-list.component.mjs +24 -9
- package/esm2022/src/v-angular/dropdown/dropdown.component.mjs +16 -9
- package/esm2022/src/v-angular/dropdown/dropdown.module.mjs +31 -15
- package/esm2022/src/v-angular/dropdown/typeahead/typeahead-dropdown-list/typeahead-dropdown-list.component.mjs +8 -8
- package/esm2022/src/v-angular/dropdown/typeahead/typeahead-highlight/typeahead-highlight.component.mjs +5 -5
- package/esm2022/src/v-angular/dropdown/typeahead/typeahead-input/typeahead-input.component.mjs +17 -10
- package/esm2022/src/v-angular/dropdown/typeahead/typeahead.directive.mjs +27 -20
- package/esm2022/src/v-angular/dropdown/typeahead/typeahead.module.mjs +21 -21
- package/esm2022/src/v-angular/external-link/external-link.directive.mjs +5 -5
- package/esm2022/src/v-angular/external-link/external-link.module.mjs +9 -9
- package/esm2022/src/v-angular/i18n/i18n.module.mjs +12 -12
- package/esm2022/src/v-angular/i18n/i18n.test.module.mjs +6 -6
- package/esm2022/src/v-angular/info-circle/info-circle.component.mjs +6 -6
- package/esm2022/src/v-angular/info-circle/info-circle.module.mjs +11 -11
- package/esm2022/src/v-angular/input/input.component.mjs +11 -15
- package/esm2022/src/v-angular/input/input.module.mjs +27 -22
- package/esm2022/src/v-angular/input-mask/input-mask.directive.mjs +6 -6
- package/esm2022/src/v-angular/input-mask/input-mask.module.mjs +10 -10
- package/esm2022/src/v-angular/modal/dialog/dialog.component.mjs +53 -31
- package/esm2022/src/v-angular/modal/fold-out/fold-out.component.mjs +116 -16
- package/esm2022/src/v-angular/modal/fold-out/fold-out.directive.mjs +5 -5
- package/esm2022/src/v-angular/modal/fold-out/keyboard-key.enum.mjs +9 -0
- package/esm2022/src/v-angular/modal/modal.module.mjs +38 -27
- package/esm2022/src/v-angular/modal/slide-out/slide-out.component.mjs +35 -12
- package/esm2022/src/v-angular/pagination/index.mjs +3 -0
- package/esm2022/src/v-angular/pagination/pagination.component.mjs +144 -0
- package/esm2022/src/v-angular/pagination/pagination.module.mjs +37 -0
- package/esm2022/src/v-angular/pagination/sebgroup-green-angular-src-v-angular-pagination.mjs +5 -0
- package/esm2022/src/v-angular/radio/radio.component.mjs +14 -12
- package/esm2022/src/v-angular/radio/radio.module.mjs +12 -11
- package/esm2022/src/v-angular/slug/slug.module.mjs +6 -6
- package/esm2022/src/v-angular/table/index.mjs +9 -0
- package/esm2022/src/v-angular/table/sebgroup-green-angular-src-v-angular-table.mjs +5 -0
- package/esm2022/src/v-angular/table/table.component.mjs +406 -0
- package/esm2022/src/v-angular/table/table.directive.mjs +110 -0
- package/esm2022/src/v-angular/table/table.models.mjs +2 -0
- package/esm2022/src/v-angular/table/table.module.mjs +40 -0
- package/esm2022/src/v-angular/table/table.tools.mjs +29 -0
- package/esm2022/src/v-angular/table/tr-thook.pipe.mjs +22 -0
- package/esm2022/src/v-angular/tabs/index.mjs +8 -0
- package/esm2022/src/v-angular/tabs/sebgroup-green-angular-src-v-angular-tabs.mjs +5 -0
- package/esm2022/src/v-angular/tabs/tab.directive.mjs +81 -0
- package/esm2022/src/v-angular/tabs/tabs.component.mjs +262 -0
- package/esm2022/src/v-angular/tabs/tabs.models.mjs +2 -0
- package/esm2022/src/v-angular/tabs/tabs.module.mjs +21 -0
- package/esm2022/src/v-angular/textarea/textarea.component.mjs +9 -7
- package/esm2022/src/v-angular/textarea/textarea.module.mjs +27 -13
- package/esm2022/src/v-angular/toast/index.mjs +8 -0
- package/esm2022/src/v-angular/toast/sebgroup-green-angular-src-v-angular-toast.mjs +5 -0
- package/esm2022/src/v-angular/toast/toast-message.service.mjs +63 -0
- package/esm2022/src/v-angular/toast/toast.component.mjs +70 -0
- package/esm2022/src/v-angular/toast/toast.models.mjs +8 -0
- package/esm2022/src/v-angular/toast/toast.module.mjs +21 -0
- package/esm2022/src/v-angular/tooltip/tooltip.directive.mjs +35 -15
- package/esm2022/src/v-angular/tooltip/tooltip.module.mjs +11 -11
- package/esm2022/src/v-angular/tooltip/tooltip.styles.mjs +60 -0
- package/esm2022/v-angular/account-number/account-number.module.mjs +15 -0
- package/esm2022/v-angular/account-number/account-number.pipe.mjs +55 -0
- package/esm2022/v-angular/account-number/index.mjs +3 -0
- package/esm2022/v-angular/alert/alert.component.mjs +47 -0
- package/esm2022/v-angular/alert/alert.models.mjs +8 -0
- package/esm2022/v-angular/alert/alert.module.mjs +18 -0
- package/esm2022/v-angular/alert/index.mjs +4 -0
- package/esm2022/v-angular/base-control-value-accessor/base-control-value-accessor.component.mjs +16 -6
- package/esm2022/v-angular/base-control-value-accessor/base-control-value-accessor.module.mjs +9 -9
- package/esm2022/v-angular/breadcrumbs/breadcrumbs.component.mjs +5 -5
- package/esm2022/v-angular/breadcrumbs/breadcrumbs.module.mjs +11 -11
- package/esm2022/v-angular/button/button.component.mjs +9 -9
- package/esm2022/v-angular/button/button.module.mjs +11 -11
- package/esm2022/v-angular/card/card.component.mjs +6 -6
- package/esm2022/v-angular/card/card.module.mjs +9 -9
- package/esm2022/v-angular/character-countdown/character-countdown.module.mjs +6 -6
- package/esm2022/v-angular/checkbox/checkbox.component.mjs +9 -7
- package/esm2022/v-angular/checkbox/checkbox.module.mjs +14 -12
- package/esm2022/v-angular/datepicker/components/calendar/calendar.component.mjs +200 -0
- package/esm2022/v-angular/datepicker/components/calendar-control/calendar-control.component.mjs +115 -0
- package/esm2022/v-angular/datepicker/components/date-input/date-input.component.mjs +203 -0
- package/esm2022/v-angular/datepicker/components/datepicker/datepicker.component.mjs +135 -0
- package/esm2022/v-angular/datepicker/date-control-value-accessor/date-control-value-accessor.component.mjs +408 -0
- package/esm2022/v-angular/datepicker/datepicker.globals.mjs +20 -0
- package/esm2022/v-angular/datepicker/datepicker.models.mjs +56 -0
- package/esm2022/v-angular/datepicker/datepicker.module.mjs +63 -0
- package/esm2022/v-angular/datepicker/datepicker.utils.mjs +196 -0
- package/esm2022/v-angular/datepicker/directives/calendar-date.directive.mjs +47 -0
- package/esm2022/v-angular/datepicker/index.mjs +17 -0
- package/esm2022/v-angular/datepicker/models/dates.mjs +291 -0
- package/esm2022/v-angular/datepicker/pipes/date-thook.pipe.mjs +30 -0
- package/esm2022/v-angular/datepicker/pipes/is-disabled.pipe.mjs +37 -0
- package/esm2022/v-angular/datepicker/pipes/matches.pipe.mjs +17 -0
- package/esm2022/v-angular/drag-drop/drag-drop.component.mjs +497 -0
- package/esm2022/v-angular/drag-drop/drag-drop.models.mjs +2 -0
- package/esm2022/v-angular/drag-drop/drag-drop.module.mjs +49 -0
- package/esm2022/v-angular/drag-drop/drag-drop.pipes.mjs +70 -0
- package/esm2022/v-angular/drag-drop/drag-drop.utils.mjs +76 -0
- package/esm2022/v-angular/drag-drop/index.mjs +5 -0
- package/esm2022/v-angular/dropdown/dropdown-list/dropdown-list.component.mjs +24 -9
- package/esm2022/v-angular/dropdown/dropdown.component.mjs +16 -9
- package/esm2022/v-angular/dropdown/dropdown.module.mjs +31 -15
- package/esm2022/v-angular/dropdown/typeahead/typeahead-dropdown-list/typeahead-dropdown-list.component.mjs +8 -8
- package/esm2022/v-angular/dropdown/typeahead/typeahead-highlight/typeahead-highlight.component.mjs +5 -5
- package/esm2022/v-angular/dropdown/typeahead/typeahead-input/typeahead-input.component.mjs +17 -10
- package/esm2022/v-angular/dropdown/typeahead/typeahead.directive.mjs +27 -20
- package/esm2022/v-angular/dropdown/typeahead/typeahead.module.mjs +21 -21
- package/esm2022/v-angular/external-link/external-link.directive.mjs +37 -0
- package/esm2022/v-angular/external-link/external-link.module.mjs +18 -0
- package/esm2022/v-angular/external-link/index.mjs +3 -0
- package/esm2022/v-angular/i18n/i18n.module.mjs +12 -12
- package/esm2022/v-angular/i18n/i18n.test.module.mjs +6 -6
- package/esm2022/v-angular/index.mjs +11 -1
- package/esm2022/v-angular/info-circle/info-circle.component.mjs +6 -6
- package/esm2022/v-angular/info-circle/info-circle.module.mjs +11 -11
- package/esm2022/v-angular/input/input.component.mjs +11 -15
- package/esm2022/v-angular/input/input.module.mjs +27 -22
- package/esm2022/v-angular/input-mask/input-mask.directive.mjs +6 -6
- package/esm2022/v-angular/input-mask/input-mask.module.mjs +10 -10
- package/esm2022/v-angular/modal/dialog/dialog.component.mjs +53 -31
- package/esm2022/v-angular/modal/fold-out/fold-out.component.mjs +116 -16
- package/esm2022/v-angular/modal/fold-out/fold-out.directive.mjs +5 -5
- package/esm2022/v-angular/modal/fold-out/keyboard-key.enum.mjs +9 -0
- package/esm2022/v-angular/modal/modal.module.mjs +38 -27
- package/esm2022/v-angular/modal/slide-out/slide-out.component.mjs +35 -12
- package/esm2022/v-angular/pagination/index.mjs +3 -0
- package/esm2022/v-angular/pagination/pagination.component.mjs +144 -0
- package/esm2022/v-angular/pagination/pagination.module.mjs +37 -0
- package/esm2022/v-angular/radio/radio.component.mjs +14 -12
- package/esm2022/v-angular/radio/radio.module.mjs +12 -11
- package/esm2022/v-angular/slug/index.mjs +3 -0
- package/esm2022/v-angular/slug/slug.module.mjs +18 -0
- package/esm2022/v-angular/slug/slug.pipe.mjs +27 -0
- package/esm2022/v-angular/table/index.mjs +9 -0
- package/esm2022/v-angular/table/table.component.mjs +406 -0
- package/esm2022/v-angular/table/table.directive.mjs +110 -0
- package/esm2022/v-angular/table/table.models.mjs +2 -0
- package/esm2022/v-angular/table/table.module.mjs +40 -0
- package/esm2022/v-angular/table/table.tools.mjs +29 -0
- package/esm2022/v-angular/table/tr-thook.pipe.mjs +22 -0
- package/esm2022/v-angular/tabs/index.mjs +8 -0
- package/esm2022/v-angular/tabs/tab.directive.mjs +81 -0
- package/esm2022/v-angular/tabs/tabs.component.mjs +262 -0
- package/esm2022/v-angular/tabs/tabs.models.mjs +2 -0
- package/esm2022/v-angular/tabs/tabs.module.mjs +21 -0
- package/esm2022/v-angular/textarea/textarea.component.mjs +9 -7
- package/esm2022/v-angular/textarea/textarea.module.mjs +27 -13
- package/esm2022/v-angular/toast/index.mjs +8 -0
- package/esm2022/v-angular/toast/toast-message.service.mjs +63 -0
- package/esm2022/v-angular/toast/toast.component.mjs +70 -0
- package/esm2022/v-angular/toast/toast.models.mjs +8 -0
- package/esm2022/v-angular/toast/toast.module.mjs +21 -0
- package/esm2022/v-angular/tooltip/tooltip.directive.mjs +35 -15
- package/esm2022/v-angular/tooltip/tooltip.module.mjs +11 -11
- package/esm2022/v-angular/tooltip/tooltip.styles.mjs +60 -0
- package/esm2022/v-angular/v-angular.module.mjs +104 -68
- package/fesm2022/sebgroup-green-angular-src-lib-shared.mjs +2 -2
- package/fesm2022/sebgroup-green-angular-src-lib-shared.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-account-number.mjs +74 -0
- package/fesm2022/sebgroup-green-angular-src-v-angular-account-number.mjs.map +1 -0
- package/fesm2022/sebgroup-green-angular-src-v-angular-alert.mjs +76 -0
- package/fesm2022/sebgroup-green-angular-src-v-angular-alert.mjs.map +1 -0
- package/fesm2022/sebgroup-green-angular-src-v-angular-base-control-value-accessor.mjs +23 -13
- package/fesm2022/sebgroup-green-angular-src-v-angular-base-control-value-accessor.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-breadcrumbs.mjs +14 -14
- package/fesm2022/sebgroup-green-angular-src-v-angular-breadcrumbs.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-button.mjs +18 -18
- package/fesm2022/sebgroup-green-angular-src-v-angular-button.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-card.mjs +13 -13
- package/fesm2022/sebgroup-green-angular-src-v-angular-card.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-character-countdown.mjs +6 -6
- package/fesm2022/sebgroup-green-angular-src-v-angular-character-countdown.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-checkbox.mjs +21 -17
- package/fesm2022/sebgroup-green-angular-src-v-angular-checkbox.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-core.mjs +34 -0
- package/fesm2022/sebgroup-green-angular-src-v-angular-core.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-datepicker.mjs +1759 -0
- package/fesm2022/sebgroup-green-angular-src-v-angular-datepicker.mjs.map +1 -0
- package/fesm2022/sebgroup-green-angular-src-v-angular-drag-drop.mjs +687 -0
- package/fesm2022/sebgroup-green-angular-src-v-angular-drag-drop.mjs.map +1 -0
- package/fesm2022/sebgroup-green-angular-src-v-angular-dropdown.mjs +126 -74
- package/fesm2022/sebgroup-green-angular-src-v-angular-dropdown.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-external-link.mjs +12 -12
- package/fesm2022/sebgroup-green-angular-src-v-angular-external-link.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-i18n.mjs +17 -17
- package/fesm2022/sebgroup-green-angular-src-v-angular-i18n.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-info-circle.mjs +15 -15
- package/fesm2022/sebgroup-green-angular-src-v-angular-info-circle.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-input-mask.mjs +14 -14
- package/fesm2022/sebgroup-green-angular-src-v-angular-input-mask.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-input.mjs +36 -35
- package/fesm2022/sebgroup-green-angular-src-v-angular-input.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-modal.mjs +246 -81
- package/fesm2022/sebgroup-green-angular-src-v-angular-modal.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-pagination.mjs +185 -0
- package/fesm2022/sebgroup-green-angular-src-v-angular-pagination.mjs.map +1 -0
- package/fesm2022/sebgroup-green-angular-src-v-angular-radio.mjs +24 -21
- package/fesm2022/sebgroup-green-angular-src-v-angular-radio.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-slug.mjs +6 -6
- package/fesm2022/sebgroup-green-angular-src-v-angular-slug.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-table.mjs +604 -0
- package/fesm2022/sebgroup-green-angular-src-v-angular-table.mjs.map +1 -0
- package/fesm2022/sebgroup-green-angular-src-v-angular-tabs.mjs +367 -0
- package/fesm2022/sebgroup-green-angular-src-v-angular-tabs.mjs.map +1 -0
- package/fesm2022/sebgroup-green-angular-src-v-angular-textarea.mjs +33 -18
- package/fesm2022/sebgroup-green-angular-src-v-angular-textarea.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-toast.mjs +166 -0
- package/fesm2022/sebgroup-green-angular-src-v-angular-toast.mjs.map +1 -0
- package/fesm2022/sebgroup-green-angular-src-v-angular-tooltip.mjs +103 -24
- package/fesm2022/sebgroup-green-angular-src-v-angular-tooltip.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-v-angular.mjs +6369 -2156
- package/fesm2022/sebgroup-green-angular-v-angular.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular.mjs +2 -2
- package/fesm2022/sebgroup-green-angular.mjs.map +1 -1
- package/lib/shared/core-control/core-control.directive.d.ts +1 -1
- package/package.json +51 -3
- package/src/lib/shared/core-control/core-control.directive.d.ts +1 -1
- package/src/v-angular/account-number/README.md +63 -0
- package/src/v-angular/account-number/account-number.module.d.ts +2 -0
- package/src/v-angular/account-number/account-number.pipe.d.ts +32 -0
- package/src/v-angular/account-number/index.d.ts +2 -0
- package/src/v-angular/alert/alert.component.d.ts +19 -0
- package/src/v-angular/alert/alert.models.d.ts +13 -0
- package/src/v-angular/alert/alert.module.d.ts +8 -0
- package/src/v-angular/alert/index.d.ts +3 -0
- package/src/v-angular/base-control-value-accessor/base-control-value-accessor.component.d.ts +10 -4
- package/src/v-angular/base-control-value-accessor/base-control-value-accessor.module.d.ts +4 -4
- package/src/v-angular/breadcrumbs/breadcrumbs.component.d.ts +4 -4
- package/src/v-angular/breadcrumbs/breadcrumbs.module.d.ts +4 -4
- package/src/v-angular/button/button.component.d.ts +5 -5
- package/src/v-angular/button/button.module.d.ts +4 -4
- package/src/v-angular/card/card.component.d.ts +3 -3
- package/src/v-angular/card/card.module.d.ts +4 -4
- package/src/v-angular/character-countdown/character-countdown.module.d.ts +4 -4
- package/src/v-angular/checkbox/checkbox.component.d.ts +6 -5
- package/src/v-angular/checkbox/checkbox.module.d.ts +5 -4
- package/src/v-angular/core/core.utils.d.ts +1 -0
- package/src/v-angular/datepicker/components/calendar/calendar.component.d.ts +36 -0
- package/src/v-angular/datepicker/components/calendar-control/calendar-control.component.d.ts +30 -0
- package/src/v-angular/datepicker/components/date-input/date-input.component.d.ts +102 -0
- package/src/v-angular/datepicker/components/datepicker/datepicker.component.d.ts +62 -0
- package/src/v-angular/datepicker/date-control-value-accessor/date-control-value-accessor.component.d.ts +165 -0
- package/src/v-angular/datepicker/datepicker.globals.d.ts +13 -0
- package/src/v-angular/datepicker/datepicker.models.d.ts +50 -0
- package/src/v-angular/datepicker/datepicker.module.d.ts +19 -0
- package/src/v-angular/datepicker/datepicker.utils.d.ts +39 -0
- package/src/v-angular/datepicker/directives/calendar-date.directive.d.ts +21 -0
- package/src/v-angular/datepicker/index.d.ts +13 -0
- package/src/v-angular/datepicker/models/dates.d.ts +15 -0
- package/src/v-angular/datepicker/pipes/date-thook.pipe.d.ts +8 -0
- package/src/v-angular/datepicker/pipes/is-disabled.pipe.d.ts +8 -0
- package/src/v-angular/datepicker/pipes/matches.pipe.d.ts +7 -0
- package/src/v-angular/drag-drop/drag-drop.component.d.ts +131 -0
- package/src/v-angular/drag-drop/drag-drop.models.d.ts +49 -0
- package/src/v-angular/drag-drop/drag-drop.module.d.ts +13 -0
- package/src/v-angular/drag-drop/drag-drop.pipes.d.ts +40 -0
- package/src/v-angular/drag-drop/drag-drop.utils.d.ts +33 -0
- package/src/v-angular/drag-drop/index.d.ts +4 -0
- package/src/v-angular/dropdown/dropdown-list/dropdown-list.component.d.ts +11 -4
- package/src/v-angular/dropdown/dropdown.component.d.ts +10 -6
- package/src/v-angular/dropdown/dropdown.module.d.ts +8 -7
- package/src/v-angular/dropdown/typeahead/typeahead-dropdown-list/typeahead-dropdown-list.component.d.ts +6 -6
- package/src/v-angular/dropdown/typeahead/typeahead-highlight/typeahead-highlight.component.d.ts +3 -3
- package/src/v-angular/dropdown/typeahead/typeahead-input/typeahead-input.component.d.ts +8 -6
- package/src/v-angular/dropdown/typeahead/typeahead.directive.d.ts +14 -12
- package/src/v-angular/dropdown/typeahead/typeahead.module.d.ts +4 -4
- package/src/v-angular/external-link/external-link.directive.d.ts +3 -3
- package/src/v-angular/external-link/external-link.module.d.ts +4 -4
- package/src/v-angular/i18n/i18n.module.d.ts +7 -7
- package/src/v-angular/i18n/i18n.test.module.d.ts +4 -4
- package/src/v-angular/info-circle/info-circle.component.d.ts +4 -4
- package/src/v-angular/info-circle/info-circle.module.d.ts +4 -4
- package/src/v-angular/input/input.component.d.ts +5 -10
- package/src/v-angular/input/input.module.d.ts +5 -4
- package/src/v-angular/input-mask/input-mask.directive.d.ts +3 -3
- package/src/v-angular/input-mask/input-mask.module.d.ts +5 -5
- package/src/v-angular/modal/dialog/dialog.component.d.ts +16 -7
- package/src/v-angular/modal/fold-out/fold-out.component.d.ts +34 -11
- package/src/v-angular/modal/fold-out/fold-out.directive.d.ts +3 -3
- package/src/v-angular/modal/fold-out/keyboard-key.enum.d.ts +7 -0
- package/src/v-angular/modal/modal.module.d.ts +4 -4
- package/src/v-angular/modal/slide-out/slide-out.component.d.ts +13 -6
- package/src/v-angular/pagination/index.d.ts +2 -0
- package/src/v-angular/pagination/pagination.component.d.ts +64 -0
- package/src/v-angular/pagination/pagination.module.d.ts +12 -0
- package/src/v-angular/radio/radio.component.d.ts +14 -13
- package/src/v-angular/radio/radio.module.d.ts +5 -4
- package/src/v-angular/slug/slug.module.d.ts +4 -4
- package/src/v-angular/table/index.d.ts +5 -0
- package/src/v-angular/table/table.component.d.ts +239 -0
- package/src/v-angular/table/table.directive.d.ts +36 -0
- package/src/v-angular/table/table.models.d.ts +62 -0
- package/src/v-angular/table/table.module.d.ts +12 -0
- package/src/v-angular/table/table.tools.d.ts +5 -0
- package/src/v-angular/table/tr-thook.pipe.d.ts +7 -0
- package/src/v-angular/tabs/index.d.ts +4 -0
- package/src/v-angular/tabs/tab.directive.d.ts +37 -0
- package/src/v-angular/tabs/tabs.component.d.ts +65 -0
- package/src/v-angular/tabs/tabs.models.d.ts +25 -0
- package/src/v-angular/tabs/tabs.module.d.ts +11 -0
- package/src/v-angular/textarea/textarea.component.d.ts +6 -5
- package/src/v-angular/textarea/textarea.module.d.ts +6 -4
- package/src/v-angular/toast/index.d.ts +4 -0
- package/src/v-angular/toast/toast-message.service.d.ts +17 -0
- package/src/v-angular/toast/toast.component.d.ts +22 -0
- package/src/v-angular/toast/toast.models.d.ts +15 -0
- package/src/v-angular/toast/toast.module.d.ts +10 -0
- package/src/v-angular/tooltip/tooltip.directive.d.ts +5 -3
- package/src/v-angular/tooltip/tooltip.module.d.ts +4 -4
- package/src/v-angular/tooltip/tooltip.styles.d.ts +11 -0
- package/v-angular/account-number/account-number.module.d.ts +2 -0
- package/v-angular/account-number/account-number.pipe.d.ts +32 -0
- package/v-angular/account-number/index.d.ts +2 -0
- package/v-angular/alert/alert.component.d.ts +19 -0
- package/v-angular/alert/alert.models.d.ts +13 -0
- package/v-angular/alert/alert.module.d.ts +8 -0
- package/v-angular/alert/index.d.ts +3 -0
- package/v-angular/base-control-value-accessor/base-control-value-accessor.component.d.ts +10 -4
- package/v-angular/base-control-value-accessor/base-control-value-accessor.module.d.ts +4 -4
- package/v-angular/breadcrumbs/breadcrumbs.component.d.ts +4 -4
- package/v-angular/breadcrumbs/breadcrumbs.module.d.ts +4 -4
- package/v-angular/button/button.component.d.ts +5 -5
- package/v-angular/button/button.module.d.ts +4 -4
- package/v-angular/card/card.component.d.ts +3 -3
- package/v-angular/card/card.module.d.ts +4 -4
- package/v-angular/character-countdown/character-countdown.module.d.ts +4 -4
- package/v-angular/checkbox/checkbox.component.d.ts +6 -5
- package/v-angular/checkbox/checkbox.module.d.ts +5 -4
- package/v-angular/datepicker/components/calendar/calendar.component.d.ts +36 -0
- package/v-angular/datepicker/components/calendar-control/calendar-control.component.d.ts +30 -0
- package/v-angular/datepicker/components/date-input/date-input.component.d.ts +102 -0
- package/v-angular/datepicker/components/datepicker/datepicker.component.d.ts +62 -0
- package/v-angular/datepicker/date-control-value-accessor/date-control-value-accessor.component.d.ts +165 -0
- package/v-angular/datepicker/datepicker.globals.d.ts +13 -0
- package/v-angular/datepicker/datepicker.models.d.ts +50 -0
- package/v-angular/datepicker/datepicker.module.d.ts +19 -0
- package/v-angular/datepicker/datepicker.utils.d.ts +39 -0
- package/v-angular/datepicker/directives/calendar-date.directive.d.ts +21 -0
- package/v-angular/datepicker/index.d.ts +13 -0
- package/v-angular/datepicker/models/dates.d.ts +15 -0
- package/v-angular/datepicker/pipes/date-thook.pipe.d.ts +8 -0
- package/v-angular/datepicker/pipes/is-disabled.pipe.d.ts +8 -0
- package/v-angular/datepicker/pipes/matches.pipe.d.ts +7 -0
- package/v-angular/drag-drop/drag-drop.component.d.ts +131 -0
- package/v-angular/drag-drop/drag-drop.models.d.ts +49 -0
- package/v-angular/drag-drop/drag-drop.module.d.ts +13 -0
- package/v-angular/drag-drop/drag-drop.pipes.d.ts +40 -0
- package/v-angular/drag-drop/drag-drop.utils.d.ts +33 -0
- package/v-angular/drag-drop/index.d.ts +4 -0
- package/v-angular/dropdown/dropdown-list/dropdown-list.component.d.ts +11 -4
- package/v-angular/dropdown/dropdown.component.d.ts +10 -6
- package/v-angular/dropdown/dropdown.module.d.ts +8 -7
- package/v-angular/dropdown/typeahead/typeahead-dropdown-list/typeahead-dropdown-list.component.d.ts +6 -6
- package/v-angular/dropdown/typeahead/typeahead-highlight/typeahead-highlight.component.d.ts +3 -3
- package/v-angular/dropdown/typeahead/typeahead-input/typeahead-input.component.d.ts +8 -6
- package/v-angular/dropdown/typeahead/typeahead.directive.d.ts +14 -12
- package/v-angular/dropdown/typeahead/typeahead.module.d.ts +4 -4
- package/v-angular/external-link/external-link.directive.d.ts +17 -0
- package/v-angular/external-link/external-link.module.d.ts +8 -0
- package/v-angular/external-link/index.d.ts +2 -0
- package/v-angular/i18n/i18n.module.d.ts +7 -7
- package/v-angular/i18n/i18n.test.module.d.ts +4 -4
- package/v-angular/index.d.ts +10 -0
- package/v-angular/info-circle/info-circle.component.d.ts +4 -4
- package/v-angular/info-circle/info-circle.module.d.ts +4 -4
- package/v-angular/input/input.component.d.ts +5 -10
- package/v-angular/input/input.module.d.ts +5 -4
- package/v-angular/input-mask/input-mask.directive.d.ts +3 -3
- package/v-angular/input-mask/input-mask.module.d.ts +5 -5
- package/v-angular/modal/dialog/dialog.component.d.ts +16 -7
- package/v-angular/modal/fold-out/fold-out.component.d.ts +34 -11
- package/v-angular/modal/fold-out/fold-out.directive.d.ts +3 -3
- package/v-angular/modal/fold-out/keyboard-key.enum.d.ts +7 -0
- package/v-angular/modal/modal.module.d.ts +4 -4
- package/v-angular/modal/slide-out/slide-out.component.d.ts +13 -6
- package/v-angular/pagination/index.d.ts +2 -0
- package/v-angular/pagination/pagination.component.d.ts +64 -0
- package/v-angular/pagination/pagination.module.d.ts +12 -0
- package/v-angular/radio/radio.component.d.ts +14 -13
- package/v-angular/radio/radio.module.d.ts +5 -4
- package/v-angular/slug/index.d.ts +2 -0
- package/v-angular/slug/slug.module.d.ts +8 -0
- package/v-angular/slug/slug.pipe.d.ts +12 -0
- package/v-angular/table/index.d.ts +5 -0
- package/v-angular/table/table.component.d.ts +239 -0
- package/v-angular/table/table.directive.d.ts +36 -0
- package/v-angular/table/table.models.d.ts +62 -0
- package/v-angular/table/table.module.d.ts +12 -0
- package/v-angular/table/table.tools.d.ts +5 -0
- package/v-angular/table/tr-thook.pipe.d.ts +7 -0
- package/v-angular/tabs/index.d.ts +4 -0
- package/v-angular/tabs/tab.directive.d.ts +37 -0
- package/v-angular/tabs/tabs.component.d.ts +65 -0
- package/v-angular/tabs/tabs.models.d.ts +25 -0
- package/v-angular/tabs/tabs.module.d.ts +11 -0
- package/v-angular/textarea/textarea.component.d.ts +6 -5
- package/v-angular/textarea/textarea.module.d.ts +6 -4
- package/v-angular/toast/index.d.ts +4 -0
- package/v-angular/toast/toast-message.service.d.ts +17 -0
- package/v-angular/toast/toast.component.d.ts +22 -0
- package/v-angular/toast/toast.models.d.ts +15 -0
- package/v-angular/toast/toast.module.d.ts +10 -0
- package/v-angular/tooltip/tooltip.directive.d.ts +5 -3
- package/v-angular/tooltip/tooltip.module.d.ts +4 -4
- package/v-angular/tooltip/tooltip.styles.d.ts +11 -0
- package/v-angular/v-angular.module.d.ts +27 -18
|
@@ -2,13 +2,14 @@ import * as i1 from '@angular/common';
|
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
4
|
import { EventEmitter, Component, ViewChild, HostBinding, Input, Output, HostListener, ElementRef, Directive, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
|
|
5
|
-
import * as
|
|
5
|
+
import * as i2$1 from '@sebgroup/green-angular/src/lib/shared';
|
|
6
6
|
import { NggCoreWrapperModule } from '@sebgroup/green-angular/src/lib/shared';
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
7
|
+
import { NggvButtonModule } from '@sebgroup/green-angular/src/v-angular/button';
|
|
8
|
+
import { NggvI18nModule } from '@sebgroup/green-angular/src/v-angular/i18n';
|
|
9
9
|
import * as i2 from '@jsverse/transloco';
|
|
10
10
|
import '@sebgroup/green-core/components/icon/icons/dot-grid-one-horizontal.js';
|
|
11
11
|
import { fromEvent } from 'rxjs';
|
|
12
|
+
import { takeWhile, filter } from 'rxjs/operators';
|
|
12
13
|
import { trigger, transition, query, style, group, animate } from '@angular/animations';
|
|
13
14
|
|
|
14
15
|
;
|
|
@@ -30,14 +31,35 @@ import { trigger, transition, query, style, group, animate } from '@angular/anim
|
|
|
30
31
|
}
|
|
31
32
|
})();
|
|
32
33
|
|
|
33
|
-
class
|
|
34
|
-
|
|
34
|
+
class NggvDialogComponent {
|
|
35
|
+
set shown(value) {
|
|
36
|
+
this._shown = value;
|
|
37
|
+
if (value) {
|
|
38
|
+
this.hideOverflow();
|
|
39
|
+
}
|
|
40
|
+
else {
|
|
41
|
+
this.resetOverflow();
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
get shown() {
|
|
45
|
+
return this._shown;
|
|
46
|
+
}
|
|
47
|
+
/** @internal */
|
|
48
|
+
get ariaHidden() {
|
|
49
|
+
return !this.shown;
|
|
50
|
+
}
|
|
51
|
+
/** Buttons are defined as a key-value pair where key is one of "positive|neutral|negative" and value is the button label. */
|
|
52
|
+
set buttons(buttons) {
|
|
53
|
+
this._buttons = buttons;
|
|
54
|
+
}
|
|
55
|
+
constructor(renderer) {
|
|
56
|
+
this.renderer = renderer;
|
|
35
57
|
/** Special property used for selecting DOM elements during automated UI testing. */
|
|
36
58
|
this.thook = 'dialog';
|
|
37
59
|
/** @internal */
|
|
38
60
|
this.baseClass = true;
|
|
39
61
|
/** @internal Defines the default visibility state of the dialog. */
|
|
40
|
-
this.
|
|
62
|
+
this._shown = false;
|
|
41
63
|
/** Defines the default visibility state of the dialog. */
|
|
42
64
|
this.initiallyShown = false;
|
|
43
65
|
/**
|
|
@@ -58,20 +80,14 @@ class NgvDialogComponent {
|
|
|
58
80
|
this.nggvNeutralEvent = new EventEmitter();
|
|
59
81
|
this.nggvNegativeEvent = new EventEmitter();
|
|
60
82
|
}
|
|
61
|
-
/** @internal */
|
|
62
|
-
get ariaHidden() {
|
|
63
|
-
return !this.shown;
|
|
64
|
-
}
|
|
65
|
-
/** Buttons are defined as a key-value pair where key is one of "positive|neutral|negative" and value is the button label. */
|
|
66
|
-
set buttons(buttons) {
|
|
67
|
-
this._buttons = buttons;
|
|
68
|
-
}
|
|
69
83
|
ngOnInit() {
|
|
70
84
|
this.dialogTitleId =
|
|
71
|
-
this.dialogTitleId ?? '
|
|
72
|
-
this.dialogBodyId
|
|
73
|
-
this.dialogBodyId
|
|
74
|
-
|
|
85
|
+
this.dialogTitleId ?? 'gds-dialog-title-' + window.nggv?.nextId();
|
|
86
|
+
if (this.dialogBodyId !== null) {
|
|
87
|
+
this.dialogBodyId =
|
|
88
|
+
this.dialogBodyId ?? 'gds-dialog-body-' + window.nggv?.nextId();
|
|
89
|
+
}
|
|
90
|
+
this._shown = this.initiallyShown;
|
|
75
91
|
if (this.shown)
|
|
76
92
|
this._limitFocusable();
|
|
77
93
|
}
|
|
@@ -97,8 +113,9 @@ class NgvDialogComponent {
|
|
|
97
113
|
this.close(event, 'action');
|
|
98
114
|
}
|
|
99
115
|
open(opener) {
|
|
100
|
-
this.
|
|
116
|
+
this._shown = true;
|
|
101
117
|
this._previous = opener || document.activeElement;
|
|
118
|
+
this.hideOverflow();
|
|
102
119
|
this._limitFocusable();
|
|
103
120
|
return true;
|
|
104
121
|
}
|
|
@@ -109,8 +126,8 @@ class NgvDialogComponent {
|
|
|
109
126
|
const focusable = this.dialogRef.nativeElement.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
|
|
110
127
|
this._firstFocusable = focusable[0];
|
|
111
128
|
this._lastFocusable = focusable[focusable.length - 1];
|
|
112
|
-
if (this.
|
|
113
|
-
this.
|
|
129
|
+
if (this._firstFocusable)
|
|
130
|
+
this._firstFocusable.focus();
|
|
114
131
|
});
|
|
115
132
|
}
|
|
116
133
|
close(event, initiator) {
|
|
@@ -126,7 +143,8 @@ class NgvDialogComponent {
|
|
|
126
143
|
};
|
|
127
144
|
this.nggvCloseEvent.emit(emitEvent);
|
|
128
145
|
}
|
|
129
|
-
this.
|
|
146
|
+
this.resetOverflow();
|
|
147
|
+
this._shown = false;
|
|
130
148
|
window.setTimeout(() => {
|
|
131
149
|
if (this._previous)
|
|
132
150
|
this._previous.focus();
|
|
@@ -153,13 +171,20 @@ class NgvDialogComponent {
|
|
|
153
171
|
}
|
|
154
172
|
}
|
|
155
173
|
}
|
|
156
|
-
|
|
157
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NgvDialogComponent, selector: "nggv-dialog", inputs: { thook: "thook", shown: "shown", initiallyShown: "initiallyShown", heading: "heading", title: "title", content: "content", autoClose: "autoClose", payload: "payload", dialogTitleId: "dialogTitleId", dialogBodyId: "dialogBodyId", closeModalOnEscape: "closeModalOnEscape", buttons: "buttons" }, outputs: { nggvCloseEvent: "nggvCloseEvent", nggvPositiveEvent: "nggvPositiveEvent", nggvNeutralEvent: "nggvNeutralEvent", nggvNegativeEvent: "nggvNegativeEvent" }, host: { listeners: { "click": "close($event,\"host\")", "document:keydown.escape": "close($event)", "keydown": "focusTrap($event)" }, properties: { "attr.data-thook": "this.thook", "class.sdv-modal-dialog": "this.baseClass", "class.-active": "this.shown", "attr.aria-hidden": "this.ariaHidden" } }, viewQueries: [{ propertyName: "dialogRef", first: true, predicate: ["dialog"], descendants: true }], exportAs: ["dialog"], ngImport: i0, template: "<div\n class=\"sdv-modal-dialog__container\"\n *transloco=\"let t\"\n #dialog\n role=\"dialog\"\n aria-dialog=\"true\"\n [attr.aria-labelledby]=\"dialogTitleId\"\n [attr.aria-describedby]=\"dialogBodyId\"\n>\n <header class=\"modal-dialog__heading\">\n <h3 [attr.id]=\"dialogTitleId\">{{ t(heading || title || '') }}</h3>\n <button\n type=\"button\"\n data-thook=\"dialog-close\"\n (click)=\"onAction($event, 'close')\"\n (keydown.enter)=\"onAction($event, 'close')\"\n class=\"close\"\n >\n <gds-icon-cross-small\n *nggCoreElement\n width=\"24\"\n height=\"24\"\n ></gds-icon-cross-small>\n </button>\n </header>\n <section class=\"modal-dialog__body\" [attr.id]=\"dialogBodyId\">\n <div [innerHtml]=\"content\"></div>\n <ng-content></ng-content>\n </section>\n <footer class=\"modal-dialog__actions\">\n <button\n class=\"danger\"\n type=\"reset\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.negative || 'negative')\"\n (click)=\"onAction($event, 'negative')\"\n (keydown.enter)=\"onAction($event, 'negative')\"\n *ngIf=\"_buttons && _buttons.negative\"\n >\n {{ t(_buttons.negative) }}\n </button>\n <button\n class=\"secondary\"\n type=\"button\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.neutral || 'neutral')\"\n (click)=\"onAction($event, 'neutral')\"\n (keydown.enter)=\"onAction($event, 'neutral')\"\n *ngIf=\"_buttons && _buttons.neutral\"\n >\n {{ t(_buttons.neutral) }}\n </button>\n <button\n class=\"submit\"\n type=\"submit\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.positive || 'positive')\"\n (click)=\"onAction($event, 'positive')\"\n (keydown.enter)=\"onAction($event, 'positive')\"\n *ngIf=\"_buttons && _buttons.positive\"\n >\n {{ t(_buttons.positive) }}\n </button>\n </footer>\n</div>\n\n<div class=\"sdv-modal-backdrop\"></div>\n", styles: ["button,input[type=button],input[type=submit],input[type=reset],.button,.gds-filter-chip{background-color:transparent;border:0;cursor:pointer;font-family:inherit;padding:0}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),input:where([type=button],[type=submit],[type=reset]),.button{padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus:not(:focus-visible),input:where([type=button],[type=submit],[type=reset]):focus:not(:focus-visible),.button:focus:not(:focus-visible){box-shadow:none;outline:0}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus,button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus-visible,input:where([type=button],[type=submit],[type=reset]):focus,input:where([type=button],[type=submit],[type=reset]):focus-visible,.button:focus,.button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),input:where([type=button],[type=submit],[type=reset]),.button{min-width:100%}}@media screen and (-ms-high-contrast: active){button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),input:where([type=button],[type=submit],[type=reset]),.button{border:2px solid currentcolor}}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).small,input:where([type=button],[type=submit],[type=reset]).small,.button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).large,input:where([type=button],[type=submit],[type=reset]).large,.button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)),button.secondary,a.button.secondary,input:is([type=button],[type=reset]),button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])),button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)){transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:#007ac7;color:#007ac7;--color: rgb(0, 122, 199)}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus:not(:focus-visible),a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus:not(:focus-visible),button.secondary:focus:not(:focus-visible),a.button.secondary:focus:not(:focus-visible),input:is([type=button],[type=reset]):focus:not(:focus-visible),button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):focus:not(:focus-visible),button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus:not(:focus-visible){box-shadow:none;outline:0}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus-visible,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus-visible,button.secondary:focus,button.secondary:focus-visible,a.button.secondary:focus,a.button.secondary:focus-visible,input:is([type=button],[type=reset]):focus,input:is([type=button],[type=reset]):focus-visible,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):focus,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):focus-visible,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):not(:disabled,.disabled,[aria-disabled]):hover,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.secondary:not(:disabled,.disabled,[aria-disabled]):hover,a.button.secondary:not(:disabled,.disabled,[aria-disabled]):hover,input:is([type=button],[type=reset]):not(:disabled,.disabled,[aria-disabled]):hover,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):not(:disabled,.disabled,[aria-disabled]):hover,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-selected=true],button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active:hover,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active:hover,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected=true],a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover,button.secondary[aria-selected=true],button.secondary:active,button.secondary.active,button.secondary.active:hover,button.secondary:active:hover,a.button.secondary[aria-selected=true],a.button.secondary:active,a.button.secondary.active,a.button.secondary.active:hover,a.button.secondary:active:hover,input:is([type=button],[type=reset])[aria-selected=true],input:is([type=button],[type=reset]):active,input:is([type=button],[type=reset]).active,input:is([type=button],[type=reset]).active:hover,input:is([type=button],[type=reset]):active:hover,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu]))[aria-selected=true],button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):active,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).active,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).active:hover,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):active:hover,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected=true],button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true],a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true],button.secondary:disabled,button.secondary.disabled,button.secondary[aria-disabled=true],a.button.secondary:disabled,a.button.secondary.disabled,a.button.secondary[aria-disabled=true],input:is([type=button],[type=reset]):disabled,input:is([type=button],[type=reset]).disabled,input:is([type=button],[type=reset])[aria-disabled=true],button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):disabled,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).disabled,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu]))[aria-disabled=true],button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled::placeholder,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled::placeholder,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true]::placeholder,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled::placeholder,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled::placeholder,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true]::placeholder,button.secondary:disabled::placeholder,button.secondary.disabled::placeholder,button.secondary[aria-disabled=true]::placeholder,a.button.secondary:disabled::placeholder,a.button.secondary.disabled::placeholder,a.button.secondary[aria-disabled=true]::placeholder,input:is([type=button],[type=reset]):disabled::placeholder,input:is([type=button],[type=reset]).disabled::placeholder,input:is([type=button],[type=reset])[aria-disabled=true]::placeholder,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):disabled::placeholder,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).disabled::placeholder,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu]))[aria-disabled=true]::placeholder,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled::placeholder,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled::placeholder,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),a.button:where(:not(.primary,.secondary,.ghost,.close,.link)),button.tertiary,a.button.tertiary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:transparent;color:#007ac7;--color: rgb(0, 122, 199)}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus:not(:focus-visible),a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):focus:not(:focus-visible),button.tertiary:focus:not(:focus-visible),a.button.tertiary:focus:not(:focus-visible){box-shadow:none;outline:0}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus-visible,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):focus,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):focus-visible,button.tertiary:focus,button.tertiary:focus-visible,a.button.tertiary:focus,a.button.tertiary:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):not(:disabled,.disabled,[aria-disabled]):hover,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.tertiary:not(:disabled,.disabled,[aria-disabled]):hover,a.button.tertiary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-selected=true],button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active:hover,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active:hover,a.button:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-selected=true],a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):active,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).active,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).active:hover,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):active:hover,button.tertiary[aria-selected=true],button.tertiary:active,button.tertiary.active,button.tertiary.active:hover,button.tertiary:active:hover,a.button.tertiary[aria-selected=true],a.button.tertiary:active,a.button.tertiary.active,a.button.tertiary.active:hover,a.button.tertiary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true],a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):disabled,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).disabled,a.button:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-disabled=true],button.tertiary:disabled,button.tertiary.disabled,button.tertiary[aria-disabled=true],a.button.tertiary:disabled,a.button.tertiary.disabled,a.button.tertiary[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled::placeholder,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled::placeholder,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true]::placeholder,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):disabled::placeholder,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).disabled::placeholder,a.button:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-disabled=true]::placeholder,button.tertiary:disabled::placeholder,button.tertiary.disabled::placeholder,button.tertiary[aria-disabled=true]::placeholder,a.button.tertiary:disabled::placeholder,a.button.tertiary.disabled::placeholder,a.button.tertiary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.primary,input[type=submit],button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip),input[type=submit]:not(.secondary,.ghost,.danger,.close,.link),a.button.primary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:#007ac7;border-color:#007ac7;color:#fff;--color: #fff}button.primary:not(:disabled,.disabled,[aria-disabled]):hover,input[type=submit]:not(:disabled,.disabled,[aria-disabled]):hover,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):not(:disabled,.disabled,[aria-disabled]):hover,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):not(:disabled,.disabled,[aria-disabled]):hover,a.button.primary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}button.primary[aria-selected=true],button.primary:active,button.primary.active,button.primary.active:hover,button.primary:active:hover,input[type=submit][aria-selected=true],input[type=submit]:active,input[type=submit].active,input[type=submit].active:hover,input[type=submit]:active:hover,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip)[aria-selected=true],button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):active,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).active,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).active:hover,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):active:hover,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link)[aria-selected=true],input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):active,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).active,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).active:hover,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):active:hover,a.button.primary[aria-selected=true],a.button.primary:active,a.button.primary.active,a.button.primary.active:hover,a.button.primary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}button.primary:focus-visible,input[type=submit]:focus-visible,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):focus-visible,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):focus-visible,a.button.primary:focus-visible{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3!important}button.primary:disabled,button.primary.disabled,button.primary[aria-disabled=true],input[type=submit]:disabled,input[type=submit].disabled,input[type=submit][aria-disabled=true],button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):disabled,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).disabled,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip)[aria-disabled=true],input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):disabled,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).disabled,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link)[aria-disabled=true],a.button.primary:disabled,a.button.primary.disabled,a.button.primary[aria-disabled=true]{background:var(--form-control-primary-bg-disabled)!important;color:var(--text-primary-disabled-color)!important;border-color:var(--border-primary-disabled-color)!important;cursor:not-allowed}button.primary:disabled::placeholder,button.primary.disabled::placeholder,button.primary[aria-disabled=true]::placeholder,input[type=submit]:disabled::placeholder,input[type=submit].disabled::placeholder,input[type=submit][aria-disabled=true]::placeholder,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):disabled::placeholder,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).disabled::placeholder,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip)[aria-disabled=true]::placeholder,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):disabled::placeholder,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).disabled::placeholder,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link)[aria-disabled=true]::placeholder,a.button.primary:disabled::placeholder,a.button.primary.disabled::placeholder,a.button.primary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.ghost,.button.ghost{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;border-color:#333;color:#333;--color: rgb(51, 51, 51)}button.ghost:not(:disabled,.disabled,[aria-disabled]):hover,.button.ghost:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}button.ghost[aria-selected=true],button.ghost:active,button.ghost.active,button.ghost.active:hover,button.ghost:active:hover,.button.ghost[aria-selected=true],.button.ghost:active,.button.ghost.active,.button.ghost.active:hover,.button.ghost:active:hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}button.ghost[aria-selected]:hover,button.ghost.active:hover,button.ghost:active:hover,.button.ghost[aria-selected]:hover,.button.ghost.active:hover,.button.ghost:active:hover{opacity:.9}button.ghost:focus-visible,.button.ghost:focus-visible{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333!important}button.ghost:disabled,button.ghost.disabled,button.ghost[aria-disabled=true],.button.ghost:disabled,.button.ghost.disabled,.button.ghost[aria-disabled=true]{color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}button.ghost:disabled::placeholder,button.ghost.disabled::placeholder,button.ghost[aria-disabled=true]::placeholder,.button.ghost:disabled::placeholder,.button.ghost.disabled::placeholder,.button.ghost[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.icon,.button.icon{background-color:transparent;border:.0625rem solid transparent;padding:.625rem;height:2.75rem;width:2.75rem;min-width:auto;--color: var(--gds-ref-pallet-base800)}.form-group button.icon,.form-group .button.icon{margin-top:-.625rem}button.icon.small,.button.icon.small{height:2rem;width:2rem;padding:.4375rem;line-height:1.125rem}button.icon svg,.button.icon svg{height:1rem;width:1rem}button.icon path,button.icon line,button.icon circle,button.icon rect,button.icon ellipse,button.icon polyline,button.icon text,.button.icon path,.button.icon line,.button.icon circle,.button.icon rect,.button.icon ellipse,.button.icon polyline,.button.icon text{fill:var(--gds-ref-pallet-base800);stroke:var(--gds-ref-pallet-base800);transition:all .3s cubic-bezier(.23,1,.32,1)}button.icon:hover,button.icon.highlighted,.button.icon:hover,.button.icon.highlighted{background-color:#0000001a;border-color:transparent}button.icon:active,button.icon.highlighted:hover,.button.icon:active,.button.icon.highlighted:hover{background-color:#0003;border-color:transparent}button.primary.danger,.button.primary.danger,button[type=submit].danger:not(.secondary,.ghost,.close,.link),input[type=submit].danger:not(.secondary,.ghost,.close,.link){background:#bb000c;border-color:#bb000c;color:#fff;--color: #fff;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}button.primary.danger:not(:disabled,.disabled,[aria-disabled]):hover,.button.primary.danger:not(:disabled,.disabled,[aria-disabled]):hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link):not(:disabled,.disabled,[aria-disabled]):hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}button.primary.danger[aria-selected=true],button.primary.danger:active,button.primary.danger.active,button.primary.danger.active:hover,button.primary.danger:active:hover,.button.primary.danger[aria-selected=true],.button.primary.danger:active,.button.primary.danger.active,.button.primary.danger.active:hover,.button.primary.danger:active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected=true],button[type=submit].danger:not(.secondary,.ghost,.close,.link):active,button[type=submit].danger:not(.secondary,.ghost,.close,.link).active,button[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected=true],input[type=submit].danger:not(.secondary,.ghost,.close,.link):active,input[type=submit].danger:not(.secondary,.ghost,.close,.link).active,input[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}button.primary.danger[aria-selected]:hover,button.primary.danger.active:hover,button.primary.danger:active:hover,.button.primary.danger[aria-selected]:hover,.button.primary.danger.active:hover,.button.primary.danger:active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected]:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected]:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover{opacity:.9}button.primary.danger:focus:not(:focus-visible),.button.primary.danger:focus:not(:focus-visible),button[type=submit].danger:not(.secondary,.ghost,.close,.link):focus:not(:focus-visible),input[type=submit].danger:not(.secondary,.ghost,.close,.link):focus:not(:focus-visible){box-shadow:none;outline:0}button.primary.danger:focus,button.primary.danger:focus-visible,.button.primary.danger:focus,.button.primary.danger:focus-visible,button[type=submit].danger:not(.secondary,.ghost,.close,.link):focus,button[type=submit].danger:not(.secondary,.ghost,.close,.link):focus-visible,input[type=submit].danger:not(.secondary,.ghost,.close,.link):focus,input[type=submit].danger:not(.secondary,.ghost,.close,.link):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button.primary.danger:disabled,button.primary.danger.disabled,button.primary.danger[aria-disabled=true],.button.primary.danger:disabled,.button.primary.danger.disabled,.button.primary.danger[aria-disabled=true],button[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled,button[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true],input[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled,input[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true]{background:var(--form-control-primary-bg-disabled)!important;color:var(--text-primary-disabled-color)!important;border-color:var(--border-primary-disabled-color)!important;cursor:not-allowed}button.primary.danger:disabled::placeholder,button.primary.danger.disabled::placeholder,button.primary.danger[aria-disabled=true]::placeholder,.button.primary.danger:disabled::placeholder,.button.primary.danger.disabled::placeholder,.button.primary.danger[aria-disabled=true]::placeholder,button[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled::placeholder,button[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled::placeholder,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true]::placeholder,input[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled::placeholder,input[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled::placeholder,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])),a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)),button.secondary.danger,a.button.secondary.danger,input.danger:is([type=button],[type=reset]),button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])),button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)){color:#bb000c;--color: rgb(187, 0, 12);border-color:transparent;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):not(:disabled,.disabled,[aria-disabled]):hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.secondary.danger:not(:disabled,.disabled,[aria-disabled]):hover,a.button.secondary.danger:not(:disabled,.disabled,[aria-disabled]):hover,input.danger:is([type=button],[type=reset]):not(:disabled,.disabled,[aria-disabled]):hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):not(:disabled,.disabled,[aria-disabled]):hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected=true],button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link))[aria-selected=true],a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):active,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)).active,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):active:hover,button.secondary.danger[aria-selected=true],button.secondary.danger:active,button.secondary.danger.active,button.secondary.danger.active:hover,button.secondary.danger:active:hover,a.button.secondary.danger[aria-selected=true],a.button.secondary.danger:active,a.button.secondary.danger.active,a.button.secondary.danger.active:hover,a.button.secondary.danger:active:hover,input.danger:is([type=button],[type=reset])[aria-selected=true],input.danger:is([type=button],[type=reset]):active,input.danger:is([type=button],[type=reset]).active,input.danger:is([type=button],[type=reset]).active:hover,input.danger:is([type=button],[type=reset]):active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu]))[aria-selected=true],button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):active,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])).active,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])).active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected=true],button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected]:hover,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link))[aria-selected]:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):active:hover,button.secondary.danger[aria-selected]:hover,button.secondary.danger.active:hover,button.secondary.danger:active:hover,a.button.secondary.danger[aria-selected]:hover,a.button.secondary.danger.active:hover,a.button.secondary.danger:active:hover,input.danger:is([type=button],[type=reset])[aria-selected]:hover,input.danger:is([type=button],[type=reset]).active:hover,input.danger:is([type=button],[type=reset]):active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu]))[aria-selected]:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])).active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected]:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover{opacity:.9}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus:not(:focus-visible),a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):focus:not(:focus-visible),button.secondary.danger:focus:not(:focus-visible),a.button.secondary.danger:focus:not(:focus-visible),input.danger:is([type=button],[type=reset]):focus:not(:focus-visible),button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):focus:not(:focus-visible),button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus:not(:focus-visible){box-shadow:none;outline:0}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus-visible,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):focus,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):focus-visible,button.secondary.danger:focus,button.secondary.danger:focus-visible,a.button.secondary.danger:focus,a.button.secondary.danger:focus-visible,input.danger:is([type=button],[type=reset]):focus,input.danger:is([type=button],[type=reset]):focus-visible,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):focus,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):focus-visible,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])),a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)),button.tertiary.danger,a.button.tertiary.danger{color:#bb000c;--color: rgb(187, 0, 12);border-color:transparent;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):not(:disabled,.disabled,[aria-disabled]):hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.tertiary.danger:not(:disabled,.disabled,[aria-disabled]):hover,a.button.tertiary.danger:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected=true],button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-selected=true],a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):active,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)).active,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):active:hover,button.tertiary.danger[aria-selected=true],button.tertiary.danger:active,button.tertiary.danger.active,button.tertiary.danger.active:hover,button.tertiary.danger:active:hover,a.button.tertiary.danger[aria-selected=true],a.button.tertiary.danger:active,a.button.tertiary.danger.active,a.button.tertiary.danger.active:hover,a.button.tertiary.danger:active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected]:hover,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-selected]:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):active:hover,button.tertiary.danger[aria-selected]:hover,button.tertiary.danger.active:hover,button.tertiary.danger:active:hover,a.button.tertiary.danger[aria-selected]:hover,a.button.tertiary.danger.active:hover,a.button.tertiary.danger:active:hover{opacity:.9}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus:not(:focus-visible),a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):focus:not(:focus-visible),button.tertiary.danger:focus:not(:focus-visible),a.button.tertiary.danger:focus:not(:focus-visible){box-shadow:none;outline:0}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus-visible,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):focus,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):focus-visible,button.tertiary.danger:focus,button.tertiary.danger:focus-visible,a.button.tertiary.danger:focus,a.button.tertiary.danger:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host{inset:0;position:fixed;display:grid;place-content:center;z-index:calc(var(--sg-z-index-modal-backdrop) + 1)}:host .sdv-modal-dialog__container{background:var(--sg-modal-background);display:flex;flex-direction:column;box-shadow:var(--sg-modal-box-shadow);position:absolute;width:100%;z-index:var(--sg-z-index-modal);position:initial;width:375px;max-width:95vw}:host .sdv-modal-dialog__container>.header,:host .sdv-modal-dialog__container>header{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .sdv-modal-dialog__container>.header h3,:host .sdv-modal-dialog__container>.header .h3,:host .sdv-modal-dialog__container>header h3,:host .sdv-modal-dialog__container>header .h3{margin-bottom:0;margin-top:0}:host .sdv-modal-dialog__container>.header h3+.close,:host .sdv-modal-dialog__container>.header .h3+.close,:host .sdv-modal-dialog__container>header h3+.close,:host .sdv-modal-dialog__container>header .h3+.close{margin:-7px;min-width:2rem}:host .sdv-modal-dialog__container>.body{padding:1rem;overflow:auto;width:100%}:host .sdv-modal-dialog__container>.body p{margin-bottom:0;margin-top:0}:host .sdv-modal-dialog__container>.footer,:host .sdv-modal-dialog__container>footer{padding:1rem;width:100%}@media (min-width: 36em){:host .sdv-modal-dialog__container>.footer,:host .sdv-modal-dialog__container>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .sdv-modal-dialog__container>.footer button+button,:host .sdv-modal-dialog__container>.footer button+.button,:host .sdv-modal-dialog__container>.footer .button+button,:host .sdv-modal-dialog__container>.footer .button+.button,:host .sdv-modal-dialog__container>footer button+button,:host .sdv-modal-dialog__container>footer button+.button,:host .sdv-modal-dialog__container>footer .button+button,:host .sdv-modal-dialog__container>footer .button+.button{margin-top:.75rem}}@media (min-width: 36em){:host .sdv-modal-dialog__container>.footer button+button,:host .sdv-modal-dialog__container>.footer button+.button,:host .sdv-modal-dialog__container>.footer .button+button,:host .sdv-modal-dialog__container>.footer .button+.button,:host .sdv-modal-dialog__container>footer button+button,:host .sdv-modal-dialog__container>footer button+.button,:host .sdv-modal-dialog__container>footer .button+button,:host .sdv-modal-dialog__container>footer .button+.button{margin-left:.75rem}}:host .sdv-modal-dialog__container.medium{width:512px}:host .sdv-modal-dialog__container.large{width:720px}:host .modal-dialog__heading{box-sizing:border-box;padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .modal-dialog__heading h3,:host .modal-dialog__heading .h3{margin-bottom:0;margin-top:0}:host .modal-dialog__heading h3+.close,:host .modal-dialog__heading .h3+.close{margin:-7px;min-width:2rem}:host .modal-dialog__heading button{display:grid;place-content:center}:host .modal-dialog__body{padding:1rem;overflow:auto;width:100%}:host .modal-dialog__body p{margin-bottom:0;margin-top:0}:host .modal-dialog__actions,:host .modal-dialog__heading,:host .modal-dialog__body{box-sizing:border-box}:host .sdv-modal-backdrop{background:#00000059;inset:0;position:fixed;z-index:999;display:block;transition:opacity .5s cubic-bezier(.33,1,.68,1)}:host .sdv-modal-backdrop--transparent{opacity:0}:host .sdv-modal-backdrop--transparent.entered,:host .sdv-modal-backdrop--transparent.is-entering{opacity:1}:host .sdv-modal-backdrop--transparent.is-exiting{opacity:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "directive", type: i3.NggCoreElementDirective, selector: "[nggCoreElement]" }] }); }
|
|
174
|
+
// to prevent background scrolling when modal is open
|
|
175
|
+
hideOverflow() {
|
|
176
|
+
this.renderer.setStyle(document.body, 'overflow', 'hidden');
|
|
177
|
+
}
|
|
178
|
+
resetOverflow() {
|
|
179
|
+
this.renderer.removeStyle(document.body, 'overflow');
|
|
180
|
+
}
|
|
181
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvDialogComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
182
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NggvDialogComponent, selector: "nggv-dialog", inputs: { thook: "thook", shown: "shown", initiallyShown: "initiallyShown", heading: "heading", title: "title", content: "content", autoClose: "autoClose", payload: "payload", dialogTitleId: "dialogTitleId", dialogBodyId: "dialogBodyId", closeModalOnEscape: "closeModalOnEscape", closeButtonAriaLabel: "closeButtonAriaLabel", buttons: "buttons" }, outputs: { nggvCloseEvent: "nggvCloseEvent", nggvPositiveEvent: "nggvPositiveEvent", nggvNeutralEvent: "nggvNeutralEvent", nggvNegativeEvent: "nggvNegativeEvent" }, host: { listeners: { "click": "close($event,\"host\")", "document:keydown.escape": "close($event)", "keydown": "focusTrap($event)" }, properties: { "attr.data-thook": "this.thook", "class.gds-modal-dialog": "this.baseClass", "attr.aria-hidden": "this.ariaHidden" } }, viewQueries: [{ propertyName: "dialogRef", first: true, predicate: ["dialog"], descendants: true }], exportAs: ["dialog"], ngImport: i0, template: "<ng-container *ngIf=\"shown\">\n <div class=\"modal-dialog__wrapper\" [class.-active]=\"shown\">\n <div\n class=\"modal-dialog__container\"\n *transloco=\"let t\"\n #dialog\n role=\"dialog\"\n aria-dialog=\"true\"\n [attr.aria-labelledby]=\"dialogTitleId\"\n [attr.aria-describedby]=\"dialogBodyId\"\n >\n <header class=\"modal-dialog__heading\">\n <h3 [attr.id]=\"dialogTitleId\">{{ t(heading || title || '') }}</h3>\n <button\n data-thook=\"dialog-close\"\n (click)=\"onAction($event, 'close')\"\n (keydown.enter)=\"onAction($event, 'close')\"\n [attr.aria-label]=\"closeButtonAriaLabel\"\n class=\"nggv-modal-slideout__close\"\n >\n <i></i>\n </button>\n </header>\n <section class=\"modal-dialog__body\" [attr.id]=\"dialogBodyId\">\n <div [innerHtml]=\"content\"></div>\n <ng-content></ng-content>\n </section>\n <footer class=\"modal-dialog__actions\">\n <button\n class=\"danger\"\n type=\"reset\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.negative || 'negative')\"\n (click)=\"onAction($event, 'negative')\"\n (keydown.enter)=\"onAction($event, 'negative')\"\n *ngIf=\"_buttons && _buttons.negative\"\n >\n {{ t(_buttons.negative) }}\n </button>\n <button\n class=\"secondary\"\n type=\"button\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.neutral || 'neutral')\"\n (click)=\"onAction($event, 'neutral')\"\n (keydown.enter)=\"onAction($event, 'neutral')\"\n *ngIf=\"_buttons && _buttons.neutral\"\n >\n {{ t(_buttons.neutral) }}\n </button>\n <button\n class=\"submit\"\n type=\"submit\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.positive || 'positive')\"\n (click)=\"onAction($event, 'positive')\"\n (keydown.enter)=\"onAction($event, 'positive')\"\n *ngIf=\"_buttons && _buttons.positive\"\n >\n {{ t(_buttons.positive) }}\n </button>\n </footer>\n </div>\n <div class=\"nggv-backdrop\"></div>\n </div>\n</ng-container>\n", styles: [":host{--grey-500: rgb(222, 222, 222);--background-hsl: 0deg, 0%, 0%;--gds-ref-pallet-base200: hsl(0, 0%, 91%);--gds-sys-color-base: hsl(0, 0%, 20%);--gds-sys-color-font: hsl(0, 0%, 20%);--gds-sys-shape-corner-round: 50%;--sg-border-color: hsl(0, 0%, 53%);--sg-border-radius: .25rem;--sg-border-width-50: .5px;--sg-border-width: 1px;--sg-hsl-contrast: 0deg, 0%, 0%;--sg-modal-backdrop-background: rgba(0, 0, 0, .5);--sg-modal-background: #fff;--sg-modal-box-shadow: 0 .125rem .375rem rgba(0, 0, 0, .15);--sg-z-index-modal-backdrop: 1040;--sg-z-index-modal: 1050;--text-primary-color: rgb(51, 51, 51)}:host .modal-dialog__wrapper{inset:0;position:fixed;display:grid;place-content:center;z-index:calc(var(--sg-z-index-modal-backdrop) + 1)}:host .modal-dialog__container{background:var(--sg-modal-background);display:flex;flex-direction:column;box-shadow:var(--sg-modal-box-shadow);position:absolute;width:100%;z-index:var(--sg-z-index-modal);position:initial;width:375px;max-width:95vw}:host .modal-dialog__container>.header,:host .modal-dialog__container>header{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .modal-dialog__container>.header h3,:host .modal-dialog__container>.header .h3,:host .modal-dialog__container>header h3,:host .modal-dialog__container>header .h3{margin-bottom:0;margin-top:0}:host .modal-dialog__container>.header h3+.close,:host .modal-dialog__container>.header .h3+.close,:host .modal-dialog__container>header h3+.close,:host .modal-dialog__container>header .h3+.close{margin:-7px;min-width:2rem}:host .modal-dialog__container>.body{padding:1rem;overflow:auto;width:100%}:host .modal-dialog__container>.body p{margin-bottom:0;margin-top:0}:host .modal-dialog__container>.footer,:host .modal-dialog__container>footer{padding:1rem;width:100%}@media (min-width: 36em){:host .modal-dialog__container>.footer,:host .modal-dialog__container>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .modal-dialog__container>.footer button+button,:host .modal-dialog__container>.footer button+.button,:host .modal-dialog__container>.footer .button+button,:host .modal-dialog__container>.footer .button+.button,:host .modal-dialog__container>footer button+button,:host .modal-dialog__container>footer button+.button,:host .modal-dialog__container>footer .button+button,:host .modal-dialog__container>footer .button+.button{margin-top:.75rem}}@media (min-width: 36em){:host .modal-dialog__container>.footer button+button,:host .modal-dialog__container>.footer button+.button,:host .modal-dialog__container>.footer .button+button,:host .modal-dialog__container>.footer .button+.button,:host .modal-dialog__container>footer button+button,:host .modal-dialog__container>footer button+.button,:host .modal-dialog__container>footer .button+button,:host .modal-dialog__container>footer .button+.button{margin-left:.75rem}}:host .modal-dialog__container.medium{width:512px}:host .modal-dialog__container.large{width:720px}:host .modal-dialog__heading{box-sizing:border-box;padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .modal-dialog__heading h3,:host .modal-dialog__heading .h3{margin-bottom:0;margin-top:0}:host .modal-dialog__heading h3+.close,:host .modal-dialog__heading .h3+.close{margin:-7px;min-width:2rem}:host .modal-dialog__body{padding:1rem;overflow:auto;width:100%}:host .modal-dialog__body p{margin-bottom:0;margin-top:0}:host .modal-dialog__actions,:host .modal-dialog__heading,:host .modal-dialog__body{box-sizing:border-box}:host .nggv-backdrop{background:var(--sg-modal-backdrop-background);inset:0;position:fixed;z-index:var(--sg-z-index-modal-backdrop);display:block;transition:opacity .5s cubic-bezier(.33,1,.68,1)}:host .nggv-backdrop--transparent{opacity:0}:host .nggv-backdrop--transparent.entered,:host .nggv-backdrop--transparent.is-entering{opacity:1}:host .nggv-backdrop--transparent.is-exiting{opacity:0}:host .nggv-modal-slideout__close{background-color:transparent;padding:0;font-size:0;background:var(--gds-sys-color-surface);border:0;border-radius:50%;content:\"\";cursor:pointer;display:flex;font-family:inherit;height:2rem;position:relative;width:2rem}@media (hover: none) and (pointer: coarse){:host .nggv-modal-slideout__close:not(:disabled):not(.disabled){padding:.375rem;height:2.75rem;width:2.75rem}:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>i{background:var(--gds-ref-pallet-base200);height:2rem;width:2rem;border-radius:50%;position:relative;--color: var(--gds-sys-color-base)}:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>div:after,:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>div:before{height:.789375rem;width:.130625rem;top:.625rem}}:host .nggv-modal-slideout__close:focus:not(:focus-visible){box-shadow:none;outline:0}:host .nggv-modal-slideout__close:focus,:host .nggv-modal-slideout__close:focus-visible i{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .nggv-modal-slideout__close>i{border-radius:var(--gds-sys-shape-corner-round);display:block;width:100%;height:100%}:host .nggv-modal-slideout__close>i:after,:host .nggv-modal-slideout__close>i:before{background:var(--gds-sys-color-font);content:\"\";display:block;height:.789375rem;width:.130625rem;border-radius:.5px;left:calc(50% - .0625rem);position:absolute;top:.625rem}:host .nggv-modal-slideout__close>i:after{transform:rotate(45deg)}:host .nggv-modal-slideout__close>i:before{transform:rotate(-45deg)}:host .nggv-modal-slideout__close>svg path{fill:var(--gds-sys-color-font)}@media (min-width: 48em){:host .nggv-modal-slideout__close:not(:disabled,.disabled):hover>i{background:color-mix(in srgb,var(--gds-sys-color-font) 10%,transparent)}:host .nggv-modal-slideout__close:not(:disabled,.disabled):hover:active>i{background:color-mix(in srgb,var(--gds-sys-color-font) 20%,transparent)}}:host .modal-dialog__actions button{background-color:transparent;border:0;cursor:pointer;padding:0;padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center;font-size:1rem;font-family:inherit}:host .modal-dialog__actions button:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions button:focus,:host .modal-dialog__actions button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){:host .modal-dialog__actions button{min-width:100%}}@media screen and (-ms-high-contrast: active){:host .modal-dialog__actions button{border:2px solid currentcolor}}:host .modal-dialog__actions button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host .modal-dialog__actions button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}:host .modal-dialog__actions .submit{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:#007ac7;border-color:#007ac7;color:#fff;--color: #fff}:host .modal-dialog__actions .submit:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host .modal-dialog__actions .submit[aria-selected=true],:host .modal-dialog__actions .submit:active,:host .modal-dialog__actions .submit.active,:host .modal-dialog__actions .submit.active:hover,:host .modal-dialog__actions .submit:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .modal-dialog__actions .submit:focus-visible{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3!important}:host .modal-dialog__actions .submit:disabled,:host .modal-dialog__actions .submit.disabled,:host .modal-dialog__actions .submit[aria-disabled=true]{background:var(--form-control-primary-bg-disabled)!important;color:var(--text-primary-disabled-color)!important;border-color:var(--border-primary-disabled-color)!important;cursor:not-allowed}:host .modal-dialog__actions .submit:disabled::placeholder,:host .modal-dialog__actions .submit.disabled::placeholder,:host .modal-dialog__actions .submit[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .modal-dialog__actions .secondary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:#007ac7;color:#007ac7;--color: rgb(0, 122, 199)}:host .modal-dialog__actions .secondary:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions .secondary:focus,:host .modal-dialog__actions .secondary:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .modal-dialog__actions .secondary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host .modal-dialog__actions .secondary[aria-selected=true],:host .modal-dialog__actions .secondary:active,:host .modal-dialog__actions .secondary.active,:host .modal-dialog__actions .secondary.active:hover,:host .modal-dialog__actions .secondary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .modal-dialog__actions .secondary:disabled,:host .modal-dialog__actions .secondary.disabled,:host .modal-dialog__actions .secondary[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}:host .modal-dialog__actions .secondary:disabled::placeholder,:host .modal-dialog__actions .secondary.disabled::placeholder,:host .modal-dialog__actions .secondary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .modal-dialog__actions .danger{color:#bb000c;--color: rgb(187, 0, 12);border-color:transparent;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}:host .modal-dialog__actions .danger:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}:host .modal-dialog__actions .danger[aria-selected=true],:host .modal-dialog__actions .danger:active,:host .modal-dialog__actions .danger.active,:host .modal-dialog__actions .danger.active:hover,:host .modal-dialog__actions .danger:active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}:host .modal-dialog__actions .danger[aria-selected]:hover,:host .modal-dialog__actions .danger.active:hover,:host .modal-dialog__actions .danger:active:hover{opacity:.9}:host .modal-dialog__actions .danger:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions .danger:focus,:host .modal-dialog__actions .danger:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }] }); }
|
|
158
183
|
}
|
|
159
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type:
|
|
184
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvDialogComponent, decorators: [{
|
|
160
185
|
type: Component,
|
|
161
|
-
args: [{ selector: 'nggv-dialog', exportAs: 'dialog', template: "<div\n class=\"sdv-modal-dialog__container\"\n *transloco=\"let t\"\n #dialog\n role=\"dialog\"\n aria-dialog=\"true\"\n [attr.aria-labelledby]=\"dialogTitleId\"\n [attr.aria-describedby]=\"dialogBodyId\"\n>\n <header class=\"modal-dialog__heading\">\n <h3 [attr.id]=\"dialogTitleId\">{{ t(heading || title || '') }}</h3>\n <button\n type=\"button\"\n data-thook=\"dialog-close\"\n (click)=\"onAction($event, 'close')\"\n (keydown.enter)=\"onAction($event, 'close')\"\n class=\"close\"\n >\n <gds-icon-cross-small\n *nggCoreElement\n width=\"24\"\n height=\"24\"\n ></gds-icon-cross-small>\n </button>\n </header>\n <section class=\"modal-dialog__body\" [attr.id]=\"dialogBodyId\">\n <div [innerHtml]=\"content\"></div>\n <ng-content></ng-content>\n </section>\n <footer class=\"modal-dialog__actions\">\n <button\n class=\"danger\"\n type=\"reset\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.negative || 'negative')\"\n (click)=\"onAction($event, 'negative')\"\n (keydown.enter)=\"onAction($event, 'negative')\"\n *ngIf=\"_buttons && _buttons.negative\"\n >\n {{ t(_buttons.negative) }}\n </button>\n <button\n class=\"secondary\"\n type=\"button\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.neutral || 'neutral')\"\n (click)=\"onAction($event, 'neutral')\"\n (keydown.enter)=\"onAction($event, 'neutral')\"\n *ngIf=\"_buttons && _buttons.neutral\"\n >\n {{ t(_buttons.neutral) }}\n </button>\n <button\n class=\"submit\"\n type=\"submit\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.positive || 'positive')\"\n (click)=\"onAction($event, 'positive')\"\n (keydown.enter)=\"onAction($event, 'positive')\"\n *ngIf=\"_buttons && _buttons.positive\"\n >\n {{ t(_buttons.positive) }}\n </button>\n </footer>\n</div>\n\n<div class=\"sdv-modal-backdrop\"></div>\n", styles: ["button,input[type=button],input[type=submit],input[type=reset],.button,.gds-filter-chip{background-color:transparent;border:0;cursor:pointer;font-family:inherit;padding:0}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),input:where([type=button],[type=submit],[type=reset]),.button{padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus:not(:focus-visible),input:where([type=button],[type=submit],[type=reset]):focus:not(:focus-visible),.button:focus:not(:focus-visible){box-shadow:none;outline:0}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus,button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus-visible,input:where([type=button],[type=submit],[type=reset]):focus,input:where([type=button],[type=submit],[type=reset]):focus-visible,.button:focus,.button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),input:where([type=button],[type=submit],[type=reset]),.button{min-width:100%}}@media screen and (-ms-high-contrast: active){button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),input:where([type=button],[type=submit],[type=reset]),.button{border:2px solid currentcolor}}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).small,input:where([type=button],[type=submit],[type=reset]).small,.button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).large,input:where([type=button],[type=submit],[type=reset]).large,.button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)),button.secondary,a.button.secondary,input:is([type=button],[type=reset]),button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])),button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)){transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:#007ac7;color:#007ac7;--color: rgb(0, 122, 199)}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus:not(:focus-visible),a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus:not(:focus-visible),button.secondary:focus:not(:focus-visible),a.button.secondary:focus:not(:focus-visible),input:is([type=button],[type=reset]):focus:not(:focus-visible),button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):focus:not(:focus-visible),button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus:not(:focus-visible){box-shadow:none;outline:0}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus-visible,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus-visible,button.secondary:focus,button.secondary:focus-visible,a.button.secondary:focus,a.button.secondary:focus-visible,input:is([type=button],[type=reset]):focus,input:is([type=button],[type=reset]):focus-visible,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):focus,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):focus-visible,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):not(:disabled,.disabled,[aria-disabled]):hover,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.secondary:not(:disabled,.disabled,[aria-disabled]):hover,a.button.secondary:not(:disabled,.disabled,[aria-disabled]):hover,input:is([type=button],[type=reset]):not(:disabled,.disabled,[aria-disabled]):hover,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):not(:disabled,.disabled,[aria-disabled]):hover,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-selected=true],button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active:hover,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active:hover,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected=true],a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover,button.secondary[aria-selected=true],button.secondary:active,button.secondary.active,button.secondary.active:hover,button.secondary:active:hover,a.button.secondary[aria-selected=true],a.button.secondary:active,a.button.secondary.active,a.button.secondary.active:hover,a.button.secondary:active:hover,input:is([type=button],[type=reset])[aria-selected=true],input:is([type=button],[type=reset]):active,input:is([type=button],[type=reset]).active,input:is([type=button],[type=reset]).active:hover,input:is([type=button],[type=reset]):active:hover,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu]))[aria-selected=true],button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):active,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).active,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).active:hover,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):active:hover,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected=true],button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true],a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true],button.secondary:disabled,button.secondary.disabled,button.secondary[aria-disabled=true],a.button.secondary:disabled,a.button.secondary.disabled,a.button.secondary[aria-disabled=true],input:is([type=button],[type=reset]):disabled,input:is([type=button],[type=reset]).disabled,input:is([type=button],[type=reset])[aria-disabled=true],button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):disabled,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).disabled,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu]))[aria-disabled=true],button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled::placeholder,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled::placeholder,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true]::placeholder,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled::placeholder,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled::placeholder,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true]::placeholder,button.secondary:disabled::placeholder,button.secondary.disabled::placeholder,button.secondary[aria-disabled=true]::placeholder,a.button.secondary:disabled::placeholder,a.button.secondary.disabled::placeholder,a.button.secondary[aria-disabled=true]::placeholder,input:is([type=button],[type=reset]):disabled::placeholder,input:is([type=button],[type=reset]).disabled::placeholder,input:is([type=button],[type=reset])[aria-disabled=true]::placeholder,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):disabled::placeholder,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).disabled::placeholder,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu]))[aria-disabled=true]::placeholder,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled::placeholder,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled::placeholder,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),a.button:where(:not(.primary,.secondary,.ghost,.close,.link)),button.tertiary,a.button.tertiary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:transparent;color:#007ac7;--color: rgb(0, 122, 199)}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus:not(:focus-visible),a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):focus:not(:focus-visible),button.tertiary:focus:not(:focus-visible),a.button.tertiary:focus:not(:focus-visible){box-shadow:none;outline:0}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus-visible,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):focus,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):focus-visible,button.tertiary:focus,button.tertiary:focus-visible,a.button.tertiary:focus,a.button.tertiary:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):not(:disabled,.disabled,[aria-disabled]):hover,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.tertiary:not(:disabled,.disabled,[aria-disabled]):hover,a.button.tertiary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-selected=true],button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active:hover,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active:hover,a.button:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-selected=true],a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):active,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).active,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).active:hover,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):active:hover,button.tertiary[aria-selected=true],button.tertiary:active,button.tertiary.active,button.tertiary.active:hover,button.tertiary:active:hover,a.button.tertiary[aria-selected=true],a.button.tertiary:active,a.button.tertiary.active,a.button.tertiary.active:hover,a.button.tertiary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true],a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):disabled,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).disabled,a.button:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-disabled=true],button.tertiary:disabled,button.tertiary.disabled,button.tertiary[aria-disabled=true],a.button.tertiary:disabled,a.button.tertiary.disabled,a.button.tertiary[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled::placeholder,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled::placeholder,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true]::placeholder,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):disabled::placeholder,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).disabled::placeholder,a.button:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-disabled=true]::placeholder,button.tertiary:disabled::placeholder,button.tertiary.disabled::placeholder,button.tertiary[aria-disabled=true]::placeholder,a.button.tertiary:disabled::placeholder,a.button.tertiary.disabled::placeholder,a.button.tertiary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.primary,input[type=submit],button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip),input[type=submit]:not(.secondary,.ghost,.danger,.close,.link),a.button.primary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:#007ac7;border-color:#007ac7;color:#fff;--color: #fff}button.primary:not(:disabled,.disabled,[aria-disabled]):hover,input[type=submit]:not(:disabled,.disabled,[aria-disabled]):hover,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):not(:disabled,.disabled,[aria-disabled]):hover,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):not(:disabled,.disabled,[aria-disabled]):hover,a.button.primary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}button.primary[aria-selected=true],button.primary:active,button.primary.active,button.primary.active:hover,button.primary:active:hover,input[type=submit][aria-selected=true],input[type=submit]:active,input[type=submit].active,input[type=submit].active:hover,input[type=submit]:active:hover,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip)[aria-selected=true],button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):active,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).active,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).active:hover,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):active:hover,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link)[aria-selected=true],input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):active,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).active,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).active:hover,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):active:hover,a.button.primary[aria-selected=true],a.button.primary:active,a.button.primary.active,a.button.primary.active:hover,a.button.primary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}button.primary:focus-visible,input[type=submit]:focus-visible,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):focus-visible,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):focus-visible,a.button.primary:focus-visible{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3!important}button.primary:disabled,button.primary.disabled,button.primary[aria-disabled=true],input[type=submit]:disabled,input[type=submit].disabled,input[type=submit][aria-disabled=true],button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):disabled,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).disabled,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip)[aria-disabled=true],input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):disabled,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).disabled,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link)[aria-disabled=true],a.button.primary:disabled,a.button.primary.disabled,a.button.primary[aria-disabled=true]{background:var(--form-control-primary-bg-disabled)!important;color:var(--text-primary-disabled-color)!important;border-color:var(--border-primary-disabled-color)!important;cursor:not-allowed}button.primary:disabled::placeholder,button.primary.disabled::placeholder,button.primary[aria-disabled=true]::placeholder,input[type=submit]:disabled::placeholder,input[type=submit].disabled::placeholder,input[type=submit][aria-disabled=true]::placeholder,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):disabled::placeholder,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).disabled::placeholder,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip)[aria-disabled=true]::placeholder,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):disabled::placeholder,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).disabled::placeholder,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link)[aria-disabled=true]::placeholder,a.button.primary:disabled::placeholder,a.button.primary.disabled::placeholder,a.button.primary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.ghost,.button.ghost{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;border-color:#333;color:#333;--color: rgb(51, 51, 51)}button.ghost:not(:disabled,.disabled,[aria-disabled]):hover,.button.ghost:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}button.ghost[aria-selected=true],button.ghost:active,button.ghost.active,button.ghost.active:hover,button.ghost:active:hover,.button.ghost[aria-selected=true],.button.ghost:active,.button.ghost.active,.button.ghost.active:hover,.button.ghost:active:hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}button.ghost[aria-selected]:hover,button.ghost.active:hover,button.ghost:active:hover,.button.ghost[aria-selected]:hover,.button.ghost.active:hover,.button.ghost:active:hover{opacity:.9}button.ghost:focus-visible,.button.ghost:focus-visible{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333!important}button.ghost:disabled,button.ghost.disabled,button.ghost[aria-disabled=true],.button.ghost:disabled,.button.ghost.disabled,.button.ghost[aria-disabled=true]{color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}button.ghost:disabled::placeholder,button.ghost.disabled::placeholder,button.ghost[aria-disabled=true]::placeholder,.button.ghost:disabled::placeholder,.button.ghost.disabled::placeholder,.button.ghost[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.icon,.button.icon{background-color:transparent;border:.0625rem solid transparent;padding:.625rem;height:2.75rem;width:2.75rem;min-width:auto;--color: var(--gds-ref-pallet-base800)}.form-group button.icon,.form-group .button.icon{margin-top:-.625rem}button.icon.small,.button.icon.small{height:2rem;width:2rem;padding:.4375rem;line-height:1.125rem}button.icon svg,.button.icon svg{height:1rem;width:1rem}button.icon path,button.icon line,button.icon circle,button.icon rect,button.icon ellipse,button.icon polyline,button.icon text,.button.icon path,.button.icon line,.button.icon circle,.button.icon rect,.button.icon ellipse,.button.icon polyline,.button.icon text{fill:var(--gds-ref-pallet-base800);stroke:var(--gds-ref-pallet-base800);transition:all .3s cubic-bezier(.23,1,.32,1)}button.icon:hover,button.icon.highlighted,.button.icon:hover,.button.icon.highlighted{background-color:#0000001a;border-color:transparent}button.icon:active,button.icon.highlighted:hover,.button.icon:active,.button.icon.highlighted:hover{background-color:#0003;border-color:transparent}button.primary.danger,.button.primary.danger,button[type=submit].danger:not(.secondary,.ghost,.close,.link),input[type=submit].danger:not(.secondary,.ghost,.close,.link){background:#bb000c;border-color:#bb000c;color:#fff;--color: #fff;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}button.primary.danger:not(:disabled,.disabled,[aria-disabled]):hover,.button.primary.danger:not(:disabled,.disabled,[aria-disabled]):hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link):not(:disabled,.disabled,[aria-disabled]):hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}button.primary.danger[aria-selected=true],button.primary.danger:active,button.primary.danger.active,button.primary.danger.active:hover,button.primary.danger:active:hover,.button.primary.danger[aria-selected=true],.button.primary.danger:active,.button.primary.danger.active,.button.primary.danger.active:hover,.button.primary.danger:active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected=true],button[type=submit].danger:not(.secondary,.ghost,.close,.link):active,button[type=submit].danger:not(.secondary,.ghost,.close,.link).active,button[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected=true],input[type=submit].danger:not(.secondary,.ghost,.close,.link):active,input[type=submit].danger:not(.secondary,.ghost,.close,.link).active,input[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}button.primary.danger[aria-selected]:hover,button.primary.danger.active:hover,button.primary.danger:active:hover,.button.primary.danger[aria-selected]:hover,.button.primary.danger.active:hover,.button.primary.danger:active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected]:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected]:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover{opacity:.9}button.primary.danger:focus:not(:focus-visible),.button.primary.danger:focus:not(:focus-visible),button[type=submit].danger:not(.secondary,.ghost,.close,.link):focus:not(:focus-visible),input[type=submit].danger:not(.secondary,.ghost,.close,.link):focus:not(:focus-visible){box-shadow:none;outline:0}button.primary.danger:focus,button.primary.danger:focus-visible,.button.primary.danger:focus,.button.primary.danger:focus-visible,button[type=submit].danger:not(.secondary,.ghost,.close,.link):focus,button[type=submit].danger:not(.secondary,.ghost,.close,.link):focus-visible,input[type=submit].danger:not(.secondary,.ghost,.close,.link):focus,input[type=submit].danger:not(.secondary,.ghost,.close,.link):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button.primary.danger:disabled,button.primary.danger.disabled,button.primary.danger[aria-disabled=true],.button.primary.danger:disabled,.button.primary.danger.disabled,.button.primary.danger[aria-disabled=true],button[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled,button[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true],input[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled,input[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true]{background:var(--form-control-primary-bg-disabled)!important;color:var(--text-primary-disabled-color)!important;border-color:var(--border-primary-disabled-color)!important;cursor:not-allowed}button.primary.danger:disabled::placeholder,button.primary.danger.disabled::placeholder,button.primary.danger[aria-disabled=true]::placeholder,.button.primary.danger:disabled::placeholder,.button.primary.danger.disabled::placeholder,.button.primary.danger[aria-disabled=true]::placeholder,button[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled::placeholder,button[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled::placeholder,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true]::placeholder,input[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled::placeholder,input[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled::placeholder,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])),a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)),button.secondary.danger,a.button.secondary.danger,input.danger:is([type=button],[type=reset]),button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])),button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)){color:#bb000c;--color: rgb(187, 0, 12);border-color:transparent;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):not(:disabled,.disabled,[aria-disabled]):hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.secondary.danger:not(:disabled,.disabled,[aria-disabled]):hover,a.button.secondary.danger:not(:disabled,.disabled,[aria-disabled]):hover,input.danger:is([type=button],[type=reset]):not(:disabled,.disabled,[aria-disabled]):hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):not(:disabled,.disabled,[aria-disabled]):hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected=true],button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link))[aria-selected=true],a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):active,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)).active,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):active:hover,button.secondary.danger[aria-selected=true],button.secondary.danger:active,button.secondary.danger.active,button.secondary.danger.active:hover,button.secondary.danger:active:hover,a.button.secondary.danger[aria-selected=true],a.button.secondary.danger:active,a.button.secondary.danger.active,a.button.secondary.danger.active:hover,a.button.secondary.danger:active:hover,input.danger:is([type=button],[type=reset])[aria-selected=true],input.danger:is([type=button],[type=reset]):active,input.danger:is([type=button],[type=reset]).active,input.danger:is([type=button],[type=reset]).active:hover,input.danger:is([type=button],[type=reset]):active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu]))[aria-selected=true],button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):active,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])).active,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])).active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected=true],button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected]:hover,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link))[aria-selected]:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):active:hover,button.secondary.danger[aria-selected]:hover,button.secondary.danger.active:hover,button.secondary.danger:active:hover,a.button.secondary.danger[aria-selected]:hover,a.button.secondary.danger.active:hover,a.button.secondary.danger:active:hover,input.danger:is([type=button],[type=reset])[aria-selected]:hover,input.danger:is([type=button],[type=reset]).active:hover,input.danger:is([type=button],[type=reset]):active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu]))[aria-selected]:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])).active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected]:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover{opacity:.9}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus:not(:focus-visible),a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):focus:not(:focus-visible),button.secondary.danger:focus:not(:focus-visible),a.button.secondary.danger:focus:not(:focus-visible),input.danger:is([type=button],[type=reset]):focus:not(:focus-visible),button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):focus:not(:focus-visible),button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus:not(:focus-visible){box-shadow:none;outline:0}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus-visible,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):focus,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):focus-visible,button.secondary.danger:focus,button.secondary.danger:focus-visible,a.button.secondary.danger:focus,a.button.secondary.danger:focus-visible,input.danger:is([type=button],[type=reset]):focus,input.danger:is([type=button],[type=reset]):focus-visible,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):focus,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):focus-visible,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])),a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)),button.tertiary.danger,a.button.tertiary.danger{color:#bb000c;--color: rgb(187, 0, 12);border-color:transparent;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):not(:disabled,.disabled,[aria-disabled]):hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.tertiary.danger:not(:disabled,.disabled,[aria-disabled]):hover,a.button.tertiary.danger:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected=true],button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-selected=true],a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):active,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)).active,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):active:hover,button.tertiary.danger[aria-selected=true],button.tertiary.danger:active,button.tertiary.danger.active,button.tertiary.danger.active:hover,button.tertiary.danger:active:hover,a.button.tertiary.danger[aria-selected=true],a.button.tertiary.danger:active,a.button.tertiary.danger.active,a.button.tertiary.danger.active:hover,a.button.tertiary.danger:active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected]:hover,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-selected]:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):active:hover,button.tertiary.danger[aria-selected]:hover,button.tertiary.danger.active:hover,button.tertiary.danger:active:hover,a.button.tertiary.danger[aria-selected]:hover,a.button.tertiary.danger.active:hover,a.button.tertiary.danger:active:hover{opacity:.9}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus:not(:focus-visible),a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):focus:not(:focus-visible),button.tertiary.danger:focus:not(:focus-visible),a.button.tertiary.danger:focus:not(:focus-visible){box-shadow:none;outline:0}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus-visible,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):focus,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):focus-visible,button.tertiary.danger:focus,button.tertiary.danger:focus-visible,a.button.tertiary.danger:focus,a.button.tertiary.danger:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host{inset:0;position:fixed;display:grid;place-content:center;z-index:calc(var(--sg-z-index-modal-backdrop) + 1)}:host .sdv-modal-dialog__container{background:var(--sg-modal-background);display:flex;flex-direction:column;box-shadow:var(--sg-modal-box-shadow);position:absolute;width:100%;z-index:var(--sg-z-index-modal);position:initial;width:375px;max-width:95vw}:host .sdv-modal-dialog__container>.header,:host .sdv-modal-dialog__container>header{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .sdv-modal-dialog__container>.header h3,:host .sdv-modal-dialog__container>.header .h3,:host .sdv-modal-dialog__container>header h3,:host .sdv-modal-dialog__container>header .h3{margin-bottom:0;margin-top:0}:host .sdv-modal-dialog__container>.header h3+.close,:host .sdv-modal-dialog__container>.header .h3+.close,:host .sdv-modal-dialog__container>header h3+.close,:host .sdv-modal-dialog__container>header .h3+.close{margin:-7px;min-width:2rem}:host .sdv-modal-dialog__container>.body{padding:1rem;overflow:auto;width:100%}:host .sdv-modal-dialog__container>.body p{margin-bottom:0;margin-top:0}:host .sdv-modal-dialog__container>.footer,:host .sdv-modal-dialog__container>footer{padding:1rem;width:100%}@media (min-width: 36em){:host .sdv-modal-dialog__container>.footer,:host .sdv-modal-dialog__container>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .sdv-modal-dialog__container>.footer button+button,:host .sdv-modal-dialog__container>.footer button+.button,:host .sdv-modal-dialog__container>.footer .button+button,:host .sdv-modal-dialog__container>.footer .button+.button,:host .sdv-modal-dialog__container>footer button+button,:host .sdv-modal-dialog__container>footer button+.button,:host .sdv-modal-dialog__container>footer .button+button,:host .sdv-modal-dialog__container>footer .button+.button{margin-top:.75rem}}@media (min-width: 36em){:host .sdv-modal-dialog__container>.footer button+button,:host .sdv-modal-dialog__container>.footer button+.button,:host .sdv-modal-dialog__container>.footer .button+button,:host .sdv-modal-dialog__container>.footer .button+.button,:host .sdv-modal-dialog__container>footer button+button,:host .sdv-modal-dialog__container>footer button+.button,:host .sdv-modal-dialog__container>footer .button+button,:host .sdv-modal-dialog__container>footer .button+.button{margin-left:.75rem}}:host .sdv-modal-dialog__container.medium{width:512px}:host .sdv-modal-dialog__container.large{width:720px}:host .modal-dialog__heading{box-sizing:border-box;padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .modal-dialog__heading h3,:host .modal-dialog__heading .h3{margin-bottom:0;margin-top:0}:host .modal-dialog__heading h3+.close,:host .modal-dialog__heading .h3+.close{margin:-7px;min-width:2rem}:host .modal-dialog__heading button{display:grid;place-content:center}:host .modal-dialog__body{padding:1rem;overflow:auto;width:100%}:host .modal-dialog__body p{margin-bottom:0;margin-top:0}:host .modal-dialog__actions,:host .modal-dialog__heading,:host .modal-dialog__body{box-sizing:border-box}:host .sdv-modal-backdrop{background:#00000059;inset:0;position:fixed;z-index:999;display:block;transition:opacity .5s cubic-bezier(.33,1,.68,1)}:host .sdv-modal-backdrop--transparent{opacity:0}:host .sdv-modal-backdrop--transparent.entered,:host .sdv-modal-backdrop--transparent.is-entering{opacity:1}:host .sdv-modal-backdrop--transparent.is-exiting{opacity:0}\n"] }]
|
|
162
|
-
}], propDecorators: { dialogRef: [{
|
|
186
|
+
args: [{ selector: 'nggv-dialog', exportAs: 'dialog', template: "<ng-container *ngIf=\"shown\">\n <div class=\"modal-dialog__wrapper\" [class.-active]=\"shown\">\n <div\n class=\"modal-dialog__container\"\n *transloco=\"let t\"\n #dialog\n role=\"dialog\"\n aria-dialog=\"true\"\n [attr.aria-labelledby]=\"dialogTitleId\"\n [attr.aria-describedby]=\"dialogBodyId\"\n >\n <header class=\"modal-dialog__heading\">\n <h3 [attr.id]=\"dialogTitleId\">{{ t(heading || title || '') }}</h3>\n <button\n data-thook=\"dialog-close\"\n (click)=\"onAction($event, 'close')\"\n (keydown.enter)=\"onAction($event, 'close')\"\n [attr.aria-label]=\"closeButtonAriaLabel\"\n class=\"nggv-modal-slideout__close\"\n >\n <i></i>\n </button>\n </header>\n <section class=\"modal-dialog__body\" [attr.id]=\"dialogBodyId\">\n <div [innerHtml]=\"content\"></div>\n <ng-content></ng-content>\n </section>\n <footer class=\"modal-dialog__actions\">\n <button\n class=\"danger\"\n type=\"reset\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.negative || 'negative')\"\n (click)=\"onAction($event, 'negative')\"\n (keydown.enter)=\"onAction($event, 'negative')\"\n *ngIf=\"_buttons && _buttons.negative\"\n >\n {{ t(_buttons.negative) }}\n </button>\n <button\n class=\"secondary\"\n type=\"button\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.neutral || 'neutral')\"\n (click)=\"onAction($event, 'neutral')\"\n (keydown.enter)=\"onAction($event, 'neutral')\"\n *ngIf=\"_buttons && _buttons.neutral\"\n >\n {{ t(_buttons.neutral) }}\n </button>\n <button\n class=\"submit\"\n type=\"submit\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.positive || 'positive')\"\n (click)=\"onAction($event, 'positive')\"\n (keydown.enter)=\"onAction($event, 'positive')\"\n *ngIf=\"_buttons && _buttons.positive\"\n >\n {{ t(_buttons.positive) }}\n </button>\n </footer>\n </div>\n <div class=\"nggv-backdrop\"></div>\n </div>\n</ng-container>\n", styles: [":host{--grey-500: rgb(222, 222, 222);--background-hsl: 0deg, 0%, 0%;--gds-ref-pallet-base200: hsl(0, 0%, 91%);--gds-sys-color-base: hsl(0, 0%, 20%);--gds-sys-color-font: hsl(0, 0%, 20%);--gds-sys-shape-corner-round: 50%;--sg-border-color: hsl(0, 0%, 53%);--sg-border-radius: .25rem;--sg-border-width-50: .5px;--sg-border-width: 1px;--sg-hsl-contrast: 0deg, 0%, 0%;--sg-modal-backdrop-background: rgba(0, 0, 0, .5);--sg-modal-background: #fff;--sg-modal-box-shadow: 0 .125rem .375rem rgba(0, 0, 0, .15);--sg-z-index-modal-backdrop: 1040;--sg-z-index-modal: 1050;--text-primary-color: rgb(51, 51, 51)}:host .modal-dialog__wrapper{inset:0;position:fixed;display:grid;place-content:center;z-index:calc(var(--sg-z-index-modal-backdrop) + 1)}:host .modal-dialog__container{background:var(--sg-modal-background);display:flex;flex-direction:column;box-shadow:var(--sg-modal-box-shadow);position:absolute;width:100%;z-index:var(--sg-z-index-modal);position:initial;width:375px;max-width:95vw}:host .modal-dialog__container>.header,:host .modal-dialog__container>header{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .modal-dialog__container>.header h3,:host .modal-dialog__container>.header .h3,:host .modal-dialog__container>header h3,:host .modal-dialog__container>header .h3{margin-bottom:0;margin-top:0}:host .modal-dialog__container>.header h3+.close,:host .modal-dialog__container>.header .h3+.close,:host .modal-dialog__container>header h3+.close,:host .modal-dialog__container>header .h3+.close{margin:-7px;min-width:2rem}:host .modal-dialog__container>.body{padding:1rem;overflow:auto;width:100%}:host .modal-dialog__container>.body p{margin-bottom:0;margin-top:0}:host .modal-dialog__container>.footer,:host .modal-dialog__container>footer{padding:1rem;width:100%}@media (min-width: 36em){:host .modal-dialog__container>.footer,:host .modal-dialog__container>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .modal-dialog__container>.footer button+button,:host .modal-dialog__container>.footer button+.button,:host .modal-dialog__container>.footer .button+button,:host .modal-dialog__container>.footer .button+.button,:host .modal-dialog__container>footer button+button,:host .modal-dialog__container>footer button+.button,:host .modal-dialog__container>footer .button+button,:host .modal-dialog__container>footer .button+.button{margin-top:.75rem}}@media (min-width: 36em){:host .modal-dialog__container>.footer button+button,:host .modal-dialog__container>.footer button+.button,:host .modal-dialog__container>.footer .button+button,:host .modal-dialog__container>.footer .button+.button,:host .modal-dialog__container>footer button+button,:host .modal-dialog__container>footer button+.button,:host .modal-dialog__container>footer .button+button,:host .modal-dialog__container>footer .button+.button{margin-left:.75rem}}:host .modal-dialog__container.medium{width:512px}:host .modal-dialog__container.large{width:720px}:host .modal-dialog__heading{box-sizing:border-box;padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .modal-dialog__heading h3,:host .modal-dialog__heading .h3{margin-bottom:0;margin-top:0}:host .modal-dialog__heading h3+.close,:host .modal-dialog__heading .h3+.close{margin:-7px;min-width:2rem}:host .modal-dialog__body{padding:1rem;overflow:auto;width:100%}:host .modal-dialog__body p{margin-bottom:0;margin-top:0}:host .modal-dialog__actions,:host .modal-dialog__heading,:host .modal-dialog__body{box-sizing:border-box}:host .nggv-backdrop{background:var(--sg-modal-backdrop-background);inset:0;position:fixed;z-index:var(--sg-z-index-modal-backdrop);display:block;transition:opacity .5s cubic-bezier(.33,1,.68,1)}:host .nggv-backdrop--transparent{opacity:0}:host .nggv-backdrop--transparent.entered,:host .nggv-backdrop--transparent.is-entering{opacity:1}:host .nggv-backdrop--transparent.is-exiting{opacity:0}:host .nggv-modal-slideout__close{background-color:transparent;padding:0;font-size:0;background:var(--gds-sys-color-surface);border:0;border-radius:50%;content:\"\";cursor:pointer;display:flex;font-family:inherit;height:2rem;position:relative;width:2rem}@media (hover: none) and (pointer: coarse){:host .nggv-modal-slideout__close:not(:disabled):not(.disabled){padding:.375rem;height:2.75rem;width:2.75rem}:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>i{background:var(--gds-ref-pallet-base200);height:2rem;width:2rem;border-radius:50%;position:relative;--color: var(--gds-sys-color-base)}:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>div:after,:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>div:before{height:.789375rem;width:.130625rem;top:.625rem}}:host .nggv-modal-slideout__close:focus:not(:focus-visible){box-shadow:none;outline:0}:host .nggv-modal-slideout__close:focus,:host .nggv-modal-slideout__close:focus-visible i{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .nggv-modal-slideout__close>i{border-radius:var(--gds-sys-shape-corner-round);display:block;width:100%;height:100%}:host .nggv-modal-slideout__close>i:after,:host .nggv-modal-slideout__close>i:before{background:var(--gds-sys-color-font);content:\"\";display:block;height:.789375rem;width:.130625rem;border-radius:.5px;left:calc(50% - .0625rem);position:absolute;top:.625rem}:host .nggv-modal-slideout__close>i:after{transform:rotate(45deg)}:host .nggv-modal-slideout__close>i:before{transform:rotate(-45deg)}:host .nggv-modal-slideout__close>svg path{fill:var(--gds-sys-color-font)}@media (min-width: 48em){:host .nggv-modal-slideout__close:not(:disabled,.disabled):hover>i{background:color-mix(in srgb,var(--gds-sys-color-font) 10%,transparent)}:host .nggv-modal-slideout__close:not(:disabled,.disabled):hover:active>i{background:color-mix(in srgb,var(--gds-sys-color-font) 20%,transparent)}}:host .modal-dialog__actions button{background-color:transparent;border:0;cursor:pointer;padding:0;padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center;font-size:1rem;font-family:inherit}:host .modal-dialog__actions button:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions button:focus,:host .modal-dialog__actions button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){:host .modal-dialog__actions button{min-width:100%}}@media screen and (-ms-high-contrast: active){:host .modal-dialog__actions button{border:2px solid currentcolor}}:host .modal-dialog__actions button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host .modal-dialog__actions button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}:host .modal-dialog__actions .submit{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:#007ac7;border-color:#007ac7;color:#fff;--color: #fff}:host .modal-dialog__actions .submit:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host .modal-dialog__actions .submit[aria-selected=true],:host .modal-dialog__actions .submit:active,:host .modal-dialog__actions .submit.active,:host .modal-dialog__actions .submit.active:hover,:host .modal-dialog__actions .submit:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .modal-dialog__actions .submit:focus-visible{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3!important}:host .modal-dialog__actions .submit:disabled,:host .modal-dialog__actions .submit.disabled,:host .modal-dialog__actions .submit[aria-disabled=true]{background:var(--form-control-primary-bg-disabled)!important;color:var(--text-primary-disabled-color)!important;border-color:var(--border-primary-disabled-color)!important;cursor:not-allowed}:host .modal-dialog__actions .submit:disabled::placeholder,:host .modal-dialog__actions .submit.disabled::placeholder,:host .modal-dialog__actions .submit[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .modal-dialog__actions .secondary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:#007ac7;color:#007ac7;--color: rgb(0, 122, 199)}:host .modal-dialog__actions .secondary:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions .secondary:focus,:host .modal-dialog__actions .secondary:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .modal-dialog__actions .secondary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host .modal-dialog__actions .secondary[aria-selected=true],:host .modal-dialog__actions .secondary:active,:host .modal-dialog__actions .secondary.active,:host .modal-dialog__actions .secondary.active:hover,:host .modal-dialog__actions .secondary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .modal-dialog__actions .secondary:disabled,:host .modal-dialog__actions .secondary.disabled,:host .modal-dialog__actions .secondary[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}:host .modal-dialog__actions .secondary:disabled::placeholder,:host .modal-dialog__actions .secondary.disabled::placeholder,:host .modal-dialog__actions .secondary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .modal-dialog__actions .danger{color:#bb000c;--color: rgb(187, 0, 12);border-color:transparent;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}:host .modal-dialog__actions .danger:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}:host .modal-dialog__actions .danger[aria-selected=true],:host .modal-dialog__actions .danger:active,:host .modal-dialog__actions .danger.active,:host .modal-dialog__actions .danger.active:hover,:host .modal-dialog__actions .danger:active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}:host .modal-dialog__actions .danger[aria-selected]:hover,:host .modal-dialog__actions .danger.active:hover,:host .modal-dialog__actions .danger:active:hover{opacity:.9}:host .modal-dialog__actions .danger:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions .danger:focus,:host .modal-dialog__actions .danger:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}\n"] }]
|
|
187
|
+
}], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { dialogRef: [{
|
|
163
188
|
type: ViewChild,
|
|
164
189
|
args: ['dialog']
|
|
165
190
|
}], thook: [{
|
|
@@ -169,11 +194,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
169
194
|
type: Input
|
|
170
195
|
}], baseClass: [{
|
|
171
196
|
type: HostBinding,
|
|
172
|
-
args: ['class.
|
|
197
|
+
args: ['class.gds-modal-dialog']
|
|
173
198
|
}], shown: [{
|
|
174
|
-
type: HostBinding,
|
|
175
|
-
args: ['class.-active']
|
|
176
|
-
}, {
|
|
177
199
|
type: Input
|
|
178
200
|
}], ariaHidden: [{
|
|
179
201
|
type: HostBinding,
|
|
@@ -196,6 +218,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
196
218
|
type: Input
|
|
197
219
|
}], closeModalOnEscape: [{
|
|
198
220
|
type: Input
|
|
221
|
+
}], closeButtonAriaLabel: [{
|
|
222
|
+
type: Input
|
|
199
223
|
}], buttons: [{
|
|
200
224
|
type: Input
|
|
201
225
|
}], nggvCloseEvent: [{
|
|
@@ -217,46 +241,146 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
217
241
|
args: ['keydown', ['$event']]
|
|
218
242
|
}] } });
|
|
219
243
|
|
|
220
|
-
|
|
244
|
+
var KeyboardKey;
|
|
245
|
+
(function (KeyboardKey) {
|
|
246
|
+
KeyboardKey["Escape"] = "Escape";
|
|
247
|
+
KeyboardKey["Space"] = "Space";
|
|
248
|
+
KeyboardKey["Enter"] = "Enter";
|
|
249
|
+
KeyboardKey["ArrowUp"] = "ArrowUp";
|
|
250
|
+
KeyboardKey["ArrowDown"] = "ArrowDown";
|
|
251
|
+
})(KeyboardKey || (KeyboardKey = {}));
|
|
252
|
+
|
|
253
|
+
class NggvFoldOutComponent {
|
|
221
254
|
constructor() {
|
|
222
255
|
/** Special property used for selecting DOM elements during automated UI testing. */
|
|
223
256
|
this.thook = 'fold-out';
|
|
224
|
-
// /** @internal */
|
|
225
|
-
// faEllipsisH: IconDefinition = faEllipsisH
|
|
226
257
|
/** @internal */
|
|
227
258
|
this.shown = false;
|
|
228
|
-
|
|
259
|
+
this.activeIndex = -1;
|
|
260
|
+
this.firstArrowClick = true;
|
|
261
|
+
this.ariaFocusAttributeName = 'aria-focus';
|
|
262
|
+
this.blurAllElements = () => this.children.forEach(this.blurElement);
|
|
263
|
+
this.blurElement = (element) => element.setAttribute(this.ariaFocusAttributeName, 'false');
|
|
264
|
+
this.focusElement = (element) => element.setAttribute(this.ariaFocusAttributeName, 'true');
|
|
265
|
+
this.getChildIndex = (element) => element ? this.children.indexOf(element) : -1;
|
|
266
|
+
}
|
|
267
|
+
get children() {
|
|
268
|
+
return Array.from((this.container?.nativeElement).children ?? []);
|
|
269
|
+
}
|
|
270
|
+
get lastChild() {
|
|
271
|
+
return this.children[this.children.length - 1] || undefined;
|
|
272
|
+
}
|
|
273
|
+
get focusedElement() {
|
|
274
|
+
return this.children[this.activeIndex] || undefined;
|
|
275
|
+
}
|
|
276
|
+
ngAfterViewInit() {
|
|
277
|
+
this.blurAllElements();
|
|
229
278
|
}
|
|
230
279
|
ngOnDestroy() {
|
|
231
280
|
this.onClickSubscription?.unsubscribe();
|
|
281
|
+
this.onKeyUpSubscription?.unsubscribe();
|
|
232
282
|
}
|
|
233
283
|
/** Toggle display of the option list */
|
|
234
|
-
toggleVisibility(
|
|
235
|
-
this.
|
|
236
|
-
|
|
284
|
+
toggleVisibility() {
|
|
285
|
+
this.setVisibility(!this.shown);
|
|
286
|
+
}
|
|
287
|
+
setVisibility(setVisibility = true) {
|
|
288
|
+
if (this.shown === setVisibility) {
|
|
289
|
+
return;
|
|
290
|
+
}
|
|
291
|
+
this.resetChildren();
|
|
292
|
+
this.shown = setVisibility;
|
|
293
|
+
if (this.shown) {
|
|
237
294
|
this.subscribeToOutsideClickEvent();
|
|
295
|
+
this.subscribeToKeyDownEvent();
|
|
296
|
+
}
|
|
297
|
+
else {
|
|
298
|
+
this.onClickSubscription?.unsubscribe();
|
|
299
|
+
this.onKeyUpSubscription?.unsubscribe();
|
|
300
|
+
}
|
|
238
301
|
}
|
|
239
302
|
/**
|
|
240
303
|
* Closes the fold-out on click outside.
|
|
241
304
|
*/
|
|
242
305
|
subscribeToOutsideClickEvent() {
|
|
243
|
-
this.onClickSubscription = fromEvent(document, 'click')
|
|
306
|
+
this.onClickSubscription = fromEvent(document, 'click')
|
|
307
|
+
.pipe(takeWhile(() => this.shown))
|
|
308
|
+
.subscribe({
|
|
244
309
|
next: (event) => {
|
|
245
310
|
if (this.shown &&
|
|
246
311
|
!this.inputRef?.nativeElement.contains(event.target)) {
|
|
247
|
-
this.
|
|
248
|
-
this.onClickSubscription?.unsubscribe();
|
|
312
|
+
this.setVisibility(false);
|
|
249
313
|
}
|
|
250
314
|
},
|
|
251
315
|
});
|
|
252
316
|
}
|
|
253
|
-
|
|
254
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NgvFoldOutComponent, selector: "nggv-fold-out", inputs: { thook: "thook", alignOptions: "alignOptions" }, host: { properties: { "attr.data-thook": "this.thook" } }, viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["foldout"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div #foldout>\n <button\n data-thook=\"fold-out-toggle\"\n class=\"fold-out-button\"\n (click)=\"toggleVisibility($event)\"\n >\n <gds-icon-dot-grid-one-horizontal\n width=\"24\"\n height=\"24\"\n *nggCoreElement\n ></gds-icon-dot-grid-one-horizontal>\n </button>\n\n <div\n class=\"gds-fold-out__popover\"\n [ngClass]=\"{ 'flex-right': alignOptions === 'right' }\"\n [class.gds-fold-out__popover-expanded]=\"shown\"\n (click)=\"toggleVisibility($event, false)\"\n >\n <ng-content></ng-content>\n </div>\n</div>\n", styles: ["i.sg-icon{font-size:0;width:1rem;height:1rem;display:inline-block}i.sg-icon:before{content:\"\";display:inline-block;background:var(--color);width:100%;height:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}i.sg-icon.sg-icon-calendar:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 248h80v-56H48v56zm0 48v64h80v-64H48zm128 0v64h96v-64h-96zm144 0v64h80v-64h-80zm80-104h-80v56h80v-56zm0 216h-80v56h64c8.8 0 16-7.2 16-16v-40zm-128 0h-96v56h96v-56zm-144 0H48v40c0 8.8 7.16 16 16 16h64v-56zm144-216h-96v56h96v-56z '/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 248h80v-56H48v56zm0 48v64h80v-64H48zm128 0v64h96v-64h-96zm144 0v64h80v-64h-80zm80-104h-80v56h80v-56zm0 216h-80v56h64c8.8 0 16-7.2 16-16v-40zm-128 0h-96v56h96v-56zm-144 0H48v40c0 8.8 7.16 16 16 16h64v-56zm144-216h-96v56h96v-56z '/%3E%3C/svg%3E\")}i.sg-icon.sg-icon-calendar-range:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M96 288c0-17.7 14.3-32 32-32s32 14.3 32 32-14.3 32-32 32-32-14.3-32-32zm224 64c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm-128-64c0-13.3 10.7-24 24-24h112c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24zm40 72c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24s10.7-24 24-24h112zM152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 448c0 8.8 7.16 16 16 16h320c8.8 0 16-7.2 16-16V192H48v256z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M96 288c0-17.7 14.3-32 32-32s32 14.3 32 32-14.3 32-32 32-32-14.3-32-32zm224 64c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm-128-64c0-13.3 10.7-24 24-24h112c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24zm40 72c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24s10.7-24 24-24h112zM152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 448c0 8.8 7.16 16 16 16h320c8.8 0 16-7.2 16-16V192H48v256z'/%3E%3C/svg%3E\")}i.sg-icon.sg-icon-ellipsis:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z'/%3E%3C/svg%3E\")}i.sg-icon.sg-icon-grip-vertical:before{-webkit-mask-image:url(\"data:image/svg+xml, %3Csvg height='1em' viewBox='0 0 320 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 352l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zm192 0l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 320c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 192l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 160c-22.1 0-40-17.9-40-40L0 72C0 49.9 17.9 32 40 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml, %3Csvg height='1em' viewBox='0 0 320 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 352l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zm192 0l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 320c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 192l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 160c-22.1 0-40-17.9-40-40L0 72C0 49.9 17.9 32 40 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40z' /%3E%3C/svg%3E\")}i.sg-icon.sg-icon-next:before{background:none;border-bottom:2px solid;border-left:2px solid;content:\"\";display:block;height:12px;margin-left:-10px;margin-top:2px;transform:translate(75%) rotate(-135deg) scaleZ(-1);transition:transform .3s ease-in;width:12px}i.sg-icon.sg-icon-previous:before{background:none;border-bottom:2px solid;border-left:2px solid;content:\"\";display:block;height:12px;margin-left:-4px;margin-top:2px;transform:translate(75%) rotate(45deg) scaleZ(-1);transition:transform .3s ease-in;width:12px}i.sg-icon.sg-icon-ellipsis:before{margin-right:-2px}:host .flex-right{right:0}:host .fold-out-button{border:0;cursor:pointer;font-family:inherit;padding:0;padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center;background-color:transparent;border:.0625rem solid transparent;padding:.625rem;height:2.75rem;width:2.75rem;min-width:auto;--color: var(--gds-ref-pallet-base800);border-color:transparent;color:var(--gds-ref-pallet-base800);display:flex;gap:.5rem;line-height:.75;padding-inline:.4375rem;width:auto}:host .fold-out-button:focus:not(:focus-visible){box-shadow:none;outline:0}:host .fold-out-button:focus,:host .fold-out-button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){:host .fold-out-button{min-width:100%}}@media screen and (-ms-high-contrast: active){:host .fold-out-button{border:2px solid currentcolor}}:host .fold-out-button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host .fold-out-button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}.form-group :host .fold-out-button{margin-top:-.625rem}:host .fold-out-button.small{height:2rem;width:2rem;padding:.4375rem;line-height:1.125rem}:host .fold-out-button svg{height:1rem;width:1rem}:host .fold-out-button path,:host .fold-out-button line,:host .fold-out-button circle,:host .fold-out-button rect,:host .fold-out-button ellipse,:host .fold-out-button polyline,:host .fold-out-button text{fill:var(--gds-ref-pallet-base800);stroke:var(--gds-ref-pallet-base800);transition:all .3s cubic-bezier(.23,1,.32,1)}:host .fold-out-button:hover,:host .fold-out-button.highlighted{background-color:#0000001a;border-color:transparent}:host .fold-out-button:active,:host .fold-out-button.highlighted:hover{background-color:#0003;border-color:transparent}:host .gds-fold-out__popover{background-clip:border-box;background:var(--sg-card-background);border:var(--sg-card-border);border-radius:var(--sg-card-border-radius);box-shadow:var(--sg-card-box-shadow);color:var(--sg-card-color);display:flex;flex-direction:column;padding:1rem;width:fit-content;display:none;padding:0}:host .gds-fold-out__popover>header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-block-end:1rem}:host .gds-fold-out__popover>header .close{margin:-.5rem -.5rem -.5rem .5rem}:host .gds-fold-out__popover>*:not(header,footer){flex:1 1 auto}:host .gds-fold-out__popover>footer{margin-top:.75rem}@media (min-width: 36em){:host .gds-fold-out__popover>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .gds-fold-out__popover>footer button:not(.link)+button,:host .gds-fold-out__popover>footer button:not(.link)+.button,:host .gds-fold-out__popover>footer .button:not(.link)+button,:host .gds-fold-out__popover>footer .button:not(.link)+.button{margin-top:.75rem}}@media (min-width: 36em){:host .gds-fold-out__popover>footer button:not(.link)+button,:host .gds-fold-out__popover>footer button:not(.link)+.button,:host .gds-fold-out__popover>footer .button:not(.link)+button,:host .gds-fold-out__popover>footer .button:not(.link)+.button{margin-left:.75rem}}:host .gds-fold-out__popover-expanded{display:block;position:absolute;z-index:var(--sg-z-index-popover)}:host ::ng-deep .nggv-field-dropdown__options__label{padding:.75rem 1rem;line-height:1.25;cursor:pointer;display:flex;gap:.75rem;-webkit-user-select:none;user-select:none}:host ::ng-deep .nggv-field-dropdown__options__label:active{background-color:var(--grey-400)}:host ::ng-deep .nggv-field-dropdown__options__label:focus{outline-color:#000;outline-offset:-.25rem}:host ::ng-deep .nggv-field-dropdown__options__label.active.sg-highlighted,:host ::ng-deep .nggv-field-dropdown__options__label[aria-selected=true]{background:var(--grey-1000);color:#fff}:host ::ng-deep .nggv-field-dropdown__options__label:hover,:host ::ng-deep .nggv-field-dropdown__options__label:focus-visible{background-color:var(--grey-400)}:host ::ng-deep .nggv-field-dropdown__options__label:active{background-color:var(--grey-500)}:host ::ng-deep .nggv-field-dropdown__options__label:focus-visible{outline-color:#000;outline-offset:-.25rem}:host ::ng-deep .nggv-field-dropdown__options__label[aria-hidden=true]{display:none}:host ::ng-deep .nggv-field-dropdown__options__label[highlighted]{background:var(--grey-1000);color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NggCoreElementDirective, selector: "[nggCoreElement]" }] }); }
|
|
317
|
+
subscribeToKeyDownEvent() {
|
|
318
|
+
if (!this.children.length) {
|
|
319
|
+
return;
|
|
320
|
+
}
|
|
321
|
+
this.onKeyUpSubscription = fromEvent(document, 'keydown')
|
|
322
|
+
.pipe(takeWhile(() => this.shown), filter((event) => Object.values(KeyboardKey).includes(event.code)))
|
|
323
|
+
.subscribe((event) => {
|
|
324
|
+
event.preventDefault();
|
|
325
|
+
event.stopPropagation();
|
|
326
|
+
this.onKeyDown(event);
|
|
327
|
+
});
|
|
328
|
+
}
|
|
329
|
+
onKeyDown(event) {
|
|
330
|
+
switch (event.code) {
|
|
331
|
+
case KeyboardKey.Escape:
|
|
332
|
+
this.setVisibility(false);
|
|
333
|
+
break;
|
|
334
|
+
case KeyboardKey.Enter:
|
|
335
|
+
case KeyboardKey.Space:
|
|
336
|
+
this.takeAction();
|
|
337
|
+
break;
|
|
338
|
+
case KeyboardKey.ArrowUp:
|
|
339
|
+
this.handleArrowUpClick();
|
|
340
|
+
break;
|
|
341
|
+
case KeyboardKey.ArrowDown:
|
|
342
|
+
this.handleArrowDownClick();
|
|
343
|
+
break;
|
|
344
|
+
}
|
|
345
|
+
}
|
|
346
|
+
handleArrowUpClick() {
|
|
347
|
+
this.activeIndex = this.firstArrowClick
|
|
348
|
+
? this.getChildIndex(this.lastChild)
|
|
349
|
+
: this.activeIndex === 0
|
|
350
|
+
? this.getChildIndex(this.lastChild)
|
|
351
|
+
: this.activeIndex - 1;
|
|
352
|
+
this.firstArrowClick = false;
|
|
353
|
+
this.handleFocus();
|
|
354
|
+
}
|
|
355
|
+
handleArrowDownClick() {
|
|
356
|
+
this.activeIndex = this.firstArrowClick
|
|
357
|
+
? 0
|
|
358
|
+
: (this.activeIndex + 1) % this.children.length;
|
|
359
|
+
this.firstArrowClick = false;
|
|
360
|
+
this.handleFocus();
|
|
361
|
+
}
|
|
362
|
+
handleFocus() {
|
|
363
|
+
this.blurAllElements();
|
|
364
|
+
this.focusElement(this.children[this.activeIndex]);
|
|
365
|
+
}
|
|
366
|
+
takeAction() {
|
|
367
|
+
if (this.focusedElement) {
|
|
368
|
+
this.focusedElement.click();
|
|
369
|
+
}
|
|
370
|
+
this.setVisibility(false);
|
|
371
|
+
}
|
|
372
|
+
resetChildren() {
|
|
373
|
+
this.blurAllElements();
|
|
374
|
+
this.activeIndex = -1;
|
|
375
|
+
this.firstArrowClick = true;
|
|
376
|
+
}
|
|
377
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvFoldOutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
378
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NggvFoldOutComponent, selector: "nggv-fold-out", inputs: { thook: "thook", alignOptions: "alignOptions", text: "text", ariaLabel: "ariaLabel" }, host: { properties: { "attr.data-thook": "this.thook" } }, viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["foldout"], descendants: true, read: ElementRef }, { propertyName: "container", first: true, predicate: ["childrenContainer"], descendants: true }], ngImport: i0, template: "<div #foldout>\n <button\n data-thook=\"fold-out-toggle\"\n class=\"fold-out-button\"\n [ngClass]=\"{ 'no-text': !text }\"\n (click)=\"toggleVisibility()\"\n [attr.aria-expanded]=\"shown\"\n [attr.aria-label]=\"ariaLabel\"\n >\n <ng-container *ngTemplateOutlet=\"text ? withText : default\"> </ng-container>\n </button>\n\n <div\n #childrenContainer\n class=\"nggv-fold-out__popover\"\n [ngClass]=\"{ 'flex-right': alignOptions === 'right' }\"\n [class.nggv-fold-out__popover-expanded]=\"shown\"\n >\n <ng-content></ng-content>\n </div>\n</div>\n\n<ng-template #withText>\n {{ text }}\n <gds-icon-dot-grid-one-horizontal\n width=\"24\"\n height=\"24\"\n *nggCoreElement\n ></gds-icon-dot-grid-one-horizontal>\n</ng-template>\n\n<ng-template #default>\n <gds-icon-dot-grid-one-horizontal\n width=\"24\"\n height=\"24\"\n *nggCoreElement\n ></gds-icon-dot-grid-one-horizontal>\n <ng-template></ng-template\n></ng-template>\n", styles: ["i.sg-icon{font-size:0;width:1rem;height:1rem;display:inline-block}i.sg-icon:before{content:\"\";display:inline-block;background:var(--color);width:100%;height:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}i.sg-icon.sg-icon-calendar:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 248h80v-56H48v56zm0 48v64h80v-64H48zm128 0v64h96v-64h-96zm144 0v64h80v-64h-80zm80-104h-80v56h80v-56zm0 216h-80v56h64c8.8 0 16-7.2 16-16v-40zm-128 0h-96v56h96v-56zm-144 0H48v40c0 8.8 7.16 16 16 16h64v-56zm144-216h-96v56h96v-56z '/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 248h80v-56H48v56zm0 48v64h80v-64H48zm128 0v64h96v-64h-96zm144 0v64h80v-64h-80zm80-104h-80v56h80v-56zm0 216h-80v56h64c8.8 0 16-7.2 16-16v-40zm-128 0h-96v56h96v-56zm-144 0H48v40c0 8.8 7.16 16 16 16h64v-56zm144-216h-96v56h96v-56z '/%3E%3C/svg%3E\")}i.sg-icon.sg-icon-calendar-range:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M96 288c0-17.7 14.3-32 32-32s32 14.3 32 32-14.3 32-32 32-32-14.3-32-32zm224 64c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm-128-64c0-13.3 10.7-24 24-24h112c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24zm40 72c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24s10.7-24 24-24h112zM152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 448c0 8.8 7.16 16 16 16h320c8.8 0 16-7.2 16-16V192H48v256z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M96 288c0-17.7 14.3-32 32-32s32 14.3 32 32-14.3 32-32 32-32-14.3-32-32zm224 64c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm-128-64c0-13.3 10.7-24 24-24h112c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24zm40 72c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24s10.7-24 24-24h112zM152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 448c0 8.8 7.16 16 16 16h320c8.8 0 16-7.2 16-16V192H48v256z'/%3E%3C/svg%3E\")}i.sg-icon.sg-icon-ellipsis:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z'/%3E%3C/svg%3E\")}i.sg-icon.sg-icon-grip-vertical:before{-webkit-mask-image:url(\"data:image/svg+xml, %3Csvg height='1em' viewBox='0 0 320 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 352l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zm192 0l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 320c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 192l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 160c-22.1 0-40-17.9-40-40L0 72C0 49.9 17.9 32 40 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml, %3Csvg height='1em' viewBox='0 0 320 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 352l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zm192 0l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 320c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 192l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 160c-22.1 0-40-17.9-40-40L0 72C0 49.9 17.9 32 40 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40z' /%3E%3C/svg%3E\")}i.sg-icon.sg-icon-next:before{background:none;border-bottom:2px solid;border-left:2px solid;content:\"\";display:block;height:12px;margin-left:-10px;margin-top:2px;transform:translate(75%) rotate(-135deg) scaleZ(-1);transition:transform .3s ease-in;width:12px}i.sg-icon.sg-icon-previous:before{background:none;border-bottom:2px solid;border-left:2px solid;content:\"\";display:block;height:12px;margin-left:-4px;margin-top:2px;transform:translate(75%) rotate(45deg) scaleZ(-1);transition:transform .3s ease-in;width:12px}i.sg-icon.sg-icon-ellipsis:before{margin-right:-2px}:host{--grey-400: rgb(233, 233, 233);--grey-500: rgb(222, 222, 222);--sg-z-index-popover: 999;--sg-card-background: #fff;--sg-card-border: 1px solid #e9e9e9;--sg-card-border-radius: 4px;--sg-border-radius: 4px;--sg-card-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .1019607843);--gds-ref-pallet-base800: #333;position:relative}:host .flex-right{right:0}:host .fold-out-button{border:0;cursor:pointer;font-family:inherit;padding:0;padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;display:inline-flex;justify-content:center;background-color:transparent;border:.0625rem solid transparent;padding:.625rem;height:2.75rem;width:2.75rem;min-width:auto;--color: var(--gds-ref-pallet-base800);border-color:transparent;color:var(--gds-ref-pallet-base800);display:flex;align-items:center;gap:.5rem;line-height:.75;padding-inline:.4375rem;width:auto}:host .fold-out-button:focus:not(:focus-visible){box-shadow:none;outline:0}:host .fold-out-button:focus,:host .fold-out-button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){:host .fold-out-button{min-width:100%}}@media screen and (-ms-high-contrast: active){:host .fold-out-button{border:2px solid currentcolor}}:host .fold-out-button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host .fold-out-button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}.form-group :host .fold-out-button{margin-top:-.625rem}:host .fold-out-button.small{height:2rem;width:2rem;padding:.4375rem;line-height:1.125rem}:host .fold-out-button svg{height:1rem;width:1rem}:host .fold-out-button path,:host .fold-out-button line,:host .fold-out-button circle,:host .fold-out-button rect,:host .fold-out-button ellipse,:host .fold-out-button polyline,:host .fold-out-button text{fill:var(--gds-ref-pallet-base800);stroke:var(--gds-ref-pallet-base800);transition:all .3s cubic-bezier(.23,1,.32,1)}:host .fold-out-button:hover,:host .fold-out-button.highlighted{background-color:#0000001a;border-color:transparent}:host .fold-out-button:active,:host .fold-out-button.highlighted:hover{background-color:#0003;border-color:transparent}@media (max-width: 35.98em){:host .fold-out-button{min-width:initial}}:host .nggv-fold-out__popover{background-clip:border-box;background:var(--sg-card-background);border:var(--sg-card-border);border-radius:var(--sg-card-border-radius);box-shadow:var(--sg-card-box-shadow);color:var(--sg-card-color);display:flex;flex-direction:column;padding:1rem;width:fit-content;display:none;padding:0}:host .nggv-fold-out__popover>header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-block-end:1rem}:host .nggv-fold-out__popover>header .close{margin:-.5rem -.5rem -.5rem .5rem}:host .nggv-fold-out__popover>*:not(header,footer){flex:1 1 auto}:host .nggv-fold-out__popover>footer{margin-top:.75rem}@media (min-width: 36em){:host .nggv-fold-out__popover>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .nggv-fold-out__popover>footer button:not(.link)+button,:host .nggv-fold-out__popover>footer button:not(.link)+.button,:host .nggv-fold-out__popover>footer .button:not(.link)+button,:host .nggv-fold-out__popover>footer .button:not(.link)+.button{margin-top:.75rem}}@media (min-width: 36em){:host .nggv-fold-out__popover>footer button:not(.link)+button,:host .nggv-fold-out__popover>footer button:not(.link)+.button,:host .nggv-fold-out__popover>footer .button:not(.link)+button,:host .nggv-fold-out__popover>footer .button:not(.link)+.button{margin-left:.75rem}}:host .nggv-fold-out__popover-expanded{display:block;position:absolute;z-index:var(--sg-z-index-popover)}:host ::ng-deep .nggv-field-dropdown__options__label{padding:.75rem 1rem;line-height:1.25;cursor:pointer;display:flex;gap:.75rem;-webkit-user-select:none;user-select:none}:host ::ng-deep .nggv-field-dropdown__options__label:hover,:host ::ng-deep .nggv-field-dropdown__options__label:focus-visible{background-color:var(--grey-400)}:host ::ng-deep .nggv-field-dropdown__options__label:active{background-color:var(--grey-400)}:host ::ng-deep .nggv-field-dropdown__options__label:focus{outline-color:#000;outline-offset:-.25rem}:host ::ng-deep .nggv-field-dropdown__options__label.active.sg-highlighted,:host ::ng-deep .nggv-field-dropdown__options__label[aria-selected=true]{background:var(--grey-1000);color:#fff}:host ::ng-deep .nggv-field-dropdown__options__label.delete-option{color:#bb000c}:host ::ng-deep .nggv-field-dropdown__options__label:hover,:host ::ng-deep .nggv-field-dropdown__options__label:focus-visible,:host ::ng-deep .nggv-field-dropdown__options__label[aria-focus=true]{background-color:var(--grey-400)}:host ::ng-deep .nggv-field-dropdown__options__label.delete-option:hover,:host ::ng-deep .nggv-field-dropdown__options__label.delete-option:focus-visible,:host ::ng-deep .nggv-field-dropdown__options__label.delete-option[aria-focus=true]{background-color:#d81a1a;color:#fff}:host ::ng-deep .nggv-field-dropdown__options__label:active{background-color:var(--grey-500)}:host ::ng-deep .nggv-field-dropdown__options__label.delete-option:active{background-color:#bb000c;color:#fff}:host ::ng-deep .nggv-field-dropdown__options__label:focus-visible{outline-color:#000;outline-offset:-.25rem}:host ::ng-deep .nggv-field-dropdown__options__label[aria-hidden=true]{display:none}:host ::ng-deep .nggv-field-dropdown__options__label[highlighted]{background:var(--grey-1000);color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.NggCoreElementDirective, selector: "[nggCoreElement]" }] }); }
|
|
255
379
|
}
|
|
256
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type:
|
|
380
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvFoldOutComponent, decorators: [{
|
|
257
381
|
type: Component,
|
|
258
|
-
args: [{ selector: 'nggv-fold-out', template: "<div #foldout>\n <button\n data-thook=\"fold-out-toggle\"\n class=\"fold-out-button\"\n (click)=\"toggleVisibility($event)\"\n >\n <gds-icon-dot-grid-one-horizontal\n width=\"24\"\n height=\"24\"\n *nggCoreElement\n ></gds-icon-dot-grid-one-horizontal>\n </button>\n\n <div\n class=\"gds-fold-out__popover\"\n [ngClass]=\"{ 'flex-right': alignOptions === 'right' }\"\n [class.gds-fold-out__popover-expanded]=\"shown\"\n (click)=\"toggleVisibility($event, false)\"\n >\n <ng-content></ng-content>\n </div>\n</div>\n", styles: ["i.sg-icon{font-size:0;width:1rem;height:1rem;display:inline-block}i.sg-icon:before{content:\"\";display:inline-block;background:var(--color);width:100%;height:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}i.sg-icon.sg-icon-calendar:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 248h80v-56H48v56zm0 48v64h80v-64H48zm128 0v64h96v-64h-96zm144 0v64h80v-64h-80zm80-104h-80v56h80v-56zm0 216h-80v56h64c8.8 0 16-7.2 16-16v-40zm-128 0h-96v56h96v-56zm-144 0H48v40c0 8.8 7.16 16 16 16h64v-56zm144-216h-96v56h96v-56z '/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 248h80v-56H48v56zm0 48v64h80v-64H48zm128 0v64h96v-64h-96zm144 0v64h80v-64h-80zm80-104h-80v56h80v-56zm0 216h-80v56h64c8.8 0 16-7.2 16-16v-40zm-128 0h-96v56h96v-56zm-144 0H48v40c0 8.8 7.16 16 16 16h64v-56zm144-216h-96v56h96v-56z '/%3E%3C/svg%3E\")}i.sg-icon.sg-icon-calendar-range:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M96 288c0-17.7 14.3-32 32-32s32 14.3 32 32-14.3 32-32 32-32-14.3-32-32zm224 64c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm-128-64c0-13.3 10.7-24 24-24h112c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24zm40 72c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24s10.7-24 24-24h112zM152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 448c0 8.8 7.16 16 16 16h320c8.8 0 16-7.2 16-16V192H48v256z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M96 288c0-17.7 14.3-32 32-32s32 14.3 32 32-14.3 32-32 32-32-14.3-32-32zm224 64c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm-128-64c0-13.3 10.7-24 24-24h112c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24zm40 72c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24s10.7-24 24-24h112zM152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 448c0 8.8 7.16 16 16 16h320c8.8 0 16-7.2 16-16V192H48v256z'/%3E%3C/svg%3E\")}i.sg-icon.sg-icon-ellipsis:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z'/%3E%3C/svg%3E\")}i.sg-icon.sg-icon-grip-vertical:before{-webkit-mask-image:url(\"data:image/svg+xml, %3Csvg height='1em' viewBox='0 0 320 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 352l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zm192 0l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 320c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 192l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 160c-22.1 0-40-17.9-40-40L0 72C0 49.9 17.9 32 40 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml, %3Csvg height='1em' viewBox='0 0 320 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 352l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zm192 0l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 320c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 192l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 160c-22.1 0-40-17.9-40-40L0 72C0 49.9 17.9 32 40 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40z' /%3E%3C/svg%3E\")}i.sg-icon.sg-icon-next:before{background:none;border-bottom:2px solid;border-left:2px solid;content:\"\";display:block;height:12px;margin-left:-10px;margin-top:2px;transform:translate(75%) rotate(-135deg) scaleZ(-1);transition:transform .3s ease-in;width:12px}i.sg-icon.sg-icon-previous:before{background:none;border-bottom:2px solid;border-left:2px solid;content:\"\";display:block;height:12px;margin-left:-4px;margin-top:2px;transform:translate(75%) rotate(45deg) scaleZ(-1);transition:transform .3s ease-in;width:12px}i.sg-icon.sg-icon-ellipsis:before{margin-right:-2px}:host .flex-right{right:0}:host .fold-out-button{border:0;cursor:pointer;font-family:inherit;padding:0;padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center;background-color:transparent;border:.0625rem solid transparent;padding:.625rem;height:2.75rem;width:2.75rem;min-width:auto;--color: var(--gds-ref-pallet-base800);border-color:transparent;color:var(--gds-ref-pallet-base800);display:flex;gap:.5rem;line-height:.75;padding-inline:.4375rem;width:auto}:host .fold-out-button:focus:not(:focus-visible){box-shadow:none;outline:0}:host .fold-out-button:focus,:host .fold-out-button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){:host .fold-out-button{min-width:100%}}@media screen and (-ms-high-contrast: active){:host .fold-out-button{border:2px solid currentcolor}}:host .fold-out-button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host .fold-out-button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}.form-group :host .fold-out-button{margin-top:-.625rem}:host .fold-out-button.small{height:2rem;width:2rem;padding:.4375rem;line-height:1.125rem}:host .fold-out-button svg{height:1rem;width:1rem}:host .fold-out-button path,:host .fold-out-button line,:host .fold-out-button circle,:host .fold-out-button rect,:host .fold-out-button ellipse,:host .fold-out-button polyline,:host .fold-out-button text{fill:var(--gds-ref-pallet-base800);stroke:var(--gds-ref-pallet-base800);transition:all .3s cubic-bezier(.23,1,.32,1)}:host .fold-out-button:hover,:host .fold-out-button.highlighted{background-color:#0000001a;border-color:transparent}:host .fold-out-button:active,:host .fold-out-button.highlighted:hover{background-color:#0003;border-color:transparent}:host .gds-fold-out__popover{background-clip:border-box;background:var(--sg-card-background);border:var(--sg-card-border);border-radius:var(--sg-card-border-radius);box-shadow:var(--sg-card-box-shadow);color:var(--sg-card-color);display:flex;flex-direction:column;padding:1rem;width:fit-content;display:none;padding:0}:host .gds-fold-out__popover>header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-block-end:1rem}:host .gds-fold-out__popover>header .close{margin:-.5rem -.5rem -.5rem .5rem}:host .gds-fold-out__popover>*:not(header,footer){flex:1 1 auto}:host .gds-fold-out__popover>footer{margin-top:.75rem}@media (min-width: 36em){:host .gds-fold-out__popover>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .gds-fold-out__popover>footer button:not(.link)+button,:host .gds-fold-out__popover>footer button:not(.link)+.button,:host .gds-fold-out__popover>footer .button:not(.link)+button,:host .gds-fold-out__popover>footer .button:not(.link)+.button{margin-top:.75rem}}@media (min-width: 36em){:host .gds-fold-out__popover>footer button:not(.link)+button,:host .gds-fold-out__popover>footer button:not(.link)+.button,:host .gds-fold-out__popover>footer .button:not(.link)+button,:host .gds-fold-out__popover>footer .button:not(.link)+.button{margin-left:.75rem}}:host .gds-fold-out__popover-expanded{display:block;position:absolute;z-index:var(--sg-z-index-popover)}:host ::ng-deep .nggv-field-dropdown__options__label{padding:.75rem 1rem;line-height:1.25;cursor:pointer;display:flex;gap:.75rem;-webkit-user-select:none;user-select:none}:host ::ng-deep .nggv-field-dropdown__options__label:active{background-color:var(--grey-400)}:host ::ng-deep .nggv-field-dropdown__options__label:focus{outline-color:#000;outline-offset:-.25rem}:host ::ng-deep .nggv-field-dropdown__options__label.active.sg-highlighted,:host ::ng-deep .nggv-field-dropdown__options__label[aria-selected=true]{background:var(--grey-1000);color:#fff}:host ::ng-deep .nggv-field-dropdown__options__label:hover,:host ::ng-deep .nggv-field-dropdown__options__label:focus-visible{background-color:var(--grey-400)}:host ::ng-deep .nggv-field-dropdown__options__label:active{background-color:var(--grey-500)}:host ::ng-deep .nggv-field-dropdown__options__label:focus-visible{outline-color:#000;outline-offset:-.25rem}:host ::ng-deep .nggv-field-dropdown__options__label[aria-hidden=true]{display:none}:host ::ng-deep .nggv-field-dropdown__options__label[highlighted]{background:var(--grey-1000);color:#fff}\n"] }]
|
|
259
|
-
}],
|
|
382
|
+
args: [{ selector: 'nggv-fold-out', template: "<div #foldout>\n <button\n data-thook=\"fold-out-toggle\"\n class=\"fold-out-button\"\n [ngClass]=\"{ 'no-text': !text }\"\n (click)=\"toggleVisibility()\"\n [attr.aria-expanded]=\"shown\"\n [attr.aria-label]=\"ariaLabel\"\n >\n <ng-container *ngTemplateOutlet=\"text ? withText : default\"> </ng-container>\n </button>\n\n <div\n #childrenContainer\n class=\"nggv-fold-out__popover\"\n [ngClass]=\"{ 'flex-right': alignOptions === 'right' }\"\n [class.nggv-fold-out__popover-expanded]=\"shown\"\n >\n <ng-content></ng-content>\n </div>\n</div>\n\n<ng-template #withText>\n {{ text }}\n <gds-icon-dot-grid-one-horizontal\n width=\"24\"\n height=\"24\"\n *nggCoreElement\n ></gds-icon-dot-grid-one-horizontal>\n</ng-template>\n\n<ng-template #default>\n <gds-icon-dot-grid-one-horizontal\n width=\"24\"\n height=\"24\"\n *nggCoreElement\n ></gds-icon-dot-grid-one-horizontal>\n <ng-template></ng-template\n></ng-template>\n", styles: ["i.sg-icon{font-size:0;width:1rem;height:1rem;display:inline-block}i.sg-icon:before{content:\"\";display:inline-block;background:var(--color);width:100%;height:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}i.sg-icon.sg-icon-calendar:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 248h80v-56H48v56zm0 48v64h80v-64H48zm128 0v64h96v-64h-96zm144 0v64h80v-64h-80zm80-104h-80v56h80v-56zm0 216h-80v56h64c8.8 0 16-7.2 16-16v-40zm-128 0h-96v56h96v-56zm-144 0H48v40c0 8.8 7.16 16 16 16h64v-56zm144-216h-96v56h96v-56z '/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 248h80v-56H48v56zm0 48v64h80v-64H48zm128 0v64h96v-64h-96zm144 0v64h80v-64h-80zm80-104h-80v56h80v-56zm0 216h-80v56h64c8.8 0 16-7.2 16-16v-40zm-128 0h-96v56h96v-56zm-144 0H48v40c0 8.8 7.16 16 16 16h64v-56zm144-216h-96v56h96v-56z '/%3E%3C/svg%3E\")}i.sg-icon.sg-icon-calendar-range:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M96 288c0-17.7 14.3-32 32-32s32 14.3 32 32-14.3 32-32 32-32-14.3-32-32zm224 64c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm-128-64c0-13.3 10.7-24 24-24h112c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24zm40 72c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24s10.7-24 24-24h112zM152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 448c0 8.8 7.16 16 16 16h320c8.8 0 16-7.2 16-16V192H48v256z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M96 288c0-17.7 14.3-32 32-32s32 14.3 32 32-14.3 32-32 32-32-14.3-32-32zm224 64c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm-128-64c0-13.3 10.7-24 24-24h112c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24zm40 72c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24s10.7-24 24-24h112zM152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 448c0 8.8 7.16 16 16 16h320c8.8 0 16-7.2 16-16V192H48v256z'/%3E%3C/svg%3E\")}i.sg-icon.sg-icon-ellipsis:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z'/%3E%3C/svg%3E\")}i.sg-icon.sg-icon-grip-vertical:before{-webkit-mask-image:url(\"data:image/svg+xml, %3Csvg height='1em' viewBox='0 0 320 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 352l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zm192 0l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 320c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 192l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 160c-22.1 0-40-17.9-40-40L0 72C0 49.9 17.9 32 40 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml, %3Csvg height='1em' viewBox='0 0 320 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 352l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zm192 0l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 320c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 192l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 160c-22.1 0-40-17.9-40-40L0 72C0 49.9 17.9 32 40 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40z' /%3E%3C/svg%3E\")}i.sg-icon.sg-icon-next:before{background:none;border-bottom:2px solid;border-left:2px solid;content:\"\";display:block;height:12px;margin-left:-10px;margin-top:2px;transform:translate(75%) rotate(-135deg) scaleZ(-1);transition:transform .3s ease-in;width:12px}i.sg-icon.sg-icon-previous:before{background:none;border-bottom:2px solid;border-left:2px solid;content:\"\";display:block;height:12px;margin-left:-4px;margin-top:2px;transform:translate(75%) rotate(45deg) scaleZ(-1);transition:transform .3s ease-in;width:12px}i.sg-icon.sg-icon-ellipsis:before{margin-right:-2px}:host{--grey-400: rgb(233, 233, 233);--grey-500: rgb(222, 222, 222);--sg-z-index-popover: 999;--sg-card-background: #fff;--sg-card-border: 1px solid #e9e9e9;--sg-card-border-radius: 4px;--sg-border-radius: 4px;--sg-card-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .1019607843);--gds-ref-pallet-base800: #333;position:relative}:host .flex-right{right:0}:host .fold-out-button{border:0;cursor:pointer;font-family:inherit;padding:0;padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;display:inline-flex;justify-content:center;background-color:transparent;border:.0625rem solid transparent;padding:.625rem;height:2.75rem;width:2.75rem;min-width:auto;--color: var(--gds-ref-pallet-base800);border-color:transparent;color:var(--gds-ref-pallet-base800);display:flex;align-items:center;gap:.5rem;line-height:.75;padding-inline:.4375rem;width:auto}:host .fold-out-button:focus:not(:focus-visible){box-shadow:none;outline:0}:host .fold-out-button:focus,:host .fold-out-button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){:host .fold-out-button{min-width:100%}}@media screen and (-ms-high-contrast: active){:host .fold-out-button{border:2px solid currentcolor}}:host .fold-out-button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host .fold-out-button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}.form-group :host .fold-out-button{margin-top:-.625rem}:host .fold-out-button.small{height:2rem;width:2rem;padding:.4375rem;line-height:1.125rem}:host .fold-out-button svg{height:1rem;width:1rem}:host .fold-out-button path,:host .fold-out-button line,:host .fold-out-button circle,:host .fold-out-button rect,:host .fold-out-button ellipse,:host .fold-out-button polyline,:host .fold-out-button text{fill:var(--gds-ref-pallet-base800);stroke:var(--gds-ref-pallet-base800);transition:all .3s cubic-bezier(.23,1,.32,1)}:host .fold-out-button:hover,:host .fold-out-button.highlighted{background-color:#0000001a;border-color:transparent}:host .fold-out-button:active,:host .fold-out-button.highlighted:hover{background-color:#0003;border-color:transparent}@media (max-width: 35.98em){:host .fold-out-button{min-width:initial}}:host .nggv-fold-out__popover{background-clip:border-box;background:var(--sg-card-background);border:var(--sg-card-border);border-radius:var(--sg-card-border-radius);box-shadow:var(--sg-card-box-shadow);color:var(--sg-card-color);display:flex;flex-direction:column;padding:1rem;width:fit-content;display:none;padding:0}:host .nggv-fold-out__popover>header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-block-end:1rem}:host .nggv-fold-out__popover>header .close{margin:-.5rem -.5rem -.5rem .5rem}:host .nggv-fold-out__popover>*:not(header,footer){flex:1 1 auto}:host .nggv-fold-out__popover>footer{margin-top:.75rem}@media (min-width: 36em){:host .nggv-fold-out__popover>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .nggv-fold-out__popover>footer button:not(.link)+button,:host .nggv-fold-out__popover>footer button:not(.link)+.button,:host .nggv-fold-out__popover>footer .button:not(.link)+button,:host .nggv-fold-out__popover>footer .button:not(.link)+.button{margin-top:.75rem}}@media (min-width: 36em){:host .nggv-fold-out__popover>footer button:not(.link)+button,:host .nggv-fold-out__popover>footer button:not(.link)+.button,:host .nggv-fold-out__popover>footer .button:not(.link)+button,:host .nggv-fold-out__popover>footer .button:not(.link)+.button{margin-left:.75rem}}:host .nggv-fold-out__popover-expanded{display:block;position:absolute;z-index:var(--sg-z-index-popover)}:host ::ng-deep .nggv-field-dropdown__options__label{padding:.75rem 1rem;line-height:1.25;cursor:pointer;display:flex;gap:.75rem;-webkit-user-select:none;user-select:none}:host ::ng-deep .nggv-field-dropdown__options__label:hover,:host ::ng-deep .nggv-field-dropdown__options__label:focus-visible{background-color:var(--grey-400)}:host ::ng-deep .nggv-field-dropdown__options__label:active{background-color:var(--grey-400)}:host ::ng-deep .nggv-field-dropdown__options__label:focus{outline-color:#000;outline-offset:-.25rem}:host ::ng-deep .nggv-field-dropdown__options__label.active.sg-highlighted,:host ::ng-deep .nggv-field-dropdown__options__label[aria-selected=true]{background:var(--grey-1000);color:#fff}:host ::ng-deep .nggv-field-dropdown__options__label.delete-option{color:#bb000c}:host ::ng-deep .nggv-field-dropdown__options__label:hover,:host ::ng-deep .nggv-field-dropdown__options__label:focus-visible,:host ::ng-deep .nggv-field-dropdown__options__label[aria-focus=true]{background-color:var(--grey-400)}:host ::ng-deep .nggv-field-dropdown__options__label.delete-option:hover,:host ::ng-deep .nggv-field-dropdown__options__label.delete-option:focus-visible,:host ::ng-deep .nggv-field-dropdown__options__label.delete-option[aria-focus=true]{background-color:#d81a1a;color:#fff}:host ::ng-deep .nggv-field-dropdown__options__label:active{background-color:var(--grey-500)}:host ::ng-deep .nggv-field-dropdown__options__label.delete-option:active{background-color:#bb000c;color:#fff}:host ::ng-deep .nggv-field-dropdown__options__label:focus-visible{outline-color:#000;outline-offset:-.25rem}:host ::ng-deep .nggv-field-dropdown__options__label[aria-hidden=true]{display:none}:host ::ng-deep .nggv-field-dropdown__options__label[highlighted]{background:var(--grey-1000);color:#fff}\n"] }]
|
|
383
|
+
}], propDecorators: { thook: [{
|
|
260
384
|
type: HostBinding,
|
|
261
385
|
args: ['attr.data-thook']
|
|
262
386
|
}, {
|
|
@@ -264,18 +388,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
264
388
|
}], inputRef: [{
|
|
265
389
|
type: ViewChild,
|
|
266
390
|
args: ['foldout', { read: ElementRef }]
|
|
391
|
+
}], container: [{
|
|
392
|
+
type: ViewChild,
|
|
393
|
+
args: ['childrenContainer']
|
|
267
394
|
}], alignOptions: [{
|
|
268
395
|
type: Input
|
|
396
|
+
}], text: [{
|
|
397
|
+
type: Input
|
|
398
|
+
}], ariaLabel: [{
|
|
399
|
+
type: Input
|
|
269
400
|
}] } });
|
|
270
401
|
|
|
271
|
-
class
|
|
402
|
+
class NggvFoldOutOptionDirective {
|
|
272
403
|
constructor() {
|
|
273
404
|
this.baseClass = true;
|
|
274
405
|
}
|
|
275
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type:
|
|
276
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type:
|
|
406
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvFoldOutOptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
407
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: NggvFoldOutOptionDirective, selector: "[nggvOption]", host: { properties: { "class.nggv-field-dropdown__options__label": "this.baseClass" } }, ngImport: i0 }); }
|
|
277
408
|
}
|
|
278
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type:
|
|
409
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvFoldOutOptionDirective, decorators: [{
|
|
279
410
|
type: Directive,
|
|
280
411
|
args: [{
|
|
281
412
|
selector: '[nggvOption]',
|
|
@@ -297,7 +428,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
297
428
|
* The closing button can be selected using 'slideout-close'.
|
|
298
429
|
* The backdrop is selectable using 'slideout-backdrop'.
|
|
299
430
|
*/
|
|
300
|
-
class
|
|
431
|
+
class NggvSlideOutComponent {
|
|
432
|
+
set shown(value) {
|
|
433
|
+
this._shown = value;
|
|
434
|
+
if (value) {
|
|
435
|
+
this.hideOverflow();
|
|
436
|
+
}
|
|
437
|
+
else {
|
|
438
|
+
this.resetOverflow();
|
|
439
|
+
}
|
|
440
|
+
}
|
|
441
|
+
get shown() {
|
|
442
|
+
return this._shown;
|
|
443
|
+
}
|
|
301
444
|
/** @internal */
|
|
302
445
|
get fromLeft() {
|
|
303
446
|
return this.side === 'left';
|
|
@@ -306,12 +449,13 @@ class NgvSlideOutComponent {
|
|
|
306
449
|
set buttons(buttons) {
|
|
307
450
|
this._buttons = buttons;
|
|
308
451
|
}
|
|
309
|
-
constructor(host) {
|
|
452
|
+
constructor(host, renderer) {
|
|
310
453
|
this.host = host;
|
|
454
|
+
this.renderer = renderer;
|
|
311
455
|
/** Sets from which side the modal should open. */
|
|
312
456
|
this.side = 'right';
|
|
313
457
|
/** Defines the default visibility state of the slide-out. */
|
|
314
|
-
this.
|
|
458
|
+
this._shown = false;
|
|
315
459
|
/** Defines the default visibility state of the modal. */
|
|
316
460
|
this.initiallyShown = false;
|
|
317
461
|
/** Sets whether it is possible to close the modal from the top right corner. */
|
|
@@ -330,7 +474,7 @@ class NgvSlideOutComponent {
|
|
|
330
474
|
this.host.nativeElement.close = this.close.bind(this);
|
|
331
475
|
}
|
|
332
476
|
ngOnInit() {
|
|
333
|
-
this.
|
|
477
|
+
this._shown = this.initiallyShown;
|
|
334
478
|
if (this.shown)
|
|
335
479
|
this.limitFocusable();
|
|
336
480
|
}
|
|
@@ -356,8 +500,9 @@ class NgvSlideOutComponent {
|
|
|
356
500
|
* @returns - true
|
|
357
501
|
*/
|
|
358
502
|
open(opener) {
|
|
359
|
-
this.
|
|
503
|
+
this._shown = true;
|
|
360
504
|
this.previous = opener || document.activeElement;
|
|
505
|
+
this.hideOverflow();
|
|
361
506
|
this.limitFocusable();
|
|
362
507
|
return true;
|
|
363
508
|
}
|
|
@@ -372,6 +517,7 @@ class NgvSlideOutComponent {
|
|
|
372
517
|
event instanceof MouseEvent &&
|
|
373
518
|
event.target !== event.currentTarget)
|
|
374
519
|
return;
|
|
520
|
+
this.resetOverflow();
|
|
375
521
|
if (this.shown && this.closable) {
|
|
376
522
|
this.nggvCloseEvent.emit(this.shown);
|
|
377
523
|
this.shown = false;
|
|
@@ -414,8 +560,14 @@ class NgvSlideOutComponent {
|
|
|
414
560
|
this.lastFocusable.focus();
|
|
415
561
|
});
|
|
416
562
|
}
|
|
417
|
-
|
|
418
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NgvSlideOutComponent, selector: "nggv-slideout-modal", inputs: { side: "side", shown: "shown", initiallyShown: "initiallyShown", heading: "heading", title: "title", content: "content", closable: "closable", autoWidth: "autoWidth", thook: "thook", buttons: "buttons" }, outputs: { nggvCloseEvent: "nggvCloseEvent", nggvPositiveEvent: "nggvPositiveEvent", nggvNeutralEvent: "nggvNeutralEvent", nggvNegativeEvent: "nggvNegativeEvent" }, host: { listeners: { "click": "close($event,\"host\")", "document:keydown.escape": "close($event)", "keydown": "focusTrap($event)" } }, viewQueries: [{ propertyName: "slideOutRef", first: true, predicate: ["slideOut"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"shown\">\n <div\n [ngClass]=\"{\n 'gds-slide-out--left': fromLeft,\n 'gds-slide-out--right': !fromLeft,\n }\"\n *transloco=\"let t\"\n [class.-active]=\"shown\"\n [attr.data-thook]=\"thook\"\n [attr.aria-hidden]=\"!shown\"\n [@modalAnimation]\n >\n <div\n #slideOut\n class=\"gds-slide-out\"\n [class.auto-width]=\"autoWidth\"\n [class.entered]=\"shown\"\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby=\"sdv-modal-title\"\n aria-describedby=\"sdv-modal-body\"\n >\n <header class=\"gds-slide-out__header\">\n <h3 class=\"gds-slide-out__heading\" id=\"sdv-modal-title\">\n {{ heading || title || '' }}\n </h3>\n <button\n data-testid=\"modal-close-button\"\n class=\"close\"\n (click)=\"this.close()\"\n >\n <span className=\"sr-only\">Close</span>\n <i></i>\n </button>\n </header>\n\n <section id=\"modal-body\">\n <div class=\"gds-slide-out__content hide-if-empty\">\n <div *ngIf=\"content\" [innerHtml]=\"content\"></div>\n <ng-content></ng-content>\n </div>\n <ng-content select=\"[slot='outside-content']\"></ng-content>\n </section>\n\n <footer class=\"modal-dialog__actions\">\n <button\n class=\"danger\"\n type=\"reset\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.negative || 'negative')\"\n (click)=\"onAction($event, 'negative')\"\n (keydown.enter)=\"onAction($event, 'negative')\"\n *ngIf=\"_buttons && _buttons.negative\"\n >\n {{ t(_buttons.negative) }}\n </button>\n\n <button\n class=\"secondary\"\n type=\"button\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.neutral || 'neutral')\"\n (click)=\"onAction($event, 'neutral')\"\n (keydown.enter)=\"onAction($event, 'neutral')\"\n *ngIf=\"_buttons && _buttons.neutral\"\n >\n {{ t(_buttons.neutral) }}\n </button>\n\n <button\n type=\"submit\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.positive || 'positive')\"\n (click)=\"onAction($event, 'positive')\"\n (keydown.enter)=\"onAction($event, 'positive')\"\n *ngIf=\"_buttons && _buttons.positive\"\n >\n {{ t(_buttons.positive) }}\n </button>\n </footer>\n </div>\n\n <div\n class=\"gds-backdrop\"\n data-thook=\"slideout-backdrop\"\n (click)=\"close()\"\n ></div>\n </div>\n</ng-container>\n", styles: ["button,input[type=button],input[type=submit],input[type=reset],.button,.gds-filter-chip{background-color:transparent;border:0;cursor:pointer;font-family:inherit;padding:0}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),input:where([type=button],[type=submit],[type=reset]),.button{padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus:not(:focus-visible),input:where([type=button],[type=submit],[type=reset]):focus:not(:focus-visible),.button:focus:not(:focus-visible){box-shadow:none;outline:0}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus,button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus-visible,input:where([type=button],[type=submit],[type=reset]):focus,input:where([type=button],[type=submit],[type=reset]):focus-visible,.button:focus,.button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),input:where([type=button],[type=submit],[type=reset]),.button{min-width:100%}}@media screen and (-ms-high-contrast: active){button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),input:where([type=button],[type=submit],[type=reset]),.button{border:2px solid currentcolor}}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).small,input:where([type=button],[type=submit],[type=reset]).small,.button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).large,input:where([type=button],[type=submit],[type=reset]).large,.button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)),button.secondary,a.button.secondary,input:is([type=button],[type=reset]),button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])),button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)){transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:#007ac7;color:#007ac7;--color: rgb(0, 122, 199)}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus:not(:focus-visible),a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus:not(:focus-visible),button.secondary:focus:not(:focus-visible),a.button.secondary:focus:not(:focus-visible),input:is([type=button],[type=reset]):focus:not(:focus-visible),button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):focus:not(:focus-visible),button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus:not(:focus-visible){box-shadow:none;outline:0}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus-visible,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus-visible,button.secondary:focus,button.secondary:focus-visible,a.button.secondary:focus,a.button.secondary:focus-visible,input:is([type=button],[type=reset]):focus,input:is([type=button],[type=reset]):focus-visible,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):focus,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):focus-visible,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):not(:disabled,.disabled,[aria-disabled]):hover,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.secondary:not(:disabled,.disabled,[aria-disabled]):hover,a.button.secondary:not(:disabled,.disabled,[aria-disabled]):hover,input:is([type=button],[type=reset]):not(:disabled,.disabled,[aria-disabled]):hover,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):not(:disabled,.disabled,[aria-disabled]):hover,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-selected=true],button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active:hover,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active:hover,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected=true],a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover,button.secondary[aria-selected=true],button.secondary:active,button.secondary.active,button.secondary.active:hover,button.secondary:active:hover,a.button.secondary[aria-selected=true],a.button.secondary:active,a.button.secondary.active,a.button.secondary.active:hover,a.button.secondary:active:hover,input:is([type=button],[type=reset])[aria-selected=true],input:is([type=button],[type=reset]):active,input:is([type=button],[type=reset]).active,input:is([type=button],[type=reset]).active:hover,input:is([type=button],[type=reset]):active:hover,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu]))[aria-selected=true],button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):active,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).active,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).active:hover,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):active:hover,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected=true],button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true],a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true],button.secondary:disabled,button.secondary.disabled,button.secondary[aria-disabled=true],a.button.secondary:disabled,a.button.secondary.disabled,a.button.secondary[aria-disabled=true],input:is([type=button],[type=reset]):disabled,input:is([type=button],[type=reset]).disabled,input:is([type=button],[type=reset])[aria-disabled=true],button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):disabled,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).disabled,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu]))[aria-disabled=true],button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled::placeholder,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled::placeholder,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true]::placeholder,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled::placeholder,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled::placeholder,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true]::placeholder,button.secondary:disabled::placeholder,button.secondary.disabled::placeholder,button.secondary[aria-disabled=true]::placeholder,a.button.secondary:disabled::placeholder,a.button.secondary.disabled::placeholder,a.button.secondary[aria-disabled=true]::placeholder,input:is([type=button],[type=reset]):disabled::placeholder,input:is([type=button],[type=reset]).disabled::placeholder,input:is([type=button],[type=reset])[aria-disabled=true]::placeholder,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):disabled::placeholder,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).disabled::placeholder,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu]))[aria-disabled=true]::placeholder,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled::placeholder,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled::placeholder,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),a.button:where(:not(.primary,.secondary,.ghost,.close,.link)),button.tertiary,a.button.tertiary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:transparent;color:#007ac7;--color: rgb(0, 122, 199)}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus:not(:focus-visible),a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):focus:not(:focus-visible),button.tertiary:focus:not(:focus-visible),a.button.tertiary:focus:not(:focus-visible){box-shadow:none;outline:0}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus-visible,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):focus,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):focus-visible,button.tertiary:focus,button.tertiary:focus-visible,a.button.tertiary:focus,a.button.tertiary:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):not(:disabled,.disabled,[aria-disabled]):hover,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.tertiary:not(:disabled,.disabled,[aria-disabled]):hover,a.button.tertiary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-selected=true],button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active:hover,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active:hover,a.button:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-selected=true],a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):active,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).active,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).active:hover,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):active:hover,button.tertiary[aria-selected=true],button.tertiary:active,button.tertiary.active,button.tertiary.active:hover,button.tertiary:active:hover,a.button.tertiary[aria-selected=true],a.button.tertiary:active,a.button.tertiary.active,a.button.tertiary.active:hover,a.button.tertiary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true],a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):disabled,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).disabled,a.button:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-disabled=true],button.tertiary:disabled,button.tertiary.disabled,button.tertiary[aria-disabled=true],a.button.tertiary:disabled,a.button.tertiary.disabled,a.button.tertiary[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled::placeholder,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled::placeholder,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true]::placeholder,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):disabled::placeholder,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).disabled::placeholder,a.button:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-disabled=true]::placeholder,button.tertiary:disabled::placeholder,button.tertiary.disabled::placeholder,button.tertiary[aria-disabled=true]::placeholder,a.button.tertiary:disabled::placeholder,a.button.tertiary.disabled::placeholder,a.button.tertiary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.primary,input[type=submit],button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip),input[type=submit]:not(.secondary,.ghost,.danger,.close,.link),a.button.primary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:#007ac7;border-color:#007ac7;color:#fff;--color: #fff}button.primary:not(:disabled,.disabled,[aria-disabled]):hover,input[type=submit]:not(:disabled,.disabled,[aria-disabled]):hover,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):not(:disabled,.disabled,[aria-disabled]):hover,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):not(:disabled,.disabled,[aria-disabled]):hover,a.button.primary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}button.primary[aria-selected=true],button.primary:active,button.primary.active,button.primary.active:hover,button.primary:active:hover,input[type=submit][aria-selected=true],input[type=submit]:active,input[type=submit].active,input[type=submit].active:hover,input[type=submit]:active:hover,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip)[aria-selected=true],button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):active,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).active,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).active:hover,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):active:hover,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link)[aria-selected=true],input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):active,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).active,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).active:hover,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):active:hover,a.button.primary[aria-selected=true],a.button.primary:active,a.button.primary.active,a.button.primary.active:hover,a.button.primary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}button.primary:focus-visible,input[type=submit]:focus-visible,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):focus-visible,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):focus-visible,a.button.primary:focus-visible{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3!important}button.primary:disabled,button.primary.disabled,button.primary[aria-disabled=true],input[type=submit]:disabled,input[type=submit].disabled,input[type=submit][aria-disabled=true],button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):disabled,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).disabled,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip)[aria-disabled=true],input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):disabled,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).disabled,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link)[aria-disabled=true],a.button.primary:disabled,a.button.primary.disabled,a.button.primary[aria-disabled=true]{background:var(--form-control-primary-bg-disabled)!important;color:var(--text-primary-disabled-color)!important;border-color:var(--border-primary-disabled-color)!important;cursor:not-allowed}button.primary:disabled::placeholder,button.primary.disabled::placeholder,button.primary[aria-disabled=true]::placeholder,input[type=submit]:disabled::placeholder,input[type=submit].disabled::placeholder,input[type=submit][aria-disabled=true]::placeholder,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):disabled::placeholder,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).disabled::placeholder,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip)[aria-disabled=true]::placeholder,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):disabled::placeholder,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).disabled::placeholder,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link)[aria-disabled=true]::placeholder,a.button.primary:disabled::placeholder,a.button.primary.disabled::placeholder,a.button.primary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.ghost,.button.ghost{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;border-color:#333;color:#333;--color: rgb(51, 51, 51)}button.ghost:not(:disabled,.disabled,[aria-disabled]):hover,.button.ghost:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}button.ghost[aria-selected=true],button.ghost:active,button.ghost.active,button.ghost.active:hover,button.ghost:active:hover,.button.ghost[aria-selected=true],.button.ghost:active,.button.ghost.active,.button.ghost.active:hover,.button.ghost:active:hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}button.ghost[aria-selected]:hover,button.ghost.active:hover,button.ghost:active:hover,.button.ghost[aria-selected]:hover,.button.ghost.active:hover,.button.ghost:active:hover{opacity:.9}button.ghost:focus-visible,.button.ghost:focus-visible{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333!important}button.ghost:disabled,button.ghost.disabled,button.ghost[aria-disabled=true],.button.ghost:disabled,.button.ghost.disabled,.button.ghost[aria-disabled=true]{color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}button.ghost:disabled::placeholder,button.ghost.disabled::placeholder,button.ghost[aria-disabled=true]::placeholder,.button.ghost:disabled::placeholder,.button.ghost.disabled::placeholder,.button.ghost[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.icon,.button.icon{background-color:transparent;border:.0625rem solid transparent;padding:.625rem;height:2.75rem;width:2.75rem;min-width:auto;--color: var(--gds-ref-pallet-base800)}.form-group button.icon,.form-group .button.icon{margin-top:-.625rem}button.icon.small,.button.icon.small{height:2rem;width:2rem;padding:.4375rem;line-height:1.125rem}button.icon svg,.button.icon svg{height:1rem;width:1rem}button.icon path,button.icon line,button.icon circle,button.icon rect,button.icon ellipse,button.icon polyline,button.icon text,.button.icon path,.button.icon line,.button.icon circle,.button.icon rect,.button.icon ellipse,.button.icon polyline,.button.icon text{fill:var(--gds-ref-pallet-base800);stroke:var(--gds-ref-pallet-base800);transition:all .3s cubic-bezier(.23,1,.32,1)}button.icon:hover,button.icon.highlighted,.button.icon:hover,.button.icon.highlighted{background-color:#0000001a;border-color:transparent}button.icon:active,button.icon.highlighted:hover,.button.icon:active,.button.icon.highlighted:hover{background-color:#0003;border-color:transparent}button.primary.danger,.button.primary.danger,button[type=submit].danger:not(.secondary,.ghost,.close,.link),input[type=submit].danger:not(.secondary,.ghost,.close,.link){background:#bb000c;border-color:#bb000c;color:#fff;--color: #fff;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}button.primary.danger:not(:disabled,.disabled,[aria-disabled]):hover,.button.primary.danger:not(:disabled,.disabled,[aria-disabled]):hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link):not(:disabled,.disabled,[aria-disabled]):hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}button.primary.danger[aria-selected=true],button.primary.danger:active,button.primary.danger.active,button.primary.danger.active:hover,button.primary.danger:active:hover,.button.primary.danger[aria-selected=true],.button.primary.danger:active,.button.primary.danger.active,.button.primary.danger.active:hover,.button.primary.danger:active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected=true],button[type=submit].danger:not(.secondary,.ghost,.close,.link):active,button[type=submit].danger:not(.secondary,.ghost,.close,.link).active,button[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected=true],input[type=submit].danger:not(.secondary,.ghost,.close,.link):active,input[type=submit].danger:not(.secondary,.ghost,.close,.link).active,input[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}button.primary.danger[aria-selected]:hover,button.primary.danger.active:hover,button.primary.danger:active:hover,.button.primary.danger[aria-selected]:hover,.button.primary.danger.active:hover,.button.primary.danger:active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected]:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected]:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover{opacity:.9}button.primary.danger:focus:not(:focus-visible),.button.primary.danger:focus:not(:focus-visible),button[type=submit].danger:not(.secondary,.ghost,.close,.link):focus:not(:focus-visible),input[type=submit].danger:not(.secondary,.ghost,.close,.link):focus:not(:focus-visible){box-shadow:none;outline:0}button.primary.danger:focus,button.primary.danger:focus-visible,.button.primary.danger:focus,.button.primary.danger:focus-visible,button[type=submit].danger:not(.secondary,.ghost,.close,.link):focus,button[type=submit].danger:not(.secondary,.ghost,.close,.link):focus-visible,input[type=submit].danger:not(.secondary,.ghost,.close,.link):focus,input[type=submit].danger:not(.secondary,.ghost,.close,.link):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button.primary.danger:disabled,button.primary.danger.disabled,button.primary.danger[aria-disabled=true],.button.primary.danger:disabled,.button.primary.danger.disabled,.button.primary.danger[aria-disabled=true],button[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled,button[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true],input[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled,input[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true]{background:var(--form-control-primary-bg-disabled)!important;color:var(--text-primary-disabled-color)!important;border-color:var(--border-primary-disabled-color)!important;cursor:not-allowed}button.primary.danger:disabled::placeholder,button.primary.danger.disabled::placeholder,button.primary.danger[aria-disabled=true]::placeholder,.button.primary.danger:disabled::placeholder,.button.primary.danger.disabled::placeholder,.button.primary.danger[aria-disabled=true]::placeholder,button[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled::placeholder,button[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled::placeholder,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true]::placeholder,input[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled::placeholder,input[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled::placeholder,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])),a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)),button.secondary.danger,a.button.secondary.danger,input.danger:is([type=button],[type=reset]),button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])),button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)){color:#bb000c;--color: rgb(187, 0, 12);border-color:transparent;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):not(:disabled,.disabled,[aria-disabled]):hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.secondary.danger:not(:disabled,.disabled,[aria-disabled]):hover,a.button.secondary.danger:not(:disabled,.disabled,[aria-disabled]):hover,input.danger:is([type=button],[type=reset]):not(:disabled,.disabled,[aria-disabled]):hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):not(:disabled,.disabled,[aria-disabled]):hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected=true],button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link))[aria-selected=true],a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):active,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)).active,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):active:hover,button.secondary.danger[aria-selected=true],button.secondary.danger:active,button.secondary.danger.active,button.secondary.danger.active:hover,button.secondary.danger:active:hover,a.button.secondary.danger[aria-selected=true],a.button.secondary.danger:active,a.button.secondary.danger.active,a.button.secondary.danger.active:hover,a.button.secondary.danger:active:hover,input.danger:is([type=button],[type=reset])[aria-selected=true],input.danger:is([type=button],[type=reset]):active,input.danger:is([type=button],[type=reset]).active,input.danger:is([type=button],[type=reset]).active:hover,input.danger:is([type=button],[type=reset]):active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu]))[aria-selected=true],button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):active,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])).active,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])).active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected=true],button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected]:hover,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link))[aria-selected]:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):active:hover,button.secondary.danger[aria-selected]:hover,button.secondary.danger.active:hover,button.secondary.danger:active:hover,a.button.secondary.danger[aria-selected]:hover,a.button.secondary.danger.active:hover,a.button.secondary.danger:active:hover,input.danger:is([type=button],[type=reset])[aria-selected]:hover,input.danger:is([type=button],[type=reset]).active:hover,input.danger:is([type=button],[type=reset]):active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu]))[aria-selected]:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])).active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected]:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover{opacity:.9}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus:not(:focus-visible),a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):focus:not(:focus-visible),button.secondary.danger:focus:not(:focus-visible),a.button.secondary.danger:focus:not(:focus-visible),input.danger:is([type=button],[type=reset]):focus:not(:focus-visible),button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):focus:not(:focus-visible),button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus:not(:focus-visible){box-shadow:none;outline:0}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus-visible,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):focus,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):focus-visible,button.secondary.danger:focus,button.secondary.danger:focus-visible,a.button.secondary.danger:focus,a.button.secondary.danger:focus-visible,input.danger:is([type=button],[type=reset]):focus,input.danger:is([type=button],[type=reset]):focus-visible,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):focus,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):focus-visible,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])),a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)),button.tertiary.danger,a.button.tertiary.danger{color:#bb000c;--color: rgb(187, 0, 12);border-color:transparent;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):not(:disabled,.disabled,[aria-disabled]):hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.tertiary.danger:not(:disabled,.disabled,[aria-disabled]):hover,a.button.tertiary.danger:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected=true],button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-selected=true],a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):active,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)).active,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):active:hover,button.tertiary.danger[aria-selected=true],button.tertiary.danger:active,button.tertiary.danger.active,button.tertiary.danger.active:hover,button.tertiary.danger:active:hover,a.button.tertiary.danger[aria-selected=true],a.button.tertiary.danger:active,a.button.tertiary.danger.active,a.button.tertiary.danger.active:hover,a.button.tertiary.danger:active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected]:hover,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-selected]:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):active:hover,button.tertiary.danger[aria-selected]:hover,button.tertiary.danger.active:hover,button.tertiary.danger:active:hover,a.button.tertiary.danger[aria-selected]:hover,a.button.tertiary.danger.active:hover,a.button.tertiary.danger:active:hover{opacity:.9}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus:not(:focus-visible),a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):focus:not(:focus-visible),button.tertiary.danger:focus:not(:focus-visible),a.button.tertiary.danger:focus:not(:focus-visible){box-shadow:none;outline:0}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus-visible,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):focus,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):focus-visible,button.tertiary.danger:focus,button.tertiary.danger:focus-visible,a.button.tertiary.danger:focus,a.button.tertiary.danger:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .gds-slide-out{background:var(--sg-modal-background);display:flex;flex-direction:column;box-shadow:var(--sg-modal-box-shadow);position:absolute;width:100%;z-index:var(--sg-z-index-modal);position:fixed;height:100dvh;max-width:512px;min-height:-webkit-fill-available;min-height:-moz-available;min-height:stretch;right:0;top:0;transition:transform .35s cubic-bezier(.33,1,.68,1);transform:translate(100%);z-index:1050}:host .gds-slide-out>.header,:host .gds-slide-out>header{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .gds-slide-out>.header h3,:host .gds-slide-out>.header .h3,:host .gds-slide-out>header h3,:host .gds-slide-out>header .h3{margin-bottom:0;margin-top:0}:host .gds-slide-out>.header h3+.close,:host .gds-slide-out>.header .h3+.close,:host .gds-slide-out>header h3+.close,:host .gds-slide-out>header .h3+.close{margin:-7px;min-width:2rem}:host .gds-slide-out>.body{padding:1rem;overflow:auto;width:100%}:host .gds-slide-out>.body p{margin-bottom:0;margin-top:0}:host .gds-slide-out>.footer,:host .gds-slide-out>footer{padding:1rem;width:100%}@media (min-width: 36em){:host .gds-slide-out>.footer,:host .gds-slide-out>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .gds-slide-out>.footer button+button,:host .gds-slide-out>.footer button+.button,:host .gds-slide-out>.footer .button+button,:host .gds-slide-out>.footer .button+.button,:host .gds-slide-out>footer button+button,:host .gds-slide-out>footer button+.button,:host .gds-slide-out>footer .button+button,:host .gds-slide-out>footer .button+.button{margin-top:.75rem}}@media (min-width: 36em){:host .gds-slide-out>.footer button+button,:host .gds-slide-out>.footer button+.button,:host .gds-slide-out>.footer .button+button,:host .gds-slide-out>.footer .button+.button,:host .gds-slide-out>footer button+button,:host .gds-slide-out>footer button+.button,:host .gds-slide-out>footer .button+button,:host .gds-slide-out>footer .button+.button{margin-left:.75rem}}:host .gds-slide-out.is-entering,:host .gds-slide-out.entered{transform:translate(0)}:host .gds-slide-out.is-exiting{transform:translate(100%)}:host .gds-slide-out.large{max-width:720px}:host .gds-slide-out>.body{flex:1 0}:host .gds-slide-out.left{left:0}:host .gds-slide-out.gds-slide-out--768{max-width:48rem}:host .gds-slide-out.gds-slide-out--960{max-width:60rem}:host .gds-slide-out.gds-slide-out--768 header,:host .gds-slide-out.gds-slide-out--960 header{padding:1.5rem 2rem 1rem}:host .gds-slide-out.gds-slide-out--768 .body,:host .gds-slide-out.gds-slide-out--960 .body{padding:2rem 2rem 1rem}:host .gds-slide-out.gds-slide-out--768 footer,:host .gds-slide-out.gds-slide-out--960 footer{padding:1rem 2rem 2rem}:host .gds-slide-out.auto-width{width:auto;max-width:initial}:host .hide-if-empty:empty{display:none}:host .gds-backdrop{background:#00000059;inset:0;position:fixed;z-index:1040;display:block;transition:opacity .5s cubic-bezier(.33,1,.68,1)}:host .gds-backdrop--transparent{opacity:0}:host .gds-backdrop--transparent.entered,:host .gds-backdrop--transparent.is-entering{opacity:1}:host .gds-backdrop--transparent.is-exiting{opacity:0}:host .gds-slide-out__content{padding:1rem;overflow:auto;width:100%}:host .gds-slide-out__content p{margin-bottom:0;margin-top:0}:host .modal-dialog__actions,:host .gds-slide-out__header,:host .modal-body,:host .gds-slide-out__content{box-sizing:border-box}:host #sdv-modal-body{flex:1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }], animations: [
|
|
563
|
+
hideOverflow() {
|
|
564
|
+
this.renderer.setStyle(document.body, 'overflow', 'hidden');
|
|
565
|
+
}
|
|
566
|
+
resetOverflow() {
|
|
567
|
+
this.renderer.removeStyle(document.body, 'overflow');
|
|
568
|
+
}
|
|
569
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvSlideOutComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
570
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NggvSlideOutComponent, selector: "nggv-slideout-modal", inputs: { side: "side", shown: "shown", initiallyShown: "initiallyShown", heading: "heading", title: "title", content: "content", closable: "closable", autoWidth: "autoWidth", thook: "thook", closeButtonAriaLabel: "closeButtonAriaLabel", buttons: "buttons" }, outputs: { nggvCloseEvent: "nggvCloseEvent", nggvPositiveEvent: "nggvPositiveEvent", nggvNeutralEvent: "nggvNeutralEvent", nggvNegativeEvent: "nggvNegativeEvent" }, host: { listeners: { "click": "close($event,\"host\")", "document:keydown.escape": "close($event)", "keydown": "focusTrap($event)" } }, viewQueries: [{ propertyName: "slideOutRef", first: true, predicate: ["slideOut"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"shown\">\n <div\n [ngClass]=\"{\n 'gds-slide-out--left': fromLeft,\n 'gds-slide-out--right': !fromLeft,\n }\"\n *transloco=\"let t\"\n [class.-active]=\"shown\"\n [attr.data-thook]=\"thook\"\n [attr.aria-hidden]=\"!shown\"\n [@modalAnimation]\n >\n <div\n #slideOut\n class=\"gds-slide-out\"\n [class.auto-width]=\"autoWidth\"\n [class.entered]=\"shown\"\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby=\"gds-modal-title\"\n aria-describedby=\"gds-modal-body\"\n >\n <header class=\"gds-slide-out__header\">\n <h3 id=\"gds-modal-title\">\n {{ heading || title || '' }}\n </h3>\n <button\n data-testid=\"modal-close-button\"\n class=\"nggv-modal-slideout__close\"\n (click)=\"this.close()\"\n [attr.aria-label]=\"closeButtonAriaLabel\"\n >\n <i></i>\n </button>\n </header>\n\n <section id=\"modal-body\">\n <div class=\"gds-slide-out__content hide-if-empty\">\n <div *ngIf=\"content\" [innerHtml]=\"content\"></div>\n <ng-content></ng-content>\n </div>\n <ng-content select=\"[slot='outside-content']\"></ng-content>\n </section>\n\n <footer class=\"modal-dialog__actions\">\n <button\n class=\"danger\"\n type=\"reset\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.negative || 'negative')\"\n (click)=\"onAction($event, 'negative')\"\n (keydown.enter)=\"onAction($event, 'negative')\"\n *ngIf=\"_buttons && _buttons.negative\"\n >\n {{ t(_buttons.negative) }}\n </button>\n\n <button\n class=\"secondary\"\n type=\"button\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.neutral || 'neutral')\"\n (click)=\"onAction($event, 'neutral')\"\n (keydown.enter)=\"onAction($event, 'neutral')\"\n *ngIf=\"_buttons && _buttons.neutral\"\n >\n {{ t(_buttons.neutral) }}\n </button>\n\n <button\n class=\"primary\"\n type=\"submit\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.positive || 'positive')\"\n (click)=\"onAction($event, 'positive')\"\n (keydown.enter)=\"onAction($event, 'positive')\"\n *ngIf=\"_buttons && _buttons.positive\"\n >\n {{ t(_buttons.positive) }}\n </button>\n </footer>\n </div>\n\n <div\n class=\"nggv-backdrop\"\n data-thook=\"slideout-backdrop\"\n (click)=\"close()\"\n ></div>\n </div>\n</ng-container>\n", styles: [":host{--background-hsl: 0deg, 0%, 0%;--gds-ref-pallet-base200: hsl(0, 0%, 91%);--gds-sys-color-base: hsl(0, 0%, 20%);--gds-sys-color-font: hsl(0, 0%, 20%);--gds-sys-shape-corner-round: 50%;--grey-500: rgb(222, 222, 222);--sg-border-color: hsl(0, 0%, 53%);--sg-border-radius: .25rem;--sg-border-width: 1px;--sg-hsl-contrast: 0deg, 0%, 0%;--sg-modal-backdrop-background: rgba(0, 0, 0, .5);--sg-modal-background: #fff;--sg-modal-box-shadow: 0 .125rem .375rem rgba(0, 0, 0, .15);--sg-z-index-modal-backdrop: 1040;--sg-z-index-modal: 1050;--text-primary-color: rgb(51, 51, 51)}:host .gds-slide-out{background:var(--sg-modal-background);display:flex;flex-direction:column;box-shadow:var(--sg-modal-box-shadow);position:absolute;width:100%;z-index:var(--sg-z-index-modal);position:fixed;height:100dvh;max-width:512px;min-height:-webkit-fill-available;min-height:-moz-available;min-height:stretch;right:0;top:0;transition:transform .35s cubic-bezier(.33,1,.68,1);transform:translate(100%);z-index:1050}:host .gds-slide-out>.header,:host .gds-slide-out>header{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .gds-slide-out>.header h3,:host .gds-slide-out>.header .h3,:host .gds-slide-out>header h3,:host .gds-slide-out>header .h3{margin-bottom:0;margin-top:0}:host .gds-slide-out>.header h3+.close,:host .gds-slide-out>.header .h3+.close,:host .gds-slide-out>header h3+.close,:host .gds-slide-out>header .h3+.close{margin:-7px;min-width:2rem}:host .gds-slide-out>.body{padding:1rem;overflow:auto;width:100%}:host .gds-slide-out>.body p{margin-bottom:0;margin-top:0}:host .gds-slide-out>.footer,:host .gds-slide-out>footer{padding:1rem;width:100%}@media (min-width: 36em){:host .gds-slide-out>.footer,:host .gds-slide-out>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .gds-slide-out>.footer button+button,:host .gds-slide-out>.footer button+.button,:host .gds-slide-out>.footer .button+button,:host .gds-slide-out>.footer .button+.button,:host .gds-slide-out>footer button+button,:host .gds-slide-out>footer button+.button,:host .gds-slide-out>footer .button+button,:host .gds-slide-out>footer .button+.button{margin-top:.75rem}}@media (min-width: 36em){:host .gds-slide-out>.footer button+button,:host .gds-slide-out>.footer button+.button,:host .gds-slide-out>.footer .button+button,:host .gds-slide-out>.footer .button+.button,:host .gds-slide-out>footer button+button,:host .gds-slide-out>footer button+.button,:host .gds-slide-out>footer .button+button,:host .gds-slide-out>footer .button+.button{margin-left:.75rem}}:host .gds-slide-out.is-entering,:host .gds-slide-out.entered{transform:translate(0)}:host .gds-slide-out.is-exiting{transform:translate(100%)}:host .gds-slide-out.large{max-width:720px}:host .gds-slide-out>.body{flex:1 0}:host .gds-slide-out.left{left:0}:host .gds-slide-out.gds-slide-out--768{max-width:48rem}:host .gds-slide-out.gds-slide-out--960{max-width:60rem}:host .gds-slide-out.gds-slide-out--768 header,:host .gds-slide-out.gds-slide-out--960 header{padding:1.5rem 2rem 1rem}:host .gds-slide-out.gds-slide-out--768 .body,:host .gds-slide-out.gds-slide-out--960 .body{padding:2rem 2rem 1rem}:host .gds-slide-out.gds-slide-out--768 footer,:host .gds-slide-out.gds-slide-out--960 footer{padding:1rem 2rem 2rem}:host .gds-slide-out.auto-width{width:auto;max-width:initial}:host .hide-if-empty:empty{display:none}:host .nggv-backdrop{background:var(--sg-modal-backdrop-background);inset:0;position:fixed;z-index:var(--sg-z-index-modal-backdrop);display:block;transition:opacity .5s cubic-bezier(.33,1,.68,1)}:host .nggv-backdrop--transparent{opacity:0}:host .nggv-backdrop--transparent.entered,:host .nggv-backdrop--transparent.is-entering{opacity:1}:host .nggv-backdrop--transparent.is-exiting{opacity:0}:host .gds-slide-out__content{padding:1rem;overflow:auto;width:100%}:host .gds-slide-out__content p{margin-bottom:0;margin-top:0}:host .modal-dialog__actions,:host .gds-slide-out__header,:host .modal-body,:host .gds-slide-out__content{box-sizing:border-box}:host .modal-slide-out__heading{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .modal-slide-out__heading h3,:host .modal-slide-out__heading .h3{margin-bottom:0;margin-top:0}:host .modal-slide-out__heading h3+.close,:host .modal-slide-out__heading .h3+.close{margin:-7px;min-width:2rem}:host .nggv-modal-slideout__close{background-color:transparent;padding:0;font-size:0;background:var(--gds-sys-color-surface);border:0;border-radius:50%;content:\"\";cursor:pointer;display:flex;font-family:inherit;height:2rem;position:relative;width:2rem}@media (hover: none) and (pointer: coarse){:host .nggv-modal-slideout__close:not(:disabled):not(.disabled){padding:.375rem;height:2.75rem;width:2.75rem}:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>i{background:var(--gds-ref-pallet-base200);height:2rem;width:2rem;border-radius:50%;position:relative;--color: var(--gds-sys-color-base)}:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>div:after,:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>div:before{height:.789375rem;width:.130625rem;top:.625rem}}:host .nggv-modal-slideout__close:focus:not(:focus-visible){box-shadow:none;outline:0}:host .nggv-modal-slideout__close:focus,:host .nggv-modal-slideout__close:focus-visible i{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .nggv-modal-slideout__close>i{border-radius:var(--gds-sys-shape-corner-round);display:block;width:100%;height:100%}:host .nggv-modal-slideout__close>i:after,:host .nggv-modal-slideout__close>i:before{background:var(--gds-sys-color-font);content:\"\";display:block;height:.789375rem;width:.130625rem;border-radius:.5px;left:calc(50% - .0625rem);position:absolute;top:.625rem}:host .nggv-modal-slideout__close>i:after{transform:rotate(45deg)}:host .nggv-modal-slideout__close>i:before{transform:rotate(-45deg)}:host .nggv-modal-slideout__close>svg path{fill:var(--gds-sys-color-font)}@media (min-width: 48em){:host .nggv-modal-slideout__close:not(:disabled,.disabled):hover>i{background:color-mix(in srgb,var(--gds-sys-color-font) 10%,transparent)}:host .nggv-modal-slideout__close:not(:disabled,.disabled):hover:active>i{background:color-mix(in srgb,var(--gds-sys-color-font) 20%,transparent)}}:host .modal-dialog__actions button{background-color:transparent;border:0;cursor:pointer;padding:0;padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center;font-size:1rem;font-family:inherit}:host .modal-dialog__actions button:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions button:focus,:host .modal-dialog__actions button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){:host .modal-dialog__actions button{min-width:100%}}@media screen and (-ms-high-contrast: active){:host .modal-dialog__actions button{border:2px solid currentcolor}}:host .modal-dialog__actions button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host .modal-dialog__actions button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}:host .modal-dialog__actions .primary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:#007ac7;border-color:#007ac7;color:#fff;--color: #fff}:host .modal-dialog__actions .primary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host .modal-dialog__actions .primary[aria-selected=true],:host .modal-dialog__actions .primary:active,:host .modal-dialog__actions .primary.active,:host .modal-dialog__actions .primary.active:hover,:host .modal-dialog__actions .primary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .modal-dialog__actions .primary:focus-visible{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3!important}:host .modal-dialog__actions .primary:disabled,:host .modal-dialog__actions .primary.disabled,:host .modal-dialog__actions .primary[aria-disabled=true]{background:var(--form-control-primary-bg-disabled)!important;color:var(--text-primary-disabled-color)!important;border-color:var(--border-primary-disabled-color)!important;cursor:not-allowed}:host .modal-dialog__actions .primary:disabled::placeholder,:host .modal-dialog__actions .primary.disabled::placeholder,:host .modal-dialog__actions .primary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .modal-dialog__actions .secondary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:#007ac7;color:#007ac7;--color: rgb(0, 122, 199)}:host .modal-dialog__actions .secondary:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions .secondary:focus,:host .modal-dialog__actions .secondary:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .modal-dialog__actions .secondary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host .modal-dialog__actions .secondary[aria-selected=true],:host .modal-dialog__actions .secondary:active,:host .modal-dialog__actions .secondary.active,:host .modal-dialog__actions .secondary.active:hover,:host .modal-dialog__actions .secondary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .modal-dialog__actions .secondary:disabled,:host .modal-dialog__actions .secondary.disabled,:host .modal-dialog__actions .secondary[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}:host .modal-dialog__actions .secondary:disabled::placeholder,:host .modal-dialog__actions .secondary.disabled::placeholder,:host .modal-dialog__actions .secondary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .modal-dialog__actions .danger{color:#bb000c;--color: rgb(187, 0, 12);border-color:transparent;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}:host .modal-dialog__actions .danger:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}:host .modal-dialog__actions .danger[aria-selected=true],:host .modal-dialog__actions .danger:active,:host .modal-dialog__actions .danger.active,:host .modal-dialog__actions .danger.active:hover,:host .modal-dialog__actions .danger:active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}:host .modal-dialog__actions .danger[aria-selected]:hover,:host .modal-dialog__actions .danger.active:hover,:host .modal-dialog__actions .danger:active:hover{opacity:.9}:host .modal-dialog__actions .danger:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions .danger:focus,:host .modal-dialog__actions .danger:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host #sdv-modal-body{flex:1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }], animations: [
|
|
419
571
|
trigger('modalAnimation', [
|
|
420
572
|
transition(':enter', [
|
|
421
573
|
query('.gds-slide-out', style({ transform: 'translateX(100%)' }), {
|
|
@@ -441,7 +593,7 @@ class NgvSlideOutComponent {
|
|
|
441
593
|
]),
|
|
442
594
|
] }); }
|
|
443
595
|
}
|
|
444
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type:
|
|
596
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvSlideOutComponent, decorators: [{
|
|
445
597
|
type: Component,
|
|
446
598
|
args: [{ selector: 'nggv-slideout-modal', animations: [
|
|
447
599
|
trigger('modalAnimation', [
|
|
@@ -467,8 +619,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
467
619
|
]),
|
|
468
620
|
]),
|
|
469
621
|
]),
|
|
470
|
-
], template: "<ng-container *ngIf=\"shown\">\n <div\n [ngClass]=\"{\n 'gds-slide-out--left': fromLeft,\n 'gds-slide-out--right': !fromLeft,\n }\"\n *transloco=\"let t\"\n [class.-active]=\"shown\"\n [attr.data-thook]=\"thook\"\n [attr.aria-hidden]=\"!shown\"\n [@modalAnimation]\n >\n <div\n #slideOut\n class=\"gds-slide-out\"\n [class.auto-width]=\"autoWidth\"\n [class.entered]=\"shown\"\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby=\"sdv-modal-title\"\n aria-describedby=\"sdv-modal-body\"\n >\n <header class=\"gds-slide-out__header\">\n <h3 class=\"gds-slide-out__heading\" id=\"sdv-modal-title\">\n {{ heading || title || '' }}\n </h3>\n <button\n data-testid=\"modal-close-button\"\n class=\"close\"\n (click)=\"this.close()\"\n >\n <span className=\"sr-only\">Close</span>\n <i></i>\n </button>\n </header>\n\n <section id=\"modal-body\">\n <div class=\"gds-slide-out__content hide-if-empty\">\n <div *ngIf=\"content\" [innerHtml]=\"content\"></div>\n <ng-content></ng-content>\n </div>\n <ng-content select=\"[slot='outside-content']\"></ng-content>\n </section>\n\n <footer class=\"modal-dialog__actions\">\n <button\n class=\"danger\"\n type=\"reset\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.negative || 'negative')\"\n (click)=\"onAction($event, 'negative')\"\n (keydown.enter)=\"onAction($event, 'negative')\"\n *ngIf=\"_buttons && _buttons.negative\"\n >\n {{ t(_buttons.negative) }}\n </button>\n\n <button\n class=\"secondary\"\n type=\"button\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.neutral || 'neutral')\"\n (click)=\"onAction($event, 'neutral')\"\n (keydown.enter)=\"onAction($event, 'neutral')\"\n *ngIf=\"_buttons && _buttons.neutral\"\n >\n {{ t(_buttons.neutral) }}\n </button>\n\n <button\n type=\"submit\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.positive || 'positive')\"\n (click)=\"onAction($event, 'positive')\"\n (keydown.enter)=\"onAction($event, 'positive')\"\n *ngIf=\"_buttons && _buttons.positive\"\n >\n {{ t(_buttons.positive) }}\n </button>\n </footer>\n </div>\n\n <div\n class=\"gds-backdrop\"\n data-thook=\"slideout-backdrop\"\n (click)=\"close()\"\n ></div>\n </div>\n</ng-container>\n", styles: ["button,input[type=button],input[type=submit],input[type=reset],.button,.gds-filter-chip{background-color:transparent;border:0;cursor:pointer;font-family:inherit;padding:0}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),input:where([type=button],[type=submit],[type=reset]),.button{padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus:not(:focus-visible),input:where([type=button],[type=submit],[type=reset]):focus:not(:focus-visible),.button:focus:not(:focus-visible){box-shadow:none;outline:0}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus,button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus-visible,input:where([type=button],[type=submit],[type=reset]):focus,input:where([type=button],[type=submit],[type=reset]):focus-visible,.button:focus,.button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),input:where([type=button],[type=submit],[type=reset]),.button{min-width:100%}}@media screen and (-ms-high-contrast: active){button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),input:where([type=button],[type=submit],[type=reset]),.button{border:2px solid currentcolor}}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).small,input:where([type=button],[type=submit],[type=reset]).small,.button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).large,input:where([type=button],[type=submit],[type=reset]).large,.button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)),button.secondary,a.button.secondary,input:is([type=button],[type=reset]),button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])),button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)){transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:#007ac7;color:#007ac7;--color: rgb(0, 122, 199)}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus:not(:focus-visible),a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus:not(:focus-visible),button.secondary:focus:not(:focus-visible),a.button.secondary:focus:not(:focus-visible),input:is([type=button],[type=reset]):focus:not(:focus-visible),button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):focus:not(:focus-visible),button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus:not(:focus-visible){box-shadow:none;outline:0}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus-visible,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus-visible,button.secondary:focus,button.secondary:focus-visible,a.button.secondary:focus,a.button.secondary:focus-visible,input:is([type=button],[type=reset]):focus,input:is([type=button],[type=reset]):focus-visible,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):focus,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):focus-visible,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):not(:disabled,.disabled,[aria-disabled]):hover,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.secondary:not(:disabled,.disabled,[aria-disabled]):hover,a.button.secondary:not(:disabled,.disabled,[aria-disabled]):hover,input:is([type=button],[type=reset]):not(:disabled,.disabled,[aria-disabled]):hover,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):not(:disabled,.disabled,[aria-disabled]):hover,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-selected=true],button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active:hover,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active:hover,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected=true],a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover,button.secondary[aria-selected=true],button.secondary:active,button.secondary.active,button.secondary.active:hover,button.secondary:active:hover,a.button.secondary[aria-selected=true],a.button.secondary:active,a.button.secondary.active,a.button.secondary.active:hover,a.button.secondary:active:hover,input:is([type=button],[type=reset])[aria-selected=true],input:is([type=button],[type=reset]):active,input:is([type=button],[type=reset]).active,input:is([type=button],[type=reset]).active:hover,input:is([type=button],[type=reset]):active:hover,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu]))[aria-selected=true],button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):active,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).active,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).active:hover,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):active:hover,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected=true],button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true],a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true],button.secondary:disabled,button.secondary.disabled,button.secondary[aria-disabled=true],a.button.secondary:disabled,a.button.secondary.disabled,a.button.secondary[aria-disabled=true],input:is([type=button],[type=reset]):disabled,input:is([type=button],[type=reset]).disabled,input:is([type=button],[type=reset])[aria-disabled=true],button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):disabled,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).disabled,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu]))[aria-disabled=true],button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled::placeholder,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled::placeholder,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true]::placeholder,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled::placeholder,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled::placeholder,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true]::placeholder,button.secondary:disabled::placeholder,button.secondary.disabled::placeholder,button.secondary[aria-disabled=true]::placeholder,a.button.secondary:disabled::placeholder,a.button.secondary.disabled::placeholder,a.button.secondary[aria-disabled=true]::placeholder,input:is([type=button],[type=reset]):disabled::placeholder,input:is([type=button],[type=reset]).disabled::placeholder,input:is([type=button],[type=reset])[aria-disabled=true]::placeholder,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):disabled::placeholder,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).disabled::placeholder,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu]))[aria-disabled=true]::placeholder,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled::placeholder,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled::placeholder,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),a.button:where(:not(.primary,.secondary,.ghost,.close,.link)),button.tertiary,a.button.tertiary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:transparent;color:#007ac7;--color: rgb(0, 122, 199)}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus:not(:focus-visible),a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):focus:not(:focus-visible),button.tertiary:focus:not(:focus-visible),a.button.tertiary:focus:not(:focus-visible){box-shadow:none;outline:0}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus-visible,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):focus,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):focus-visible,button.tertiary:focus,button.tertiary:focus-visible,a.button.tertiary:focus,a.button.tertiary:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):not(:disabled,.disabled,[aria-disabled]):hover,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.tertiary:not(:disabled,.disabled,[aria-disabled]):hover,a.button.tertiary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-selected=true],button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active:hover,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active:hover,a.button:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-selected=true],a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):active,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).active,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).active:hover,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):active:hover,button.tertiary[aria-selected=true],button.tertiary:active,button.tertiary.active,button.tertiary.active:hover,button.tertiary:active:hover,a.button.tertiary[aria-selected=true],a.button.tertiary:active,a.button.tertiary.active,a.button.tertiary.active:hover,a.button.tertiary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true],a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):disabled,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).disabled,a.button:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-disabled=true],button.tertiary:disabled,button.tertiary.disabled,button.tertiary[aria-disabled=true],a.button.tertiary:disabled,a.button.tertiary.disabled,a.button.tertiary[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled::placeholder,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled::placeholder,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true]::placeholder,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):disabled::placeholder,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).disabled::placeholder,a.button:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-disabled=true]::placeholder,button.tertiary:disabled::placeholder,button.tertiary.disabled::placeholder,button.tertiary[aria-disabled=true]::placeholder,a.button.tertiary:disabled::placeholder,a.button.tertiary.disabled::placeholder,a.button.tertiary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.primary,input[type=submit],button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip),input[type=submit]:not(.secondary,.ghost,.danger,.close,.link),a.button.primary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:#007ac7;border-color:#007ac7;color:#fff;--color: #fff}button.primary:not(:disabled,.disabled,[aria-disabled]):hover,input[type=submit]:not(:disabled,.disabled,[aria-disabled]):hover,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):not(:disabled,.disabled,[aria-disabled]):hover,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):not(:disabled,.disabled,[aria-disabled]):hover,a.button.primary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}button.primary[aria-selected=true],button.primary:active,button.primary.active,button.primary.active:hover,button.primary:active:hover,input[type=submit][aria-selected=true],input[type=submit]:active,input[type=submit].active,input[type=submit].active:hover,input[type=submit]:active:hover,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip)[aria-selected=true],button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):active,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).active,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).active:hover,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):active:hover,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link)[aria-selected=true],input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):active,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).active,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).active:hover,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):active:hover,a.button.primary[aria-selected=true],a.button.primary:active,a.button.primary.active,a.button.primary.active:hover,a.button.primary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}button.primary:focus-visible,input[type=submit]:focus-visible,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):focus-visible,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):focus-visible,a.button.primary:focus-visible{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3!important}button.primary:disabled,button.primary.disabled,button.primary[aria-disabled=true],input[type=submit]:disabled,input[type=submit].disabled,input[type=submit][aria-disabled=true],button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):disabled,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).disabled,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip)[aria-disabled=true],input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):disabled,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).disabled,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link)[aria-disabled=true],a.button.primary:disabled,a.button.primary.disabled,a.button.primary[aria-disabled=true]{background:var(--form-control-primary-bg-disabled)!important;color:var(--text-primary-disabled-color)!important;border-color:var(--border-primary-disabled-color)!important;cursor:not-allowed}button.primary:disabled::placeholder,button.primary.disabled::placeholder,button.primary[aria-disabled=true]::placeholder,input[type=submit]:disabled::placeholder,input[type=submit].disabled::placeholder,input[type=submit][aria-disabled=true]::placeholder,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):disabled::placeholder,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).disabled::placeholder,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip)[aria-disabled=true]::placeholder,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):disabled::placeholder,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).disabled::placeholder,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link)[aria-disabled=true]::placeholder,a.button.primary:disabled::placeholder,a.button.primary.disabled::placeholder,a.button.primary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.ghost,.button.ghost{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;border-color:#333;color:#333;--color: rgb(51, 51, 51)}button.ghost:not(:disabled,.disabled,[aria-disabled]):hover,.button.ghost:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}button.ghost[aria-selected=true],button.ghost:active,button.ghost.active,button.ghost.active:hover,button.ghost:active:hover,.button.ghost[aria-selected=true],.button.ghost:active,.button.ghost.active,.button.ghost.active:hover,.button.ghost:active:hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}button.ghost[aria-selected]:hover,button.ghost.active:hover,button.ghost:active:hover,.button.ghost[aria-selected]:hover,.button.ghost.active:hover,.button.ghost:active:hover{opacity:.9}button.ghost:focus-visible,.button.ghost:focus-visible{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333!important}button.ghost:disabled,button.ghost.disabled,button.ghost[aria-disabled=true],.button.ghost:disabled,.button.ghost.disabled,.button.ghost[aria-disabled=true]{color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}button.ghost:disabled::placeholder,button.ghost.disabled::placeholder,button.ghost[aria-disabled=true]::placeholder,.button.ghost:disabled::placeholder,.button.ghost.disabled::placeholder,.button.ghost[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.icon,.button.icon{background-color:transparent;border:.0625rem solid transparent;padding:.625rem;height:2.75rem;width:2.75rem;min-width:auto;--color: var(--gds-ref-pallet-base800)}.form-group button.icon,.form-group .button.icon{margin-top:-.625rem}button.icon.small,.button.icon.small{height:2rem;width:2rem;padding:.4375rem;line-height:1.125rem}button.icon svg,.button.icon svg{height:1rem;width:1rem}button.icon path,button.icon line,button.icon circle,button.icon rect,button.icon ellipse,button.icon polyline,button.icon text,.button.icon path,.button.icon line,.button.icon circle,.button.icon rect,.button.icon ellipse,.button.icon polyline,.button.icon text{fill:var(--gds-ref-pallet-base800);stroke:var(--gds-ref-pallet-base800);transition:all .3s cubic-bezier(.23,1,.32,1)}button.icon:hover,button.icon.highlighted,.button.icon:hover,.button.icon.highlighted{background-color:#0000001a;border-color:transparent}button.icon:active,button.icon.highlighted:hover,.button.icon:active,.button.icon.highlighted:hover{background-color:#0003;border-color:transparent}button.primary.danger,.button.primary.danger,button[type=submit].danger:not(.secondary,.ghost,.close,.link),input[type=submit].danger:not(.secondary,.ghost,.close,.link){background:#bb000c;border-color:#bb000c;color:#fff;--color: #fff;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}button.primary.danger:not(:disabled,.disabled,[aria-disabled]):hover,.button.primary.danger:not(:disabled,.disabled,[aria-disabled]):hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link):not(:disabled,.disabled,[aria-disabled]):hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}button.primary.danger[aria-selected=true],button.primary.danger:active,button.primary.danger.active,button.primary.danger.active:hover,button.primary.danger:active:hover,.button.primary.danger[aria-selected=true],.button.primary.danger:active,.button.primary.danger.active,.button.primary.danger.active:hover,.button.primary.danger:active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected=true],button[type=submit].danger:not(.secondary,.ghost,.close,.link):active,button[type=submit].danger:not(.secondary,.ghost,.close,.link).active,button[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected=true],input[type=submit].danger:not(.secondary,.ghost,.close,.link):active,input[type=submit].danger:not(.secondary,.ghost,.close,.link).active,input[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}button.primary.danger[aria-selected]:hover,button.primary.danger.active:hover,button.primary.danger:active:hover,.button.primary.danger[aria-selected]:hover,.button.primary.danger.active:hover,.button.primary.danger:active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected]:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected]:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover{opacity:.9}button.primary.danger:focus:not(:focus-visible),.button.primary.danger:focus:not(:focus-visible),button[type=submit].danger:not(.secondary,.ghost,.close,.link):focus:not(:focus-visible),input[type=submit].danger:not(.secondary,.ghost,.close,.link):focus:not(:focus-visible){box-shadow:none;outline:0}button.primary.danger:focus,button.primary.danger:focus-visible,.button.primary.danger:focus,.button.primary.danger:focus-visible,button[type=submit].danger:not(.secondary,.ghost,.close,.link):focus,button[type=submit].danger:not(.secondary,.ghost,.close,.link):focus-visible,input[type=submit].danger:not(.secondary,.ghost,.close,.link):focus,input[type=submit].danger:not(.secondary,.ghost,.close,.link):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button.primary.danger:disabled,button.primary.danger.disabled,button.primary.danger[aria-disabled=true],.button.primary.danger:disabled,.button.primary.danger.disabled,.button.primary.danger[aria-disabled=true],button[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled,button[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true],input[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled,input[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true]{background:var(--form-control-primary-bg-disabled)!important;color:var(--text-primary-disabled-color)!important;border-color:var(--border-primary-disabled-color)!important;cursor:not-allowed}button.primary.danger:disabled::placeholder,button.primary.danger.disabled::placeholder,button.primary.danger[aria-disabled=true]::placeholder,.button.primary.danger:disabled::placeholder,.button.primary.danger.disabled::placeholder,.button.primary.danger[aria-disabled=true]::placeholder,button[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled::placeholder,button[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled::placeholder,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true]::placeholder,input[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled::placeholder,input[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled::placeholder,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])),a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)),button.secondary.danger,a.button.secondary.danger,input.danger:is([type=button],[type=reset]),button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])),button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)){color:#bb000c;--color: rgb(187, 0, 12);border-color:transparent;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):not(:disabled,.disabled,[aria-disabled]):hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.secondary.danger:not(:disabled,.disabled,[aria-disabled]):hover,a.button.secondary.danger:not(:disabled,.disabled,[aria-disabled]):hover,input.danger:is([type=button],[type=reset]):not(:disabled,.disabled,[aria-disabled]):hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):not(:disabled,.disabled,[aria-disabled]):hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected=true],button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link))[aria-selected=true],a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):active,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)).active,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):active:hover,button.secondary.danger[aria-selected=true],button.secondary.danger:active,button.secondary.danger.active,button.secondary.danger.active:hover,button.secondary.danger:active:hover,a.button.secondary.danger[aria-selected=true],a.button.secondary.danger:active,a.button.secondary.danger.active,a.button.secondary.danger.active:hover,a.button.secondary.danger:active:hover,input.danger:is([type=button],[type=reset])[aria-selected=true],input.danger:is([type=button],[type=reset]):active,input.danger:is([type=button],[type=reset]).active,input.danger:is([type=button],[type=reset]).active:hover,input.danger:is([type=button],[type=reset]):active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu]))[aria-selected=true],button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):active,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])).active,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])).active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected=true],button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected]:hover,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link))[aria-selected]:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):active:hover,button.secondary.danger[aria-selected]:hover,button.secondary.danger.active:hover,button.secondary.danger:active:hover,a.button.secondary.danger[aria-selected]:hover,a.button.secondary.danger.active:hover,a.button.secondary.danger:active:hover,input.danger:is([type=button],[type=reset])[aria-selected]:hover,input.danger:is([type=button],[type=reset]).active:hover,input.danger:is([type=button],[type=reset]):active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu]))[aria-selected]:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])).active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected]:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover{opacity:.9}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus:not(:focus-visible),a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):focus:not(:focus-visible),button.secondary.danger:focus:not(:focus-visible),a.button.secondary.danger:focus:not(:focus-visible),input.danger:is([type=button],[type=reset]):focus:not(:focus-visible),button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):focus:not(:focus-visible),button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus:not(:focus-visible){box-shadow:none;outline:0}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus-visible,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):focus,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):focus-visible,button.secondary.danger:focus,button.secondary.danger:focus-visible,a.button.secondary.danger:focus,a.button.secondary.danger:focus-visible,input.danger:is([type=button],[type=reset]):focus,input.danger:is([type=button],[type=reset]):focus-visible,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):focus,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):focus-visible,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])),a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)),button.tertiary.danger,a.button.tertiary.danger{color:#bb000c;--color: rgb(187, 0, 12);border-color:transparent;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):not(:disabled,.disabled,[aria-disabled]):hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.tertiary.danger:not(:disabled,.disabled,[aria-disabled]):hover,a.button.tertiary.danger:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected=true],button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-selected=true],a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):active,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)).active,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):active:hover,button.tertiary.danger[aria-selected=true],button.tertiary.danger:active,button.tertiary.danger.active,button.tertiary.danger.active:hover,button.tertiary.danger:active:hover,a.button.tertiary.danger[aria-selected=true],a.button.tertiary.danger:active,a.button.tertiary.danger.active,a.button.tertiary.danger.active:hover,a.button.tertiary.danger:active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected]:hover,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-selected]:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):active:hover,button.tertiary.danger[aria-selected]:hover,button.tertiary.danger.active:hover,button.tertiary.danger:active:hover,a.button.tertiary.danger[aria-selected]:hover,a.button.tertiary.danger.active:hover,a.button.tertiary.danger:active:hover{opacity:.9}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus:not(:focus-visible),a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):focus:not(:focus-visible),button.tertiary.danger:focus:not(:focus-visible),a.button.tertiary.danger:focus:not(:focus-visible){box-shadow:none;outline:0}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus-visible,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):focus,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):focus-visible,button.tertiary.danger:focus,button.tertiary.danger:focus-visible,a.button.tertiary.danger:focus,a.button.tertiary.danger:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .gds-slide-out{background:var(--sg-modal-background);display:flex;flex-direction:column;box-shadow:var(--sg-modal-box-shadow);position:absolute;width:100%;z-index:var(--sg-z-index-modal);position:fixed;height:100dvh;max-width:512px;min-height:-webkit-fill-available;min-height:-moz-available;min-height:stretch;right:0;top:0;transition:transform .35s cubic-bezier(.33,1,.68,1);transform:translate(100%);z-index:1050}:host .gds-slide-out>.header,:host .gds-slide-out>header{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .gds-slide-out>.header h3,:host .gds-slide-out>.header .h3,:host .gds-slide-out>header h3,:host .gds-slide-out>header .h3{margin-bottom:0;margin-top:0}:host .gds-slide-out>.header h3+.close,:host .gds-slide-out>.header .h3+.close,:host .gds-slide-out>header h3+.close,:host .gds-slide-out>header .h3+.close{margin:-7px;min-width:2rem}:host .gds-slide-out>.body{padding:1rem;overflow:auto;width:100%}:host .gds-slide-out>.body p{margin-bottom:0;margin-top:0}:host .gds-slide-out>.footer,:host .gds-slide-out>footer{padding:1rem;width:100%}@media (min-width: 36em){:host .gds-slide-out>.footer,:host .gds-slide-out>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .gds-slide-out>.footer button+button,:host .gds-slide-out>.footer button+.button,:host .gds-slide-out>.footer .button+button,:host .gds-slide-out>.footer .button+.button,:host .gds-slide-out>footer button+button,:host .gds-slide-out>footer button+.button,:host .gds-slide-out>footer .button+button,:host .gds-slide-out>footer .button+.button{margin-top:.75rem}}@media (min-width: 36em){:host .gds-slide-out>.footer button+button,:host .gds-slide-out>.footer button+.button,:host .gds-slide-out>.footer .button+button,:host .gds-slide-out>.footer .button+.button,:host .gds-slide-out>footer button+button,:host .gds-slide-out>footer button+.button,:host .gds-slide-out>footer .button+button,:host .gds-slide-out>footer .button+.button{margin-left:.75rem}}:host .gds-slide-out.is-entering,:host .gds-slide-out.entered{transform:translate(0)}:host .gds-slide-out.is-exiting{transform:translate(100%)}:host .gds-slide-out.large{max-width:720px}:host .gds-slide-out>.body{flex:1 0}:host .gds-slide-out.left{left:0}:host .gds-slide-out.gds-slide-out--768{max-width:48rem}:host .gds-slide-out.gds-slide-out--960{max-width:60rem}:host .gds-slide-out.gds-slide-out--768 header,:host .gds-slide-out.gds-slide-out--960 header{padding:1.5rem 2rem 1rem}:host .gds-slide-out.gds-slide-out--768 .body,:host .gds-slide-out.gds-slide-out--960 .body{padding:2rem 2rem 1rem}:host .gds-slide-out.gds-slide-out--768 footer,:host .gds-slide-out.gds-slide-out--960 footer{padding:1rem 2rem 2rem}:host .gds-slide-out.auto-width{width:auto;max-width:initial}:host .hide-if-empty:empty{display:none}:host .gds-backdrop{background:#00000059;inset:0;position:fixed;z-index:1040;display:block;transition:opacity .5s cubic-bezier(.33,1,.68,1)}:host .gds-backdrop--transparent{opacity:0}:host .gds-backdrop--transparent.entered,:host .gds-backdrop--transparent.is-entering{opacity:1}:host .gds-backdrop--transparent.is-exiting{opacity:0}:host .gds-slide-out__content{padding:1rem;overflow:auto;width:100%}:host .gds-slide-out__content p{margin-bottom:0;margin-top:0}:host .modal-dialog__actions,:host .gds-slide-out__header,:host .modal-body,:host .gds-slide-out__content{box-sizing:border-box}:host #sdv-modal-body{flex:1}\n"] }]
|
|
471
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { slideOutRef: [{
|
|
622
|
+
], template: "<ng-container *ngIf=\"shown\">\n <div\n [ngClass]=\"{\n 'gds-slide-out--left': fromLeft,\n 'gds-slide-out--right': !fromLeft,\n }\"\n *transloco=\"let t\"\n [class.-active]=\"shown\"\n [attr.data-thook]=\"thook\"\n [attr.aria-hidden]=\"!shown\"\n [@modalAnimation]\n >\n <div\n #slideOut\n class=\"gds-slide-out\"\n [class.auto-width]=\"autoWidth\"\n [class.entered]=\"shown\"\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby=\"gds-modal-title\"\n aria-describedby=\"gds-modal-body\"\n >\n <header class=\"gds-slide-out__header\">\n <h3 id=\"gds-modal-title\">\n {{ heading || title || '' }}\n </h3>\n <button\n data-testid=\"modal-close-button\"\n class=\"nggv-modal-slideout__close\"\n (click)=\"this.close()\"\n [attr.aria-label]=\"closeButtonAriaLabel\"\n >\n <i></i>\n </button>\n </header>\n\n <section id=\"modal-body\">\n <div class=\"gds-slide-out__content hide-if-empty\">\n <div *ngIf=\"content\" [innerHtml]=\"content\"></div>\n <ng-content></ng-content>\n </div>\n <ng-content select=\"[slot='outside-content']\"></ng-content>\n </section>\n\n <footer class=\"modal-dialog__actions\">\n <button\n class=\"danger\"\n type=\"reset\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.negative || 'negative')\"\n (click)=\"onAction($event, 'negative')\"\n (keydown.enter)=\"onAction($event, 'negative')\"\n *ngIf=\"_buttons && _buttons.negative\"\n >\n {{ t(_buttons.negative) }}\n </button>\n\n <button\n class=\"secondary\"\n type=\"button\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.neutral || 'neutral')\"\n (click)=\"onAction($event, 'neutral')\"\n (keydown.enter)=\"onAction($event, 'neutral')\"\n *ngIf=\"_buttons && _buttons.neutral\"\n >\n {{ t(_buttons.neutral) }}\n </button>\n\n <button\n class=\"primary\"\n type=\"submit\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.positive || 'positive')\"\n (click)=\"onAction($event, 'positive')\"\n (keydown.enter)=\"onAction($event, 'positive')\"\n *ngIf=\"_buttons && _buttons.positive\"\n >\n {{ t(_buttons.positive) }}\n </button>\n </footer>\n </div>\n\n <div\n class=\"nggv-backdrop\"\n data-thook=\"slideout-backdrop\"\n (click)=\"close()\"\n ></div>\n </div>\n</ng-container>\n", styles: [":host{--background-hsl: 0deg, 0%, 0%;--gds-ref-pallet-base200: hsl(0, 0%, 91%);--gds-sys-color-base: hsl(0, 0%, 20%);--gds-sys-color-font: hsl(0, 0%, 20%);--gds-sys-shape-corner-round: 50%;--grey-500: rgb(222, 222, 222);--sg-border-color: hsl(0, 0%, 53%);--sg-border-radius: .25rem;--sg-border-width: 1px;--sg-hsl-contrast: 0deg, 0%, 0%;--sg-modal-backdrop-background: rgba(0, 0, 0, .5);--sg-modal-background: #fff;--sg-modal-box-shadow: 0 .125rem .375rem rgba(0, 0, 0, .15);--sg-z-index-modal-backdrop: 1040;--sg-z-index-modal: 1050;--text-primary-color: rgb(51, 51, 51)}:host .gds-slide-out{background:var(--sg-modal-background);display:flex;flex-direction:column;box-shadow:var(--sg-modal-box-shadow);position:absolute;width:100%;z-index:var(--sg-z-index-modal);position:fixed;height:100dvh;max-width:512px;min-height:-webkit-fill-available;min-height:-moz-available;min-height:stretch;right:0;top:0;transition:transform .35s cubic-bezier(.33,1,.68,1);transform:translate(100%);z-index:1050}:host .gds-slide-out>.header,:host .gds-slide-out>header{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .gds-slide-out>.header h3,:host .gds-slide-out>.header .h3,:host .gds-slide-out>header h3,:host .gds-slide-out>header .h3{margin-bottom:0;margin-top:0}:host .gds-slide-out>.header h3+.close,:host .gds-slide-out>.header .h3+.close,:host .gds-slide-out>header h3+.close,:host .gds-slide-out>header .h3+.close{margin:-7px;min-width:2rem}:host .gds-slide-out>.body{padding:1rem;overflow:auto;width:100%}:host .gds-slide-out>.body p{margin-bottom:0;margin-top:0}:host .gds-slide-out>.footer,:host .gds-slide-out>footer{padding:1rem;width:100%}@media (min-width: 36em){:host .gds-slide-out>.footer,:host .gds-slide-out>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .gds-slide-out>.footer button+button,:host .gds-slide-out>.footer button+.button,:host .gds-slide-out>.footer .button+button,:host .gds-slide-out>.footer .button+.button,:host .gds-slide-out>footer button+button,:host .gds-slide-out>footer button+.button,:host .gds-slide-out>footer .button+button,:host .gds-slide-out>footer .button+.button{margin-top:.75rem}}@media (min-width: 36em){:host .gds-slide-out>.footer button+button,:host .gds-slide-out>.footer button+.button,:host .gds-slide-out>.footer .button+button,:host .gds-slide-out>.footer .button+.button,:host .gds-slide-out>footer button+button,:host .gds-slide-out>footer button+.button,:host .gds-slide-out>footer .button+button,:host .gds-slide-out>footer .button+.button{margin-left:.75rem}}:host .gds-slide-out.is-entering,:host .gds-slide-out.entered{transform:translate(0)}:host .gds-slide-out.is-exiting{transform:translate(100%)}:host .gds-slide-out.large{max-width:720px}:host .gds-slide-out>.body{flex:1 0}:host .gds-slide-out.left{left:0}:host .gds-slide-out.gds-slide-out--768{max-width:48rem}:host .gds-slide-out.gds-slide-out--960{max-width:60rem}:host .gds-slide-out.gds-slide-out--768 header,:host .gds-slide-out.gds-slide-out--960 header{padding:1.5rem 2rem 1rem}:host .gds-slide-out.gds-slide-out--768 .body,:host .gds-slide-out.gds-slide-out--960 .body{padding:2rem 2rem 1rem}:host .gds-slide-out.gds-slide-out--768 footer,:host .gds-slide-out.gds-slide-out--960 footer{padding:1rem 2rem 2rem}:host .gds-slide-out.auto-width{width:auto;max-width:initial}:host .hide-if-empty:empty{display:none}:host .nggv-backdrop{background:var(--sg-modal-backdrop-background);inset:0;position:fixed;z-index:var(--sg-z-index-modal-backdrop);display:block;transition:opacity .5s cubic-bezier(.33,1,.68,1)}:host .nggv-backdrop--transparent{opacity:0}:host .nggv-backdrop--transparent.entered,:host .nggv-backdrop--transparent.is-entering{opacity:1}:host .nggv-backdrop--transparent.is-exiting{opacity:0}:host .gds-slide-out__content{padding:1rem;overflow:auto;width:100%}:host .gds-slide-out__content p{margin-bottom:0;margin-top:0}:host .modal-dialog__actions,:host .gds-slide-out__header,:host .modal-body,:host .gds-slide-out__content{box-sizing:border-box}:host .modal-slide-out__heading{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .modal-slide-out__heading h3,:host .modal-slide-out__heading .h3{margin-bottom:0;margin-top:0}:host .modal-slide-out__heading h3+.close,:host .modal-slide-out__heading .h3+.close{margin:-7px;min-width:2rem}:host .nggv-modal-slideout__close{background-color:transparent;padding:0;font-size:0;background:var(--gds-sys-color-surface);border:0;border-radius:50%;content:\"\";cursor:pointer;display:flex;font-family:inherit;height:2rem;position:relative;width:2rem}@media (hover: none) and (pointer: coarse){:host .nggv-modal-slideout__close:not(:disabled):not(.disabled){padding:.375rem;height:2.75rem;width:2.75rem}:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>i{background:var(--gds-ref-pallet-base200);height:2rem;width:2rem;border-radius:50%;position:relative;--color: var(--gds-sys-color-base)}:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>div:after,:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>div:before{height:.789375rem;width:.130625rem;top:.625rem}}:host .nggv-modal-slideout__close:focus:not(:focus-visible){box-shadow:none;outline:0}:host .nggv-modal-slideout__close:focus,:host .nggv-modal-slideout__close:focus-visible i{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .nggv-modal-slideout__close>i{border-radius:var(--gds-sys-shape-corner-round);display:block;width:100%;height:100%}:host .nggv-modal-slideout__close>i:after,:host .nggv-modal-slideout__close>i:before{background:var(--gds-sys-color-font);content:\"\";display:block;height:.789375rem;width:.130625rem;border-radius:.5px;left:calc(50% - .0625rem);position:absolute;top:.625rem}:host .nggv-modal-slideout__close>i:after{transform:rotate(45deg)}:host .nggv-modal-slideout__close>i:before{transform:rotate(-45deg)}:host .nggv-modal-slideout__close>svg path{fill:var(--gds-sys-color-font)}@media (min-width: 48em){:host .nggv-modal-slideout__close:not(:disabled,.disabled):hover>i{background:color-mix(in srgb,var(--gds-sys-color-font) 10%,transparent)}:host .nggv-modal-slideout__close:not(:disabled,.disabled):hover:active>i{background:color-mix(in srgb,var(--gds-sys-color-font) 20%,transparent)}}:host .modal-dialog__actions button{background-color:transparent;border:0;cursor:pointer;padding:0;padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center;font-size:1rem;font-family:inherit}:host .modal-dialog__actions button:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions button:focus,:host .modal-dialog__actions button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){:host .modal-dialog__actions button{min-width:100%}}@media screen and (-ms-high-contrast: active){:host .modal-dialog__actions button{border:2px solid currentcolor}}:host .modal-dialog__actions button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host .modal-dialog__actions button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}:host .modal-dialog__actions .primary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:#007ac7;border-color:#007ac7;color:#fff;--color: #fff}:host .modal-dialog__actions .primary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host .modal-dialog__actions .primary[aria-selected=true],:host .modal-dialog__actions .primary:active,:host .modal-dialog__actions .primary.active,:host .modal-dialog__actions .primary.active:hover,:host .modal-dialog__actions .primary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .modal-dialog__actions .primary:focus-visible{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3!important}:host .modal-dialog__actions .primary:disabled,:host .modal-dialog__actions .primary.disabled,:host .modal-dialog__actions .primary[aria-disabled=true]{background:var(--form-control-primary-bg-disabled)!important;color:var(--text-primary-disabled-color)!important;border-color:var(--border-primary-disabled-color)!important;cursor:not-allowed}:host .modal-dialog__actions .primary:disabled::placeholder,:host .modal-dialog__actions .primary.disabled::placeholder,:host .modal-dialog__actions .primary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .modal-dialog__actions .secondary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:#007ac7;color:#007ac7;--color: rgb(0, 122, 199)}:host .modal-dialog__actions .secondary:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions .secondary:focus,:host .modal-dialog__actions .secondary:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .modal-dialog__actions .secondary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host .modal-dialog__actions .secondary[aria-selected=true],:host .modal-dialog__actions .secondary:active,:host .modal-dialog__actions .secondary.active,:host .modal-dialog__actions .secondary.active:hover,:host .modal-dialog__actions .secondary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .modal-dialog__actions .secondary:disabled,:host .modal-dialog__actions .secondary.disabled,:host .modal-dialog__actions .secondary[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}:host .modal-dialog__actions .secondary:disabled::placeholder,:host .modal-dialog__actions .secondary.disabled::placeholder,:host .modal-dialog__actions .secondary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .modal-dialog__actions .danger{color:#bb000c;--color: rgb(187, 0, 12);border-color:transparent;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}:host .modal-dialog__actions .danger:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}:host .modal-dialog__actions .danger[aria-selected=true],:host .modal-dialog__actions .danger:active,:host .modal-dialog__actions .danger.active,:host .modal-dialog__actions .danger.active:hover,:host .modal-dialog__actions .danger:active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}:host .modal-dialog__actions .danger[aria-selected]:hover,:host .modal-dialog__actions .danger.active:hover,:host .modal-dialog__actions .danger:active:hover{opacity:.9}:host .modal-dialog__actions .danger:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions .danger:focus,:host .modal-dialog__actions .danger:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host #sdv-modal-body{flex:1}\n"] }]
|
|
623
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { slideOutRef: [{
|
|
472
624
|
type: ViewChild,
|
|
473
625
|
args: ['slideOut']
|
|
474
626
|
}], side: [{
|
|
@@ -489,6 +641,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
489
641
|
type: Input
|
|
490
642
|
}], thook: [{
|
|
491
643
|
type: Input
|
|
644
|
+
}], closeButtonAriaLabel: [{
|
|
645
|
+
type: Input
|
|
492
646
|
}], buttons: [{
|
|
493
647
|
type: Input
|
|
494
648
|
}], nggvCloseEvent: [{
|
|
@@ -510,32 +664,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
510
664
|
args: ['keydown', ['$event']]
|
|
511
665
|
}] } });
|
|
512
666
|
|
|
513
|
-
class
|
|
514
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type:
|
|
515
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type:
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
667
|
+
class NggvModalModule {
|
|
668
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
669
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: NggvModalModule, declarations: [NggvDialogComponent,
|
|
670
|
+
NggvSlideOutComponent,
|
|
671
|
+
NggvFoldOutComponent,
|
|
672
|
+
NggvFoldOutOptionDirective], imports: [CommonModule,
|
|
673
|
+
NggvButtonModule,
|
|
674
|
+
NggvI18nModule,
|
|
675
|
+
NggCoreWrapperModule], exports: [NggvDialogComponent,
|
|
676
|
+
NggvSlideOutComponent,
|
|
677
|
+
NggvFoldOutComponent,
|
|
678
|
+
NggvFoldOutOptionDirective] }); }
|
|
679
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvModalModule, imports: [CommonModule,
|
|
680
|
+
NggvButtonModule,
|
|
681
|
+
NggvI18nModule,
|
|
682
|
+
NggCoreWrapperModule] }); }
|
|
523
683
|
}
|
|
524
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type:
|
|
684
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvModalModule, decorators: [{
|
|
525
685
|
type: NgModule,
|
|
526
686
|
args: [{
|
|
527
|
-
imports: [
|
|
687
|
+
imports: [
|
|
688
|
+
CommonModule,
|
|
689
|
+
NggvButtonModule,
|
|
690
|
+
NggvI18nModule,
|
|
691
|
+
NggCoreWrapperModule,
|
|
692
|
+
],
|
|
528
693
|
declarations: [
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
694
|
+
NggvDialogComponent,
|
|
695
|
+
NggvSlideOutComponent,
|
|
696
|
+
NggvFoldOutComponent,
|
|
697
|
+
NggvFoldOutOptionDirective,
|
|
533
698
|
],
|
|
534
699
|
exports: [
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
700
|
+
NggvDialogComponent,
|
|
701
|
+
NggvSlideOutComponent,
|
|
702
|
+
NggvFoldOutComponent,
|
|
703
|
+
NggvFoldOutOptionDirective,
|
|
539
704
|
],
|
|
540
705
|
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
541
706
|
}]
|
|
@@ -545,5 +710,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
545
710
|
* Generated bundle index. Do not edit.
|
|
546
711
|
*/
|
|
547
712
|
|
|
548
|
-
export {
|
|
713
|
+
export { NggvDialogComponent, NggvFoldOutComponent, NggvFoldOutOptionDirective, NggvModalModule, NggvSlideOutComponent };
|
|
549
714
|
//# sourceMappingURL=sebgroup-green-angular-src-v-angular-modal.mjs.map
|