@sebgroup/green-angular 4.6.7 → 5.1.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/accordion/accordion-list-item.component.mjs +4 -4
- package/esm2022/lib/accordion/accordion.component.mjs +4 -4
- package/esm2022/lib/accordion/accordion.module.mjs +4 -4
- package/esm2022/lib/badge/badge.component.mjs +5 -5
- package/esm2022/lib/badge/badge.module.mjs +4 -4
- package/esm2022/lib/button/button.component.mjs +3 -3
- package/esm2022/lib/button/button.module.mjs +4 -4
- package/esm2022/lib/cell-table/cell-table-item.component.mjs +5 -5
- package/esm2022/lib/cell-table/cell-table.component.mjs +4 -4
- package/esm2022/lib/cell-table/cell-table.module.mjs +4 -4
- package/esm2022/lib/cell-table/cell-underline.directive.mjs +5 -5
- package/esm2022/lib/context-menu/context-menu.component.mjs +5 -12
- package/esm2022/lib/context-menu/context-menu.module.mjs +4 -4
- package/esm2022/lib/datepicker/datepicker.component.mjs +5 -5
- package/esm2022/lib/datepicker/datepicker.module.mjs +4 -4
- package/esm2022/lib/dropdown/dropdown-button.directive.mjs +4 -4
- package/esm2022/lib/dropdown/dropdown-option.directive.mjs +4 -4
- package/esm2022/lib/dropdown/dropdown.component.mjs +6 -11
- package/esm2022/lib/dropdown/dropdown.module.mjs +4 -4
- package/esm2022/lib/green-angular.module.mjs +4 -4
- package/esm2022/lib/in-page-wizard/in-page-wizard-step-card.component.mjs +4 -4
- package/esm2022/lib/in-page-wizard/in-page-wizard.module.mjs +4 -4
- package/esm2022/lib/modal/modal-footer.directive.mjs +4 -4
- package/esm2022/lib/modal/modal-header.directive.mjs +4 -4
- package/esm2022/lib/modal/modal.component.mjs +22 -17
- package/esm2022/lib/modal/modal.module.mjs +4 -4
- package/esm2022/lib/pagination/pagination.component.mjs +4 -4
- package/esm2022/lib/pagination/pagination.module.mjs +4 -4
- package/esm2022/lib/progress-circle/progress-circle.component.mjs +4 -4
- package/esm2022/lib/progress-circle/progress-circle.module.mjs +4 -4
- package/esm2022/lib/segmented-control/segmented-control.component.mjs +4 -4
- package/esm2022/lib/segmented-control/segmented-control.module.mjs +4 -4
- package/esm2022/lib/shared/core-control/core-control.directive.mjs +73 -0
- package/esm2022/lib/shared/core-control/core-control.module.mjs +19 -0
- package/esm2022/lib/shared/core-control/index.mjs +2 -0
- package/esm2022/lib/shared/core-element/core-element.directive.mjs +16 -12
- package/esm2022/lib/shared/core-element/core-element.module.mjs +4 -4
- package/esm2022/lib/shared/core-renderer/core-renderer.mjs +88 -0
- package/esm2022/lib/shared/core-renderer/index.mjs +2 -0
- package/esm2022/lib/shared/index.mjs +3 -1
- package/esm2022/lib/shared/on-scroll.directive.mjs +5 -5
- package/esm2022/lib/shared/shared.module.mjs +4 -4
- package/esm2022/lib/slider/slider.component.mjs +4 -4
- package/esm2022/lib/slider/slider.module.mjs +4 -4
- package/esm2022/lib/sortable-list/sortable-list.component.mjs +4 -4
- package/esm2022/lib/sortable-list/sortable-list.module.mjs +4 -4
- package/esm2022/src/lib/accordion/accordion-list-item.component.mjs +4 -4
- package/esm2022/src/lib/accordion/accordion.component.mjs +4 -4
- package/esm2022/src/lib/accordion/accordion.module.mjs +4 -4
- package/esm2022/src/lib/badge/badge.component.mjs +5 -5
- package/esm2022/src/lib/badge/badge.module.mjs +4 -4
- package/esm2022/src/lib/button/button.component.mjs +3 -3
- package/esm2022/src/lib/button/button.module.mjs +4 -4
- package/esm2022/src/lib/cell-table/cell-table-item.component.mjs +5 -5
- package/esm2022/src/lib/cell-table/cell-table.component.mjs +4 -4
- package/esm2022/src/lib/cell-table/cell-table.module.mjs +4 -4
- package/esm2022/src/lib/cell-table/cell-underline.directive.mjs +5 -5
- package/esm2022/src/lib/context-menu/context-menu.component.mjs +5 -12
- package/esm2022/src/lib/context-menu/context-menu.module.mjs +4 -4
- package/esm2022/src/lib/datepicker/datepicker.component.mjs +5 -5
- package/esm2022/src/lib/datepicker/datepicker.module.mjs +4 -4
- package/esm2022/src/lib/dropdown/dropdown-button.directive.mjs +4 -4
- package/esm2022/src/lib/dropdown/dropdown-option.directive.mjs +4 -4
- package/esm2022/src/lib/dropdown/dropdown.component.mjs +6 -11
- package/esm2022/src/lib/dropdown/dropdown.module.mjs +4 -4
- package/esm2022/src/lib/in-page-wizard/in-page-wizard-step-card.component.mjs +4 -4
- package/esm2022/src/lib/in-page-wizard/in-page-wizard.module.mjs +4 -4
- package/esm2022/src/lib/modal/modal-footer.directive.mjs +4 -4
- package/esm2022/src/lib/modal/modal-header.directive.mjs +4 -4
- package/esm2022/src/lib/modal/modal.component.mjs +22 -17
- package/esm2022/src/lib/modal/modal.module.mjs +4 -4
- package/esm2022/src/lib/pagination/pagination.component.mjs +4 -4
- package/esm2022/src/lib/pagination/pagination.module.mjs +4 -4
- package/esm2022/src/lib/progress-circle/progress-circle.component.mjs +4 -4
- package/esm2022/src/lib/progress-circle/progress-circle.module.mjs +4 -4
- package/esm2022/src/lib/segmented-control/segmented-control.component.mjs +4 -4
- package/esm2022/src/lib/segmented-control/segmented-control.module.mjs +4 -4
- package/esm2022/src/lib/shared/core-control/core-control.directive.mjs +73 -0
- package/esm2022/src/lib/shared/core-control/core-control.module.mjs +19 -0
- package/esm2022/src/lib/shared/core-control/index.mjs +2 -0
- package/esm2022/src/lib/shared/core-element/core-element.directive.mjs +16 -12
- package/esm2022/src/lib/shared/core-element/core-element.module.mjs +4 -4
- package/esm2022/src/lib/shared/core-renderer/core-renderer.mjs +88 -0
- package/esm2022/src/lib/shared/core-renderer/index.mjs +2 -0
- package/esm2022/src/lib/shared/index.mjs +3 -1
- package/esm2022/src/lib/shared/on-scroll.directive.mjs +5 -5
- package/esm2022/src/lib/shared/shared.module.mjs +4 -4
- package/esm2022/src/lib/slider/slider.component.mjs +4 -4
- package/esm2022/src/lib/slider/slider.module.mjs +4 -4
- package/esm2022/src/lib/sortable-list/sortable-list.component.mjs +4 -4
- package/esm2022/src/lib/sortable-list/sortable-list.module.mjs +4 -4
- package/esm2022/src/v-angular/base-control-value-accessor/base-control-value-accessor.component.mjs +7 -7
- package/esm2022/src/v-angular/base-control-value-accessor/base-control-value-accessor.module.mjs +4 -4
- package/esm2022/src/v-angular/breadcrumbs/breadcrumbs.component.mjs +3 -3
- package/esm2022/src/v-angular/breadcrumbs/breadcrumbs.module.mjs +4 -4
- package/esm2022/src/v-angular/button/button.component.mjs +6 -6
- package/esm2022/src/v-angular/button/button.module.mjs +4 -4
- package/esm2022/src/v-angular/card/card.component.mjs +3 -3
- package/esm2022/src/v-angular/card/card.module.mjs +4 -4
- package/esm2022/src/v-angular/character-countdown/character-countdown.directive.mjs +5 -5
- package/esm2022/src/v-angular/character-countdown/character-countdown.module.mjs +4 -4
- package/esm2022/src/v-angular/checkbox/checkbox.component.mjs +7 -7
- package/esm2022/src/v-angular/checkbox/checkbox.module.mjs +4 -4
- package/esm2022/src/v-angular/core/core.globals.mjs +1 -1
- package/esm2022/src/v-angular/core/core.utils.mjs +3 -3
- package/esm2022/src/v-angular/dropdown/dropdown-list/dropdown-list.component.mjs +6 -6
- package/esm2022/src/v-angular/dropdown/dropdown.component.mjs +7 -7
- package/esm2022/src/v-angular/dropdown/dropdown.module.mjs +4 -4
- package/esm2022/src/v-angular/dropdown/typeahead/typeahead-dropdown-list/typeahead-dropdown-list.component.mjs +6 -6
- package/esm2022/src/v-angular/dropdown/typeahead/typeahead-highlight/typeahead-highlight.component.mjs +4 -4
- package/esm2022/src/v-angular/dropdown/typeahead/typeahead-input/typeahead-input.component.mjs +6 -6
- package/esm2022/src/v-angular/dropdown/typeahead/typeahead.directive.mjs +6 -6
- package/esm2022/src/v-angular/dropdown/typeahead/typeahead.module.mjs +4 -4
- package/esm2022/src/v-angular/external-link/external-link.directive.mjs +5 -5
- package/esm2022/src/v-angular/external-link/external-link.module.mjs +4 -4
- package/esm2022/src/v-angular/i18n/i18n.module.mjs +10 -10
- package/esm2022/src/v-angular/i18n/i18n.test.module.mjs +7 -7
- package/esm2022/src/v-angular/info-circle/info-circle.component.mjs +3 -3
- package/esm2022/src/v-angular/info-circle/info-circle.module.mjs +4 -4
- package/esm2022/src/v-angular/input/input.component.mjs +7 -7
- package/esm2022/src/v-angular/input/input.module.mjs +4 -4
- package/esm2022/src/v-angular/input-mask/input-mask-format.pipe.mjs +3 -3
- package/esm2022/src/v-angular/input-mask/input-mask.directive.mjs +6 -6
- package/esm2022/src/v-angular/input-mask/input-mask.module.mjs +4 -4
- package/esm2022/src/v-angular/modal/dialog/dialog.component.mjs +7 -5
- package/esm2022/src/v-angular/modal/fold-out/fold-out.component.mjs +7 -6
- package/esm2022/src/v-angular/modal/fold-out/fold-out.directive.mjs +5 -5
- package/esm2022/src/v-angular/modal/modal.globals.mjs +1 -1
- package/esm2022/src/v-angular/modal/modal.module.mjs +9 -7
- package/esm2022/src/v-angular/modal/slide-out/slide-out.component.mjs +7 -6
- package/esm2022/src/v-angular/radio/radio.component.mjs +10 -10
- package/esm2022/src/v-angular/radio/radio.module.mjs +4 -4
- package/esm2022/src/v-angular/slug/slug.module.mjs +4 -4
- package/esm2022/src/v-angular/slug/slug.pipe.mjs +4 -4
- package/esm2022/src/v-angular/textarea/textarea.component.mjs +7 -7
- package/esm2022/src/v-angular/textarea/textarea.module.mjs +4 -4
- package/esm2022/src/v-angular/tooltip/tooltip.directive.mjs +5 -5
- package/esm2022/src/v-angular/tooltip/tooltip.module.mjs +4 -4
- package/esm2022/v-angular/base-control-value-accessor/base-control-value-accessor.component.mjs +7 -7
- package/esm2022/v-angular/base-control-value-accessor/base-control-value-accessor.module.mjs +4 -4
- package/esm2022/v-angular/breadcrumbs/breadcrumbs.component.mjs +3 -3
- package/esm2022/v-angular/breadcrumbs/breadcrumbs.module.mjs +4 -4
- package/esm2022/v-angular/button/button.component.mjs +6 -6
- package/esm2022/v-angular/button/button.module.mjs +4 -4
- package/esm2022/v-angular/card/card.component.mjs +3 -3
- package/esm2022/v-angular/card/card.module.mjs +4 -4
- package/esm2022/v-angular/character-countdown/character-countdown.directive.mjs +5 -5
- package/esm2022/v-angular/character-countdown/character-countdown.module.mjs +4 -4
- package/esm2022/v-angular/checkbox/checkbox.component.mjs +7 -7
- package/esm2022/v-angular/checkbox/checkbox.module.mjs +4 -4
- package/esm2022/v-angular/dropdown/dropdown-list/dropdown-list.component.mjs +6 -6
- package/esm2022/v-angular/dropdown/dropdown.component.mjs +7 -7
- package/esm2022/v-angular/dropdown/dropdown.module.mjs +4 -4
- package/esm2022/v-angular/dropdown/typeahead/typeahead-dropdown-list/typeahead-dropdown-list.component.mjs +6 -6
- package/esm2022/v-angular/dropdown/typeahead/typeahead-highlight/typeahead-highlight.component.mjs +4 -4
- package/esm2022/v-angular/dropdown/typeahead/typeahead-input/typeahead-input.component.mjs +6 -6
- package/esm2022/v-angular/dropdown/typeahead/typeahead.directive.mjs +6 -6
- package/esm2022/v-angular/dropdown/typeahead/typeahead.module.mjs +4 -4
- package/esm2022/v-angular/i18n/i18n.module.mjs +10 -10
- package/esm2022/v-angular/i18n/i18n.test.module.mjs +7 -7
- package/esm2022/v-angular/info-circle/info-circle.component.mjs +3 -3
- package/esm2022/v-angular/info-circle/info-circle.module.mjs +4 -4
- package/esm2022/v-angular/input/input.component.mjs +7 -7
- package/esm2022/v-angular/input/input.module.mjs +4 -4
- package/esm2022/v-angular/input-mask/input-mask-format.pipe.mjs +3 -3
- package/esm2022/v-angular/input-mask/input-mask.directive.mjs +6 -6
- package/esm2022/v-angular/input-mask/input-mask.module.mjs +4 -4
- package/esm2022/v-angular/modal/dialog/dialog.component.mjs +7 -5
- package/esm2022/v-angular/modal/fold-out/fold-out.component.mjs +7 -6
- package/esm2022/v-angular/modal/fold-out/fold-out.directive.mjs +5 -5
- package/esm2022/v-angular/modal/modal.globals.mjs +1 -1
- package/esm2022/v-angular/modal/modal.module.mjs +9 -7
- package/esm2022/v-angular/modal/slide-out/slide-out.component.mjs +7 -6
- package/esm2022/v-angular/radio/radio.component.mjs +10 -10
- package/esm2022/v-angular/radio/radio.module.mjs +4 -4
- package/esm2022/v-angular/textarea/textarea.component.mjs +7 -7
- package/esm2022/v-angular/textarea/textarea.module.mjs +4 -4
- package/esm2022/v-angular/tooltip/tooltip.directive.mjs +5 -5
- package/esm2022/v-angular/tooltip/tooltip.module.mjs +4 -4
- package/esm2022/v-angular/v-angular.module.mjs +11 -7
- package/fesm2022/sebgroup-green-angular-src-lib-accordion.mjs +10 -10
- package/fesm2022/sebgroup-green-angular-src-lib-accordion.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-lib-badge.mjs +8 -8
- package/fesm2022/sebgroup-green-angular-src-lib-badge.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-lib-button.mjs +7 -7
- package/fesm2022/sebgroup-green-angular-src-lib-cell-table.mjs +15 -15
- package/fesm2022/sebgroup-green-angular-src-lib-cell-table.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-lib-context-menu.mjs +8 -15
- package/fesm2022/sebgroup-green-angular-src-lib-context-menu.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-lib-datepicker.mjs +8 -8
- package/fesm2022/sebgroup-green-angular-src-lib-datepicker.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-lib-dropdown.mjs +17 -22
- package/fesm2022/sebgroup-green-angular-src-lib-dropdown.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-lib-in-page-wizard.mjs +7 -7
- package/fesm2022/sebgroup-green-angular-src-lib-in-page-wizard.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-lib-modal.mjs +33 -28
- package/fesm2022/sebgroup-green-angular-src-lib-modal.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-lib-pagination.mjs +7 -7
- package/fesm2022/sebgroup-green-angular-src-lib-pagination.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-lib-progress-circle.mjs +7 -7
- package/fesm2022/sebgroup-green-angular-src-lib-progress-circle.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-lib-segmented-control.mjs +8 -8
- package/fesm2022/sebgroup-green-angular-src-lib-segmented-control.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-lib-shared.mjs +198 -26
- package/fesm2022/sebgroup-green-angular-src-lib-shared.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-lib-slider.mjs +7 -7
- package/fesm2022/sebgroup-green-angular-src-lib-slider.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-lib-sortable-list.mjs +7 -7
- package/fesm2022/sebgroup-green-angular-src-lib-sortable-list.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-base-control-value-accessor.mjs +10 -10
- 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 +7 -7
- package/fesm2022/sebgroup-green-angular-src-v-angular-breadcrumbs.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-button.mjs +9 -9
- package/fesm2022/sebgroup-green-angular-src-v-angular-button.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-card.mjs +7 -7
- package/fesm2022/sebgroup-green-angular-src-v-angular-character-countdown.mjs +8 -8
- package/fesm2022/sebgroup-green-angular-src-v-angular-character-countdown.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-checkbox.mjs +10 -10
- package/fesm2022/sebgroup-green-angular-src-v-angular-checkbox.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-core.mjs +3 -3
- package/fesm2022/sebgroup-green-angular-src-v-angular-core.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-dropdown.mjs +37 -37
- package/fesm2022/sebgroup-green-angular-src-v-angular-dropdown.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-external-link.mjs +8 -8
- package/fesm2022/sebgroup-green-angular-src-v-angular-external-link.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-i18n.mjs +16 -16
- package/fesm2022/sebgroup-green-angular-src-v-angular-i18n.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-info-circle.mjs +7 -7
- package/fesm2022/sebgroup-green-angular-src-v-angular-input-mask.mjs +12 -12
- package/fesm2022/sebgroup-green-angular-src-v-angular-input-mask.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-input.mjs +10 -10
- package/fesm2022/sebgroup-green-angular-src-v-angular-input.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-modal.mjs +28 -24
- package/fesm2022/sebgroup-green-angular-src-v-angular-modal.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-radio.mjs +13 -13
- package/fesm2022/sebgroup-green-angular-src-v-angular-radio.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-slug.mjs +7 -7
- package/fesm2022/sebgroup-green-angular-src-v-angular-slug.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-textarea.mjs +10 -10
- package/fesm2022/sebgroup-green-angular-src-v-angular-textarea.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-tooltip.mjs +8 -8
- package/fesm2022/sebgroup-green-angular-src-v-angular-tooltip.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-v-angular.mjs +198 -194
- package/fesm2022/sebgroup-green-angular-v-angular.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular.mjs +349 -186
- package/fesm2022/sebgroup-green-angular.mjs.map +1 -1
- package/lib/context-menu/context-menu.component.d.ts +1 -6
- package/lib/datepicker/datepicker.component.d.ts +0 -7
- package/lib/dropdown/dropdown.component.d.ts +1 -6
- package/lib/modal/modal.component.d.ts +4 -2
- package/lib/shared/core-control/core-control.directive.d.ts +19 -0
- package/lib/shared/core-control/core-control.module.d.ts +9 -0
- package/lib/shared/core-control/index.d.ts +1 -0
- package/lib/shared/core-renderer/core-renderer.d.ts +37 -0
- package/lib/shared/core-renderer/index.d.ts +1 -0
- package/lib/shared/index.d.ts +2 -0
- package/package.json +10 -10
- package/src/lib/context-menu/context-menu.component.d.ts +1 -6
- package/src/lib/datepicker/datepicker.component.d.ts +0 -7
- package/src/lib/dropdown/dropdown.component.d.ts +1 -6
- package/src/lib/modal/modal.component.d.ts +4 -2
- package/src/lib/shared/core-control/core-control.directive.d.ts +19 -0
- package/src/lib/shared/core-control/core-control.module.d.ts +9 -0
- package/src/lib/shared/core-control/index.d.ts +1 -0
- package/src/lib/shared/core-renderer/core-renderer.d.ts +37 -0
- package/src/lib/shared/core-renderer/index.d.ts +1 -0
- package/src/lib/shared/index.d.ts +2 -0
- package/src/v-angular/modal/modal.module.d.ts +3 -1
- package/v-angular/modal/modal.module.d.ts +3 -1
- package/v-angular/v-angular.module.d.ts +2 -1
|
@@ -22,6 +22,7 @@ import { NgvTooltipModule as NgvTooltipModule$1 } from '@sebgroup/green-angular/
|
|
|
22
22
|
import * as i2$3 from '@sebgroup/green-angular/src/v-angular/input';
|
|
23
23
|
import { NgvInputComponent as NgvInputComponent$1 } from '@sebgroup/green-angular/src/v-angular/input';
|
|
24
24
|
import '@sebgroup/green-core/components/icon/icons/circle-info.js';
|
|
25
|
+
import * as i3$3 from '@sebgroup/green-angular/src/lib/shared';
|
|
25
26
|
import { NggCoreWrapperModule } from '@sebgroup/green-angular/src/lib/shared';
|
|
26
27
|
import * as i4 from '@sebgroup/green-angular/src/v-angular/input-mask';
|
|
27
28
|
import { NgvInputMaskModule as NgvInputMaskModule$1 } from '@sebgroup/green-angular/src/v-angular/input-mask';
|
|
@@ -243,16 +244,16 @@ class NgvBaseControlValueAccessorComponent {
|
|
|
243
244
|
const code = Object.keys(errors)[0];
|
|
244
245
|
return { code, params: errors[code] };
|
|
245
246
|
}
|
|
246
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
247
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
248
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
247
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvBaseControlValueAccessorComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: TRANSLOCO_SCOPE, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
248
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NgvBaseControlValueAccessorComponent, selector: "ng-component", inputs: { id: "id", name: "name", label: "label", role: "role", value: "value", error: "error", description: "description", autofocus: "autofocus", defaultValue: "defaultValue", reset: "reset", optional: "optional", locked: "locked", displayDisabledAsLocked: "displayDisabledAsLocked", required: "required", invalid: "invalid", valid: "valid", focused: "focused", disabled: "disabled" }, outputs: { nggvFocus: "nggvFocus", nggvBlur: "nggvBlur" }, host: { properties: { "attr.id": "this.id" } }, queries: [{ propertyName: "labelContentTpl", first: true, predicate: ["labelTpl"], descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["input"], descendants: true, read: ElementRef }], ngImport: i0, template: '', isInline: true }); }
|
|
249
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvBaseControlValueAccessorComponent }); }
|
|
249
250
|
}
|
|
250
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
251
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvBaseControlValueAccessorComponent, decorators: [{
|
|
251
252
|
type: Injectable
|
|
252
253
|
}, {
|
|
253
254
|
type: Component,
|
|
254
255
|
args: [{ template: '' }]
|
|
255
|
-
}], ctorParameters:
|
|
256
|
+
}], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
|
|
256
257
|
type: Self
|
|
257
258
|
}, {
|
|
258
259
|
type: Optional
|
|
@@ -261,7 +262,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
261
262
|
}, {
|
|
262
263
|
type: Inject,
|
|
263
264
|
args: [TRANSLOCO_SCOPE]
|
|
264
|
-
}] }, { type: i0.ChangeDetectorRef }]
|
|
265
|
+
}] }, { type: i0.ChangeDetectorRef }], propDecorators: { labelContentTpl: [{
|
|
265
266
|
type: ContentChild,
|
|
266
267
|
args: ['labelTpl', { read: TemplateRef }]
|
|
267
268
|
}], inputRef: [{
|
|
@@ -313,11 +314,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
313
314
|
}] } });
|
|
314
315
|
|
|
315
316
|
class NgvBaseControlValueAccessorModule {
|
|
316
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
317
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
318
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
317
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvBaseControlValueAccessorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
318
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: NgvBaseControlValueAccessorModule, declarations: [NgvBaseControlValueAccessorComponent], exports: [NgvBaseControlValueAccessorComponent] }); }
|
|
319
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvBaseControlValueAccessorModule }); }
|
|
319
320
|
}
|
|
320
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
321
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvBaseControlValueAccessorModule, decorators: [{
|
|
321
322
|
type: NgModule,
|
|
322
323
|
args: [{
|
|
323
324
|
declarations: [NgvBaseControlValueAccessorComponent],
|
|
@@ -331,10 +332,10 @@ class NgvBreadcrumbsComponent {
|
|
|
331
332
|
/** Special property used for selecting DOM elements during automated UI testing. */
|
|
332
333
|
this.thook = 'breadcrumbs';
|
|
333
334
|
}
|
|
334
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
335
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
335
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvBreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
336
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NgvBreadcrumbsComponent, selector: "nggv-breadcrumbs", inputs: { thook: "thook", breadcrumbs: "breadcrumbs" }, host: { properties: { "attr.data-thook": "this.thook" } }, ngImport: i0, template: "<nav aria-label=\"Breadcrumbs\">\n <ol class=\"gds-breadcrumbs\">\n <ng-container *ngFor=\"let breadcrumb of breadcrumbs; let i = index\">\n <li [attr.aria-current]=\"i === breadcrumbs.length - 1\">\n <a\n [routerLink]=\"breadcrumb.href\"\n [external]=\"!!breadcrumb.external\"\n *ngIf=\"i < breadcrumbs.length - 1; else currentPageRef\"\n >{{ breadcrumb.title }}</a\n >\n <ng-template #currentPageRef>\n <span>{{ breadcrumb.title }}</span>\n </ng-template>\n </li>\n <li class=\"icon\" *ngIf=\"i < breadcrumbs.length - 1\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M9.22817 5.19072L8.60942 5.80947C8.46255 5.95635 8.46255 6.19385 8.60942 6.34072L14.2563 12.0001L8.60942 17.6595C8.46255 17.8063 8.46255 18.0438 8.60942 18.1907L9.22817 18.8095C9.37505 18.9563 9.61255 18.9563 9.75942 18.8095L16.3032 12.2657C16.45 12.1188 16.45 11.8813 16.3032 11.7345L9.75942 5.19072C9.61255 5.04385 9.37505 5.04385 9.22817 5.19072Z\"\n fill=\"#000\"\n />\n </svg>\n </li>\n </ng-container>\n </ol>\n</nav>\n", styles: [":host ol{padding-left:0;margin-bottom:0;margin-top:0;display:flex;flex-direction:column;list-style:none;flex-direction:row!important;align-items:center;gap:4px}:host ol>li{padding-bottom:.5rem;padding-top:.5rem;border:0;display:block;position:relative}:host ol>li:before{font-weight:500;display:inline-block;left:0;position:absolute;text-align:center}:host ol>li{padding:0!important;font-weight:500}:host ol>li:before{display:none!important}:host ol>li.icon{display:flex}:host ol>li.icon>svg{height:1rem;width:1rem}:host ol a{text-decoration:underline;text-underline-offset:3px;color:#0062bc;font-weight:500;border:none;border-radius:.125rem}:host ol a:hover{text-underline-offset:2px;text-decoration-thickness:2px}:host ol a:active{text-underline-offset:1px}:host ol a:focus:not(:focus-visible){box-shadow:none;outline:0}:host ol a:focus,:host ol a:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host ol a:focus:not([aria-disabled]){color:#0092e1}:host ol a.link-history:visited{color:#673ab6}:host ol svg{width:1rem;height:1rem}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgvExternalLinkDirective, selector: "a[routerLink]", inputs: ["external"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
|
|
336
337
|
}
|
|
337
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
338
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvBreadcrumbsComponent, decorators: [{
|
|
338
339
|
type: Component,
|
|
339
340
|
args: [{ selector: 'nggv-breadcrumbs', template: "<nav aria-label=\"Breadcrumbs\">\n <ol class=\"gds-breadcrumbs\">\n <ng-container *ngFor=\"let breadcrumb of breadcrumbs; let i = index\">\n <li [attr.aria-current]=\"i === breadcrumbs.length - 1\">\n <a\n [routerLink]=\"breadcrumb.href\"\n [external]=\"!!breadcrumb.external\"\n *ngIf=\"i < breadcrumbs.length - 1; else currentPageRef\"\n >{{ breadcrumb.title }}</a\n >\n <ng-template #currentPageRef>\n <span>{{ breadcrumb.title }}</span>\n </ng-template>\n </li>\n <li class=\"icon\" *ngIf=\"i < breadcrumbs.length - 1\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M9.22817 5.19072L8.60942 5.80947C8.46255 5.95635 8.46255 6.19385 8.60942 6.34072L14.2563 12.0001L8.60942 17.6595C8.46255 17.8063 8.46255 18.0438 8.60942 18.1907L9.22817 18.8095C9.37505 18.9563 9.61255 18.9563 9.75942 18.8095L16.3032 12.2657C16.45 12.1188 16.45 11.8813 16.3032 11.7345L9.75942 5.19072C9.61255 5.04385 9.37505 5.04385 9.22817 5.19072Z\"\n fill=\"#000\"\n />\n </svg>\n </li>\n </ng-container>\n </ol>\n</nav>\n", styles: [":host ol{padding-left:0;margin-bottom:0;margin-top:0;display:flex;flex-direction:column;list-style:none;flex-direction:row!important;align-items:center;gap:4px}:host ol>li{padding-bottom:.5rem;padding-top:.5rem;border:0;display:block;position:relative}:host ol>li:before{font-weight:500;display:inline-block;left:0;position:absolute;text-align:center}:host ol>li{padding:0!important;font-weight:500}:host ol>li:before{display:none!important}:host ol>li.icon{display:flex}:host ol>li.icon>svg{height:1rem;width:1rem}:host ol a{text-decoration:underline;text-underline-offset:3px;color:#0062bc;font-weight:500;border:none;border-radius:.125rem}:host ol a:hover{text-underline-offset:2px;text-decoration-thickness:2px}:host ol a:active{text-underline-offset:1px}:host ol a:focus:not(:focus-visible){box-shadow:none;outline:0}:host ol a:focus,:host ol a:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host ol a:focus:not([aria-disabled]){color:#0092e1}:host ol a.link-history:visited{color:#673ab6}:host ol svg{width:1rem;height:1rem}\n"] }]
|
|
340
341
|
}], propDecorators: { thook: [{
|
|
@@ -347,11 +348,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
347
348
|
}] } });
|
|
348
349
|
|
|
349
350
|
class NgvBreadcrumbsModule {
|
|
350
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
351
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
352
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
351
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvBreadcrumbsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
352
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: NgvBreadcrumbsModule, declarations: [NgvBreadcrumbsComponent], imports: [CommonModule, NgvExternalLinkDirectiveModule, RouterModule], exports: [NgvBreadcrumbsComponent] }); }
|
|
353
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvBreadcrumbsModule, imports: [CommonModule, NgvExternalLinkDirectiveModule, RouterModule] }); }
|
|
353
354
|
}
|
|
354
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
355
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvBreadcrumbsModule, decorators: [{
|
|
355
356
|
type: NgModule,
|
|
356
357
|
args: [{
|
|
357
358
|
declarations: [NgvBreadcrumbsComponent],
|
|
@@ -427,13 +428,13 @@ class NgvButtonComponent extends NgvBaseControlValueAccessorComponent$1 {
|
|
|
427
428
|
return;
|
|
428
429
|
this.nggvClick.emit(event);
|
|
429
430
|
}
|
|
430
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
431
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NgvButtonComponent, selector: "nggv-button", inputs: { thook: "thook", type: "type", buttonStyle: "buttonStyle", small: "small", href: "href" }, outputs: { nggvClick: "nggvClick" }, host: { properties: { "attr.data-thook": "this.thook" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<button\n #input\n [ngClass]=\"buttonClasses\"\n [id]=\"id + '-button'\"\n [attr.name]=\"name\"\n [attr.value]=\"value\"\n [type]=\"type\"\n [autofocus]=\"autofocus\"\n [disabled]=\"disabled\"\n [attr.aria-label]=\"description\"\n (click)=\"onClick($event)\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n *ngIf=\"type !== 'link'\"\n>\n <ng-container *ngTemplateOutlet=\"contentRef\"></ng-container>\n</button>\n\n<a\n #input\n [ngClass]=\"buttonClasses\"\n role=\"button\"\n [id]=\"id + '-link'\"\n [routerLink]=\"href\"\n [external]=\"external\"\n [attr.aria-label]=\"description\"\n (click)=\"onClick($event)\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n *ngIf=\"type === 'link'\"\n>\n <ng-container *ngTemplateOutlet=\"contentRef\"></ng-container>\n</a>\n\n<ng-template #contentRef>\n <ng-content></ng-content>\n</ng-template>\n", styles: [":host button,:host a{background-color:transparent;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}:host button:focus:not(:focus-visible),:host a:focus:not(:focus-visible){box-shadow:none;outline:0}:host button:focus,:host button:focus-visible,:host a:focus,:host a: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 button,:host a{min-width:100%}}@media screen and (-ms-high-contrast: active){:host button,:host a{border:2px solid currentcolor}}:host button.small,:host a.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host button.large,:host a.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}:host .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 .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 .primary[aria-selected=true],:host .primary:active,:host .primary.active,:host .primary.active:hover,:host .primary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .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 .primary:disabled,:host .primary.disabled,:host .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 .primary:disabled::placeholder,:host .primary.disabled::placeholder,:host .primary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .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 .secondary:focus:not(:focus-visible){box-shadow:none;outline:0}:host .secondary:focus,:host .secondary:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .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 .secondary[aria-selected=true],:host .secondary:active,:host .secondary.active,:host .secondary.active:hover,:host .secondary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .secondary:disabled,:host .secondary.disabled,:host .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 .secondary:disabled::placeholder,:host .secondary.disabled::placeholder,:host .secondary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .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)}:host .tertiary:focus:not(:focus-visible){box-shadow:none;outline:0}:host .tertiary:focus,:host .tertiary:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .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}:host .tertiary[aria-selected=true],:host .tertiary:active,:host .tertiary.active,:host .tertiary.active:hover,:host .tertiary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .tertiary:disabled,:host .tertiary.disabled,:host .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}:host .tertiary:disabled::placeholder,:host .tertiary.disabled::placeholder,:host .tertiary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .ghost-light{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;border-color:#fff;color:#fff;--color: rgb(255, 255, 255)}:host .ghost-light:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff}:host .ghost-light[aria-selected=true],:host .ghost-light:active,:host .ghost-light.active,:host .ghost-light.active:hover,:host .ghost-light:active:hover{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff}:host .ghost-light[aria-selected]:hover,:host .ghost-light.active:hover,:host .ghost-light:active:hover{opacity:.9}:host .ghost-light:focus-visible{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff!important}:host .ghost-light:disabled,:host .ghost-light.disabled,:host .ghost-light[aria-disabled=true]{color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}:host .ghost-light:disabled::placeholder,:host .ghost-light.disabled::placeholder,:host .ghost-light[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .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)}:host .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}:host .ghost[aria-selected=true],:host .ghost:active,:host .ghost.active,:host .ghost.active:hover,:host .ghost:active:hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}:host .ghost[aria-selected]:hover,:host .ghost.active:hover,:host .ghost:active:hover{opacity:.9}:host .ghost:focus-visible{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333!important}:host .ghost:disabled,:host .ghost.disabled,:host .ghost[aria-disabled=true]{color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}:host .ghost:disabled::placeholder,:host .ghost.disabled::placeholder,:host .ghost[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .danger.primary{background:#bb000c;border-color:#bb000c;color:#fff;--color: #fff;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}:host .danger.primary: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 .danger.primary[aria-selected=true],:host .danger.primary:active,:host .danger.primary.active,:host .danger.primary.active:hover,:host .danger.primary:active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}:host .danger.primary[aria-selected]:hover,:host .danger.primary.active:hover,:host .danger.primary:active:hover{opacity:.9}:host .danger.primary:focus:not(:focus-visible){box-shadow:none;outline:0}:host .danger.primary:focus,:host .danger.primary:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .danger.primary:disabled,:host .danger.primary.disabled,:host .danger.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 .danger.primary:disabled::placeholder,:host .danger.primary.disabled::placeholder,:host .danger.primary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .danger:not(.primary){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 .danger:not(.primary):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 .danger:not(.primary)[aria-selected=true],:host .danger:not(.primary):active,:host .danger:not(.primary).active,:host .danger:not(.primary).active:hover,:host .danger:not(.primary):active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}:host .danger:not(.primary)[aria-selected]:hover,:host .danger:not(.primary).active:hover,:host .danger:not(.primary):active:hover{opacity:.9}:host .danger:not(.primary):focus:not(:focus-visible){box-shadow:none;outline:0}:host .danger:not(.primary):focus,:host .danger:not(.primary):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.NgvExternalLinkDirective, selector: "a[routerLink]", inputs: ["external"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
|
|
431
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvButtonComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: TRANSLOCO_SCOPE, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
432
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NgvButtonComponent, selector: "nggv-button", inputs: { thook: "thook", type: "type", buttonStyle: "buttonStyle", small: "small", href: "href" }, outputs: { nggvClick: "nggvClick" }, host: { properties: { "attr.data-thook": "this.thook" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<button\n #input\n [ngClass]=\"buttonClasses\"\n [id]=\"id + '-button'\"\n [attr.name]=\"name\"\n [attr.value]=\"value\"\n [type]=\"type\"\n [autofocus]=\"autofocus\"\n [disabled]=\"disabled\"\n [attr.aria-label]=\"description\"\n (click)=\"onClick($event)\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n *ngIf=\"type !== 'link'\"\n>\n <ng-container *ngTemplateOutlet=\"contentRef\"></ng-container>\n</button>\n\n<a\n #input\n [ngClass]=\"buttonClasses\"\n role=\"button\"\n [id]=\"id + '-link'\"\n [routerLink]=\"href\"\n [external]=\"external\"\n [attr.aria-label]=\"description\"\n (click)=\"onClick($event)\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n *ngIf=\"type === 'link'\"\n>\n <ng-container *ngTemplateOutlet=\"contentRef\"></ng-container>\n</a>\n\n<ng-template #contentRef>\n <ng-content></ng-content>\n</ng-template>\n", styles: [":host button,:host a{background-color:transparent;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}:host button:focus:not(:focus-visible),:host a:focus:not(:focus-visible){box-shadow:none;outline:0}:host button:focus,:host button:focus-visible,:host a:focus,:host a: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 button,:host a{min-width:100%}}@media screen and (-ms-high-contrast: active){:host button,:host a{border:2px solid currentcolor}}:host button.small,:host a.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host button.large,:host a.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}:host .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 .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 .primary[aria-selected=true],:host .primary:active,:host .primary.active,:host .primary.active:hover,:host .primary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .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 .primary:disabled,:host .primary.disabled,:host .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 .primary:disabled::placeholder,:host .primary.disabled::placeholder,:host .primary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .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 .secondary:focus:not(:focus-visible){box-shadow:none;outline:0}:host .secondary:focus,:host .secondary:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .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 .secondary[aria-selected=true],:host .secondary:active,:host .secondary.active,:host .secondary.active:hover,:host .secondary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .secondary:disabled,:host .secondary.disabled,:host .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 .secondary:disabled::placeholder,:host .secondary.disabled::placeholder,:host .secondary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .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)}:host .tertiary:focus:not(:focus-visible){box-shadow:none;outline:0}:host .tertiary:focus,:host .tertiary:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .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}:host .tertiary[aria-selected=true],:host .tertiary:active,:host .tertiary.active,:host .tertiary.active:hover,:host .tertiary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .tertiary:disabled,:host .tertiary.disabled,:host .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}:host .tertiary:disabled::placeholder,:host .tertiary.disabled::placeholder,:host .tertiary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .ghost-light{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;border-color:#fff;color:#fff;--color: rgb(255, 255, 255)}:host .ghost-light:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff}:host .ghost-light[aria-selected=true],:host .ghost-light:active,:host .ghost-light.active,:host .ghost-light.active:hover,:host .ghost-light:active:hover{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff}:host .ghost-light[aria-selected]:hover,:host .ghost-light.active:hover,:host .ghost-light:active:hover{opacity:.9}:host .ghost-light:focus-visible{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff!important}:host .ghost-light:disabled,:host .ghost-light.disabled,:host .ghost-light[aria-disabled=true]{color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}:host .ghost-light:disabled::placeholder,:host .ghost-light.disabled::placeholder,:host .ghost-light[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .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)}:host .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}:host .ghost[aria-selected=true],:host .ghost:active,:host .ghost.active,:host .ghost.active:hover,:host .ghost:active:hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}:host .ghost[aria-selected]:hover,:host .ghost.active:hover,:host .ghost:active:hover{opacity:.9}:host .ghost:focus-visible{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333!important}:host .ghost:disabled,:host .ghost.disabled,:host .ghost[aria-disabled=true]{color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}:host .ghost:disabled::placeholder,:host .ghost.disabled::placeholder,:host .ghost[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .danger.primary{background:#bb000c;border-color:#bb000c;color:#fff;--color: #fff;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}:host .danger.primary: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 .danger.primary[aria-selected=true],:host .danger.primary:active,:host .danger.primary.active,:host .danger.primary.active:hover,:host .danger.primary:active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}:host .danger.primary[aria-selected]:hover,:host .danger.primary.active:hover,:host .danger.primary:active:hover{opacity:.9}:host .danger.primary:focus:not(:focus-visible){box-shadow:none;outline:0}:host .danger.primary:focus,:host .danger.primary:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .danger.primary:disabled,:host .danger.primary.disabled,:host .danger.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 .danger.primary:disabled::placeholder,:host .danger.primary.disabled::placeholder,:host .danger.primary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .danger:not(.primary){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 .danger:not(.primary):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 .danger:not(.primary)[aria-selected=true],:host .danger:not(.primary):active,:host .danger:not(.primary).active,:host .danger:not(.primary).active:hover,:host .danger:not(.primary):active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}:host .danger:not(.primary)[aria-selected]:hover,:host .danger:not(.primary).active:hover,:host .danger:not(.primary):active:hover{opacity:.9}:host .danger:not(.primary):focus:not(:focus-visible){box-shadow:none;outline:0}:host .danger:not(.primary):focus,:host .danger:not(.primary):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.NgvExternalLinkDirective, selector: "a[routerLink]", inputs: ["external"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
|
|
432
433
|
}
|
|
433
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
434
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvButtonComponent, decorators: [{
|
|
434
435
|
type: Component,
|
|
435
436
|
args: [{ selector: 'nggv-button', template: "<button\n #input\n [ngClass]=\"buttonClasses\"\n [id]=\"id + '-button'\"\n [attr.name]=\"name\"\n [attr.value]=\"value\"\n [type]=\"type\"\n [autofocus]=\"autofocus\"\n [disabled]=\"disabled\"\n [attr.aria-label]=\"description\"\n (click)=\"onClick($event)\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n *ngIf=\"type !== 'link'\"\n>\n <ng-container *ngTemplateOutlet=\"contentRef\"></ng-container>\n</button>\n\n<a\n #input\n [ngClass]=\"buttonClasses\"\n role=\"button\"\n [id]=\"id + '-link'\"\n [routerLink]=\"href\"\n [external]=\"external\"\n [attr.aria-label]=\"description\"\n (click)=\"onClick($event)\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n *ngIf=\"type === 'link'\"\n>\n <ng-container *ngTemplateOutlet=\"contentRef\"></ng-container>\n</a>\n\n<ng-template #contentRef>\n <ng-content></ng-content>\n</ng-template>\n", styles: [":host button,:host a{background-color:transparent;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}:host button:focus:not(:focus-visible),:host a:focus:not(:focus-visible){box-shadow:none;outline:0}:host button:focus,:host button:focus-visible,:host a:focus,:host a: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 button,:host a{min-width:100%}}@media screen and (-ms-high-contrast: active){:host button,:host a{border:2px solid currentcolor}}:host button.small,:host a.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host button.large,:host a.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}:host .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 .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 .primary[aria-selected=true],:host .primary:active,:host .primary.active,:host .primary.active:hover,:host .primary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .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 .primary:disabled,:host .primary.disabled,:host .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 .primary:disabled::placeholder,:host .primary.disabled::placeholder,:host .primary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .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 .secondary:focus:not(:focus-visible){box-shadow:none;outline:0}:host .secondary:focus,:host .secondary:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .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 .secondary[aria-selected=true],:host .secondary:active,:host .secondary.active,:host .secondary.active:hover,:host .secondary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .secondary:disabled,:host .secondary.disabled,:host .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 .secondary:disabled::placeholder,:host .secondary.disabled::placeholder,:host .secondary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .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)}:host .tertiary:focus:not(:focus-visible){box-shadow:none;outline:0}:host .tertiary:focus,:host .tertiary:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .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}:host .tertiary[aria-selected=true],:host .tertiary:active,:host .tertiary.active,:host .tertiary.active:hover,:host .tertiary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .tertiary:disabled,:host .tertiary.disabled,:host .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}:host .tertiary:disabled::placeholder,:host .tertiary.disabled::placeholder,:host .tertiary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .ghost-light{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;border-color:#fff;color:#fff;--color: rgb(255, 255, 255)}:host .ghost-light:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff}:host .ghost-light[aria-selected=true],:host .ghost-light:active,:host .ghost-light.active,:host .ghost-light.active:hover,:host .ghost-light:active:hover{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff}:host .ghost-light[aria-selected]:hover,:host .ghost-light.active:hover,:host .ghost-light:active:hover{opacity:.9}:host .ghost-light:focus-visible{background-color:#fff;color:#000;--background: rgb(255, 255, 255);--color: black;border-color:#fff!important}:host .ghost-light:disabled,:host .ghost-light.disabled,:host .ghost-light[aria-disabled=true]{color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}:host .ghost-light:disabled::placeholder,:host .ghost-light.disabled::placeholder,:host .ghost-light[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .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)}:host .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}:host .ghost[aria-selected=true],:host .ghost:active,:host .ghost.active,:host .ghost.active:hover,:host .ghost:active:hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}:host .ghost[aria-selected]:hover,:host .ghost.active:hover,:host .ghost:active:hover{opacity:.9}:host .ghost:focus-visible{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333!important}:host .ghost:disabled,:host .ghost.disabled,:host .ghost[aria-disabled=true]{color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}:host .ghost:disabled::placeholder,:host .ghost.disabled::placeholder,:host .ghost[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .danger.primary{background:#bb000c;border-color:#bb000c;color:#fff;--color: #fff;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}:host .danger.primary: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 .danger.primary[aria-selected=true],:host .danger.primary:active,:host .danger.primary.active,:host .danger.primary.active:hover,:host .danger.primary:active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}:host .danger.primary[aria-selected]:hover,:host .danger.primary.active:hover,:host .danger.primary:active:hover{opacity:.9}:host .danger.primary:focus:not(:focus-visible){box-shadow:none;outline:0}:host .danger.primary:focus,:host .danger.primary:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .danger.primary:disabled,:host .danger.primary.disabled,:host .danger.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 .danger.primary:disabled::placeholder,:host .danger.primary.disabled::placeholder,:host .danger.primary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .danger:not(.primary){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 .danger:not(.primary):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 .danger:not(.primary)[aria-selected=true],:host .danger:not(.primary):active,:host .danger:not(.primary).active,:host .danger:not(.primary).active:hover,:host .danger:not(.primary):active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}:host .danger:not(.primary)[aria-selected]:hover,:host .danger:not(.primary).active:hover,:host .danger:not(.primary):active:hover{opacity:.9}:host .danger:not(.primary):focus:not(:focus-visible){box-shadow:none;outline:0}:host .danger:not(.primary):focus,:host .danger:not(.primary):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}\n"] }]
|
|
436
|
-
}], ctorParameters:
|
|
437
|
+
}], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
|
|
437
438
|
type: Self
|
|
438
439
|
}, {
|
|
439
440
|
type: Optional
|
|
@@ -442,7 +443,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
442
443
|
}, {
|
|
443
444
|
type: Inject,
|
|
444
445
|
args: [TRANSLOCO_SCOPE]
|
|
445
|
-
}] }, { type: i0.ChangeDetectorRef }]
|
|
446
|
+
}] }, { type: i0.ChangeDetectorRef }], propDecorators: { thook: [{
|
|
446
447
|
type: HostBinding,
|
|
447
448
|
args: ['attr.data-thook']
|
|
448
449
|
}, {
|
|
@@ -460,11 +461,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
460
461
|
}] } });
|
|
461
462
|
|
|
462
463
|
class NgvButtonModule {
|
|
463
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
464
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
465
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
464
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
465
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: NgvButtonModule, declarations: [NgvButtonComponent], imports: [CommonModule, NgvExternalLinkDirectiveModule, RouterModule], exports: [NgvButtonComponent] }); }
|
|
466
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvButtonModule, imports: [CommonModule, NgvExternalLinkDirectiveModule, RouterModule] }); }
|
|
466
467
|
}
|
|
467
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
468
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvButtonModule, decorators: [{
|
|
468
469
|
type: NgModule,
|
|
469
470
|
args: [{
|
|
470
471
|
declarations: [NgvButtonComponent],
|
|
@@ -474,20 +475,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
474
475
|
}] });
|
|
475
476
|
|
|
476
477
|
class NgvCardComponent {
|
|
477
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
478
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
478
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
479
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NgvCardComponent, selector: "nggv-card", ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, styles: [":host{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}:host>header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-block-end:1rem}:host>header .close{margin:-.5rem -.5rem -.5rem .5rem}:host>*:not(header,footer){flex:1 1 auto}:host>footer{margin-top:.75rem}@media (min-width: 36em){:host>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host>footer button:not(.link)+button,:host>footer button:not(.link)+.button,:host>footer .button:not(.link)+button,:host>footer .button:not(.link)+.button{margin-top:.75rem}}@media (min-width: 36em){:host>footer button:not(.link)+button,:host>footer button:not(.link)+.button,:host>footer .button:not(.link)+button,:host>footer .button:not(.link)+.button{margin-left:.75rem}}:host:has(.card-row){display:table;width:inherit;box-sizing:border-box}:host ::ng-deep .card-row{display:table-row}:host ::ng-deep .card-row *{padding-bottom:.5rem}:host ::ng-deep .card-row:last-child *{padding-bottom:0}:host ::ng-deep .card-row.divider *{border-top:1px solid #d8d8d8;padding-top:.375rem}:host ::ng-deep .card-column{display:table-cell;text-align:start}:host ::ng-deep .card-column:first-child{text-align:start}:host ::ng-deep .card-column:not(:first-child):not(:last-child){text-align:center}:host ::ng-deep .card-column:last-child{text-align:end}\n"] }); }
|
|
479
480
|
}
|
|
480
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
481
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvCardComponent, decorators: [{
|
|
481
482
|
type: Component,
|
|
482
483
|
args: [{ selector: 'nggv-card', template: ` <ng-content></ng-content> `, styles: [":host{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}:host>header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-block-end:1rem}:host>header .close{margin:-.5rem -.5rem -.5rem .5rem}:host>*:not(header,footer){flex:1 1 auto}:host>footer{margin-top:.75rem}@media (min-width: 36em){:host>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host>footer button:not(.link)+button,:host>footer button:not(.link)+.button,:host>footer .button:not(.link)+button,:host>footer .button:not(.link)+.button{margin-top:.75rem}}@media (min-width: 36em){:host>footer button:not(.link)+button,:host>footer button:not(.link)+.button,:host>footer .button:not(.link)+button,:host>footer .button:not(.link)+.button{margin-left:.75rem}}:host:has(.card-row){display:table;width:inherit;box-sizing:border-box}:host ::ng-deep .card-row{display:table-row}:host ::ng-deep .card-row *{padding-bottom:.5rem}:host ::ng-deep .card-row:last-child *{padding-bottom:0}:host ::ng-deep .card-row.divider *{border-top:1px solid #d8d8d8;padding-top:.375rem}:host ::ng-deep .card-column{display:table-cell;text-align:start}:host ::ng-deep .card-column:first-child{text-align:start}:host ::ng-deep .card-column:not(:first-child):not(:last-child){text-align:center}:host ::ng-deep .card-column:last-child{text-align:end}\n"] }]
|
|
483
484
|
}] });
|
|
484
485
|
|
|
485
486
|
class NgvCardModule {
|
|
486
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
487
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
488
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
487
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
488
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: NgvCardModule, declarations: [NgvCardComponent], imports: [CommonModule], exports: [NgvCardComponent] }); }
|
|
489
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvCardModule, imports: [CommonModule] }); }
|
|
489
490
|
}
|
|
490
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
491
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvCardModule, decorators: [{
|
|
491
492
|
type: NgModule,
|
|
492
493
|
args: [{
|
|
493
494
|
declarations: [NgvCardComponent],
|
|
@@ -529,15 +530,15 @@ class CharacterCountdownDirective {
|
|
|
529
530
|
updateContext() {
|
|
530
531
|
this.context.charactersLeft = this.calculateCharactersLeft(this._maxlength, this._currentLength);
|
|
531
532
|
}
|
|
532
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
533
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
533
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CharacterCountdownDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
534
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: CharacterCountdownDirective, selector: "[nggvCharacterCountdown]", inputs: { maxlength: ["nggvCharacterCountdown", "maxlength"], currentLength: ["nggvCharacterCountdownCurrentLength", "currentLength"] }, ngImport: i0 }); }
|
|
534
535
|
}
|
|
535
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
536
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CharacterCountdownDirective, decorators: [{
|
|
536
537
|
type: Directive,
|
|
537
538
|
args: [{
|
|
538
539
|
selector: '[nggvCharacterCountdown]',
|
|
539
540
|
}]
|
|
540
|
-
}], ctorParameters:
|
|
541
|
+
}], ctorParameters: () => [{ type: i0.ViewContainerRef }, { type: i0.TemplateRef }], propDecorators: { maxlength: [{
|
|
541
542
|
type: Input,
|
|
542
543
|
args: ['nggvCharacterCountdown']
|
|
543
544
|
}], currentLength: [{
|
|
@@ -546,11 +547,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
546
547
|
}] } });
|
|
547
548
|
|
|
548
549
|
class NggCharacterCountdownDirectiveModule {
|
|
549
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
550
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
551
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
550
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggCharacterCountdownDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
551
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: NggCharacterCountdownDirectiveModule, declarations: [CharacterCountdownDirective], imports: [CommonModule], exports: [CharacterCountdownDirective] }); }
|
|
552
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggCharacterCountdownDirectiveModule, imports: [CommonModule] }); }
|
|
552
553
|
}
|
|
553
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
554
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggCharacterCountdownDirectiveModule, decorators: [{
|
|
554
555
|
type: NgModule,
|
|
555
556
|
args: [{
|
|
556
557
|
declarations: [CharacterCountdownDirective],
|
|
@@ -597,13 +598,13 @@ class NgvCheckboxComponent extends NgvBaseControlValueAccessorComponent$1 {
|
|
|
597
598
|
this.valueChange.emit(output);
|
|
598
599
|
};
|
|
599
600
|
}
|
|
600
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
601
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
601
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvCheckboxComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: TRANSLOCO_SCOPE, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
602
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NgvCheckboxComponent, selector: "nggv-checkbox", inputs: { thook: "thook", optionalLabel: "optionalLabel" }, outputs: { valueChange: "valueChange" }, host: { properties: { "attr.data-thook": "this.thook" } }, usesInheritance: true, ngImport: i0, template: "<!-- LOCKED INPUT -->\n<div *ngIf=\"locked && state\">\n <div\n [id]=\"id + '-checkbox'\"\n class=\"nggv-field--locked\"\n [attr.name]=\"name\"\n [attr.value]=\"value\"\n >\n <ng-container *ngIf=\"!labelContentTpl\">\n {{ label }}\n </ng-container>\n <ng-template\n *ngTemplateOutlet=\"labelContentTpl ?? null; context: { $implicit: value }\"\n ></ng-template>\n </div>\n</div>\n\n<!-- INPUT WRAPPER -->\n<ng-container *ngIf=\"!locked\">\n <div>\n <!-- CHECKBOX FIELD -->\n <label\n [id]=\"id + '-label'\"\n [attr.for]=\"id + '-checkbox'\"\n class=\"form-control\"\n *transloco=\"let t; read: scope\"\n >\n <input\n #input\n type=\"checkbox\"\n [id]=\"id + '-checkbox'\"\n [attr.name]=\"name\"\n [attr.value]=\"value\"\n [attr.required]=\"required\"\n [disabled]=\"disabled\"\n [autofocus]=\"autofocus\"\n [attr.aria-label]=\"description\"\n [checked]=\"state\"\n (click)=\"$event.stopPropagation()\"\n (change)=\"onInputChange($event)\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n />\n <!-- LABEL -->\n <ng-template\n *ngTemplateOutlet=\"labelContentTpl || basicLabelContentTpl\"\n ></ng-template>\n <ng-template #basicLabelContentTpl>\n <!-- to trigger css:empty if no label was added -->\n <ng-container *ngIf=\"label\">\n <span\n *ngIf=\"\n optional === true || (required !== true && optional !== false)\n \"\n class=\"sdv-field-label--optional\"\n >\n ({{ t('label.optional') }})\n </span>\n <span>{{ label }}</span>\n </ng-container>\n </ng-template>\n <i></i>\n </label>\n </div>\n\n <!-- ERRORS -->\n <ng-container *transloco=\"let t; read: scope\">\n <label\n class=\"sdv-field-notice sdv-field-notice--error\"\n [attr.for]=\"id + '-checkbox'\"\n *ngIf=\"invalid && (error || ngControl?.invalid)\"\n >\n <span *ngIf=\"error; else errorsRef\">{{ error }}</span>\n <ng-template #errorsRef>\n <span *ngIf=\"firstError as error\">\n {{ t('error.field' + error?.code, error?.params) }}\n </span>\n </ng-template>\n </label>\n </ng-container>\n\n <!-- CHILDREN -->\n <ng-content></ng-content>\n</ng-container>\n", styles: [":host{--gds-comp-checkbox-container-height: 1rem;--gds-comp-checkbox-container-width: 1rem;--gds-comp-checkbox-container-color: var(--gds-sys-color-surface);--gds-comp-checkbox-container-color-disabled: var(--gds-ref-pallet-base200);--gds-comp-checkbox-border-color: var(--gds-sys-color-base);--gds-comp-checkbox-border-radius: var(--gds-sys-shape-corner-small);--gds-comp-checkbox-hover-border-color: var(--gds-ref-pallet-base600);--gds-comp-checkbox-container-color-selected: var(--gds-sys-color-base);--gds-comp-checkbox-border-color-selected: var(--gds-sys-color-surface);--gds-comp-checkbox-border-color-focus: var(--gds-sys-color-blue-dark-2)}:host label.form-control input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0;z-index:-1}:host label.form-control{align-items:flex-start}:host label.form-control:has(input[type=checkbox]){padding:.6875rem 1rem .5625rem}:host label.form-control:has(input[type=checkbox]:focus-visible):focus:not(:focus-visible){box-shadow:none;outline:0}:host label.form-control:has(input[type=checkbox]:focus-visible):focus,:host label.form-control:has(input[type=checkbox]:focus-visible):focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host label.form-control input[type=checkbox]~i{margin-right:.75rem;margin-top:.0625rem;flex-shrink:0;box-shadow:inset 0 0 0 1px var(--gds-comp-checkbox-border-color);position:relative;border-radius:var(--gds-comp-checkbox-border-radius);background-color:var(--gds-comp-checkbox-container-color);flex:0 0 auto;height:var(--gds-comp-checkbox-container-width, 1rem);width:var(--gds-comp-checkbox-container-width, 1rem);transition:color .3s ease-in-out,all .3s ease-in-out}:host label.form-control input[type=checkbox]~i:after{transition:color .3s ease-in-out,all .3s ease-in-out}:host label.form-control input[type=checkbox]:not(:checked):focus-visible~i{box-shadow:inset 0 0 0 1px var(--gds-comp-checkbox-border-color-focus)}:host label.form-control:hover input[type=checkbox]:not(.disabled,:disabled,:checked,:indeterminate)~i{border-color:var(--gds-comp-checkbox-hover-border-color);box-shadow:inset 0 0 0 1px var(--gds-comp-checkbox-hover-border-color)}:host label.form-control:hover input[type=checkbox]:not(:checked,:indeterminate,:disabled,.disabled)~i:after{border-color:var(--gds-comp-checkbox-hover-border-color);opacity:1}:host label.form-control input[type=checkbox]:checked~i{background-color:var(--gds-comp-checkbox-container-color-selected)}:host label.form-control:hover input[type=checkbox]:checked~i{background-color:var(--gds-comp-checkbox-hover-border-color);box-shadow:inset 0 0 0 1px var(--gds-comp-checkbox-hover-border-color)}:host label.form-control input[type=checkbox]:indeterminate~i{background-color:var(--gds-comp-checkbox-container-color-selected)}:host label.form-control input[type=checkbox]:indeterminate~i:after{border-bottom:2px solid var(--gds-comp-checkbox-border-color-selected, #fff);border-left:none;transform:scale(1) rotate(0);opacity:1}:host label.form-control:has(input[type=checkbox].is-invalid){border:.0625rem solid var(--intent-danger-background);margin-bottom:.5rem}:host .is-invalid label.form-control:has(input[type=checkbox].is-invalid){border:none;margin:0}@supports (-moz-appearance: none){:host label.form-control.is-invalid{border:.0625rem solid var(--intent-danger-background);margin-bottom:.5rem}:host .is-invalid label.form-control.is-invalid{border:none;margin:0}}:host label.form-control input[type=checkbox]:disabled~i,:host label.form-control input[type=checkbox].disabled~i{background:var(--sg-form-control-bg-disabled)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed;box-shadow:inset 0 0 0 1px var(--border-disabled-color)}:host label.form-control input[type=checkbox]:disabled~i::placeholder,:host label.form-control input[type=checkbox].disabled~i::placeholder{color:var(--text-disabled-color)}:host label.form-control input[type=checkbox]:disabled:checked~i,:host label.form-control input[type=checkbox].disabled:checked~i{background:var(--sg-form-control-bg-disabled)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed;box-shadow:inset 0 0 0 1px var(--border-disabled-color)}:host label.form-control input[type=checkbox]:disabled:checked~i::placeholder,:host label.form-control input[type=checkbox].disabled:checked~i::placeholder{color:var(--text-disabled-color)}:host label.form-control input[type=checkbox]:disabled:checked~i:after,:host label.form-control input[type=checkbox].disabled:checked~i:after{border-color:var(--border-disabled-color)}:host label.form-control input[type=checkbox]:disabled~span,:host label.form-control input[type=checkbox].disabled~span{color:var(--text-disabled-color)!important;cursor:not-allowed}:host label.form-control input[type=checkbox]:disabled~span::placeholder,:host label.form-control input[type=checkbox].disabled~span::placeholder{color:var(--text-disabled-color)}:host label.form-control input[type=checkbox]~i:after{content:\"\";opacity:0;position:absolute}:host label.form-control input[type=checkbox]~i:after{border-bottom:3px solid var(--gds-comp-checkbox-border-color-selected, #fff);border-left:3px solid var(--gds-comp-checkbox-border-color-selected, #fff);height:.5rem;width:1rem;left:0;top:.1875rem;transform:scale(.601) rotate(-45deg);transform-origin:center}:host label.form-control input[type=checkbox]:checked~i:after{opacity:1}:host .form-control{padding:.75rem 1rem;border:1px solid transparent;border-radius:var(--gds-sys-shape-corner-medium);align-items:center;cursor:pointer;display:flex;flex-direction:row-reverse;font:inherit;justify-content:flex-end;position:relative;user-select:none;-webkit-user-select:none}:host .form-control:has(input:disabled){cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3$1.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }] }); }
|
|
602
603
|
}
|
|
603
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
604
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvCheckboxComponent, decorators: [{
|
|
604
605
|
type: Component,
|
|
605
|
-
args: [{ selector: 'nggv-checkbox', template: "<!-- LOCKED INPUT -->\n<div *ngIf=\"locked && state\"
|
|
606
|
-
}], ctorParameters:
|
|
606
|
+
args: [{ selector: 'nggv-checkbox', template: "<!-- LOCKED INPUT -->\n<div *ngIf=\"locked && state\">\n <div\n [id]=\"id + '-checkbox'\"\n class=\"nggv-field--locked\"\n [attr.name]=\"name\"\n [attr.value]=\"value\"\n >\n <ng-container *ngIf=\"!labelContentTpl\">\n {{ label }}\n </ng-container>\n <ng-template\n *ngTemplateOutlet=\"labelContentTpl ?? null; context: { $implicit: value }\"\n ></ng-template>\n </div>\n</div>\n\n<!-- INPUT WRAPPER -->\n<ng-container *ngIf=\"!locked\">\n <div>\n <!-- CHECKBOX FIELD -->\n <label\n [id]=\"id + '-label'\"\n [attr.for]=\"id + '-checkbox'\"\n class=\"form-control\"\n *transloco=\"let t; read: scope\"\n >\n <input\n #input\n type=\"checkbox\"\n [id]=\"id + '-checkbox'\"\n [attr.name]=\"name\"\n [attr.value]=\"value\"\n [attr.required]=\"required\"\n [disabled]=\"disabled\"\n [autofocus]=\"autofocus\"\n [attr.aria-label]=\"description\"\n [checked]=\"state\"\n (click)=\"$event.stopPropagation()\"\n (change)=\"onInputChange($event)\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n />\n <!-- LABEL -->\n <ng-template\n *ngTemplateOutlet=\"labelContentTpl || basicLabelContentTpl\"\n ></ng-template>\n <ng-template #basicLabelContentTpl>\n <!-- to trigger css:empty if no label was added -->\n <ng-container *ngIf=\"label\">\n <span\n *ngIf=\"\n optional === true || (required !== true && optional !== false)\n \"\n class=\"sdv-field-label--optional\"\n >\n ({{ t('label.optional') }})\n </span>\n <span>{{ label }}</span>\n </ng-container>\n </ng-template>\n <i></i>\n </label>\n </div>\n\n <!-- ERRORS -->\n <ng-container *transloco=\"let t; read: scope\">\n <label\n class=\"sdv-field-notice sdv-field-notice--error\"\n [attr.for]=\"id + '-checkbox'\"\n *ngIf=\"invalid && (error || ngControl?.invalid)\"\n >\n <span *ngIf=\"error; else errorsRef\">{{ error }}</span>\n <ng-template #errorsRef>\n <span *ngIf=\"firstError as error\">\n {{ t('error.field' + error?.code, error?.params) }}\n </span>\n </ng-template>\n </label>\n </ng-container>\n\n <!-- CHILDREN -->\n <ng-content></ng-content>\n</ng-container>\n", styles: [":host{--gds-comp-checkbox-container-height: 1rem;--gds-comp-checkbox-container-width: 1rem;--gds-comp-checkbox-container-color: var(--gds-sys-color-surface);--gds-comp-checkbox-container-color-disabled: var(--gds-ref-pallet-base200);--gds-comp-checkbox-border-color: var(--gds-sys-color-base);--gds-comp-checkbox-border-radius: var(--gds-sys-shape-corner-small);--gds-comp-checkbox-hover-border-color: var(--gds-ref-pallet-base600);--gds-comp-checkbox-container-color-selected: var(--gds-sys-color-base);--gds-comp-checkbox-border-color-selected: var(--gds-sys-color-surface);--gds-comp-checkbox-border-color-focus: var(--gds-sys-color-blue-dark-2)}:host label.form-control input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0;z-index:-1}:host label.form-control{align-items:flex-start}:host label.form-control:has(input[type=checkbox]){padding:.6875rem 1rem .5625rem}:host label.form-control:has(input[type=checkbox]:focus-visible):focus:not(:focus-visible){box-shadow:none;outline:0}:host label.form-control:has(input[type=checkbox]:focus-visible):focus,:host label.form-control:has(input[type=checkbox]:focus-visible):focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host label.form-control input[type=checkbox]~i{margin-right:.75rem;margin-top:.0625rem;flex-shrink:0;box-shadow:inset 0 0 0 1px var(--gds-comp-checkbox-border-color);position:relative;border-radius:var(--gds-comp-checkbox-border-radius);background-color:var(--gds-comp-checkbox-container-color);flex:0 0 auto;height:var(--gds-comp-checkbox-container-width, 1rem);width:var(--gds-comp-checkbox-container-width, 1rem);transition:color .3s ease-in-out,all .3s ease-in-out}:host label.form-control input[type=checkbox]~i:after{transition:color .3s ease-in-out,all .3s ease-in-out}:host label.form-control input[type=checkbox]:not(:checked):focus-visible~i{box-shadow:inset 0 0 0 1px var(--gds-comp-checkbox-border-color-focus)}:host label.form-control:hover input[type=checkbox]:not(.disabled,:disabled,:checked,:indeterminate)~i{border-color:var(--gds-comp-checkbox-hover-border-color);box-shadow:inset 0 0 0 1px var(--gds-comp-checkbox-hover-border-color)}:host label.form-control:hover input[type=checkbox]:not(:checked,:indeterminate,:disabled,.disabled)~i:after{border-color:var(--gds-comp-checkbox-hover-border-color);opacity:1}:host label.form-control input[type=checkbox]:checked~i{background-color:var(--gds-comp-checkbox-container-color-selected)}:host label.form-control:hover input[type=checkbox]:checked~i{background-color:var(--gds-comp-checkbox-hover-border-color);box-shadow:inset 0 0 0 1px var(--gds-comp-checkbox-hover-border-color)}:host label.form-control input[type=checkbox]:indeterminate~i{background-color:var(--gds-comp-checkbox-container-color-selected)}:host label.form-control input[type=checkbox]:indeterminate~i:after{border-bottom:2px solid var(--gds-comp-checkbox-border-color-selected, #fff);border-left:none;transform:scale(1) rotate(0);opacity:1}:host label.form-control:has(input[type=checkbox].is-invalid){border:.0625rem solid var(--intent-danger-background);margin-bottom:.5rem}:host .is-invalid label.form-control:has(input[type=checkbox].is-invalid){border:none;margin:0}@supports (-moz-appearance: none){:host label.form-control.is-invalid{border:.0625rem solid var(--intent-danger-background);margin-bottom:.5rem}:host .is-invalid label.form-control.is-invalid{border:none;margin:0}}:host label.form-control input[type=checkbox]:disabled~i,:host label.form-control input[type=checkbox].disabled~i{background:var(--sg-form-control-bg-disabled)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed;box-shadow:inset 0 0 0 1px var(--border-disabled-color)}:host label.form-control input[type=checkbox]:disabled~i::placeholder,:host label.form-control input[type=checkbox].disabled~i::placeholder{color:var(--text-disabled-color)}:host label.form-control input[type=checkbox]:disabled:checked~i,:host label.form-control input[type=checkbox].disabled:checked~i{background:var(--sg-form-control-bg-disabled)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed;box-shadow:inset 0 0 0 1px var(--border-disabled-color)}:host label.form-control input[type=checkbox]:disabled:checked~i::placeholder,:host label.form-control input[type=checkbox].disabled:checked~i::placeholder{color:var(--text-disabled-color)}:host label.form-control input[type=checkbox]:disabled:checked~i:after,:host label.form-control input[type=checkbox].disabled:checked~i:after{border-color:var(--border-disabled-color)}:host label.form-control input[type=checkbox]:disabled~span,:host label.form-control input[type=checkbox].disabled~span{color:var(--text-disabled-color)!important;cursor:not-allowed}:host label.form-control input[type=checkbox]:disabled~span::placeholder,:host label.form-control input[type=checkbox].disabled~span::placeholder{color:var(--text-disabled-color)}:host label.form-control input[type=checkbox]~i:after{content:\"\";opacity:0;position:absolute}:host label.form-control input[type=checkbox]~i:after{border-bottom:3px solid var(--gds-comp-checkbox-border-color-selected, #fff);border-left:3px solid var(--gds-comp-checkbox-border-color-selected, #fff);height:.5rem;width:1rem;left:0;top:.1875rem;transform:scale(.601) rotate(-45deg);transform-origin:center}:host label.form-control input[type=checkbox]:checked~i:after{opacity:1}:host .form-control{padding:.75rem 1rem;border:1px solid transparent;border-radius:var(--gds-sys-shape-corner-medium);align-items:center;cursor:pointer;display:flex;flex-direction:row-reverse;font:inherit;justify-content:flex-end;position:relative;user-select:none;-webkit-user-select:none}:host .form-control:has(input:disabled){cursor:not-allowed}\n"] }]
|
|
607
|
+
}], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
|
|
607
608
|
type: Self
|
|
608
609
|
}, {
|
|
609
610
|
type: Optional
|
|
@@ -612,7 +613,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
612
613
|
}, {
|
|
613
614
|
type: Inject,
|
|
614
615
|
args: [TRANSLOCO_SCOPE]
|
|
615
|
-
}] }, { type: i0.ChangeDetectorRef }]
|
|
616
|
+
}] }, { type: i0.ChangeDetectorRef }], propDecorators: { thook: [{
|
|
616
617
|
type: HostBinding,
|
|
617
618
|
args: ['attr.data-thook']
|
|
618
619
|
}, {
|
|
@@ -624,11 +625,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
624
625
|
}] } });
|
|
625
626
|
|
|
626
627
|
class NgvCheckboxModule {
|
|
627
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
628
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
629
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
628
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
629
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: NgvCheckboxModule, declarations: [NgvCheckboxComponent], imports: [CommonModule, NgvI18nModule$1], exports: [NgvCheckboxComponent] }); }
|
|
630
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvCheckboxModule, imports: [CommonModule, NgvI18nModule$1] }); }
|
|
630
631
|
}
|
|
631
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
632
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvCheckboxModule, decorators: [{
|
|
632
633
|
type: NgModule,
|
|
633
634
|
args: [{
|
|
634
635
|
declarations: [NgvCheckboxComponent],
|
|
@@ -707,10 +708,10 @@ class NgvTypeaheadHighlightComponent {
|
|
|
707
708
|
}
|
|
708
709
|
return { start, end };
|
|
709
710
|
}
|
|
710
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
711
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
711
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvTypeaheadHighlightComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
712
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NgvTypeaheadHighlightComponent, selector: "nggv-typeahead-highlight", inputs: { textContent: "textContent", textToHighlight: "textToHighlight" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"!this.match\">{{ textContent }}</ng-container>\n<!-- Note that this is sensitive to line breaks producing extra spacing between the different parts -->\n<ng-container *ngIf=\"!!this.match\">\n {{ prefix || '' }}<span class=\"match\">{{ match }}</span\n >{{ suffix || '' }}\n</ng-container>\n", styles: [":host .match{font-weight:500}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
712
713
|
}
|
|
713
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
714
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvTypeaheadHighlightComponent, decorators: [{
|
|
714
715
|
type: Component,
|
|
715
716
|
args: [{ selector: 'nggv-typeahead-highlight', template: "<ng-container *ngIf=\"!this.match\">{{ textContent }}</ng-container>\n<!-- Note that this is sensitive to line breaks producing extra spacing between the different parts -->\n<ng-container *ngIf=\"!!this.match\">\n {{ prefix || '' }}<span class=\"match\">{{ match }}</span\n >{{ suffix || '' }}\n</ng-container>\n", styles: [":host .match{font-weight:500}\n"] }]
|
|
716
717
|
}], propDecorators: { textContent: [{
|
|
@@ -917,18 +918,18 @@ class NgvDropdownListComponent {
|
|
|
917
918
|
}, 0);
|
|
918
919
|
}
|
|
919
920
|
}
|
|
920
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
921
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
921
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvDropdownListComponent, deps: [{ token: TRANSLOCO_SCOPE, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
922
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NgvDropdownListComponent, selector: "nggv-dropdown-list", inputs: { expanded: "expanded", state: "state", scrollOffset: "scrollOffset", optionContentTpl: "optionContentTpl", id: "id", thook: "thook", options: "options", textToHighlight: "textToHighlight" }, outputs: { selectedValueChanged: "selectedValueChanged", closed: "closed" }, host: { listeners: { "document:keydown": "onKeyDown($event)", "document:keyup": "onKeyUp($event)" }, properties: { "attr.id": "this.id", "attr.data-thook": "this.thook" } }, viewQueries: [{ propertyName: "optionRefs", predicate: ["optionRefs"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container *transloco=\"let t; read: scope\">\n <ul\n class=\"gds-dropdown__options card options gds-reset\"\n [class.gds-dropdown__options-expanded]=\"expanded\"\n role=\"listbox\"\n tabindex=\"-1\"\n [attr.data-thook]=\"thook + '-options'\"\n [attr.aria-labelledby]=\"id + '-label'\"\n [attr.aria-activedescendant]=\"\n state ? id + '-option-' + state?.key : undefined\n \"\n >\n <ng-container *ngFor=\"let item of options\">\n <!-- OPTION -->\n <ng-container *ngIf=\"!isGroup(item)\">\n <ng-template\n *ngTemplateOutlet=\"listItemTemplate; context: { $implicit: item }\"\n ></ng-template>\n </ng-container>\n\n <!-- OPTION GROUP -->\n <li\n class=\"gds-dropdown__options__label group\"\n [attr.data-thook]=\"thook + '-option-group'\"\n *ngIf=\"isGroup(item)\"\n >\n <div class=\"sdv-list__label\">{{ t(item.label) }}</div>\n <ul [attr.aria-disabled]=\"item.disabled\">\n <ng-container *ngFor=\"let option of castGroup(item).options\">\n <ng-template\n *ngTemplateOutlet=\"\n listItemTemplate;\n context: { $implicit: option }\n \"\n ></ng-template>\n </ng-container>\n </ul>\n </li>\n </ng-container>\n </ul>\n\n <!-- TEMPLATE -->\n <ng-template #listItemTemplate let-option>\n <li\n #optionRefs\n *ngIf=\"!optionContentTpl\"\n tabindex=\"-1\"\n [id]=\"id + '-option-' + option.key\"\n class=\"gds-dropdown__options__label option\"\n role=\"option\"\n #liElem\n [attr.data-thook]=\"thook + '-option-' + option.key\"\n [attr.aria-disabled]=\"option.disabled\"\n [attr.aria-selected]=\"\n option.key === selectedValue?.key && !!selectedValue?.key\n \"\n [attr.aria-focus]=\"option.key === state?.key && !option.disabled\"\n [nggvTooltip]=\"isOverflow(liElem) ? t(option.label) : undefined\"\n (click)=\"updateState(option, $event)\"\n >\n <ng-template\n *ngTemplateOutlet=\"\n basicOptionContentTpl;\n context: { $implicit: option }\n \"\n >\n </ng-template>\n </li>\n <!-- Checking overflow on custom templates do not work skip adding nggvToolTip if custom template is provided -->\n <li\n #optionRefs\n *ngIf=\"!!optionContentTpl\"\n tabindex=\"-1\"\n [id]=\"id + '-option-' + option.key\"\n class=\"gds-dropdown__options__label option\"\n role=\"option\"\n #liElem\n [attr.data-thook]=\"thook + '-option-' + option.key\"\n [attr.aria-disabled]=\"option.disabled\"\n [attr.aria-selected]=\"\n option.key === selectedValue?.key && !!selectedValue?.key\n \"\n [attr.aria-focus]=\"option.key === state?.key && !option.disabled\"\n (click)=\"updateState(option, $event)\"\n >\n <ng-template\n *ngTemplateOutlet=\"optionContentTpl; context: { $implicit: option }\"\n >\n </ng-template>\n </li>\n </ng-template>\n\n <ng-template #basicOptionContentTpl let-option>\n <nggv-typeahead-highlight\n *ngIf=\"!!textToHighlight\"\n [textToHighlight]=\"textToHighlight\"\n [textContent]=\"t(option.label)\"\n >\n </nggv-typeahead-highlight>\n <ng-container *ngIf=\"!textToHighlight\">\n {{ t(option.label) }}\n </ng-container>\n </ng-template>\n</ng-container>\n", styles: [":host{position:absolute;bottom:0;transform:translateY(calc(100% + .5rem));z-index:var(--sg-z-index-dropdown)}:host .hidden{visibility:hidden;display:none}:host ul[role=menu] [role=menuitem]{padding:.75rem;cursor:pointer}:host ul[role=menu] [role=menuitem]:hover,:host ul[role=menu] [role=menuitem]:focus-visible{background-color:var(--gds-ref-pallet-base200)}:host ul[role=menu] [role=menuitem]:active{background-color:var(--gds-ref-pallet-base300)}:host ul[role=menu] [role=menuitem]:focus{outline-color:#000;outline-offset:-.25rem}:host ul[role=listbox]{--z-index: var(--sg-z-index-popover);background-color:var(--sg-popover-background);flex-direction:column;justify-content:flex-end;inset:auto;z-index:var(--z-index);box-shadow:var(--sg-popover-box-shadow);color:var(--text-primary-color);padding:0;max-height:500px;overflow-y:auto;border:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--text-primary-color);--sg-border-color: var(--text-primary-color);border-radius:var(--sg-border-radius)}:host ul[role=listbox] [role=option]{padding:.75rem 1rem;line-height:1.25;cursor:pointer}:host ul[role=listbox] [role=option]:hover,:host ul[role=listbox] [role=option]:focus-visible{background-color:var(--grey-400)}:host ul[role=listbox] [role=option]:active{background-color:var(--grey-400)}:host ul[role=listbox] [role=option]:focus{outline-color:#000;outline-offset:-.25rem}:host ul[role=listbox] [role=option].active.sg-highlighted,:host ul[role=listbox] [role=option][aria-selected=true]{background:var(--grey-1000);color:#fff}:host ul[role=listbox] .group ul{list-style-type:none;padding:0}:host ul[role=listbox] .group:hover{color:inherit;background-color:inherit}:host .sg-fieldset-container{overflow-y:auto}:host .sg-fieldset-container fieldset[role=listbox][aria-multiselectable=true] [role=option]{display:flex;width:100%}:host .sg-fieldset-container fieldset[role=listbox][aria-multiselectable=true] [role=option].active.sg-highlighted input[type=checkbox]~i{border-color:#007ac7!important;box-shadow:0 0 .25em .0625em #41b0ee;outline-color:transparent;outline-style:solid}:host .gds-dropdown__options{padding-left:0;margin-bottom:0;margin-top:0;display:flex;flex-direction:column;list-style:none;display:none}:host .gds-dropdown__options>li{padding-bottom:.5rem;padding-top:.5rem;border:0;display:block;position:relative}:host .gds-dropdown__options>li:before{font-weight:500;display:inline-block;left:0;position:absolute;text-align:center}:host .gds-dropdown__options-expanded{display:block}:host .gds-dropdown__options__label:hover,:host .gds-dropdown__options__label:focus-visible,:host .gds-dropdown__options__label[aria-focus=true]{background-color:var(--grey-400)}:host .gds-dropdown__options__label:active{background-color:var(--grey-500)}:host .gds-dropdown__options__label:focus-visible{outline-color:#000;outline-offset:-.25rem}:host .gds-dropdown__options__label[aria-hidden=true]{display:none}:host .gds-dropdown__options__label[highlighted]{color:#fff}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NgvTypeaheadHighlightComponent, selector: "nggv-typeahead-highlight", inputs: ["textContent", "textToHighlight"] }, { kind: "directive", type: i3$2.NgvTooltipDirective, selector: "[nggvTooltip]", inputs: ["nggvTooltip", "thook", "placement", "shown", "offset", "resizeThrottle", "maxWidth"], outputs: ["nggvShow", "nggvHide"] }, { kind: "directive", type: i3$1.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }] }); }
|
|
922
923
|
}
|
|
923
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
924
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvDropdownListComponent, decorators: [{
|
|
924
925
|
type: Component,
|
|
925
926
|
args: [{ selector: 'nggv-dropdown-list', template: "<ng-container *transloco=\"let t; read: scope\">\n <ul\n class=\"gds-dropdown__options card options gds-reset\"\n [class.gds-dropdown__options-expanded]=\"expanded\"\n role=\"listbox\"\n tabindex=\"-1\"\n [attr.data-thook]=\"thook + '-options'\"\n [attr.aria-labelledby]=\"id + '-label'\"\n [attr.aria-activedescendant]=\"\n state ? id + '-option-' + state?.key : undefined\n \"\n >\n <ng-container *ngFor=\"let item of options\">\n <!-- OPTION -->\n <ng-container *ngIf=\"!isGroup(item)\">\n <ng-template\n *ngTemplateOutlet=\"listItemTemplate; context: { $implicit: item }\"\n ></ng-template>\n </ng-container>\n\n <!-- OPTION GROUP -->\n <li\n class=\"gds-dropdown__options__label group\"\n [attr.data-thook]=\"thook + '-option-group'\"\n *ngIf=\"isGroup(item)\"\n >\n <div class=\"sdv-list__label\">{{ t(item.label) }}</div>\n <ul [attr.aria-disabled]=\"item.disabled\">\n <ng-container *ngFor=\"let option of castGroup(item).options\">\n <ng-template\n *ngTemplateOutlet=\"\n listItemTemplate;\n context: { $implicit: option }\n \"\n ></ng-template>\n </ng-container>\n </ul>\n </li>\n </ng-container>\n </ul>\n\n <!-- TEMPLATE -->\n <ng-template #listItemTemplate let-option>\n <li\n #optionRefs\n *ngIf=\"!optionContentTpl\"\n tabindex=\"-1\"\n [id]=\"id + '-option-' + option.key\"\n class=\"gds-dropdown__options__label option\"\n role=\"option\"\n #liElem\n [attr.data-thook]=\"thook + '-option-' + option.key\"\n [attr.aria-disabled]=\"option.disabled\"\n [attr.aria-selected]=\"\n option.key === selectedValue?.key && !!selectedValue?.key\n \"\n [attr.aria-focus]=\"option.key === state?.key && !option.disabled\"\n [nggvTooltip]=\"isOverflow(liElem) ? t(option.label) : undefined\"\n (click)=\"updateState(option, $event)\"\n >\n <ng-template\n *ngTemplateOutlet=\"\n basicOptionContentTpl;\n context: { $implicit: option }\n \"\n >\n </ng-template>\n </li>\n <!-- Checking overflow on custom templates do not work skip adding nggvToolTip if custom template is provided -->\n <li\n #optionRefs\n *ngIf=\"!!optionContentTpl\"\n tabindex=\"-1\"\n [id]=\"id + '-option-' + option.key\"\n class=\"gds-dropdown__options__label option\"\n role=\"option\"\n #liElem\n [attr.data-thook]=\"thook + '-option-' + option.key\"\n [attr.aria-disabled]=\"option.disabled\"\n [attr.aria-selected]=\"\n option.key === selectedValue?.key && !!selectedValue?.key\n \"\n [attr.aria-focus]=\"option.key === state?.key && !option.disabled\"\n (click)=\"updateState(option, $event)\"\n >\n <ng-template\n *ngTemplateOutlet=\"optionContentTpl; context: { $implicit: option }\"\n >\n </ng-template>\n </li>\n </ng-template>\n\n <ng-template #basicOptionContentTpl let-option>\n <nggv-typeahead-highlight\n *ngIf=\"!!textToHighlight\"\n [textToHighlight]=\"textToHighlight\"\n [textContent]=\"t(option.label)\"\n >\n </nggv-typeahead-highlight>\n <ng-container *ngIf=\"!textToHighlight\">\n {{ t(option.label) }}\n </ng-container>\n </ng-template>\n</ng-container>\n", styles: [":host{position:absolute;bottom:0;transform:translateY(calc(100% + .5rem));z-index:var(--sg-z-index-dropdown)}:host .hidden{visibility:hidden;display:none}:host ul[role=menu] [role=menuitem]{padding:.75rem;cursor:pointer}:host ul[role=menu] [role=menuitem]:hover,:host ul[role=menu] [role=menuitem]:focus-visible{background-color:var(--gds-ref-pallet-base200)}:host ul[role=menu] [role=menuitem]:active{background-color:var(--gds-ref-pallet-base300)}:host ul[role=menu] [role=menuitem]:focus{outline-color:#000;outline-offset:-.25rem}:host ul[role=listbox]{--z-index: var(--sg-z-index-popover);background-color:var(--sg-popover-background);flex-direction:column;justify-content:flex-end;inset:auto;z-index:var(--z-index);box-shadow:var(--sg-popover-box-shadow);color:var(--text-primary-color);padding:0;max-height:500px;overflow-y:auto;border:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--text-primary-color);--sg-border-color: var(--text-primary-color);border-radius:var(--sg-border-radius)}:host ul[role=listbox] [role=option]{padding:.75rem 1rem;line-height:1.25;cursor:pointer}:host ul[role=listbox] [role=option]:hover,:host ul[role=listbox] [role=option]:focus-visible{background-color:var(--grey-400)}:host ul[role=listbox] [role=option]:active{background-color:var(--grey-400)}:host ul[role=listbox] [role=option]:focus{outline-color:#000;outline-offset:-.25rem}:host ul[role=listbox] [role=option].active.sg-highlighted,:host ul[role=listbox] [role=option][aria-selected=true]{background:var(--grey-1000);color:#fff}:host ul[role=listbox] .group ul{list-style-type:none;padding:0}:host ul[role=listbox] .group:hover{color:inherit;background-color:inherit}:host .sg-fieldset-container{overflow-y:auto}:host .sg-fieldset-container fieldset[role=listbox][aria-multiselectable=true] [role=option]{display:flex;width:100%}:host .sg-fieldset-container fieldset[role=listbox][aria-multiselectable=true] [role=option].active.sg-highlighted input[type=checkbox]~i{border-color:#007ac7!important;box-shadow:0 0 .25em .0625em #41b0ee;outline-color:transparent;outline-style:solid}:host .gds-dropdown__options{padding-left:0;margin-bottom:0;margin-top:0;display:flex;flex-direction:column;list-style:none;display:none}:host .gds-dropdown__options>li{padding-bottom:.5rem;padding-top:.5rem;border:0;display:block;position:relative}:host .gds-dropdown__options>li:before{font-weight:500;display:inline-block;left:0;position:absolute;text-align:center}:host .gds-dropdown__options-expanded{display:block}:host .gds-dropdown__options__label:hover,:host .gds-dropdown__options__label:focus-visible,:host .gds-dropdown__options__label[aria-focus=true]{background-color:var(--grey-400)}:host .gds-dropdown__options__label:active{background-color:var(--grey-500)}:host .gds-dropdown__options__label:focus-visible{outline-color:#000;outline-offset:-.25rem}:host .gds-dropdown__options__label[aria-hidden=true]{display:none}:host .gds-dropdown__options__label[highlighted]{color:#fff}\n"] }]
|
|
926
|
-
}], ctorParameters:
|
|
927
|
+
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
927
928
|
type: Optional
|
|
928
929
|
}, {
|
|
929
930
|
type: Inject,
|
|
930
931
|
args: [TRANSLOCO_SCOPE]
|
|
931
|
-
}] }]
|
|
932
|
+
}] }], propDecorators: { expanded: [{
|
|
932
933
|
type: Input
|
|
933
934
|
}], state: [{
|
|
934
935
|
type: Input
|
|
@@ -1147,13 +1148,13 @@ class NgvDropdownComponent extends NgvBaseControlValueAccessorComponent$1 {
|
|
|
1147
1148
|
isOption(option) {
|
|
1148
1149
|
return !('options' in option);
|
|
1149
1150
|
}
|
|
1150
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1151
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1151
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvDropdownComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: TRANSLOCO_SCOPE, optional: true }, { token: i0.ChangeDetectorRef }, { token: i2$2.DropdownUtils }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1152
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NgvDropdownComponent, selector: "nggv-dropdown", inputs: { thook: "thook", placeholder: "placeholder", options: "options", scrollOffset: "scrollOffset", allowControlNullishOption: "allowControlNullishOption", textToHighlight: "textToHighlight", selectOnSingleOption: "selectOnSingleOption" }, outputs: { expandedChange: "expandedChange" }, host: { listeners: { "keyup": "onKeyUp($event)" }, properties: { "attr.data-thook": "this.thook" } }, queries: [{ propertyName: "selectedContentTpl", first: true, predicate: ["selectedTpl"], descendants: true, read: TemplateRef }, { propertyName: "optionContentTpl", first: true, predicate: ["optionTpl"], descendants: true, read: TemplateRef }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<!-- LABEL -->\n<ng-container *transloco=\"let t; read: scope\">\n <label [id]=\"id + '-label'\" class=\"sdv-field-label hide-if-empty\" [attr.for]=\"id + '-toggle'\">\n <ng-template\n *ngTemplateOutlet=\"labelContentTpl || basicLabelContentTpl\"\n ></ng-template>\n <ng-template #basicLabelContentTpl>\n <!-- to trigger css:empty if no label was added -->\n <ng-container *ngIf=\"label\">\n {{ label }}\n <span\n *ngIf=\"optional === true || (required !== true && optional !== false)\"\n class=\"sdv-field-label--optional\"\n >\n ({{ t('label.optional') }})\n </span>\n </ng-container>\n </ng-template>\n </label>\n\n <!-- DESCRIPTION -->\n <div class=\"description\">{{ description }}</div>\n\n <!-- LOCKED INPUT -->\n <ng-container *ngIf=\"locked\">\n <div\n [id]=\"id + '-input'\"\n class=\"nggv-field--locked\"\n [attr.name]=\"name\"\n [attr.value]=\"state\"\n [attr.role]=\"role\"\n [attr.aria-labelledby]=\"id + '-label ' + id + '-input'\"\n >\n <span *ngIf=\"!state\" class=\"unset-state\">-</span>\n <ng-container *ngIf=\"state\">\n <ng-template\n *ngTemplateOutlet=\"\n selectedContentTpl || defaultSelectedContentTpl;\n context: { $implicit: state }\n \"\n >\n </ng-template>\n </ng-container>\n </div>\n </ng-container>\n\n <!-- INPUT -->\n <ng-container *ngIf=\"!locked\">\n <div #input [id]=\"id + '-input'\" class=\"dropdown\">\n <button\n [id]=\"id + '-toggle'\"\n [disabled]=\"disabled\"\n type=\"button\"\n class=\"nggv-field-dropdown__label toggle\"\n [class.nggv-field--error]=\"invalid\"\n aria-haspopup=\"listbox\"\n [attr.data-thook]=\"thook + '-toggle'\"\n [attr.aria-expanded]=\"expanded\"\n [attr.aria-labelledby]=\"id + '-label ' + id + '-toggle'\"\n (click)=\"toggleDropdown()\"\n >\n <ng-template\n *ngTemplateOutlet=\"\n selectedContentTpl || defaultSelectedContentTpl;\n context: { $implicit: state }\n \"\n >\n </ng-template>\n </button>\n\n <nggv-dropdown-list\n #dropDownList\n [options]=\"options\"\n [scrollOffset]=\"scrollOffset\"\n [state]=\"state\"\n [expanded]=\"expanded\"\n [optionContentTpl]=\"optionContentTpl\"\n [textToHighlight]=\"textToHighlight\"\n (selectedValueChanged)=\"onSelectChange($event)\"\n >\n </nggv-dropdown-list>\n </div>\n <!-- ERRORS -->\n <label\n class=\"sdv-field-notice sdv-field-notice--error\"\n [attr.for]=\"id + '-input'\"\n *ngIf=\"invalid && (error || ngControl?.invalid)\"\n >\n <span *ngIf=\"error; else errorsRef\">{{ error }}</span>\n <ng-template #errorsRef>\n <span *ngIf=\"firstError as error\">\n {{ t('error.field' + error?.code, error?.params) }}\n </span>\n </ng-template>\n </label>\n\n <!-- CHILDREN -->\n <ng-content></ng-content>\n </ng-container>\n\n <ng-template #defaultSelectedContentTpl let-state>\n <!-- eslint-disable-next-line @angular-eslint/template/eqeqeq -->\n {{ state?.key != null && state?.label ? t(state.label) : placeholder }}\n </ng-template>\n</ng-container>\n", styles: [":host label{display:block;font-weight:500;line-height:1.25rem;margin-bottom:.5rem;width:100%}:host .description{margin-bottom:.5rem;line-height:1.25rem;width:100%}:host button{font-weight:500;display:inline-flex;justify-content:center;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);background-color:transparent;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);--border-color: var(--grey-800);--sg-border-color: var(--grey-800);background:var(--sg-form-control-bg);color:var(--text-primary-color);min-height:2.75rem;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;max-width:100%;font-size:inherit;font-weight:400;line-height:1.125;margin-bottom:.5rem;margin-top:.5rem;width:100%}@media screen and (-ms-high-contrast: active){:host button{border:2px solid currentcolor}}:host button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}:host button:focus:not(:focus-visible){box-shadow:none;outline:0}:host button:focus,:host button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host button: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 button[aria-selected=true],:host button:active,:host button.active,:host button.active:hover,:host button:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host button:disabled,:host button.disabled,:host button[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 button:disabled::placeholder,:host button.disabled::placeholder,:host button[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host button:focus{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){:host button{min-width:100%}}:host button:not(:disabled,.disabled,[aria-disabled]):hover{--background: var(--grey-400);--color: var(--grey-1000);background-color:var(--grey-400);color:var(--grey-1000);border-color:var(--grey-1000)}:host button>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host button:after{margin-left:.5rem;margin-right:.5rem;border-bottom:solid 2px var(--text-primary-color);border-left:solid 2px var(--text-primary-color);content:\"\";display:block;height:.5rem;width:.5rem;position:relative;top:-.15rem;transform:translate(75%) rotate3d(0,0,1,-45deg) scaleZ(-1);transition:transform .3s ease-in;flex-shrink:0}:host button[aria-expanded=true]:after{transform:translate(75%,6px) rotate3d(0,0,1,-45deg) scale3d(-1,-1,1)}:host button:hover:after{border-color:currentColor}:host button.small{font-size:.875rem}:host button:hover{background:var(--grey-400)}:host .dropdown{width:100%;position:relative}:host .dropdown nggv-dropdown-list{width:100%}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3$1.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: NgvDropdownListComponent, selector: "nggv-dropdown-list", inputs: ["expanded", "state", "scrollOffset", "optionContentTpl", "id", "thook", "options", "textToHighlight"], outputs: ["selectedValueChanged", "closed"] }] }); }
|
|
1152
1153
|
}
|
|
1153
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1154
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvDropdownComponent, decorators: [{
|
|
1154
1155
|
type: Component,
|
|
1155
|
-
args: [{ selector: 'nggv-dropdown', template: "<!-- LABEL -->\n<ng-container *transloco=\"let t; read: scope\">\n <label [id]=\"id + '-label'\" class=\"hide-if-empty\" [attr.for]=\"id + '-toggle'\">\n <ng-template\n *ngTemplateOutlet=\"labelContentTpl || basicLabelContentTpl\"\n ></ng-template>\n <ng-template #basicLabelContentTpl>\n <!-- to trigger css:empty if no label was added -->\n <ng-container *ngIf=\"label\">\n {{ label }}\n <span\n *ngIf=\"optional === true || (required !== true && optional !== false)\"\n class=\"sdv-field-label--optional\"\n >\n ({{ t('label.optional') }})\n </span>\n </ng-container>\n </ng-template>\n </label>\n\n <!-- DESCRIPTION -->\n <div class=\"description\">{{ description }}</div>\n\n <!-- LOCKED INPUT -->\n <ng-container *ngIf=\"locked\">\n <div\n [id]=\"id + '-input'\"\n class=\"nggv-field--locked\"\n [attr.name]=\"name\"\n [attr.value]=\"state\"\n [attr.role]=\"role\"\n [attr.aria-labelledby]=\"id + '-label ' + id + '-input'\"\n >\n <span *ngIf=\"!state\" class=\"unset-state\">-</span>\n <ng-container *ngIf=\"state\">\n <ng-template\n *ngTemplateOutlet=\"\n selectedContentTpl || defaultSelectedContentTpl;\n context: { $implicit: state }\n \"\n >\n </ng-template>\n </ng-container>\n </div>\n </ng-container>\n\n <!-- INPUT -->\n <ng-container *ngIf=\"!locked\">\n <div #input [id]=\"id + '-input'\" class=\"dropdown\">\n <button\n [id]=\"id + '-toggle'\"\n [disabled]=\"disabled\"\n type=\"button\"\n class=\"nggv-field-dropdown__label toggle\"\n [class.nggv-field--error]=\"invalid\"\n aria-haspopup=\"listbox\"\n [attr.data-thook]=\"thook + '-toggle'\"\n [attr.aria-expanded]=\"expanded\"\n [attr.aria-labelledby]=\"id + '-label ' + id + '-toggle'\"\n (click)=\"toggleDropdown()\"\n >\n <ng-template\n *ngTemplateOutlet=\"\n selectedContentTpl || defaultSelectedContentTpl;\n context: { $implicit: state }\n \"\n >\n </ng-template>\n </button>\n\n <nggv-dropdown-list\n #dropDownList\n [options]=\"options\"\n [scrollOffset]=\"scrollOffset\"\n [state]=\"state\"\n [expanded]=\"expanded\"\n [optionContentTpl]=\"optionContentTpl\"\n [textToHighlight]=\"textToHighlight\"\n (selectedValueChanged)=\"onSelectChange($event)\"\n >\n </nggv-dropdown-list>\n </div>\n <!-- ERRORS -->\n <label\n class=\"sdv-field-notice sdv-field-notice--error\"\n [attr.for]=\"id + '-input'\"\n *ngIf=\"invalid && (error || ngControl?.invalid)\"\n >\n <span *ngIf=\"error; else errorsRef\">{{ error }}</span>\n <ng-template #errorsRef>\n <span *ngIf=\"firstError as error\">\n {{ t('error.field' + error?.code, error?.params) }}\n </span>\n </ng-template>\n </label>\n\n <!-- CHILDREN -->\n <ng-content></ng-content>\n </ng-container>\n\n <ng-template #defaultSelectedContentTpl let-state>\n <!-- eslint-disable-next-line @angular-eslint/template/eqeqeq -->\n {{ state?.key != null && state?.label ? t(state.label) : placeholder }}\n </ng-template>\n</ng-container>\n", styles: [":host label{display:block;font-weight:500;line-height:1.25rem;margin-bottom:.5rem;width:100%}:host .description{margin-bottom:.5rem;line-height:1.25rem;width:100%}:host button{font-weight:500;display:inline-flex;justify-content:center;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);background-color:transparent;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);--border-color: var(--grey-800);--sg-border-color: var(--grey-800);background:var(--sg-form-control-bg);color:var(--text-primary-color);min-height:2.75rem;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;max-width:100%;font-size:inherit;font-weight:400;line-height:1.125;margin-bottom:.5rem;margin-top:.5rem;width:100%}@media screen and (-ms-high-contrast: active){:host button{border:2px solid currentcolor}}:host button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}:host button:focus:not(:focus-visible){box-shadow:none;outline:0}:host button:focus,:host button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host button: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 button[aria-selected=true],:host button:active,:host button.active,:host button.active:hover,:host button:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host button:disabled,:host button.disabled,:host button[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 button:disabled::placeholder,:host button.disabled::placeholder,:host button[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host button:focus{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){:host button{min-width:100%}}:host button:not(:disabled,.disabled,[aria-disabled]):hover{--background: var(--grey-400);--color: var(--grey-1000);background-color:var(--grey-400);color:var(--grey-1000);border-color:var(--grey-1000)}:host button>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host button:after{margin-left:.5rem;margin-right:.5rem;border-bottom:solid 2px var(--text-primary-color);border-left:solid 2px var(--text-primary-color);content:\"\";display:block;height:.5rem;width:.5rem;position:relative;top:-.15rem;transform:translate(75%) rotate3d(0,0,1,-45deg) scaleZ(-1);transition:transform .3s ease-in;flex-shrink:0}:host button[aria-expanded=true]:after{transform:translate(75%,6px) rotate3d(0,0,1,-45deg) scale3d(-1,-1,1)}:host button:hover:after{border-color:currentColor}:host button.small{font-size:.875rem}:host button:hover{background:var(--grey-400)}:host .dropdown{width:100%;position:relative}:host .dropdown nggv-dropdown-list{width:100%}\n"] }]
|
|
1156
|
-
}], ctorParameters:
|
|
1156
|
+
args: [{ selector: 'nggv-dropdown', template: "<!-- LABEL -->\n<ng-container *transloco=\"let t; read: scope\">\n <label [id]=\"id + '-label'\" class=\"sdv-field-label hide-if-empty\" [attr.for]=\"id + '-toggle'\">\n <ng-template\n *ngTemplateOutlet=\"labelContentTpl || basicLabelContentTpl\"\n ></ng-template>\n <ng-template #basicLabelContentTpl>\n <!-- to trigger css:empty if no label was added -->\n <ng-container *ngIf=\"label\">\n {{ label }}\n <span\n *ngIf=\"optional === true || (required !== true && optional !== false)\"\n class=\"sdv-field-label--optional\"\n >\n ({{ t('label.optional') }})\n </span>\n </ng-container>\n </ng-template>\n </label>\n\n <!-- DESCRIPTION -->\n <div class=\"description\">{{ description }}</div>\n\n <!-- LOCKED INPUT -->\n <ng-container *ngIf=\"locked\">\n <div\n [id]=\"id + '-input'\"\n class=\"nggv-field--locked\"\n [attr.name]=\"name\"\n [attr.value]=\"state\"\n [attr.role]=\"role\"\n [attr.aria-labelledby]=\"id + '-label ' + id + '-input'\"\n >\n <span *ngIf=\"!state\" class=\"unset-state\">-</span>\n <ng-container *ngIf=\"state\">\n <ng-template\n *ngTemplateOutlet=\"\n selectedContentTpl || defaultSelectedContentTpl;\n context: { $implicit: state }\n \"\n >\n </ng-template>\n </ng-container>\n </div>\n </ng-container>\n\n <!-- INPUT -->\n <ng-container *ngIf=\"!locked\">\n <div #input [id]=\"id + '-input'\" class=\"dropdown\">\n <button\n [id]=\"id + '-toggle'\"\n [disabled]=\"disabled\"\n type=\"button\"\n class=\"nggv-field-dropdown__label toggle\"\n [class.nggv-field--error]=\"invalid\"\n aria-haspopup=\"listbox\"\n [attr.data-thook]=\"thook + '-toggle'\"\n [attr.aria-expanded]=\"expanded\"\n [attr.aria-labelledby]=\"id + '-label ' + id + '-toggle'\"\n (click)=\"toggleDropdown()\"\n >\n <ng-template\n *ngTemplateOutlet=\"\n selectedContentTpl || defaultSelectedContentTpl;\n context: { $implicit: state }\n \"\n >\n </ng-template>\n </button>\n\n <nggv-dropdown-list\n #dropDownList\n [options]=\"options\"\n [scrollOffset]=\"scrollOffset\"\n [state]=\"state\"\n [expanded]=\"expanded\"\n [optionContentTpl]=\"optionContentTpl\"\n [textToHighlight]=\"textToHighlight\"\n (selectedValueChanged)=\"onSelectChange($event)\"\n >\n </nggv-dropdown-list>\n </div>\n <!-- ERRORS -->\n <label\n class=\"sdv-field-notice sdv-field-notice--error\"\n [attr.for]=\"id + '-input'\"\n *ngIf=\"invalid && (error || ngControl?.invalid)\"\n >\n <span *ngIf=\"error; else errorsRef\">{{ error }}</span>\n <ng-template #errorsRef>\n <span *ngIf=\"firstError as error\">\n {{ t('error.field' + error?.code, error?.params) }}\n </span>\n </ng-template>\n </label>\n\n <!-- CHILDREN -->\n <ng-content></ng-content>\n </ng-container>\n\n <ng-template #defaultSelectedContentTpl let-state>\n <!-- eslint-disable-next-line @angular-eslint/template/eqeqeq -->\n {{ state?.key != null && state?.label ? t(state.label) : placeholder }}\n </ng-template>\n</ng-container>\n", styles: [":host label{display:block;font-weight:500;line-height:1.25rem;margin-bottom:.5rem;width:100%}:host .description{margin-bottom:.5rem;line-height:1.25rem;width:100%}:host button{font-weight:500;display:inline-flex;justify-content:center;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);background-color:transparent;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);--border-color: var(--grey-800);--sg-border-color: var(--grey-800);background:var(--sg-form-control-bg);color:var(--text-primary-color);min-height:2.75rem;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;max-width:100%;font-size:inherit;font-weight:400;line-height:1.125;margin-bottom:.5rem;margin-top:.5rem;width:100%}@media screen and (-ms-high-contrast: active){:host button{border:2px solid currentcolor}}:host button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}:host button:focus:not(:focus-visible){box-shadow:none;outline:0}:host button:focus,:host button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host button: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 button[aria-selected=true],:host button:active,:host button.active,:host button.active:hover,:host button:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host button:disabled,:host button.disabled,:host button[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 button:disabled::placeholder,:host button.disabled::placeholder,:host button[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host button:focus{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){:host button{min-width:100%}}:host button:not(:disabled,.disabled,[aria-disabled]):hover{--background: var(--grey-400);--color: var(--grey-1000);background-color:var(--grey-400);color:var(--grey-1000);border-color:var(--grey-1000)}:host button>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host button:after{margin-left:.5rem;margin-right:.5rem;border-bottom:solid 2px var(--text-primary-color);border-left:solid 2px var(--text-primary-color);content:\"\";display:block;height:.5rem;width:.5rem;position:relative;top:-.15rem;transform:translate(75%) rotate3d(0,0,1,-45deg) scaleZ(-1);transition:transform .3s ease-in;flex-shrink:0}:host button[aria-expanded=true]:after{transform:translate(75%,6px) rotate3d(0,0,1,-45deg) scale3d(-1,-1,1)}:host button:hover:after{border-color:currentColor}:host button.small{font-size:.875rem}:host button:hover{background:var(--grey-400)}:host .dropdown{width:100%;position:relative}:host .dropdown nggv-dropdown-list{width:100%}\n"] }]
|
|
1157
|
+
}], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
|
|
1157
1158
|
type: Self
|
|
1158
1159
|
}, {
|
|
1159
1160
|
type: Optional
|
|
@@ -1162,7 +1163,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1162
1163
|
}, {
|
|
1163
1164
|
type: Inject,
|
|
1164
1165
|
args: [TRANSLOCO_SCOPE]
|
|
1165
|
-
}] }, { type: i0.ChangeDetectorRef }, { type: i2$2.DropdownUtils }]
|
|
1166
|
+
}] }, { type: i0.ChangeDetectorRef }, { type: i2$2.DropdownUtils }], propDecorators: { selectedContentTpl: [{
|
|
1166
1167
|
type: ContentChild,
|
|
1167
1168
|
args: ['selectedTpl', { read: TemplateRef }]
|
|
1168
1169
|
}], optionContentTpl: [{
|
|
@@ -1260,20 +1261,20 @@ class NgvTypeaheadDropdownListComponent extends NgvDropdownListComponent {
|
|
|
1260
1261
|
// If a formatter exists, use it
|
|
1261
1262
|
return this.selectedFormatter(value) ?? '';
|
|
1262
1263
|
}
|
|
1263
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1264
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1264
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvTypeaheadDropdownListComponent, deps: [{ token: TRANSLOCO_SCOPE, optional: true, skipSelf: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1265
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NgvTypeaheadDropdownListComponent, selector: "nggv-typeahead-dropdown-list", inputs: { hostComponent: "hostComponent", resultFormatter: "resultFormatter", selectedFormatter: "selectedFormatter" }, usesInheritance: true, ngImport: i0, template: "<ng-container *transloco=\"let t; read: scope\">\n <ul\n class=\"gds-dropdown__options card options gds-reset\"\n [class.gds-dropdown__options-expanded]=\"expanded\"\n role=\"listbox\"\n tabindex=\"-1\"\n [attr.data-thook]=\"thook + '-options'\"\n [attr.aria-labelledby]=\"id + '-label'\"\n [attr.aria-activedescendant]=\"\n state ? id + '-option-' + state?.key : undefined\n \"\n >\n <ng-container *ngFor=\"let item of options\">\n <!-- OPTION -->\n <ng-container *ngIf=\"!isGroup(item)\">\n <ng-template\n *ngTemplateOutlet=\"listItemTemplate; context: { $implicit: item }\"\n ></ng-template>\n </ng-container>\n\n <!-- OPTION GROUP -->\n <li\n class=\"gds-dropdown__options__label group\"\n [attr.data-thook]=\"thook + '-option-group'\"\n *ngIf=\"isGroup(item)\"\n >\n <div class=\"sdv-list__label\">{{ t(item.label) }}</div>\n <ul [attr.aria-disabled]=\"item.disabled\">\n <ng-container *ngFor=\"let option of castGroup(item).options\">\n <ng-template\n *ngTemplateOutlet=\"\n listItemTemplate;\n context: { $implicit: option }\n \"\n ></ng-template>\n </ng-container>\n </ul>\n </li>\n </ng-container>\n </ul>\n\n <!-- TEMPLATE -->\n <ng-template #listItemTemplate let-option>\n <li\n #optionRefs\n *ngIf=\"!optionContentTpl\"\n tabindex=\"-1\"\n [id]=\"id + '-option-' + option.key\"\n class=\"gds-dropdown__options__label option\"\n role=\"option\"\n #liElem\n [attr.data-thook]=\"thook + '-option-' + option.key\"\n [attr.aria-disabled]=\"option.disabled\"\n [attr.aria-selected]=\"\n option.key === selectedValue?.key && !!selectedValue?.key\n \"\n [attr.aria-focus]=\"option.key === state?.key && !option.disabled\"\n [nggvTooltip]=\"isOverflow(liElem) ? t(option.label) : undefined\"\n (click)=\"updateState(option, $event)\"\n >\n <ng-template\n *ngTemplateOutlet=\"\n basicOptionContentTpl;\n context: { $implicit: option }\n \"\n >\n </ng-template>\n </li>\n <!-- Checking overflow on custom templates do not work skip adding nggvToolTip if custom template is provided -->\n <li\n #optionRefs\n *ngIf=\"!!optionContentTpl\"\n tabindex=\"-1\"\n [id]=\"id + '-option-' + option.key\"\n class=\"gds-dropdown__options__label option\"\n role=\"option\"\n #liElem\n [attr.data-thook]=\"thook + '-option-' + option.key\"\n [attr.aria-disabled]=\"option.disabled\"\n [attr.aria-selected]=\"\n option.key === selectedValue?.key && !!selectedValue?.key\n \"\n [attr.aria-focus]=\"option.key === state?.key && !option.disabled\"\n (click)=\"updateState(option, $event)\"\n >\n <ng-template\n *ngTemplateOutlet=\"optionContentTpl; context: { $implicit: option }\"\n >\n </ng-template>\n </li>\n </ng-template>\n\n <ng-template #basicOptionContentTpl let-option>\n <nggv-typeahead-highlight\n *ngIf=\"!!textToHighlight\"\n [textToHighlight]=\"textToHighlight\"\n [textContent]=\"t(option.label)\"\n >\n </nggv-typeahead-highlight>\n <ng-container *ngIf=\"!textToHighlight\">\n {{ t(option.label) }}\n </ng-container>\n </ng-template>\n</ng-container>\n", styles: [":host{display:flex;width:100%;position:relative}\n", ":host{position:absolute;bottom:0;transform:translateY(calc(100% + .5rem));z-index:var(--sg-z-index-dropdown)}:host .hidden{visibility:hidden;display:none}:host ul[role=menu] [role=menuitem]{padding:.75rem;cursor:pointer}:host ul[role=menu] [role=menuitem]:hover,:host ul[role=menu] [role=menuitem]:focus-visible{background-color:var(--gds-ref-pallet-base200)}:host ul[role=menu] [role=menuitem]:active{background-color:var(--gds-ref-pallet-base300)}:host ul[role=menu] [role=menuitem]:focus{outline-color:#000;outline-offset:-.25rem}:host ul[role=listbox]{--z-index: var(--sg-z-index-popover);background-color:var(--sg-popover-background);flex-direction:column;justify-content:flex-end;inset:auto;z-index:var(--z-index);box-shadow:var(--sg-popover-box-shadow);color:var(--text-primary-color);padding:0;max-height:500px;overflow-y:auto;border:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--text-primary-color);--sg-border-color: var(--text-primary-color);border-radius:var(--sg-border-radius)}:host ul[role=listbox] [role=option]{padding:.75rem 1rem;line-height:1.25;cursor:pointer}:host ul[role=listbox] [role=option]:hover,:host ul[role=listbox] [role=option]:focus-visible{background-color:var(--grey-400)}:host ul[role=listbox] [role=option]:active{background-color:var(--grey-400)}:host ul[role=listbox] [role=option]:focus{outline-color:#000;outline-offset:-.25rem}:host ul[role=listbox] [role=option].active.sg-highlighted,:host ul[role=listbox] [role=option][aria-selected=true]{background:var(--grey-1000);color:#fff}:host ul[role=listbox] .group ul{list-style-type:none;padding:0}:host ul[role=listbox] .group:hover{color:inherit;background-color:inherit}:host .sg-fieldset-container{overflow-y:auto}:host .sg-fieldset-container fieldset[role=listbox][aria-multiselectable=true] [role=option]{display:flex;width:100%}:host .sg-fieldset-container fieldset[role=listbox][aria-multiselectable=true] [role=option].active.sg-highlighted input[type=checkbox]~i{border-color:#007ac7!important;box-shadow:0 0 .25em .0625em #41b0ee;outline-color:transparent;outline-style:solid}:host .gds-dropdown__options{padding-left:0;margin-bottom:0;margin-top:0;display:flex;flex-direction:column;list-style:none;display:none}:host .gds-dropdown__options>li{padding-bottom:.5rem;padding-top:.5rem;border:0;display:block;position:relative}:host .gds-dropdown__options>li:before{font-weight:500;display:inline-block;left:0;position:absolute;text-align:center}:host .gds-dropdown__options-expanded{display:block}:host .gds-dropdown__options__label:hover,:host .gds-dropdown__options__label:focus-visible,:host .gds-dropdown__options__label[aria-focus=true]{background-color:var(--grey-400)}:host .gds-dropdown__options__label:active{background-color:var(--grey-500)}:host .gds-dropdown__options__label:focus-visible{outline-color:#000;outline-offset:-.25rem}:host .gds-dropdown__options__label[aria-hidden=true]{display:none}:host .gds-dropdown__options__label[highlighted]{color:#fff}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3$2.NgvTooltipDirective, selector: "[nggvTooltip]", inputs: ["nggvTooltip", "thook", "placement", "shown", "offset", "resizeThrottle", "maxWidth"], outputs: ["nggvShow", "nggvHide"] }, { kind: "component", type: NgvTypeaheadHighlightComponent, selector: "nggv-typeahead-highlight", inputs: ["textContent", "textToHighlight"] }] }); }
|
|
1265
1266
|
}
|
|
1266
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1267
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvTypeaheadDropdownListComponent, decorators: [{
|
|
1267
1268
|
type: Component,
|
|
1268
1269
|
args: [{ selector: 'nggv-typeahead-dropdown-list', template: "<ng-container *transloco=\"let t; read: scope\">\n <ul\n class=\"gds-dropdown__options card options gds-reset\"\n [class.gds-dropdown__options-expanded]=\"expanded\"\n role=\"listbox\"\n tabindex=\"-1\"\n [attr.data-thook]=\"thook + '-options'\"\n [attr.aria-labelledby]=\"id + '-label'\"\n [attr.aria-activedescendant]=\"\n state ? id + '-option-' + state?.key : undefined\n \"\n >\n <ng-container *ngFor=\"let item of options\">\n <!-- OPTION -->\n <ng-container *ngIf=\"!isGroup(item)\">\n <ng-template\n *ngTemplateOutlet=\"listItemTemplate; context: { $implicit: item }\"\n ></ng-template>\n </ng-container>\n\n <!-- OPTION GROUP -->\n <li\n class=\"gds-dropdown__options__label group\"\n [attr.data-thook]=\"thook + '-option-group'\"\n *ngIf=\"isGroup(item)\"\n >\n <div class=\"sdv-list__label\">{{ t(item.label) }}</div>\n <ul [attr.aria-disabled]=\"item.disabled\">\n <ng-container *ngFor=\"let option of castGroup(item).options\">\n <ng-template\n *ngTemplateOutlet=\"\n listItemTemplate;\n context: { $implicit: option }\n \"\n ></ng-template>\n </ng-container>\n </ul>\n </li>\n </ng-container>\n </ul>\n\n <!-- TEMPLATE -->\n <ng-template #listItemTemplate let-option>\n <li\n #optionRefs\n *ngIf=\"!optionContentTpl\"\n tabindex=\"-1\"\n [id]=\"id + '-option-' + option.key\"\n class=\"gds-dropdown__options__label option\"\n role=\"option\"\n #liElem\n [attr.data-thook]=\"thook + '-option-' + option.key\"\n [attr.aria-disabled]=\"option.disabled\"\n [attr.aria-selected]=\"\n option.key === selectedValue?.key && !!selectedValue?.key\n \"\n [attr.aria-focus]=\"option.key === state?.key && !option.disabled\"\n [nggvTooltip]=\"isOverflow(liElem) ? t(option.label) : undefined\"\n (click)=\"updateState(option, $event)\"\n >\n <ng-template\n *ngTemplateOutlet=\"\n basicOptionContentTpl;\n context: { $implicit: option }\n \"\n >\n </ng-template>\n </li>\n <!-- Checking overflow on custom templates do not work skip adding nggvToolTip if custom template is provided -->\n <li\n #optionRefs\n *ngIf=\"!!optionContentTpl\"\n tabindex=\"-1\"\n [id]=\"id + '-option-' + option.key\"\n class=\"gds-dropdown__options__label option\"\n role=\"option\"\n #liElem\n [attr.data-thook]=\"thook + '-option-' + option.key\"\n [attr.aria-disabled]=\"option.disabled\"\n [attr.aria-selected]=\"\n option.key === selectedValue?.key && !!selectedValue?.key\n \"\n [attr.aria-focus]=\"option.key === state?.key && !option.disabled\"\n (click)=\"updateState(option, $event)\"\n >\n <ng-template\n *ngTemplateOutlet=\"optionContentTpl; context: { $implicit: option }\"\n >\n </ng-template>\n </li>\n </ng-template>\n\n <ng-template #basicOptionContentTpl let-option>\n <nggv-typeahead-highlight\n *ngIf=\"!!textToHighlight\"\n [textToHighlight]=\"textToHighlight\"\n [textContent]=\"t(option.label)\"\n >\n </nggv-typeahead-highlight>\n <ng-container *ngIf=\"!textToHighlight\">\n {{ t(option.label) }}\n </ng-container>\n </ng-template>\n</ng-container>\n", styles: [":host{display:flex;width:100%;position:relative}\n", ":host{position:absolute;bottom:0;transform:translateY(calc(100% + .5rem));z-index:var(--sg-z-index-dropdown)}:host .hidden{visibility:hidden;display:none}:host ul[role=menu] [role=menuitem]{padding:.75rem;cursor:pointer}:host ul[role=menu] [role=menuitem]:hover,:host ul[role=menu] [role=menuitem]:focus-visible{background-color:var(--gds-ref-pallet-base200)}:host ul[role=menu] [role=menuitem]:active{background-color:var(--gds-ref-pallet-base300)}:host ul[role=menu] [role=menuitem]:focus{outline-color:#000;outline-offset:-.25rem}:host ul[role=listbox]{--z-index: var(--sg-z-index-popover);background-color:var(--sg-popover-background);flex-direction:column;justify-content:flex-end;inset:auto;z-index:var(--z-index);box-shadow:var(--sg-popover-box-shadow);color:var(--text-primary-color);padding:0;max-height:500px;overflow-y:auto;border:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--text-primary-color);--sg-border-color: var(--text-primary-color);border-radius:var(--sg-border-radius)}:host ul[role=listbox] [role=option]{padding:.75rem 1rem;line-height:1.25;cursor:pointer}:host ul[role=listbox] [role=option]:hover,:host ul[role=listbox] [role=option]:focus-visible{background-color:var(--grey-400)}:host ul[role=listbox] [role=option]:active{background-color:var(--grey-400)}:host ul[role=listbox] [role=option]:focus{outline-color:#000;outline-offset:-.25rem}:host ul[role=listbox] [role=option].active.sg-highlighted,:host ul[role=listbox] [role=option][aria-selected=true]{background:var(--grey-1000);color:#fff}:host ul[role=listbox] .group ul{list-style-type:none;padding:0}:host ul[role=listbox] .group:hover{color:inherit;background-color:inherit}:host .sg-fieldset-container{overflow-y:auto}:host .sg-fieldset-container fieldset[role=listbox][aria-multiselectable=true] [role=option]{display:flex;width:100%}:host .sg-fieldset-container fieldset[role=listbox][aria-multiselectable=true] [role=option].active.sg-highlighted input[type=checkbox]~i{border-color:#007ac7!important;box-shadow:0 0 .25em .0625em #41b0ee;outline-color:transparent;outline-style:solid}:host .gds-dropdown__options{padding-left:0;margin-bottom:0;margin-top:0;display:flex;flex-direction:column;list-style:none;display:none}:host .gds-dropdown__options>li{padding-bottom:.5rem;padding-top:.5rem;border:0;display:block;position:relative}:host .gds-dropdown__options>li:before{font-weight:500;display:inline-block;left:0;position:absolute;text-align:center}:host .gds-dropdown__options-expanded{display:block}:host .gds-dropdown__options__label:hover,:host .gds-dropdown__options__label:focus-visible,:host .gds-dropdown__options__label[aria-focus=true]{background-color:var(--grey-400)}:host .gds-dropdown__options__label:active{background-color:var(--grey-500)}:host .gds-dropdown__options__label:focus-visible{outline-color:#000;outline-offset:-.25rem}:host .gds-dropdown__options__label[aria-hidden=true]{display:none}:host .gds-dropdown__options__label[highlighted]{color:#fff}\n"] }]
|
|
1269
|
-
}], ctorParameters:
|
|
1270
|
+
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
1270
1271
|
type: SkipSelf
|
|
1271
1272
|
}, {
|
|
1272
1273
|
type: Optional
|
|
1273
1274
|
}, {
|
|
1274
1275
|
type: Inject,
|
|
1275
1276
|
args: [TRANSLOCO_SCOPE]
|
|
1276
|
-
}] }, { type: i0.ElementRef }]
|
|
1277
|
+
}] }, { type: i0.ElementRef }], propDecorators: { hostComponent: [{
|
|
1277
1278
|
type: Input
|
|
1278
1279
|
}], resultFormatter: [{
|
|
1279
1280
|
type: Input
|
|
@@ -1378,13 +1379,13 @@ class NgvTypeaheadInputComponent extends NgvInputComponent$1 {
|
|
|
1378
1379
|
this.inputChange$.next(this.state);
|
|
1379
1380
|
}
|
|
1380
1381
|
}
|
|
1381
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1382
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1382
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvTypeaheadInputComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.NgControl, optional: true, self: true }, { token: TRANSLOCO_SCOPE, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1383
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NgvTypeaheadInputComponent, selector: "nggv-typeahead-input", inputs: { hostComponent: "hostComponent", resultFormatter: "resultFormatter", selectedFormatter: "selectedFormatter" }, host: { listeners: { "document:keyup": "onKeyUp($event)" } }, usesInheritance: true, ngImport: i0, template: "<ng-container>\n <div\n class=\"input-wrapper\"\n [ngClass]=\"{ expanded: expanded, collapsed: !expanded }\"\n [ngStyle]=\"{ 'height.px': buttonHeight }\"\n (click)=\"$event.stopPropagation()\"\n >\n <!-- INPUT FIELD -->\n <div class=\"input-group\">\n <input\n #input\n [id]=\"id + '-input'\"\n class=\"sdv-field\"\n [attr.type]=\"type\"\n [attr.name]=\"name\"\n [attr.required]=\"required\"\n [attr.email]=\"email\"\n [min]=\"min\"\n [max]=\"max\"\n [step]=\"step\"\n [attr.maxlength]=\"maxlength\"\n [attr.minlength]=\"minlength\"\n [pattern]=\"pattern\"\n [disabled]=\"disabled\"\n [autocomplete]=\"autocomplete\"\n [autofocus]=\"autofocus\"\n [readOnly]=\"readonly\"\n [attr.role]=\"role\"\n [attr.placeholder]=\"placeholder\"\n [attr.aria-label]=\"description\"\n [value]=\"state\"\n (input)=\"onInput($event)\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n />\n </div>\n </div>\n</ng-container>\n", styles: [":host{position:absolute;top:0;left:0;width:calc(100% - 2.625em)}:host .input-wrapper{border:none;box-shadow:none}:host .input-wrapper.expanded{display:flex}:host .input-wrapper.expanded .input-group input.sdv-field{height:100%;width:100%;min-height:unset;margin-left:1px;border:none;box-shadow:none}:host .input-wrapper.collapsed{display:none}:host .input-wrapper .input-group{width:100%}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
1383
1384
|
}
|
|
1384
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1385
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvTypeaheadInputComponent, decorators: [{
|
|
1385
1386
|
type: Component,
|
|
1386
1387
|
args: [{ selector: 'nggv-typeahead-input', template: "<ng-container>\n <div\n class=\"input-wrapper\"\n [ngClass]=\"{ expanded: expanded, collapsed: !expanded }\"\n [ngStyle]=\"{ 'height.px': buttonHeight }\"\n (click)=\"$event.stopPropagation()\"\n >\n <!-- INPUT FIELD -->\n <div class=\"input-group\">\n <input\n #input\n [id]=\"id + '-input'\"\n class=\"sdv-field\"\n [attr.type]=\"type\"\n [attr.name]=\"name\"\n [attr.required]=\"required\"\n [attr.email]=\"email\"\n [min]=\"min\"\n [max]=\"max\"\n [step]=\"step\"\n [attr.maxlength]=\"maxlength\"\n [attr.minlength]=\"minlength\"\n [pattern]=\"pattern\"\n [disabled]=\"disabled\"\n [autocomplete]=\"autocomplete\"\n [autofocus]=\"autofocus\"\n [readOnly]=\"readonly\"\n [attr.role]=\"role\"\n [attr.placeholder]=\"placeholder\"\n [attr.aria-label]=\"description\"\n [value]=\"state\"\n (input)=\"onInput($event)\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n />\n </div>\n </div>\n</ng-container>\n", styles: [":host{position:absolute;top:0;left:0;width:calc(100% - 2.625em)}:host .input-wrapper{border:none;box-shadow:none}:host .input-wrapper.expanded{display:flex}:host .input-wrapper.expanded .input-group input.sdv-field{height:100%;width:100%;min-height:unset;margin-left:1px;border:none;box-shadow:none}:host .input-wrapper.collapsed{display:none}:host .input-wrapper .input-group{width:100%}\n"] }]
|
|
1387
|
-
}], ctorParameters:
|
|
1388
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.NgControl, decorators: [{
|
|
1388
1389
|
type: Self
|
|
1389
1390
|
}, {
|
|
1390
1391
|
type: Optional
|
|
@@ -1393,7 +1394,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1393
1394
|
}, {
|
|
1394
1395
|
type: Inject,
|
|
1395
1396
|
args: [TRANSLOCO_SCOPE]
|
|
1396
|
-
}] }, { type: i0.ChangeDetectorRef }]
|
|
1397
|
+
}] }, { type: i0.ChangeDetectorRef }], propDecorators: { hostComponent: [{
|
|
1397
1398
|
type: Input
|
|
1398
1399
|
}], resultFormatter: [{
|
|
1399
1400
|
type: Input
|
|
@@ -1405,15 +1406,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1405
1406
|
}] } });
|
|
1406
1407
|
|
|
1407
1408
|
class NgvTypeaheadModule {
|
|
1408
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1409
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1409
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvTypeaheadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1410
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: NgvTypeaheadModule, declarations: [NgvTypeaheadHighlightComponent,
|
|
1410
1411
|
NgvTypeaheadInputComponent,
|
|
1411
1412
|
NgvTypeaheadDropdownListComponent], imports: [CommonModule, NgvTooltipModule$1], exports: [NgvTypeaheadHighlightComponent,
|
|
1412
1413
|
NgvTypeaheadInputComponent,
|
|
1413
1414
|
NgvTypeaheadDropdownListComponent] }); }
|
|
1414
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1415
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvTypeaheadModule, imports: [CommonModule, NgvTooltipModule$1] }); }
|
|
1415
1416
|
}
|
|
1416
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1417
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvTypeaheadModule, decorators: [{
|
|
1417
1418
|
type: NgModule,
|
|
1418
1419
|
args: [{
|
|
1419
1420
|
declarations: [
|
|
@@ -1431,11 +1432,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1431
1432
|
}] });
|
|
1432
1433
|
|
|
1433
1434
|
class NgvDropdownModule {
|
|
1434
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1435
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1436
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1435
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1436
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: NgvDropdownModule, declarations: [NgvDropdownComponent, NgvDropdownListComponent], imports: [CommonModule, NgvTypeaheadModule, NgvTooltipModule$1, NgvI18nModule$1], exports: [NgvDropdownComponent, NgvDropdownListComponent] }); }
|
|
1437
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvDropdownModule, imports: [CommonModule, NgvTypeaheadModule, NgvTooltipModule$1, NgvI18nModule$1] }); }
|
|
1437
1438
|
}
|
|
1438
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1439
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvDropdownModule, decorators: [{
|
|
1439
1440
|
type: NgModule,
|
|
1440
1441
|
args: [{
|
|
1441
1442
|
declarations: [NgvDropdownComponent, NgvDropdownListComponent],
|
|
@@ -1578,16 +1579,16 @@ class NgvTypeaheadDirective {
|
|
|
1578
1579
|
return options;
|
|
1579
1580
|
return options.map((value) => value?.label ? this.resultFormatter?.(value) : value);
|
|
1580
1581
|
}
|
|
1581
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1582
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1582
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvTypeaheadDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.ElementRef }, { token: NgvDropdownComponent, host: true, optional: true }, { token: i2$3.NgvInputComponent, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1583
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: NgvTypeaheadDirective, isStandalone: true, selector: "nggv-input[nggvTypeahead], nggv-dropdown[nggvTypeahead]", inputs: { nggvTypeahead: "nggvTypeahead", resultFormatter: "resultFormatter", selectedFormatter: "selectedFormatter", allowUnselect: "allowUnselect", unselectLabel: "unselectLabel" }, outputs: { filterPhraseChange: "filterPhraseChange" }, host: { listeners: { "nggvInput": "onNgvInput($event)" } }, ngImport: i0 }); }
|
|
1583
1584
|
}
|
|
1584
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1585
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvTypeaheadDirective, decorators: [{
|
|
1585
1586
|
type: Directive,
|
|
1586
1587
|
args: [{
|
|
1587
1588
|
selector: 'nggv-input[nggvTypeahead], nggv-dropdown[nggvTypeahead]',
|
|
1588
1589
|
standalone: true,
|
|
1589
1590
|
}]
|
|
1590
|
-
}], ctorParameters:
|
|
1591
|
+
}], ctorParameters: () => [{ type: i0.ViewContainerRef }, { type: i0.ElementRef }, { type: NgvDropdownComponent, decorators: [{
|
|
1591
1592
|
type: Optional
|
|
1592
1593
|
}, {
|
|
1593
1594
|
type: Host
|
|
@@ -1595,7 +1596,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1595
1596
|
type: Optional
|
|
1596
1597
|
}, {
|
|
1597
1598
|
type: Host
|
|
1598
|
-
}] }]
|
|
1599
|
+
}] }], propDecorators: { nggvTypeahead: [{
|
|
1599
1600
|
type: Input
|
|
1600
1601
|
}], resultFormatter: [{
|
|
1601
1602
|
type: Input
|
|
@@ -1645,15 +1646,15 @@ class NgvMissingHandler {
|
|
|
1645
1646
|
const transpiledKey = this.transpiler.transpile(transpileParams);
|
|
1646
1647
|
return transpiledKey || withoutScope;
|
|
1647
1648
|
}
|
|
1648
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1649
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1649
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvMissingHandler, deps: [{ token: TRANSLOCO_TRANSPILER }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1650
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvMissingHandler }); }
|
|
1650
1651
|
}
|
|
1651
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1652
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvMissingHandler, decorators: [{
|
|
1652
1653
|
type: Injectable
|
|
1653
|
-
}], ctorParameters:
|
|
1654
|
+
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
1654
1655
|
type: Inject,
|
|
1655
1656
|
args: [TRANSLOCO_TRANSPILER]
|
|
1656
|
-
}] }]
|
|
1657
|
+
}] }] });
|
|
1657
1658
|
const en = {
|
|
1658
1659
|
'error.fieldinputmask': 'Invalid value pattern',
|
|
1659
1660
|
'error.fieldrequired': 'Field must have content',
|
|
@@ -1677,9 +1678,9 @@ class TranslocoInlineLoader {
|
|
|
1677
1678
|
}
|
|
1678
1679
|
}
|
|
1679
1680
|
class NgvI18nModule {
|
|
1680
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1681
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1682
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1681
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvI18nModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1682
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: NgvI18nModule, exports: [TranslocoModule] }); }
|
|
1683
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvI18nModule, providers: [
|
|
1683
1684
|
provideTransloco({
|
|
1684
1685
|
config: {
|
|
1685
1686
|
availableLangs: ['en', 'sv'],
|
|
@@ -1693,7 +1694,7 @@ class NgvI18nModule {
|
|
|
1693
1694
|
provideTranslocoMissingHandler(NgvMissingHandler),
|
|
1694
1695
|
], imports: [TranslocoModule] }); }
|
|
1695
1696
|
}
|
|
1696
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1697
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvI18nModule, decorators: [{
|
|
1697
1698
|
type: NgModule,
|
|
1698
1699
|
args: [{
|
|
1699
1700
|
providers: [
|
|
@@ -1717,10 +1718,10 @@ class TranslocoMockPipe {
|
|
|
1717
1718
|
constructor() {
|
|
1718
1719
|
this.transform = (value) => value;
|
|
1719
1720
|
}
|
|
1720
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1721
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
1721
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TranslocoMockPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1722
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: TranslocoMockPipe, name: "transloco" }); }
|
|
1722
1723
|
}
|
|
1723
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1724
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TranslocoMockPipe, decorators: [{
|
|
1724
1725
|
type: Pipe,
|
|
1725
1726
|
args: [{ name: 'transloco' }]
|
|
1726
1727
|
}] });
|
|
@@ -1748,9 +1749,9 @@ class TranslocoMockInterceptor {
|
|
|
1748
1749
|
}
|
|
1749
1750
|
}
|
|
1750
1751
|
class NgvI18nTestModule {
|
|
1751
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1752
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1753
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1752
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvI18nTestModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1753
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: NgvI18nTestModule, declarations: [TranslocoMockPipe], imports: [CommonModule], exports: [TranslocoMockPipe] }); }
|
|
1754
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvI18nTestModule, providers: [
|
|
1754
1755
|
{
|
|
1755
1756
|
provide: TRANSLOCO_TRANSPILER,
|
|
1756
1757
|
useClass: TranslocoMockTranspiler,
|
|
@@ -1770,7 +1771,7 @@ class NgvI18nTestModule {
|
|
|
1770
1771
|
},
|
|
1771
1772
|
], imports: [CommonModule] }); }
|
|
1772
1773
|
}
|
|
1773
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1774
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvI18nTestModule, decorators: [{
|
|
1774
1775
|
type: NgModule,
|
|
1775
1776
|
args: [{
|
|
1776
1777
|
imports: [CommonModule],
|
|
@@ -1807,10 +1808,10 @@ class NgvInfoCircleComponent {
|
|
|
1807
1808
|
/** Special property used for selecting DOM elements during automated UI testing. */
|
|
1808
1809
|
this.thook = 'info';
|
|
1809
1810
|
}
|
|
1810
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1811
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1811
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvInfoCircleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1812
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NgvInfoCircleComponent, selector: "nggv-info-circle", inputs: { thook: "thook", info: "info" }, host: { properties: { "attr.data-thook": "this.thook" } }, ngImport: i0, template: "<svg [nggvTooltip]=\"info\">\n <path\n d=\"M10.75 11H12L12 16.25M21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C6.89137 21.25 2.75 17.1086 2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12Z\"\n stroke=\"currentColor\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n fill=\"none\"\n />\n <path\n d=\"M11.375 8C11.375 8.34518 11.6548 8.625 12 8.625C12.3452 8.625 12.625 8.34518 12.625 8C12.625 7.65482 12.3452 7.375 12 7.375C11.6548 7.375 11.375 7.65482 11.375 8Z\"\n fill=\"currentColor\"\n stroke=\"currentColor\"\n stroke-width=\"0.25\"\n />\n</svg>\n", styles: [":host{display:block}svg{display:block;width:1.5rem;height:1.5rem}.gds-tooltip{background-color:#1a1a1a;color:#fff;font-size:.875rem;font-weight:400;line-height:1.5;padding:.5rem;pointer-events:none}.gds-tooltip__arrow-top{position:absolute;width:0;height:0;border:.5rem solid transparent;bottom:-1rem;left:50%;transform:translate(-50%);border-color:#1a1a1a transparent transparent}.gds-tooltip__arrow-bottom{position:absolute;width:0;height:0;border:.5rem solid transparent;top:-1rem;left:50%;transform:translate(-50%);border-color:transparent transparent #1a1a1a}.gds-tooltip__arrow-left{position:absolute;width:0;height:0;border:.5rem solid transparent;right:-1rem;top:50%;transform:translateY(-50%);border-color:transparent transparent transparent #1a1a1a}.gds-tooltip__arrow-right{position:absolute;width:0;height:0;border:.5rem solid transparent;left:-1rem;top:50%;transform:translateY(-50%);border-color:transparent #1a1a1a transparent transparent}\n"], dependencies: [{ kind: "directive", type: i3$2.NgvTooltipDirective, selector: "[nggvTooltip]", inputs: ["nggvTooltip", "thook", "placement", "shown", "offset", "resizeThrottle", "maxWidth"], outputs: ["nggvShow", "nggvHide"] }] }); }
|
|
1812
1813
|
}
|
|
1813
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1814
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvInfoCircleComponent, decorators: [{
|
|
1814
1815
|
type: Component,
|
|
1815
1816
|
args: [{ selector: 'nggv-info-circle', template: "<svg [nggvTooltip]=\"info\">\n <path\n d=\"M10.75 11H12L12 16.25M21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C6.89137 21.25 2.75 17.1086 2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12Z\"\n stroke=\"currentColor\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n fill=\"none\"\n />\n <path\n d=\"M11.375 8C11.375 8.34518 11.6548 8.625 12 8.625C12.3452 8.625 12.625 8.34518 12.625 8C12.625 7.65482 12.3452 7.375 12 7.375C11.6548 7.375 11.375 7.65482 11.375 8Z\"\n fill=\"currentColor\"\n stroke=\"currentColor\"\n stroke-width=\"0.25\"\n />\n</svg>\n", styles: [":host{display:block}svg{display:block;width:1.5rem;height:1.5rem}.gds-tooltip{background-color:#1a1a1a;color:#fff;font-size:.875rem;font-weight:400;line-height:1.5;padding:.5rem;pointer-events:none}.gds-tooltip__arrow-top{position:absolute;width:0;height:0;border:.5rem solid transparent;bottom:-1rem;left:50%;transform:translate(-50%);border-color:#1a1a1a transparent transparent}.gds-tooltip__arrow-bottom{position:absolute;width:0;height:0;border:.5rem solid transparent;top:-1rem;left:50%;transform:translate(-50%);border-color:transparent transparent #1a1a1a}.gds-tooltip__arrow-left{position:absolute;width:0;height:0;border:.5rem solid transparent;right:-1rem;top:50%;transform:translateY(-50%);border-color:transparent transparent transparent #1a1a1a}.gds-tooltip__arrow-right{position:absolute;width:0;height:0;border:.5rem solid transparent;left:-1rem;top:50%;transform:translateY(-50%);border-color:transparent #1a1a1a transparent transparent}\n"] }]
|
|
1816
1817
|
}], propDecorators: { thook: [{
|
|
@@ -1823,11 +1824,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1823
1824
|
}] } });
|
|
1824
1825
|
|
|
1825
1826
|
class NgvInfoCircleModule {
|
|
1826
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1827
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1828
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1827
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvInfoCircleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1828
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: NgvInfoCircleModule, declarations: [NgvInfoCircleComponent], imports: [CommonModule, NggCoreWrapperModule, NgvTooltipModule$1], exports: [NgvInfoCircleComponent] }); }
|
|
1829
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvInfoCircleModule, imports: [CommonModule, NggCoreWrapperModule, NgvTooltipModule$1] }); }
|
|
1829
1830
|
}
|
|
1830
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1831
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvInfoCircleModule, decorators: [{
|
|
1831
1832
|
type: NgModule,
|
|
1832
1833
|
args: [{
|
|
1833
1834
|
declarations: [NgvInfoCircleComponent],
|
|
@@ -1986,13 +1987,13 @@ class NgvInputComponent extends NgvBaseControlValueAccessorComponent$1 {
|
|
|
1986
1987
|
this.onChange(this.state);
|
|
1987
1988
|
this.inputChange$.next(this.state);
|
|
1988
1989
|
}
|
|
1989
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1990
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NgvInputComponent, selector: "nggv-input", inputs: { thook: "thook", type: "type", placeholder: "placeholder", autocomplete: "autocomplete", readonly: "readonly", email: "email", min: "min", max: "max", step: "step", minLength: "minLength", minlength: "minlength", maxLength: "maxLength", maxlength: "maxlength", showCharacterCountdown: "showCharacterCountdown", pattern: "pattern", debounceTime: "debounceTime", badgeText: "badgeText", inputMask: "inputMask" }, outputs: { nggvInput: "nggvInput" }, host: { properties: { "class": "this.class", "attr.data-thook": "this.thook" } }, usesInheritance: true, ngImport: i0, template: "<!-- LABEL -->\n<label\n [id]=\"id + '-label'\"\n class=\"sdv-field-label hide-if-empty\"\n [attr.for]=\"id + '-input'\"\n *transloco=\"let t; read: scope\"\n>\n <ng-template\n *ngTemplateOutlet=\"labelContentTpl || basicLabelContentTpl\"\n ></ng-template>\n <ng-template #basicLabelContentTpl>\n <!-- to trigger css:empty if no label was added -->\n <ng-container *ngIf=\"label\">\n {{ label }}\n <span\n *ngIf=\"optional === true || (required !== true && optional !== false)\"\n class=\"sdv-field-label--optional\"\n >\n ({{ t('label.optional') }})\n </span>\n </ng-container>\n </ng-template>\n</label>\n\n<!-- DESCRIPTION -->\n<div class=\"form-info description hide-if-empty\">\n {{ description }}\n</div>\n\n<!-- LOCKED INPUT -->\n<ng-container *ngIf=\"locked\">\n <div\n [id]=\"id + '-input'\"\n class=\"nggv-field--locked\"\n [attr.name]=\"name\"\n [attr.value]=\"state\"\n [attr.role]=\"role\"\n >\n <span *ngIf=\"!state\" class=\"unset-state\">-</span>\n <ng-container *ngIf=\"state\">\n <ng-container *ngIf=\"!inputMask\">\n {{ state }}\n </ng-container>\n <ng-container *ngIf=\"!!inputMask\">\n {{ state | nggvInputMaskFormat: inputMask }}\n </ng-container>\n </ng-container>\n </div>\n</ng-container>\n\n<!-- INPUT WRAPPER -->\n<ng-container *ngIf=\"!locked\">\n <div class=\"gds-input-wrapper\" [class.nggv-field--error]=\"invalid\">\n <div class=\"input-group-prefix hide-if-empty\">\n <ng-content select=\"[slot='prefix']\"></ng-content>\n </div>\n\n <!-- INPUT FIELD -->\n <div class=\"input-group\" *ngIf=\"!inputMask\">\n <input\n #input\n [id]=\"id + '-input'\"\n class=\"sdv-field\"\n [attr.type]=\"type\"\n [attr.name]=\"name\"\n [attr.required]=\"required\"\n [attr.email]=\"email\"\n [attr.aria-describedby]=\"id + '-message'\"\n [min]=\"min\"\n [max]=\"max\"\n [step]=\"step\"\n [attr.maxlength]=\"maxlength\"\n [attr.minlength]=\"minlength\"\n [pattern]=\"pattern\"\n [disabled]=\"disabled\"\n [autocomplete]=\"autocomplete\"\n [autofocus]=\"autofocus\"\n [readOnly]=\"readonly\"\n [attr.role]=\"role\"\n [attr.placeholder]=\"placeholder\"\n [attr.aria-label]=\"description\"\n [value]=\"state\"\n (input)=\"onInput($event)\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n />\n </div>\n\n <!-- INPUT FIELD WITH MASK -->\n <div\n class=\"input-group\"\n *ngIf=\"!!inputMask && (hideInput$ | async) === false\"\n >\n <input\n #input\n [id]=\"id + '-input'\"\n class=\"sdv-field\"\n autocomplete=\"off\"\n [attr.name]=\"name\"\n [attr.required]=\"required\"\n [readOnly]=\"readonly\"\n [attr.role]=\"role\"\n [attr.placeholder]=\"placeholder\"\n [attr.aria-label]=\"description\"\n [attr.aria-describedby]=\"id + '-message'\"\n [nggvInputMask]=\"inputMask\"\n [formControl]=\"control\"\n />\n </div>\n\n <div class=\"input-group-suffix hide-if-empty\">\n <ng-content select=\"[slot='suffix']\"></ng-content>\n <ng-content></ng-content>\n </div>\n </div>\n\n <!-- ERRORS -->\n <div\n class=\"gds-form-item__footer error-wrapper\"\n *transloco=\"let t; read: scope\"\n >\n <span\n class=\"form-info form-info--error\"\n [attr.id]=\"id + '-message'\"\n *ngIf=\"invalid && (error || ngControl?.invalid)\"\n >\n <span *ngIf=\"error; else errorsRef\">{{ error }}</span>\n <ng-template #errorsRef>\n <span *ngIf=\"firstError as error\">\n {{ t('error.field' + error?.code, error?.params) }}\n </span>\n </ng-template>\n </span>\n\n <ng-container *ngIf=\"!inputMask && hasMaxLength && showCharacterCountdown\">\n <span\n *nggvCharacterCountdown=\"\n maxlength;\n currentLength: (inputRef?.nativeElement?.value ?? '').length;\n charactersLeft as charactersLeft\n \"\n class=\"form-info\"\n style=\"text-align: right\"\n >\n {{ charactersLeft }} {{ t('label.maxlength') }}\n </span>\n </ng-container>\n </div>\n</ng-container>\n", styles: [":host.gds-form-item{display:flex;flex-direction:column;max-width:100%;position:relative;width:100%;z-index:0}:host.gds-form-item:not(:last-child){margin-bottom:1.5rem}:host.gds-form-item .gds-form-item__header{display:flex}:host.gds-form-item .gds-form-item__header .form-info{font-weight:400}:host.gds-form-item .gds-form-item__header button.icon.small{margin-top:-.5rem;margin-right:-.5rem}:host.gds-form-item .gds-form-item__labels{flex:1;margin-bottom:.5rem}:host.gds-form-item .gds-form-item__labels .form-info{margin-bottom:0}:host.gds-form-item .gds-form-item__labels .form-info a:link:not(.button,[aria-disabled]){color:#0062bc}:host.gds-form-item .gds-form-item__labels>*{width:100%;display:block}:host.gds-form-item .gds-form-item__expandable-info{overflow:hidden;font-size:.875rem;line-height:1.25rem;transition:height .3s cubic-bezier(.23,1,.32,1)}:host.gds-form-item .gds-form-item__expandable-info>div{padding-bottom:.5rem}:host.gds-form-item .gds-form-item__backdrop{position:absolute;inset:0;background:var(--gds-ref-pallet-base100);border-radius:2px;z-index:-1;margin:-1rem;opacity:0;transition:all .3s cubic-bezier(.23,1,.32,1);border:1px solid transparent}@media (prefers-reduced-motion: reduce){:host.gds-form-item .gds-form-item__backdrop{transition:none}}:host.gds-form-item:has([aria-expanded=true]) .gds-form-item__backdrop{opacity:1;border-radius:.25rem;border-color:var(--gds-ref-pallet-base600)}:host.gds-form-item .gds-form-item__footer:not(:empty){margin-top:.5rem;display:flex;column-gap:1rem}:host.gds-form-item .gds-form-item__footer:not(:empty)>span{font-weight:500}:host .hide-if-empty:empty{display:none}:host input:not([type]),:host input[type=date],:host input[type=datetime],:host input[type=datetime-local],:host input[type=email],:host input[type=month],:host input[type=number],:host input[type=password],:host input[type=search],:host input[type=tel],:host input[type=text],:host input[type=time],:host input[type=url],:host input[type=week]{padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);background-color:var(--sg-form-control-bg);color:var(--sg-text-primary);min-height:2.75rem;display:flex;align-items:center;justify-content:center}:host input:not([type]):focus:not(:focus-visible),:host input[type=date]:focus:not(:focus-visible),:host input[type=datetime]:focus:not(:focus-visible),:host input[type=datetime-local]:focus:not(:focus-visible),:host input[type=email]:focus:not(:focus-visible),:host input[type=month]:focus:not(:focus-visible),:host input[type=number]:focus:not(:focus-visible),:host input[type=password]:focus:not(:focus-visible),:host input[type=search]:focus:not(:focus-visible),:host input[type=tel]:focus:not(:focus-visible),:host input[type=text]:focus:not(:focus-visible),:host input[type=time]:focus:not(:focus-visible),:host input[type=url]:focus:not(:focus-visible),:host input[type=week]:focus:not(:focus-visible){box-shadow:none;outline:0}:host input:not([type]):focus,:host input:not([type]):focus-visible,:host input[type=date]:focus,:host input[type=date]:focus-visible,:host input[type=datetime]:focus,:host input[type=datetime]:focus-visible,:host input[type=datetime-local]:focus,:host input[type=datetime-local]:focus-visible,:host input[type=email]:focus,:host input[type=email]:focus-visible,:host input[type=month]:focus,:host input[type=month]:focus-visible,:host input[type=number]:focus,:host input[type=number]:focus-visible,:host input[type=password]:focus,:host input[type=password]:focus-visible,:host input[type=search]:focus,:host input[type=search]:focus-visible,:host input[type=tel]:focus,:host input[type=tel]:focus-visible,:host input[type=text]:focus,:host input[type=text]:focus-visible,:host input[type=time]:focus,:host input[type=time]:focus-visible,:host input[type=url]:focus,:host input[type=url]:focus-visible,:host input[type=week]:focus,:host input[type=week]:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host input:not([type]).small,:host input[type=date].small,:host input[type=datetime].small,:host input[type=datetime-local].small,:host input[type=email].small,:host input[type=month].small,:host input[type=number].small,:host input[type=password].small,:host input[type=search].small,:host input[type=tel].small,:host input[type=text].small,:host input[type=time].small,:host input[type=url].small,:host input[type=week].small{min-height:2rem;padding:.25rem .75rem;line-height:1rem}@media screen and (-ms-high-contrast: active){:host input:not([type]),:host input[type=date],:host input[type=datetime],:host input[type=datetime-local],:host input[type=email],:host input[type=month],:host input[type=number],:host input[type=password],:host input[type=search],:host input[type=tel],:host input[type=text],:host input[type=time],:host input[type=url],:host input[type=week]{border:2px solid currentcolor}}:host input:not([type]):disabled,:host input:not([type]).disabled,:host input:not([type])[aria-disabled=true],:host input[type=date]:disabled,:host input[type=date].disabled,:host input[type=date][aria-disabled=true],:host input[type=datetime]:disabled,:host input[type=datetime].disabled,:host input[type=datetime][aria-disabled=true],:host input[type=datetime-local]:disabled,:host input[type=datetime-local].disabled,:host input[type=datetime-local][aria-disabled=true],:host input[type=email]:disabled,:host input[type=email].disabled,:host input[type=email][aria-disabled=true],:host input[type=month]:disabled,:host input[type=month].disabled,:host input[type=month][aria-disabled=true],:host input[type=number]:disabled,:host input[type=number].disabled,:host input[type=number][aria-disabled=true],:host input[type=password]:disabled,:host input[type=password].disabled,:host input[type=password][aria-disabled=true],:host input[type=search]:disabled,:host input[type=search].disabled,:host input[type=search][aria-disabled=true],:host input[type=tel]:disabled,:host input[type=tel].disabled,:host input[type=tel][aria-disabled=true],:host input[type=text]:disabled,:host input[type=text].disabled,:host input[type=text][aria-disabled=true],:host input[type=time]:disabled,:host input[type=time].disabled,:host input[type=time][aria-disabled=true],:host input[type=url]:disabled,:host input[type=url].disabled,:host input[type=url][aria-disabled=true],:host input[type=week]:disabled,:host input[type=week].disabled,:host input[type=week][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 input:not([type]):disabled::placeholder,:host input:not([type]).disabled::placeholder,:host input:not([type])[aria-disabled=true]::placeholder,:host input[type=date]:disabled::placeholder,:host input[type=date].disabled::placeholder,:host input[type=date][aria-disabled=true]::placeholder,:host input[type=datetime]:disabled::placeholder,:host input[type=datetime].disabled::placeholder,:host input[type=datetime][aria-disabled=true]::placeholder,:host input[type=datetime-local]:disabled::placeholder,:host input[type=datetime-local].disabled::placeholder,:host input[type=datetime-local][aria-disabled=true]::placeholder,:host input[type=email]:disabled::placeholder,:host input[type=email].disabled::placeholder,:host input[type=email][aria-disabled=true]::placeholder,:host input[type=month]:disabled::placeholder,:host input[type=month].disabled::placeholder,:host input[type=month][aria-disabled=true]::placeholder,:host input[type=number]:disabled::placeholder,:host input[type=number].disabled::placeholder,:host input[type=number][aria-disabled=true]::placeholder,:host input[type=password]:disabled::placeholder,:host input[type=password].disabled::placeholder,:host input[type=password][aria-disabled=true]::placeholder,:host input[type=search]:disabled::placeholder,:host input[type=search].disabled::placeholder,:host input[type=search][aria-disabled=true]::placeholder,:host input[type=tel]:disabled::placeholder,:host input[type=tel].disabled::placeholder,:host input[type=tel][aria-disabled=true]::placeholder,:host input[type=text]:disabled::placeholder,:host input[type=text].disabled::placeholder,:host input[type=text][aria-disabled=true]::placeholder,:host input[type=time]:disabled::placeholder,:host input[type=time].disabled::placeholder,:host input[type=time][aria-disabled=true]::placeholder,:host input[type=url]:disabled::placeholder,:host input[type=url].disabled::placeholder,:host input[type=url][aria-disabled=true]::placeholder,:host input[type=week]:disabled::placeholder,:host input[type=week].disabled::placeholder,:host input[type=week][aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host input:not([type]):hover,:host input[type=date]:hover,:host input[type=datetime]:hover,:host input[type=datetime-local]:hover,:host input[type=email]:hover,:host input[type=month]:hover,:host input[type=number]:hover,:host input[type=password]:hover,:host input[type=search]:hover,:host input[type=tel]:hover,:host input[type=text]:hover,:host input[type=time]:hover,:host input[type=url]:hover,:host input[type=week]:hover{background-color:var(--gds-ref-pallet-base100)}:host input[type=number]{-moz-appearance:textfield}:host input[type=number]::-webkit-outer-spin-button,:host input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host input{width:100%}:host .gds-input-wrapper{display:flex;flex-direction:column;position:relative;transition:all .2s ease-in-out,outline-offset 0s,outline-width 0s}:host .gds-input-wrapper:before{background:transparent;border-radius:0 0 4px 4px;clip-path:inset(4px 0 0 0);content:\"\";display:block;height:4px;position:absolute;transition:.3s ease-in-out;width:100%}:host .gds-input-wrapper:before{bottom:0}.is-invalid :host .gds-input-wrapper{color:var(--intent-danger-background);opacity:1}.is-invalid :host .gds-input-wrapper:before{background:var(--intent-danger-background);clip-path:inset(1px 0 0 0)}:host label:is(label),:host .label:is(label),:host legend:is(label){margin-bottom:0}:host label.form-control,:host .label.form-control,:host legend.form-control{width:-moz-fit-content;width:fit-content}@supports (-moz-appearance: none){:host label.form-control:focus:not(:focus-visible),:host .label.form-control:focus:not(:focus-visible),:host legend.form-control:focus:not(:focus-visible){box-shadow:none;outline:0}:host label.form-control:focus,:host label.form-control:focus-within,:host .label.form-control:focus,:host .label.form-control:focus-within,:host legend.form-control:focus,:host legend.form-control:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}}:host label:not(.form-control),:host .label:not(.form-control),:host legend:not(.form-control){font-weight:500;width:100%;line-height:1.25rem}:host label+input,:host label+textarea,fieldset :host label+div,:host label+button,:host label+.group-stepper,:host label+.stepper-wrapper,:host label+.group,:host .label+input,:host .label+textarea,fieldset :host .label+div,:host .label+button,:host .label+.group-stepper,:host .label+.stepper-wrapper,:host .label+.group,:host legend+input,:host legend+textarea,fieldset :host legend+div,:host legend+button,:host legend+.group-stepper,:host legend+.stepper-wrapper,:host legend+.group{margin-top:.5rem}:host label+.form-info,:host .label+.form-info,:host legend+.form-info{margin-bottom:.5rem}:host .form-info{font-size:.875rem;line-height:1.25rem;width:100%}:host .gds-form-item__footer .form-info{font-weight:500}:host .gds-form-item__footer .form-info--error{color:var(--intent-danger-background, #9f000a)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3$1.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "directive", type: i4.NgvInputMaskDirective, selector: "[nggvInputMask]", inputs: ["nggvInputMask"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.CharacterCountdownDirective, selector: "[nggvCharacterCountdown]", inputs: ["nggvCharacterCountdown", "nggvCharacterCountdownCurrentLength"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.InputMaskFormatPipe, name: "nggvInputMaskFormat" }] }); }
|
|
1990
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvInputComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: TRANSLOCO_SCOPE, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1991
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NgvInputComponent, selector: "nggv-input", inputs: { thook: "thook", type: "type", placeholder: "placeholder", autocomplete: "autocomplete", readonly: "readonly", email: "email", min: "min", max: "max", step: "step", minLength: "minLength", minlength: "minlength", maxLength: "maxLength", maxlength: "maxlength", showCharacterCountdown: "showCharacterCountdown", pattern: "pattern", debounceTime: "debounceTime", badgeText: "badgeText", inputMask: "inputMask" }, outputs: { nggvInput: "nggvInput" }, host: { properties: { "class": "this.class", "attr.data-thook": "this.thook" } }, usesInheritance: true, ngImport: i0, template: "<!-- LABEL -->\n<label\n [id]=\"id + '-label'\"\n class=\"sdv-field-label hide-if-empty\"\n [attr.for]=\"id + '-input'\"\n *transloco=\"let t; read: scope\"\n>\n <ng-template\n *ngTemplateOutlet=\"labelContentTpl || basicLabelContentTpl\"\n ></ng-template>\n <ng-template #basicLabelContentTpl>\n <!-- to trigger css:empty if no label was added -->\n <ng-container *ngIf=\"label\">\n {{ label }}\n <span\n *ngIf=\"optional === true || (required !== true && optional !== false)\"\n class=\"sdv-field-label--optional\"\n >\n ({{ t('label.optional') }})\n </span>\n </ng-container>\n </ng-template>\n</label>\n\n<!-- DESCRIPTION -->\n<div class=\"form-info description hide-if-empty\">\n {{ description }}\n</div>\n\n<!-- LOCKED INPUT -->\n<ng-container *ngIf=\"locked\">\n <div\n [id]=\"id + '-input'\"\n class=\"nggv-field--locked\"\n [attr.name]=\"name\"\n [attr.value]=\"state\"\n [attr.role]=\"role\"\n >\n <span *ngIf=\"!state\" class=\"unset-state\">-</span>\n <ng-container *ngIf=\"state\">\n <ng-container *ngIf=\"!inputMask\">\n {{ state }}\n </ng-container>\n <ng-container *ngIf=\"!!inputMask\">\n {{ state | nggvInputMaskFormat: inputMask }}\n </ng-container>\n </ng-container>\n </div>\n</ng-container>\n\n<!-- INPUT WRAPPER -->\n<ng-container *ngIf=\"!locked\">\n <div class=\"gds-input-wrapper\" [class.nggv-field--error]=\"invalid\">\n <div class=\"input-group-prefix hide-if-empty\">\n <ng-content select=\"[slot='prefix']\"></ng-content>\n </div>\n\n <!-- INPUT FIELD -->\n <div class=\"input-group\" *ngIf=\"!inputMask\">\n <input\n #input\n [id]=\"id + '-input'\"\n class=\"sdv-field\"\n [attr.type]=\"type\"\n [attr.name]=\"name\"\n [attr.required]=\"required\"\n [attr.email]=\"email\"\n [attr.aria-describedby]=\"id + '-message'\"\n [min]=\"min\"\n [max]=\"max\"\n [step]=\"step\"\n [attr.maxlength]=\"maxlength\"\n [attr.minlength]=\"minlength\"\n [pattern]=\"pattern\"\n [disabled]=\"disabled\"\n [autocomplete]=\"autocomplete\"\n [autofocus]=\"autofocus\"\n [readOnly]=\"readonly\"\n [attr.role]=\"role\"\n [attr.placeholder]=\"placeholder\"\n [attr.aria-label]=\"description\"\n [value]=\"state\"\n (input)=\"onInput($event)\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n />\n </div>\n\n <!-- INPUT FIELD WITH MASK -->\n <div\n class=\"input-group\"\n *ngIf=\"!!inputMask && (hideInput$ | async) === false\"\n >\n <input\n #input\n [id]=\"id + '-input'\"\n class=\"sdv-field\"\n autocomplete=\"off\"\n [attr.name]=\"name\"\n [attr.required]=\"required\"\n [readOnly]=\"readonly\"\n [attr.role]=\"role\"\n [attr.placeholder]=\"placeholder\"\n [attr.aria-label]=\"description\"\n [attr.aria-describedby]=\"id + '-message'\"\n [nggvInputMask]=\"inputMask\"\n [formControl]=\"control\"\n />\n </div>\n\n <div class=\"input-group-suffix hide-if-empty\">\n <ng-content select=\"[slot='suffix']\"></ng-content>\n <ng-content></ng-content>\n </div>\n </div>\n\n <!-- ERRORS -->\n <div\n class=\"gds-form-item__footer error-wrapper\"\n *transloco=\"let t; read: scope\"\n >\n <span\n class=\"form-info form-info--error\"\n [attr.id]=\"id + '-message'\"\n *ngIf=\"invalid && (error || ngControl?.invalid)\"\n >\n <span *ngIf=\"error; else errorsRef\">{{ error }}</span>\n <ng-template #errorsRef>\n <span *ngIf=\"firstError as error\">\n {{ t('error.field' + error?.code, error?.params) }}\n </span>\n </ng-template>\n </span>\n\n <ng-container *ngIf=\"!inputMask && hasMaxLength && showCharacterCountdown\">\n <span\n *nggvCharacterCountdown=\"\n maxlength;\n currentLength: (inputRef?.nativeElement?.value ?? '').length;\n charactersLeft as charactersLeft\n \"\n class=\"form-info\"\n style=\"text-align: right\"\n >\n {{ charactersLeft }} {{ t('label.maxlength') }}\n </span>\n </ng-container>\n </div>\n</ng-container>\n", styles: [":host.gds-form-item{display:flex;flex-direction:column;max-width:100%;position:relative;width:100%;z-index:0}:host.gds-form-item:not(:last-child){margin-bottom:1.5rem}:host.gds-form-item .gds-form-item__header{display:flex}:host.gds-form-item .gds-form-item__header .form-info{font-weight:400}:host.gds-form-item .gds-form-item__header button.icon.small{margin-top:-.5rem;margin-right:-.5rem}:host.gds-form-item .gds-form-item__labels{flex:1;margin-bottom:.5rem}:host.gds-form-item .gds-form-item__labels .form-info{margin-bottom:0}:host.gds-form-item .gds-form-item__labels .form-info a:link:not(.button,[aria-disabled]){color:#0062bc}:host.gds-form-item .gds-form-item__labels>*{width:100%;display:block}:host.gds-form-item .gds-form-item__expandable-info{overflow:hidden;font-size:.875rem;line-height:1.25rem;transition:height .3s cubic-bezier(.23,1,.32,1)}:host.gds-form-item .gds-form-item__expandable-info>div{padding-bottom:.5rem}:host.gds-form-item .gds-form-item__backdrop{position:absolute;inset:0;background:var(--gds-ref-pallet-base100);border-radius:2px;z-index:-1;margin:-1rem;opacity:0;transition:all .3s cubic-bezier(.23,1,.32,1);border:1px solid transparent}@media (prefers-reduced-motion: reduce){:host.gds-form-item .gds-form-item__backdrop{transition:none}}:host.gds-form-item:has([aria-expanded=true]) .gds-form-item__backdrop{opacity:1;border-radius:.25rem;border-color:var(--gds-ref-pallet-base600)}:host.gds-form-item .gds-form-item__footer:not(:empty){margin-top:.5rem;display:flex;column-gap:1rem}:host.gds-form-item .gds-form-item__footer:not(:empty)>span{font-weight:500}:host .hide-if-empty:empty{display:none}:host input:not([type]),:host input[type=date],:host input[type=datetime],:host input[type=datetime-local],:host input[type=email],:host input[type=month],:host input[type=number],:host input[type=password],:host input[type=search],:host input[type=tel],:host input[type=text],:host input[type=time],:host input[type=url],:host input[type=week]{padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);background-color:var(--sg-form-control-bg);color:var(--sg-text-primary);min-height:2.75rem;display:flex;align-items:center;justify-content:center}:host input:not([type]):focus:not(:focus-visible),:host input[type=date]:focus:not(:focus-visible),:host input[type=datetime]:focus:not(:focus-visible),:host input[type=datetime-local]:focus:not(:focus-visible),:host input[type=email]:focus:not(:focus-visible),:host input[type=month]:focus:not(:focus-visible),:host input[type=number]:focus:not(:focus-visible),:host input[type=password]:focus:not(:focus-visible),:host input[type=search]:focus:not(:focus-visible),:host input[type=tel]:focus:not(:focus-visible),:host input[type=text]:focus:not(:focus-visible),:host input[type=time]:focus:not(:focus-visible),:host input[type=url]:focus:not(:focus-visible),:host input[type=week]:focus:not(:focus-visible){box-shadow:none;outline:0}:host input:not([type]):focus,:host input:not([type]):focus-visible,:host input[type=date]:focus,:host input[type=date]:focus-visible,:host input[type=datetime]:focus,:host input[type=datetime]:focus-visible,:host input[type=datetime-local]:focus,:host input[type=datetime-local]:focus-visible,:host input[type=email]:focus,:host input[type=email]:focus-visible,:host input[type=month]:focus,:host input[type=month]:focus-visible,:host input[type=number]:focus,:host input[type=number]:focus-visible,:host input[type=password]:focus,:host input[type=password]:focus-visible,:host input[type=search]:focus,:host input[type=search]:focus-visible,:host input[type=tel]:focus,:host input[type=tel]:focus-visible,:host input[type=text]:focus,:host input[type=text]:focus-visible,:host input[type=time]:focus,:host input[type=time]:focus-visible,:host input[type=url]:focus,:host input[type=url]:focus-visible,:host input[type=week]:focus,:host input[type=week]:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host input:not([type]).small,:host input[type=date].small,:host input[type=datetime].small,:host input[type=datetime-local].small,:host input[type=email].small,:host input[type=month].small,:host input[type=number].small,:host input[type=password].small,:host input[type=search].small,:host input[type=tel].small,:host input[type=text].small,:host input[type=time].small,:host input[type=url].small,:host input[type=week].small{min-height:2rem;padding:.25rem .75rem;line-height:1rem}@media screen and (-ms-high-contrast: active){:host input:not([type]),:host input[type=date],:host input[type=datetime],:host input[type=datetime-local],:host input[type=email],:host input[type=month],:host input[type=number],:host input[type=password],:host input[type=search],:host input[type=tel],:host input[type=text],:host input[type=time],:host input[type=url],:host input[type=week]{border:2px solid currentcolor}}:host input:not([type]):disabled,:host input:not([type]).disabled,:host input:not([type])[aria-disabled=true],:host input[type=date]:disabled,:host input[type=date].disabled,:host input[type=date][aria-disabled=true],:host input[type=datetime]:disabled,:host input[type=datetime].disabled,:host input[type=datetime][aria-disabled=true],:host input[type=datetime-local]:disabled,:host input[type=datetime-local].disabled,:host input[type=datetime-local][aria-disabled=true],:host input[type=email]:disabled,:host input[type=email].disabled,:host input[type=email][aria-disabled=true],:host input[type=month]:disabled,:host input[type=month].disabled,:host input[type=month][aria-disabled=true],:host input[type=number]:disabled,:host input[type=number].disabled,:host input[type=number][aria-disabled=true],:host input[type=password]:disabled,:host input[type=password].disabled,:host input[type=password][aria-disabled=true],:host input[type=search]:disabled,:host input[type=search].disabled,:host input[type=search][aria-disabled=true],:host input[type=tel]:disabled,:host input[type=tel].disabled,:host input[type=tel][aria-disabled=true],:host input[type=text]:disabled,:host input[type=text].disabled,:host input[type=text][aria-disabled=true],:host input[type=time]:disabled,:host input[type=time].disabled,:host input[type=time][aria-disabled=true],:host input[type=url]:disabled,:host input[type=url].disabled,:host input[type=url][aria-disabled=true],:host input[type=week]:disabled,:host input[type=week].disabled,:host input[type=week][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 input:not([type]):disabled::placeholder,:host input:not([type]).disabled::placeholder,:host input:not([type])[aria-disabled=true]::placeholder,:host input[type=date]:disabled::placeholder,:host input[type=date].disabled::placeholder,:host input[type=date][aria-disabled=true]::placeholder,:host input[type=datetime]:disabled::placeholder,:host input[type=datetime].disabled::placeholder,:host input[type=datetime][aria-disabled=true]::placeholder,:host input[type=datetime-local]:disabled::placeholder,:host input[type=datetime-local].disabled::placeholder,:host input[type=datetime-local][aria-disabled=true]::placeholder,:host input[type=email]:disabled::placeholder,:host input[type=email].disabled::placeholder,:host input[type=email][aria-disabled=true]::placeholder,:host input[type=month]:disabled::placeholder,:host input[type=month].disabled::placeholder,:host input[type=month][aria-disabled=true]::placeholder,:host input[type=number]:disabled::placeholder,:host input[type=number].disabled::placeholder,:host input[type=number][aria-disabled=true]::placeholder,:host input[type=password]:disabled::placeholder,:host input[type=password].disabled::placeholder,:host input[type=password][aria-disabled=true]::placeholder,:host input[type=search]:disabled::placeholder,:host input[type=search].disabled::placeholder,:host input[type=search][aria-disabled=true]::placeholder,:host input[type=tel]:disabled::placeholder,:host input[type=tel].disabled::placeholder,:host input[type=tel][aria-disabled=true]::placeholder,:host input[type=text]:disabled::placeholder,:host input[type=text].disabled::placeholder,:host input[type=text][aria-disabled=true]::placeholder,:host input[type=time]:disabled::placeholder,:host input[type=time].disabled::placeholder,:host input[type=time][aria-disabled=true]::placeholder,:host input[type=url]:disabled::placeholder,:host input[type=url].disabled::placeholder,:host input[type=url][aria-disabled=true]::placeholder,:host input[type=week]:disabled::placeholder,:host input[type=week].disabled::placeholder,:host input[type=week][aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host input:not([type]):hover,:host input[type=date]:hover,:host input[type=datetime]:hover,:host input[type=datetime-local]:hover,:host input[type=email]:hover,:host input[type=month]:hover,:host input[type=number]:hover,:host input[type=password]:hover,:host input[type=search]:hover,:host input[type=tel]:hover,:host input[type=text]:hover,:host input[type=time]:hover,:host input[type=url]:hover,:host input[type=week]:hover{background-color:var(--gds-ref-pallet-base100)}:host input[type=number]{-moz-appearance:textfield}:host input[type=number]::-webkit-outer-spin-button,:host input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host input{width:100%}:host .gds-input-wrapper{display:flex;flex-direction:column;position:relative;transition:all .2s ease-in-out,outline-offset 0s,outline-width 0s}:host .gds-input-wrapper:before{background:transparent;border-radius:0 0 4px 4px;clip-path:inset(4px 0 0 0);content:\"\";display:block;height:4px;position:absolute;transition:.3s ease-in-out;width:100%}:host .gds-input-wrapper:before{bottom:0}.is-invalid :host .gds-input-wrapper{color:var(--intent-danger-background);opacity:1}.is-invalid :host .gds-input-wrapper:before{background:var(--intent-danger-background);clip-path:inset(1px 0 0 0)}:host label:is(label),:host .label:is(label),:host legend:is(label){margin-bottom:0}:host label.form-control,:host .label.form-control,:host legend.form-control{width:fit-content}@supports (-moz-appearance: none){:host label.form-control:focus:not(:focus-visible),:host .label.form-control:focus:not(:focus-visible),:host legend.form-control:focus:not(:focus-visible){box-shadow:none;outline:0}:host label.form-control:focus,:host label.form-control:focus-within,:host .label.form-control:focus,:host .label.form-control:focus-within,:host legend.form-control:focus,:host legend.form-control:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}}:host label:not(.form-control),:host .label:not(.form-control),:host legend:not(.form-control){font-weight:500;width:100%;line-height:1.25rem}:host label+input,:host label+textarea,fieldset :host label+div,:host label+button,:host label+.group-stepper,:host label+.stepper-wrapper,:host label+.group,:host .label+input,:host .label+textarea,fieldset :host .label+div,:host .label+button,:host .label+.group-stepper,:host .label+.stepper-wrapper,:host .label+.group,:host legend+input,:host legend+textarea,fieldset :host legend+div,:host legend+button,:host legend+.group-stepper,:host legend+.stepper-wrapper,:host legend+.group{margin-top:.5rem}:host label+.form-info,:host .label+.form-info,:host legend+.form-info{margin-bottom:.5rem}:host .form-info{font-size:.875rem;line-height:1.25rem;width:100%}:host .gds-form-item__footer .form-info{font-weight:500}:host .gds-form-item__footer .form-info--error{color:var(--intent-danger-background, #9f000a)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3$1.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "directive", type: i4.NgvInputMaskDirective, selector: "[nggvInputMask]", inputs: ["nggvInputMask"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.CharacterCountdownDirective, selector: "[nggvCharacterCountdown]", inputs: ["nggvCharacterCountdown", "nggvCharacterCountdownCurrentLength"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.InputMaskFormatPipe, name: "nggvInputMaskFormat" }] }); }
|
|
1991
1992
|
}
|
|
1992
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1993
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvInputComponent, decorators: [{
|
|
1993
1994
|
type: Component,
|
|
1994
|
-
args: [{ selector: 'nggv-input', template: "<!-- LABEL -->\n<label\n [id]=\"id + '-label'\"\n class=\"sdv-field-label hide-if-empty\"\n [attr.for]=\"id + '-input'\"\n *transloco=\"let t; read: scope\"\n>\n <ng-template\n *ngTemplateOutlet=\"labelContentTpl || basicLabelContentTpl\"\n ></ng-template>\n <ng-template #basicLabelContentTpl>\n <!-- to trigger css:empty if no label was added -->\n <ng-container *ngIf=\"label\">\n {{ label }}\n <span\n *ngIf=\"optional === true || (required !== true && optional !== false)\"\n class=\"sdv-field-label--optional\"\n >\n ({{ t('label.optional') }})\n </span>\n </ng-container>\n </ng-template>\n</label>\n\n<!-- DESCRIPTION -->\n<div class=\"form-info description hide-if-empty\">\n {{ description }}\n</div>\n\n<!-- LOCKED INPUT -->\n<ng-container *ngIf=\"locked\">\n <div\n [id]=\"id + '-input'\"\n class=\"nggv-field--locked\"\n [attr.name]=\"name\"\n [attr.value]=\"state\"\n [attr.role]=\"role\"\n >\n <span *ngIf=\"!state\" class=\"unset-state\">-</span>\n <ng-container *ngIf=\"state\">\n <ng-container *ngIf=\"!inputMask\">\n {{ state }}\n </ng-container>\n <ng-container *ngIf=\"!!inputMask\">\n {{ state | nggvInputMaskFormat: inputMask }}\n </ng-container>\n </ng-container>\n </div>\n</ng-container>\n\n<!-- INPUT WRAPPER -->\n<ng-container *ngIf=\"!locked\">\n <div class=\"gds-input-wrapper\" [class.nggv-field--error]=\"invalid\">\n <div class=\"input-group-prefix hide-if-empty\">\n <ng-content select=\"[slot='prefix']\"></ng-content>\n </div>\n\n <!-- INPUT FIELD -->\n <div class=\"input-group\" *ngIf=\"!inputMask\">\n <input\n #input\n [id]=\"id + '-input'\"\n class=\"sdv-field\"\n [attr.type]=\"type\"\n [attr.name]=\"name\"\n [attr.required]=\"required\"\n [attr.email]=\"email\"\n [attr.aria-describedby]=\"id + '-message'\"\n [min]=\"min\"\n [max]=\"max\"\n [step]=\"step\"\n [attr.maxlength]=\"maxlength\"\n [attr.minlength]=\"minlength\"\n [pattern]=\"pattern\"\n [disabled]=\"disabled\"\n [autocomplete]=\"autocomplete\"\n [autofocus]=\"autofocus\"\n [readOnly]=\"readonly\"\n [attr.role]=\"role\"\n [attr.placeholder]=\"placeholder\"\n [attr.aria-label]=\"description\"\n [value]=\"state\"\n (input)=\"onInput($event)\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n />\n </div>\n\n <!-- INPUT FIELD WITH MASK -->\n <div\n class=\"input-group\"\n *ngIf=\"!!inputMask && (hideInput$ | async) === false\"\n >\n <input\n #input\n [id]=\"id + '-input'\"\n class=\"sdv-field\"\n autocomplete=\"off\"\n [attr.name]=\"name\"\n [attr.required]=\"required\"\n [readOnly]=\"readonly\"\n [attr.role]=\"role\"\n [attr.placeholder]=\"placeholder\"\n [attr.aria-label]=\"description\"\n [attr.aria-describedby]=\"id + '-message'\"\n [nggvInputMask]=\"inputMask\"\n [formControl]=\"control\"\n />\n </div>\n\n <div class=\"input-group-suffix hide-if-empty\">\n <ng-content select=\"[slot='suffix']\"></ng-content>\n <ng-content></ng-content>\n </div>\n </div>\n\n <!-- ERRORS -->\n <div\n class=\"gds-form-item__footer error-wrapper\"\n *transloco=\"let t; read: scope\"\n >\n <span\n class=\"form-info form-info--error\"\n [attr.id]=\"id + '-message'\"\n *ngIf=\"invalid && (error || ngControl?.invalid)\"\n >\n <span *ngIf=\"error; else errorsRef\">{{ error }}</span>\n <ng-template #errorsRef>\n <span *ngIf=\"firstError as error\">\n {{ t('error.field' + error?.code, error?.params) }}\n </span>\n </ng-template>\n </span>\n\n <ng-container *ngIf=\"!inputMask && hasMaxLength && showCharacterCountdown\">\n <span\n *nggvCharacterCountdown=\"\n maxlength;\n currentLength: (inputRef?.nativeElement?.value ?? '').length;\n charactersLeft as charactersLeft\n \"\n class=\"form-info\"\n style=\"text-align: right\"\n >\n {{ charactersLeft }} {{ t('label.maxlength') }}\n </span>\n </ng-container>\n </div>\n</ng-container>\n", styles: [":host.gds-form-item{display:flex;flex-direction:column;max-width:100%;position:relative;width:100%;z-index:0}:host.gds-form-item:not(:last-child){margin-bottom:1.5rem}:host.gds-form-item .gds-form-item__header{display:flex}:host.gds-form-item .gds-form-item__header .form-info{font-weight:400}:host.gds-form-item .gds-form-item__header button.icon.small{margin-top:-.5rem;margin-right:-.5rem}:host.gds-form-item .gds-form-item__labels{flex:1;margin-bottom:.5rem}:host.gds-form-item .gds-form-item__labels .form-info{margin-bottom:0}:host.gds-form-item .gds-form-item__labels .form-info a:link:not(.button,[aria-disabled]){color:#0062bc}:host.gds-form-item .gds-form-item__labels>*{width:100%;display:block}:host.gds-form-item .gds-form-item__expandable-info{overflow:hidden;font-size:.875rem;line-height:1.25rem;transition:height .3s cubic-bezier(.23,1,.32,1)}:host.gds-form-item .gds-form-item__expandable-info>div{padding-bottom:.5rem}:host.gds-form-item .gds-form-item__backdrop{position:absolute;inset:0;background:var(--gds-ref-pallet-base100);border-radius:2px;z-index:-1;margin:-1rem;opacity:0;transition:all .3s cubic-bezier(.23,1,.32,1);border:1px solid transparent}@media (prefers-reduced-motion: reduce){:host.gds-form-item .gds-form-item__backdrop{transition:none}}:host.gds-form-item:has([aria-expanded=true]) .gds-form-item__backdrop{opacity:1;border-radius:.25rem;border-color:var(--gds-ref-pallet-base600)}:host.gds-form-item .gds-form-item__footer:not(:empty){margin-top:.5rem;display:flex;column-gap:1rem}:host.gds-form-item .gds-form-item__footer:not(:empty)>span{font-weight:500}:host .hide-if-empty:empty{display:none}:host input:not([type]),:host input[type=date],:host input[type=datetime],:host input[type=datetime-local],:host input[type=email],:host input[type=month],:host input[type=number],:host input[type=password],:host input[type=search],:host input[type=tel],:host input[type=text],:host input[type=time],:host input[type=url],:host input[type=week]{padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);background-color:var(--sg-form-control-bg);color:var(--sg-text-primary);min-height:2.75rem;display:flex;align-items:center;justify-content:center}:host input:not([type]):focus:not(:focus-visible),:host input[type=date]:focus:not(:focus-visible),:host input[type=datetime]:focus:not(:focus-visible),:host input[type=datetime-local]:focus:not(:focus-visible),:host input[type=email]:focus:not(:focus-visible),:host input[type=month]:focus:not(:focus-visible),:host input[type=number]:focus:not(:focus-visible),:host input[type=password]:focus:not(:focus-visible),:host input[type=search]:focus:not(:focus-visible),:host input[type=tel]:focus:not(:focus-visible),:host input[type=text]:focus:not(:focus-visible),:host input[type=time]:focus:not(:focus-visible),:host input[type=url]:focus:not(:focus-visible),:host input[type=week]:focus:not(:focus-visible){box-shadow:none;outline:0}:host input:not([type]):focus,:host input:not([type]):focus-visible,:host input[type=date]:focus,:host input[type=date]:focus-visible,:host input[type=datetime]:focus,:host input[type=datetime]:focus-visible,:host input[type=datetime-local]:focus,:host input[type=datetime-local]:focus-visible,:host input[type=email]:focus,:host input[type=email]:focus-visible,:host input[type=month]:focus,:host input[type=month]:focus-visible,:host input[type=number]:focus,:host input[type=number]:focus-visible,:host input[type=password]:focus,:host input[type=password]:focus-visible,:host input[type=search]:focus,:host input[type=search]:focus-visible,:host input[type=tel]:focus,:host input[type=tel]:focus-visible,:host input[type=text]:focus,:host input[type=text]:focus-visible,:host input[type=time]:focus,:host input[type=time]:focus-visible,:host input[type=url]:focus,:host input[type=url]:focus-visible,:host input[type=week]:focus,:host input[type=week]:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host input:not([type]).small,:host input[type=date].small,:host input[type=datetime].small,:host input[type=datetime-local].small,:host input[type=email].small,:host input[type=month].small,:host input[type=number].small,:host input[type=password].small,:host input[type=search].small,:host input[type=tel].small,:host input[type=text].small,:host input[type=time].small,:host input[type=url].small,:host input[type=week].small{min-height:2rem;padding:.25rem .75rem;line-height:1rem}@media screen and (-ms-high-contrast: active){:host input:not([type]),:host input[type=date],:host input[type=datetime],:host input[type=datetime-local],:host input[type=email],:host input[type=month],:host input[type=number],:host input[type=password],:host input[type=search],:host input[type=tel],:host input[type=text],:host input[type=time],:host input[type=url],:host input[type=week]{border:2px solid currentcolor}}:host input:not([type]):disabled,:host input:not([type]).disabled,:host input:not([type])[aria-disabled=true],:host input[type=date]:disabled,:host input[type=date].disabled,:host input[type=date][aria-disabled=true],:host input[type=datetime]:disabled,:host input[type=datetime].disabled,:host input[type=datetime][aria-disabled=true],:host input[type=datetime-local]:disabled,:host input[type=datetime-local].disabled,:host input[type=datetime-local][aria-disabled=true],:host input[type=email]:disabled,:host input[type=email].disabled,:host input[type=email][aria-disabled=true],:host input[type=month]:disabled,:host input[type=month].disabled,:host input[type=month][aria-disabled=true],:host input[type=number]:disabled,:host input[type=number].disabled,:host input[type=number][aria-disabled=true],:host input[type=password]:disabled,:host input[type=password].disabled,:host input[type=password][aria-disabled=true],:host input[type=search]:disabled,:host input[type=search].disabled,:host input[type=search][aria-disabled=true],:host input[type=tel]:disabled,:host input[type=tel].disabled,:host input[type=tel][aria-disabled=true],:host input[type=text]:disabled,:host input[type=text].disabled,:host input[type=text][aria-disabled=true],:host input[type=time]:disabled,:host input[type=time].disabled,:host input[type=time][aria-disabled=true],:host input[type=url]:disabled,:host input[type=url].disabled,:host input[type=url][aria-disabled=true],:host input[type=week]:disabled,:host input[type=week].disabled,:host input[type=week][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 input:not([type]):disabled::placeholder,:host input:not([type]).disabled::placeholder,:host input:not([type])[aria-disabled=true]::placeholder,:host input[type=date]:disabled::placeholder,:host input[type=date].disabled::placeholder,:host input[type=date][aria-disabled=true]::placeholder,:host input[type=datetime]:disabled::placeholder,:host input[type=datetime].disabled::placeholder,:host input[type=datetime][aria-disabled=true]::placeholder,:host input[type=datetime-local]:disabled::placeholder,:host input[type=datetime-local].disabled::placeholder,:host input[type=datetime-local][aria-disabled=true]::placeholder,:host input[type=email]:disabled::placeholder,:host input[type=email].disabled::placeholder,:host input[type=email][aria-disabled=true]::placeholder,:host input[type=month]:disabled::placeholder,:host input[type=month].disabled::placeholder,:host input[type=month][aria-disabled=true]::placeholder,:host input[type=number]:disabled::placeholder,:host input[type=number].disabled::placeholder,:host input[type=number][aria-disabled=true]::placeholder,:host input[type=password]:disabled::placeholder,:host input[type=password].disabled::placeholder,:host input[type=password][aria-disabled=true]::placeholder,:host input[type=search]:disabled::placeholder,:host input[type=search].disabled::placeholder,:host input[type=search][aria-disabled=true]::placeholder,:host input[type=tel]:disabled::placeholder,:host input[type=tel].disabled::placeholder,:host input[type=tel][aria-disabled=true]::placeholder,:host input[type=text]:disabled::placeholder,:host input[type=text].disabled::placeholder,:host input[type=text][aria-disabled=true]::placeholder,:host input[type=time]:disabled::placeholder,:host input[type=time].disabled::placeholder,:host input[type=time][aria-disabled=true]::placeholder,:host input[type=url]:disabled::placeholder,:host input[type=url].disabled::placeholder,:host input[type=url][aria-disabled=true]::placeholder,:host input[type=week]:disabled::placeholder,:host input[type=week].disabled::placeholder,:host input[type=week][aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host input:not([type]):hover,:host input[type=date]:hover,:host input[type=datetime]:hover,:host input[type=datetime-local]:hover,:host input[type=email]:hover,:host input[type=month]:hover,:host input[type=number]:hover,:host input[type=password]:hover,:host input[type=search]:hover,:host input[type=tel]:hover,:host input[type=text]:hover,:host input[type=time]:hover,:host input[type=url]:hover,:host input[type=week]:hover{background-color:var(--gds-ref-pallet-base100)}:host input[type=number]{-moz-appearance:textfield}:host input[type=number]::-webkit-outer-spin-button,:host input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host input{width:100%}:host .gds-input-wrapper{display:flex;flex-direction:column;position:relative;transition:all .2s ease-in-out,outline-offset 0s,outline-width 0s}:host .gds-input-wrapper:before{background:transparent;border-radius:0 0 4px 4px;clip-path:inset(4px 0 0 0);content:\"\";display:block;height:4px;position:absolute;transition:.3s ease-in-out;width:100%}:host .gds-input-wrapper:before{bottom:0}.is-invalid :host .gds-input-wrapper{color:var(--intent-danger-background);opacity:1}.is-invalid :host .gds-input-wrapper:before{background:var(--intent-danger-background);clip-path:inset(1px 0 0 0)}:host label:is(label),:host .label:is(label),:host legend:is(label){margin-bottom:0}:host label.form-control,:host .label.form-control,:host legend.form-control{width:-moz-fit-content;width:fit-content}@supports (-moz-appearance: none){:host label.form-control:focus:not(:focus-visible),:host .label.form-control:focus:not(:focus-visible),:host legend.form-control:focus:not(:focus-visible){box-shadow:none;outline:0}:host label.form-control:focus,:host label.form-control:focus-within,:host .label.form-control:focus,:host .label.form-control:focus-within,:host legend.form-control:focus,:host legend.form-control:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}}:host label:not(.form-control),:host .label:not(.form-control),:host legend:not(.form-control){font-weight:500;width:100%;line-height:1.25rem}:host label+input,:host label+textarea,fieldset :host label+div,:host label+button,:host label+.group-stepper,:host label+.stepper-wrapper,:host label+.group,:host .label+input,:host .label+textarea,fieldset :host .label+div,:host .label+button,:host .label+.group-stepper,:host .label+.stepper-wrapper,:host .label+.group,:host legend+input,:host legend+textarea,fieldset :host legend+div,:host legend+button,:host legend+.group-stepper,:host legend+.stepper-wrapper,:host legend+.group{margin-top:.5rem}:host label+.form-info,:host .label+.form-info,:host legend+.form-info{margin-bottom:.5rem}:host .form-info{font-size:.875rem;line-height:1.25rem;width:100%}:host .gds-form-item__footer .form-info{font-weight:500}:host .gds-form-item__footer .form-info--error{color:var(--intent-danger-background, #9f000a)}\n"] }]
|
|
1995
|
-
}], ctorParameters:
|
|
1995
|
+
args: [{ selector: 'nggv-input', template: "<!-- LABEL -->\n<label\n [id]=\"id + '-label'\"\n class=\"sdv-field-label hide-if-empty\"\n [attr.for]=\"id + '-input'\"\n *transloco=\"let t; read: scope\"\n>\n <ng-template\n *ngTemplateOutlet=\"labelContentTpl || basicLabelContentTpl\"\n ></ng-template>\n <ng-template #basicLabelContentTpl>\n <!-- to trigger css:empty if no label was added -->\n <ng-container *ngIf=\"label\">\n {{ label }}\n <span\n *ngIf=\"optional === true || (required !== true && optional !== false)\"\n class=\"sdv-field-label--optional\"\n >\n ({{ t('label.optional') }})\n </span>\n </ng-container>\n </ng-template>\n</label>\n\n<!-- DESCRIPTION -->\n<div class=\"form-info description hide-if-empty\">\n {{ description }}\n</div>\n\n<!-- LOCKED INPUT -->\n<ng-container *ngIf=\"locked\">\n <div\n [id]=\"id + '-input'\"\n class=\"nggv-field--locked\"\n [attr.name]=\"name\"\n [attr.value]=\"state\"\n [attr.role]=\"role\"\n >\n <span *ngIf=\"!state\" class=\"unset-state\">-</span>\n <ng-container *ngIf=\"state\">\n <ng-container *ngIf=\"!inputMask\">\n {{ state }}\n </ng-container>\n <ng-container *ngIf=\"!!inputMask\">\n {{ state | nggvInputMaskFormat: inputMask }}\n </ng-container>\n </ng-container>\n </div>\n</ng-container>\n\n<!-- INPUT WRAPPER -->\n<ng-container *ngIf=\"!locked\">\n <div class=\"gds-input-wrapper\" [class.nggv-field--error]=\"invalid\">\n <div class=\"input-group-prefix hide-if-empty\">\n <ng-content select=\"[slot='prefix']\"></ng-content>\n </div>\n\n <!-- INPUT FIELD -->\n <div class=\"input-group\" *ngIf=\"!inputMask\">\n <input\n #input\n [id]=\"id + '-input'\"\n class=\"sdv-field\"\n [attr.type]=\"type\"\n [attr.name]=\"name\"\n [attr.required]=\"required\"\n [attr.email]=\"email\"\n [attr.aria-describedby]=\"id + '-message'\"\n [min]=\"min\"\n [max]=\"max\"\n [step]=\"step\"\n [attr.maxlength]=\"maxlength\"\n [attr.minlength]=\"minlength\"\n [pattern]=\"pattern\"\n [disabled]=\"disabled\"\n [autocomplete]=\"autocomplete\"\n [autofocus]=\"autofocus\"\n [readOnly]=\"readonly\"\n [attr.role]=\"role\"\n [attr.placeholder]=\"placeholder\"\n [attr.aria-label]=\"description\"\n [value]=\"state\"\n (input)=\"onInput($event)\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n />\n </div>\n\n <!-- INPUT FIELD WITH MASK -->\n <div\n class=\"input-group\"\n *ngIf=\"!!inputMask && (hideInput$ | async) === false\"\n >\n <input\n #input\n [id]=\"id + '-input'\"\n class=\"sdv-field\"\n autocomplete=\"off\"\n [attr.name]=\"name\"\n [attr.required]=\"required\"\n [readOnly]=\"readonly\"\n [attr.role]=\"role\"\n [attr.placeholder]=\"placeholder\"\n [attr.aria-label]=\"description\"\n [attr.aria-describedby]=\"id + '-message'\"\n [nggvInputMask]=\"inputMask\"\n [formControl]=\"control\"\n />\n </div>\n\n <div class=\"input-group-suffix hide-if-empty\">\n <ng-content select=\"[slot='suffix']\"></ng-content>\n <ng-content></ng-content>\n </div>\n </div>\n\n <!-- ERRORS -->\n <div\n class=\"gds-form-item__footer error-wrapper\"\n *transloco=\"let t; read: scope\"\n >\n <span\n class=\"form-info form-info--error\"\n [attr.id]=\"id + '-message'\"\n *ngIf=\"invalid && (error || ngControl?.invalid)\"\n >\n <span *ngIf=\"error; else errorsRef\">{{ error }}</span>\n <ng-template #errorsRef>\n <span *ngIf=\"firstError as error\">\n {{ t('error.field' + error?.code, error?.params) }}\n </span>\n </ng-template>\n </span>\n\n <ng-container *ngIf=\"!inputMask && hasMaxLength && showCharacterCountdown\">\n <span\n *nggvCharacterCountdown=\"\n maxlength;\n currentLength: (inputRef?.nativeElement?.value ?? '').length;\n charactersLeft as charactersLeft\n \"\n class=\"form-info\"\n style=\"text-align: right\"\n >\n {{ charactersLeft }} {{ t('label.maxlength') }}\n </span>\n </ng-container>\n </div>\n</ng-container>\n", styles: [":host.gds-form-item{display:flex;flex-direction:column;max-width:100%;position:relative;width:100%;z-index:0}:host.gds-form-item:not(:last-child){margin-bottom:1.5rem}:host.gds-form-item .gds-form-item__header{display:flex}:host.gds-form-item .gds-form-item__header .form-info{font-weight:400}:host.gds-form-item .gds-form-item__header button.icon.small{margin-top:-.5rem;margin-right:-.5rem}:host.gds-form-item .gds-form-item__labels{flex:1;margin-bottom:.5rem}:host.gds-form-item .gds-form-item__labels .form-info{margin-bottom:0}:host.gds-form-item .gds-form-item__labels .form-info a:link:not(.button,[aria-disabled]){color:#0062bc}:host.gds-form-item .gds-form-item__labels>*{width:100%;display:block}:host.gds-form-item .gds-form-item__expandable-info{overflow:hidden;font-size:.875rem;line-height:1.25rem;transition:height .3s cubic-bezier(.23,1,.32,1)}:host.gds-form-item .gds-form-item__expandable-info>div{padding-bottom:.5rem}:host.gds-form-item .gds-form-item__backdrop{position:absolute;inset:0;background:var(--gds-ref-pallet-base100);border-radius:2px;z-index:-1;margin:-1rem;opacity:0;transition:all .3s cubic-bezier(.23,1,.32,1);border:1px solid transparent}@media (prefers-reduced-motion: reduce){:host.gds-form-item .gds-form-item__backdrop{transition:none}}:host.gds-form-item:has([aria-expanded=true]) .gds-form-item__backdrop{opacity:1;border-radius:.25rem;border-color:var(--gds-ref-pallet-base600)}:host.gds-form-item .gds-form-item__footer:not(:empty){margin-top:.5rem;display:flex;column-gap:1rem}:host.gds-form-item .gds-form-item__footer:not(:empty)>span{font-weight:500}:host .hide-if-empty:empty{display:none}:host input:not([type]),:host input[type=date],:host input[type=datetime],:host input[type=datetime-local],:host input[type=email],:host input[type=month],:host input[type=number],:host input[type=password],:host input[type=search],:host input[type=tel],:host input[type=text],:host input[type=time],:host input[type=url],:host input[type=week]{padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);background-color:var(--sg-form-control-bg);color:var(--sg-text-primary);min-height:2.75rem;display:flex;align-items:center;justify-content:center}:host input:not([type]):focus:not(:focus-visible),:host input[type=date]:focus:not(:focus-visible),:host input[type=datetime]:focus:not(:focus-visible),:host input[type=datetime-local]:focus:not(:focus-visible),:host input[type=email]:focus:not(:focus-visible),:host input[type=month]:focus:not(:focus-visible),:host input[type=number]:focus:not(:focus-visible),:host input[type=password]:focus:not(:focus-visible),:host input[type=search]:focus:not(:focus-visible),:host input[type=tel]:focus:not(:focus-visible),:host input[type=text]:focus:not(:focus-visible),:host input[type=time]:focus:not(:focus-visible),:host input[type=url]:focus:not(:focus-visible),:host input[type=week]:focus:not(:focus-visible){box-shadow:none;outline:0}:host input:not([type]):focus,:host input:not([type]):focus-visible,:host input[type=date]:focus,:host input[type=date]:focus-visible,:host input[type=datetime]:focus,:host input[type=datetime]:focus-visible,:host input[type=datetime-local]:focus,:host input[type=datetime-local]:focus-visible,:host input[type=email]:focus,:host input[type=email]:focus-visible,:host input[type=month]:focus,:host input[type=month]:focus-visible,:host input[type=number]:focus,:host input[type=number]:focus-visible,:host input[type=password]:focus,:host input[type=password]:focus-visible,:host input[type=search]:focus,:host input[type=search]:focus-visible,:host input[type=tel]:focus,:host input[type=tel]:focus-visible,:host input[type=text]:focus,:host input[type=text]:focus-visible,:host input[type=time]:focus,:host input[type=time]:focus-visible,:host input[type=url]:focus,:host input[type=url]:focus-visible,:host input[type=week]:focus,:host input[type=week]:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host input:not([type]).small,:host input[type=date].small,:host input[type=datetime].small,:host input[type=datetime-local].small,:host input[type=email].small,:host input[type=month].small,:host input[type=number].small,:host input[type=password].small,:host input[type=search].small,:host input[type=tel].small,:host input[type=text].small,:host input[type=time].small,:host input[type=url].small,:host input[type=week].small{min-height:2rem;padding:.25rem .75rem;line-height:1rem}@media screen and (-ms-high-contrast: active){:host input:not([type]),:host input[type=date],:host input[type=datetime],:host input[type=datetime-local],:host input[type=email],:host input[type=month],:host input[type=number],:host input[type=password],:host input[type=search],:host input[type=tel],:host input[type=text],:host input[type=time],:host input[type=url],:host input[type=week]{border:2px solid currentcolor}}:host input:not([type]):disabled,:host input:not([type]).disabled,:host input:not([type])[aria-disabled=true],:host input[type=date]:disabled,:host input[type=date].disabled,:host input[type=date][aria-disabled=true],:host input[type=datetime]:disabled,:host input[type=datetime].disabled,:host input[type=datetime][aria-disabled=true],:host input[type=datetime-local]:disabled,:host input[type=datetime-local].disabled,:host input[type=datetime-local][aria-disabled=true],:host input[type=email]:disabled,:host input[type=email].disabled,:host input[type=email][aria-disabled=true],:host input[type=month]:disabled,:host input[type=month].disabled,:host input[type=month][aria-disabled=true],:host input[type=number]:disabled,:host input[type=number].disabled,:host input[type=number][aria-disabled=true],:host input[type=password]:disabled,:host input[type=password].disabled,:host input[type=password][aria-disabled=true],:host input[type=search]:disabled,:host input[type=search].disabled,:host input[type=search][aria-disabled=true],:host input[type=tel]:disabled,:host input[type=tel].disabled,:host input[type=tel][aria-disabled=true],:host input[type=text]:disabled,:host input[type=text].disabled,:host input[type=text][aria-disabled=true],:host input[type=time]:disabled,:host input[type=time].disabled,:host input[type=time][aria-disabled=true],:host input[type=url]:disabled,:host input[type=url].disabled,:host input[type=url][aria-disabled=true],:host input[type=week]:disabled,:host input[type=week].disabled,:host input[type=week][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 input:not([type]):disabled::placeholder,:host input:not([type]).disabled::placeholder,:host input:not([type])[aria-disabled=true]::placeholder,:host input[type=date]:disabled::placeholder,:host input[type=date].disabled::placeholder,:host input[type=date][aria-disabled=true]::placeholder,:host input[type=datetime]:disabled::placeholder,:host input[type=datetime].disabled::placeholder,:host input[type=datetime][aria-disabled=true]::placeholder,:host input[type=datetime-local]:disabled::placeholder,:host input[type=datetime-local].disabled::placeholder,:host input[type=datetime-local][aria-disabled=true]::placeholder,:host input[type=email]:disabled::placeholder,:host input[type=email].disabled::placeholder,:host input[type=email][aria-disabled=true]::placeholder,:host input[type=month]:disabled::placeholder,:host input[type=month].disabled::placeholder,:host input[type=month][aria-disabled=true]::placeholder,:host input[type=number]:disabled::placeholder,:host input[type=number].disabled::placeholder,:host input[type=number][aria-disabled=true]::placeholder,:host input[type=password]:disabled::placeholder,:host input[type=password].disabled::placeholder,:host input[type=password][aria-disabled=true]::placeholder,:host input[type=search]:disabled::placeholder,:host input[type=search].disabled::placeholder,:host input[type=search][aria-disabled=true]::placeholder,:host input[type=tel]:disabled::placeholder,:host input[type=tel].disabled::placeholder,:host input[type=tel][aria-disabled=true]::placeholder,:host input[type=text]:disabled::placeholder,:host input[type=text].disabled::placeholder,:host input[type=text][aria-disabled=true]::placeholder,:host input[type=time]:disabled::placeholder,:host input[type=time].disabled::placeholder,:host input[type=time][aria-disabled=true]::placeholder,:host input[type=url]:disabled::placeholder,:host input[type=url].disabled::placeholder,:host input[type=url][aria-disabled=true]::placeholder,:host input[type=week]:disabled::placeholder,:host input[type=week].disabled::placeholder,:host input[type=week][aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host input:not([type]):hover,:host input[type=date]:hover,:host input[type=datetime]:hover,:host input[type=datetime-local]:hover,:host input[type=email]:hover,:host input[type=month]:hover,:host input[type=number]:hover,:host input[type=password]:hover,:host input[type=search]:hover,:host input[type=tel]:hover,:host input[type=text]:hover,:host input[type=time]:hover,:host input[type=url]:hover,:host input[type=week]:hover{background-color:var(--gds-ref-pallet-base100)}:host input[type=number]{-moz-appearance:textfield}:host input[type=number]::-webkit-outer-spin-button,:host input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host input{width:100%}:host .gds-input-wrapper{display:flex;flex-direction:column;position:relative;transition:all .2s ease-in-out,outline-offset 0s,outline-width 0s}:host .gds-input-wrapper:before{background:transparent;border-radius:0 0 4px 4px;clip-path:inset(4px 0 0 0);content:\"\";display:block;height:4px;position:absolute;transition:.3s ease-in-out;width:100%}:host .gds-input-wrapper:before{bottom:0}.is-invalid :host .gds-input-wrapper{color:var(--intent-danger-background);opacity:1}.is-invalid :host .gds-input-wrapper:before{background:var(--intent-danger-background);clip-path:inset(1px 0 0 0)}:host label:is(label),:host .label:is(label),:host legend:is(label){margin-bottom:0}:host label.form-control,:host .label.form-control,:host legend.form-control{width:fit-content}@supports (-moz-appearance: none){:host label.form-control:focus:not(:focus-visible),:host .label.form-control:focus:not(:focus-visible),:host legend.form-control:focus:not(:focus-visible){box-shadow:none;outline:0}:host label.form-control:focus,:host label.form-control:focus-within,:host .label.form-control:focus,:host .label.form-control:focus-within,:host legend.form-control:focus,:host legend.form-control:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}}:host label:not(.form-control),:host .label:not(.form-control),:host legend:not(.form-control){font-weight:500;width:100%;line-height:1.25rem}:host label+input,:host label+textarea,fieldset :host label+div,:host label+button,:host label+.group-stepper,:host label+.stepper-wrapper,:host label+.group,:host .label+input,:host .label+textarea,fieldset :host .label+div,:host .label+button,:host .label+.group-stepper,:host .label+.stepper-wrapper,:host .label+.group,:host legend+input,:host legend+textarea,fieldset :host legend+div,:host legend+button,:host legend+.group-stepper,:host legend+.stepper-wrapper,:host legend+.group{margin-top:.5rem}:host label+.form-info,:host .label+.form-info,:host legend+.form-info{margin-bottom:.5rem}:host .form-info{font-size:.875rem;line-height:1.25rem;width:100%}:host .gds-form-item__footer .form-info{font-weight:500}:host .gds-form-item__footer .form-info--error{color:var(--intent-danger-background, #9f000a)}\n"] }]
|
|
1996
|
+
}], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
|
|
1996
1997
|
type: Self
|
|
1997
1998
|
}, {
|
|
1998
1999
|
type: Optional
|
|
@@ -2001,7 +2002,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2001
2002
|
}, {
|
|
2002
2003
|
type: Inject,
|
|
2003
2004
|
args: [TRANSLOCO_SCOPE]
|
|
2004
|
-
}] }, { type: i0.ChangeDetectorRef }]
|
|
2005
|
+
}] }, { type: i0.ChangeDetectorRef }], propDecorators: { class: [{
|
|
2005
2006
|
type: HostBinding,
|
|
2006
2007
|
args: ['class']
|
|
2007
2008
|
}], thook: [{
|
|
@@ -2048,19 +2049,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2048
2049
|
}] } });
|
|
2049
2050
|
|
|
2050
2051
|
class NgvInputModule {
|
|
2051
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2052
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2052
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2053
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: NgvInputModule, declarations: [NgvInputComponent], imports: [CommonModule,
|
|
2053
2054
|
NgvI18nModule$1,
|
|
2054
2055
|
NgvInputMaskModule$1,
|
|
2055
2056
|
ReactiveFormsModule,
|
|
2056
2057
|
NggCharacterCountdownDirectiveModule$1], exports: [NgvInputComponent] }); }
|
|
2057
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2058
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvInputModule, imports: [CommonModule,
|
|
2058
2059
|
NgvI18nModule$1,
|
|
2059
2060
|
NgvInputMaskModule$1,
|
|
2060
2061
|
ReactiveFormsModule,
|
|
2061
2062
|
NggCharacterCountdownDirectiveModule$1] }); }
|
|
2062
2063
|
}
|
|
2063
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2064
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvInputModule, decorators: [{
|
|
2064
2065
|
type: NgModule,
|
|
2065
2066
|
args: [{
|
|
2066
2067
|
declarations: [NgvInputComponent],
|
|
@@ -2083,10 +2084,10 @@ class InputMaskFormatPipe {
|
|
|
2083
2084
|
return value;
|
|
2084
2085
|
return InputmaskStatic.format(value, options);
|
|
2085
2086
|
}
|
|
2086
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2087
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
2087
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputMaskFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
2088
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: InputMaskFormatPipe, name: "nggvInputMaskFormat" }); }
|
|
2088
2089
|
}
|
|
2089
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2090
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputMaskFormatPipe, decorators: [{
|
|
2090
2091
|
type: Pipe,
|
|
2091
2092
|
args: [{
|
|
2092
2093
|
name: 'nggvInputMaskFormat',
|
|
@@ -2227,15 +2228,15 @@ class NgvInputMaskDirective {
|
|
|
2227
2228
|
}
|
|
2228
2229
|
}
|
|
2229
2230
|
}
|
|
2230
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2231
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2231
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvInputMaskDirective, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: INPUT_MASK_CONFIG }, { token: PLATFORM_ID }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2232
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: NgvInputMaskDirective, selector: "[nggvInputMask]", inputs: { nggvInputMask: "nggvInputMask" }, host: { listeners: { "input": "onInput($event.target.value)", "blur": "onTouched($event.target.value)", "keyup": "onKeyUp($event)" } }, ngImport: i0 }); }
|
|
2232
2233
|
}
|
|
2233
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2234
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvInputMaskDirective, decorators: [{
|
|
2234
2235
|
type: Directive,
|
|
2235
2236
|
args: [{
|
|
2236
2237
|
selector: '[nggvInputMask]',
|
|
2237
2238
|
}]
|
|
2238
|
-
}], ctorParameters:
|
|
2239
|
+
}], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
|
|
2239
2240
|
type: Optional
|
|
2240
2241
|
}, {
|
|
2241
2242
|
type: Self
|
|
@@ -2245,7 +2246,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2245
2246
|
}] }, { type: undefined, decorators: [{
|
|
2246
2247
|
type: Inject,
|
|
2247
2248
|
args: [PLATFORM_ID]
|
|
2248
|
-
}] }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }]
|
|
2249
|
+
}] }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }], propDecorators: { nggvInputMask: [{
|
|
2249
2250
|
type: Input
|
|
2250
2251
|
}], onInput: [{
|
|
2251
2252
|
type: HostListener,
|
|
@@ -2265,16 +2266,16 @@ class NgvInputMaskModule {
|
|
|
2265
2266
|
providers: [{ provide: INPUT_MASK_CONFIG, useValue: config }],
|
|
2266
2267
|
};
|
|
2267
2268
|
}
|
|
2268
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2269
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2270
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2269
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvInputMaskModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2270
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: NgvInputMaskModule, declarations: [NgvInputMaskDirective, InputMaskFormatPipe], exports: [NgvInputMaskDirective, InputMaskFormatPipe] }); }
|
|
2271
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvInputMaskModule, providers: [
|
|
2271
2272
|
{
|
|
2272
2273
|
provide: INPUT_MASK_CONFIG,
|
|
2273
2274
|
useClass: InputMaskConfig,
|
|
2274
2275
|
},
|
|
2275
2276
|
] }); }
|
|
2276
2277
|
}
|
|
2277
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2278
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvInputMaskModule, decorators: [{
|
|
2278
2279
|
type: NgModule,
|
|
2279
2280
|
args: [{
|
|
2280
2281
|
declarations: [NgvInputMaskDirective, InputMaskFormatPipe],
|
|
@@ -2432,12 +2433,12 @@ class NgvDialogComponent {
|
|
|
2432
2433
|
}
|
|
2433
2434
|
}
|
|
2434
2435
|
}
|
|
2435
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2436
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.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=\"sdv-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=\"sdv-modal-dialog__body\" [attr.id]=\"dialogBodyId\">\n <div [innerHtml]=\"content\"></div>\n <ng-content></ng-content>\n </section>\n <footer class=\"sdv-modal-dialog__actions\">\n <button\n class=\"sdv-button sdv-button-delete\"\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=\"sdv-button sdv-button-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=\"sdv-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 class=\"sdv-modal-backdrop\"></div>\n", styles: [":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 .sdv-modal-dialog__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 .sdv-modal-dialog__heading h3,:host .sdv-modal-dialog__heading .h3{margin-bottom:0;margin-top:0}:host .sdv-modal-dialog__heading h3+.close,:host .sdv-modal-dialog__heading .h3+.close{margin:-7px;min-width:2rem}:host .sdv-modal-dialog__heading button{display:grid;place-content:center}:host .sdv-modal-dialog__body{padding:1rem;overflow:auto;width:100%}:host .sdv-modal-dialog__body p{margin-bottom:0;margin-top:0}: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: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
2436
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2437
|
+
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: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "directive", type: i3$3.NggCoreElementDirective, selector: "[nggCoreElement]" }] }); }
|
|
2437
2438
|
}
|
|
2438
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2439
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvDialogComponent, decorators: [{
|
|
2439
2440
|
type: Component,
|
|
2440
|
-
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=\"sdv-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=\"sdv-modal-dialog__body\" [attr.id]=\"dialogBodyId\">\n <div [innerHtml]=\"content\"></div>\n <ng-content></ng-content>\n </section>\n <footer class=\"sdv-modal-dialog__actions\">\n <button\n class=\"sdv-button sdv-button-delete\"\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=\"sdv-button sdv-button-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=\"sdv-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 class=\"sdv-modal-backdrop\"></div>\n", styles: [":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 .sdv-modal-dialog__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 .sdv-modal-dialog__heading h3,:host .sdv-modal-dialog__heading .h3{margin-bottom:0;margin-top:0}:host .sdv-modal-dialog__heading h3+.close,:host .sdv-modal-dialog__heading .h3+.close{margin:-7px;min-width:2rem}:host .sdv-modal-dialog__heading button{display:grid;place-content:center}:host .sdv-modal-dialog__body{padding:1rem;overflow:auto;width:100%}:host .sdv-modal-dialog__body p{margin-bottom:0;margin-top:0}: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"] }]
|
|
2441
|
+
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"] }]
|
|
2441
2442
|
}], propDecorators: { dialogRef: [{
|
|
2442
2443
|
type: ViewChild,
|
|
2443
2444
|
args: ['dialog']
|
|
@@ -2529,13 +2530,13 @@ class NgvFoldOutComponent {
|
|
|
2529
2530
|
},
|
|
2530
2531
|
});
|
|
2531
2532
|
}
|
|
2532
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2533
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.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 class=\"sdv-field-dropdown\">\n <button\n data-thook=\"fold-out-toggle\"\n class=\"sdv-button 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:-moz-fit-content;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}:host ::ng-deep .sdv-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 .sdv-field-dropdown__options__label:active{background-color:var(--grey-400)}:host ::ng-deep .sdv-field-dropdown__options__label:focus{outline-color:#000;outline-offset:-.25rem}:host ::ng-deep .sdv-field-dropdown__options__label.active.sg-highlighted,:host ::ng-deep .sdv-field-dropdown__options__label[aria-selected=true]{background:var(--grey-1000);color:#fff}:host ::ng-deep .sdv-field-dropdown__options__label:hover,:host ::ng-deep .sdv-field-dropdown__options__label:focus-visible{background-color:var(--grey-400)}:host ::ng-deep .sdv-field-dropdown__options__label:active{background-color:var(--grey-500)}:host ::ng-deep .sdv-field-dropdown__options__label:focus-visible{outline-color:#000;outline-offset:-.25rem}:host ::ng-deep .sdv-field-dropdown__options__label[aria-hidden=true]{display:none}:host ::ng-deep .sdv-field-dropdown__options__label[highlighted]{background:var(--grey-1000);color:#fff}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
2533
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvFoldOutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2534
|
+
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: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$3.NggCoreElementDirective, selector: "[nggCoreElement]" }] }); }
|
|
2534
2535
|
}
|
|
2535
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2536
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvFoldOutComponent, decorators: [{
|
|
2536
2537
|
type: Component,
|
|
2537
|
-
args: [{ selector: 'nggv-fold-out', template: "<div #foldout class=\"sdv-field-dropdown\">\n <button\n data-thook=\"fold-out-toggle\"\n class=\"sdv-button 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:-moz-fit-content;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}:host ::ng-deep .sdv-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 .sdv-field-dropdown__options__label:active{background-color:var(--grey-400)}:host ::ng-deep .sdv-field-dropdown__options__label:focus{outline-color:#000;outline-offset:-.25rem}:host ::ng-deep .sdv-field-dropdown__options__label.active.sg-highlighted,:host ::ng-deep .sdv-field-dropdown__options__label[aria-selected=true]{background:var(--grey-1000);color:#fff}:host ::ng-deep .sdv-field-dropdown__options__label:hover,:host ::ng-deep .sdv-field-dropdown__options__label:focus-visible{background-color:var(--grey-400)}:host ::ng-deep .sdv-field-dropdown__options__label:active{background-color:var(--grey-500)}:host ::ng-deep .sdv-field-dropdown__options__label:focus-visible{outline-color:#000;outline-offset:-.25rem}:host ::ng-deep .sdv-field-dropdown__options__label[aria-hidden=true]{display:none}:host ::ng-deep .sdv-field-dropdown__options__label[highlighted]{background:var(--grey-1000);color:#fff}\n"] }]
|
|
2538
|
-
}], ctorParameters:
|
|
2538
|
+
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"] }]
|
|
2539
|
+
}], ctorParameters: () => [], propDecorators: { thook: [{
|
|
2539
2540
|
type: HostBinding,
|
|
2540
2541
|
args: ['attr.data-thook']
|
|
2541
2542
|
}, {
|
|
@@ -2551,17 +2552,17 @@ class NgvFoldOutOptionDirective {
|
|
|
2551
2552
|
constructor() {
|
|
2552
2553
|
this.baseClass = true;
|
|
2553
2554
|
}
|
|
2554
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2555
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2555
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvFoldOutOptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2556
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: NgvFoldOutOptionDirective, selector: "[nggvOption]", host: { properties: { "class.nggv-field-dropdown__options__label": "this.baseClass" } }, ngImport: i0 }); }
|
|
2556
2557
|
}
|
|
2557
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2558
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvFoldOutOptionDirective, decorators: [{
|
|
2558
2559
|
type: Directive,
|
|
2559
2560
|
args: [{
|
|
2560
2561
|
selector: '[nggvOption]',
|
|
2561
2562
|
}]
|
|
2562
2563
|
}], propDecorators: { baseClass: [{
|
|
2563
2564
|
type: HostBinding,
|
|
2564
|
-
args: ['class.
|
|
2565
|
+
args: ['class.nggv-field-dropdown__options__label']
|
|
2565
2566
|
}] } });
|
|
2566
2567
|
|
|
2567
2568
|
/** Modal slide-out component based on vanilla pattern library design.
|
|
@@ -2693,8 +2694,8 @@ class NgvSlideOutComponent {
|
|
|
2693
2694
|
this.lastFocusable.focus();
|
|
2694
2695
|
});
|
|
2695
2696
|
}
|
|
2696
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2697
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.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=\"sdv-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=\"sdv-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: [":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 #sdv-modal-body{flex:1}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
|
|
2697
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvSlideOutComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2698
|
+
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: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }], animations: [
|
|
2698
2699
|
trigger('modalAnimation', [
|
|
2699
2700
|
transition(':enter', [
|
|
2700
2701
|
query('.gds-slide-out', style({ transform: 'translateX(100%)' }), {
|
|
@@ -2720,7 +2721,7 @@ class NgvSlideOutComponent {
|
|
|
2720
2721
|
]),
|
|
2721
2722
|
] }); }
|
|
2722
2723
|
}
|
|
2723
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2724
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvSlideOutComponent, decorators: [{
|
|
2724
2725
|
type: Component,
|
|
2725
2726
|
args: [{ selector: 'nggv-slideout-modal', animations: [
|
|
2726
2727
|
trigger('modalAnimation', [
|
|
@@ -2746,8 +2747,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2746
2747
|
]),
|
|
2747
2748
|
]),
|
|
2748
2749
|
]),
|
|
2749
|
-
], 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=\"sdv-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=\"sdv-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: [":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 #sdv-modal-body{flex:1}\n"] }]
|
|
2750
|
-
}], ctorParameters:
|
|
2750
|
+
], 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"] }]
|
|
2751
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { slideOutRef: [{
|
|
2751
2752
|
type: ViewChild,
|
|
2752
2753
|
args: ['slideOut']
|
|
2753
2754
|
}], side: [{
|
|
@@ -2790,20 +2791,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2790
2791
|
}] } });
|
|
2791
2792
|
|
|
2792
2793
|
class NgvModalModule {
|
|
2793
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2794
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2794
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2795
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: NgvModalModule, declarations: [NgvDialogComponent,
|
|
2795
2796
|
NgvSlideOutComponent,
|
|
2796
2797
|
NgvFoldOutComponent,
|
|
2797
|
-
NgvFoldOutOptionDirective], imports: [CommonModule, NgvButtonModule$1], exports: [NgvDialogComponent,
|
|
2798
|
+
NgvFoldOutOptionDirective], imports: [CommonModule, NgvButtonModule$1, NgvI18nModule$1, NggCoreWrapperModule], exports: [NgvDialogComponent,
|
|
2798
2799
|
NgvSlideOutComponent,
|
|
2799
2800
|
NgvFoldOutComponent,
|
|
2800
2801
|
NgvFoldOutOptionDirective] }); }
|
|
2801
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2802
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvModalModule, imports: [CommonModule, NgvButtonModule$1, NgvI18nModule$1, NggCoreWrapperModule] }); }
|
|
2802
2803
|
}
|
|
2803
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2804
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvModalModule, decorators: [{
|
|
2804
2805
|
type: NgModule,
|
|
2805
2806
|
args: [{
|
|
2806
|
-
imports: [CommonModule, NgvButtonModule$1],
|
|
2807
|
+
imports: [CommonModule, NgvButtonModule$1, NgvI18nModule$1, NggCoreWrapperModule],
|
|
2807
2808
|
declarations: [
|
|
2808
2809
|
NgvDialogComponent,
|
|
2809
2810
|
NgvSlideOutComponent,
|
|
@@ -2851,10 +2852,10 @@ class NgvRadioControlRegistry {
|
|
|
2851
2852
|
controlPair[0]._parent === radio.ngControl._parent &&
|
|
2852
2853
|
controlPair[1].name === radio.name);
|
|
2853
2854
|
}
|
|
2854
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2855
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
2855
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvRadioControlRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2856
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvRadioControlRegistry }); }
|
|
2856
2857
|
}
|
|
2857
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2858
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvRadioControlRegistry, decorators: [{
|
|
2858
2859
|
type: Injectable
|
|
2859
2860
|
}] });
|
|
2860
2861
|
/**
|
|
@@ -2918,13 +2919,13 @@ class NgvRadioComponent extends NgvBaseControlValueAccessorComponent$1 {
|
|
|
2918
2919
|
if (!this.name && this.formControlName)
|
|
2919
2920
|
this.name = this.formControlName;
|
|
2920
2921
|
}
|
|
2921
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2922
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2922
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvRadioComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: TRANSLOCO_SCOPE, optional: true }, { token: NgvRadioControlRegistry }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2923
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NgvRadioComponent, selector: "nggv-radio", inputs: { thook: "thook", formControlName: "formControlName" }, host: { properties: { "attr.data-thook": "this.thook" } }, providers: [NgvRadioControlRegistry], usesInheritance: true, ngImport: i0, template: "<!-- LOCKED INPUT -->\n<div *ngIf=\"locked && state\">\n <div\n [id]=\"id + '-radio'\"\n class=\"nggv-field--locked\"\n [attr.name]=\"name\"\n [attr.value]=\"value\"\n >\n {{ label }}\n <ng-template\n *ngTemplateOutlet=\"labelContentTpl ?? null; context: { $implicit: value }\"\n ></ng-template>\n </div>\n</div>\n\n<!-- INPUT WRAPPER -->\n<ng-container *ngIf=\"!locked\">\n <div>\n <!-- RADIO BUTTON FIELD -->\n <label [attr.for]=\"id + '-radio'\" class=\"form-control\">\n <input\n #input\n type=\"radio\"\n [attr.id]=\"id + '-radio'\"\n [attr.name]=\"name\"\n [attr.value]=\"value\"\n [attr.required]=\"required\"\n [disabled]=\"disabled\"\n [autofocus]=\"autofocus\"\n [attr.aria-label]=\"description\"\n [checked]=\"state\"\n (click)=\"$event.stopPropagation()\"\n (change)=\"onInputChange($event)\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n />\n\n <!-- LABEL -->\n {{ label }}\n <ng-template\n *ngTemplateOutlet=\"\n labelContentTpl ?? null;\n context: { $implicit: value }\n \"\n ></ng-template>\n <i></i>\n </label>\n </div>\n\n <!-- ERRORS -->\n <ng-container *transloco=\"let t; read: scope\">\n <label\n class=\"sdv-field-notice sdv-field-notice--error\"\n [attr.for]=\"id + '-radio'\"\n *ngIf=\"invalid && (error || ngControl?.invalid)\"\n >\n <span *ngIf=\"error; else errorsRef\">{{ error }}</span>\n <ng-template #errorsRef>\n <span *ngIf=\"firstError as error\">\n {{ t('error.field' + error?.code, error?.params) }}\n </span>\n </ng-template>\n </label>\n </ng-container>\n\n <!-- CHILDREN -->\n <ng-content></ng-content>\n</ng-container>\n", styles: [":host .nggv-field--locked{display:inline-block;border-radius:.25em;position:relative;min-height:2em;padding:.5em .75em .5em 0}:host .form-control{padding:.75rem 1rem;border:1px solid transparent;border-radius:var(--gds-sys-shape-corner-medium);align-items:center;cursor:pointer;display:flex;flex-direction:row-reverse;font:inherit;justify-content:flex-end;position:relative;user-select:none;-webkit-user-select:none}:host .form-control:has(input:disabled){cursor:not-allowed}:host label.form-control input[type=radio]{cursor:pointer;height:0;opacity:0;position:absolute;width:0;z-index:-1}:host label.form-control:has(input[type=radio]:focus-visible):focus:not(:focus-visible){box-shadow:none;outline:0}:host label.form-control:has(input[type=radio]:focus-visible):focus,:host label.form-control:has(input[type=radio]:focus-visible):focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host label.form-control input[type=radio]~i{margin-right:.75rem;margin-top:.0625rem;flex-shrink:0;position:relative;border-radius:var(--gds-comp-radio-border-radius);display:flex;height:var(--gds-comp-radio-container-height);width:var(--gds-comp-radio-container-width);box-shadow:inset 0 0 0 .05rem var(--gds-comp-radio-border)}:host label.form-control input[type=radio]~i:after{content:\"\";width:100%;height:100%;border-radius:var(--gds-comp-radio-border-radius);background-color:var(--gds-comp-radio-dot);transform:scale(.5)}:host label.form-control:hover input[type=radio]:not(.disabled,:disabled)~i{box-shadow:inset 0 0 0 .05rem var(--gds-comp-radio-border-hover)}:host label.form-control:hover input[type=radio]:not(.disabled,:disabled)~i:after{background-color:var(--gds-comp-radio-dot-hover)}:host label.form-control input[type=radio]:checked:not(.disabled,:disabled)~i{box-shadow:inset 0 0 0 .05rem var(--gds-comp-radio-border-checked)}:host label.form-control input[type=radio]:checked:not(.disabled,:disabled)~i:after{background-color:var(--gds-comp-radio-dot-checked)}:host label.form-control:hover input[type=radio]:checked:not(.disabled,:disabled)~i{box-shadow:inset 0 0 0 .05rem var(--gds-comp-radio-border-checked-hover)}:host label.form-control:hover input[type=radio]:checked:not(.disabled,:disabled)~i:after{background-color:var(--gds-comp-radio-dot-checked-hover)}:host .was-validated label.form-control input[type=radio]:not(.is-invalid):valid~i,:host label.form-control input[type=radio].is-valid~i{--border-color: var(--intent-success-background);--sg-border-color: var(--intent-success-background)}:host .was-validated label.form-control input[type=radio]:not(.is-valid):invalid~i,:host label.form-control input[type=radio].is-invalid~i{--border-color: var(--intent-danger-background);--sg-border-color: var(--intent-danger-background)}:host label.form-control input[type=radio]:disabled~i,:host label.form-control input[type=radio].disabled~i{background-color:var(--gds-comp-radio-container-background-disabled);box-shadow:inset 0 0 0 .05rem var(--gds-comp-radio-border-disabled)}:host label.form-control input[type=radio]:disabled~span,:host label.form-control input[type=radio].disabled~span{color:var(--text-disabled-color)!important;cursor:not-allowed}:host label.form-control input[type=radio]:disabled~span::placeholder,:host label.form-control input[type=radio].disabled~span::placeholder{color:var(--text-disabled-color)}:host label.form-control input[type=radio]:disabled:checked~i:after,:host label.form-control input[type=radio]:checked.disabled~i:after{background-color:var(--gds-comp-radio-dot-disabled)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3$1.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }] }); }
|
|
2923
2924
|
}
|
|
2924
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2925
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvRadioComponent, decorators: [{
|
|
2925
2926
|
type: Component,
|
|
2926
|
-
args: [{ selector: 'nggv-radio', providers: [NgvRadioControlRegistry], template: "<!-- LOCKED INPUT -->\n<div *ngIf=\"locked && state\"
|
|
2927
|
-
}], ctorParameters:
|
|
2927
|
+
args: [{ selector: 'nggv-radio', providers: [NgvRadioControlRegistry], template: "<!-- LOCKED INPUT -->\n<div *ngIf=\"locked && state\">\n <div\n [id]=\"id + '-radio'\"\n class=\"nggv-field--locked\"\n [attr.name]=\"name\"\n [attr.value]=\"value\"\n >\n {{ label }}\n <ng-template\n *ngTemplateOutlet=\"labelContentTpl ?? null; context: { $implicit: value }\"\n ></ng-template>\n </div>\n</div>\n\n<!-- INPUT WRAPPER -->\n<ng-container *ngIf=\"!locked\">\n <div>\n <!-- RADIO BUTTON FIELD -->\n <label [attr.for]=\"id + '-radio'\" class=\"form-control\">\n <input\n #input\n type=\"radio\"\n [attr.id]=\"id + '-radio'\"\n [attr.name]=\"name\"\n [attr.value]=\"value\"\n [attr.required]=\"required\"\n [disabled]=\"disabled\"\n [autofocus]=\"autofocus\"\n [attr.aria-label]=\"description\"\n [checked]=\"state\"\n (click)=\"$event.stopPropagation()\"\n (change)=\"onInputChange($event)\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n />\n\n <!-- LABEL -->\n {{ label }}\n <ng-template\n *ngTemplateOutlet=\"\n labelContentTpl ?? null;\n context: { $implicit: value }\n \"\n ></ng-template>\n <i></i>\n </label>\n </div>\n\n <!-- ERRORS -->\n <ng-container *transloco=\"let t; read: scope\">\n <label\n class=\"sdv-field-notice sdv-field-notice--error\"\n [attr.for]=\"id + '-radio'\"\n *ngIf=\"invalid && (error || ngControl?.invalid)\"\n >\n <span *ngIf=\"error; else errorsRef\">{{ error }}</span>\n <ng-template #errorsRef>\n <span *ngIf=\"firstError as error\">\n {{ t('error.field' + error?.code, error?.params) }}\n </span>\n </ng-template>\n </label>\n </ng-container>\n\n <!-- CHILDREN -->\n <ng-content></ng-content>\n</ng-container>\n", styles: [":host .nggv-field--locked{display:inline-block;border-radius:.25em;position:relative;min-height:2em;padding:.5em .75em .5em 0}:host .form-control{padding:.75rem 1rem;border:1px solid transparent;border-radius:var(--gds-sys-shape-corner-medium);align-items:center;cursor:pointer;display:flex;flex-direction:row-reverse;font:inherit;justify-content:flex-end;position:relative;user-select:none;-webkit-user-select:none}:host .form-control:has(input:disabled){cursor:not-allowed}:host label.form-control input[type=radio]{cursor:pointer;height:0;opacity:0;position:absolute;width:0;z-index:-1}:host label.form-control:has(input[type=radio]:focus-visible):focus:not(:focus-visible){box-shadow:none;outline:0}:host label.form-control:has(input[type=radio]:focus-visible):focus,:host label.form-control:has(input[type=radio]:focus-visible):focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host label.form-control input[type=radio]~i{margin-right:.75rem;margin-top:.0625rem;flex-shrink:0;position:relative;border-radius:var(--gds-comp-radio-border-radius);display:flex;height:var(--gds-comp-radio-container-height);width:var(--gds-comp-radio-container-width);box-shadow:inset 0 0 0 .05rem var(--gds-comp-radio-border)}:host label.form-control input[type=radio]~i:after{content:\"\";width:100%;height:100%;border-radius:var(--gds-comp-radio-border-radius);background-color:var(--gds-comp-radio-dot);transform:scale(.5)}:host label.form-control:hover input[type=radio]:not(.disabled,:disabled)~i{box-shadow:inset 0 0 0 .05rem var(--gds-comp-radio-border-hover)}:host label.form-control:hover input[type=radio]:not(.disabled,:disabled)~i:after{background-color:var(--gds-comp-radio-dot-hover)}:host label.form-control input[type=radio]:checked:not(.disabled,:disabled)~i{box-shadow:inset 0 0 0 .05rem var(--gds-comp-radio-border-checked)}:host label.form-control input[type=radio]:checked:not(.disabled,:disabled)~i:after{background-color:var(--gds-comp-radio-dot-checked)}:host label.form-control:hover input[type=radio]:checked:not(.disabled,:disabled)~i{box-shadow:inset 0 0 0 .05rem var(--gds-comp-radio-border-checked-hover)}:host label.form-control:hover input[type=radio]:checked:not(.disabled,:disabled)~i:after{background-color:var(--gds-comp-radio-dot-checked-hover)}:host .was-validated label.form-control input[type=radio]:not(.is-invalid):valid~i,:host label.form-control input[type=radio].is-valid~i{--border-color: var(--intent-success-background);--sg-border-color: var(--intent-success-background)}:host .was-validated label.form-control input[type=radio]:not(.is-valid):invalid~i,:host label.form-control input[type=radio].is-invalid~i{--border-color: var(--intent-danger-background);--sg-border-color: var(--intent-danger-background)}:host label.form-control input[type=radio]:disabled~i,:host label.form-control input[type=radio].disabled~i{background-color:var(--gds-comp-radio-container-background-disabled);box-shadow:inset 0 0 0 .05rem var(--gds-comp-radio-border-disabled)}:host label.form-control input[type=radio]:disabled~span,:host label.form-control input[type=radio].disabled~span{color:var(--text-disabled-color)!important;cursor:not-allowed}:host label.form-control input[type=radio]:disabled~span::placeholder,:host label.form-control input[type=radio].disabled~span::placeholder{color:var(--text-disabled-color)}:host label.form-control input[type=radio]:disabled:checked~i:after,:host label.form-control input[type=radio]:checked.disabled~i:after{background-color:var(--gds-comp-radio-dot-disabled)}\n"] }]
|
|
2928
|
+
}], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
|
|
2928
2929
|
type: Self
|
|
2929
2930
|
}, {
|
|
2930
2931
|
type: Optional
|
|
@@ -2933,7 +2934,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2933
2934
|
}, {
|
|
2934
2935
|
type: Inject,
|
|
2935
2936
|
args: [TRANSLOCO_SCOPE]
|
|
2936
|
-
}] }, { type: NgvRadioControlRegistry }, { type: i0.ChangeDetectorRef }]
|
|
2937
|
+
}] }, { type: NgvRadioControlRegistry }, { type: i0.ChangeDetectorRef }], propDecorators: { thook: [{
|
|
2937
2938
|
type: HostBinding,
|
|
2938
2939
|
args: ['attr.data-thook']
|
|
2939
2940
|
}, {
|
|
@@ -2943,11 +2944,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2943
2944
|
}] } });
|
|
2944
2945
|
|
|
2945
2946
|
class NgvRadioModule {
|
|
2946
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2947
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2948
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2947
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2948
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: NgvRadioModule, declarations: [NgvRadioComponent], imports: [CommonModule, NgvI18nModule$1], exports: [NgvRadioComponent] }); }
|
|
2949
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvRadioModule, imports: [CommonModule, NgvI18nModule$1] }); }
|
|
2949
2950
|
}
|
|
2950
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2951
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvRadioModule, decorators: [{
|
|
2951
2952
|
type: NgModule,
|
|
2952
2953
|
args: [{
|
|
2953
2954
|
declarations: [NgvRadioComponent],
|
|
@@ -3015,13 +3016,13 @@ class NgvTextareaComponent extends NgvBaseControlValueAccessorComponent$1 {
|
|
|
3015
3016
|
this.state = event.target.value;
|
|
3016
3017
|
this.onChange(this.state);
|
|
3017
3018
|
}
|
|
3018
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3019
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3019
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvTextareaComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: TRANSLOCO_SCOPE, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3020
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NgvTextareaComponent, selector: "nggv-textarea", inputs: { thook: "thook", placeholder: "placeholder", readonly: "readonly", minLength: "minLength", minlength: "minlength", maxLength: "maxLength", maxlength: "maxlength", rows: "rows" }, host: { properties: { "attr.data-thook": "this.thook" } }, usesInheritance: true, ngImport: i0, template: "<!-- LABEL -->\n<label\n [id]=\"id + '-label'\"\n class=\"sdv-field-label hide-if-empty\"\n [attr.for]=\"id + '-textarea'\"\n *transloco=\"let t; read: scope\"\n>\n <ng-template\n *ngTemplateOutlet=\"labelContentTpl || basicLabelContentTpl\"\n ></ng-template>\n <ng-template #basicLabelContentTpl>\n <!-- to trigger css:empty if no label was added -->\n <ng-container *ngIf=\"label\">\n {{ label }}\n <span\n *ngIf=\"optional === true || (required !== true && optional !== false)\"\n class=\"sdv-field-label--optional\"\n >\n ({{ t('label.optional') }})\n </span>\n </ng-container>\n </ng-template>\n</label>\n\n<!-- DESCRIPTION -->\n<div class=\"sdv-field-label--small description\">{{ description }}</div>\n\n<!-- LOCKED INPUT -->\n<ng-container *ngIf=\"locked\">\n <div\n [id]=\"id + '-textarea'\"\n class=\"nggv-field--locked\"\n [attr.name]=\"name\"\n [attr.value]=\"state\"\n [attr.role]=\"role\"\n >\n <span *ngIf=\"!state\" class=\"unset-state\">-</span>\n <ng-container *ngIf=\"state\">\n {{ state }}\n </ng-container>\n </div>\n</ng-container>\n\n<!-- INPUT FIELD -->\n<ng-container *ngIf=\"!locked\">\n <textarea\n #input\n [id]=\"id + '-textarea'\"\n class=\"sdv-field\"\n [ngClass]=\"{ 'no-resize': !!rows }\"\n [class.nggv-field--error]=\"invalid\"\n [attr.name]=\"name\"\n [attr.required]=\"required\"\n [disabled]=\"disabled\"\n [autofocus]=\"autofocus\"\n [readOnly]=\"readonly\"\n [attr.maxlength]=\"maxlength\"\n [attr.minlength]=\"minlength\"\n [attr.role]=\"role\"\n [attr.rows]=\"rows\"\n [attr.placeholder]=\"placeholder\"\n [attr.aria-label]=\"description\"\n [value]=\"state\"\n (input)=\"onInput($event)\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n ></textarea>\n\n <!-- ERRORS -->\n <div class=\"error-wrapper\" *transloco=\"let t; read: scope\">\n <label\n class=\"sdv-field-notice sdv-field-notice--error\"\n [attr.for]=\"id + '-textarea'\"\n *ngIf=\"invalid && (error || ngControl?.invalid)\"\n >\n <span *ngIf=\"error; else errorsRef\">{{ error }}</span>\n <ng-template #errorsRef>\n <span *ngIf=\"firstError as error\">\n {{ t('error.field' + error?.code, error?.params) }}\n </span>\n </ng-template>\n </label>\n\n <ng-container *ngIf=\"hasMaxLength\">\n <label\n *nggvCharacterCountdown=\"\n maxlength;\n currentLength: (inputRef?.nativeElement?.value ?? '').length;\n charactersLeft as charactersLeft\n \"\n class=\"sdv-field-notice\"\n style=\"text-align: right\"\n >\n {{ charactersLeft }} {{ t('label.maxlength') }}\n </label>\n </ng-container>\n </div>\n\n <!-- CHILDREN -->\n <ng-content></ng-content>\n</ng-container>\n", styles: [":host textarea{padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);align-items:center;background-color:var(--sg-form-control-bg);color:var(--text-primary-color);display:flex;justify-content:center;resize:vertical}:host textarea:focus:not(:focus-visible){box-shadow:none;outline:0}:host textarea:focus,:host textarea:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media screen and (-ms-high-contrast: active){:host textarea{border:2px solid currentcolor}}:host textarea:hover{background-color:var(--gds-ref-pallet-base100)}:host textarea:disabled,:host textarea.disabled,:host textarea[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 textarea:disabled::placeholder,:host textarea.disabled::placeholder,:host textarea[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host label:not(.sdv-field-notice){margin-bottom:.5rem}:host label:not(.sdv-field-notice):is(label){margin-bottom:0}:host label:not(.sdv-field-notice).form-control{width:fit-content}@supports (-moz-appearance: none){:host label:not(.sdv-field-notice).form-control:focus:not(:focus-visible){box-shadow:none;outline:0}:host label:not(.sdv-field-notice).form-control:focus,:host label:not(.sdv-field-notice).form-control:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}}:host label:not(.sdv-field-notice):not(.form-control){font-weight:500;width:100%;line-height:1.25rem}:host label:not(.sdv-field-notice)+input,:host label:not(.sdv-field-notice)+textarea,fieldset :host label:not(.sdv-field-notice)+div,:host label:not(.sdv-field-notice)+button,:host label:not(.sdv-field-notice)+.group-stepper,:host label:not(.sdv-field-notice)+.stepper-wrapper,:host label:not(.sdv-field-notice)+.group{margin-top:.5rem}:host label:not(.sdv-field-notice)+.form-info{margin-bottom:.5rem}:host label:is(.sdv-field-label){margin-bottom:.5rem}:host .hide-if-empty:empty{display:none}:host .unset-state{padding-left:.5rem}:host .sdv-field-label--optional{font-weight:400}:host textarea{width:100%;max-width:100%}:host .description{margin-bottom:.5rem}:host .error-wrapper{margin-top:.5rem}:host .no-resize{resize:none}:host .no-resize::-webkit-scrollbar{-webkit-appearance:none}:host .no-resize::-webkit-scrollbar-thumb{border-radius:.5rem}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3$1.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "directive", type: i5.CharacterCountdownDirective, selector: "[nggvCharacterCountdown]", inputs: ["nggvCharacterCountdown", "nggvCharacterCountdownCurrentLength"] }] }); }
|
|
3020
3021
|
}
|
|
3021
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3022
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvTextareaComponent, decorators: [{
|
|
3022
3023
|
type: Component,
|
|
3023
|
-
args: [{ selector: 'nggv-textarea', template: "<!-- LABEL -->\n<label\n [id]=\"id + '-label'\"\n class=\"sdv-field-label hide-if-empty\"\n [attr.for]=\"id + '-textarea'\"\n *transloco=\"let t; read: scope\"\n>\n <ng-template\n *ngTemplateOutlet=\"labelContentTpl || basicLabelContentTpl\"\n ></ng-template>\n <ng-template #basicLabelContentTpl>\n <!-- to trigger css:empty if no label was added -->\n <ng-container *ngIf=\"label\">\n {{ label }}\n <span\n *ngIf=\"optional === true || (required !== true && optional !== false)\"\n class=\"sdv-field-label--optional\"\n >\n ({{ t('label.optional') }})\n </span>\n </ng-container>\n </ng-template>\n</label>\n\n<!-- DESCRIPTION -->\n<div class=\"sdv-field-label--small description\">{{ description }}</div>\n\n<!-- LOCKED INPUT -->\n<ng-container *ngIf=\"locked\">\n <div\n [id]=\"id + '-textarea'\"\n class=\"nggv-field--locked\"\n [attr.name]=\"name\"\n [attr.value]=\"state\"\n [attr.role]=\"role\"\n >\n <span *ngIf=\"!state\" class=\"unset-state\">-</span>\n <ng-container *ngIf=\"state\">\n {{ state }}\n </ng-container>\n </div>\n</ng-container>\n\n<!-- INPUT FIELD -->\n<ng-container *ngIf=\"!locked\">\n <textarea\n #input\n [id]=\"id + '-textarea'\"\n class=\"sdv-field\"\n [ngClass]=\"{ 'no-resize': !!rows }\"\n [class.nggv-field--error]=\"invalid\"\n [attr.name]=\"name\"\n [attr.required]=\"required\"\n [disabled]=\"disabled\"\n [autofocus]=\"autofocus\"\n [readOnly]=\"readonly\"\n [attr.maxlength]=\"maxlength\"\n [attr.minlength]=\"minlength\"\n [attr.role]=\"role\"\n [attr.rows]=\"rows\"\n [attr.placeholder]=\"placeholder\"\n [attr.aria-label]=\"description\"\n [value]=\"state\"\n (input)=\"onInput($event)\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n ></textarea>\n\n <!-- ERRORS -->\n <div class=\"error-wrapper\" *transloco=\"let t; read: scope\">\n <label\n class=\"sdv-field-notice sdv-field-notice--error\"\n [attr.for]=\"id + '-textarea'\"\n *ngIf=\"invalid && (error || ngControl?.invalid)\"\n >\n <span *ngIf=\"error; else errorsRef\">{{ error }}</span>\n <ng-template #errorsRef>\n <span *ngIf=\"firstError as error\">\n {{ t('error.field' + error?.code, error?.params) }}\n </span>\n </ng-template>\n </label>\n\n <ng-container *ngIf=\"hasMaxLength\">\n <label\n *nggvCharacterCountdown=\"\n maxlength;\n currentLength: (inputRef?.nativeElement?.value ?? '').length;\n charactersLeft as charactersLeft\n \"\n class=\"sdv-field-notice\"\n style=\"text-align: right\"\n >\n {{ charactersLeft }} {{ t('label.maxlength') }}\n </label>\n </ng-container>\n </div>\n\n <!-- CHILDREN -->\n <ng-content></ng-content>\n</ng-container>\n", styles: [":host textarea{padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);align-items:center;background-color:var(--sg-form-control-bg);color:var(--text-primary-color);display:flex;justify-content:center;resize:vertical}:host textarea:focus:not(:focus-visible){box-shadow:none;outline:0}:host textarea:focus,:host textarea:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media screen and (-ms-high-contrast: active){:host textarea{border:2px solid currentcolor}}:host textarea:hover{background-color:var(--gds-ref-pallet-base100)}:host textarea:disabled,:host textarea.disabled,:host textarea[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 textarea:disabled::placeholder,:host textarea.disabled::placeholder,:host textarea[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host label:not(.sdv-field-notice){margin-bottom:.5rem}:host label:not(.sdv-field-notice):is(label){margin-bottom:0}:host label:not(.sdv-field-notice).form-control{width
|
|
3024
|
-
}], ctorParameters:
|
|
3024
|
+
args: [{ selector: 'nggv-textarea', template: "<!-- LABEL -->\n<label\n [id]=\"id + '-label'\"\n class=\"sdv-field-label hide-if-empty\"\n [attr.for]=\"id + '-textarea'\"\n *transloco=\"let t; read: scope\"\n>\n <ng-template\n *ngTemplateOutlet=\"labelContentTpl || basicLabelContentTpl\"\n ></ng-template>\n <ng-template #basicLabelContentTpl>\n <!-- to trigger css:empty if no label was added -->\n <ng-container *ngIf=\"label\">\n {{ label }}\n <span\n *ngIf=\"optional === true || (required !== true && optional !== false)\"\n class=\"sdv-field-label--optional\"\n >\n ({{ t('label.optional') }})\n </span>\n </ng-container>\n </ng-template>\n</label>\n\n<!-- DESCRIPTION -->\n<div class=\"sdv-field-label--small description\">{{ description }}</div>\n\n<!-- LOCKED INPUT -->\n<ng-container *ngIf=\"locked\">\n <div\n [id]=\"id + '-textarea'\"\n class=\"nggv-field--locked\"\n [attr.name]=\"name\"\n [attr.value]=\"state\"\n [attr.role]=\"role\"\n >\n <span *ngIf=\"!state\" class=\"unset-state\">-</span>\n <ng-container *ngIf=\"state\">\n {{ state }}\n </ng-container>\n </div>\n</ng-container>\n\n<!-- INPUT FIELD -->\n<ng-container *ngIf=\"!locked\">\n <textarea\n #input\n [id]=\"id + '-textarea'\"\n class=\"sdv-field\"\n [ngClass]=\"{ 'no-resize': !!rows }\"\n [class.nggv-field--error]=\"invalid\"\n [attr.name]=\"name\"\n [attr.required]=\"required\"\n [disabled]=\"disabled\"\n [autofocus]=\"autofocus\"\n [readOnly]=\"readonly\"\n [attr.maxlength]=\"maxlength\"\n [attr.minlength]=\"minlength\"\n [attr.role]=\"role\"\n [attr.rows]=\"rows\"\n [attr.placeholder]=\"placeholder\"\n [attr.aria-label]=\"description\"\n [value]=\"state\"\n (input)=\"onInput($event)\"\n (focus)=\"onFocus($event)\"\n (blur)=\"onBlur($event)\"\n ></textarea>\n\n <!-- ERRORS -->\n <div class=\"error-wrapper\" *transloco=\"let t; read: scope\">\n <label\n class=\"sdv-field-notice sdv-field-notice--error\"\n [attr.for]=\"id + '-textarea'\"\n *ngIf=\"invalid && (error || ngControl?.invalid)\"\n >\n <span *ngIf=\"error; else errorsRef\">{{ error }}</span>\n <ng-template #errorsRef>\n <span *ngIf=\"firstError as error\">\n {{ t('error.field' + error?.code, error?.params) }}\n </span>\n </ng-template>\n </label>\n\n <ng-container *ngIf=\"hasMaxLength\">\n <label\n *nggvCharacterCountdown=\"\n maxlength;\n currentLength: (inputRef?.nativeElement?.value ?? '').length;\n charactersLeft as charactersLeft\n \"\n class=\"sdv-field-notice\"\n style=\"text-align: right\"\n >\n {{ charactersLeft }} {{ t('label.maxlength') }}\n </label>\n </ng-container>\n </div>\n\n <!-- CHILDREN -->\n <ng-content></ng-content>\n</ng-container>\n", styles: [":host textarea{padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);align-items:center;background-color:var(--sg-form-control-bg);color:var(--text-primary-color);display:flex;justify-content:center;resize:vertical}:host textarea:focus:not(:focus-visible){box-shadow:none;outline:0}:host textarea:focus,:host textarea:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media screen and (-ms-high-contrast: active){:host textarea{border:2px solid currentcolor}}:host textarea:hover{background-color:var(--gds-ref-pallet-base100)}:host textarea:disabled,:host textarea.disabled,:host textarea[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 textarea:disabled::placeholder,:host textarea.disabled::placeholder,:host textarea[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host label:not(.sdv-field-notice){margin-bottom:.5rem}:host label:not(.sdv-field-notice):is(label){margin-bottom:0}:host label:not(.sdv-field-notice).form-control{width:fit-content}@supports (-moz-appearance: none){:host label:not(.sdv-field-notice).form-control:focus:not(:focus-visible){box-shadow:none;outline:0}:host label:not(.sdv-field-notice).form-control:focus,:host label:not(.sdv-field-notice).form-control:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}}:host label:not(.sdv-field-notice):not(.form-control){font-weight:500;width:100%;line-height:1.25rem}:host label:not(.sdv-field-notice)+input,:host label:not(.sdv-field-notice)+textarea,fieldset :host label:not(.sdv-field-notice)+div,:host label:not(.sdv-field-notice)+button,:host label:not(.sdv-field-notice)+.group-stepper,:host label:not(.sdv-field-notice)+.stepper-wrapper,:host label:not(.sdv-field-notice)+.group{margin-top:.5rem}:host label:not(.sdv-field-notice)+.form-info{margin-bottom:.5rem}:host label:is(.sdv-field-label){margin-bottom:.5rem}:host .hide-if-empty:empty{display:none}:host .unset-state{padding-left:.5rem}:host .sdv-field-label--optional{font-weight:400}:host textarea{width:100%;max-width:100%}:host .description{margin-bottom:.5rem}:host .error-wrapper{margin-top:.5rem}:host .no-resize{resize:none}:host .no-resize::-webkit-scrollbar{-webkit-appearance:none}:host .no-resize::-webkit-scrollbar-thumb{border-radius:.5rem}\n"] }]
|
|
3025
|
+
}], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
|
|
3025
3026
|
type: Self
|
|
3026
3027
|
}, {
|
|
3027
3028
|
type: Optional
|
|
@@ -3030,7 +3031,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
3030
3031
|
}, {
|
|
3031
3032
|
type: Inject,
|
|
3032
3033
|
args: [TRANSLOCO_SCOPE]
|
|
3033
|
-
}] }, { type: i0.ChangeDetectorRef }]
|
|
3034
|
+
}] }, { type: i0.ChangeDetectorRef }], propDecorators: { thook: [{
|
|
3034
3035
|
type: HostBinding,
|
|
3035
3036
|
args: ['attr.data-thook']
|
|
3036
3037
|
}, {
|
|
@@ -3052,11 +3053,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
3052
3053
|
}] } });
|
|
3053
3054
|
|
|
3054
3055
|
class NgvTextareaModule {
|
|
3055
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3056
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3057
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3056
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvTextareaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3057
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: NgvTextareaModule, declarations: [NgvTextareaComponent], imports: [CommonModule, NgvI18nModule$1, NggCharacterCountdownDirectiveModule$1], exports: [NgvTextareaComponent] }); }
|
|
3058
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvTextareaModule, imports: [CommonModule, NgvI18nModule$1, NggCharacterCountdownDirectiveModule$1] }); }
|
|
3058
3059
|
}
|
|
3059
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3060
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvTextareaModule, decorators: [{
|
|
3060
3061
|
type: NgModule,
|
|
3061
3062
|
args: [{
|
|
3062
3063
|
declarations: [NgvTextareaComponent],
|
|
@@ -3299,15 +3300,15 @@ class NgvTooltipDirective {
|
|
|
3299
3300
|
const remValue = value / fontSize;
|
|
3300
3301
|
return `${remValue}rem`;
|
|
3301
3302
|
}
|
|
3302
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3303
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3303
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvTooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3304
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: NgvTooltipDirective, selector: "[nggvTooltip]", inputs: { nggvTooltip: "nggvTooltip", thook: "thook", placement: "placement", shown: "shown", offset: "offset", resizeThrottle: "resizeThrottle", maxWidth: "maxWidth" }, outputs: { nggvShow: "nggvShow", nggvHide: "nggvHide" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "window:resize": "resize()" } }, usesOnChanges: true, ngImport: i0 }); }
|
|
3304
3305
|
}
|
|
3305
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3306
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvTooltipDirective, decorators: [{
|
|
3306
3307
|
type: Directive,
|
|
3307
3308
|
args: [{
|
|
3308
3309
|
selector: '[nggvTooltip]',
|
|
3309
3310
|
}]
|
|
3310
|
-
}], ctorParameters:
|
|
3311
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { nggvTooltip: [{
|
|
3311
3312
|
type: Input
|
|
3312
3313
|
}], thook: [{
|
|
3313
3314
|
type: Input
|
|
@@ -3337,11 +3338,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
3337
3338
|
}] } });
|
|
3338
3339
|
|
|
3339
3340
|
class NgvTooltipModule {
|
|
3340
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3341
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3342
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3341
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3342
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: NgvTooltipModule, declarations: [NgvTooltipDirective], imports: [NgvI18nModule$1], exports: [NgvTooltipDirective] }); }
|
|
3343
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvTooltipModule, imports: [NgvI18nModule$1] }); }
|
|
3343
3344
|
}
|
|
3344
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3345
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvTooltipModule, decorators: [{
|
|
3345
3346
|
type: NgModule,
|
|
3346
3347
|
args: [{
|
|
3347
3348
|
declarations: [NgvTooltipDirective],
|
|
@@ -3351,8 +3352,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
3351
3352
|
}] });
|
|
3352
3353
|
|
|
3353
3354
|
class NggvModule {
|
|
3354
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3355
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3355
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3356
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: NggvModule, imports: [CommonModule], exports: [NgvBaseControlValueAccessorModule,
|
|
3356
3357
|
NgvBreadcrumbsModule,
|
|
3357
3358
|
NgvButtonModule,
|
|
3358
3359
|
NgvCardModule,
|
|
@@ -3367,8 +3368,9 @@ class NggvModule {
|
|
|
3367
3368
|
NgvRadioModule,
|
|
3368
3369
|
NgvTextareaModule,
|
|
3369
3370
|
NgvTooltipModule,
|
|
3370
|
-
NgvTypeaheadModule
|
|
3371
|
-
|
|
3371
|
+
NgvTypeaheadModule,
|
|
3372
|
+
NggCoreWrapperModule] }); }
|
|
3373
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvModule, imports: [CommonModule, NgvBaseControlValueAccessorModule,
|
|
3372
3374
|
NgvBreadcrumbsModule,
|
|
3373
3375
|
NgvButtonModule,
|
|
3374
3376
|
NgvCardModule,
|
|
@@ -3383,9 +3385,10 @@ class NggvModule {
|
|
|
3383
3385
|
NgvRadioModule,
|
|
3384
3386
|
NgvTextareaModule,
|
|
3385
3387
|
NgvTooltipModule,
|
|
3386
|
-
NgvTypeaheadModule
|
|
3388
|
+
NgvTypeaheadModule,
|
|
3389
|
+
NggCoreWrapperModule] }); }
|
|
3387
3390
|
}
|
|
3388
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3391
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvModule, decorators: [{
|
|
3389
3392
|
type: NgModule,
|
|
3390
3393
|
args: [{
|
|
3391
3394
|
declarations: [],
|
|
@@ -3407,6 +3410,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
3407
3410
|
NgvTextareaModule,
|
|
3408
3411
|
NgvTooltipModule,
|
|
3409
3412
|
NgvTypeaheadModule,
|
|
3413
|
+
NggCoreWrapperModule
|
|
3410
3414
|
],
|
|
3411
3415
|
}]
|
|
3412
3416
|
}] });
|