@sebgroup/green-angular 5.1.1 → 5.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (440) hide show
  1. package/esm2022/lib/shared/core-element/core-element.directive.mjs +1 -2
  2. package/esm2022/src/lib/shared/core-element/core-element.directive.mjs +1 -2
  3. package/esm2022/src/v-angular/account-number/account-number.module.mjs +18 -0
  4. package/esm2022/src/v-angular/account-number/account-number.pipe.mjs +54 -0
  5. package/esm2022/src/v-angular/account-number/index.mjs +3 -0
  6. package/esm2022/src/v-angular/account-number/sebgroup-green-angular-src-v-angular-account-number.mjs +5 -0
  7. package/esm2022/src/v-angular/alert/alert.component.mjs +47 -0
  8. package/esm2022/src/v-angular/alert/alert.models.mjs +8 -0
  9. package/esm2022/src/v-angular/alert/alert.module.mjs +18 -0
  10. package/esm2022/src/v-angular/alert/index.mjs +4 -0
  11. package/esm2022/src/v-angular/alert/sebgroup-green-angular-src-v-angular-alert.mjs +5 -0
  12. package/esm2022/src/v-angular/base-control-value-accessor/base-control-value-accessor.component.mjs +16 -6
  13. package/esm2022/src/v-angular/base-control-value-accessor/base-control-value-accessor.module.mjs +9 -9
  14. package/esm2022/src/v-angular/breadcrumbs/breadcrumbs.component.mjs +5 -5
  15. package/esm2022/src/v-angular/breadcrumbs/breadcrumbs.module.mjs +11 -11
  16. package/esm2022/src/v-angular/button/button.component.mjs +9 -9
  17. package/esm2022/src/v-angular/button/button.module.mjs +11 -11
  18. package/esm2022/src/v-angular/card/card.component.mjs +6 -6
  19. package/esm2022/src/v-angular/card/card.module.mjs +9 -9
  20. package/esm2022/src/v-angular/character-countdown/character-countdown.module.mjs +6 -6
  21. package/esm2022/src/v-angular/checkbox/checkbox.component.mjs +9 -7
  22. package/esm2022/src/v-angular/checkbox/checkbox.module.mjs +14 -12
  23. package/esm2022/src/v-angular/core/core.utils.mjs +35 -1
  24. package/esm2022/src/v-angular/datepicker/components/calendar/calendar.component.mjs +200 -0
  25. package/esm2022/src/v-angular/datepicker/components/calendar-control/calendar-control.component.mjs +115 -0
  26. package/esm2022/src/v-angular/datepicker/components/date-input/date-input.component.mjs +203 -0
  27. package/esm2022/src/v-angular/datepicker/components/datepicker/datepicker.component.mjs +135 -0
  28. package/esm2022/src/v-angular/datepicker/date-control-value-accessor/date-control-value-accessor.component.mjs +408 -0
  29. package/esm2022/src/v-angular/datepicker/datepicker.globals.mjs +20 -0
  30. package/esm2022/src/v-angular/datepicker/datepicker.models.mjs +56 -0
  31. package/esm2022/src/v-angular/datepicker/datepicker.module.mjs +63 -0
  32. package/esm2022/src/v-angular/datepicker/datepicker.utils.mjs +196 -0
  33. package/esm2022/src/v-angular/datepicker/directives/calendar-date.directive.mjs +47 -0
  34. package/esm2022/src/v-angular/datepicker/index.mjs +17 -0
  35. package/esm2022/src/v-angular/datepicker/models/dates.mjs +291 -0
  36. package/esm2022/src/v-angular/datepicker/pipes/date-thook.pipe.mjs +30 -0
  37. package/esm2022/src/v-angular/datepicker/pipes/is-disabled.pipe.mjs +37 -0
  38. package/esm2022/src/v-angular/datepicker/pipes/matches.pipe.mjs +17 -0
  39. package/esm2022/src/v-angular/datepicker/sebgroup-green-angular-src-v-angular-datepicker.mjs +5 -0
  40. package/esm2022/src/v-angular/drag-drop/drag-drop.component.mjs +497 -0
  41. package/esm2022/src/v-angular/drag-drop/drag-drop.models.mjs +2 -0
  42. package/esm2022/src/v-angular/drag-drop/drag-drop.module.mjs +49 -0
  43. package/esm2022/src/v-angular/drag-drop/drag-drop.pipes.mjs +70 -0
  44. package/esm2022/src/v-angular/drag-drop/drag-drop.utils.mjs +76 -0
  45. package/esm2022/src/v-angular/drag-drop/index.mjs +5 -0
  46. package/esm2022/src/v-angular/drag-drop/sebgroup-green-angular-src-v-angular-drag-drop.mjs +5 -0
  47. package/esm2022/src/v-angular/dropdown/dropdown-list/dropdown-list.component.mjs +24 -9
  48. package/esm2022/src/v-angular/dropdown/dropdown.component.mjs +16 -9
  49. package/esm2022/src/v-angular/dropdown/dropdown.module.mjs +31 -15
  50. package/esm2022/src/v-angular/dropdown/typeahead/typeahead-dropdown-list/typeahead-dropdown-list.component.mjs +8 -8
  51. package/esm2022/src/v-angular/dropdown/typeahead/typeahead-highlight/typeahead-highlight.component.mjs +5 -5
  52. package/esm2022/src/v-angular/dropdown/typeahead/typeahead-input/typeahead-input.component.mjs +17 -10
  53. package/esm2022/src/v-angular/dropdown/typeahead/typeahead.directive.mjs +27 -20
  54. package/esm2022/src/v-angular/dropdown/typeahead/typeahead.module.mjs +21 -21
  55. package/esm2022/src/v-angular/external-link/external-link.directive.mjs +5 -5
  56. package/esm2022/src/v-angular/external-link/external-link.module.mjs +9 -9
  57. package/esm2022/src/v-angular/i18n/i18n.module.mjs +12 -12
  58. package/esm2022/src/v-angular/i18n/i18n.test.module.mjs +6 -6
  59. package/esm2022/src/v-angular/info-circle/info-circle.component.mjs +6 -6
  60. package/esm2022/src/v-angular/info-circle/info-circle.module.mjs +11 -11
  61. package/esm2022/src/v-angular/input/input.component.mjs +11 -15
  62. package/esm2022/src/v-angular/input/input.module.mjs +27 -22
  63. package/esm2022/src/v-angular/input-mask/input-mask.directive.mjs +6 -6
  64. package/esm2022/src/v-angular/input-mask/input-mask.module.mjs +10 -10
  65. package/esm2022/src/v-angular/modal/dialog/dialog.component.mjs +53 -31
  66. package/esm2022/src/v-angular/modal/fold-out/fold-out.component.mjs +116 -16
  67. package/esm2022/src/v-angular/modal/fold-out/fold-out.directive.mjs +5 -5
  68. package/esm2022/src/v-angular/modal/fold-out/keyboard-key.enum.mjs +9 -0
  69. package/esm2022/src/v-angular/modal/modal.module.mjs +38 -27
  70. package/esm2022/src/v-angular/modal/slide-out/slide-out.component.mjs +35 -12
  71. package/esm2022/src/v-angular/pagination/index.mjs +3 -0
  72. package/esm2022/src/v-angular/pagination/pagination.component.mjs +144 -0
  73. package/esm2022/src/v-angular/pagination/pagination.module.mjs +37 -0
  74. package/esm2022/src/v-angular/pagination/sebgroup-green-angular-src-v-angular-pagination.mjs +5 -0
  75. package/esm2022/src/v-angular/radio/radio.component.mjs +14 -12
  76. package/esm2022/src/v-angular/radio/radio.module.mjs +12 -11
  77. package/esm2022/src/v-angular/slug/slug.module.mjs +6 -6
  78. package/esm2022/src/v-angular/table/index.mjs +9 -0
  79. package/esm2022/src/v-angular/table/sebgroup-green-angular-src-v-angular-table.mjs +5 -0
  80. package/esm2022/src/v-angular/table/table.component.mjs +387 -0
  81. package/esm2022/src/v-angular/table/table.directive.mjs +110 -0
  82. package/esm2022/src/v-angular/table/table.models.mjs +2 -0
  83. package/esm2022/src/v-angular/table/table.module.mjs +40 -0
  84. package/esm2022/src/v-angular/table/table.tools.mjs +29 -0
  85. package/esm2022/src/v-angular/table/tr-thook.pipe.mjs +22 -0
  86. package/esm2022/src/v-angular/tabs/index.mjs +8 -0
  87. package/esm2022/src/v-angular/tabs/sebgroup-green-angular-src-v-angular-tabs.mjs +5 -0
  88. package/esm2022/src/v-angular/tabs/tab.directive.mjs +81 -0
  89. package/esm2022/src/v-angular/tabs/tabs.component.mjs +262 -0
  90. package/esm2022/src/v-angular/tabs/tabs.models.mjs +2 -0
  91. package/esm2022/src/v-angular/tabs/tabs.module.mjs +21 -0
  92. package/esm2022/src/v-angular/textarea/textarea.component.mjs +9 -7
  93. package/esm2022/src/v-angular/textarea/textarea.module.mjs +27 -13
  94. package/esm2022/src/v-angular/toast/index.mjs +8 -0
  95. package/esm2022/src/v-angular/toast/sebgroup-green-angular-src-v-angular-toast.mjs +5 -0
  96. package/esm2022/src/v-angular/toast/toast-message.service.mjs +63 -0
  97. package/esm2022/src/v-angular/toast/toast.component.mjs +70 -0
  98. package/esm2022/src/v-angular/toast/toast.models.mjs +8 -0
  99. package/esm2022/src/v-angular/toast/toast.module.mjs +21 -0
  100. package/esm2022/src/v-angular/tooltip/tooltip.directive.mjs +35 -15
  101. package/esm2022/src/v-angular/tooltip/tooltip.module.mjs +11 -11
  102. package/esm2022/src/v-angular/tooltip/tooltip.styles.mjs +60 -0
  103. package/esm2022/v-angular/alert/alert.component.mjs +47 -0
  104. package/esm2022/v-angular/alert/alert.models.mjs +8 -0
  105. package/esm2022/v-angular/alert/alert.module.mjs +18 -0
  106. package/esm2022/v-angular/alert/index.mjs +4 -0
  107. package/esm2022/v-angular/base-control-value-accessor/base-control-value-accessor.component.mjs +16 -6
  108. package/esm2022/v-angular/base-control-value-accessor/base-control-value-accessor.module.mjs +9 -9
  109. package/esm2022/v-angular/breadcrumbs/breadcrumbs.component.mjs +5 -5
  110. package/esm2022/v-angular/breadcrumbs/breadcrumbs.module.mjs +11 -11
  111. package/esm2022/v-angular/button/button.component.mjs +9 -9
  112. package/esm2022/v-angular/button/button.module.mjs +11 -11
  113. package/esm2022/v-angular/card/card.component.mjs +6 -6
  114. package/esm2022/v-angular/card/card.module.mjs +9 -9
  115. package/esm2022/v-angular/character-countdown/character-countdown.module.mjs +6 -6
  116. package/esm2022/v-angular/checkbox/checkbox.component.mjs +9 -7
  117. package/esm2022/v-angular/checkbox/checkbox.module.mjs +14 -12
  118. package/esm2022/v-angular/datepicker/components/calendar/calendar.component.mjs +200 -0
  119. package/esm2022/v-angular/datepicker/components/calendar-control/calendar-control.component.mjs +115 -0
  120. package/esm2022/v-angular/datepicker/components/date-input/date-input.component.mjs +203 -0
  121. package/esm2022/v-angular/datepicker/components/datepicker/datepicker.component.mjs +135 -0
  122. package/esm2022/v-angular/datepicker/date-control-value-accessor/date-control-value-accessor.component.mjs +408 -0
  123. package/esm2022/v-angular/datepicker/datepicker.globals.mjs +20 -0
  124. package/esm2022/v-angular/datepicker/datepicker.models.mjs +56 -0
  125. package/esm2022/v-angular/datepicker/datepicker.module.mjs +63 -0
  126. package/esm2022/v-angular/datepicker/datepicker.utils.mjs +196 -0
  127. package/esm2022/v-angular/datepicker/directives/calendar-date.directive.mjs +47 -0
  128. package/esm2022/v-angular/datepicker/index.mjs +17 -0
  129. package/esm2022/v-angular/datepicker/models/dates.mjs +291 -0
  130. package/esm2022/v-angular/datepicker/pipes/date-thook.pipe.mjs +30 -0
  131. package/esm2022/v-angular/datepicker/pipes/is-disabled.pipe.mjs +37 -0
  132. package/esm2022/v-angular/datepicker/pipes/matches.pipe.mjs +17 -0
  133. package/esm2022/v-angular/drag-drop/drag-drop.component.mjs +497 -0
  134. package/esm2022/v-angular/drag-drop/drag-drop.models.mjs +2 -0
  135. package/esm2022/v-angular/drag-drop/drag-drop.module.mjs +49 -0
  136. package/esm2022/v-angular/drag-drop/drag-drop.pipes.mjs +70 -0
  137. package/esm2022/v-angular/drag-drop/drag-drop.utils.mjs +76 -0
  138. package/esm2022/v-angular/drag-drop/index.mjs +5 -0
  139. package/esm2022/v-angular/dropdown/dropdown-list/dropdown-list.component.mjs +24 -9
  140. package/esm2022/v-angular/dropdown/dropdown.component.mjs +16 -9
  141. package/esm2022/v-angular/dropdown/dropdown.module.mjs +31 -15
  142. package/esm2022/v-angular/dropdown/typeahead/typeahead-dropdown-list/typeahead-dropdown-list.component.mjs +8 -8
  143. package/esm2022/v-angular/dropdown/typeahead/typeahead-highlight/typeahead-highlight.component.mjs +5 -5
  144. package/esm2022/v-angular/dropdown/typeahead/typeahead-input/typeahead-input.component.mjs +17 -10
  145. package/esm2022/v-angular/dropdown/typeahead/typeahead.directive.mjs +27 -20
  146. package/esm2022/v-angular/dropdown/typeahead/typeahead.module.mjs +21 -21
  147. package/esm2022/v-angular/external-link/external-link.directive.mjs +37 -0
  148. package/esm2022/v-angular/external-link/external-link.module.mjs +18 -0
  149. package/esm2022/v-angular/external-link/index.mjs +3 -0
  150. package/esm2022/v-angular/i18n/i18n.module.mjs +12 -12
  151. package/esm2022/v-angular/i18n/i18n.test.module.mjs +6 -6
  152. package/esm2022/v-angular/index.mjs +10 -1
  153. package/esm2022/v-angular/info-circle/info-circle.component.mjs +6 -6
  154. package/esm2022/v-angular/info-circle/info-circle.module.mjs +11 -11
  155. package/esm2022/v-angular/input/input.component.mjs +11 -15
  156. package/esm2022/v-angular/input/input.module.mjs +27 -22
  157. package/esm2022/v-angular/input-mask/input-mask.directive.mjs +6 -6
  158. package/esm2022/v-angular/input-mask/input-mask.module.mjs +10 -10
  159. package/esm2022/v-angular/modal/dialog/dialog.component.mjs +53 -31
  160. package/esm2022/v-angular/modal/fold-out/fold-out.component.mjs +116 -16
  161. package/esm2022/v-angular/modal/fold-out/fold-out.directive.mjs +5 -5
  162. package/esm2022/v-angular/modal/fold-out/keyboard-key.enum.mjs +9 -0
  163. package/esm2022/v-angular/modal/modal.module.mjs +38 -27
  164. package/esm2022/v-angular/modal/slide-out/slide-out.component.mjs +35 -12
  165. package/esm2022/v-angular/pagination/index.mjs +3 -0
  166. package/esm2022/v-angular/pagination/pagination.component.mjs +144 -0
  167. package/esm2022/v-angular/pagination/pagination.module.mjs +37 -0
  168. package/esm2022/v-angular/radio/radio.component.mjs +14 -12
  169. package/esm2022/v-angular/radio/radio.module.mjs +12 -11
  170. package/esm2022/v-angular/slug/index.mjs +3 -0
  171. package/esm2022/v-angular/slug/slug.module.mjs +18 -0
  172. package/esm2022/v-angular/slug/slug.pipe.mjs +27 -0
  173. package/esm2022/v-angular/table/index.mjs +9 -0
  174. package/esm2022/v-angular/table/table.component.mjs +387 -0
  175. package/esm2022/v-angular/table/table.directive.mjs +110 -0
  176. package/esm2022/v-angular/table/table.models.mjs +2 -0
  177. package/esm2022/v-angular/table/table.module.mjs +40 -0
  178. package/esm2022/v-angular/table/table.tools.mjs +29 -0
  179. package/esm2022/v-angular/table/tr-thook.pipe.mjs +22 -0
  180. package/esm2022/v-angular/tabs/index.mjs +8 -0
  181. package/esm2022/v-angular/tabs/tab.directive.mjs +81 -0
  182. package/esm2022/v-angular/tabs/tabs.component.mjs +262 -0
  183. package/esm2022/v-angular/tabs/tabs.models.mjs +2 -0
  184. package/esm2022/v-angular/tabs/tabs.module.mjs +21 -0
  185. package/esm2022/v-angular/textarea/textarea.component.mjs +9 -7
  186. package/esm2022/v-angular/textarea/textarea.module.mjs +27 -13
  187. package/esm2022/v-angular/toast/index.mjs +8 -0
  188. package/esm2022/v-angular/toast/toast-message.service.mjs +63 -0
  189. package/esm2022/v-angular/toast/toast.component.mjs +70 -0
  190. package/esm2022/v-angular/toast/toast.models.mjs +8 -0
  191. package/esm2022/v-angular/toast/toast.module.mjs +21 -0
  192. package/esm2022/v-angular/tooltip/tooltip.directive.mjs +35 -15
  193. package/esm2022/v-angular/tooltip/tooltip.module.mjs +11 -11
  194. package/esm2022/v-angular/tooltip/tooltip.styles.mjs +60 -0
  195. package/esm2022/v-angular/v-angular.module.mjs +104 -68
  196. package/fesm2022/sebgroup-green-angular-src-lib-shared.mjs +0 -1
  197. package/fesm2022/sebgroup-green-angular-src-lib-shared.mjs.map +1 -1
  198. package/fesm2022/sebgroup-green-angular-src-v-angular-account-number.mjs +76 -0
  199. package/fesm2022/sebgroup-green-angular-src-v-angular-account-number.mjs.map +1 -0
  200. package/fesm2022/sebgroup-green-angular-src-v-angular-alert.mjs +76 -0
  201. package/fesm2022/sebgroup-green-angular-src-v-angular-alert.mjs.map +1 -0
  202. package/fesm2022/sebgroup-green-angular-src-v-angular-base-control-value-accessor.mjs +23 -13
  203. package/fesm2022/sebgroup-green-angular-src-v-angular-base-control-value-accessor.mjs.map +1 -1
  204. package/fesm2022/sebgroup-green-angular-src-v-angular-breadcrumbs.mjs +14 -14
  205. package/fesm2022/sebgroup-green-angular-src-v-angular-breadcrumbs.mjs.map +1 -1
  206. package/fesm2022/sebgroup-green-angular-src-v-angular-button.mjs +18 -18
  207. package/fesm2022/sebgroup-green-angular-src-v-angular-button.mjs.map +1 -1
  208. package/fesm2022/sebgroup-green-angular-src-v-angular-card.mjs +13 -13
  209. package/fesm2022/sebgroup-green-angular-src-v-angular-card.mjs.map +1 -1
  210. package/fesm2022/sebgroup-green-angular-src-v-angular-character-countdown.mjs +6 -6
  211. package/fesm2022/sebgroup-green-angular-src-v-angular-character-countdown.mjs.map +1 -1
  212. package/fesm2022/sebgroup-green-angular-src-v-angular-checkbox.mjs +21 -17
  213. package/fesm2022/sebgroup-green-angular-src-v-angular-checkbox.mjs.map +1 -1
  214. package/fesm2022/sebgroup-green-angular-src-v-angular-core.mjs +34 -0
  215. package/fesm2022/sebgroup-green-angular-src-v-angular-core.mjs.map +1 -1
  216. package/fesm2022/sebgroup-green-angular-src-v-angular-datepicker.mjs +1759 -0
  217. package/fesm2022/sebgroup-green-angular-src-v-angular-datepicker.mjs.map +1 -0
  218. package/fesm2022/sebgroup-green-angular-src-v-angular-drag-drop.mjs +687 -0
  219. package/fesm2022/sebgroup-green-angular-src-v-angular-drag-drop.mjs.map +1 -0
  220. package/fesm2022/sebgroup-green-angular-src-v-angular-dropdown.mjs +126 -74
  221. package/fesm2022/sebgroup-green-angular-src-v-angular-dropdown.mjs.map +1 -1
  222. package/fesm2022/sebgroup-green-angular-src-v-angular-external-link.mjs +12 -12
  223. package/fesm2022/sebgroup-green-angular-src-v-angular-external-link.mjs.map +1 -1
  224. package/fesm2022/sebgroup-green-angular-src-v-angular-i18n.mjs +17 -17
  225. package/fesm2022/sebgroup-green-angular-src-v-angular-i18n.mjs.map +1 -1
  226. package/fesm2022/sebgroup-green-angular-src-v-angular-info-circle.mjs +15 -15
  227. package/fesm2022/sebgroup-green-angular-src-v-angular-info-circle.mjs.map +1 -1
  228. package/fesm2022/sebgroup-green-angular-src-v-angular-input-mask.mjs +14 -14
  229. package/fesm2022/sebgroup-green-angular-src-v-angular-input-mask.mjs.map +1 -1
  230. package/fesm2022/sebgroup-green-angular-src-v-angular-input.mjs +36 -35
  231. package/fesm2022/sebgroup-green-angular-src-v-angular-input.mjs.map +1 -1
  232. package/fesm2022/sebgroup-green-angular-src-v-angular-modal.mjs +246 -81
  233. package/fesm2022/sebgroup-green-angular-src-v-angular-modal.mjs.map +1 -1
  234. package/fesm2022/sebgroup-green-angular-src-v-angular-pagination.mjs +185 -0
  235. package/fesm2022/sebgroup-green-angular-src-v-angular-pagination.mjs.map +1 -0
  236. package/fesm2022/sebgroup-green-angular-src-v-angular-radio.mjs +24 -21
  237. package/fesm2022/sebgroup-green-angular-src-v-angular-radio.mjs.map +1 -1
  238. package/fesm2022/sebgroup-green-angular-src-v-angular-slug.mjs +6 -6
  239. package/fesm2022/sebgroup-green-angular-src-v-angular-slug.mjs.map +1 -1
  240. package/fesm2022/sebgroup-green-angular-src-v-angular-table.mjs +585 -0
  241. package/fesm2022/sebgroup-green-angular-src-v-angular-table.mjs.map +1 -0
  242. package/fesm2022/sebgroup-green-angular-src-v-angular-tabs.mjs +367 -0
  243. package/fesm2022/sebgroup-green-angular-src-v-angular-tabs.mjs.map +1 -0
  244. package/fesm2022/sebgroup-green-angular-src-v-angular-textarea.mjs +33 -18
  245. package/fesm2022/sebgroup-green-angular-src-v-angular-textarea.mjs.map +1 -1
  246. package/fesm2022/sebgroup-green-angular-src-v-angular-toast.mjs +166 -0
  247. package/fesm2022/sebgroup-green-angular-src-v-angular-toast.mjs.map +1 -0
  248. package/fesm2022/sebgroup-green-angular-src-v-angular-tooltip.mjs +103 -24
  249. package/fesm2022/sebgroup-green-angular-src-v-angular-tooltip.mjs.map +1 -1
  250. package/fesm2022/sebgroup-green-angular-v-angular.mjs +6295 -2165
  251. package/fesm2022/sebgroup-green-angular-v-angular.mjs.map +1 -1
  252. package/fesm2022/sebgroup-green-angular.mjs +0 -1
  253. package/fesm2022/sebgroup-green-angular.mjs.map +1 -1
  254. package/package.json +51 -3
  255. package/src/v-angular/account-number/README.md +70 -0
  256. package/src/v-angular/account-number/account-number.module.d.ts +8 -0
  257. package/src/v-angular/account-number/account-number.pipe.d.ts +32 -0
  258. package/src/v-angular/account-number/index.d.ts +2 -0
  259. package/src/v-angular/alert/alert.component.d.ts +19 -0
  260. package/src/v-angular/alert/alert.models.d.ts +13 -0
  261. package/src/v-angular/alert/alert.module.d.ts +8 -0
  262. package/src/v-angular/alert/index.d.ts +3 -0
  263. package/src/v-angular/base-control-value-accessor/base-control-value-accessor.component.d.ts +10 -4
  264. package/src/v-angular/base-control-value-accessor/base-control-value-accessor.module.d.ts +4 -4
  265. package/src/v-angular/breadcrumbs/breadcrumbs.component.d.ts +4 -4
  266. package/src/v-angular/breadcrumbs/breadcrumbs.module.d.ts +4 -4
  267. package/src/v-angular/button/button.component.d.ts +5 -5
  268. package/src/v-angular/button/button.module.d.ts +4 -4
  269. package/src/v-angular/card/card.component.d.ts +3 -3
  270. package/src/v-angular/card/card.module.d.ts +4 -4
  271. package/src/v-angular/character-countdown/character-countdown.module.d.ts +4 -4
  272. package/src/v-angular/checkbox/checkbox.component.d.ts +6 -5
  273. package/src/v-angular/checkbox/checkbox.module.d.ts +5 -4
  274. package/src/v-angular/core/core.utils.d.ts +1 -0
  275. package/src/v-angular/datepicker/components/calendar/calendar.component.d.ts +36 -0
  276. package/src/v-angular/datepicker/components/calendar-control/calendar-control.component.d.ts +30 -0
  277. package/src/v-angular/datepicker/components/date-input/date-input.component.d.ts +102 -0
  278. package/src/v-angular/datepicker/components/datepicker/datepicker.component.d.ts +62 -0
  279. package/src/v-angular/datepicker/date-control-value-accessor/date-control-value-accessor.component.d.ts +165 -0
  280. package/src/v-angular/datepicker/datepicker.globals.d.ts +13 -0
  281. package/src/v-angular/datepicker/datepicker.models.d.ts +50 -0
  282. package/src/v-angular/datepicker/datepicker.module.d.ts +19 -0
  283. package/src/v-angular/datepicker/datepicker.utils.d.ts +39 -0
  284. package/src/v-angular/datepicker/directives/calendar-date.directive.d.ts +21 -0
  285. package/src/v-angular/datepicker/index.d.ts +13 -0
  286. package/src/v-angular/datepicker/models/dates.d.ts +15 -0
  287. package/src/v-angular/datepicker/pipes/date-thook.pipe.d.ts +8 -0
  288. package/src/v-angular/datepicker/pipes/is-disabled.pipe.d.ts +8 -0
  289. package/src/v-angular/datepicker/pipes/matches.pipe.d.ts +7 -0
  290. package/src/v-angular/drag-drop/drag-drop.component.d.ts +131 -0
  291. package/src/v-angular/drag-drop/drag-drop.models.d.ts +49 -0
  292. package/src/v-angular/drag-drop/drag-drop.module.d.ts +13 -0
  293. package/src/v-angular/drag-drop/drag-drop.pipes.d.ts +40 -0
  294. package/src/v-angular/drag-drop/drag-drop.utils.d.ts +33 -0
  295. package/src/v-angular/drag-drop/index.d.ts +4 -0
  296. package/src/v-angular/dropdown/dropdown-list/dropdown-list.component.d.ts +11 -4
  297. package/src/v-angular/dropdown/dropdown.component.d.ts +10 -6
  298. package/src/v-angular/dropdown/dropdown.module.d.ts +8 -7
  299. package/src/v-angular/dropdown/typeahead/typeahead-dropdown-list/typeahead-dropdown-list.component.d.ts +6 -6
  300. package/src/v-angular/dropdown/typeahead/typeahead-highlight/typeahead-highlight.component.d.ts +3 -3
  301. package/src/v-angular/dropdown/typeahead/typeahead-input/typeahead-input.component.d.ts +8 -6
  302. package/src/v-angular/dropdown/typeahead/typeahead.directive.d.ts +14 -12
  303. package/src/v-angular/dropdown/typeahead/typeahead.module.d.ts +4 -4
  304. package/src/v-angular/external-link/external-link.directive.d.ts +3 -3
  305. package/src/v-angular/external-link/external-link.module.d.ts +4 -4
  306. package/src/v-angular/i18n/i18n.module.d.ts +7 -7
  307. package/src/v-angular/i18n/i18n.test.module.d.ts +4 -4
  308. package/src/v-angular/info-circle/info-circle.component.d.ts +4 -4
  309. package/src/v-angular/info-circle/info-circle.module.d.ts +4 -4
  310. package/src/v-angular/input/input.component.d.ts +5 -10
  311. package/src/v-angular/input/input.module.d.ts +5 -4
  312. package/src/v-angular/input-mask/input-mask.directive.d.ts +3 -3
  313. package/src/v-angular/input-mask/input-mask.module.d.ts +5 -5
  314. package/src/v-angular/modal/dialog/dialog.component.d.ts +16 -7
  315. package/src/v-angular/modal/fold-out/fold-out.component.d.ts +34 -11
  316. package/src/v-angular/modal/fold-out/fold-out.directive.d.ts +3 -3
  317. package/src/v-angular/modal/fold-out/keyboard-key.enum.d.ts +7 -0
  318. package/src/v-angular/modal/modal.module.d.ts +4 -4
  319. package/src/v-angular/modal/slide-out/slide-out.component.d.ts +13 -6
  320. package/src/v-angular/pagination/index.d.ts +2 -0
  321. package/src/v-angular/pagination/pagination.component.d.ts +64 -0
  322. package/src/v-angular/pagination/pagination.module.d.ts +12 -0
  323. package/src/v-angular/radio/radio.component.d.ts +14 -13
  324. package/src/v-angular/radio/radio.module.d.ts +5 -4
  325. package/src/v-angular/slug/slug.module.d.ts +4 -4
  326. package/src/v-angular/table/index.d.ts +5 -0
  327. package/src/v-angular/table/table.component.d.ts +229 -0
  328. package/src/v-angular/table/table.directive.d.ts +36 -0
  329. package/src/v-angular/table/table.models.d.ts +62 -0
  330. package/src/v-angular/table/table.module.d.ts +12 -0
  331. package/src/v-angular/table/table.tools.d.ts +5 -0
  332. package/src/v-angular/table/tr-thook.pipe.d.ts +7 -0
  333. package/src/v-angular/tabs/index.d.ts +4 -0
  334. package/src/v-angular/tabs/tab.directive.d.ts +37 -0
  335. package/src/v-angular/tabs/tabs.component.d.ts +65 -0
  336. package/src/v-angular/tabs/tabs.models.d.ts +25 -0
  337. package/src/v-angular/tabs/tabs.module.d.ts +11 -0
  338. package/src/v-angular/textarea/textarea.component.d.ts +6 -5
  339. package/src/v-angular/textarea/textarea.module.d.ts +6 -4
  340. package/src/v-angular/toast/index.d.ts +4 -0
  341. package/src/v-angular/toast/toast-message.service.d.ts +17 -0
  342. package/src/v-angular/toast/toast.component.d.ts +22 -0
  343. package/src/v-angular/toast/toast.models.d.ts +15 -0
  344. package/src/v-angular/toast/toast.module.d.ts +10 -0
  345. package/src/v-angular/tooltip/tooltip.directive.d.ts +5 -3
  346. package/src/v-angular/tooltip/tooltip.module.d.ts +4 -4
  347. package/src/v-angular/tooltip/tooltip.styles.d.ts +11 -0
  348. package/v-angular/alert/alert.component.d.ts +19 -0
  349. package/v-angular/alert/alert.models.d.ts +13 -0
  350. package/v-angular/alert/alert.module.d.ts +8 -0
  351. package/v-angular/alert/index.d.ts +3 -0
  352. package/v-angular/base-control-value-accessor/base-control-value-accessor.component.d.ts +10 -4
  353. package/v-angular/base-control-value-accessor/base-control-value-accessor.module.d.ts +4 -4
  354. package/v-angular/breadcrumbs/breadcrumbs.component.d.ts +4 -4
  355. package/v-angular/breadcrumbs/breadcrumbs.module.d.ts +4 -4
  356. package/v-angular/button/button.component.d.ts +5 -5
  357. package/v-angular/button/button.module.d.ts +4 -4
  358. package/v-angular/card/card.component.d.ts +3 -3
  359. package/v-angular/card/card.module.d.ts +4 -4
  360. package/v-angular/character-countdown/character-countdown.module.d.ts +4 -4
  361. package/v-angular/checkbox/checkbox.component.d.ts +6 -5
  362. package/v-angular/checkbox/checkbox.module.d.ts +5 -4
  363. package/v-angular/datepicker/components/calendar/calendar.component.d.ts +36 -0
  364. package/v-angular/datepicker/components/calendar-control/calendar-control.component.d.ts +30 -0
  365. package/v-angular/datepicker/components/date-input/date-input.component.d.ts +102 -0
  366. package/v-angular/datepicker/components/datepicker/datepicker.component.d.ts +62 -0
  367. package/v-angular/datepicker/date-control-value-accessor/date-control-value-accessor.component.d.ts +165 -0
  368. package/v-angular/datepicker/datepicker.globals.d.ts +13 -0
  369. package/v-angular/datepicker/datepicker.models.d.ts +50 -0
  370. package/v-angular/datepicker/datepicker.module.d.ts +19 -0
  371. package/v-angular/datepicker/datepicker.utils.d.ts +39 -0
  372. package/v-angular/datepicker/directives/calendar-date.directive.d.ts +21 -0
  373. package/v-angular/datepicker/index.d.ts +13 -0
  374. package/v-angular/datepicker/models/dates.d.ts +15 -0
  375. package/v-angular/datepicker/pipes/date-thook.pipe.d.ts +8 -0
  376. package/v-angular/datepicker/pipes/is-disabled.pipe.d.ts +8 -0
  377. package/v-angular/datepicker/pipes/matches.pipe.d.ts +7 -0
  378. package/v-angular/drag-drop/drag-drop.component.d.ts +131 -0
  379. package/v-angular/drag-drop/drag-drop.models.d.ts +49 -0
  380. package/v-angular/drag-drop/drag-drop.module.d.ts +13 -0
  381. package/v-angular/drag-drop/drag-drop.pipes.d.ts +40 -0
  382. package/v-angular/drag-drop/drag-drop.utils.d.ts +33 -0
  383. package/v-angular/drag-drop/index.d.ts +4 -0
  384. package/v-angular/dropdown/dropdown-list/dropdown-list.component.d.ts +11 -4
  385. package/v-angular/dropdown/dropdown.component.d.ts +10 -6
  386. package/v-angular/dropdown/dropdown.module.d.ts +8 -7
  387. package/v-angular/dropdown/typeahead/typeahead-dropdown-list/typeahead-dropdown-list.component.d.ts +6 -6
  388. package/v-angular/dropdown/typeahead/typeahead-highlight/typeahead-highlight.component.d.ts +3 -3
  389. package/v-angular/dropdown/typeahead/typeahead-input/typeahead-input.component.d.ts +8 -6
  390. package/v-angular/dropdown/typeahead/typeahead.directive.d.ts +14 -12
  391. package/v-angular/dropdown/typeahead/typeahead.module.d.ts +4 -4
  392. package/v-angular/external-link/external-link.directive.d.ts +17 -0
  393. package/v-angular/external-link/external-link.module.d.ts +8 -0
  394. package/v-angular/external-link/index.d.ts +2 -0
  395. package/v-angular/i18n/i18n.module.d.ts +7 -7
  396. package/v-angular/i18n/i18n.test.module.d.ts +4 -4
  397. package/v-angular/index.d.ts +9 -0
  398. package/v-angular/info-circle/info-circle.component.d.ts +4 -4
  399. package/v-angular/info-circle/info-circle.module.d.ts +4 -4
  400. package/v-angular/input/input.component.d.ts +5 -10
  401. package/v-angular/input/input.module.d.ts +5 -4
  402. package/v-angular/input-mask/input-mask.directive.d.ts +3 -3
  403. package/v-angular/input-mask/input-mask.module.d.ts +5 -5
  404. package/v-angular/modal/dialog/dialog.component.d.ts +16 -7
  405. package/v-angular/modal/fold-out/fold-out.component.d.ts +34 -11
  406. package/v-angular/modal/fold-out/fold-out.directive.d.ts +3 -3
  407. package/v-angular/modal/fold-out/keyboard-key.enum.d.ts +7 -0
  408. package/v-angular/modal/modal.module.d.ts +4 -4
  409. package/v-angular/modal/slide-out/slide-out.component.d.ts +13 -6
  410. package/v-angular/pagination/index.d.ts +2 -0
  411. package/v-angular/pagination/pagination.component.d.ts +64 -0
  412. package/v-angular/pagination/pagination.module.d.ts +12 -0
  413. package/v-angular/radio/radio.component.d.ts +14 -13
  414. package/v-angular/radio/radio.module.d.ts +5 -4
  415. package/v-angular/slug/index.d.ts +2 -0
  416. package/v-angular/slug/slug.module.d.ts +8 -0
  417. package/v-angular/slug/slug.pipe.d.ts +12 -0
  418. package/v-angular/table/index.d.ts +5 -0
  419. package/v-angular/table/table.component.d.ts +229 -0
  420. package/v-angular/table/table.directive.d.ts +36 -0
  421. package/v-angular/table/table.models.d.ts +62 -0
  422. package/v-angular/table/table.module.d.ts +12 -0
  423. package/v-angular/table/table.tools.d.ts +5 -0
  424. package/v-angular/table/tr-thook.pipe.d.ts +7 -0
  425. package/v-angular/tabs/index.d.ts +4 -0
  426. package/v-angular/tabs/tab.directive.d.ts +37 -0
  427. package/v-angular/tabs/tabs.component.d.ts +65 -0
  428. package/v-angular/tabs/tabs.models.d.ts +25 -0
  429. package/v-angular/tabs/tabs.module.d.ts +11 -0
  430. package/v-angular/textarea/textarea.component.d.ts +6 -5
  431. package/v-angular/textarea/textarea.module.d.ts +6 -4
  432. package/v-angular/toast/index.d.ts +4 -0
  433. package/v-angular/toast/toast-message.service.d.ts +17 -0
  434. package/v-angular/toast/toast.component.d.ts +22 -0
  435. package/v-angular/toast/toast.models.d.ts +15 -0
  436. package/v-angular/toast/toast.module.d.ts +10 -0
  437. package/v-angular/tooltip/tooltip.directive.d.ts +5 -3
  438. package/v-angular/tooltip/tooltip.module.d.ts +4 -4
  439. package/v-angular/tooltip/tooltip.styles.d.ts +11 -0
  440. package/v-angular/v-angular.module.d.ts +27 -18
@@ -2,13 +2,14 @@ import * as i1 from '@angular/common';
2
2
  import { CommonModule } from '@angular/common';
3
3
  import * as i0 from '@angular/core';
4
4
  import { EventEmitter, Component, ViewChild, HostBinding, Input, Output, HostListener, ElementRef, Directive, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
5
- import * as i3 from '@sebgroup/green-angular/src/lib/shared';
5
+ import * as i2$1 from '@sebgroup/green-angular/src/lib/shared';
6
6
  import { NggCoreWrapperModule } from '@sebgroup/green-angular/src/lib/shared';
7
- import { NgvButtonModule } from '@sebgroup/green-angular/src/v-angular/button';
8
- import { NgvI18nModule } from '@sebgroup/green-angular/src/v-angular/i18n';
7
+ import { NggvButtonModule } from '@sebgroup/green-angular/src/v-angular/button';
8
+ import { NggvI18nModule } from '@sebgroup/green-angular/src/v-angular/i18n';
9
9
  import * as i2 from '@jsverse/transloco';
10
10
  import '@sebgroup/green-core/components/icon/icons/dot-grid-one-horizontal.js';
11
11
  import { fromEvent } from 'rxjs';
12
+ import { takeWhile, filter } from 'rxjs/operators';
12
13
  import { trigger, transition, query, style, group, animate } from '@angular/animations';
13
14
 
14
15
  ;
@@ -30,14 +31,35 @@ import { trigger, transition, query, style, group, animate } from '@angular/anim
30
31
  }
31
32
  })();
32
33
 
33
- class NgvDialogComponent {
34
- constructor() {
34
+ class NggvDialogComponent {
35
+ set shown(value) {
36
+ this._shown = value;
37
+ if (value) {
38
+ this.hideOverflow();
39
+ }
40
+ else {
41
+ this.resetOverflow();
42
+ }
43
+ }
44
+ get shown() {
45
+ return this._shown;
46
+ }
47
+ /** @internal */
48
+ get ariaHidden() {
49
+ return !this.shown;
50
+ }
51
+ /** Buttons are defined as a key-value pair where key is one of "positive|neutral|negative" and value is the button label. */
52
+ set buttons(buttons) {
53
+ this._buttons = buttons;
54
+ }
55
+ constructor(renderer) {
56
+ this.renderer = renderer;
35
57
  /** Special property used for selecting DOM elements during automated UI testing. */
36
58
  this.thook = 'dialog';
37
59
  /** @internal */
38
60
  this.baseClass = true;
39
61
  /** @internal Defines the default visibility state of the dialog. */
40
- this.shown = false;
62
+ this._shown = false;
41
63
  /** Defines the default visibility state of the dialog. */
42
64
  this.initiallyShown = false;
43
65
  /**
@@ -58,20 +80,14 @@ class NgvDialogComponent {
58
80
  this.nggvNeutralEvent = new EventEmitter();
59
81
  this.nggvNegativeEvent = new EventEmitter();
60
82
  }
61
- /** @internal */
62
- get ariaHidden() {
63
- return !this.shown;
64
- }
65
- /** Buttons are defined as a key-value pair where key is one of "positive|neutral|negative" and value is the button label. */
66
- set buttons(buttons) {
67
- this._buttons = buttons;
68
- }
69
83
  ngOnInit() {
70
84
  this.dialogTitleId =
71
- this.dialogTitleId ?? 'sdv-dialog-title-' + window.nggv?.nextId();
72
- this.dialogBodyId =
73
- this.dialogBodyId ?? 'sdv-dialog-body-' + window.nggv?.nextId();
74
- this.shown = this.initiallyShown;
85
+ this.dialogTitleId ?? 'gds-dialog-title-' + window.nggv?.nextId();
86
+ if (this.dialogBodyId !== null) {
87
+ this.dialogBodyId =
88
+ this.dialogBodyId ?? 'gds-dialog-body-' + window.nggv?.nextId();
89
+ }
90
+ this._shown = this.initiallyShown;
75
91
  if (this.shown)
76
92
  this._limitFocusable();
77
93
  }
@@ -97,8 +113,9 @@ class NgvDialogComponent {
97
113
  this.close(event, 'action');
98
114
  }
99
115
  open(opener) {
100
- this.shown = true;
116
+ this._shown = true;
101
117
  this._previous = opener || document.activeElement;
118
+ this.hideOverflow();
102
119
  this._limitFocusable();
103
120
  return true;
104
121
  }
@@ -109,8 +126,8 @@ class NgvDialogComponent {
109
126
  const focusable = this.dialogRef.nativeElement.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
110
127
  this._firstFocusable = focusable[0];
111
128
  this._lastFocusable = focusable[focusable.length - 1];
112
- if (this._lastFocusable)
113
- this._lastFocusable.focus();
129
+ if (this._firstFocusable)
130
+ this._firstFocusable.focus();
114
131
  });
115
132
  }
116
133
  close(event, initiator) {
@@ -126,7 +143,8 @@ class NgvDialogComponent {
126
143
  };
127
144
  this.nggvCloseEvent.emit(emitEvent);
128
145
  }
129
- this.shown = false;
146
+ this.resetOverflow();
147
+ this._shown = false;
130
148
  window.setTimeout(() => {
131
149
  if (this._previous)
132
150
  this._previous.focus();
@@ -153,13 +171,20 @@ class NgvDialogComponent {
153
171
  }
154
172
  }
155
173
  }
156
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
157
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NgvDialogComponent, selector: "nggv-dialog", inputs: { thook: "thook", shown: "shown", initiallyShown: "initiallyShown", heading: "heading", title: "title", content: "content", autoClose: "autoClose", payload: "payload", dialogTitleId: "dialogTitleId", dialogBodyId: "dialogBodyId", closeModalOnEscape: "closeModalOnEscape", buttons: "buttons" }, outputs: { nggvCloseEvent: "nggvCloseEvent", nggvPositiveEvent: "nggvPositiveEvent", nggvNeutralEvent: "nggvNeutralEvent", nggvNegativeEvent: "nggvNegativeEvent" }, host: { listeners: { "click": "close($event,\"host\")", "document:keydown.escape": "close($event)", "keydown": "focusTrap($event)" }, properties: { "attr.data-thook": "this.thook", "class.sdv-modal-dialog": "this.baseClass", "class.-active": "this.shown", "attr.aria-hidden": "this.ariaHidden" } }, viewQueries: [{ propertyName: "dialogRef", first: true, predicate: ["dialog"], descendants: true }], exportAs: ["dialog"], ngImport: i0, template: "<div\n class=\"sdv-modal-dialog__container\"\n *transloco=\"let t\"\n #dialog\n role=\"dialog\"\n aria-dialog=\"true\"\n [attr.aria-labelledby]=\"dialogTitleId\"\n [attr.aria-describedby]=\"dialogBodyId\"\n>\n <header class=\"modal-dialog__heading\">\n <h3 [attr.id]=\"dialogTitleId\">{{ t(heading || title || '') }}</h3>\n <button\n type=\"button\"\n data-thook=\"dialog-close\"\n (click)=\"onAction($event, 'close')\"\n (keydown.enter)=\"onAction($event, 'close')\"\n class=\"close\"\n >\n <gds-icon-cross-small\n *nggCoreElement\n width=\"24\"\n height=\"24\"\n ></gds-icon-cross-small>\n </button>\n </header>\n <section class=\"modal-dialog__body\" [attr.id]=\"dialogBodyId\">\n <div [innerHtml]=\"content\"></div>\n <ng-content></ng-content>\n </section>\n <footer class=\"modal-dialog__actions\">\n <button\n class=\"danger\"\n type=\"reset\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.negative || 'negative')\"\n (click)=\"onAction($event, 'negative')\"\n (keydown.enter)=\"onAction($event, 'negative')\"\n *ngIf=\"_buttons && _buttons.negative\"\n >\n {{ t(_buttons.negative) }}\n </button>\n <button\n class=\"secondary\"\n type=\"button\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.neutral || 'neutral')\"\n (click)=\"onAction($event, 'neutral')\"\n (keydown.enter)=\"onAction($event, 'neutral')\"\n *ngIf=\"_buttons && _buttons.neutral\"\n >\n {{ t(_buttons.neutral) }}\n </button>\n <button\n class=\"submit\"\n type=\"submit\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.positive || 'positive')\"\n (click)=\"onAction($event, 'positive')\"\n (keydown.enter)=\"onAction($event, 'positive')\"\n *ngIf=\"_buttons && _buttons.positive\"\n >\n {{ t(_buttons.positive) }}\n </button>\n </footer>\n</div>\n\n<div class=\"sdv-modal-backdrop\"></div>\n", styles: ["button,input[type=button],input[type=submit],input[type=reset],.button,.gds-filter-chip{background-color:transparent;border:0;cursor:pointer;font-family:inherit;padding:0}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),input:where([type=button],[type=submit],[type=reset]),.button{padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus:not(:focus-visible),input:where([type=button],[type=submit],[type=reset]):focus:not(:focus-visible),.button:focus:not(:focus-visible){box-shadow:none;outline:0}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus,button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus-visible,input:where([type=button],[type=submit],[type=reset]):focus,input:where([type=button],[type=submit],[type=reset]):focus-visible,.button:focus,.button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),input:where([type=button],[type=submit],[type=reset]),.button{min-width:100%}}@media screen and (-ms-high-contrast: active){button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),input:where([type=button],[type=submit],[type=reset]),.button{border:2px solid currentcolor}}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).small,input:where([type=button],[type=submit],[type=reset]).small,.button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).large,input:where([type=button],[type=submit],[type=reset]).large,.button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)),button.secondary,a.button.secondary,input:is([type=button],[type=reset]),button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])),button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)){transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:#007ac7;color:#007ac7;--color: rgb(0, 122, 199)}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus:not(:focus-visible),a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus:not(:focus-visible),button.secondary:focus:not(:focus-visible),a.button.secondary:focus:not(:focus-visible),input:is([type=button],[type=reset]):focus:not(:focus-visible),button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):focus:not(:focus-visible),button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus:not(:focus-visible){box-shadow:none;outline:0}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus-visible,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus-visible,button.secondary:focus,button.secondary:focus-visible,a.button.secondary:focus,a.button.secondary:focus-visible,input:is([type=button],[type=reset]):focus,input:is([type=button],[type=reset]):focus-visible,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):focus,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):focus-visible,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):not(:disabled,.disabled,[aria-disabled]):hover,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.secondary:not(:disabled,.disabled,[aria-disabled]):hover,a.button.secondary:not(:disabled,.disabled,[aria-disabled]):hover,input:is([type=button],[type=reset]):not(:disabled,.disabled,[aria-disabled]):hover,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):not(:disabled,.disabled,[aria-disabled]):hover,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-selected=true],button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active:hover,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active:hover,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected=true],a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover,button.secondary[aria-selected=true],button.secondary:active,button.secondary.active,button.secondary.active:hover,button.secondary:active:hover,a.button.secondary[aria-selected=true],a.button.secondary:active,a.button.secondary.active,a.button.secondary.active:hover,a.button.secondary:active:hover,input:is([type=button],[type=reset])[aria-selected=true],input:is([type=button],[type=reset]):active,input:is([type=button],[type=reset]).active,input:is([type=button],[type=reset]).active:hover,input:is([type=button],[type=reset]):active:hover,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu]))[aria-selected=true],button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):active,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).active,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).active:hover,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):active:hover,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected=true],button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true],a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true],button.secondary:disabled,button.secondary.disabled,button.secondary[aria-disabled=true],a.button.secondary:disabled,a.button.secondary.disabled,a.button.secondary[aria-disabled=true],input:is([type=button],[type=reset]):disabled,input:is([type=button],[type=reset]).disabled,input:is([type=button],[type=reset])[aria-disabled=true],button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):disabled,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).disabled,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu]))[aria-disabled=true],button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled::placeholder,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled::placeholder,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true]::placeholder,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled::placeholder,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled::placeholder,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true]::placeholder,button.secondary:disabled::placeholder,button.secondary.disabled::placeholder,button.secondary[aria-disabled=true]::placeholder,a.button.secondary:disabled::placeholder,a.button.secondary.disabled::placeholder,a.button.secondary[aria-disabled=true]::placeholder,input:is([type=button],[type=reset]):disabled::placeholder,input:is([type=button],[type=reset]).disabled::placeholder,input:is([type=button],[type=reset])[aria-disabled=true]::placeholder,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):disabled::placeholder,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).disabled::placeholder,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu]))[aria-disabled=true]::placeholder,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled::placeholder,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled::placeholder,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),a.button:where(:not(.primary,.secondary,.ghost,.close,.link)),button.tertiary,a.button.tertiary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:transparent;color:#007ac7;--color: rgb(0, 122, 199)}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus:not(:focus-visible),a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):focus:not(:focus-visible),button.tertiary:focus:not(:focus-visible),a.button.tertiary:focus:not(:focus-visible){box-shadow:none;outline:0}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus-visible,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):focus,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):focus-visible,button.tertiary:focus,button.tertiary:focus-visible,a.button.tertiary:focus,a.button.tertiary:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):not(:disabled,.disabled,[aria-disabled]):hover,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.tertiary:not(:disabled,.disabled,[aria-disabled]):hover,a.button.tertiary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-selected=true],button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active:hover,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active:hover,a.button:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-selected=true],a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):active,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).active,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).active:hover,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):active:hover,button.tertiary[aria-selected=true],button.tertiary:active,button.tertiary.active,button.tertiary.active:hover,button.tertiary:active:hover,a.button.tertiary[aria-selected=true],a.button.tertiary:active,a.button.tertiary.active,a.button.tertiary.active:hover,a.button.tertiary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true],a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):disabled,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).disabled,a.button:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-disabled=true],button.tertiary:disabled,button.tertiary.disabled,button.tertiary[aria-disabled=true],a.button.tertiary:disabled,a.button.tertiary.disabled,a.button.tertiary[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled::placeholder,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled::placeholder,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true]::placeholder,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):disabled::placeholder,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).disabled::placeholder,a.button:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-disabled=true]::placeholder,button.tertiary:disabled::placeholder,button.tertiary.disabled::placeholder,button.tertiary[aria-disabled=true]::placeholder,a.button.tertiary:disabled::placeholder,a.button.tertiary.disabled::placeholder,a.button.tertiary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.primary,input[type=submit],button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip),input[type=submit]:not(.secondary,.ghost,.danger,.close,.link),a.button.primary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:#007ac7;border-color:#007ac7;color:#fff;--color: #fff}button.primary:not(:disabled,.disabled,[aria-disabled]):hover,input[type=submit]:not(:disabled,.disabled,[aria-disabled]):hover,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):not(:disabled,.disabled,[aria-disabled]):hover,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):not(:disabled,.disabled,[aria-disabled]):hover,a.button.primary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}button.primary[aria-selected=true],button.primary:active,button.primary.active,button.primary.active:hover,button.primary:active:hover,input[type=submit][aria-selected=true],input[type=submit]:active,input[type=submit].active,input[type=submit].active:hover,input[type=submit]:active:hover,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip)[aria-selected=true],button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):active,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).active,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).active:hover,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):active:hover,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link)[aria-selected=true],input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):active,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).active,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).active:hover,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):active:hover,a.button.primary[aria-selected=true],a.button.primary:active,a.button.primary.active,a.button.primary.active:hover,a.button.primary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}button.primary:focus-visible,input[type=submit]:focus-visible,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):focus-visible,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):focus-visible,a.button.primary:focus-visible{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3!important}button.primary:disabled,button.primary.disabled,button.primary[aria-disabled=true],input[type=submit]:disabled,input[type=submit].disabled,input[type=submit][aria-disabled=true],button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):disabled,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).disabled,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip)[aria-disabled=true],input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):disabled,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).disabled,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link)[aria-disabled=true],a.button.primary:disabled,a.button.primary.disabled,a.button.primary[aria-disabled=true]{background:var(--form-control-primary-bg-disabled)!important;color:var(--text-primary-disabled-color)!important;border-color:var(--border-primary-disabled-color)!important;cursor:not-allowed}button.primary:disabled::placeholder,button.primary.disabled::placeholder,button.primary[aria-disabled=true]::placeholder,input[type=submit]:disabled::placeholder,input[type=submit].disabled::placeholder,input[type=submit][aria-disabled=true]::placeholder,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):disabled::placeholder,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).disabled::placeholder,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip)[aria-disabled=true]::placeholder,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):disabled::placeholder,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).disabled::placeholder,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link)[aria-disabled=true]::placeholder,a.button.primary:disabled::placeholder,a.button.primary.disabled::placeholder,a.button.primary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.ghost,.button.ghost{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;border-color:#333;color:#333;--color: rgb(51, 51, 51)}button.ghost:not(:disabled,.disabled,[aria-disabled]):hover,.button.ghost:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}button.ghost[aria-selected=true],button.ghost:active,button.ghost.active,button.ghost.active:hover,button.ghost:active:hover,.button.ghost[aria-selected=true],.button.ghost:active,.button.ghost.active,.button.ghost.active:hover,.button.ghost:active:hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}button.ghost[aria-selected]:hover,button.ghost.active:hover,button.ghost:active:hover,.button.ghost[aria-selected]:hover,.button.ghost.active:hover,.button.ghost:active:hover{opacity:.9}button.ghost:focus-visible,.button.ghost:focus-visible{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333!important}button.ghost:disabled,button.ghost.disabled,button.ghost[aria-disabled=true],.button.ghost:disabled,.button.ghost.disabled,.button.ghost[aria-disabled=true]{color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}button.ghost:disabled::placeholder,button.ghost.disabled::placeholder,button.ghost[aria-disabled=true]::placeholder,.button.ghost:disabled::placeholder,.button.ghost.disabled::placeholder,.button.ghost[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.icon,.button.icon{background-color:transparent;border:.0625rem solid transparent;padding:.625rem;height:2.75rem;width:2.75rem;min-width:auto;--color: var(--gds-ref-pallet-base800)}.form-group button.icon,.form-group .button.icon{margin-top:-.625rem}button.icon.small,.button.icon.small{height:2rem;width:2rem;padding:.4375rem;line-height:1.125rem}button.icon svg,.button.icon svg{height:1rem;width:1rem}button.icon path,button.icon line,button.icon circle,button.icon rect,button.icon ellipse,button.icon polyline,button.icon text,.button.icon path,.button.icon line,.button.icon circle,.button.icon rect,.button.icon ellipse,.button.icon polyline,.button.icon text{fill:var(--gds-ref-pallet-base800);stroke:var(--gds-ref-pallet-base800);transition:all .3s cubic-bezier(.23,1,.32,1)}button.icon:hover,button.icon.highlighted,.button.icon:hover,.button.icon.highlighted{background-color:#0000001a;border-color:transparent}button.icon:active,button.icon.highlighted:hover,.button.icon:active,.button.icon.highlighted:hover{background-color:#0003;border-color:transparent}button.primary.danger,.button.primary.danger,button[type=submit].danger:not(.secondary,.ghost,.close,.link),input[type=submit].danger:not(.secondary,.ghost,.close,.link){background:#bb000c;border-color:#bb000c;color:#fff;--color: #fff;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}button.primary.danger:not(:disabled,.disabled,[aria-disabled]):hover,.button.primary.danger:not(:disabled,.disabled,[aria-disabled]):hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link):not(:disabled,.disabled,[aria-disabled]):hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}button.primary.danger[aria-selected=true],button.primary.danger:active,button.primary.danger.active,button.primary.danger.active:hover,button.primary.danger:active:hover,.button.primary.danger[aria-selected=true],.button.primary.danger:active,.button.primary.danger.active,.button.primary.danger.active:hover,.button.primary.danger:active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected=true],button[type=submit].danger:not(.secondary,.ghost,.close,.link):active,button[type=submit].danger:not(.secondary,.ghost,.close,.link).active,button[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected=true],input[type=submit].danger:not(.secondary,.ghost,.close,.link):active,input[type=submit].danger:not(.secondary,.ghost,.close,.link).active,input[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}button.primary.danger[aria-selected]:hover,button.primary.danger.active:hover,button.primary.danger:active:hover,.button.primary.danger[aria-selected]:hover,.button.primary.danger.active:hover,.button.primary.danger:active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected]:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected]:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover{opacity:.9}button.primary.danger:focus:not(:focus-visible),.button.primary.danger:focus:not(:focus-visible),button[type=submit].danger:not(.secondary,.ghost,.close,.link):focus:not(:focus-visible),input[type=submit].danger:not(.secondary,.ghost,.close,.link):focus:not(:focus-visible){box-shadow:none;outline:0}button.primary.danger:focus,button.primary.danger:focus-visible,.button.primary.danger:focus,.button.primary.danger:focus-visible,button[type=submit].danger:not(.secondary,.ghost,.close,.link):focus,button[type=submit].danger:not(.secondary,.ghost,.close,.link):focus-visible,input[type=submit].danger:not(.secondary,.ghost,.close,.link):focus,input[type=submit].danger:not(.secondary,.ghost,.close,.link):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button.primary.danger:disabled,button.primary.danger.disabled,button.primary.danger[aria-disabled=true],.button.primary.danger:disabled,.button.primary.danger.disabled,.button.primary.danger[aria-disabled=true],button[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled,button[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true],input[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled,input[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true]{background:var(--form-control-primary-bg-disabled)!important;color:var(--text-primary-disabled-color)!important;border-color:var(--border-primary-disabled-color)!important;cursor:not-allowed}button.primary.danger:disabled::placeholder,button.primary.danger.disabled::placeholder,button.primary.danger[aria-disabled=true]::placeholder,.button.primary.danger:disabled::placeholder,.button.primary.danger.disabled::placeholder,.button.primary.danger[aria-disabled=true]::placeholder,button[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled::placeholder,button[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled::placeholder,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true]::placeholder,input[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled::placeholder,input[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled::placeholder,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])),a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)),button.secondary.danger,a.button.secondary.danger,input.danger:is([type=button],[type=reset]),button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])),button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)){color:#bb000c;--color: rgb(187, 0, 12);border-color:transparent;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):not(:disabled,.disabled,[aria-disabled]):hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.secondary.danger:not(:disabled,.disabled,[aria-disabled]):hover,a.button.secondary.danger:not(:disabled,.disabled,[aria-disabled]):hover,input.danger:is([type=button],[type=reset]):not(:disabled,.disabled,[aria-disabled]):hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):not(:disabled,.disabled,[aria-disabled]):hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected=true],button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link))[aria-selected=true],a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):active,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)).active,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):active:hover,button.secondary.danger[aria-selected=true],button.secondary.danger:active,button.secondary.danger.active,button.secondary.danger.active:hover,button.secondary.danger:active:hover,a.button.secondary.danger[aria-selected=true],a.button.secondary.danger:active,a.button.secondary.danger.active,a.button.secondary.danger.active:hover,a.button.secondary.danger:active:hover,input.danger:is([type=button],[type=reset])[aria-selected=true],input.danger:is([type=button],[type=reset]):active,input.danger:is([type=button],[type=reset]).active,input.danger:is([type=button],[type=reset]).active:hover,input.danger:is([type=button],[type=reset]):active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu]))[aria-selected=true],button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):active,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])).active,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])).active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected=true],button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected]:hover,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link))[aria-selected]:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):active:hover,button.secondary.danger[aria-selected]:hover,button.secondary.danger.active:hover,button.secondary.danger:active:hover,a.button.secondary.danger[aria-selected]:hover,a.button.secondary.danger.active:hover,a.button.secondary.danger:active:hover,input.danger:is([type=button],[type=reset])[aria-selected]:hover,input.danger:is([type=button],[type=reset]).active:hover,input.danger:is([type=button],[type=reset]):active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu]))[aria-selected]:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])).active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected]:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover{opacity:.9}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus:not(:focus-visible),a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):focus:not(:focus-visible),button.secondary.danger:focus:not(:focus-visible),a.button.secondary.danger:focus:not(:focus-visible),input.danger:is([type=button],[type=reset]):focus:not(:focus-visible),button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):focus:not(:focus-visible),button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus:not(:focus-visible){box-shadow:none;outline:0}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus-visible,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):focus,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):focus-visible,button.secondary.danger:focus,button.secondary.danger:focus-visible,a.button.secondary.danger:focus,a.button.secondary.danger:focus-visible,input.danger:is([type=button],[type=reset]):focus,input.danger:is([type=button],[type=reset]):focus-visible,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):focus,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):focus-visible,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])),a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)),button.tertiary.danger,a.button.tertiary.danger{color:#bb000c;--color: rgb(187, 0, 12);border-color:transparent;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):not(:disabled,.disabled,[aria-disabled]):hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.tertiary.danger:not(:disabled,.disabled,[aria-disabled]):hover,a.button.tertiary.danger:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected=true],button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-selected=true],a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):active,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)).active,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):active:hover,button.tertiary.danger[aria-selected=true],button.tertiary.danger:active,button.tertiary.danger.active,button.tertiary.danger.active:hover,button.tertiary.danger:active:hover,a.button.tertiary.danger[aria-selected=true],a.button.tertiary.danger:active,a.button.tertiary.danger.active,a.button.tertiary.danger.active:hover,a.button.tertiary.danger:active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected]:hover,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-selected]:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):active:hover,button.tertiary.danger[aria-selected]:hover,button.tertiary.danger.active:hover,button.tertiary.danger:active:hover,a.button.tertiary.danger[aria-selected]:hover,a.button.tertiary.danger.active:hover,a.button.tertiary.danger:active:hover{opacity:.9}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus:not(:focus-visible),a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):focus:not(:focus-visible),button.tertiary.danger:focus:not(:focus-visible),a.button.tertiary.danger:focus:not(:focus-visible){box-shadow:none;outline:0}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus-visible,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):focus,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):focus-visible,button.tertiary.danger:focus,button.tertiary.danger:focus-visible,a.button.tertiary.danger:focus,a.button.tertiary.danger:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host{inset:0;position:fixed;display:grid;place-content:center;z-index:calc(var(--sg-z-index-modal-backdrop) + 1)}:host .sdv-modal-dialog__container{background:var(--sg-modal-background);display:flex;flex-direction:column;box-shadow:var(--sg-modal-box-shadow);position:absolute;width:100%;z-index:var(--sg-z-index-modal);position:initial;width:375px;max-width:95vw}:host .sdv-modal-dialog__container>.header,:host .sdv-modal-dialog__container>header{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .sdv-modal-dialog__container>.header h3,:host .sdv-modal-dialog__container>.header .h3,:host .sdv-modal-dialog__container>header h3,:host .sdv-modal-dialog__container>header .h3{margin-bottom:0;margin-top:0}:host .sdv-modal-dialog__container>.header h3+.close,:host .sdv-modal-dialog__container>.header .h3+.close,:host .sdv-modal-dialog__container>header h3+.close,:host .sdv-modal-dialog__container>header .h3+.close{margin:-7px;min-width:2rem}:host .sdv-modal-dialog__container>.body{padding:1rem;overflow:auto;width:100%}:host .sdv-modal-dialog__container>.body p{margin-bottom:0;margin-top:0}:host .sdv-modal-dialog__container>.footer,:host .sdv-modal-dialog__container>footer{padding:1rem;width:100%}@media (min-width: 36em){:host .sdv-modal-dialog__container>.footer,:host .sdv-modal-dialog__container>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .sdv-modal-dialog__container>.footer button+button,:host .sdv-modal-dialog__container>.footer button+.button,:host .sdv-modal-dialog__container>.footer .button+button,:host .sdv-modal-dialog__container>.footer .button+.button,:host .sdv-modal-dialog__container>footer button+button,:host .sdv-modal-dialog__container>footer button+.button,:host .sdv-modal-dialog__container>footer .button+button,:host .sdv-modal-dialog__container>footer .button+.button{margin-top:.75rem}}@media (min-width: 36em){:host .sdv-modal-dialog__container>.footer button+button,:host .sdv-modal-dialog__container>.footer button+.button,:host .sdv-modal-dialog__container>.footer .button+button,:host .sdv-modal-dialog__container>.footer .button+.button,:host .sdv-modal-dialog__container>footer button+button,:host .sdv-modal-dialog__container>footer button+.button,:host .sdv-modal-dialog__container>footer .button+button,:host .sdv-modal-dialog__container>footer .button+.button{margin-left:.75rem}}:host .sdv-modal-dialog__container.medium{width:512px}:host .sdv-modal-dialog__container.large{width:720px}:host .modal-dialog__heading{box-sizing:border-box;padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .modal-dialog__heading h3,:host .modal-dialog__heading .h3{margin-bottom:0;margin-top:0}:host .modal-dialog__heading h3+.close,:host .modal-dialog__heading .h3+.close{margin:-7px;min-width:2rem}:host .modal-dialog__heading button{display:grid;place-content:center}:host .modal-dialog__body{padding:1rem;overflow:auto;width:100%}:host .modal-dialog__body p{margin-bottom:0;margin-top:0}:host .modal-dialog__actions,:host .modal-dialog__heading,:host .modal-dialog__body{box-sizing:border-box}:host .sdv-modal-backdrop{background:#00000059;inset:0;position:fixed;z-index:999;display:block;transition:opacity .5s cubic-bezier(.33,1,.68,1)}:host .sdv-modal-backdrop--transparent{opacity:0}:host .sdv-modal-backdrop--transparent.entered,:host .sdv-modal-backdrop--transparent.is-entering{opacity:1}:host .sdv-modal-backdrop--transparent.is-exiting{opacity:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "directive", type: i3.NggCoreElementDirective, selector: "[nggCoreElement]" }] }); }
174
+ // to prevent background scrolling when modal is open
175
+ hideOverflow() {
176
+ this.renderer.setStyle(document.body, 'overflow', 'hidden');
177
+ }
178
+ resetOverflow() {
179
+ this.renderer.removeStyle(document.body, 'overflow');
180
+ }
181
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvDialogComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
182
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NggvDialogComponent, selector: "nggv-dialog", inputs: { thook: "thook", shown: "shown", initiallyShown: "initiallyShown", heading: "heading", title: "title", content: "content", autoClose: "autoClose", payload: "payload", dialogTitleId: "dialogTitleId", dialogBodyId: "dialogBodyId", closeModalOnEscape: "closeModalOnEscape", closeButtonAriaLabel: "closeButtonAriaLabel", buttons: "buttons" }, outputs: { nggvCloseEvent: "nggvCloseEvent", nggvPositiveEvent: "nggvPositiveEvent", nggvNeutralEvent: "nggvNeutralEvent", nggvNegativeEvent: "nggvNegativeEvent" }, host: { listeners: { "click": "close($event,\"host\")", "document:keydown.escape": "close($event)", "keydown": "focusTrap($event)" }, properties: { "attr.data-thook": "this.thook", "class.gds-modal-dialog": "this.baseClass", "attr.aria-hidden": "this.ariaHidden" } }, viewQueries: [{ propertyName: "dialogRef", first: true, predicate: ["dialog"], descendants: true }], exportAs: ["dialog"], ngImport: i0, template: "<ng-container *ngIf=\"shown\">\n <div class=\"modal-dialog__wrapper\" [class.-active]=\"shown\">\n <div\n class=\"modal-dialog__container\"\n *transloco=\"let t\"\n #dialog\n role=\"dialog\"\n aria-dialog=\"true\"\n [attr.aria-labelledby]=\"dialogTitleId\"\n [attr.aria-describedby]=\"dialogBodyId\"\n >\n <header class=\"modal-dialog__heading\">\n <h3 [attr.id]=\"dialogTitleId\">{{ t(heading || title || '') }}</h3>\n <button\n data-thook=\"dialog-close\"\n (click)=\"onAction($event, 'close')\"\n (keydown.enter)=\"onAction($event, 'close')\"\n [attr.aria-label]=\"closeButtonAriaLabel\"\n class=\"nggv-modal-slideout__close\"\n >\n <i></i>\n </button>\n </header>\n <section class=\"modal-dialog__body\" [attr.id]=\"dialogBodyId\">\n <div [innerHtml]=\"content\"></div>\n <ng-content></ng-content>\n </section>\n <footer class=\"modal-dialog__actions\">\n <button\n class=\"danger\"\n type=\"reset\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.negative || 'negative')\"\n (click)=\"onAction($event, 'negative')\"\n (keydown.enter)=\"onAction($event, 'negative')\"\n *ngIf=\"_buttons && _buttons.negative\"\n >\n {{ t(_buttons.negative) }}\n </button>\n <button\n class=\"secondary\"\n type=\"button\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.neutral || 'neutral')\"\n (click)=\"onAction($event, 'neutral')\"\n (keydown.enter)=\"onAction($event, 'neutral')\"\n *ngIf=\"_buttons && _buttons.neutral\"\n >\n {{ t(_buttons.neutral) }}\n </button>\n <button\n class=\"submit\"\n type=\"submit\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.positive || 'positive')\"\n (click)=\"onAction($event, 'positive')\"\n (keydown.enter)=\"onAction($event, 'positive')\"\n *ngIf=\"_buttons && _buttons.positive\"\n >\n {{ t(_buttons.positive) }}\n </button>\n </footer>\n </div>\n <div class=\"nggv-backdrop\"></div>\n </div>\n</ng-container>\n", styles: [":host{--grey-500: rgb(222, 222, 222);--background-hsl: 0deg, 0%, 0%;--gds-ref-pallet-base200: hsl(0, 0%, 91%);--gds-sys-color-base: hsl(0, 0%, 20%);--gds-sys-color-font: hsl(0, 0%, 20%);--gds-sys-shape-corner-round: 50%;--sg-border-color: hsl(0, 0%, 53%);--sg-border-radius: .25rem;--sg-border-width-50: .5px;--sg-border-width: 1px;--sg-hsl-contrast: 0deg, 0%, 0%;--sg-modal-backdrop-background: rgba(0, 0, 0, .5);--sg-modal-background: #fff;--sg-modal-box-shadow: 0 .125rem .375rem rgba(0, 0, 0, .15);--sg-z-index-modal-backdrop: 1040;--sg-z-index-modal: 1050;--text-primary-color: rgb(51, 51, 51)}:host .modal-dialog__wrapper{inset:0;position:fixed;display:grid;place-content:center;z-index:calc(var(--sg-z-index-modal-backdrop) + 1)}:host .modal-dialog__container{background:var(--sg-modal-background);display:flex;flex-direction:column;box-shadow:var(--sg-modal-box-shadow);position:absolute;width:100%;z-index:var(--sg-z-index-modal);position:initial;width:375px;max-width:95vw}:host .modal-dialog__container>.header,:host .modal-dialog__container>header{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .modal-dialog__container>.header h3,:host .modal-dialog__container>.header .h3,:host .modal-dialog__container>header h3,:host .modal-dialog__container>header .h3{margin-bottom:0;margin-top:0}:host .modal-dialog__container>.header h3+.close,:host .modal-dialog__container>.header .h3+.close,:host .modal-dialog__container>header h3+.close,:host .modal-dialog__container>header .h3+.close{margin:-7px;min-width:2rem}:host .modal-dialog__container>.body{padding:1rem;overflow:auto;width:100%}:host .modal-dialog__container>.body p{margin-bottom:0;margin-top:0}:host .modal-dialog__container>.footer,:host .modal-dialog__container>footer{padding:1rem;width:100%}@media (min-width: 36em){:host .modal-dialog__container>.footer,:host .modal-dialog__container>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .modal-dialog__container>.footer button+button,:host .modal-dialog__container>.footer button+.button,:host .modal-dialog__container>.footer .button+button,:host .modal-dialog__container>.footer .button+.button,:host .modal-dialog__container>footer button+button,:host .modal-dialog__container>footer button+.button,:host .modal-dialog__container>footer .button+button,:host .modal-dialog__container>footer .button+.button{margin-top:.75rem}}@media (min-width: 36em){:host .modal-dialog__container>.footer button+button,:host .modal-dialog__container>.footer button+.button,:host .modal-dialog__container>.footer .button+button,:host .modal-dialog__container>.footer .button+.button,:host .modal-dialog__container>footer button+button,:host .modal-dialog__container>footer button+.button,:host .modal-dialog__container>footer .button+button,:host .modal-dialog__container>footer .button+.button{margin-left:.75rem}}:host .modal-dialog__container.medium{width:512px}:host .modal-dialog__container.large{width:720px}:host .modal-dialog__heading{box-sizing:border-box;padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .modal-dialog__heading h3,:host .modal-dialog__heading .h3{margin-bottom:0;margin-top:0}:host .modal-dialog__heading h3+.close,:host .modal-dialog__heading .h3+.close{margin:-7px;min-width:2rem}:host .modal-dialog__body{padding:1rem;overflow:auto;width:100%}:host .modal-dialog__body p{margin-bottom:0;margin-top:0}:host .modal-dialog__actions,:host .modal-dialog__heading,:host .modal-dialog__body{box-sizing:border-box}:host .nggv-backdrop{background:var(--sg-modal-backdrop-background);inset:0;position:fixed;z-index:var(--sg-z-index-modal-backdrop);display:block;transition:opacity .5s cubic-bezier(.33,1,.68,1)}:host .nggv-backdrop--transparent{opacity:0}:host .nggv-backdrop--transparent.entered,:host .nggv-backdrop--transparent.is-entering{opacity:1}:host .nggv-backdrop--transparent.is-exiting{opacity:0}:host .nggv-modal-slideout__close{background-color:transparent;padding:0;font-size:0;background:var(--gds-sys-color-surface);border:0;border-radius:50%;content:\"\";cursor:pointer;display:flex;font-family:inherit;height:2rem;position:relative;width:2rem}@media (hover: none) and (pointer: coarse){:host .nggv-modal-slideout__close:not(:disabled):not(.disabled){padding:.375rem;height:2.75rem;width:2.75rem}:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>i{background:var(--gds-ref-pallet-base200);height:2rem;width:2rem;border-radius:50%;position:relative;--color: var(--gds-sys-color-base)}:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>div:after,:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>div:before{height:.789375rem;width:.130625rem;top:.625rem}}:host .nggv-modal-slideout__close:focus:not(:focus-visible){box-shadow:none;outline:0}:host .nggv-modal-slideout__close:focus,:host .nggv-modal-slideout__close:focus-visible i{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .nggv-modal-slideout__close>i{border-radius:var(--gds-sys-shape-corner-round);display:block;width:100%;height:100%}:host .nggv-modal-slideout__close>i:after,:host .nggv-modal-slideout__close>i:before{background:var(--gds-sys-color-font);content:\"\";display:block;height:.789375rem;width:.130625rem;border-radius:.5px;left:calc(50% - .0625rem);position:absolute;top:.625rem}:host .nggv-modal-slideout__close>i:after{transform:rotate(45deg)}:host .nggv-modal-slideout__close>i:before{transform:rotate(-45deg)}:host .nggv-modal-slideout__close>svg path{fill:var(--gds-sys-color-font)}@media (min-width: 48em){:host .nggv-modal-slideout__close:not(:disabled,.disabled):hover>i{background:color-mix(in srgb,var(--gds-sys-color-font) 10%,transparent)}:host .nggv-modal-slideout__close:not(:disabled,.disabled):hover:active>i{background:color-mix(in srgb,var(--gds-sys-color-font) 20%,transparent)}}:host .modal-dialog__actions button{background-color:transparent;border:0;cursor:pointer;padding:0;padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center;font-size:1rem;font-family:inherit}:host .modal-dialog__actions button:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions button:focus,:host .modal-dialog__actions button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){:host .modal-dialog__actions button{min-width:100%}}@media screen and (-ms-high-contrast: active){:host .modal-dialog__actions button{border:2px solid currentcolor}}:host .modal-dialog__actions button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host .modal-dialog__actions button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}:host .modal-dialog__actions .submit{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:#007ac7;border-color:#007ac7;color:#fff;--color: #fff}:host .modal-dialog__actions .submit:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host .modal-dialog__actions .submit[aria-selected=true],:host .modal-dialog__actions .submit:active,:host .modal-dialog__actions .submit.active,:host .modal-dialog__actions .submit.active:hover,:host .modal-dialog__actions .submit:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .modal-dialog__actions .submit:focus-visible{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3!important}:host .modal-dialog__actions .submit:disabled,:host .modal-dialog__actions .submit.disabled,:host .modal-dialog__actions .submit[aria-disabled=true]{background:var(--form-control-primary-bg-disabled)!important;color:var(--text-primary-disabled-color)!important;border-color:var(--border-primary-disabled-color)!important;cursor:not-allowed}:host .modal-dialog__actions .submit:disabled::placeholder,:host .modal-dialog__actions .submit.disabled::placeholder,:host .modal-dialog__actions .submit[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .modal-dialog__actions .secondary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:#007ac7;color:#007ac7;--color: rgb(0, 122, 199)}:host .modal-dialog__actions .secondary:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions .secondary:focus,:host .modal-dialog__actions .secondary:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .modal-dialog__actions .secondary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host .modal-dialog__actions .secondary[aria-selected=true],:host .modal-dialog__actions .secondary:active,:host .modal-dialog__actions .secondary.active,:host .modal-dialog__actions .secondary.active:hover,:host .modal-dialog__actions .secondary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .modal-dialog__actions .secondary:disabled,:host .modal-dialog__actions .secondary.disabled,:host .modal-dialog__actions .secondary[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}:host .modal-dialog__actions .secondary:disabled::placeholder,:host .modal-dialog__actions .secondary.disabled::placeholder,:host .modal-dialog__actions .secondary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .modal-dialog__actions .danger{color:#bb000c;--color: rgb(187, 0, 12);border-color:transparent;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}:host .modal-dialog__actions .danger:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}:host .modal-dialog__actions .danger[aria-selected=true],:host .modal-dialog__actions .danger:active,:host .modal-dialog__actions .danger.active,:host .modal-dialog__actions .danger.active:hover,:host .modal-dialog__actions .danger:active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}:host .modal-dialog__actions .danger[aria-selected]:hover,:host .modal-dialog__actions .danger.active:hover,:host .modal-dialog__actions .danger:active:hover{opacity:.9}:host .modal-dialog__actions .danger:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions .danger:focus,:host .modal-dialog__actions .danger:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }] }); }
158
183
  }
159
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvDialogComponent, decorators: [{
184
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvDialogComponent, decorators: [{
160
185
  type: Component,
161
- args: [{ selector: 'nggv-dialog', exportAs: 'dialog', template: "<div\n class=\"sdv-modal-dialog__container\"\n *transloco=\"let t\"\n #dialog\n role=\"dialog\"\n aria-dialog=\"true\"\n [attr.aria-labelledby]=\"dialogTitleId\"\n [attr.aria-describedby]=\"dialogBodyId\"\n>\n <header class=\"modal-dialog__heading\">\n <h3 [attr.id]=\"dialogTitleId\">{{ t(heading || title || '') }}</h3>\n <button\n type=\"button\"\n data-thook=\"dialog-close\"\n (click)=\"onAction($event, 'close')\"\n (keydown.enter)=\"onAction($event, 'close')\"\n class=\"close\"\n >\n <gds-icon-cross-small\n *nggCoreElement\n width=\"24\"\n height=\"24\"\n ></gds-icon-cross-small>\n </button>\n </header>\n <section class=\"modal-dialog__body\" [attr.id]=\"dialogBodyId\">\n <div [innerHtml]=\"content\"></div>\n <ng-content></ng-content>\n </section>\n <footer class=\"modal-dialog__actions\">\n <button\n class=\"danger\"\n type=\"reset\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.negative || 'negative')\"\n (click)=\"onAction($event, 'negative')\"\n (keydown.enter)=\"onAction($event, 'negative')\"\n *ngIf=\"_buttons && _buttons.negative\"\n >\n {{ t(_buttons.negative) }}\n </button>\n <button\n class=\"secondary\"\n type=\"button\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.neutral || 'neutral')\"\n (click)=\"onAction($event, 'neutral')\"\n (keydown.enter)=\"onAction($event, 'neutral')\"\n *ngIf=\"_buttons && _buttons.neutral\"\n >\n {{ t(_buttons.neutral) }}\n </button>\n <button\n class=\"submit\"\n type=\"submit\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.positive || 'positive')\"\n (click)=\"onAction($event, 'positive')\"\n (keydown.enter)=\"onAction($event, 'positive')\"\n *ngIf=\"_buttons && _buttons.positive\"\n >\n {{ t(_buttons.positive) }}\n </button>\n </footer>\n</div>\n\n<div class=\"sdv-modal-backdrop\"></div>\n", styles: ["button,input[type=button],input[type=submit],input[type=reset],.button,.gds-filter-chip{background-color:transparent;border:0;cursor:pointer;font-family:inherit;padding:0}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),input:where([type=button],[type=submit],[type=reset]),.button{padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus:not(:focus-visible),input:where([type=button],[type=submit],[type=reset]):focus:not(:focus-visible),.button:focus:not(:focus-visible){box-shadow:none;outline:0}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus,button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus-visible,input:where([type=button],[type=submit],[type=reset]):focus,input:where([type=button],[type=submit],[type=reset]):focus-visible,.button:focus,.button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),input:where([type=button],[type=submit],[type=reset]),.button{min-width:100%}}@media screen and (-ms-high-contrast: active){button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),input:where([type=button],[type=submit],[type=reset]),.button{border:2px solid currentcolor}}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).small,input:where([type=button],[type=submit],[type=reset]).small,.button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).large,input:where([type=button],[type=submit],[type=reset]).large,.button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)),button.secondary,a.button.secondary,input:is([type=button],[type=reset]),button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])),button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)){transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:#007ac7;color:#007ac7;--color: rgb(0, 122, 199)}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus:not(:focus-visible),a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus:not(:focus-visible),button.secondary:focus:not(:focus-visible),a.button.secondary:focus:not(:focus-visible),input:is([type=button],[type=reset]):focus:not(:focus-visible),button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):focus:not(:focus-visible),button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus:not(:focus-visible){box-shadow:none;outline:0}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus-visible,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus-visible,button.secondary:focus,button.secondary:focus-visible,a.button.secondary:focus,a.button.secondary:focus-visible,input:is([type=button],[type=reset]):focus,input:is([type=button],[type=reset]):focus-visible,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):focus,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):focus-visible,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):not(:disabled,.disabled,[aria-disabled]):hover,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.secondary:not(:disabled,.disabled,[aria-disabled]):hover,a.button.secondary:not(:disabled,.disabled,[aria-disabled]):hover,input:is([type=button],[type=reset]):not(:disabled,.disabled,[aria-disabled]):hover,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):not(:disabled,.disabled,[aria-disabled]):hover,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-selected=true],button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active:hover,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active:hover,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected=true],a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover,button.secondary[aria-selected=true],button.secondary:active,button.secondary.active,button.secondary.active:hover,button.secondary:active:hover,a.button.secondary[aria-selected=true],a.button.secondary:active,a.button.secondary.active,a.button.secondary.active:hover,a.button.secondary:active:hover,input:is([type=button],[type=reset])[aria-selected=true],input:is([type=button],[type=reset]):active,input:is([type=button],[type=reset]).active,input:is([type=button],[type=reset]).active:hover,input:is([type=button],[type=reset]):active:hover,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu]))[aria-selected=true],button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):active,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).active,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).active:hover,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):active:hover,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected=true],button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true],a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true],button.secondary:disabled,button.secondary.disabled,button.secondary[aria-disabled=true],a.button.secondary:disabled,a.button.secondary.disabled,a.button.secondary[aria-disabled=true],input:is([type=button],[type=reset]):disabled,input:is([type=button],[type=reset]).disabled,input:is([type=button],[type=reset])[aria-disabled=true],button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):disabled,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).disabled,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu]))[aria-disabled=true],button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled::placeholder,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled::placeholder,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true]::placeholder,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled::placeholder,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled::placeholder,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true]::placeholder,button.secondary:disabled::placeholder,button.secondary.disabled::placeholder,button.secondary[aria-disabled=true]::placeholder,a.button.secondary:disabled::placeholder,a.button.secondary.disabled::placeholder,a.button.secondary[aria-disabled=true]::placeholder,input:is([type=button],[type=reset]):disabled::placeholder,input:is([type=button],[type=reset]).disabled::placeholder,input:is([type=button],[type=reset])[aria-disabled=true]::placeholder,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):disabled::placeholder,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).disabled::placeholder,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu]))[aria-disabled=true]::placeholder,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled::placeholder,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled::placeholder,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),a.button:where(:not(.primary,.secondary,.ghost,.close,.link)),button.tertiary,a.button.tertiary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:transparent;color:#007ac7;--color: rgb(0, 122, 199)}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus:not(:focus-visible),a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):focus:not(:focus-visible),button.tertiary:focus:not(:focus-visible),a.button.tertiary:focus:not(:focus-visible){box-shadow:none;outline:0}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus-visible,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):focus,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):focus-visible,button.tertiary:focus,button.tertiary:focus-visible,a.button.tertiary:focus,a.button.tertiary:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):not(:disabled,.disabled,[aria-disabled]):hover,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.tertiary:not(:disabled,.disabled,[aria-disabled]):hover,a.button.tertiary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-selected=true],button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active:hover,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active:hover,a.button:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-selected=true],a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):active,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).active,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).active:hover,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):active:hover,button.tertiary[aria-selected=true],button.tertiary:active,button.tertiary.active,button.tertiary.active:hover,button.tertiary:active:hover,a.button.tertiary[aria-selected=true],a.button.tertiary:active,a.button.tertiary.active,a.button.tertiary.active:hover,a.button.tertiary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true],a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):disabled,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).disabled,a.button:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-disabled=true],button.tertiary:disabled,button.tertiary.disabled,button.tertiary[aria-disabled=true],a.button.tertiary:disabled,a.button.tertiary.disabled,a.button.tertiary[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled::placeholder,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled::placeholder,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true]::placeholder,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):disabled::placeholder,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).disabled::placeholder,a.button:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-disabled=true]::placeholder,button.tertiary:disabled::placeholder,button.tertiary.disabled::placeholder,button.tertiary[aria-disabled=true]::placeholder,a.button.tertiary:disabled::placeholder,a.button.tertiary.disabled::placeholder,a.button.tertiary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.primary,input[type=submit],button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip),input[type=submit]:not(.secondary,.ghost,.danger,.close,.link),a.button.primary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:#007ac7;border-color:#007ac7;color:#fff;--color: #fff}button.primary:not(:disabled,.disabled,[aria-disabled]):hover,input[type=submit]:not(:disabled,.disabled,[aria-disabled]):hover,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):not(:disabled,.disabled,[aria-disabled]):hover,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):not(:disabled,.disabled,[aria-disabled]):hover,a.button.primary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}button.primary[aria-selected=true],button.primary:active,button.primary.active,button.primary.active:hover,button.primary:active:hover,input[type=submit][aria-selected=true],input[type=submit]:active,input[type=submit].active,input[type=submit].active:hover,input[type=submit]:active:hover,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip)[aria-selected=true],button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):active,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).active,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).active:hover,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):active:hover,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link)[aria-selected=true],input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):active,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).active,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).active:hover,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):active:hover,a.button.primary[aria-selected=true],a.button.primary:active,a.button.primary.active,a.button.primary.active:hover,a.button.primary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}button.primary:focus-visible,input[type=submit]:focus-visible,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):focus-visible,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):focus-visible,a.button.primary:focus-visible{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3!important}button.primary:disabled,button.primary.disabled,button.primary[aria-disabled=true],input[type=submit]:disabled,input[type=submit].disabled,input[type=submit][aria-disabled=true],button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):disabled,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).disabled,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip)[aria-disabled=true],input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):disabled,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).disabled,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link)[aria-disabled=true],a.button.primary:disabled,a.button.primary.disabled,a.button.primary[aria-disabled=true]{background:var(--form-control-primary-bg-disabled)!important;color:var(--text-primary-disabled-color)!important;border-color:var(--border-primary-disabled-color)!important;cursor:not-allowed}button.primary:disabled::placeholder,button.primary.disabled::placeholder,button.primary[aria-disabled=true]::placeholder,input[type=submit]:disabled::placeholder,input[type=submit].disabled::placeholder,input[type=submit][aria-disabled=true]::placeholder,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):disabled::placeholder,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).disabled::placeholder,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip)[aria-disabled=true]::placeholder,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):disabled::placeholder,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).disabled::placeholder,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link)[aria-disabled=true]::placeholder,a.button.primary:disabled::placeholder,a.button.primary.disabled::placeholder,a.button.primary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.ghost,.button.ghost{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;border-color:#333;color:#333;--color: rgb(51, 51, 51)}button.ghost:not(:disabled,.disabled,[aria-disabled]):hover,.button.ghost:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}button.ghost[aria-selected=true],button.ghost:active,button.ghost.active,button.ghost.active:hover,button.ghost:active:hover,.button.ghost[aria-selected=true],.button.ghost:active,.button.ghost.active,.button.ghost.active:hover,.button.ghost:active:hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}button.ghost[aria-selected]:hover,button.ghost.active:hover,button.ghost:active:hover,.button.ghost[aria-selected]:hover,.button.ghost.active:hover,.button.ghost:active:hover{opacity:.9}button.ghost:focus-visible,.button.ghost:focus-visible{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333!important}button.ghost:disabled,button.ghost.disabled,button.ghost[aria-disabled=true],.button.ghost:disabled,.button.ghost.disabled,.button.ghost[aria-disabled=true]{color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}button.ghost:disabled::placeholder,button.ghost.disabled::placeholder,button.ghost[aria-disabled=true]::placeholder,.button.ghost:disabled::placeholder,.button.ghost.disabled::placeholder,.button.ghost[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.icon,.button.icon{background-color:transparent;border:.0625rem solid transparent;padding:.625rem;height:2.75rem;width:2.75rem;min-width:auto;--color: var(--gds-ref-pallet-base800)}.form-group button.icon,.form-group .button.icon{margin-top:-.625rem}button.icon.small,.button.icon.small{height:2rem;width:2rem;padding:.4375rem;line-height:1.125rem}button.icon svg,.button.icon svg{height:1rem;width:1rem}button.icon path,button.icon line,button.icon circle,button.icon rect,button.icon ellipse,button.icon polyline,button.icon text,.button.icon path,.button.icon line,.button.icon circle,.button.icon rect,.button.icon ellipse,.button.icon polyline,.button.icon text{fill:var(--gds-ref-pallet-base800);stroke:var(--gds-ref-pallet-base800);transition:all .3s cubic-bezier(.23,1,.32,1)}button.icon:hover,button.icon.highlighted,.button.icon:hover,.button.icon.highlighted{background-color:#0000001a;border-color:transparent}button.icon:active,button.icon.highlighted:hover,.button.icon:active,.button.icon.highlighted:hover{background-color:#0003;border-color:transparent}button.primary.danger,.button.primary.danger,button[type=submit].danger:not(.secondary,.ghost,.close,.link),input[type=submit].danger:not(.secondary,.ghost,.close,.link){background:#bb000c;border-color:#bb000c;color:#fff;--color: #fff;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}button.primary.danger:not(:disabled,.disabled,[aria-disabled]):hover,.button.primary.danger:not(:disabled,.disabled,[aria-disabled]):hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link):not(:disabled,.disabled,[aria-disabled]):hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}button.primary.danger[aria-selected=true],button.primary.danger:active,button.primary.danger.active,button.primary.danger.active:hover,button.primary.danger:active:hover,.button.primary.danger[aria-selected=true],.button.primary.danger:active,.button.primary.danger.active,.button.primary.danger.active:hover,.button.primary.danger:active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected=true],button[type=submit].danger:not(.secondary,.ghost,.close,.link):active,button[type=submit].danger:not(.secondary,.ghost,.close,.link).active,button[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected=true],input[type=submit].danger:not(.secondary,.ghost,.close,.link):active,input[type=submit].danger:not(.secondary,.ghost,.close,.link).active,input[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}button.primary.danger[aria-selected]:hover,button.primary.danger.active:hover,button.primary.danger:active:hover,.button.primary.danger[aria-selected]:hover,.button.primary.danger.active:hover,.button.primary.danger:active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected]:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected]:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover{opacity:.9}button.primary.danger:focus:not(:focus-visible),.button.primary.danger:focus:not(:focus-visible),button[type=submit].danger:not(.secondary,.ghost,.close,.link):focus:not(:focus-visible),input[type=submit].danger:not(.secondary,.ghost,.close,.link):focus:not(:focus-visible){box-shadow:none;outline:0}button.primary.danger:focus,button.primary.danger:focus-visible,.button.primary.danger:focus,.button.primary.danger:focus-visible,button[type=submit].danger:not(.secondary,.ghost,.close,.link):focus,button[type=submit].danger:not(.secondary,.ghost,.close,.link):focus-visible,input[type=submit].danger:not(.secondary,.ghost,.close,.link):focus,input[type=submit].danger:not(.secondary,.ghost,.close,.link):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button.primary.danger:disabled,button.primary.danger.disabled,button.primary.danger[aria-disabled=true],.button.primary.danger:disabled,.button.primary.danger.disabled,.button.primary.danger[aria-disabled=true],button[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled,button[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true],input[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled,input[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true]{background:var(--form-control-primary-bg-disabled)!important;color:var(--text-primary-disabled-color)!important;border-color:var(--border-primary-disabled-color)!important;cursor:not-allowed}button.primary.danger:disabled::placeholder,button.primary.danger.disabled::placeholder,button.primary.danger[aria-disabled=true]::placeholder,.button.primary.danger:disabled::placeholder,.button.primary.danger.disabled::placeholder,.button.primary.danger[aria-disabled=true]::placeholder,button[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled::placeholder,button[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled::placeholder,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true]::placeholder,input[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled::placeholder,input[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled::placeholder,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])),a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)),button.secondary.danger,a.button.secondary.danger,input.danger:is([type=button],[type=reset]),button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])),button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)){color:#bb000c;--color: rgb(187, 0, 12);border-color:transparent;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):not(:disabled,.disabled,[aria-disabled]):hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.secondary.danger:not(:disabled,.disabled,[aria-disabled]):hover,a.button.secondary.danger:not(:disabled,.disabled,[aria-disabled]):hover,input.danger:is([type=button],[type=reset]):not(:disabled,.disabled,[aria-disabled]):hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):not(:disabled,.disabled,[aria-disabled]):hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected=true],button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link))[aria-selected=true],a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):active,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)).active,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):active:hover,button.secondary.danger[aria-selected=true],button.secondary.danger:active,button.secondary.danger.active,button.secondary.danger.active:hover,button.secondary.danger:active:hover,a.button.secondary.danger[aria-selected=true],a.button.secondary.danger:active,a.button.secondary.danger.active,a.button.secondary.danger.active:hover,a.button.secondary.danger:active:hover,input.danger:is([type=button],[type=reset])[aria-selected=true],input.danger:is([type=button],[type=reset]):active,input.danger:is([type=button],[type=reset]).active,input.danger:is([type=button],[type=reset]).active:hover,input.danger:is([type=button],[type=reset]):active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu]))[aria-selected=true],button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):active,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])).active,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])).active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected=true],button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected]:hover,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link))[aria-selected]:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):active:hover,button.secondary.danger[aria-selected]:hover,button.secondary.danger.active:hover,button.secondary.danger:active:hover,a.button.secondary.danger[aria-selected]:hover,a.button.secondary.danger.active:hover,a.button.secondary.danger:active:hover,input.danger:is([type=button],[type=reset])[aria-selected]:hover,input.danger:is([type=button],[type=reset]).active:hover,input.danger:is([type=button],[type=reset]):active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu]))[aria-selected]:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])).active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected]:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover{opacity:.9}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus:not(:focus-visible),a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):focus:not(:focus-visible),button.secondary.danger:focus:not(:focus-visible),a.button.secondary.danger:focus:not(:focus-visible),input.danger:is([type=button],[type=reset]):focus:not(:focus-visible),button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):focus:not(:focus-visible),button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus:not(:focus-visible){box-shadow:none;outline:0}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus-visible,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):focus,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):focus-visible,button.secondary.danger:focus,button.secondary.danger:focus-visible,a.button.secondary.danger:focus,a.button.secondary.danger:focus-visible,input.danger:is([type=button],[type=reset]):focus,input.danger:is([type=button],[type=reset]):focus-visible,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):focus,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):focus-visible,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])),a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)),button.tertiary.danger,a.button.tertiary.danger{color:#bb000c;--color: rgb(187, 0, 12);border-color:transparent;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):not(:disabled,.disabled,[aria-disabled]):hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.tertiary.danger:not(:disabled,.disabled,[aria-disabled]):hover,a.button.tertiary.danger:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected=true],button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-selected=true],a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):active,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)).active,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):active:hover,button.tertiary.danger[aria-selected=true],button.tertiary.danger:active,button.tertiary.danger.active,button.tertiary.danger.active:hover,button.tertiary.danger:active:hover,a.button.tertiary.danger[aria-selected=true],a.button.tertiary.danger:active,a.button.tertiary.danger.active,a.button.tertiary.danger.active:hover,a.button.tertiary.danger:active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected]:hover,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-selected]:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):active:hover,button.tertiary.danger[aria-selected]:hover,button.tertiary.danger.active:hover,button.tertiary.danger:active:hover,a.button.tertiary.danger[aria-selected]:hover,a.button.tertiary.danger.active:hover,a.button.tertiary.danger:active:hover{opacity:.9}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus:not(:focus-visible),a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):focus:not(:focus-visible),button.tertiary.danger:focus:not(:focus-visible),a.button.tertiary.danger:focus:not(:focus-visible){box-shadow:none;outline:0}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus-visible,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):focus,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):focus-visible,button.tertiary.danger:focus,button.tertiary.danger:focus-visible,a.button.tertiary.danger:focus,a.button.tertiary.danger:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host{inset:0;position:fixed;display:grid;place-content:center;z-index:calc(var(--sg-z-index-modal-backdrop) + 1)}:host .sdv-modal-dialog__container{background:var(--sg-modal-background);display:flex;flex-direction:column;box-shadow:var(--sg-modal-box-shadow);position:absolute;width:100%;z-index:var(--sg-z-index-modal);position:initial;width:375px;max-width:95vw}:host .sdv-modal-dialog__container>.header,:host .sdv-modal-dialog__container>header{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .sdv-modal-dialog__container>.header h3,:host .sdv-modal-dialog__container>.header .h3,:host .sdv-modal-dialog__container>header h3,:host .sdv-modal-dialog__container>header .h3{margin-bottom:0;margin-top:0}:host .sdv-modal-dialog__container>.header h3+.close,:host .sdv-modal-dialog__container>.header .h3+.close,:host .sdv-modal-dialog__container>header h3+.close,:host .sdv-modal-dialog__container>header .h3+.close{margin:-7px;min-width:2rem}:host .sdv-modal-dialog__container>.body{padding:1rem;overflow:auto;width:100%}:host .sdv-modal-dialog__container>.body p{margin-bottom:0;margin-top:0}:host .sdv-modal-dialog__container>.footer,:host .sdv-modal-dialog__container>footer{padding:1rem;width:100%}@media (min-width: 36em){:host .sdv-modal-dialog__container>.footer,:host .sdv-modal-dialog__container>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .sdv-modal-dialog__container>.footer button+button,:host .sdv-modal-dialog__container>.footer button+.button,:host .sdv-modal-dialog__container>.footer .button+button,:host .sdv-modal-dialog__container>.footer .button+.button,:host .sdv-modal-dialog__container>footer button+button,:host .sdv-modal-dialog__container>footer button+.button,:host .sdv-modal-dialog__container>footer .button+button,:host .sdv-modal-dialog__container>footer .button+.button{margin-top:.75rem}}@media (min-width: 36em){:host .sdv-modal-dialog__container>.footer button+button,:host .sdv-modal-dialog__container>.footer button+.button,:host .sdv-modal-dialog__container>.footer .button+button,:host .sdv-modal-dialog__container>.footer .button+.button,:host .sdv-modal-dialog__container>footer button+button,:host .sdv-modal-dialog__container>footer button+.button,:host .sdv-modal-dialog__container>footer .button+button,:host .sdv-modal-dialog__container>footer .button+.button{margin-left:.75rem}}:host .sdv-modal-dialog__container.medium{width:512px}:host .sdv-modal-dialog__container.large{width:720px}:host .modal-dialog__heading{box-sizing:border-box;padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .modal-dialog__heading h3,:host .modal-dialog__heading .h3{margin-bottom:0;margin-top:0}:host .modal-dialog__heading h3+.close,:host .modal-dialog__heading .h3+.close{margin:-7px;min-width:2rem}:host .modal-dialog__heading button{display:grid;place-content:center}:host .modal-dialog__body{padding:1rem;overflow:auto;width:100%}:host .modal-dialog__body p{margin-bottom:0;margin-top:0}:host .modal-dialog__actions,:host .modal-dialog__heading,:host .modal-dialog__body{box-sizing:border-box}:host .sdv-modal-backdrop{background:#00000059;inset:0;position:fixed;z-index:999;display:block;transition:opacity .5s cubic-bezier(.33,1,.68,1)}:host .sdv-modal-backdrop--transparent{opacity:0}:host .sdv-modal-backdrop--transparent.entered,:host .sdv-modal-backdrop--transparent.is-entering{opacity:1}:host .sdv-modal-backdrop--transparent.is-exiting{opacity:0}\n"] }]
162
- }], propDecorators: { dialogRef: [{
186
+ args: [{ selector: 'nggv-dialog', exportAs: 'dialog', template: "<ng-container *ngIf=\"shown\">\n <div class=\"modal-dialog__wrapper\" [class.-active]=\"shown\">\n <div\n class=\"modal-dialog__container\"\n *transloco=\"let t\"\n #dialog\n role=\"dialog\"\n aria-dialog=\"true\"\n [attr.aria-labelledby]=\"dialogTitleId\"\n [attr.aria-describedby]=\"dialogBodyId\"\n >\n <header class=\"modal-dialog__heading\">\n <h3 [attr.id]=\"dialogTitleId\">{{ t(heading || title || '') }}</h3>\n <button\n data-thook=\"dialog-close\"\n (click)=\"onAction($event, 'close')\"\n (keydown.enter)=\"onAction($event, 'close')\"\n [attr.aria-label]=\"closeButtonAriaLabel\"\n class=\"nggv-modal-slideout__close\"\n >\n <i></i>\n </button>\n </header>\n <section class=\"modal-dialog__body\" [attr.id]=\"dialogBodyId\">\n <div [innerHtml]=\"content\"></div>\n <ng-content></ng-content>\n </section>\n <footer class=\"modal-dialog__actions\">\n <button\n class=\"danger\"\n type=\"reset\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.negative || 'negative')\"\n (click)=\"onAction($event, 'negative')\"\n (keydown.enter)=\"onAction($event, 'negative')\"\n *ngIf=\"_buttons && _buttons.negative\"\n >\n {{ t(_buttons.negative) }}\n </button>\n <button\n class=\"secondary\"\n type=\"button\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.neutral || 'neutral')\"\n (click)=\"onAction($event, 'neutral')\"\n (keydown.enter)=\"onAction($event, 'neutral')\"\n *ngIf=\"_buttons && _buttons.neutral\"\n >\n {{ t(_buttons.neutral) }}\n </button>\n <button\n class=\"submit\"\n type=\"submit\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.positive || 'positive')\"\n (click)=\"onAction($event, 'positive')\"\n (keydown.enter)=\"onAction($event, 'positive')\"\n *ngIf=\"_buttons && _buttons.positive\"\n >\n {{ t(_buttons.positive) }}\n </button>\n </footer>\n </div>\n <div class=\"nggv-backdrop\"></div>\n </div>\n</ng-container>\n", styles: [":host{--grey-500: rgb(222, 222, 222);--background-hsl: 0deg, 0%, 0%;--gds-ref-pallet-base200: hsl(0, 0%, 91%);--gds-sys-color-base: hsl(0, 0%, 20%);--gds-sys-color-font: hsl(0, 0%, 20%);--gds-sys-shape-corner-round: 50%;--sg-border-color: hsl(0, 0%, 53%);--sg-border-radius: .25rem;--sg-border-width-50: .5px;--sg-border-width: 1px;--sg-hsl-contrast: 0deg, 0%, 0%;--sg-modal-backdrop-background: rgba(0, 0, 0, .5);--sg-modal-background: #fff;--sg-modal-box-shadow: 0 .125rem .375rem rgba(0, 0, 0, .15);--sg-z-index-modal-backdrop: 1040;--sg-z-index-modal: 1050;--text-primary-color: rgb(51, 51, 51)}:host .modal-dialog__wrapper{inset:0;position:fixed;display:grid;place-content:center;z-index:calc(var(--sg-z-index-modal-backdrop) + 1)}:host .modal-dialog__container{background:var(--sg-modal-background);display:flex;flex-direction:column;box-shadow:var(--sg-modal-box-shadow);position:absolute;width:100%;z-index:var(--sg-z-index-modal);position:initial;width:375px;max-width:95vw}:host .modal-dialog__container>.header,:host .modal-dialog__container>header{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .modal-dialog__container>.header h3,:host .modal-dialog__container>.header .h3,:host .modal-dialog__container>header h3,:host .modal-dialog__container>header .h3{margin-bottom:0;margin-top:0}:host .modal-dialog__container>.header h3+.close,:host .modal-dialog__container>.header .h3+.close,:host .modal-dialog__container>header h3+.close,:host .modal-dialog__container>header .h3+.close{margin:-7px;min-width:2rem}:host .modal-dialog__container>.body{padding:1rem;overflow:auto;width:100%}:host .modal-dialog__container>.body p{margin-bottom:0;margin-top:0}:host .modal-dialog__container>.footer,:host .modal-dialog__container>footer{padding:1rem;width:100%}@media (min-width: 36em){:host .modal-dialog__container>.footer,:host .modal-dialog__container>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .modal-dialog__container>.footer button+button,:host .modal-dialog__container>.footer button+.button,:host .modal-dialog__container>.footer .button+button,:host .modal-dialog__container>.footer .button+.button,:host .modal-dialog__container>footer button+button,:host .modal-dialog__container>footer button+.button,:host .modal-dialog__container>footer .button+button,:host .modal-dialog__container>footer .button+.button{margin-top:.75rem}}@media (min-width: 36em){:host .modal-dialog__container>.footer button+button,:host .modal-dialog__container>.footer button+.button,:host .modal-dialog__container>.footer .button+button,:host .modal-dialog__container>.footer .button+.button,:host .modal-dialog__container>footer button+button,:host .modal-dialog__container>footer button+.button,:host .modal-dialog__container>footer .button+button,:host .modal-dialog__container>footer .button+.button{margin-left:.75rem}}:host .modal-dialog__container.medium{width:512px}:host .modal-dialog__container.large{width:720px}:host .modal-dialog__heading{box-sizing:border-box;padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .modal-dialog__heading h3,:host .modal-dialog__heading .h3{margin-bottom:0;margin-top:0}:host .modal-dialog__heading h3+.close,:host .modal-dialog__heading .h3+.close{margin:-7px;min-width:2rem}:host .modal-dialog__body{padding:1rem;overflow:auto;width:100%}:host .modal-dialog__body p{margin-bottom:0;margin-top:0}:host .modal-dialog__actions,:host .modal-dialog__heading,:host .modal-dialog__body{box-sizing:border-box}:host .nggv-backdrop{background:var(--sg-modal-backdrop-background);inset:0;position:fixed;z-index:var(--sg-z-index-modal-backdrop);display:block;transition:opacity .5s cubic-bezier(.33,1,.68,1)}:host .nggv-backdrop--transparent{opacity:0}:host .nggv-backdrop--transparent.entered,:host .nggv-backdrop--transparent.is-entering{opacity:1}:host .nggv-backdrop--transparent.is-exiting{opacity:0}:host .nggv-modal-slideout__close{background-color:transparent;padding:0;font-size:0;background:var(--gds-sys-color-surface);border:0;border-radius:50%;content:\"\";cursor:pointer;display:flex;font-family:inherit;height:2rem;position:relative;width:2rem}@media (hover: none) and (pointer: coarse){:host .nggv-modal-slideout__close:not(:disabled):not(.disabled){padding:.375rem;height:2.75rem;width:2.75rem}:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>i{background:var(--gds-ref-pallet-base200);height:2rem;width:2rem;border-radius:50%;position:relative;--color: var(--gds-sys-color-base)}:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>div:after,:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>div:before{height:.789375rem;width:.130625rem;top:.625rem}}:host .nggv-modal-slideout__close:focus:not(:focus-visible){box-shadow:none;outline:0}:host .nggv-modal-slideout__close:focus,:host .nggv-modal-slideout__close:focus-visible i{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .nggv-modal-slideout__close>i{border-radius:var(--gds-sys-shape-corner-round);display:block;width:100%;height:100%}:host .nggv-modal-slideout__close>i:after,:host .nggv-modal-slideout__close>i:before{background:var(--gds-sys-color-font);content:\"\";display:block;height:.789375rem;width:.130625rem;border-radius:.5px;left:calc(50% - .0625rem);position:absolute;top:.625rem}:host .nggv-modal-slideout__close>i:after{transform:rotate(45deg)}:host .nggv-modal-slideout__close>i:before{transform:rotate(-45deg)}:host .nggv-modal-slideout__close>svg path{fill:var(--gds-sys-color-font)}@media (min-width: 48em){:host .nggv-modal-slideout__close:not(:disabled,.disabled):hover>i{background:color-mix(in srgb,var(--gds-sys-color-font) 10%,transparent)}:host .nggv-modal-slideout__close:not(:disabled,.disabled):hover:active>i{background:color-mix(in srgb,var(--gds-sys-color-font) 20%,transparent)}}:host .modal-dialog__actions button{background-color:transparent;border:0;cursor:pointer;padding:0;padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center;font-size:1rem;font-family:inherit}:host .modal-dialog__actions button:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions button:focus,:host .modal-dialog__actions button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){:host .modal-dialog__actions button{min-width:100%}}@media screen and (-ms-high-contrast: active){:host .modal-dialog__actions button{border:2px solid currentcolor}}:host .modal-dialog__actions button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host .modal-dialog__actions button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}:host .modal-dialog__actions .submit{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:#007ac7;border-color:#007ac7;color:#fff;--color: #fff}:host .modal-dialog__actions .submit:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host .modal-dialog__actions .submit[aria-selected=true],:host .modal-dialog__actions .submit:active,:host .modal-dialog__actions .submit.active,:host .modal-dialog__actions .submit.active:hover,:host .modal-dialog__actions .submit:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .modal-dialog__actions .submit:focus-visible{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3!important}:host .modal-dialog__actions .submit:disabled,:host .modal-dialog__actions .submit.disabled,:host .modal-dialog__actions .submit[aria-disabled=true]{background:var(--form-control-primary-bg-disabled)!important;color:var(--text-primary-disabled-color)!important;border-color:var(--border-primary-disabled-color)!important;cursor:not-allowed}:host .modal-dialog__actions .submit:disabled::placeholder,:host .modal-dialog__actions .submit.disabled::placeholder,:host .modal-dialog__actions .submit[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .modal-dialog__actions .secondary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:#007ac7;color:#007ac7;--color: rgb(0, 122, 199)}:host .modal-dialog__actions .secondary:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions .secondary:focus,:host .modal-dialog__actions .secondary:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .modal-dialog__actions .secondary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host .modal-dialog__actions .secondary[aria-selected=true],:host .modal-dialog__actions .secondary:active,:host .modal-dialog__actions .secondary.active,:host .modal-dialog__actions .secondary.active:hover,:host .modal-dialog__actions .secondary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .modal-dialog__actions .secondary:disabled,:host .modal-dialog__actions .secondary.disabled,:host .modal-dialog__actions .secondary[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}:host .modal-dialog__actions .secondary:disabled::placeholder,:host .modal-dialog__actions .secondary.disabled::placeholder,:host .modal-dialog__actions .secondary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .modal-dialog__actions .danger{color:#bb000c;--color: rgb(187, 0, 12);border-color:transparent;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}:host .modal-dialog__actions .danger:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}:host .modal-dialog__actions .danger[aria-selected=true],:host .modal-dialog__actions .danger:active,:host .modal-dialog__actions .danger.active,:host .modal-dialog__actions .danger.active:hover,:host .modal-dialog__actions .danger:active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}:host .modal-dialog__actions .danger[aria-selected]:hover,:host .modal-dialog__actions .danger.active:hover,:host .modal-dialog__actions .danger:active:hover{opacity:.9}:host .modal-dialog__actions .danger:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions .danger:focus,:host .modal-dialog__actions .danger:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}\n"] }]
187
+ }], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { dialogRef: [{
163
188
  type: ViewChild,
164
189
  args: ['dialog']
165
190
  }], thook: [{
@@ -169,11 +194,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
169
194
  type: Input
170
195
  }], baseClass: [{
171
196
  type: HostBinding,
172
- args: ['class.sdv-modal-dialog']
197
+ args: ['class.gds-modal-dialog']
173
198
  }], shown: [{
174
- type: HostBinding,
175
- args: ['class.-active']
176
- }, {
177
199
  type: Input
178
200
  }], ariaHidden: [{
179
201
  type: HostBinding,
@@ -196,6 +218,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
196
218
  type: Input
197
219
  }], closeModalOnEscape: [{
198
220
  type: Input
221
+ }], closeButtonAriaLabel: [{
222
+ type: Input
199
223
  }], buttons: [{
200
224
  type: Input
201
225
  }], nggvCloseEvent: [{
@@ -217,46 +241,146 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
217
241
  args: ['keydown', ['$event']]
218
242
  }] } });
219
243
 
220
- class NgvFoldOutComponent {
244
+ var KeyboardKey;
245
+ (function (KeyboardKey) {
246
+ KeyboardKey["Escape"] = "Escape";
247
+ KeyboardKey["Space"] = "Space";
248
+ KeyboardKey["Enter"] = "Enter";
249
+ KeyboardKey["ArrowUp"] = "ArrowUp";
250
+ KeyboardKey["ArrowDown"] = "ArrowDown";
251
+ })(KeyboardKey || (KeyboardKey = {}));
252
+
253
+ class NggvFoldOutComponent {
221
254
  constructor() {
222
255
  /** Special property used for selecting DOM elements during automated UI testing. */
223
256
  this.thook = 'fold-out';
224
- // /** @internal */
225
- // faEllipsisH: IconDefinition = faEllipsisH
226
257
  /** @internal */
227
258
  this.shown = false;
228
- // Empty constructor
259
+ this.activeIndex = -1;
260
+ this.firstArrowClick = true;
261
+ this.ariaFocusAttributeName = 'aria-focus';
262
+ this.blurAllElements = () => this.children.forEach(this.blurElement);
263
+ this.blurElement = (element) => element.setAttribute(this.ariaFocusAttributeName, 'false');
264
+ this.focusElement = (element) => element.setAttribute(this.ariaFocusAttributeName, 'true');
265
+ this.getChildIndex = (element) => element ? this.children.indexOf(element) : -1;
266
+ }
267
+ get children() {
268
+ return Array.from((this.container?.nativeElement).children ?? []);
269
+ }
270
+ get lastChild() {
271
+ return this.children[this.children.length - 1] || undefined;
272
+ }
273
+ get focusedElement() {
274
+ return this.children[this.activeIndex] || undefined;
275
+ }
276
+ ngAfterViewInit() {
277
+ this.blurAllElements();
229
278
  }
230
279
  ngOnDestroy() {
231
280
  this.onClickSubscription?.unsubscribe();
281
+ this.onKeyUpSubscription?.unsubscribe();
232
282
  }
233
283
  /** Toggle display of the option list */
234
- toggleVisibility(event, setVisibility) {
235
- this.shown = setVisibility !== undefined ? setVisibility : !this.shown;
236
- if (this.shown)
284
+ toggleVisibility() {
285
+ this.setVisibility(!this.shown);
286
+ }
287
+ setVisibility(setVisibility = true) {
288
+ if (this.shown === setVisibility) {
289
+ return;
290
+ }
291
+ this.resetChildren();
292
+ this.shown = setVisibility;
293
+ if (this.shown) {
237
294
  this.subscribeToOutsideClickEvent();
295
+ this.subscribeToKeyDownEvent();
296
+ }
297
+ else {
298
+ this.onClickSubscription?.unsubscribe();
299
+ this.onKeyUpSubscription?.unsubscribe();
300
+ }
238
301
  }
239
302
  /**
240
303
  * Closes the fold-out on click outside.
241
304
  */
242
305
  subscribeToOutsideClickEvent() {
243
- this.onClickSubscription = fromEvent(document, 'click').subscribe({
306
+ this.onClickSubscription = fromEvent(document, 'click')
307
+ .pipe(takeWhile(() => this.shown))
308
+ .subscribe({
244
309
  next: (event) => {
245
310
  if (this.shown &&
246
311
  !this.inputRef?.nativeElement.contains(event.target)) {
247
- this.toggleVisibility();
248
- this.onClickSubscription?.unsubscribe();
312
+ this.setVisibility(false);
249
313
  }
250
314
  },
251
315
  });
252
316
  }
253
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvFoldOutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
254
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NgvFoldOutComponent, selector: "nggv-fold-out", inputs: { thook: "thook", alignOptions: "alignOptions" }, host: { properties: { "attr.data-thook": "this.thook" } }, viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["foldout"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div #foldout>\n <button\n data-thook=\"fold-out-toggle\"\n class=\"fold-out-button\"\n (click)=\"toggleVisibility($event)\"\n >\n <gds-icon-dot-grid-one-horizontal\n width=\"24\"\n height=\"24\"\n *nggCoreElement\n ></gds-icon-dot-grid-one-horizontal>\n </button>\n\n <div\n class=\"gds-fold-out__popover\"\n [ngClass]=\"{ 'flex-right': alignOptions === 'right' }\"\n [class.gds-fold-out__popover-expanded]=\"shown\"\n (click)=\"toggleVisibility($event, false)\"\n >\n <ng-content></ng-content>\n </div>\n</div>\n", styles: ["i.sg-icon{font-size:0;width:1rem;height:1rem;display:inline-block}i.sg-icon:before{content:\"\";display:inline-block;background:var(--color);width:100%;height:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}i.sg-icon.sg-icon-calendar:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 248h80v-56H48v56zm0 48v64h80v-64H48zm128 0v64h96v-64h-96zm144 0v64h80v-64h-80zm80-104h-80v56h80v-56zm0 216h-80v56h64c8.8 0 16-7.2 16-16v-40zm-128 0h-96v56h96v-56zm-144 0H48v40c0 8.8 7.16 16 16 16h64v-56zm144-216h-96v56h96v-56z '/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 248h80v-56H48v56zm0 48v64h80v-64H48zm128 0v64h96v-64h-96zm144 0v64h80v-64h-80zm80-104h-80v56h80v-56zm0 216h-80v56h64c8.8 0 16-7.2 16-16v-40zm-128 0h-96v56h96v-56zm-144 0H48v40c0 8.8 7.16 16 16 16h64v-56zm144-216h-96v56h96v-56z '/%3E%3C/svg%3E\")}i.sg-icon.sg-icon-calendar-range:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M96 288c0-17.7 14.3-32 32-32s32 14.3 32 32-14.3 32-32 32-32-14.3-32-32zm224 64c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm-128-64c0-13.3 10.7-24 24-24h112c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24zm40 72c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24s10.7-24 24-24h112zM152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 448c0 8.8 7.16 16 16 16h320c8.8 0 16-7.2 16-16V192H48v256z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M96 288c0-17.7 14.3-32 32-32s32 14.3 32 32-14.3 32-32 32-32-14.3-32-32zm224 64c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm-128-64c0-13.3 10.7-24 24-24h112c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24zm40 72c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24s10.7-24 24-24h112zM152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 448c0 8.8 7.16 16 16 16h320c8.8 0 16-7.2 16-16V192H48v256z'/%3E%3C/svg%3E\")}i.sg-icon.sg-icon-ellipsis:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z'/%3E%3C/svg%3E\")}i.sg-icon.sg-icon-grip-vertical:before{-webkit-mask-image:url(\"data:image/svg+xml, %3Csvg height='1em' viewBox='0 0 320 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 352l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zm192 0l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 320c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 192l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 160c-22.1 0-40-17.9-40-40L0 72C0 49.9 17.9 32 40 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml, %3Csvg height='1em' viewBox='0 0 320 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 352l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zm192 0l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 320c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 192l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 160c-22.1 0-40-17.9-40-40L0 72C0 49.9 17.9 32 40 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40z' /%3E%3C/svg%3E\")}i.sg-icon.sg-icon-next:before{background:none;border-bottom:2px solid;border-left:2px solid;content:\"\";display:block;height:12px;margin-left:-10px;margin-top:2px;transform:translate(75%) rotate(-135deg) scaleZ(-1);transition:transform .3s ease-in;width:12px}i.sg-icon.sg-icon-previous:before{background:none;border-bottom:2px solid;border-left:2px solid;content:\"\";display:block;height:12px;margin-left:-4px;margin-top:2px;transform:translate(75%) rotate(45deg) scaleZ(-1);transition:transform .3s ease-in;width:12px}i.sg-icon.sg-icon-ellipsis:before{margin-right:-2px}:host .flex-right{right:0}:host .fold-out-button{border:0;cursor:pointer;font-family:inherit;padding:0;padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center;background-color:transparent;border:.0625rem solid transparent;padding:.625rem;height:2.75rem;width:2.75rem;min-width:auto;--color: var(--gds-ref-pallet-base800);border-color:transparent;color:var(--gds-ref-pallet-base800);display:flex;gap:.5rem;line-height:.75;padding-inline:.4375rem;width:auto}:host .fold-out-button:focus:not(:focus-visible){box-shadow:none;outline:0}:host .fold-out-button:focus,:host .fold-out-button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){:host .fold-out-button{min-width:100%}}@media screen and (-ms-high-contrast: active){:host .fold-out-button{border:2px solid currentcolor}}:host .fold-out-button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host .fold-out-button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}.form-group :host .fold-out-button{margin-top:-.625rem}:host .fold-out-button.small{height:2rem;width:2rem;padding:.4375rem;line-height:1.125rem}:host .fold-out-button svg{height:1rem;width:1rem}:host .fold-out-button path,:host .fold-out-button line,:host .fold-out-button circle,:host .fold-out-button rect,:host .fold-out-button ellipse,:host .fold-out-button polyline,:host .fold-out-button text{fill:var(--gds-ref-pallet-base800);stroke:var(--gds-ref-pallet-base800);transition:all .3s cubic-bezier(.23,1,.32,1)}:host .fold-out-button:hover,:host .fold-out-button.highlighted{background-color:#0000001a;border-color:transparent}:host .fold-out-button:active,:host .fold-out-button.highlighted:hover{background-color:#0003;border-color:transparent}:host .gds-fold-out__popover{background-clip:border-box;background:var(--sg-card-background);border:var(--sg-card-border);border-radius:var(--sg-card-border-radius);box-shadow:var(--sg-card-box-shadow);color:var(--sg-card-color);display:flex;flex-direction:column;padding:1rem;width:fit-content;display:none;padding:0}:host .gds-fold-out__popover>header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-block-end:1rem}:host .gds-fold-out__popover>header .close{margin:-.5rem -.5rem -.5rem .5rem}:host .gds-fold-out__popover>*:not(header,footer){flex:1 1 auto}:host .gds-fold-out__popover>footer{margin-top:.75rem}@media (min-width: 36em){:host .gds-fold-out__popover>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .gds-fold-out__popover>footer button:not(.link)+button,:host .gds-fold-out__popover>footer button:not(.link)+.button,:host .gds-fold-out__popover>footer .button:not(.link)+button,:host .gds-fold-out__popover>footer .button:not(.link)+.button{margin-top:.75rem}}@media (min-width: 36em){:host .gds-fold-out__popover>footer button:not(.link)+button,:host .gds-fold-out__popover>footer button:not(.link)+.button,:host .gds-fold-out__popover>footer .button:not(.link)+button,:host .gds-fold-out__popover>footer .button:not(.link)+.button{margin-left:.75rem}}:host .gds-fold-out__popover-expanded{display:block;position:absolute;z-index:var(--sg-z-index-popover)}:host ::ng-deep .nggv-field-dropdown__options__label{padding:.75rem 1rem;line-height:1.25;cursor:pointer;display:flex;gap:.75rem;-webkit-user-select:none;user-select:none}:host ::ng-deep .nggv-field-dropdown__options__label:active{background-color:var(--grey-400)}:host ::ng-deep .nggv-field-dropdown__options__label:focus{outline-color:#000;outline-offset:-.25rem}:host ::ng-deep .nggv-field-dropdown__options__label.active.sg-highlighted,:host ::ng-deep .nggv-field-dropdown__options__label[aria-selected=true]{background:var(--grey-1000);color:#fff}:host ::ng-deep .nggv-field-dropdown__options__label:hover,:host ::ng-deep .nggv-field-dropdown__options__label:focus-visible{background-color:var(--grey-400)}:host ::ng-deep .nggv-field-dropdown__options__label:active{background-color:var(--grey-500)}:host ::ng-deep .nggv-field-dropdown__options__label:focus-visible{outline-color:#000;outline-offset:-.25rem}:host ::ng-deep .nggv-field-dropdown__options__label[aria-hidden=true]{display:none}:host ::ng-deep .nggv-field-dropdown__options__label[highlighted]{background:var(--grey-1000);color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NggCoreElementDirective, selector: "[nggCoreElement]" }] }); }
317
+ subscribeToKeyDownEvent() {
318
+ if (!this.children.length) {
319
+ return;
320
+ }
321
+ this.onKeyUpSubscription = fromEvent(document, 'keydown')
322
+ .pipe(takeWhile(() => this.shown), filter((event) => Object.values(KeyboardKey).includes(event.code)))
323
+ .subscribe((event) => {
324
+ event.preventDefault();
325
+ event.stopPropagation();
326
+ this.onKeyDown(event);
327
+ });
328
+ }
329
+ onKeyDown(event) {
330
+ switch (event.code) {
331
+ case KeyboardKey.Escape:
332
+ this.setVisibility(false);
333
+ break;
334
+ case KeyboardKey.Enter:
335
+ case KeyboardKey.Space:
336
+ this.takeAction();
337
+ break;
338
+ case KeyboardKey.ArrowUp:
339
+ this.handleArrowUpClick();
340
+ break;
341
+ case KeyboardKey.ArrowDown:
342
+ this.handleArrowDownClick();
343
+ break;
344
+ }
345
+ }
346
+ handleArrowUpClick() {
347
+ this.activeIndex = this.firstArrowClick
348
+ ? this.getChildIndex(this.lastChild)
349
+ : this.activeIndex === 0
350
+ ? this.getChildIndex(this.lastChild)
351
+ : this.activeIndex - 1;
352
+ this.firstArrowClick = false;
353
+ this.handleFocus();
354
+ }
355
+ handleArrowDownClick() {
356
+ this.activeIndex = this.firstArrowClick
357
+ ? 0
358
+ : (this.activeIndex + 1) % this.children.length;
359
+ this.firstArrowClick = false;
360
+ this.handleFocus();
361
+ }
362
+ handleFocus() {
363
+ this.blurAllElements();
364
+ this.focusElement(this.children[this.activeIndex]);
365
+ }
366
+ takeAction() {
367
+ if (this.focusedElement) {
368
+ this.focusedElement.click();
369
+ }
370
+ this.setVisibility(false);
371
+ }
372
+ resetChildren() {
373
+ this.blurAllElements();
374
+ this.activeIndex = -1;
375
+ this.firstArrowClick = true;
376
+ }
377
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvFoldOutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
378
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NggvFoldOutComponent, selector: "nggv-fold-out", inputs: { thook: "thook", alignOptions: "alignOptions", text: "text", ariaLabel: "ariaLabel" }, host: { properties: { "attr.data-thook": "this.thook" } }, viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["foldout"], descendants: true, read: ElementRef }, { propertyName: "container", first: true, predicate: ["childrenContainer"], descendants: true }], ngImport: i0, template: "<div #foldout>\n <button\n data-thook=\"fold-out-toggle\"\n class=\"fold-out-button\"\n [ngClass]=\"{ 'no-text': !text }\"\n (click)=\"toggleVisibility()\"\n [attr.aria-expanded]=\"shown\"\n [attr.aria-label]=\"ariaLabel\"\n >\n <ng-container *ngTemplateOutlet=\"text ? withText : default\"> </ng-container>\n </button>\n\n <div\n #childrenContainer\n class=\"nggv-fold-out__popover\"\n [ngClass]=\"{ 'flex-right': alignOptions === 'right' }\"\n [class.nggv-fold-out__popover-expanded]=\"shown\"\n >\n <ng-content></ng-content>\n </div>\n</div>\n\n<ng-template #withText>\n {{ text }}\n <gds-icon-dot-grid-one-horizontal\n width=\"24\"\n height=\"24\"\n *nggCoreElement\n ></gds-icon-dot-grid-one-horizontal>\n</ng-template>\n\n<ng-template #default>\n <gds-icon-dot-grid-one-horizontal\n width=\"24\"\n height=\"24\"\n *nggCoreElement\n ></gds-icon-dot-grid-one-horizontal>\n <ng-template></ng-template\n></ng-template>\n", styles: ["i.sg-icon{font-size:0;width:1rem;height:1rem;display:inline-block}i.sg-icon:before{content:\"\";display:inline-block;background:var(--color);width:100%;height:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}i.sg-icon.sg-icon-calendar:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 248h80v-56H48v56zm0 48v64h80v-64H48zm128 0v64h96v-64h-96zm144 0v64h80v-64h-80zm80-104h-80v56h80v-56zm0 216h-80v56h64c8.8 0 16-7.2 16-16v-40zm-128 0h-96v56h96v-56zm-144 0H48v40c0 8.8 7.16 16 16 16h64v-56zm144-216h-96v56h96v-56z '/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 248h80v-56H48v56zm0 48v64h80v-64H48zm128 0v64h96v-64h-96zm144 0v64h80v-64h-80zm80-104h-80v56h80v-56zm0 216h-80v56h64c8.8 0 16-7.2 16-16v-40zm-128 0h-96v56h96v-56zm-144 0H48v40c0 8.8 7.16 16 16 16h64v-56zm144-216h-96v56h96v-56z '/%3E%3C/svg%3E\")}i.sg-icon.sg-icon-calendar-range:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M96 288c0-17.7 14.3-32 32-32s32 14.3 32 32-14.3 32-32 32-32-14.3-32-32zm224 64c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm-128-64c0-13.3 10.7-24 24-24h112c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24zm40 72c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24s10.7-24 24-24h112zM152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 448c0 8.8 7.16 16 16 16h320c8.8 0 16-7.2 16-16V192H48v256z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M96 288c0-17.7 14.3-32 32-32s32 14.3 32 32-14.3 32-32 32-32-14.3-32-32zm224 64c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm-128-64c0-13.3 10.7-24 24-24h112c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24zm40 72c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24s10.7-24 24-24h112zM152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 448c0 8.8 7.16 16 16 16h320c8.8 0 16-7.2 16-16V192H48v256z'/%3E%3C/svg%3E\")}i.sg-icon.sg-icon-ellipsis:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z'/%3E%3C/svg%3E\")}i.sg-icon.sg-icon-grip-vertical:before{-webkit-mask-image:url(\"data:image/svg+xml, %3Csvg height='1em' viewBox='0 0 320 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 352l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zm192 0l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 320c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 192l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 160c-22.1 0-40-17.9-40-40L0 72C0 49.9 17.9 32 40 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml, %3Csvg height='1em' viewBox='0 0 320 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 352l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zm192 0l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 320c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 192l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 160c-22.1 0-40-17.9-40-40L0 72C0 49.9 17.9 32 40 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40z' /%3E%3C/svg%3E\")}i.sg-icon.sg-icon-next:before{background:none;border-bottom:2px solid;border-left:2px solid;content:\"\";display:block;height:12px;margin-left:-10px;margin-top:2px;transform:translate(75%) rotate(-135deg) scaleZ(-1);transition:transform .3s ease-in;width:12px}i.sg-icon.sg-icon-previous:before{background:none;border-bottom:2px solid;border-left:2px solid;content:\"\";display:block;height:12px;margin-left:-4px;margin-top:2px;transform:translate(75%) rotate(45deg) scaleZ(-1);transition:transform .3s ease-in;width:12px}i.sg-icon.sg-icon-ellipsis:before{margin-right:-2px}:host{--grey-400: rgb(233, 233, 233);--grey-500: rgb(222, 222, 222);--sg-z-index-popover: 999;--sg-card-background: #fff;--sg-card-border: 1px solid #e9e9e9;--sg-card-border-radius: 4px;--sg-border-radius: 4px;--sg-card-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .1019607843);--gds-ref-pallet-base800: #333}:host .flex-right{right:0}:host .fold-out-button{border:0;cursor:pointer;font-family:inherit;padding:0;padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;display:inline-flex;justify-content:center;background-color:transparent;border:.0625rem solid transparent;padding:.625rem;height:2.75rem;width:2.75rem;min-width:auto;--color: var(--gds-ref-pallet-base800);border-color:transparent;color:var(--gds-ref-pallet-base800);display:flex;align-items:center;gap:.5rem;line-height:.75;padding-inline:.4375rem;width:auto}:host .fold-out-button:focus:not(:focus-visible){box-shadow:none;outline:0}:host .fold-out-button:focus,:host .fold-out-button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){:host .fold-out-button{min-width:100%}}@media screen and (-ms-high-contrast: active){:host .fold-out-button{border:2px solid currentcolor}}:host .fold-out-button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host .fold-out-button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}.form-group :host .fold-out-button{margin-top:-.625rem}:host .fold-out-button.small{height:2rem;width:2rem;padding:.4375rem;line-height:1.125rem}:host .fold-out-button svg{height:1rem;width:1rem}:host .fold-out-button path,:host .fold-out-button line,:host .fold-out-button circle,:host .fold-out-button rect,:host .fold-out-button ellipse,:host .fold-out-button polyline,:host .fold-out-button text{fill:var(--gds-ref-pallet-base800);stroke:var(--gds-ref-pallet-base800);transition:all .3s cubic-bezier(.23,1,.32,1)}:host .fold-out-button:hover,:host .fold-out-button.highlighted{background-color:#0000001a;border-color:transparent}:host .fold-out-button:active,:host .fold-out-button.highlighted:hover{background-color:#0003;border-color:transparent}@media (max-width: 35.98em){:host .fold-out-button{min-width:initial}}:host .nggv-fold-out__popover{background-clip:border-box;background:var(--sg-card-background);border:var(--sg-card-border);border-radius:var(--sg-card-border-radius);box-shadow:var(--sg-card-box-shadow);color:var(--sg-card-color);display:flex;flex-direction:column;padding:1rem;width:fit-content;display:none;padding:0}:host .nggv-fold-out__popover>header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-block-end:1rem}:host .nggv-fold-out__popover>header .close{margin:-.5rem -.5rem -.5rem .5rem}:host .nggv-fold-out__popover>*:not(header,footer){flex:1 1 auto}:host .nggv-fold-out__popover>footer{margin-top:.75rem}@media (min-width: 36em){:host .nggv-fold-out__popover>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .nggv-fold-out__popover>footer button:not(.link)+button,:host .nggv-fold-out__popover>footer button:not(.link)+.button,:host .nggv-fold-out__popover>footer .button:not(.link)+button,:host .nggv-fold-out__popover>footer .button:not(.link)+.button{margin-top:.75rem}}@media (min-width: 36em){:host .nggv-fold-out__popover>footer button:not(.link)+button,:host .nggv-fold-out__popover>footer button:not(.link)+.button,:host .nggv-fold-out__popover>footer .button:not(.link)+button,:host .nggv-fold-out__popover>footer .button:not(.link)+.button{margin-left:.75rem}}:host .nggv-fold-out__popover-expanded{display:block;position:absolute;z-index:var(--sg-z-index-popover)}:host ::ng-deep .nggv-field-dropdown__options__label{padding:.75rem 1rem;line-height:1.25;cursor:pointer;display:flex;gap:.75rem;-webkit-user-select:none;user-select:none}:host ::ng-deep .nggv-field-dropdown__options__label:hover,:host ::ng-deep .nggv-field-dropdown__options__label:focus-visible{background-color:var(--grey-400)}:host ::ng-deep .nggv-field-dropdown__options__label:active{background-color:var(--grey-400)}:host ::ng-deep .nggv-field-dropdown__options__label:focus{outline-color:#000;outline-offset:-.25rem}:host ::ng-deep .nggv-field-dropdown__options__label.active.sg-highlighted,:host ::ng-deep .nggv-field-dropdown__options__label[aria-selected=true]{background:var(--grey-1000);color:#fff}:host ::ng-deep .nggv-field-dropdown__options__label.delete-option{color:#bb000c}:host ::ng-deep .nggv-field-dropdown__options__label:hover,:host ::ng-deep .nggv-field-dropdown__options__label:focus-visible,:host ::ng-deep .nggv-field-dropdown__options__label[aria-focus=true]{background-color:var(--grey-400)}:host ::ng-deep .nggv-field-dropdown__options__label.delete-option:hover,:host ::ng-deep .nggv-field-dropdown__options__label.delete-option:focus-visible,:host ::ng-deep .nggv-field-dropdown__options__label.delete-option[aria-focus=true]{background-color:#d81a1a;color:#fff}:host ::ng-deep .nggv-field-dropdown__options__label:active{background-color:var(--grey-500)}:host ::ng-deep .nggv-field-dropdown__options__label.delete-option:active{background-color:#bb000c;color:#fff}:host ::ng-deep .nggv-field-dropdown__options__label:focus-visible{outline-color:#000;outline-offset:-.25rem}:host ::ng-deep .nggv-field-dropdown__options__label[aria-hidden=true]{display:none}:host ::ng-deep .nggv-field-dropdown__options__label[highlighted]{background:var(--grey-1000);color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.NggCoreElementDirective, selector: "[nggCoreElement]" }] }); }
255
379
  }
256
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvFoldOutComponent, decorators: [{
380
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvFoldOutComponent, decorators: [{
257
381
  type: Component,
258
- args: [{ selector: 'nggv-fold-out', template: "<div #foldout>\n <button\n data-thook=\"fold-out-toggle\"\n class=\"fold-out-button\"\n (click)=\"toggleVisibility($event)\"\n >\n <gds-icon-dot-grid-one-horizontal\n width=\"24\"\n height=\"24\"\n *nggCoreElement\n ></gds-icon-dot-grid-one-horizontal>\n </button>\n\n <div\n class=\"gds-fold-out__popover\"\n [ngClass]=\"{ 'flex-right': alignOptions === 'right' }\"\n [class.gds-fold-out__popover-expanded]=\"shown\"\n (click)=\"toggleVisibility($event, false)\"\n >\n <ng-content></ng-content>\n </div>\n</div>\n", styles: ["i.sg-icon{font-size:0;width:1rem;height:1rem;display:inline-block}i.sg-icon:before{content:\"\";display:inline-block;background:var(--color);width:100%;height:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}i.sg-icon.sg-icon-calendar:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 248h80v-56H48v56zm0 48v64h80v-64H48zm128 0v64h96v-64h-96zm144 0v64h80v-64h-80zm80-104h-80v56h80v-56zm0 216h-80v56h64c8.8 0 16-7.2 16-16v-40zm-128 0h-96v56h96v-56zm-144 0H48v40c0 8.8 7.16 16 16 16h64v-56zm144-216h-96v56h96v-56z '/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 248h80v-56H48v56zm0 48v64h80v-64H48zm128 0v64h96v-64h-96zm144 0v64h80v-64h-80zm80-104h-80v56h80v-56zm0 216h-80v56h64c8.8 0 16-7.2 16-16v-40zm-128 0h-96v56h96v-56zm-144 0H48v40c0 8.8 7.16 16 16 16h64v-56zm144-216h-96v56h96v-56z '/%3E%3C/svg%3E\")}i.sg-icon.sg-icon-calendar-range:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M96 288c0-17.7 14.3-32 32-32s32 14.3 32 32-14.3 32-32 32-32-14.3-32-32zm224 64c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm-128-64c0-13.3 10.7-24 24-24h112c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24zm40 72c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24s10.7-24 24-24h112zM152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 448c0 8.8 7.16 16 16 16h320c8.8 0 16-7.2 16-16V192H48v256z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M96 288c0-17.7 14.3-32 32-32s32 14.3 32 32-14.3 32-32 32-32-14.3-32-32zm224 64c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm-128-64c0-13.3 10.7-24 24-24h112c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24zm40 72c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24s10.7-24 24-24h112zM152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 448c0 8.8 7.16 16 16 16h320c8.8 0 16-7.2 16-16V192H48v256z'/%3E%3C/svg%3E\")}i.sg-icon.sg-icon-ellipsis:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z'/%3E%3C/svg%3E\")}i.sg-icon.sg-icon-grip-vertical:before{-webkit-mask-image:url(\"data:image/svg+xml, %3Csvg height='1em' viewBox='0 0 320 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 352l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zm192 0l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 320c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 192l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 160c-22.1 0-40-17.9-40-40L0 72C0 49.9 17.9 32 40 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml, %3Csvg height='1em' viewBox='0 0 320 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 352l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zm192 0l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 320c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 192l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 160c-22.1 0-40-17.9-40-40L0 72C0 49.9 17.9 32 40 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40z' /%3E%3C/svg%3E\")}i.sg-icon.sg-icon-next:before{background:none;border-bottom:2px solid;border-left:2px solid;content:\"\";display:block;height:12px;margin-left:-10px;margin-top:2px;transform:translate(75%) rotate(-135deg) scaleZ(-1);transition:transform .3s ease-in;width:12px}i.sg-icon.sg-icon-previous:before{background:none;border-bottom:2px solid;border-left:2px solid;content:\"\";display:block;height:12px;margin-left:-4px;margin-top:2px;transform:translate(75%) rotate(45deg) scaleZ(-1);transition:transform .3s ease-in;width:12px}i.sg-icon.sg-icon-ellipsis:before{margin-right:-2px}:host .flex-right{right:0}:host .fold-out-button{border:0;cursor:pointer;font-family:inherit;padding:0;padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center;background-color:transparent;border:.0625rem solid transparent;padding:.625rem;height:2.75rem;width:2.75rem;min-width:auto;--color: var(--gds-ref-pallet-base800);border-color:transparent;color:var(--gds-ref-pallet-base800);display:flex;gap:.5rem;line-height:.75;padding-inline:.4375rem;width:auto}:host .fold-out-button:focus:not(:focus-visible){box-shadow:none;outline:0}:host .fold-out-button:focus,:host .fold-out-button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){:host .fold-out-button{min-width:100%}}@media screen and (-ms-high-contrast: active){:host .fold-out-button{border:2px solid currentcolor}}:host .fold-out-button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host .fold-out-button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}.form-group :host .fold-out-button{margin-top:-.625rem}:host .fold-out-button.small{height:2rem;width:2rem;padding:.4375rem;line-height:1.125rem}:host .fold-out-button svg{height:1rem;width:1rem}:host .fold-out-button path,:host .fold-out-button line,:host .fold-out-button circle,:host .fold-out-button rect,:host .fold-out-button ellipse,:host .fold-out-button polyline,:host .fold-out-button text{fill:var(--gds-ref-pallet-base800);stroke:var(--gds-ref-pallet-base800);transition:all .3s cubic-bezier(.23,1,.32,1)}:host .fold-out-button:hover,:host .fold-out-button.highlighted{background-color:#0000001a;border-color:transparent}:host .fold-out-button:active,:host .fold-out-button.highlighted:hover{background-color:#0003;border-color:transparent}:host .gds-fold-out__popover{background-clip:border-box;background:var(--sg-card-background);border:var(--sg-card-border);border-radius:var(--sg-card-border-radius);box-shadow:var(--sg-card-box-shadow);color:var(--sg-card-color);display:flex;flex-direction:column;padding:1rem;width:fit-content;display:none;padding:0}:host .gds-fold-out__popover>header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-block-end:1rem}:host .gds-fold-out__popover>header .close{margin:-.5rem -.5rem -.5rem .5rem}:host .gds-fold-out__popover>*:not(header,footer){flex:1 1 auto}:host .gds-fold-out__popover>footer{margin-top:.75rem}@media (min-width: 36em){:host .gds-fold-out__popover>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .gds-fold-out__popover>footer button:not(.link)+button,:host .gds-fold-out__popover>footer button:not(.link)+.button,:host .gds-fold-out__popover>footer .button:not(.link)+button,:host .gds-fold-out__popover>footer .button:not(.link)+.button{margin-top:.75rem}}@media (min-width: 36em){:host .gds-fold-out__popover>footer button:not(.link)+button,:host .gds-fold-out__popover>footer button:not(.link)+.button,:host .gds-fold-out__popover>footer .button:not(.link)+button,:host .gds-fold-out__popover>footer .button:not(.link)+.button{margin-left:.75rem}}:host .gds-fold-out__popover-expanded{display:block;position:absolute;z-index:var(--sg-z-index-popover)}:host ::ng-deep .nggv-field-dropdown__options__label{padding:.75rem 1rem;line-height:1.25;cursor:pointer;display:flex;gap:.75rem;-webkit-user-select:none;user-select:none}:host ::ng-deep .nggv-field-dropdown__options__label:active{background-color:var(--grey-400)}:host ::ng-deep .nggv-field-dropdown__options__label:focus{outline-color:#000;outline-offset:-.25rem}:host ::ng-deep .nggv-field-dropdown__options__label.active.sg-highlighted,:host ::ng-deep .nggv-field-dropdown__options__label[aria-selected=true]{background:var(--grey-1000);color:#fff}:host ::ng-deep .nggv-field-dropdown__options__label:hover,:host ::ng-deep .nggv-field-dropdown__options__label:focus-visible{background-color:var(--grey-400)}:host ::ng-deep .nggv-field-dropdown__options__label:active{background-color:var(--grey-500)}:host ::ng-deep .nggv-field-dropdown__options__label:focus-visible{outline-color:#000;outline-offset:-.25rem}:host ::ng-deep .nggv-field-dropdown__options__label[aria-hidden=true]{display:none}:host ::ng-deep .nggv-field-dropdown__options__label[highlighted]{background:var(--grey-1000);color:#fff}\n"] }]
259
- }], ctorParameters: () => [], propDecorators: { thook: [{
382
+ args: [{ selector: 'nggv-fold-out', template: "<div #foldout>\n <button\n data-thook=\"fold-out-toggle\"\n class=\"fold-out-button\"\n [ngClass]=\"{ 'no-text': !text }\"\n (click)=\"toggleVisibility()\"\n [attr.aria-expanded]=\"shown\"\n [attr.aria-label]=\"ariaLabel\"\n >\n <ng-container *ngTemplateOutlet=\"text ? withText : default\"> </ng-container>\n </button>\n\n <div\n #childrenContainer\n class=\"nggv-fold-out__popover\"\n [ngClass]=\"{ 'flex-right': alignOptions === 'right' }\"\n [class.nggv-fold-out__popover-expanded]=\"shown\"\n >\n <ng-content></ng-content>\n </div>\n</div>\n\n<ng-template #withText>\n {{ text }}\n <gds-icon-dot-grid-one-horizontal\n width=\"24\"\n height=\"24\"\n *nggCoreElement\n ></gds-icon-dot-grid-one-horizontal>\n</ng-template>\n\n<ng-template #default>\n <gds-icon-dot-grid-one-horizontal\n width=\"24\"\n height=\"24\"\n *nggCoreElement\n ></gds-icon-dot-grid-one-horizontal>\n <ng-template></ng-template\n></ng-template>\n", styles: ["i.sg-icon{font-size:0;width:1rem;height:1rem;display:inline-block}i.sg-icon:before{content:\"\";display:inline-block;background:var(--color);width:100%;height:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}i.sg-icon.sg-icon-calendar:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 248h80v-56H48v56zm0 48v64h80v-64H48zm128 0v64h96v-64h-96zm144 0v64h80v-64h-80zm80-104h-80v56h80v-56zm0 216h-80v56h64c8.8 0 16-7.2 16-16v-40zm-128 0h-96v56h96v-56zm-144 0H48v40c0 8.8 7.16 16 16 16h64v-56zm144-216h-96v56h96v-56z '/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 248h80v-56H48v56zm0 48v64h80v-64H48zm128 0v64h96v-64h-96zm144 0v64h80v-64h-80zm80-104h-80v56h80v-56zm0 216h-80v56h64c8.8 0 16-7.2 16-16v-40zm-128 0h-96v56h96v-56zm-144 0H48v40c0 8.8 7.16 16 16 16h64v-56zm144-216h-96v56h96v-56z '/%3E%3C/svg%3E\")}i.sg-icon.sg-icon-calendar-range:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M96 288c0-17.7 14.3-32 32-32s32 14.3 32 32-14.3 32-32 32-32-14.3-32-32zm224 64c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm-128-64c0-13.3 10.7-24 24-24h112c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24zm40 72c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24s10.7-24 24-24h112zM152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 448c0 8.8 7.16 16 16 16h320c8.8 0 16-7.2 16-16V192H48v256z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M96 288c0-17.7 14.3-32 32-32s32 14.3 32 32-14.3 32-32 32-32-14.3-32-32zm224 64c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm-128-64c0-13.3 10.7-24 24-24h112c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24zm40 72c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24s10.7-24 24-24h112zM152 64h144V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40h40c35.3 0 64 28.65 64 64v320c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V128c0-35.35 28.65-64 64-64h40V24c0-13.25 10.7-24 24-24s24 10.75 24 24v40zM48 448c0 8.8 7.16 16 16 16h320c8.8 0 16-7.2 16-16V192H48v256z'/%3E%3C/svg%3E\")}i.sg-icon.sg-icon-ellipsis:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.--%3E%3Cpath d='M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z'/%3E%3C/svg%3E\")}i.sg-icon.sg-icon-grip-vertical:before{-webkit-mask-image:url(\"data:image/svg+xml, %3Csvg height='1em' viewBox='0 0 320 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 352l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zm192 0l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 320c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 192l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 160c-22.1 0-40-17.9-40-40L0 72C0 49.9 17.9 32 40 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml, %3Csvg height='1em' viewBox='0 0 320 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 352l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zm192 0l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 320c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 192l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 160c-22.1 0-40-17.9-40-40L0 72C0 49.9 17.9 32 40 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40z' /%3E%3C/svg%3E\")}i.sg-icon.sg-icon-next:before{background:none;border-bottom:2px solid;border-left:2px solid;content:\"\";display:block;height:12px;margin-left:-10px;margin-top:2px;transform:translate(75%) rotate(-135deg) scaleZ(-1);transition:transform .3s ease-in;width:12px}i.sg-icon.sg-icon-previous:before{background:none;border-bottom:2px solid;border-left:2px solid;content:\"\";display:block;height:12px;margin-left:-4px;margin-top:2px;transform:translate(75%) rotate(45deg) scaleZ(-1);transition:transform .3s ease-in;width:12px}i.sg-icon.sg-icon-ellipsis:before{margin-right:-2px}:host{--grey-400: rgb(233, 233, 233);--grey-500: rgb(222, 222, 222);--sg-z-index-popover: 999;--sg-card-background: #fff;--sg-card-border: 1px solid #e9e9e9;--sg-card-border-radius: 4px;--sg-border-radius: 4px;--sg-card-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .1019607843);--gds-ref-pallet-base800: #333}:host .flex-right{right:0}:host .fold-out-button{border:0;cursor:pointer;font-family:inherit;padding:0;padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;display:inline-flex;justify-content:center;background-color:transparent;border:.0625rem solid transparent;padding:.625rem;height:2.75rem;width:2.75rem;min-width:auto;--color: var(--gds-ref-pallet-base800);border-color:transparent;color:var(--gds-ref-pallet-base800);display:flex;align-items:center;gap:.5rem;line-height:.75;padding-inline:.4375rem;width:auto}:host .fold-out-button:focus:not(:focus-visible){box-shadow:none;outline:0}:host .fold-out-button:focus,:host .fold-out-button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){:host .fold-out-button{min-width:100%}}@media screen and (-ms-high-contrast: active){:host .fold-out-button{border:2px solid currentcolor}}:host .fold-out-button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host .fold-out-button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}.form-group :host .fold-out-button{margin-top:-.625rem}:host .fold-out-button.small{height:2rem;width:2rem;padding:.4375rem;line-height:1.125rem}:host .fold-out-button svg{height:1rem;width:1rem}:host .fold-out-button path,:host .fold-out-button line,:host .fold-out-button circle,:host .fold-out-button rect,:host .fold-out-button ellipse,:host .fold-out-button polyline,:host .fold-out-button text{fill:var(--gds-ref-pallet-base800);stroke:var(--gds-ref-pallet-base800);transition:all .3s cubic-bezier(.23,1,.32,1)}:host .fold-out-button:hover,:host .fold-out-button.highlighted{background-color:#0000001a;border-color:transparent}:host .fold-out-button:active,:host .fold-out-button.highlighted:hover{background-color:#0003;border-color:transparent}@media (max-width: 35.98em){:host .fold-out-button{min-width:initial}}:host .nggv-fold-out__popover{background-clip:border-box;background:var(--sg-card-background);border:var(--sg-card-border);border-radius:var(--sg-card-border-radius);box-shadow:var(--sg-card-box-shadow);color:var(--sg-card-color);display:flex;flex-direction:column;padding:1rem;width:fit-content;display:none;padding:0}:host .nggv-fold-out__popover>header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-block-end:1rem}:host .nggv-fold-out__popover>header .close{margin:-.5rem -.5rem -.5rem .5rem}:host .nggv-fold-out__popover>*:not(header,footer){flex:1 1 auto}:host .nggv-fold-out__popover>footer{margin-top:.75rem}@media (min-width: 36em){:host .nggv-fold-out__popover>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .nggv-fold-out__popover>footer button:not(.link)+button,:host .nggv-fold-out__popover>footer button:not(.link)+.button,:host .nggv-fold-out__popover>footer .button:not(.link)+button,:host .nggv-fold-out__popover>footer .button:not(.link)+.button{margin-top:.75rem}}@media (min-width: 36em){:host .nggv-fold-out__popover>footer button:not(.link)+button,:host .nggv-fold-out__popover>footer button:not(.link)+.button,:host .nggv-fold-out__popover>footer .button:not(.link)+button,:host .nggv-fold-out__popover>footer .button:not(.link)+.button{margin-left:.75rem}}:host .nggv-fold-out__popover-expanded{display:block;position:absolute;z-index:var(--sg-z-index-popover)}:host ::ng-deep .nggv-field-dropdown__options__label{padding:.75rem 1rem;line-height:1.25;cursor:pointer;display:flex;gap:.75rem;-webkit-user-select:none;user-select:none}:host ::ng-deep .nggv-field-dropdown__options__label:hover,:host ::ng-deep .nggv-field-dropdown__options__label:focus-visible{background-color:var(--grey-400)}:host ::ng-deep .nggv-field-dropdown__options__label:active{background-color:var(--grey-400)}:host ::ng-deep .nggv-field-dropdown__options__label:focus{outline-color:#000;outline-offset:-.25rem}:host ::ng-deep .nggv-field-dropdown__options__label.active.sg-highlighted,:host ::ng-deep .nggv-field-dropdown__options__label[aria-selected=true]{background:var(--grey-1000);color:#fff}:host ::ng-deep .nggv-field-dropdown__options__label.delete-option{color:#bb000c}:host ::ng-deep .nggv-field-dropdown__options__label:hover,:host ::ng-deep .nggv-field-dropdown__options__label:focus-visible,:host ::ng-deep .nggv-field-dropdown__options__label[aria-focus=true]{background-color:var(--grey-400)}:host ::ng-deep .nggv-field-dropdown__options__label.delete-option:hover,:host ::ng-deep .nggv-field-dropdown__options__label.delete-option:focus-visible,:host ::ng-deep .nggv-field-dropdown__options__label.delete-option[aria-focus=true]{background-color:#d81a1a;color:#fff}:host ::ng-deep .nggv-field-dropdown__options__label:active{background-color:var(--grey-500)}:host ::ng-deep .nggv-field-dropdown__options__label.delete-option:active{background-color:#bb000c;color:#fff}:host ::ng-deep .nggv-field-dropdown__options__label:focus-visible{outline-color:#000;outline-offset:-.25rem}:host ::ng-deep .nggv-field-dropdown__options__label[aria-hidden=true]{display:none}:host ::ng-deep .nggv-field-dropdown__options__label[highlighted]{background:var(--grey-1000);color:#fff}\n"] }]
383
+ }], propDecorators: { thook: [{
260
384
  type: HostBinding,
261
385
  args: ['attr.data-thook']
262
386
  }, {
@@ -264,18 +388,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
264
388
  }], inputRef: [{
265
389
  type: ViewChild,
266
390
  args: ['foldout', { read: ElementRef }]
391
+ }], container: [{
392
+ type: ViewChild,
393
+ args: ['childrenContainer']
267
394
  }], alignOptions: [{
268
395
  type: Input
396
+ }], text: [{
397
+ type: Input
398
+ }], ariaLabel: [{
399
+ type: Input
269
400
  }] } });
270
401
 
271
- class NgvFoldOutOptionDirective {
402
+ class NggvFoldOutOptionDirective {
272
403
  constructor() {
273
404
  this.baseClass = true;
274
405
  }
275
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvFoldOutOptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
276
- 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 }); }
406
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvFoldOutOptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
407
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: NggvFoldOutOptionDirective, selector: "[nggvOption]", host: { properties: { "class.nggv-field-dropdown__options__label": "this.baseClass" } }, ngImport: i0 }); }
277
408
  }
278
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvFoldOutOptionDirective, decorators: [{
409
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvFoldOutOptionDirective, decorators: [{
279
410
  type: Directive,
280
411
  args: [{
281
412
  selector: '[nggvOption]',
@@ -297,7 +428,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
297
428
  * The closing button can be selected using 'slideout-close'.
298
429
  * The backdrop is selectable using 'slideout-backdrop'.
299
430
  */
300
- class NgvSlideOutComponent {
431
+ class NggvSlideOutComponent {
432
+ set shown(value) {
433
+ this._shown = value;
434
+ if (value) {
435
+ this.hideOverflow();
436
+ }
437
+ else {
438
+ this.resetOverflow();
439
+ }
440
+ }
441
+ get shown() {
442
+ return this._shown;
443
+ }
301
444
  /** @internal */
302
445
  get fromLeft() {
303
446
  return this.side === 'left';
@@ -306,12 +449,13 @@ class NgvSlideOutComponent {
306
449
  set buttons(buttons) {
307
450
  this._buttons = buttons;
308
451
  }
309
- constructor(host) {
452
+ constructor(host, renderer) {
310
453
  this.host = host;
454
+ this.renderer = renderer;
311
455
  /** Sets from which side the modal should open. */
312
456
  this.side = 'right';
313
457
  /** Defines the default visibility state of the slide-out. */
314
- this.shown = false;
458
+ this._shown = false;
315
459
  /** Defines the default visibility state of the modal. */
316
460
  this.initiallyShown = false;
317
461
  /** Sets whether it is possible to close the modal from the top right corner. */
@@ -330,7 +474,7 @@ class NgvSlideOutComponent {
330
474
  this.host.nativeElement.close = this.close.bind(this);
331
475
  }
332
476
  ngOnInit() {
333
- this.shown = this.initiallyShown;
477
+ this._shown = this.initiallyShown;
334
478
  if (this.shown)
335
479
  this.limitFocusable();
336
480
  }
@@ -356,8 +500,9 @@ class NgvSlideOutComponent {
356
500
  * @returns - true
357
501
  */
358
502
  open(opener) {
359
- this.shown = true;
503
+ this._shown = true;
360
504
  this.previous = opener || document.activeElement;
505
+ this.hideOverflow();
361
506
  this.limitFocusable();
362
507
  return true;
363
508
  }
@@ -372,6 +517,7 @@ class NgvSlideOutComponent {
372
517
  event instanceof MouseEvent &&
373
518
  event.target !== event.currentTarget)
374
519
  return;
520
+ this.resetOverflow();
375
521
  if (this.shown && this.closable) {
376
522
  this.nggvCloseEvent.emit(this.shown);
377
523
  this.shown = false;
@@ -414,8 +560,14 @@ class NgvSlideOutComponent {
414
560
  this.lastFocusable.focus();
415
561
  });
416
562
  }
417
- 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 }); }
418
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NgvSlideOutComponent, selector: "nggv-slideout-modal", inputs: { side: "side", shown: "shown", initiallyShown: "initiallyShown", heading: "heading", title: "title", content: "content", closable: "closable", autoWidth: "autoWidth", thook: "thook", buttons: "buttons" }, outputs: { nggvCloseEvent: "nggvCloseEvent", nggvPositiveEvent: "nggvPositiveEvent", nggvNeutralEvent: "nggvNeutralEvent", nggvNegativeEvent: "nggvNegativeEvent" }, host: { listeners: { "click": "close($event,\"host\")", "document:keydown.escape": "close($event)", "keydown": "focusTrap($event)" } }, viewQueries: [{ propertyName: "slideOutRef", first: true, predicate: ["slideOut"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"shown\">\n <div\n [ngClass]=\"{\n 'gds-slide-out--left': fromLeft,\n 'gds-slide-out--right': !fromLeft,\n }\"\n *transloco=\"let t\"\n [class.-active]=\"shown\"\n [attr.data-thook]=\"thook\"\n [attr.aria-hidden]=\"!shown\"\n [@modalAnimation]\n >\n <div\n #slideOut\n class=\"gds-slide-out\"\n [class.auto-width]=\"autoWidth\"\n [class.entered]=\"shown\"\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby=\"sdv-modal-title\"\n aria-describedby=\"sdv-modal-body\"\n >\n <header class=\"gds-slide-out__header\">\n <h3 class=\"gds-slide-out__heading\" id=\"sdv-modal-title\">\n {{ heading || title || '' }}\n </h3>\n <button\n data-testid=\"modal-close-button\"\n class=\"close\"\n (click)=\"this.close()\"\n >\n <span className=\"sr-only\">Close</span>\n <i></i>\n </button>\n </header>\n\n <section id=\"modal-body\">\n <div class=\"gds-slide-out__content hide-if-empty\">\n <div *ngIf=\"content\" [innerHtml]=\"content\"></div>\n <ng-content></ng-content>\n </div>\n <ng-content select=\"[slot='outside-content']\"></ng-content>\n </section>\n\n <footer class=\"modal-dialog__actions\">\n <button\n class=\"danger\"\n type=\"reset\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.negative || 'negative')\"\n (click)=\"onAction($event, 'negative')\"\n (keydown.enter)=\"onAction($event, 'negative')\"\n *ngIf=\"_buttons && _buttons.negative\"\n >\n {{ t(_buttons.negative) }}\n </button>\n\n <button\n class=\"secondary\"\n type=\"button\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.neutral || 'neutral')\"\n (click)=\"onAction($event, 'neutral')\"\n (keydown.enter)=\"onAction($event, 'neutral')\"\n *ngIf=\"_buttons && _buttons.neutral\"\n >\n {{ t(_buttons.neutral) }}\n </button>\n\n <button\n type=\"submit\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.positive || 'positive')\"\n (click)=\"onAction($event, 'positive')\"\n (keydown.enter)=\"onAction($event, 'positive')\"\n *ngIf=\"_buttons && _buttons.positive\"\n >\n {{ t(_buttons.positive) }}\n </button>\n </footer>\n </div>\n\n <div\n class=\"gds-backdrop\"\n data-thook=\"slideout-backdrop\"\n (click)=\"close()\"\n ></div>\n </div>\n</ng-container>\n", styles: ["button,input[type=button],input[type=submit],input[type=reset],.button,.gds-filter-chip{background-color:transparent;border:0;cursor:pointer;font-family:inherit;padding:0}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),input:where([type=button],[type=submit],[type=reset]),.button{padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus:not(:focus-visible),input:where([type=button],[type=submit],[type=reset]):focus:not(:focus-visible),.button:focus:not(:focus-visible){box-shadow:none;outline:0}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus,button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus-visible,input:where([type=button],[type=submit],[type=reset]):focus,input:where([type=button],[type=submit],[type=reset]):focus-visible,.button:focus,.button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),input:where([type=button],[type=submit],[type=reset]),.button{min-width:100%}}@media screen and (-ms-high-contrast: active){button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),input:where([type=button],[type=submit],[type=reset]),.button{border:2px solid currentcolor}}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).small,input:where([type=button],[type=submit],[type=reset]).small,.button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).large,input:where([type=button],[type=submit],[type=reset]).large,.button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)),button.secondary,a.button.secondary,input:is([type=button],[type=reset]),button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])),button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)){transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:#007ac7;color:#007ac7;--color: rgb(0, 122, 199)}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus:not(:focus-visible),a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus:not(:focus-visible),button.secondary:focus:not(:focus-visible),a.button.secondary:focus:not(:focus-visible),input:is([type=button],[type=reset]):focus:not(:focus-visible),button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):focus:not(:focus-visible),button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus:not(:focus-visible){box-shadow:none;outline:0}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus-visible,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus-visible,button.secondary:focus,button.secondary:focus-visible,a.button.secondary:focus,a.button.secondary:focus-visible,input:is([type=button],[type=reset]):focus,input:is([type=button],[type=reset]):focus-visible,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):focus,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):focus-visible,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):not(:disabled,.disabled,[aria-disabled]):hover,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.secondary:not(:disabled,.disabled,[aria-disabled]):hover,a.button.secondary:not(:disabled,.disabled,[aria-disabled]):hover,input:is([type=button],[type=reset]):not(:disabled,.disabled,[aria-disabled]):hover,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):not(:disabled,.disabled,[aria-disabled]):hover,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-selected=true],button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active:hover,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active:hover,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected=true],a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover,button.secondary[aria-selected=true],button.secondary:active,button.secondary.active,button.secondary.active:hover,button.secondary:active:hover,a.button.secondary[aria-selected=true],a.button.secondary:active,a.button.secondary.active,a.button.secondary.active:hover,a.button.secondary:active:hover,input:is([type=button],[type=reset])[aria-selected=true],input:is([type=button],[type=reset]):active,input:is([type=button],[type=reset]).active,input:is([type=button],[type=reset]).active:hover,input:is([type=button],[type=reset]):active:hover,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu]))[aria-selected=true],button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):active,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).active,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).active:hover,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):active:hover,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected=true],button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true],a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true],button.secondary:disabled,button.secondary.disabled,button.secondary[aria-disabled=true],a.button.secondary:disabled,a.button.secondary.disabled,a.button.secondary[aria-disabled=true],input:is([type=button],[type=reset]):disabled,input:is([type=button],[type=reset]).disabled,input:is([type=button],[type=reset])[aria-disabled=true],button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):disabled,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).disabled,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu]))[aria-disabled=true],button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled::placeholder,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled::placeholder,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true]::placeholder,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled::placeholder,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled::placeholder,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true]::placeholder,button.secondary:disabled::placeholder,button.secondary.disabled::placeholder,button.secondary[aria-disabled=true]::placeholder,a.button.secondary:disabled::placeholder,a.button.secondary.disabled::placeholder,a.button.secondary[aria-disabled=true]::placeholder,input:is([type=button],[type=reset]):disabled::placeholder,input:is([type=button],[type=reset]).disabled::placeholder,input:is([type=button],[type=reset])[aria-disabled=true]::placeholder,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):disabled::placeholder,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).disabled::placeholder,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu]))[aria-disabled=true]::placeholder,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled::placeholder,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled::placeholder,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),a.button:where(:not(.primary,.secondary,.ghost,.close,.link)),button.tertiary,a.button.tertiary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:transparent;color:#007ac7;--color: rgb(0, 122, 199)}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus:not(:focus-visible),a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):focus:not(:focus-visible),button.tertiary:focus:not(:focus-visible),a.button.tertiary:focus:not(:focus-visible){box-shadow:none;outline:0}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus-visible,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):focus,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):focus-visible,button.tertiary:focus,button.tertiary:focus-visible,a.button.tertiary:focus,a.button.tertiary:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):not(:disabled,.disabled,[aria-disabled]):hover,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.tertiary:not(:disabled,.disabled,[aria-disabled]):hover,a.button.tertiary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-selected=true],button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active:hover,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active:hover,a.button:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-selected=true],a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):active,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).active,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).active:hover,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):active:hover,button.tertiary[aria-selected=true],button.tertiary:active,button.tertiary.active,button.tertiary.active:hover,button.tertiary:active:hover,a.button.tertiary[aria-selected=true],a.button.tertiary:active,a.button.tertiary.active,a.button.tertiary.active:hover,a.button.tertiary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true],a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):disabled,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).disabled,a.button:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-disabled=true],button.tertiary:disabled,button.tertiary.disabled,button.tertiary[aria-disabled=true],a.button.tertiary:disabled,a.button.tertiary.disabled,a.button.tertiary[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled::placeholder,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled::placeholder,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true]::placeholder,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):disabled::placeholder,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).disabled::placeholder,a.button:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-disabled=true]::placeholder,button.tertiary:disabled::placeholder,button.tertiary.disabled::placeholder,button.tertiary[aria-disabled=true]::placeholder,a.button.tertiary:disabled::placeholder,a.button.tertiary.disabled::placeholder,a.button.tertiary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.primary,input[type=submit],button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip),input[type=submit]:not(.secondary,.ghost,.danger,.close,.link),a.button.primary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:#007ac7;border-color:#007ac7;color:#fff;--color: #fff}button.primary:not(:disabled,.disabled,[aria-disabled]):hover,input[type=submit]:not(:disabled,.disabled,[aria-disabled]):hover,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):not(:disabled,.disabled,[aria-disabled]):hover,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):not(:disabled,.disabled,[aria-disabled]):hover,a.button.primary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}button.primary[aria-selected=true],button.primary:active,button.primary.active,button.primary.active:hover,button.primary:active:hover,input[type=submit][aria-selected=true],input[type=submit]:active,input[type=submit].active,input[type=submit].active:hover,input[type=submit]:active:hover,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip)[aria-selected=true],button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):active,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).active,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).active:hover,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):active:hover,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link)[aria-selected=true],input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):active,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).active,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).active:hover,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):active:hover,a.button.primary[aria-selected=true],a.button.primary:active,a.button.primary.active,a.button.primary.active:hover,a.button.primary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}button.primary:focus-visible,input[type=submit]:focus-visible,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):focus-visible,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):focus-visible,a.button.primary:focus-visible{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3!important}button.primary:disabled,button.primary.disabled,button.primary[aria-disabled=true],input[type=submit]:disabled,input[type=submit].disabled,input[type=submit][aria-disabled=true],button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):disabled,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).disabled,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip)[aria-disabled=true],input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):disabled,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).disabled,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link)[aria-disabled=true],a.button.primary:disabled,a.button.primary.disabled,a.button.primary[aria-disabled=true]{background:var(--form-control-primary-bg-disabled)!important;color:var(--text-primary-disabled-color)!important;border-color:var(--border-primary-disabled-color)!important;cursor:not-allowed}button.primary:disabled::placeholder,button.primary.disabled::placeholder,button.primary[aria-disabled=true]::placeholder,input[type=submit]:disabled::placeholder,input[type=submit].disabled::placeholder,input[type=submit][aria-disabled=true]::placeholder,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):disabled::placeholder,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).disabled::placeholder,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip)[aria-disabled=true]::placeholder,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):disabled::placeholder,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).disabled::placeholder,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link)[aria-disabled=true]::placeholder,a.button.primary:disabled::placeholder,a.button.primary.disabled::placeholder,a.button.primary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.ghost,.button.ghost{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;border-color:#333;color:#333;--color: rgb(51, 51, 51)}button.ghost:not(:disabled,.disabled,[aria-disabled]):hover,.button.ghost:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}button.ghost[aria-selected=true],button.ghost:active,button.ghost.active,button.ghost.active:hover,button.ghost:active:hover,.button.ghost[aria-selected=true],.button.ghost:active,.button.ghost.active,.button.ghost.active:hover,.button.ghost:active:hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}button.ghost[aria-selected]:hover,button.ghost.active:hover,button.ghost:active:hover,.button.ghost[aria-selected]:hover,.button.ghost.active:hover,.button.ghost:active:hover{opacity:.9}button.ghost:focus-visible,.button.ghost:focus-visible{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333!important}button.ghost:disabled,button.ghost.disabled,button.ghost[aria-disabled=true],.button.ghost:disabled,.button.ghost.disabled,.button.ghost[aria-disabled=true]{color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}button.ghost:disabled::placeholder,button.ghost.disabled::placeholder,button.ghost[aria-disabled=true]::placeholder,.button.ghost:disabled::placeholder,.button.ghost.disabled::placeholder,.button.ghost[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.icon,.button.icon{background-color:transparent;border:.0625rem solid transparent;padding:.625rem;height:2.75rem;width:2.75rem;min-width:auto;--color: var(--gds-ref-pallet-base800)}.form-group button.icon,.form-group .button.icon{margin-top:-.625rem}button.icon.small,.button.icon.small{height:2rem;width:2rem;padding:.4375rem;line-height:1.125rem}button.icon svg,.button.icon svg{height:1rem;width:1rem}button.icon path,button.icon line,button.icon circle,button.icon rect,button.icon ellipse,button.icon polyline,button.icon text,.button.icon path,.button.icon line,.button.icon circle,.button.icon rect,.button.icon ellipse,.button.icon polyline,.button.icon text{fill:var(--gds-ref-pallet-base800);stroke:var(--gds-ref-pallet-base800);transition:all .3s cubic-bezier(.23,1,.32,1)}button.icon:hover,button.icon.highlighted,.button.icon:hover,.button.icon.highlighted{background-color:#0000001a;border-color:transparent}button.icon:active,button.icon.highlighted:hover,.button.icon:active,.button.icon.highlighted:hover{background-color:#0003;border-color:transparent}button.primary.danger,.button.primary.danger,button[type=submit].danger:not(.secondary,.ghost,.close,.link),input[type=submit].danger:not(.secondary,.ghost,.close,.link){background:#bb000c;border-color:#bb000c;color:#fff;--color: #fff;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}button.primary.danger:not(:disabled,.disabled,[aria-disabled]):hover,.button.primary.danger:not(:disabled,.disabled,[aria-disabled]):hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link):not(:disabled,.disabled,[aria-disabled]):hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}button.primary.danger[aria-selected=true],button.primary.danger:active,button.primary.danger.active,button.primary.danger.active:hover,button.primary.danger:active:hover,.button.primary.danger[aria-selected=true],.button.primary.danger:active,.button.primary.danger.active,.button.primary.danger.active:hover,.button.primary.danger:active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected=true],button[type=submit].danger:not(.secondary,.ghost,.close,.link):active,button[type=submit].danger:not(.secondary,.ghost,.close,.link).active,button[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected=true],input[type=submit].danger:not(.secondary,.ghost,.close,.link):active,input[type=submit].danger:not(.secondary,.ghost,.close,.link).active,input[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}button.primary.danger[aria-selected]:hover,button.primary.danger.active:hover,button.primary.danger:active:hover,.button.primary.danger[aria-selected]:hover,.button.primary.danger.active:hover,.button.primary.danger:active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected]:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected]:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover{opacity:.9}button.primary.danger:focus:not(:focus-visible),.button.primary.danger:focus:not(:focus-visible),button[type=submit].danger:not(.secondary,.ghost,.close,.link):focus:not(:focus-visible),input[type=submit].danger:not(.secondary,.ghost,.close,.link):focus:not(:focus-visible){box-shadow:none;outline:0}button.primary.danger:focus,button.primary.danger:focus-visible,.button.primary.danger:focus,.button.primary.danger:focus-visible,button[type=submit].danger:not(.secondary,.ghost,.close,.link):focus,button[type=submit].danger:not(.secondary,.ghost,.close,.link):focus-visible,input[type=submit].danger:not(.secondary,.ghost,.close,.link):focus,input[type=submit].danger:not(.secondary,.ghost,.close,.link):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button.primary.danger:disabled,button.primary.danger.disabled,button.primary.danger[aria-disabled=true],.button.primary.danger:disabled,.button.primary.danger.disabled,.button.primary.danger[aria-disabled=true],button[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled,button[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true],input[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled,input[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true]{background:var(--form-control-primary-bg-disabled)!important;color:var(--text-primary-disabled-color)!important;border-color:var(--border-primary-disabled-color)!important;cursor:not-allowed}button.primary.danger:disabled::placeholder,button.primary.danger.disabled::placeholder,button.primary.danger[aria-disabled=true]::placeholder,.button.primary.danger:disabled::placeholder,.button.primary.danger.disabled::placeholder,.button.primary.danger[aria-disabled=true]::placeholder,button[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled::placeholder,button[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled::placeholder,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true]::placeholder,input[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled::placeholder,input[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled::placeholder,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])),a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)),button.secondary.danger,a.button.secondary.danger,input.danger:is([type=button],[type=reset]),button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])),button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)){color:#bb000c;--color: rgb(187, 0, 12);border-color:transparent;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):not(:disabled,.disabled,[aria-disabled]):hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.secondary.danger:not(:disabled,.disabled,[aria-disabled]):hover,a.button.secondary.danger:not(:disabled,.disabled,[aria-disabled]):hover,input.danger:is([type=button],[type=reset]):not(:disabled,.disabled,[aria-disabled]):hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):not(:disabled,.disabled,[aria-disabled]):hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected=true],button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link))[aria-selected=true],a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):active,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)).active,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):active:hover,button.secondary.danger[aria-selected=true],button.secondary.danger:active,button.secondary.danger.active,button.secondary.danger.active:hover,button.secondary.danger:active:hover,a.button.secondary.danger[aria-selected=true],a.button.secondary.danger:active,a.button.secondary.danger.active,a.button.secondary.danger.active:hover,a.button.secondary.danger:active:hover,input.danger:is([type=button],[type=reset])[aria-selected=true],input.danger:is([type=button],[type=reset]):active,input.danger:is([type=button],[type=reset]).active,input.danger:is([type=button],[type=reset]).active:hover,input.danger:is([type=button],[type=reset]):active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu]))[aria-selected=true],button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):active,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])).active,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])).active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected=true],button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected]:hover,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link))[aria-selected]:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):active:hover,button.secondary.danger[aria-selected]:hover,button.secondary.danger.active:hover,button.secondary.danger:active:hover,a.button.secondary.danger[aria-selected]:hover,a.button.secondary.danger.active:hover,a.button.secondary.danger:active:hover,input.danger:is([type=button],[type=reset])[aria-selected]:hover,input.danger:is([type=button],[type=reset]).active:hover,input.danger:is([type=button],[type=reset]):active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu]))[aria-selected]:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])).active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected]:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover{opacity:.9}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus:not(:focus-visible),a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):focus:not(:focus-visible),button.secondary.danger:focus:not(:focus-visible),a.button.secondary.danger:focus:not(:focus-visible),input.danger:is([type=button],[type=reset]):focus:not(:focus-visible),button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):focus:not(:focus-visible),button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus:not(:focus-visible){box-shadow:none;outline:0}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus-visible,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):focus,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):focus-visible,button.secondary.danger:focus,button.secondary.danger:focus-visible,a.button.secondary.danger:focus,a.button.secondary.danger:focus-visible,input.danger:is([type=button],[type=reset]):focus,input.danger:is([type=button],[type=reset]):focus-visible,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):focus,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):focus-visible,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])),a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)),button.tertiary.danger,a.button.tertiary.danger{color:#bb000c;--color: rgb(187, 0, 12);border-color:transparent;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):not(:disabled,.disabled,[aria-disabled]):hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.tertiary.danger:not(:disabled,.disabled,[aria-disabled]):hover,a.button.tertiary.danger:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected=true],button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-selected=true],a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):active,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)).active,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):active:hover,button.tertiary.danger[aria-selected=true],button.tertiary.danger:active,button.tertiary.danger.active,button.tertiary.danger.active:hover,button.tertiary.danger:active:hover,a.button.tertiary.danger[aria-selected=true],a.button.tertiary.danger:active,a.button.tertiary.danger.active,a.button.tertiary.danger.active:hover,a.button.tertiary.danger:active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected]:hover,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-selected]:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):active:hover,button.tertiary.danger[aria-selected]:hover,button.tertiary.danger.active:hover,button.tertiary.danger:active:hover,a.button.tertiary.danger[aria-selected]:hover,a.button.tertiary.danger.active:hover,a.button.tertiary.danger:active:hover{opacity:.9}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus:not(:focus-visible),a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):focus:not(:focus-visible),button.tertiary.danger:focus:not(:focus-visible),a.button.tertiary.danger:focus:not(:focus-visible){box-shadow:none;outline:0}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus-visible,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):focus,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):focus-visible,button.tertiary.danger:focus,button.tertiary.danger:focus-visible,a.button.tertiary.danger:focus,a.button.tertiary.danger:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .gds-slide-out{background:var(--sg-modal-background);display:flex;flex-direction:column;box-shadow:var(--sg-modal-box-shadow);position:absolute;width:100%;z-index:var(--sg-z-index-modal);position:fixed;height:100dvh;max-width:512px;min-height:-webkit-fill-available;min-height:-moz-available;min-height:stretch;right:0;top:0;transition:transform .35s cubic-bezier(.33,1,.68,1);transform:translate(100%);z-index:1050}:host .gds-slide-out>.header,:host .gds-slide-out>header{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .gds-slide-out>.header h3,:host .gds-slide-out>.header .h3,:host .gds-slide-out>header h3,:host .gds-slide-out>header .h3{margin-bottom:0;margin-top:0}:host .gds-slide-out>.header h3+.close,:host .gds-slide-out>.header .h3+.close,:host .gds-slide-out>header h3+.close,:host .gds-slide-out>header .h3+.close{margin:-7px;min-width:2rem}:host .gds-slide-out>.body{padding:1rem;overflow:auto;width:100%}:host .gds-slide-out>.body p{margin-bottom:0;margin-top:0}:host .gds-slide-out>.footer,:host .gds-slide-out>footer{padding:1rem;width:100%}@media (min-width: 36em){:host .gds-slide-out>.footer,:host .gds-slide-out>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .gds-slide-out>.footer button+button,:host .gds-slide-out>.footer button+.button,:host .gds-slide-out>.footer .button+button,:host .gds-slide-out>.footer .button+.button,:host .gds-slide-out>footer button+button,:host .gds-slide-out>footer button+.button,:host .gds-slide-out>footer .button+button,:host .gds-slide-out>footer .button+.button{margin-top:.75rem}}@media (min-width: 36em){:host .gds-slide-out>.footer button+button,:host .gds-slide-out>.footer button+.button,:host .gds-slide-out>.footer .button+button,:host .gds-slide-out>.footer .button+.button,:host .gds-slide-out>footer button+button,:host .gds-slide-out>footer button+.button,:host .gds-slide-out>footer .button+button,:host .gds-slide-out>footer .button+.button{margin-left:.75rem}}:host .gds-slide-out.is-entering,:host .gds-slide-out.entered{transform:translate(0)}:host .gds-slide-out.is-exiting{transform:translate(100%)}:host .gds-slide-out.large{max-width:720px}:host .gds-slide-out>.body{flex:1 0}:host .gds-slide-out.left{left:0}:host .gds-slide-out.gds-slide-out--768{max-width:48rem}:host .gds-slide-out.gds-slide-out--960{max-width:60rem}:host .gds-slide-out.gds-slide-out--768 header,:host .gds-slide-out.gds-slide-out--960 header{padding:1.5rem 2rem 1rem}:host .gds-slide-out.gds-slide-out--768 .body,:host .gds-slide-out.gds-slide-out--960 .body{padding:2rem 2rem 1rem}:host .gds-slide-out.gds-slide-out--768 footer,:host .gds-slide-out.gds-slide-out--960 footer{padding:1rem 2rem 2rem}:host .gds-slide-out.auto-width{width:auto;max-width:initial}:host .hide-if-empty:empty{display:none}:host .gds-backdrop{background:#00000059;inset:0;position:fixed;z-index:1040;display:block;transition:opacity .5s cubic-bezier(.33,1,.68,1)}:host .gds-backdrop--transparent{opacity:0}:host .gds-backdrop--transparent.entered,:host .gds-backdrop--transparent.is-entering{opacity:1}:host .gds-backdrop--transparent.is-exiting{opacity:0}:host .gds-slide-out__content{padding:1rem;overflow:auto;width:100%}:host .gds-slide-out__content p{margin-bottom:0;margin-top:0}:host .modal-dialog__actions,:host .gds-slide-out__header,:host .modal-body,:host .gds-slide-out__content{box-sizing:border-box}:host #sdv-modal-body{flex:1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }], animations: [
563
+ hideOverflow() {
564
+ this.renderer.setStyle(document.body, 'overflow', 'hidden');
565
+ }
566
+ resetOverflow() {
567
+ this.renderer.removeStyle(document.body, 'overflow');
568
+ }
569
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvSlideOutComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
570
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NggvSlideOutComponent, selector: "nggv-slideout-modal", inputs: { side: "side", shown: "shown", initiallyShown: "initiallyShown", heading: "heading", title: "title", content: "content", closable: "closable", autoWidth: "autoWidth", thook: "thook", closeButtonAriaLabel: "closeButtonAriaLabel", buttons: "buttons" }, outputs: { nggvCloseEvent: "nggvCloseEvent", nggvPositiveEvent: "nggvPositiveEvent", nggvNeutralEvent: "nggvNeutralEvent", nggvNegativeEvent: "nggvNegativeEvent" }, host: { listeners: { "click": "close($event,\"host\")", "document:keydown.escape": "close($event)", "keydown": "focusTrap($event)" } }, viewQueries: [{ propertyName: "slideOutRef", first: true, predicate: ["slideOut"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"shown\">\n <div\n [ngClass]=\"{\n 'gds-slide-out--left': fromLeft,\n 'gds-slide-out--right': !fromLeft,\n }\"\n *transloco=\"let t\"\n [class.-active]=\"shown\"\n [attr.data-thook]=\"thook\"\n [attr.aria-hidden]=\"!shown\"\n [@modalAnimation]\n >\n <div\n #slideOut\n class=\"gds-slide-out\"\n [class.auto-width]=\"autoWidth\"\n [class.entered]=\"shown\"\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby=\"gds-modal-title\"\n aria-describedby=\"gds-modal-body\"\n >\n <header class=\"gds-slide-out__header\">\n <h3 id=\"gds-modal-title\">\n {{ heading || title || '' }}\n </h3>\n <button\n data-testid=\"modal-close-button\"\n class=\"nggv-modal-slideout__close\"\n (click)=\"this.close()\"\n [attr.aria-label]=\"closeButtonAriaLabel\"\n >\n <i></i>\n </button>\n </header>\n\n <section id=\"modal-body\">\n <div class=\"gds-slide-out__content hide-if-empty\">\n <div *ngIf=\"content\" [innerHtml]=\"content\"></div>\n <ng-content></ng-content>\n </div>\n <ng-content select=\"[slot='outside-content']\"></ng-content>\n </section>\n\n <footer class=\"modal-dialog__actions\">\n <button\n class=\"danger\"\n type=\"reset\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.negative || 'negative')\"\n (click)=\"onAction($event, 'negative')\"\n (keydown.enter)=\"onAction($event, 'negative')\"\n *ngIf=\"_buttons && _buttons.negative\"\n >\n {{ t(_buttons.negative) }}\n </button>\n\n <button\n class=\"secondary\"\n type=\"button\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.neutral || 'neutral')\"\n (click)=\"onAction($event, 'neutral')\"\n (keydown.enter)=\"onAction($event, 'neutral')\"\n *ngIf=\"_buttons && _buttons.neutral\"\n >\n {{ t(_buttons.neutral) }}\n </button>\n\n <button\n class=\"primary\"\n type=\"submit\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.positive || 'positive')\"\n (click)=\"onAction($event, 'positive')\"\n (keydown.enter)=\"onAction($event, 'positive')\"\n *ngIf=\"_buttons && _buttons.positive\"\n >\n {{ t(_buttons.positive) }}\n </button>\n </footer>\n </div>\n\n <div\n class=\"nggv-backdrop\"\n data-thook=\"slideout-backdrop\"\n (click)=\"close()\"\n ></div>\n </div>\n</ng-container>\n", styles: [":host{--background-hsl: 0deg, 0%, 0%;--gds-ref-pallet-base200: hsl(0, 0%, 91%);--gds-sys-color-base: hsl(0, 0%, 20%);--gds-sys-color-font: hsl(0, 0%, 20%);--gds-sys-shape-corner-round: 50%;--grey-500: rgb(222, 222, 222);--sg-border-color: hsl(0, 0%, 53%);--sg-border-radius: .25rem;--sg-border-width: 1px;--sg-hsl-contrast: 0deg, 0%, 0%;--sg-modal-backdrop-background: rgba(0, 0, 0, .5);--sg-modal-background: #fff;--sg-modal-box-shadow: 0 .125rem .375rem rgba(0, 0, 0, .15);--sg-z-index-modal-backdrop: 1040;--sg-z-index-modal: 1050;--text-primary-color: rgb(51, 51, 51)}:host .gds-slide-out{background:var(--sg-modal-background);display:flex;flex-direction:column;box-shadow:var(--sg-modal-box-shadow);position:absolute;width:100%;z-index:var(--sg-z-index-modal);position:fixed;height:100dvh;max-width:512px;min-height:-webkit-fill-available;min-height:-moz-available;min-height:stretch;right:0;top:0;transition:transform .35s cubic-bezier(.33,1,.68,1);transform:translate(100%);z-index:1050}:host .gds-slide-out>.header,:host .gds-slide-out>header{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .gds-slide-out>.header h3,:host .gds-slide-out>.header .h3,:host .gds-slide-out>header h3,:host .gds-slide-out>header .h3{margin-bottom:0;margin-top:0}:host .gds-slide-out>.header h3+.close,:host .gds-slide-out>.header .h3+.close,:host .gds-slide-out>header h3+.close,:host .gds-slide-out>header .h3+.close{margin:-7px;min-width:2rem}:host .gds-slide-out>.body{padding:1rem;overflow:auto;width:100%}:host .gds-slide-out>.body p{margin-bottom:0;margin-top:0}:host .gds-slide-out>.footer,:host .gds-slide-out>footer{padding:1rem;width:100%}@media (min-width: 36em){:host .gds-slide-out>.footer,:host .gds-slide-out>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .gds-slide-out>.footer button+button,:host .gds-slide-out>.footer button+.button,:host .gds-slide-out>.footer .button+button,:host .gds-slide-out>.footer .button+.button,:host .gds-slide-out>footer button+button,:host .gds-slide-out>footer button+.button,:host .gds-slide-out>footer .button+button,:host .gds-slide-out>footer .button+.button{margin-top:.75rem}}@media (min-width: 36em){:host .gds-slide-out>.footer button+button,:host .gds-slide-out>.footer button+.button,:host .gds-slide-out>.footer .button+button,:host .gds-slide-out>.footer .button+.button,:host .gds-slide-out>footer button+button,:host .gds-slide-out>footer button+.button,:host .gds-slide-out>footer .button+button,:host .gds-slide-out>footer .button+.button{margin-left:.75rem}}:host .gds-slide-out.is-entering,:host .gds-slide-out.entered{transform:translate(0)}:host .gds-slide-out.is-exiting{transform:translate(100%)}:host .gds-slide-out.large{max-width:720px}:host .gds-slide-out>.body{flex:1 0}:host .gds-slide-out.left{left:0}:host .gds-slide-out.gds-slide-out--768{max-width:48rem}:host .gds-slide-out.gds-slide-out--960{max-width:60rem}:host .gds-slide-out.gds-slide-out--768 header,:host .gds-slide-out.gds-slide-out--960 header{padding:1.5rem 2rem 1rem}:host .gds-slide-out.gds-slide-out--768 .body,:host .gds-slide-out.gds-slide-out--960 .body{padding:2rem 2rem 1rem}:host .gds-slide-out.gds-slide-out--768 footer,:host .gds-slide-out.gds-slide-out--960 footer{padding:1rem 2rem 2rem}:host .gds-slide-out.auto-width{width:auto;max-width:initial}:host .hide-if-empty:empty{display:none}:host .nggv-backdrop{background:var(--sg-modal-backdrop-background);inset:0;position:fixed;z-index:var(--sg-z-index-modal-backdrop);display:block;transition:opacity .5s cubic-bezier(.33,1,.68,1)}:host .nggv-backdrop--transparent{opacity:0}:host .nggv-backdrop--transparent.entered,:host .nggv-backdrop--transparent.is-entering{opacity:1}:host .nggv-backdrop--transparent.is-exiting{opacity:0}:host .gds-slide-out__content{padding:1rem;overflow:auto;width:100%}:host .gds-slide-out__content p{margin-bottom:0;margin-top:0}:host .modal-dialog__actions,:host .gds-slide-out__header,:host .modal-body,:host .gds-slide-out__content{box-sizing:border-box}:host .modal-slide-out__heading{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .modal-slide-out__heading h3,:host .modal-slide-out__heading .h3{margin-bottom:0;margin-top:0}:host .modal-slide-out__heading h3+.close,:host .modal-slide-out__heading .h3+.close{margin:-7px;min-width:2rem}:host .nggv-modal-slideout__close{background-color:transparent;padding:0;font-size:0;background:var(--gds-sys-color-surface);border:0;border-radius:50%;content:\"\";cursor:pointer;display:flex;font-family:inherit;height:2rem;position:relative;width:2rem}@media (hover: none) and (pointer: coarse){:host .nggv-modal-slideout__close:not(:disabled):not(.disabled){padding:.375rem;height:2.75rem;width:2.75rem}:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>i{background:var(--gds-ref-pallet-base200);height:2rem;width:2rem;border-radius:50%;position:relative;--color: var(--gds-sys-color-base)}:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>div:after,:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>div:before{height:.789375rem;width:.130625rem;top:.625rem}}:host .nggv-modal-slideout__close:focus:not(:focus-visible){box-shadow:none;outline:0}:host .nggv-modal-slideout__close:focus,:host .nggv-modal-slideout__close:focus-visible i{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .nggv-modal-slideout__close>i{border-radius:var(--gds-sys-shape-corner-round);display:block;width:100%;height:100%}:host .nggv-modal-slideout__close>i:after,:host .nggv-modal-slideout__close>i:before{background:var(--gds-sys-color-font);content:\"\";display:block;height:.789375rem;width:.130625rem;border-radius:.5px;left:calc(50% - .0625rem);position:absolute;top:.625rem}:host .nggv-modal-slideout__close>i:after{transform:rotate(45deg)}:host .nggv-modal-slideout__close>i:before{transform:rotate(-45deg)}:host .nggv-modal-slideout__close>svg path{fill:var(--gds-sys-color-font)}@media (min-width: 48em){:host .nggv-modal-slideout__close:not(:disabled,.disabled):hover>i{background:color-mix(in srgb,var(--gds-sys-color-font) 10%,transparent)}:host .nggv-modal-slideout__close:not(:disabled,.disabled):hover:active>i{background:color-mix(in srgb,var(--gds-sys-color-font) 20%,transparent)}}:host .modal-dialog__actions button{background-color:transparent;border:0;cursor:pointer;padding:0;padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center;font-size:1rem;font-family:inherit}:host .modal-dialog__actions button:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions button:focus,:host .modal-dialog__actions button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){:host .modal-dialog__actions button{min-width:100%}}@media screen and (-ms-high-contrast: active){:host .modal-dialog__actions button{border:2px solid currentcolor}}:host .modal-dialog__actions button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host .modal-dialog__actions button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}:host .modal-dialog__actions .primary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:#007ac7;border-color:#007ac7;color:#fff;--color: #fff}:host .modal-dialog__actions .primary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host .modal-dialog__actions .primary[aria-selected=true],:host .modal-dialog__actions .primary:active,:host .modal-dialog__actions .primary.active,:host .modal-dialog__actions .primary.active:hover,:host .modal-dialog__actions .primary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .modal-dialog__actions .primary:focus-visible{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3!important}:host .modal-dialog__actions .primary:disabled,:host .modal-dialog__actions .primary.disabled,:host .modal-dialog__actions .primary[aria-disabled=true]{background:var(--form-control-primary-bg-disabled)!important;color:var(--text-primary-disabled-color)!important;border-color:var(--border-primary-disabled-color)!important;cursor:not-allowed}:host .modal-dialog__actions .primary:disabled::placeholder,:host .modal-dialog__actions .primary.disabled::placeholder,:host .modal-dialog__actions .primary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .modal-dialog__actions .secondary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:#007ac7;color:#007ac7;--color: rgb(0, 122, 199)}:host .modal-dialog__actions .secondary:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions .secondary:focus,:host .modal-dialog__actions .secondary:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .modal-dialog__actions .secondary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host .modal-dialog__actions .secondary[aria-selected=true],:host .modal-dialog__actions .secondary:active,:host .modal-dialog__actions .secondary.active,:host .modal-dialog__actions .secondary.active:hover,:host .modal-dialog__actions .secondary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .modal-dialog__actions .secondary:disabled,:host .modal-dialog__actions .secondary.disabled,:host .modal-dialog__actions .secondary[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}:host .modal-dialog__actions .secondary:disabled::placeholder,:host .modal-dialog__actions .secondary.disabled::placeholder,:host .modal-dialog__actions .secondary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .modal-dialog__actions .danger{color:#bb000c;--color: rgb(187, 0, 12);border-color:transparent;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}:host .modal-dialog__actions .danger:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}:host .modal-dialog__actions .danger[aria-selected=true],:host .modal-dialog__actions .danger:active,:host .modal-dialog__actions .danger.active,:host .modal-dialog__actions .danger.active:hover,:host .modal-dialog__actions .danger:active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}:host .modal-dialog__actions .danger[aria-selected]:hover,:host .modal-dialog__actions .danger.active:hover,:host .modal-dialog__actions .danger:active:hover{opacity:.9}:host .modal-dialog__actions .danger:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions .danger:focus,:host .modal-dialog__actions .danger:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host #sdv-modal-body{flex:1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }], animations: [
419
571
  trigger('modalAnimation', [
420
572
  transition(':enter', [
421
573
  query('.gds-slide-out', style({ transform: 'translateX(100%)' }), {
@@ -441,7 +593,7 @@ class NgvSlideOutComponent {
441
593
  ]),
442
594
  ] }); }
443
595
  }
444
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvSlideOutComponent, decorators: [{
596
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvSlideOutComponent, decorators: [{
445
597
  type: Component,
446
598
  args: [{ selector: 'nggv-slideout-modal', animations: [
447
599
  trigger('modalAnimation', [
@@ -467,8 +619,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
467
619
  ]),
468
620
  ]),
469
621
  ]),
470
- ], template: "<ng-container *ngIf=\"shown\">\n <div\n [ngClass]=\"{\n 'gds-slide-out--left': fromLeft,\n 'gds-slide-out--right': !fromLeft,\n }\"\n *transloco=\"let t\"\n [class.-active]=\"shown\"\n [attr.data-thook]=\"thook\"\n [attr.aria-hidden]=\"!shown\"\n [@modalAnimation]\n >\n <div\n #slideOut\n class=\"gds-slide-out\"\n [class.auto-width]=\"autoWidth\"\n [class.entered]=\"shown\"\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby=\"sdv-modal-title\"\n aria-describedby=\"sdv-modal-body\"\n >\n <header class=\"gds-slide-out__header\">\n <h3 class=\"gds-slide-out__heading\" id=\"sdv-modal-title\">\n {{ heading || title || '' }}\n </h3>\n <button\n data-testid=\"modal-close-button\"\n class=\"close\"\n (click)=\"this.close()\"\n >\n <span className=\"sr-only\">Close</span>\n <i></i>\n </button>\n </header>\n\n <section id=\"modal-body\">\n <div class=\"gds-slide-out__content hide-if-empty\">\n <div *ngIf=\"content\" [innerHtml]=\"content\"></div>\n <ng-content></ng-content>\n </div>\n <ng-content select=\"[slot='outside-content']\"></ng-content>\n </section>\n\n <footer class=\"modal-dialog__actions\">\n <button\n class=\"danger\"\n type=\"reset\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.negative || 'negative')\"\n (click)=\"onAction($event, 'negative')\"\n (keydown.enter)=\"onAction($event, 'negative')\"\n *ngIf=\"_buttons && _buttons.negative\"\n >\n {{ t(_buttons.negative) }}\n </button>\n\n <button\n class=\"secondary\"\n type=\"button\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.neutral || 'neutral')\"\n (click)=\"onAction($event, 'neutral')\"\n (keydown.enter)=\"onAction($event, 'neutral')\"\n *ngIf=\"_buttons && _buttons.neutral\"\n >\n {{ t(_buttons.neutral) }}\n </button>\n\n <button\n type=\"submit\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.positive || 'positive')\"\n (click)=\"onAction($event, 'positive')\"\n (keydown.enter)=\"onAction($event, 'positive')\"\n *ngIf=\"_buttons && _buttons.positive\"\n >\n {{ t(_buttons.positive) }}\n </button>\n </footer>\n </div>\n\n <div\n class=\"gds-backdrop\"\n data-thook=\"slideout-backdrop\"\n (click)=\"close()\"\n ></div>\n </div>\n</ng-container>\n", styles: ["button,input[type=button],input[type=submit],input[type=reset],.button,.gds-filter-chip{background-color:transparent;border:0;cursor:pointer;font-family:inherit;padding:0}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),input:where([type=button],[type=submit],[type=reset]),.button{padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus:not(:focus-visible),input:where([type=button],[type=submit],[type=reset]):focus:not(:focus-visible),.button:focus:not(:focus-visible){box-shadow:none;outline:0}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus,button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus-visible,input:where([type=button],[type=submit],[type=reset]):focus,input:where([type=button],[type=submit],[type=reset]):focus-visible,.button:focus,.button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),input:where([type=button],[type=submit],[type=reset]),.button{min-width:100%}}@media screen and (-ms-high-contrast: active){button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),input:where([type=button],[type=submit],[type=reset]),.button{border:2px solid currentcolor}}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).small,input:where([type=button],[type=submit],[type=reset]).small,.button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}button:where(:not(.link,.close,.sg-table-sort,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).large,input:where([type=button],[type=submit],[type=reset]).large,.button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)),button.secondary,a.button.secondary,input:is([type=button],[type=reset]),button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])),button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)){transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:#007ac7;color:#007ac7;--color: rgb(0, 122, 199)}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus:not(:focus-visible),a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus:not(:focus-visible),button.secondary:focus:not(:focus-visible),a.button.secondary:focus:not(:focus-visible),input:is([type=button],[type=reset]):focus:not(:focus-visible),button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):focus:not(:focus-visible),button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus:not(:focus-visible){box-shadow:none;outline:0}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus-visible,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus-visible,button.secondary:focus,button.secondary:focus-visible,a.button.secondary:focus,a.button.secondary:focus-visible,input:is([type=button],[type=reset]):focus,input:is([type=button],[type=reset]):focus-visible,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):focus,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):focus-visible,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):not(:disabled,.disabled,[aria-disabled]):hover,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.secondary:not(:disabled,.disabled,[aria-disabled]):hover,a.button.secondary:not(:disabled,.disabled,[aria-disabled]):hover,input:is([type=button],[type=reset]):not(:disabled,.disabled,[aria-disabled]):hover,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):not(:disabled,.disabled,[aria-disabled]):hover,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-selected=true],button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active:hover,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active:hover,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected=true],a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover,button.secondary[aria-selected=true],button.secondary:active,button.secondary.active,button.secondary.active:hover,button.secondary:active:hover,a.button.secondary[aria-selected=true],a.button.secondary:active,a.button.secondary.active,a.button.secondary.active:hover,a.button.secondary:active:hover,input:is([type=button],[type=reset])[aria-selected=true],input:is([type=button],[type=reset]):active,input:is([type=button],[type=reset]).active,input:is([type=button],[type=reset]).active:hover,input:is([type=button],[type=reset]):active:hover,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu]))[aria-selected=true],button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):active,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).active,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).active:hover,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):active:hover,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected=true],button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true],a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true],button.secondary:disabled,button.secondary.disabled,button.secondary[aria-disabled=true],a.button.secondary:disabled,a.button.secondary.disabled,a.button.secondary[aria-disabled=true],input:is([type=button],[type=reset]):disabled,input:is([type=button],[type=reset]).disabled,input:is([type=button],[type=reset])[aria-disabled=true],button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):disabled,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).disabled,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu]))[aria-disabled=true],button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled::placeholder,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled::placeholder,button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true]::placeholder,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled::placeholder,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled::placeholder,a.button:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true]::placeholder,button.secondary:disabled::placeholder,button.secondary.disabled::placeholder,button.secondary[aria-disabled=true]::placeholder,a.button.secondary:disabled::placeholder,a.button.secondary.disabled::placeholder,a.button.secondary[aria-disabled=true]::placeholder,input:is([type=button],[type=reset]):disabled::placeholder,input:is([type=button],[type=reset]).disabled::placeholder,input:is([type=button],[type=reset])[aria-disabled=true]::placeholder,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])):disabled::placeholder,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu])).disabled::placeholder,button[type=button]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.icon,[aria-haspopup=listbox],[aria-haspopup=menu]))[aria-disabled=true]::placeholder,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):disabled::placeholder,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).disabled::placeholder,button[type=reset]:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)),a.button:where(:not(.primary,.secondary,.ghost,.close,.link)),button.tertiary,a.button.tertiary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:transparent;color:#007ac7;--color: rgb(0, 122, 199)}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus:not(:focus-visible),a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):focus:not(:focus-visible),button.tertiary:focus:not(:focus-visible),a.button.tertiary:focus:not(:focus-visible){box-shadow:none;outline:0}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):focus-visible,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):focus,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):focus-visible,button.tertiary:focus,button.tertiary:focus-visible,a.button.tertiary:focus,a.button.tertiary:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):not(:disabled,.disabled,[aria-disabled]):hover,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.tertiary:not(:disabled,.disabled,[aria-disabled]):hover,a.button.tertiary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-selected=true],button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).active:hover,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):active:hover,a.button:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-selected=true],a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):active,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).active,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).active:hover,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):active:hover,button.tertiary[aria-selected=true],button.tertiary:active,button.tertiary.active,button.tertiary.active:hover,button.tertiary:active:hover,a.button.tertiary[aria-selected=true],a.button.tertiary:active,a.button.tertiary.active,a.button.tertiary.active:hover,a.button.tertiary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true],a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):disabled,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).disabled,a.button:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-disabled=true],button.tertiary:disabled,button.tertiary.disabled,button.tertiary[aria-disabled=true],a.button.tertiary:disabled,a.button.tertiary.disabled,a.button.tertiary[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)):disabled::placeholder,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip)).disabled::placeholder,button:where(:not(.primary,.secondary,.ghost,.danger,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch],.gds-filter-chip))[aria-disabled=true]::placeholder,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)):disabled::placeholder,a.button:where(:not(.primary,.secondary,.ghost,.close,.link)).disabled::placeholder,a.button:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-disabled=true]::placeholder,button.tertiary:disabled::placeholder,button.tertiary.disabled::placeholder,button.tertiary[aria-disabled=true]::placeholder,a.button.tertiary:disabled::placeholder,a.button.tertiary.disabled::placeholder,a.button.tertiary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.primary,input[type=submit],button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip),input[type=submit]:not(.secondary,.ghost,.danger,.close,.link),a.button.primary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:#007ac7;border-color:#007ac7;color:#fff;--color: #fff}button.primary:not(:disabled,.disabled,[aria-disabled]):hover,input[type=submit]:not(:disabled,.disabled,[aria-disabled]):hover,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):not(:disabled,.disabled,[aria-disabled]):hover,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):not(:disabled,.disabled,[aria-disabled]):hover,a.button.primary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}button.primary[aria-selected=true],button.primary:active,button.primary.active,button.primary.active:hover,button.primary:active:hover,input[type=submit][aria-selected=true],input[type=submit]:active,input[type=submit].active,input[type=submit].active:hover,input[type=submit]:active:hover,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip)[aria-selected=true],button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):active,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).active,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).active:hover,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):active:hover,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link)[aria-selected=true],input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):active,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).active,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).active:hover,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):active:hover,a.button.primary[aria-selected=true],a.button.primary:active,a.button.primary.active,a.button.primary.active:hover,a.button.primary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}button.primary:focus-visible,input[type=submit]:focus-visible,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):focus-visible,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):focus-visible,a.button.primary:focus-visible{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3!important}button.primary:disabled,button.primary.disabled,button.primary[aria-disabled=true],input[type=submit]:disabled,input[type=submit].disabled,input[type=submit][aria-disabled=true],button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):disabled,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).disabled,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip)[aria-disabled=true],input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):disabled,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).disabled,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link)[aria-disabled=true],a.button.primary:disabled,a.button.primary.disabled,a.button.primary[aria-disabled=true]{background:var(--form-control-primary-bg-disabled)!important;color:var(--text-primary-disabled-color)!important;border-color:var(--border-primary-disabled-color)!important;cursor:not-allowed}button.primary:disabled::placeholder,button.primary.disabled::placeholder,button.primary[aria-disabled=true]::placeholder,input[type=submit]:disabled::placeholder,input[type=submit].disabled::placeholder,input[type=submit][aria-disabled=true]::placeholder,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip):disabled::placeholder,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip).disabled::placeholder,button[type=submit]:not(.secondary,.ghost,.danger,.close,.link,.gds-filter-chip)[aria-disabled=true]::placeholder,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link):disabled::placeholder,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link).disabled::placeholder,input[type=submit]:not(.secondary,.ghost,.danger,.close,.link)[aria-disabled=true]::placeholder,a.button.primary:disabled::placeholder,a.button.primary.disabled::placeholder,a.button.primary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.ghost,.button.ghost{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;border-color:#333;color:#333;--color: rgb(51, 51, 51)}button.ghost:not(:disabled,.disabled,[aria-disabled]):hover,.button.ghost:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}button.ghost[aria-selected=true],button.ghost:active,button.ghost.active,button.ghost.active:hover,button.ghost:active:hover,.button.ghost[aria-selected=true],.button.ghost:active,.button.ghost.active,.button.ghost.active:hover,.button.ghost:active:hover{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333}button.ghost[aria-selected]:hover,button.ghost.active:hover,button.ghost:active:hover,.button.ghost[aria-selected]:hover,.button.ghost.active:hover,.button.ghost:active:hover{opacity:.9}button.ghost:focus-visible,.button.ghost:focus-visible{background-color:#333;color:#fff;--background: rgb(51, 51, 51);--color: rgb(255, 255, 255);border-color:#333!important}button.ghost:disabled,button.ghost.disabled,button.ghost[aria-disabled=true],.button.ghost:disabled,.button.ghost.disabled,.button.ghost[aria-disabled=true]{color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}button.ghost:disabled::placeholder,button.ghost.disabled::placeholder,button.ghost[aria-disabled=true]::placeholder,.button.ghost:disabled::placeholder,.button.ghost.disabled::placeholder,.button.ghost[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.icon,.button.icon{background-color:transparent;border:.0625rem solid transparent;padding:.625rem;height:2.75rem;width:2.75rem;min-width:auto;--color: var(--gds-ref-pallet-base800)}.form-group button.icon,.form-group .button.icon{margin-top:-.625rem}button.icon.small,.button.icon.small{height:2rem;width:2rem;padding:.4375rem;line-height:1.125rem}button.icon svg,.button.icon svg{height:1rem;width:1rem}button.icon path,button.icon line,button.icon circle,button.icon rect,button.icon ellipse,button.icon polyline,button.icon text,.button.icon path,.button.icon line,.button.icon circle,.button.icon rect,.button.icon ellipse,.button.icon polyline,.button.icon text{fill:var(--gds-ref-pallet-base800);stroke:var(--gds-ref-pallet-base800);transition:all .3s cubic-bezier(.23,1,.32,1)}button.icon:hover,button.icon.highlighted,.button.icon:hover,.button.icon.highlighted{background-color:#0000001a;border-color:transparent}button.icon:active,button.icon.highlighted:hover,.button.icon:active,.button.icon.highlighted:hover{background-color:#0003;border-color:transparent}button.primary.danger,.button.primary.danger,button[type=submit].danger:not(.secondary,.ghost,.close,.link),input[type=submit].danger:not(.secondary,.ghost,.close,.link){background:#bb000c;border-color:#bb000c;color:#fff;--color: #fff;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}button.primary.danger:not(:disabled,.disabled,[aria-disabled]):hover,.button.primary.danger:not(:disabled,.disabled,[aria-disabled]):hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link):not(:disabled,.disabled,[aria-disabled]):hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}button.primary.danger[aria-selected=true],button.primary.danger:active,button.primary.danger.active,button.primary.danger.active:hover,button.primary.danger:active:hover,.button.primary.danger[aria-selected=true],.button.primary.danger:active,.button.primary.danger.active,.button.primary.danger.active:hover,.button.primary.danger:active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected=true],button[type=submit].danger:not(.secondary,.ghost,.close,.link):active,button[type=submit].danger:not(.secondary,.ghost,.close,.link).active,button[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected=true],input[type=submit].danger:not(.secondary,.ghost,.close,.link):active,input[type=submit].danger:not(.secondary,.ghost,.close,.link).active,input[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}button.primary.danger[aria-selected]:hover,button.primary.danger.active:hover,button.primary.danger:active:hover,.button.primary.danger[aria-selected]:hover,.button.primary.danger.active:hover,.button.primary.danger:active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected]:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,button[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-selected]:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link).active:hover,input[type=submit].danger:not(.secondary,.ghost,.close,.link):active:hover{opacity:.9}button.primary.danger:focus:not(:focus-visible),.button.primary.danger:focus:not(:focus-visible),button[type=submit].danger:not(.secondary,.ghost,.close,.link):focus:not(:focus-visible),input[type=submit].danger:not(.secondary,.ghost,.close,.link):focus:not(:focus-visible){box-shadow:none;outline:0}button.primary.danger:focus,button.primary.danger:focus-visible,.button.primary.danger:focus,.button.primary.danger:focus-visible,button[type=submit].danger:not(.secondary,.ghost,.close,.link):focus,button[type=submit].danger:not(.secondary,.ghost,.close,.link):focus-visible,input[type=submit].danger:not(.secondary,.ghost,.close,.link):focus,input[type=submit].danger:not(.secondary,.ghost,.close,.link):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button.primary.danger:disabled,button.primary.danger.disabled,button.primary.danger[aria-disabled=true],.button.primary.danger:disabled,.button.primary.danger.disabled,.button.primary.danger[aria-disabled=true],button[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled,button[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true],input[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled,input[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true]{background:var(--form-control-primary-bg-disabled)!important;color:var(--text-primary-disabled-color)!important;border-color:var(--border-primary-disabled-color)!important;cursor:not-allowed}button.primary.danger:disabled::placeholder,button.primary.danger.disabled::placeholder,button.primary.danger[aria-disabled=true]::placeholder,.button.primary.danger:disabled::placeholder,.button.primary.danger.disabled::placeholder,.button.primary.danger[aria-disabled=true]::placeholder,button[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled::placeholder,button[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled::placeholder,button[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true]::placeholder,input[type=submit].danger:not(.secondary,.ghost,.close,.link):disabled::placeholder,input[type=submit].danger:not(.secondary,.ghost,.close,.link).disabled::placeholder,input[type=submit].danger:not(.secondary,.ghost,.close,.link)[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])),a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)),button.secondary.danger,a.button.secondary.danger,input.danger:is([type=button],[type=reset]),button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])),button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)){color:#bb000c;--color: rgb(187, 0, 12);border-color:transparent;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):not(:disabled,.disabled,[aria-disabled]):hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.secondary.danger:not(:disabled,.disabled,[aria-disabled]):hover,a.button.secondary.danger:not(:disabled,.disabled,[aria-disabled]):hover,input.danger:is([type=button],[type=reset]):not(:disabled,.disabled,[aria-disabled]):hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):not(:disabled,.disabled,[aria-disabled]):hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected=true],button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link))[aria-selected=true],a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):active,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)).active,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):active:hover,button.secondary.danger[aria-selected=true],button.secondary.danger:active,button.secondary.danger.active,button.secondary.danger.active:hover,button.secondary.danger:active:hover,a.button.secondary.danger[aria-selected=true],a.button.secondary.danger:active,a.button.secondary.danger.active,a.button.secondary.danger.active:hover,a.button.secondary.danger:active:hover,input.danger:is([type=button],[type=reset])[aria-selected=true],input.danger:is([type=button],[type=reset]):active,input.danger:is([type=button],[type=reset]).active,input.danger:is([type=button],[type=reset]).active:hover,input.danger:is([type=button],[type=reset]):active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu]))[aria-selected=true],button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):active,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])).active,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])).active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected=true],button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected]:hover,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link))[aria-selected]:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):active:hover,button.secondary.danger[aria-selected]:hover,button.secondary.danger.active:hover,button.secondary.danger:active:hover,a.button.secondary.danger[aria-selected]:hover,a.button.secondary.danger.active:hover,a.button.secondary.danger:active:hover,input.danger:is([type=button],[type=reset])[aria-selected]:hover,input.danger:is([type=button],[type=reset]).active:hover,input.danger:is([type=button],[type=reset]):active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu]))[aria-selected]:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])).active:hover,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link))[aria-selected]:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)).active:hover,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):active:hover{opacity:.9}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus:not(:focus-visible),a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):focus:not(:focus-visible),button.secondary.danger:focus:not(:focus-visible),a.button.secondary.danger:focus:not(:focus-visible),input.danger:is([type=button],[type=reset]):focus:not(:focus-visible),button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):focus:not(:focus-visible),button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus:not(:focus-visible){box-shadow:none;outline:0}button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus,button.danger:where(:not(.primary,.tertiary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus-visible,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):focus,a.button.danger:where(:not(.primary,.tertiary,.ghost,.close,.link)):focus-visible,button.secondary.danger:focus,button.secondary.danger:focus-visible,a.button.secondary.danger:focus,a.button.secondary.danger:focus-visible,input.danger:is([type=button],[type=reset]):focus,input.danger:is([type=button],[type=reset]):focus-visible,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):focus,button[type=button].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link,.gds-filter-chip [aria-haspopup=listbox],[aria-haspopup=menu])):focus-visible,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus,button[type=reset].danger:where(:not(.primary,.tertiary,.ghost,.danger,.close,.link)):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])),a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)),button.tertiary.danger,a.button.tertiary.danger{color:#bb000c;--color: rgb(187, 0, 12);border-color:transparent;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):not(:disabled,.disabled,[aria-disabled]):hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):not(:disabled,.disabled,[aria-disabled]):hover,button.tertiary.danger:not(:disabled,.disabled,[aria-disabled]):hover,a.button.tertiary.danger:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected=true],button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-selected=true],a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):active,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)).active,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):active:hover,button.tertiary.danger[aria-selected=true],button.tertiary.danger:active,button.tertiary.danger.active,button.tertiary.danger.active:hover,button.tertiary.danger:active:hover,a.button.tertiary.danger[aria-selected=true],a.button.tertiary.danger:active,a.button.tertiary.danger.active,a.button.tertiary.danger.active:hover,a.button.tertiary.danger:active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch]))[aria-selected]:hover,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])).active:hover,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link))[aria-selected]:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)).active:hover,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):active:hover,button.tertiary.danger[aria-selected]:hover,button.tertiary.danger.active:hover,button.tertiary.danger:active:hover,a.button.tertiary.danger[aria-selected]:hover,a.button.tertiary.danger.active:hover,a.button.tertiary.danger:active:hover{opacity:.9}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus:not(:focus-visible),a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):focus:not(:focus-visible),button.tertiary.danger:focus:not(:focus-visible),a.button.tertiary.danger:focus:not(:focus-visible){box-shadow:none;outline:0}button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus,button.danger:where(:not(.primary,.secondary,.ghost,.close,.sg-table-sort,.link,[aria-haspopup=listbox],[aria-haspopup=menu],[role=switch])):focus-visible,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):focus,a.button.danger:where(:not(.primary,.secondary,.ghost,.close,.link)):focus-visible,button.tertiary.danger:focus,button.tertiary.danger:focus-visible,a.button.tertiary.danger:focus,a.button.tertiary.danger:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .gds-slide-out{background:var(--sg-modal-background);display:flex;flex-direction:column;box-shadow:var(--sg-modal-box-shadow);position:absolute;width:100%;z-index:var(--sg-z-index-modal);position:fixed;height:100dvh;max-width:512px;min-height:-webkit-fill-available;min-height:-moz-available;min-height:stretch;right:0;top:0;transition:transform .35s cubic-bezier(.33,1,.68,1);transform:translate(100%);z-index:1050}:host .gds-slide-out>.header,:host .gds-slide-out>header{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .gds-slide-out>.header h3,:host .gds-slide-out>.header .h3,:host .gds-slide-out>header h3,:host .gds-slide-out>header .h3{margin-bottom:0;margin-top:0}:host .gds-slide-out>.header h3+.close,:host .gds-slide-out>.header .h3+.close,:host .gds-slide-out>header h3+.close,:host .gds-slide-out>header .h3+.close{margin:-7px;min-width:2rem}:host .gds-slide-out>.body{padding:1rem;overflow:auto;width:100%}:host .gds-slide-out>.body p{margin-bottom:0;margin-top:0}:host .gds-slide-out>.footer,:host .gds-slide-out>footer{padding:1rem;width:100%}@media (min-width: 36em){:host .gds-slide-out>.footer,:host .gds-slide-out>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .gds-slide-out>.footer button+button,:host .gds-slide-out>.footer button+.button,:host .gds-slide-out>.footer .button+button,:host .gds-slide-out>.footer .button+.button,:host .gds-slide-out>footer button+button,:host .gds-slide-out>footer button+.button,:host .gds-slide-out>footer .button+button,:host .gds-slide-out>footer .button+.button{margin-top:.75rem}}@media (min-width: 36em){:host .gds-slide-out>.footer button+button,:host .gds-slide-out>.footer button+.button,:host .gds-slide-out>.footer .button+button,:host .gds-slide-out>.footer .button+.button,:host .gds-slide-out>footer button+button,:host .gds-slide-out>footer button+.button,:host .gds-slide-out>footer .button+button,:host .gds-slide-out>footer .button+.button{margin-left:.75rem}}:host .gds-slide-out.is-entering,:host .gds-slide-out.entered{transform:translate(0)}:host .gds-slide-out.is-exiting{transform:translate(100%)}:host .gds-slide-out.large{max-width:720px}:host .gds-slide-out>.body{flex:1 0}:host .gds-slide-out.left{left:0}:host .gds-slide-out.gds-slide-out--768{max-width:48rem}:host .gds-slide-out.gds-slide-out--960{max-width:60rem}:host .gds-slide-out.gds-slide-out--768 header,:host .gds-slide-out.gds-slide-out--960 header{padding:1.5rem 2rem 1rem}:host .gds-slide-out.gds-slide-out--768 .body,:host .gds-slide-out.gds-slide-out--960 .body{padding:2rem 2rem 1rem}:host .gds-slide-out.gds-slide-out--768 footer,:host .gds-slide-out.gds-slide-out--960 footer{padding:1rem 2rem 2rem}:host .gds-slide-out.auto-width{width:auto;max-width:initial}:host .hide-if-empty:empty{display:none}:host .gds-backdrop{background:#00000059;inset:0;position:fixed;z-index:1040;display:block;transition:opacity .5s cubic-bezier(.33,1,.68,1)}:host .gds-backdrop--transparent{opacity:0}:host .gds-backdrop--transparent.entered,:host .gds-backdrop--transparent.is-entering{opacity:1}:host .gds-backdrop--transparent.is-exiting{opacity:0}:host .gds-slide-out__content{padding:1rem;overflow:auto;width:100%}:host .gds-slide-out__content p{margin-bottom:0;margin-top:0}:host .modal-dialog__actions,:host .gds-slide-out__header,:host .modal-body,:host .gds-slide-out__content{box-sizing:border-box}:host #sdv-modal-body{flex:1}\n"] }]
471
- }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { slideOutRef: [{
622
+ ], template: "<ng-container *ngIf=\"shown\">\n <div\n [ngClass]=\"{\n 'gds-slide-out--left': fromLeft,\n 'gds-slide-out--right': !fromLeft,\n }\"\n *transloco=\"let t\"\n [class.-active]=\"shown\"\n [attr.data-thook]=\"thook\"\n [attr.aria-hidden]=\"!shown\"\n [@modalAnimation]\n >\n <div\n #slideOut\n class=\"gds-slide-out\"\n [class.auto-width]=\"autoWidth\"\n [class.entered]=\"shown\"\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby=\"gds-modal-title\"\n aria-describedby=\"gds-modal-body\"\n >\n <header class=\"gds-slide-out__header\">\n <h3 id=\"gds-modal-title\">\n {{ heading || title || '' }}\n </h3>\n <button\n data-testid=\"modal-close-button\"\n class=\"nggv-modal-slideout__close\"\n (click)=\"this.close()\"\n [attr.aria-label]=\"closeButtonAriaLabel\"\n >\n <i></i>\n </button>\n </header>\n\n <section id=\"modal-body\">\n <div class=\"gds-slide-out__content hide-if-empty\">\n <div *ngIf=\"content\" [innerHtml]=\"content\"></div>\n <ng-content></ng-content>\n </div>\n <ng-content select=\"[slot='outside-content']\"></ng-content>\n </section>\n\n <footer class=\"modal-dialog__actions\">\n <button\n class=\"danger\"\n type=\"reset\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.negative || 'negative')\"\n (click)=\"onAction($event, 'negative')\"\n (keydown.enter)=\"onAction($event, 'negative')\"\n *ngIf=\"_buttons && _buttons.negative\"\n >\n {{ t(_buttons.negative) }}\n </button>\n\n <button\n class=\"secondary\"\n type=\"button\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.neutral || 'neutral')\"\n (click)=\"onAction($event, 'neutral')\"\n (keydown.enter)=\"onAction($event, 'neutral')\"\n *ngIf=\"_buttons && _buttons.neutral\"\n >\n {{ t(_buttons.neutral) }}\n </button>\n\n <button\n class=\"primary\"\n type=\"submit\"\n [attr.data-thook]=\"'dialog-' + (_buttons?.positive || 'positive')\"\n (click)=\"onAction($event, 'positive')\"\n (keydown.enter)=\"onAction($event, 'positive')\"\n *ngIf=\"_buttons && _buttons.positive\"\n >\n {{ t(_buttons.positive) }}\n </button>\n </footer>\n </div>\n\n <div\n class=\"nggv-backdrop\"\n data-thook=\"slideout-backdrop\"\n (click)=\"close()\"\n ></div>\n </div>\n</ng-container>\n", styles: [":host{--background-hsl: 0deg, 0%, 0%;--gds-ref-pallet-base200: hsl(0, 0%, 91%);--gds-sys-color-base: hsl(0, 0%, 20%);--gds-sys-color-font: hsl(0, 0%, 20%);--gds-sys-shape-corner-round: 50%;--grey-500: rgb(222, 222, 222);--sg-border-color: hsl(0, 0%, 53%);--sg-border-radius: .25rem;--sg-border-width: 1px;--sg-hsl-contrast: 0deg, 0%, 0%;--sg-modal-backdrop-background: rgba(0, 0, 0, .5);--sg-modal-background: #fff;--sg-modal-box-shadow: 0 .125rem .375rem rgba(0, 0, 0, .15);--sg-z-index-modal-backdrop: 1040;--sg-z-index-modal: 1050;--text-primary-color: rgb(51, 51, 51)}:host .gds-slide-out{background:var(--sg-modal-background);display:flex;flex-direction:column;box-shadow:var(--sg-modal-box-shadow);position:absolute;width:100%;z-index:var(--sg-z-index-modal);position:fixed;height:100dvh;max-width:512px;min-height:-webkit-fill-available;min-height:-moz-available;min-height:stretch;right:0;top:0;transition:transform .35s cubic-bezier(.33,1,.68,1);transform:translate(100%);z-index:1050}:host .gds-slide-out>.header,:host .gds-slide-out>header{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .gds-slide-out>.header h3,:host .gds-slide-out>.header .h3,:host .gds-slide-out>header h3,:host .gds-slide-out>header .h3{margin-bottom:0;margin-top:0}:host .gds-slide-out>.header h3+.close,:host .gds-slide-out>.header .h3+.close,:host .gds-slide-out>header h3+.close,:host .gds-slide-out>header .h3+.close{margin:-7px;min-width:2rem}:host .gds-slide-out>.body{padding:1rem;overflow:auto;width:100%}:host .gds-slide-out>.body p{margin-bottom:0;margin-top:0}:host .gds-slide-out>.footer,:host .gds-slide-out>footer{padding:1rem;width:100%}@media (min-width: 36em){:host .gds-slide-out>.footer,:host .gds-slide-out>footer{display:flex;justify-content:flex-end}}@media (max-width: 35.98em){:host .gds-slide-out>.footer button+button,:host .gds-slide-out>.footer button+.button,:host .gds-slide-out>.footer .button+button,:host .gds-slide-out>.footer .button+.button,:host .gds-slide-out>footer button+button,:host .gds-slide-out>footer button+.button,:host .gds-slide-out>footer .button+button,:host .gds-slide-out>footer .button+.button{margin-top:.75rem}}@media (min-width: 36em){:host .gds-slide-out>.footer button+button,:host .gds-slide-out>.footer button+.button,:host .gds-slide-out>.footer .button+button,:host .gds-slide-out>.footer .button+.button,:host .gds-slide-out>footer button+button,:host .gds-slide-out>footer button+.button,:host .gds-slide-out>footer .button+button,:host .gds-slide-out>footer .button+.button{margin-left:.75rem}}:host .gds-slide-out.is-entering,:host .gds-slide-out.entered{transform:translate(0)}:host .gds-slide-out.is-exiting{transform:translate(100%)}:host .gds-slide-out.large{max-width:720px}:host .gds-slide-out>.body{flex:1 0}:host .gds-slide-out.left{left:0}:host .gds-slide-out.gds-slide-out--768{max-width:48rem}:host .gds-slide-out.gds-slide-out--960{max-width:60rem}:host .gds-slide-out.gds-slide-out--768 header,:host .gds-slide-out.gds-slide-out--960 header{padding:1.5rem 2rem 1rem}:host .gds-slide-out.gds-slide-out--768 .body,:host .gds-slide-out.gds-slide-out--960 .body{padding:2rem 2rem 1rem}:host .gds-slide-out.gds-slide-out--768 footer,:host .gds-slide-out.gds-slide-out--960 footer{padding:1rem 2rem 2rem}:host .gds-slide-out.auto-width{width:auto;max-width:initial}:host .hide-if-empty:empty{display:none}:host .nggv-backdrop{background:var(--sg-modal-backdrop-background);inset:0;position:fixed;z-index:var(--sg-z-index-modal-backdrop);display:block;transition:opacity .5s cubic-bezier(.33,1,.68,1)}:host .nggv-backdrop--transparent{opacity:0}:host .nggv-backdrop--transparent.entered,:host .nggv-backdrop--transparent.is-entering{opacity:1}:host .nggv-backdrop--transparent.is-exiting{opacity:0}:host .gds-slide-out__content{padding:1rem;overflow:auto;width:100%}:host .gds-slide-out__content p{margin-bottom:0;margin-top:0}:host .modal-dialog__actions,:host .gds-slide-out__header,:host .modal-body,:host .gds-slide-out__content{box-sizing:border-box}:host .modal-slide-out__heading{padding:1rem;border-bottom:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);display:inline-flex;justify-content:space-between;align-items:center;width:100%}:host .modal-slide-out__heading h3,:host .modal-slide-out__heading .h3{margin-bottom:0;margin-top:0}:host .modal-slide-out__heading h3+.close,:host .modal-slide-out__heading .h3+.close{margin:-7px;min-width:2rem}:host .nggv-modal-slideout__close{background-color:transparent;padding:0;font-size:0;background:var(--gds-sys-color-surface);border:0;border-radius:50%;content:\"\";cursor:pointer;display:flex;font-family:inherit;height:2rem;position:relative;width:2rem}@media (hover: none) and (pointer: coarse){:host .nggv-modal-slideout__close:not(:disabled):not(.disabled){padding:.375rem;height:2.75rem;width:2.75rem}:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>i{background:var(--gds-ref-pallet-base200);height:2rem;width:2rem;border-radius:50%;position:relative;--color: var(--gds-sys-color-base)}:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>div:after,:host .nggv-modal-slideout__close:not(:disabled):not(.disabled)>div:before{height:.789375rem;width:.130625rem;top:.625rem}}:host .nggv-modal-slideout__close:focus:not(:focus-visible){box-shadow:none;outline:0}:host .nggv-modal-slideout__close:focus,:host .nggv-modal-slideout__close:focus-visible i{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .nggv-modal-slideout__close>i{border-radius:var(--gds-sys-shape-corner-round);display:block;width:100%;height:100%}:host .nggv-modal-slideout__close>i:after,:host .nggv-modal-slideout__close>i:before{background:var(--gds-sys-color-font);content:\"\";display:block;height:.789375rem;width:.130625rem;border-radius:.5px;left:calc(50% - .0625rem);position:absolute;top:.625rem}:host .nggv-modal-slideout__close>i:after{transform:rotate(45deg)}:host .nggv-modal-slideout__close>i:before{transform:rotate(-45deg)}:host .nggv-modal-slideout__close>svg path{fill:var(--gds-sys-color-font)}@media (min-width: 48em){:host .nggv-modal-slideout__close:not(:disabled,.disabled):hover>i{background:color-mix(in srgb,var(--gds-sys-color-font) 10%,transparent)}:host .nggv-modal-slideout__close:not(:disabled,.disabled):hover:active>i{background:color-mix(in srgb,var(--gds-sys-color-font) 20%,transparent)}}:host .modal-dialog__actions button{background-color:transparent;border:0;cursor:pointer;padding:0;padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);font-weight:500;min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center;font-size:1rem;font-family:inherit}:host .modal-dialog__actions button:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions button:focus,:host .modal-dialog__actions button:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media (max-width: 35.98em){:host .modal-dialog__actions button{min-width:100%}}@media screen and (-ms-high-contrast: active){:host .modal-dialog__actions button{border:2px solid currentcolor}}:host .modal-dialog__actions button.small{min-height:2rem;padding:.4375rem .75rem;line-height:1rem}:host .modal-dialog__actions button.large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}:host .modal-dialog__actions .primary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:#007ac7;border-color:#007ac7;color:#fff;--color: #fff}:host .modal-dialog__actions .primary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host .modal-dialog__actions .primary[aria-selected=true],:host .modal-dialog__actions .primary:active,:host .modal-dialog__actions .primary.active,:host .modal-dialog__actions .primary.active:hover,:host .modal-dialog__actions .primary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .modal-dialog__actions .primary:focus-visible{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3!important}:host .modal-dialog__actions .primary:disabled,:host .modal-dialog__actions .primary.disabled,:host .modal-dialog__actions .primary[aria-disabled=true]{background:var(--form-control-primary-bg-disabled)!important;color:var(--text-primary-disabled-color)!important;border-color:var(--border-primary-disabled-color)!important;cursor:not-allowed}:host .modal-dialog__actions .primary:disabled::placeholder,:host .modal-dialog__actions .primary.disabled::placeholder,:host .modal-dialog__actions .primary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .modal-dialog__actions .secondary{transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s;background:transparent;border-color:#007ac7;color:#007ac7;--color: rgb(0, 122, 199)}:host .modal-dialog__actions .secondary:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions .secondary:focus,:host .modal-dialog__actions .secondary:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .modal-dialog__actions .secondary:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#199be3;color:#fff;--background: rgb(25.4035777564, 154.8940067842, 227.221994169);--color: rgb(255, 255, 255);border-color:#199be3}:host .modal-dialog__actions .secondary[aria-selected=true],:host .modal-dialog__actions .secondary:active,:host .modal-dialog__actions .secondary.active,:host .modal-dialog__actions .secondary.active:hover,:host .modal-dialog__actions .secondary:active:hover{background-color:#007ac7;color:#fff;--background: rgb(0, 122, 199);--color: rgb(255, 255, 255);border-color:#007ac7}:host .modal-dialog__actions .secondary:disabled,:host .modal-dialog__actions .secondary.disabled,:host .modal-dialog__actions .secondary[aria-disabled=true]{background:var(--sg-form-control-bg-disabled)!important;color:var(--text-disabled-color)!important;border-color:var(--border-disabled-color)!important;cursor:not-allowed}:host .modal-dialog__actions .secondary:disabled::placeholder,:host .modal-dialog__actions .secondary.disabled::placeholder,:host .modal-dialog__actions .secondary[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host .modal-dialog__actions .danger{color:#bb000c;--color: rgb(187, 0, 12);border-color:transparent;transition:all .3s cubic-bezier(.23,1,.32,1),outline-offset 0s,outline-width 0s}:host .modal-dialog__actions .danger:not(:disabled,.disabled,[aria-disabled]):hover{background-color:#d81a1a;color:#fff;--background: rgb(216, 26, 26);--color: rgb(255, 255, 255);border-color:#d81a1a}:host .modal-dialog__actions .danger[aria-selected=true],:host .modal-dialog__actions .danger:active,:host .modal-dialog__actions .danger.active,:host .modal-dialog__actions .danger.active:hover,:host .modal-dialog__actions .danger:active:hover{background-color:#bb000c;color:#fff;--background: rgb(187, 0, 12);--color: rgb(255, 255, 255);border-color:#bb000c}:host .modal-dialog__actions .danger[aria-selected]:hover,:host .modal-dialog__actions .danger.active:hover,:host .modal-dialog__actions .danger:active:hover{opacity:.9}:host .modal-dialog__actions .danger:focus:not(:focus-visible){box-shadow:none;outline:0}:host .modal-dialog__actions .danger:focus,:host .modal-dialog__actions .danger:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host #sdv-modal-body{flex:1}\n"] }]
623
+ }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { slideOutRef: [{
472
624
  type: ViewChild,
473
625
  args: ['slideOut']
474
626
  }], side: [{
@@ -489,6 +641,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
489
641
  type: Input
490
642
  }], thook: [{
491
643
  type: Input
644
+ }], closeButtonAriaLabel: [{
645
+ type: Input
492
646
  }], buttons: [{
493
647
  type: Input
494
648
  }], nggvCloseEvent: [{
@@ -510,32 +664,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
510
664
  args: ['keydown', ['$event']]
511
665
  }] } });
512
666
 
513
- class NgvModalModule {
514
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
515
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: NgvModalModule, declarations: [NgvDialogComponent,
516
- NgvSlideOutComponent,
517
- NgvFoldOutComponent,
518
- NgvFoldOutOptionDirective], imports: [CommonModule, NgvButtonModule, NgvI18nModule, NggCoreWrapperModule], exports: [NgvDialogComponent,
519
- NgvSlideOutComponent,
520
- NgvFoldOutComponent,
521
- NgvFoldOutOptionDirective] }); }
522
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvModalModule, imports: [CommonModule, NgvButtonModule, NgvI18nModule, NggCoreWrapperModule] }); }
667
+ class NggvModalModule {
668
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
669
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: NggvModalModule, declarations: [NggvDialogComponent,
670
+ NggvSlideOutComponent,
671
+ NggvFoldOutComponent,
672
+ NggvFoldOutOptionDirective], imports: [CommonModule,
673
+ NggvButtonModule,
674
+ NggvI18nModule,
675
+ NggCoreWrapperModule], exports: [NggvDialogComponent,
676
+ NggvSlideOutComponent,
677
+ NggvFoldOutComponent,
678
+ NggvFoldOutOptionDirective] }); }
679
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvModalModule, imports: [CommonModule,
680
+ NggvButtonModule,
681
+ NggvI18nModule,
682
+ NggCoreWrapperModule] }); }
523
683
  }
524
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgvModalModule, decorators: [{
684
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NggvModalModule, decorators: [{
525
685
  type: NgModule,
526
686
  args: [{
527
- imports: [CommonModule, NgvButtonModule, NgvI18nModule, NggCoreWrapperModule],
687
+ imports: [
688
+ CommonModule,
689
+ NggvButtonModule,
690
+ NggvI18nModule,
691
+ NggCoreWrapperModule,
692
+ ],
528
693
  declarations: [
529
- NgvDialogComponent,
530
- NgvSlideOutComponent,
531
- NgvFoldOutComponent,
532
- NgvFoldOutOptionDirective,
694
+ NggvDialogComponent,
695
+ NggvSlideOutComponent,
696
+ NggvFoldOutComponent,
697
+ NggvFoldOutOptionDirective,
533
698
  ],
534
699
  exports: [
535
- NgvDialogComponent,
536
- NgvSlideOutComponent,
537
- NgvFoldOutComponent,
538
- NgvFoldOutOptionDirective,
700
+ NggvDialogComponent,
701
+ NggvSlideOutComponent,
702
+ NggvFoldOutComponent,
703
+ NggvFoldOutOptionDirective,
539
704
  ],
540
705
  schemas: [CUSTOM_ELEMENTS_SCHEMA],
541
706
  }]
@@ -545,5 +710,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
545
710
  * Generated bundle index. Do not edit.
546
711
  */
547
712
 
548
- export { NgvDialogComponent, NgvFoldOutComponent, NgvFoldOutOptionDirective, NgvModalModule, NgvSlideOutComponent };
713
+ export { NggvDialogComponent, NggvFoldOutComponent, NggvFoldOutOptionDirective, NggvModalModule, NggvSlideOutComponent };
549
714
  //# sourceMappingURL=sebgroup-green-angular-src-v-angular-modal.mjs.map