@verisoft/ui-govcz 18.7.0 → 18.8.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 (272) hide show
  1. package/README.md +7 -56
  2. package/assets/i18n/cs.json +8 -8
  3. package/assets/i18n/en.json +8 -8
  4. package/assets/icons/components/24-7.svg +12 -12
  5. package/assets/icons/components/NO-ICON.svg +2 -2
  6. package/assets/icons/components/add.svg +5 -5
  7. package/assets/icons/components/all.svg +3 -3
  8. package/assets/icons/components/arrival.svg +12 -12
  9. package/assets/icons/components/arrow-left.svg +2 -2
  10. package/assets/icons/components/arrow-right.svg +2 -2
  11. package/assets/icons/components/bars.svg +2 -2
  12. package/assets/icons/components/bell.svg +4 -4
  13. package/assets/icons/components/big-help.svg +12 -12
  14. package/assets/icons/components/book.svg +10 -10
  15. package/assets/icons/components/bookmarks.svg +11 -11
  16. package/assets/icons/components/box-arrow-up-right.svg +11 -11
  17. package/assets/icons/components/business-file.svg +14 -14
  18. package/assets/icons/components/businessman.svg +3 -3
  19. package/assets/icons/components/cactus.svg +14 -14
  20. package/assets/icons/components/calendar.svg +2 -2
  21. package/assets/icons/components/camera.svg +5 -5
  22. package/assets/icons/components/car.svg +5 -5
  23. package/assets/icons/components/card-400.svg +10 -10
  24. package/assets/icons/components/card-401.svg +10 -10
  25. package/assets/icons/components/card-403.svg +10 -10
  26. package/assets/icons/components/card-404.svg +10 -10
  27. package/assets/icons/components/card-500.svg +10 -10
  28. package/assets/icons/components/card-502.svg +10 -10
  29. package/assets/icons/components/card-503.svg +12 -12
  30. package/assets/icons/components/card-504.svg +15 -15
  31. package/assets/icons/components/caret-right-fill.svg +3 -3
  32. package/assets/icons/components/certification.svg +14 -14
  33. package/assets/icons/components/chamber-deputies-cr.svg +11 -11
  34. package/assets/icons/components/chamber-deputies.svg +13 -13
  35. package/assets/icons/components/chat.svg +11 -11
  36. package/assets/icons/components/check-circle.svg +3 -3
  37. package/assets/icons/components/check-lg.svg +3 -3
  38. package/assets/icons/components/chevron-double-left.svg +4 -4
  39. package/assets/icons/components/chevron-double-right.svg +4 -4
  40. package/assets/icons/components/chevron-down.svg +3 -3
  41. package/assets/icons/components/chevron-left.svg +3 -3
  42. package/assets/icons/components/chevron-right.svg +3 -3
  43. package/assets/icons/components/chevron-up.svg +3 -3
  44. package/assets/icons/components/cities.svg +17 -17
  45. package/assets/icons/components/city-office.svg +17 -17
  46. package/assets/icons/components/coins.svg +14 -14
  47. package/assets/icons/components/communication.svg +4 -4
  48. package/assets/icons/components/confusion.svg +8 -8
  49. package/assets/icons/components/contact.svg +6 -6
  50. package/assets/icons/components/copy.svg +10 -10
  51. package/assets/icons/components/court.svg +5 -5
  52. package/assets/icons/components/covid.svg +5 -5
  53. package/assets/icons/components/czech-lion.svg +133 -133
  54. package/assets/icons/components/dash-lg.svg +3 -3
  55. package/assets/icons/components/diagram.svg +2 -2
  56. package/assets/icons/components/digital.svg +10 -10
  57. package/assets/icons/components/disability.svg +5 -5
  58. package/assets/icons/components/doc-agreement.svg +7 -7
  59. package/assets/icons/components/doc-basic-info.svg +18 -18
  60. package/assets/icons/components/doc-business.svg +8 -8
  61. package/assets/icons/components/doc-car-point-list.svg +16 -16
  62. package/assets/icons/components/doc-diploma.svg +17 -17
  63. package/assets/icons/components/doc-driver-info.svg +8 -8
  64. package/assets/icons/components/doc-election.svg +13 -13
  65. package/assets/icons/components/doc-filled.svg +16 -16
  66. package/assets/icons/components/doc-health.svg +3 -3
  67. package/assets/icons/components/doc-judgment.svg +8 -8
  68. package/assets/icons/components/doc-patient.svg +8 -8
  69. package/assets/icons/components/doc-personal-info.svg +11 -11
  70. package/assets/icons/components/doc-petition.svg +8 -8
  71. package/assets/icons/components/doc-registers.svg +7 -7
  72. package/assets/icons/components/doc-review.svg +20 -20
  73. package/assets/icons/components/doc-search.svg +8 -8
  74. package/assets/icons/components/doc-stamp.svg +15 -15
  75. package/assets/icons/components/doc-state.svg +13 -13
  76. package/assets/icons/components/doc-taxes.svg +16 -16
  77. package/assets/icons/components/doc-universal.svg +13 -13
  78. package/assets/icons/components/doc-visa.svg +14 -14
  79. package/assets/icons/components/documents.svg +11 -11
  80. package/assets/icons/components/download.svg +3 -3
  81. package/assets/icons/components/driver-file.svg +14 -14
  82. package/assets/icons/components/driver.svg +7 -7
  83. package/assets/icons/components/driving-licence.svg +7 -7
  84. package/assets/icons/components/email-notification.svg +12 -12
  85. package/assets/icons/components/empty-file.svg +13 -13
  86. package/assets/icons/components/energy.svg +11 -11
  87. package/assets/icons/components/envelope-fill.svg +3 -3
  88. package/assets/icons/components/envelope.svg +3 -3
  89. package/assets/icons/components/error.svg +12 -12
  90. package/assets/icons/components/european-parliament.svg +11 -11
  91. package/assets/icons/components/exclamation-lg.svg +3 -3
  92. package/assets/icons/components/exclamation-triangle-fill.svg +10 -10
  93. package/assets/icons/components/export.svg +12 -12
  94. package/assets/icons/components/eye.svg +4 -4
  95. package/assets/icons/components/family.svg +12 -12
  96. package/assets/icons/components/filter.svg +2 -2
  97. package/assets/icons/components/gear.svg +11 -11
  98. package/assets/icons/components/geo-alt-fill.svg +10 -10
  99. package/assets/icons/components/globe.svg +12 -12
  100. package/assets/icons/components/graduate.svg +4 -4
  101. package/assets/icons/components/group.svg +3 -3
  102. package/assets/icons/components/hand-503.svg +10 -10
  103. package/assets/icons/components/hand-504.svg +7 -7
  104. package/assets/icons/components/hand.svg +14 -14
  105. package/assets/icons/components/health.svg +5 -5
  106. package/assets/icons/components/help.svg +4 -4
  107. package/assets/icons/components/history.svg +4 -4
  108. package/assets/icons/components/holiday.svg +13 -13
  109. package/assets/icons/components/hourglass.svg +4 -4
  110. package/assets/icons/components/house-door-fill.svg +3 -3
  111. package/assets/icons/components/house.svg +13 -13
  112. package/assets/icons/components/id-card.svg +6 -6
  113. package/assets/icons/components/id-info.svg +9 -9
  114. package/assets/icons/components/id.svg +6 -6
  115. package/assets/icons/components/illness.svg +9 -9
  116. package/assets/icons/components/info-circle-fill.svg +10 -10
  117. package/assets/icons/components/info-circle.svg +11 -11
  118. package/assets/icons/components/info-list.svg +14 -14
  119. package/assets/icons/components/info.svg +3 -3
  120. package/assets/icons/components/institute-file.svg +23 -23
  121. package/assets/icons/components/institution.svg +10 -10
  122. package/assets/icons/components/job-loss.svg +4 -4
  123. package/assets/icons/components/job.svg +3 -3
  124. package/assets/icons/components/lightbulb-fill.svg +10 -10
  125. package/assets/icons/components/list.svg +3 -3
  126. package/assets/icons/components/loader.svg +3 -3
  127. package/assets/icons/components/login.svg +10 -10
  128. package/assets/icons/components/logout.svg +12 -12
  129. package/assets/icons/components/map.svg +11 -11
  130. package/assets/icons/components/mobile-phone.svg +13 -13
  131. package/assets/icons/components/moon.svg +10 -10
  132. package/assets/icons/components/mouse.svg +3 -3
  133. package/assets/icons/components/my-filing.svg +15 -15
  134. package/assets/icons/components/my-state-data.svg +19 -19
  135. package/assets/icons/components/new-comments.svg +6 -6
  136. package/assets/icons/components/newborn.svg +16 -16
  137. package/assets/icons/components/news.svg +20 -20
  138. package/assets/icons/components/packet.svg +11 -11
  139. package/assets/icons/components/passport.svg +7 -7
  140. package/assets/icons/components/pencil.svg +3 -3
  141. package/assets/icons/components/personal-file.svg +14 -14
  142. package/assets/icons/components/pet.svg +10 -10
  143. package/assets/icons/components/petrol-station.svg +14 -14
  144. package/assets/icons/components/pills.svg +4 -4
  145. package/assets/icons/components/plus-lg.svg +2 -2
  146. package/assets/icons/components/population-register.svg +12 -12
  147. package/assets/icons/components/port-card.svg +8 -8
  148. package/assets/icons/components/portal.svg +8 -8
  149. package/assets/icons/components/pregnant.svg +11 -11
  150. package/assets/icons/components/president.svg +13 -13
  151. package/assets/icons/components/presidential-election.svg +12 -12
  152. package/assets/icons/components/print-fill.svg +3 -3
  153. package/assets/icons/components/profile-settings.svg +13 -13
  154. package/assets/icons/components/property.svg +4 -4
  155. package/assets/icons/components/question-circle.svg +3 -3
  156. package/assets/icons/components/queue.svg +13 -13
  157. package/assets/icons/components/quotes.svg +6 -6
  158. package/assets/icons/components/region.svg +11 -11
  159. package/assets/icons/components/regional-elections-clear.svg +11 -11
  160. package/assets/icons/components/regional-elections.svg +12 -12
  161. package/assets/icons/components/register-of-persons.svg +7 -7
  162. package/assets/icons/components/retiree.svg +8 -8
  163. package/assets/icons/components/rings.svg +5 -5
  164. package/assets/icons/components/search.svg +10 -10
  165. package/assets/icons/components/senate.svg +11 -11
  166. package/assets/icons/components/senior.svg +4 -4
  167. package/assets/icons/components/settings.svg +13 -13
  168. package/assets/icons/components/simple-envelope.svg +3 -3
  169. package/assets/icons/components/sms-notification.svg +7 -7
  170. package/assets/icons/components/sos.svg +6 -6
  171. package/assets/icons/components/star-fill.svg +10 -10
  172. package/assets/icons/components/state-file.svg +8 -8
  173. package/assets/icons/components/sun.svg +10 -10
  174. package/assets/icons/components/telephone.svg +10 -10
  175. package/assets/icons/components/three-dots-vertical.svg +2 -2
  176. package/assets/icons/components/time.svg +4 -4
  177. package/assets/icons/components/tombstone.svg +7 -7
  178. package/assets/icons/components/trash.svg +5 -5
  179. package/assets/icons/components/twitter-x.svg +10 -10
  180. package/assets/icons/components/upload.svg +4 -4
  181. package/assets/icons/components/user-login.svg +13 -13
  182. package/assets/icons/components/user.svg +2 -2
  183. package/assets/icons/components/vaccine.svg +11 -11
  184. package/assets/icons/components/x-circle.svg +3 -3
  185. package/assets/icons/components/x-lg.svg +3 -3
  186. package/assets/icons/components/x.svg +3 -3
  187. package/assets/logos/v-logo.svg +4 -4
  188. package/{sass → assets/sass}/header.css +525 -525
  189. package/{sass → assets/sass}/header.scss +479 -479
  190. package/{sass → assets/sass}/main.scss +245 -245
  191. package/{sass → assets/sass}/scrollbar.scss +22 -22
  192. package/{sass → assets/sass}/sidemenu.css +204 -204
  193. package/{sass → assets/sass}/vendors/_bootstrap.scss +2 -2
  194. package/esm2022/index.mjs +1 -1
  195. package/esm2022/lib/components/breadcrumb/breadcrumb.component.mjs +6 -6
  196. package/esm2022/lib/components/breadcrumb/index.mjs +1 -1
  197. package/esm2022/lib/components/button/button.component.mjs +6 -6
  198. package/esm2022/lib/components/calendar/calendar.component.mjs +6 -6
  199. package/esm2022/lib/components/checkbox/checkbox.component.mjs +6 -6
  200. package/esm2022/lib/components/confirm-dialog/confirm-dialog.component.mjs +6 -6
  201. package/esm2022/lib/components/confirm-dialog/index.mjs +1 -1
  202. package/esm2022/lib/components/dropdown/dropdown-item.component.mjs +4 -4
  203. package/esm2022/lib/components/dropdown/dropdown.component.mjs +6 -6
  204. package/esm2022/lib/components/dropdown/index.mjs +1 -1
  205. package/esm2022/lib/components/errors/error.component.mjs +5 -5
  206. package/esm2022/lib/components/form-field/form-field.component.mjs +6 -6
  207. package/esm2022/lib/components/form-field/index.mjs +1 -1
  208. package/esm2022/lib/components/header/header.component.mjs +6 -6
  209. package/esm2022/lib/components/index.mjs +1 -1
  210. package/esm2022/lib/components/input-group/input-group.component.mjs +6 -6
  211. package/esm2022/lib/components/loader/loader.component.mjs +6 -6
  212. package/esm2022/lib/components/multiselect/multiselect.component.mjs +6 -6
  213. package/esm2022/lib/components/number-input/number-input.component.mjs +6 -6
  214. package/esm2022/lib/components/page-header/page-header.component.mjs +5 -5
  215. package/esm2022/lib/components/password/index.mjs +1 -1
  216. package/esm2022/lib/components/password/password.component.mjs +6 -6
  217. package/esm2022/lib/components/radiobutton/radiobutton.component.mjs +6 -6
  218. package/esm2022/lib/components/search/search.component.mjs +5 -5
  219. package/esm2022/lib/components/section/section.component.mjs +6 -6
  220. package/esm2022/lib/components/shared-components/action-button-group/action-button-group.component.mjs +6 -6
  221. package/esm2022/lib/components/shared-components/action-button-group/components/action-button/action-button.component.mjs +5 -5
  222. package/esm2022/lib/components/shared-components/action-button-group/index.mjs +1 -1
  223. package/esm2022/lib/components/shared-components/dynamic-component/dynamic-component-factory.service.mjs +4 -4
  224. package/esm2022/lib/components/shared-components/dynamic-component/dynamic-component.component.mjs +4 -4
  225. package/esm2022/lib/components/shared-components/feature-list/directives/feature-list-column.directive.mjs +4 -4
  226. package/esm2022/lib/components/shared-components/feature-list/directives/feature-list-filter-field.directive.mjs +4 -4
  227. package/esm2022/lib/components/shared-components/feature-list/feature-list-filter.pipe.mjs +4 -4
  228. package/esm2022/lib/components/shared-components/feature-list/feature-list-page.component.mjs +21 -21
  229. package/esm2022/lib/components/shared-components/feature-list/feature-list-page.model.mjs +1 -1
  230. package/esm2022/lib/components/shared-components/feature-list/feature-list.component.mjs +5 -5
  231. package/esm2022/lib/components/shared-components/feature-list/index.mjs +1 -1
  232. package/esm2022/lib/components/shared-components/filter/directives/filter-field.directive.mjs +4 -4
  233. package/esm2022/lib/components/shared-components/filter/filter.component.mjs +6 -6
  234. package/esm2022/lib/components/shared-components/generic-field/generic-field.component.mjs +6 -6
  235. package/esm2022/lib/components/shared-components/generic-form/generic-form.component.mjs +4 -4
  236. package/esm2022/lib/components/side-menu/index.mjs +1 -1
  237. package/esm2022/lib/components/side-menu/side-menu.component.mjs +6 -6
  238. package/esm2022/lib/components/side-menu/side-menu.module.mjs +8 -22
  239. package/esm2022/lib/components/snackbar/index.mjs +1 -1
  240. package/esm2022/lib/components/snackbar/services/snackbar.service.mjs +4 -4
  241. package/esm2022/lib/components/snackbar/snackbar.component.mjs +6 -6
  242. package/esm2022/lib/components/snackbar/snackbar.model.mjs +1 -1
  243. package/esm2022/lib/components/stepper/stepper.component.mjs +6 -6
  244. package/esm2022/lib/components/switch/switch.component.mjs +6 -6
  245. package/esm2022/lib/components/tab-view/index.mjs +1 -1
  246. package/esm2022/lib/components/tab-view/tab-view-item.component.mjs +7 -7
  247. package/esm2022/lib/components/tab-view/tab-view.component.mjs +5 -5
  248. package/esm2022/lib/components/tab-view/tab-view.module.mjs +5 -5
  249. package/esm2022/lib/components/table/index.mjs +1 -1
  250. package/esm2022/lib/components/table/table-pagination-info.component.mjs +5 -5
  251. package/esm2022/lib/components/table/table.component.mjs +6 -6
  252. package/esm2022/lib/components/table/table.model.mjs +1 -1
  253. package/esm2022/lib/components/textarea/textarea.component.mjs +6 -6
  254. package/esm2022/lib/components/textfield/textfield.component.mjs +6 -6
  255. package/esm2022/lib/components/tooltip/tooltip.component.mjs +5 -5
  256. package/esm2022/lib/components/tristatecheckbox/tristatecheckbox.component.mjs +6 -6
  257. package/esm2022/lib/index.mjs +1 -1
  258. package/esm2022/lib/init.service.mjs +4 -4
  259. package/esm2022/lib/pages/index.mjs +1 -1
  260. package/esm2022/lib/pages/not-authenticated/index.mjs +1 -1
  261. package/esm2022/lib/pages/not-authenticated/not-authenticated.component.mjs +5 -5
  262. package/esm2022/lib/pages/not-authorized/index.mjs +1 -1
  263. package/esm2022/lib/pages/not-authorized/not-authorized.component.mjs +5 -5
  264. package/esm2022/lib/pages/not-found/index.mjs +1 -1
  265. package/esm2022/lib/pages/not-found/not-found.component.mjs +5 -5
  266. package/esm2022/lib/pipes/color/color.pipe.mjs +4 -4
  267. package/esm2022/lib/pipes/index.mjs +1 -1
  268. package/esm2022/lib/pipes/multiselect/multiselect-options.pipe.mjs +4 -4
  269. package/esm2022/lib/pipes/size/size.pipe.mjs +4 -4
  270. package/fesm2022/verisoft-ui-govcz.mjs +251 -265
  271. package/fesm2022/verisoft-ui-govcz.mjs.map +1 -1
  272. package/package.json +5 -7
@@ -1,480 +1,480 @@
1
- .gov-header {
2
- background-color: var(--component-nav-background)
3
- }
4
-
5
- .gov-header__content {
6
- display: flex;
7
- flex-direction: column;
8
- gap: var(--templates-margin-m);
9
- padding: var(--templates-margin-l)
10
- }
11
-
12
- .gov-header__navigation {
13
- position: relative;
14
- z-index: 10;
15
- padding: var(--templates-margin-s) 0;
16
- border-top: 1px solid var(--border-primary)
17
- }
18
-
19
- .gov-header__logo {
20
- color: var(--icon-on-subtle);
21
- font-size: var(--font-size-body-m);
22
- line-height: 150%;
23
- font-weight: 400;
24
- text-decoration: none
25
- }
26
-
27
- .gov-header__action {
28
- display: none
29
- }
30
-
31
- .gov-header__search-bar {
32
- display: none !important;
33
- position: absolute !important;
34
- top: 0;
35
- left: 0;
36
- right: 0;
37
- width: 100%;
38
- background-color: var(--component-nav-background)
39
- }
40
-
41
- .gov-header__search-bar>* {
42
- width: 100%;
43
- padding: var(--templates-margin-l) 0
44
- }
45
-
46
- .gov-header .gov-logo {
47
- color: var(--icon-on-subtle)
48
- }
49
-
50
- .gov-header__lang ::ng-deep gov-form-control {
51
- margin-bottom: 0 !important;
52
- }
53
-
54
- @media(min-width: 48em) {
55
- .gov-header__content {
56
- display: flex;
57
- flex-direction: row;
58
- justify-content: space-between;
59
- align-items: center;
60
- padding: 0 var(--templates-margin-m)
61
- }
62
-
63
- .gov-header__divider {
64
- max-height: 4.5rem;
65
- padding: var(--templates-margin-m) 0;
66
- border-bottom: 1px solid var(--component-nav-separator)
67
- }
68
-
69
- .gov-header__navigation {
70
- max-width: 100%;
71
- max-height: 4rem;
72
- margin: 0 auto;
73
- padding: var(--templates-margin-s) 0;
74
- border: none;
75
- }
76
-
77
- .gov-header__logo {
78
- font-size: var(--font-size-body-l);
79
- line-height: 150%;
80
- font-weight: 400
81
- }
82
-
83
- .gov-header__action {
84
- display: flex
85
- }
86
-
87
- .gov-header__search-bar .gov-search {
88
- width: 31.25rem
89
- }
90
-
91
- .gov-header__mobile {
92
- display: none
93
- }
94
- }
95
-
96
- .gov-header--small .gov-header__content {
97
- position: relative;
98
- z-index: 10;
99
- padding: 0;
100
- gap: 0
101
- }
102
-
103
- .gov-header--small .gov-header__content>.gov-header__navigation {
104
- position: static
105
- }
106
-
107
- .gov-header--small .gov-header__left {
108
- padding: var(--templates-margin-m)
109
- }
110
-
111
- @media(min-width: 48em) {
112
- .gov-header--small {
113
- padding: var(--templates-margin-m) 0
114
- }
115
-
116
- .gov-header--small .gov-header__content {
117
- padding: 0 var(--templates-margin-m);
118
- gap: var(--templates-margin-l)
119
- }
120
-
121
- .gov-header--small .gov-header__left {
122
- padding: 0
123
- }
124
-
125
- .gov-header--small .gov-header__navigation {
126
- max-width: none;
127
- margin: 0 auto 0 0
128
- }
129
- }
130
-
131
- .gov-navigation {
132
- background-color: var(--component-nav-background)
133
- }
134
-
135
- .gov-navigation ul {
136
- margin: 0
137
- }
138
-
139
- .gov-navigation ul li {
140
- margin: 0
141
- }
142
-
143
- .gov-navigation ul li:before {
144
- content: none
145
- }
146
-
147
- .gov-navigation>ul {
148
- display: flex;
149
- flex-direction: column;
150
- justify-content: center;
151
- gap: var(--templates-margin-s);
152
- margin: 0;
153
- padding: 0
154
- }
155
-
156
- .gov-navigation>ul>li {
157
- width: 100%
158
- }
159
-
160
- .gov-navigation>ul>li>a {
161
- display: flex;
162
- align-items: center;
163
- height: var(--height-component-l);
164
- padding: 0 var(--spacing-m-nudge);
165
- text-decoration: none;
166
- font-size: var(--font-size-body-l);
167
- line-height: 150%;
168
- font-weight: 400;
169
- font-weight: 500;
170
- color: var(--text-primary-color);
171
- white-space: nowrap;
172
- border-radius: var(--corner-radius-s)
173
- }
174
-
175
- .gov-navigation>ul>li>a:hover {
176
- background-color: var(--button-outlined-primary-hover);
177
- color: var(--text-primary-color);
178
- text-decoration: none
179
- }
180
-
181
- .gov-navigation>ul>li>a:active {
182
- background-color: var(--button-outlined-primary-active)
183
- }
184
-
185
- .gov-navigation>ul>li>gov-button,
186
- .gov-navigation>ul>li>.gov-button {
187
- width: 100%
188
- }
189
-
190
- .gov-navigation>ul>li>gov-button .element,
191
- .gov-navigation>ul>li>.gov-button .element {
192
- display: flex;
193
- justify-content: space-between;
194
- align-items: center;
195
- gap: var(--spacing-m);
196
- width: calc(100% + var(--spacing-m-nudge)*2);
197
- font-weight: 500 !important
198
- }
199
-
200
- .gov-navigation__item {
201
- width: calc(100% - var(--spacing-m-nudge)*2);
202
- height: var(--height-component-l);
203
- padding: 0 var(--spacing-m-nudge)
204
- }
205
-
206
- .gov-navigation--has-megamenu {
207
- position: static !important
208
- }
209
-
210
- @media(min-width: 48em) {
211
- .gov-navigation {
212
- background-color: rgba(0, 0, 0, 0)
213
- }
214
-
215
- .gov-navigation>ul {
216
- display: flex;
217
- flex-direction: row;
218
- justify-content: space-between;
219
- align-items: center;
220
- }
221
-
222
- .gov-navigation>ul>li {
223
- position: relative;
224
- display: flex;
225
- width: auto
226
- }
227
-
228
- .gov-navigation>ul>li:last-child .gov-deferred-navigation,
229
- .gov-navigation>ul>li:nth-last-child(3) .gov-subnavigation {
230
- left: initial;
231
- right: 0
232
- }
233
-
234
- .gov-navigation>ul>li>a {
235
- justify-content: center;
236
- width: 100%
237
- }
238
- }
239
-
240
- @media(max-width: 47.99em) {
241
-
242
- .gov-navigation gov-button,
243
- .gov-navigation .gov-button {
244
- width: 100%;
245
- max-width: 100%
246
- }
247
-
248
- .gov-navigation gov-button .element,
249
- .gov-navigation .gov-button .element {
250
- width: calc(100% + var(--spacing-m-nudge)*2);
251
- justify-content: space-between
252
- }
253
- }
254
-
255
- .gov-subnavigation {
256
- display: flex;
257
- flex-direction: column;
258
- gap: var(--spacing-xs);
259
- padding: var(--spacing-s) var(--spacing-m);
260
- min-width: 280px;
261
- background-color: var(--background-page)
262
- }
263
-
264
- .gov-subnavigation li {
265
- margin-bottom: 0
266
- }
267
-
268
- .gov-subnavigation li a {
269
- display: flex;
270
- align-items: center;
271
- font-size: var(--font-size-body-s);
272
- line-height: 150%;
273
- font-weight: 400;
274
- min-height: var(--height-2xl);
275
- padding: var(--spacing-xs) 0 var(--spacing-xs) var(--spacing-xs);
276
- color: var(--text-secondary);
277
- text-decoration: none
278
- }
279
-
280
- .gov-subnavigation li a:hover {
281
- color: var(--text-primary);
282
- text-decoration: underline
283
- }
284
-
285
- @media(min-width: 48em) {
286
- .gov-subnavigation {
287
- position: absolute;
288
- top: var(--height-component-l);
289
- left: 0;
290
- background-color: var(--background-block-primary);
291
- border-bottom-left-radius: var(--corner-radius-m);
292
- border-bottom-right-radius: var(--corner-radius-m)
293
- }
294
-
295
- .gov-subnavigation>li a {
296
- min-height: auto
297
- }
298
- }
299
-
300
- .gov-mega-menu {
301
- max-width: 100%;
302
- width: 100%;
303
- padding: var(--spacing-s) 0;
304
- background-color: var(--background-page);
305
- }
306
-
307
- .gov-mega-menu>li ul {
308
- display: flex;
309
- flex-direction: column;
310
- gap: var(--spacing-xs);
311
- padding: 0 var(--spacing-m)
312
- }
313
-
314
- .gov-mega-menu>li ul li {
315
- margin-bottom: 0
316
- }
317
-
318
- .gov-mega-menu>li ul li a {
319
- display: flex;
320
- align-items: center;
321
- font-size: var(--font-size-body-s);
322
- line-height: 150%;
323
- font-weight: 400;
324
- min-height: var(--height-2xl);
325
- padding: var(--spacing-xs) 0 var(--spacing-xs) var(--spacing-xs);
326
- color: var(--text-secondary);
327
- text-decoration: none
328
- }
329
-
330
- .gov-mega-menu>li ul li a:hover {
331
- color: var(--text-primary);
332
- text-decoration: underline
333
- }
334
-
335
- .gov-mega-menu__heading {
336
- margin: 0
337
- }
338
-
339
- .gov-mega-menu__heading span {
340
- display: flex;
341
- align-items: center;
342
- gap: var(--spacing-s-nudge);
343
- padding: var(--spacing-s) var(--spacing-m);
344
- font-size: var(--font-size-body-m);
345
- line-height: 150%;
346
- font-weight: 400;
347
- font-weight: 700;
348
- line-height: var(--height-line-m);
349
- color: var(--text-primary-color)
350
- }
351
-
352
- .gov-mega-menu__heading a {
353
- display: block;
354
- text-decoration: none
355
- }
356
-
357
- .gov-mega-menu__heading a:hover {
358
- color: var(--interactive-timer-primary-solid);
359
- text-decoration: underline
360
- }
361
-
362
- .gov-mega-menu li a {
363
- min-height: auto
364
- }
365
-
366
- .gov-mega-menu__more a {
367
- color: var(--text-tertiary) !important
368
- }
369
-
370
- @media(min-width: 48em) {
371
- .gov-mega-menu {
372
- position: absolute;
373
- top: var(--spacing-5xl);
374
- left: 0;
375
- width: 100vw;
376
- display: grid;
377
- grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
378
- gap: var(--templates-margin-m) var(--templates-margin-l);
379
- background-color: var(--background-block-primary);
380
- border-bottom-left-radius: var(--corner-radius-m);
381
- border-bottom-right-radius: var(--corner-radius-m)
382
- }
383
-
384
- .gov-mega-menu>li ul {
385
- padding-left: var(--spacing-2xl);
386
- padding-right: var(--spacing-m)
387
- }
388
-
389
- .gov-mega-menu>li ul>li a {
390
- min-height: auto
391
- }
392
- }
393
-
394
- @media(min-width: 48em) {
395
- .gov-deferred-navigation {
396
- display: flex;
397
- flex-direction: column;
398
- gap: var(--spacing-xs);
399
- padding: var(--spacing-s) var(--spacing-m);
400
- min-width: 280px;
401
- background-color: var(--background-page);
402
- position: absolute;
403
- top: var(--height-component-l);
404
- left: 0;
405
- background-color: var(--background-block-primary);
406
- border-bottom-left-radius: var(--corner-radius-m);
407
- border-bottom-right-radius: var(--corner-radius-m)
408
- }
409
-
410
- .gov-deferred-navigation li {
411
- margin-bottom: 0
412
- }
413
-
414
- .gov-deferred-navigation li a {
415
- display: flex;
416
- align-items: center;
417
- font-size: var(--font-size-body-s);
418
- line-height: 150%;
419
- font-weight: 400;
420
- min-height: var(--height-2xl);
421
- padding: var(--spacing-xs) 0 var(--spacing-xs) var(--spacing-xs);
422
- color: var(--text-secondary);
423
- text-decoration: none
424
- }
425
-
426
- .gov-deferred-navigation li a:hover {
427
- color: var(--text-primary);
428
- text-decoration: underline
429
- }
430
-
431
- .gov-deferred-navigation>li a {
432
- min-height: auto;
433
- display: flex;
434
- align-items: center;
435
- height: var(--height-component-l);
436
- padding: 0 var(--spacing-m-nudge);
437
- text-decoration: none;
438
- font-size: var(--font-size-body-l);
439
- line-height: 150%;
440
- font-weight: 400;
441
- font-weight: 500;
442
- color: var(--text-primary-color);
443
- white-space: nowrap;
444
- border-radius: var(--corner-radius-s)
445
- }
446
-
447
- .gov-deferred-navigation>li a:hover {
448
- background-color: var(--button-outlined-primary-hover);
449
- color: var(--text-primary-color);
450
- text-decoration: none
451
- }
452
-
453
- .gov-deferred-navigation>li a:active {
454
- background-color: var(--button-outlined-primary-active)
455
- }
456
-
457
- .gov-deferred-navigation>li ul {
458
- display: none
459
- }
460
-
461
- .gov-deferred-navigation gov-button,
462
- .gov-deferred-navigation .gov-button {
463
- width: 100%;
464
- max-width: 100%
465
- }
466
-
467
- .gov-deferred-navigation gov-button .element,
468
- .gov-deferred-navigation .gov-button .element {
469
- width: calc(100% + var(--spacing-m-nudge)*2);
470
- justify-content: space-between;
471
- font-weight: 500
472
- }
473
-
474
- .gov-deferred-navigation gov-button gov-icon,
475
- .gov-deferred-navigation gov-button .gov-icon,
476
- .gov-deferred-navigation .gov-button gov-icon,
477
- .gov-deferred-navigation .gov-button .gov-icon {
478
- display: none
479
- }
1
+ .gov-header {
2
+ background-color: var(--component-nav-background)
3
+ }
4
+
5
+ .gov-header__content {
6
+ display: flex;
7
+ flex-direction: column;
8
+ gap: var(--templates-margin-m);
9
+ padding: var(--templates-margin-l)
10
+ }
11
+
12
+ .gov-header__navigation {
13
+ position: relative;
14
+ z-index: 10;
15
+ padding: var(--templates-margin-s) 0;
16
+ border-top: 1px solid var(--border-primary)
17
+ }
18
+
19
+ .gov-header__logo {
20
+ color: var(--icon-on-subtle);
21
+ font-size: var(--font-size-body-m);
22
+ line-height: 150%;
23
+ font-weight: 400;
24
+ text-decoration: none
25
+ }
26
+
27
+ .gov-header__action {
28
+ display: none
29
+ }
30
+
31
+ .gov-header__search-bar {
32
+ display: none !important;
33
+ position: absolute !important;
34
+ top: 0;
35
+ left: 0;
36
+ right: 0;
37
+ width: 100%;
38
+ background-color: var(--component-nav-background)
39
+ }
40
+
41
+ .gov-header__search-bar>* {
42
+ width: 100%;
43
+ padding: var(--templates-margin-l) 0
44
+ }
45
+
46
+ .gov-header .gov-logo {
47
+ color: var(--icon-on-subtle)
48
+ }
49
+
50
+ .gov-header__lang ::ng-deep gov-form-control {
51
+ margin-bottom: 0 !important;
52
+ }
53
+
54
+ @media(min-width: 48em) {
55
+ .gov-header__content {
56
+ display: flex;
57
+ flex-direction: row;
58
+ justify-content: space-between;
59
+ align-items: center;
60
+ padding: 0 var(--templates-margin-m)
61
+ }
62
+
63
+ .gov-header__divider {
64
+ max-height: 4.5rem;
65
+ padding: var(--templates-margin-m) 0;
66
+ border-bottom: 1px solid var(--component-nav-separator)
67
+ }
68
+
69
+ .gov-header__navigation {
70
+ max-width: 100%;
71
+ max-height: 4rem;
72
+ margin: 0 auto;
73
+ padding: var(--templates-margin-s) 0;
74
+ border: none;
75
+ }
76
+
77
+ .gov-header__logo {
78
+ font-size: var(--font-size-body-l);
79
+ line-height: 150%;
80
+ font-weight: 400
81
+ }
82
+
83
+ .gov-header__action {
84
+ display: flex
85
+ }
86
+
87
+ .gov-header__search-bar .gov-search {
88
+ width: 31.25rem
89
+ }
90
+
91
+ .gov-header__mobile {
92
+ display: none
93
+ }
94
+ }
95
+
96
+ .gov-header--small .gov-header__content {
97
+ position: relative;
98
+ z-index: 10;
99
+ padding: 0;
100
+ gap: 0
101
+ }
102
+
103
+ .gov-header--small .gov-header__content>.gov-header__navigation {
104
+ position: static
105
+ }
106
+
107
+ .gov-header--small .gov-header__left {
108
+ padding: var(--templates-margin-m)
109
+ }
110
+
111
+ @media(min-width: 48em) {
112
+ .gov-header--small {
113
+ padding: var(--templates-margin-m) 0
114
+ }
115
+
116
+ .gov-header--small .gov-header__content {
117
+ padding: 0 var(--templates-margin-m);
118
+ gap: var(--templates-margin-l)
119
+ }
120
+
121
+ .gov-header--small .gov-header__left {
122
+ padding: 0
123
+ }
124
+
125
+ .gov-header--small .gov-header__navigation {
126
+ max-width: none;
127
+ margin: 0 auto 0 0
128
+ }
129
+ }
130
+
131
+ .gov-navigation {
132
+ background-color: var(--component-nav-background)
133
+ }
134
+
135
+ .gov-navigation ul {
136
+ margin: 0
137
+ }
138
+
139
+ .gov-navigation ul li {
140
+ margin: 0
141
+ }
142
+
143
+ .gov-navigation ul li:before {
144
+ content: none
145
+ }
146
+
147
+ .gov-navigation>ul {
148
+ display: flex;
149
+ flex-direction: column;
150
+ justify-content: center;
151
+ gap: var(--templates-margin-s);
152
+ margin: 0;
153
+ padding: 0
154
+ }
155
+
156
+ .gov-navigation>ul>li {
157
+ width: 100%
158
+ }
159
+
160
+ .gov-navigation>ul>li>a {
161
+ display: flex;
162
+ align-items: center;
163
+ height: var(--height-component-l);
164
+ padding: 0 var(--spacing-m-nudge);
165
+ text-decoration: none;
166
+ font-size: var(--font-size-body-l);
167
+ line-height: 150%;
168
+ font-weight: 400;
169
+ font-weight: 500;
170
+ color: var(--text-primary-color);
171
+ white-space: nowrap;
172
+ border-radius: var(--corner-radius-s)
173
+ }
174
+
175
+ .gov-navigation>ul>li>a:hover {
176
+ background-color: var(--button-outlined-primary-hover);
177
+ color: var(--text-primary-color);
178
+ text-decoration: none
179
+ }
180
+
181
+ .gov-navigation>ul>li>a:active {
182
+ background-color: var(--button-outlined-primary-active)
183
+ }
184
+
185
+ .gov-navigation>ul>li>gov-button,
186
+ .gov-navigation>ul>li>.gov-button {
187
+ width: 100%
188
+ }
189
+
190
+ .gov-navigation>ul>li>gov-button .element,
191
+ .gov-navigation>ul>li>.gov-button .element {
192
+ display: flex;
193
+ justify-content: space-between;
194
+ align-items: center;
195
+ gap: var(--spacing-m);
196
+ width: calc(100% + var(--spacing-m-nudge)*2);
197
+ font-weight: 500 !important
198
+ }
199
+
200
+ .gov-navigation__item {
201
+ width: calc(100% - var(--spacing-m-nudge)*2);
202
+ height: var(--height-component-l);
203
+ padding: 0 var(--spacing-m-nudge)
204
+ }
205
+
206
+ .gov-navigation--has-megamenu {
207
+ position: static !important
208
+ }
209
+
210
+ @media(min-width: 48em) {
211
+ .gov-navigation {
212
+ background-color: rgba(0, 0, 0, 0)
213
+ }
214
+
215
+ .gov-navigation>ul {
216
+ display: flex;
217
+ flex-direction: row;
218
+ justify-content: space-between;
219
+ align-items: center;
220
+ }
221
+
222
+ .gov-navigation>ul>li {
223
+ position: relative;
224
+ display: flex;
225
+ width: auto
226
+ }
227
+
228
+ .gov-navigation>ul>li:last-child .gov-deferred-navigation,
229
+ .gov-navigation>ul>li:nth-last-child(3) .gov-subnavigation {
230
+ left: initial;
231
+ right: 0
232
+ }
233
+
234
+ .gov-navigation>ul>li>a {
235
+ justify-content: center;
236
+ width: 100%
237
+ }
238
+ }
239
+
240
+ @media(max-width: 47.99em) {
241
+
242
+ .gov-navigation gov-button,
243
+ .gov-navigation .gov-button {
244
+ width: 100%;
245
+ max-width: 100%
246
+ }
247
+
248
+ .gov-navigation gov-button .element,
249
+ .gov-navigation .gov-button .element {
250
+ width: calc(100% + var(--spacing-m-nudge)*2);
251
+ justify-content: space-between
252
+ }
253
+ }
254
+
255
+ .gov-subnavigation {
256
+ display: flex;
257
+ flex-direction: column;
258
+ gap: var(--spacing-xs);
259
+ padding: var(--spacing-s) var(--spacing-m);
260
+ min-width: 280px;
261
+ background-color: var(--background-page)
262
+ }
263
+
264
+ .gov-subnavigation li {
265
+ margin-bottom: 0
266
+ }
267
+
268
+ .gov-subnavigation li a {
269
+ display: flex;
270
+ align-items: center;
271
+ font-size: var(--font-size-body-s);
272
+ line-height: 150%;
273
+ font-weight: 400;
274
+ min-height: var(--height-2xl);
275
+ padding: var(--spacing-xs) 0 var(--spacing-xs) var(--spacing-xs);
276
+ color: var(--text-secondary);
277
+ text-decoration: none
278
+ }
279
+
280
+ .gov-subnavigation li a:hover {
281
+ color: var(--text-primary);
282
+ text-decoration: underline
283
+ }
284
+
285
+ @media(min-width: 48em) {
286
+ .gov-subnavigation {
287
+ position: absolute;
288
+ top: var(--height-component-l);
289
+ left: 0;
290
+ background-color: var(--background-block-primary);
291
+ border-bottom-left-radius: var(--corner-radius-m);
292
+ border-bottom-right-radius: var(--corner-radius-m)
293
+ }
294
+
295
+ .gov-subnavigation>li a {
296
+ min-height: auto
297
+ }
298
+ }
299
+
300
+ .gov-mega-menu {
301
+ max-width: 100%;
302
+ width: 100%;
303
+ padding: var(--spacing-s) 0;
304
+ background-color: var(--background-page);
305
+ }
306
+
307
+ .gov-mega-menu>li ul {
308
+ display: flex;
309
+ flex-direction: column;
310
+ gap: var(--spacing-xs);
311
+ padding: 0 var(--spacing-m)
312
+ }
313
+
314
+ .gov-mega-menu>li ul li {
315
+ margin-bottom: 0
316
+ }
317
+
318
+ .gov-mega-menu>li ul li a {
319
+ display: flex;
320
+ align-items: center;
321
+ font-size: var(--font-size-body-s);
322
+ line-height: 150%;
323
+ font-weight: 400;
324
+ min-height: var(--height-2xl);
325
+ padding: var(--spacing-xs) 0 var(--spacing-xs) var(--spacing-xs);
326
+ color: var(--text-secondary);
327
+ text-decoration: none
328
+ }
329
+
330
+ .gov-mega-menu>li ul li a:hover {
331
+ color: var(--text-primary);
332
+ text-decoration: underline
333
+ }
334
+
335
+ .gov-mega-menu__heading {
336
+ margin: 0
337
+ }
338
+
339
+ .gov-mega-menu__heading span {
340
+ display: flex;
341
+ align-items: center;
342
+ gap: var(--spacing-s-nudge);
343
+ padding: var(--spacing-s) var(--spacing-m);
344
+ font-size: var(--font-size-body-m);
345
+ line-height: 150%;
346
+ font-weight: 400;
347
+ font-weight: 700;
348
+ line-height: var(--height-line-m);
349
+ color: var(--text-primary-color)
350
+ }
351
+
352
+ .gov-mega-menu__heading a {
353
+ display: block;
354
+ text-decoration: none
355
+ }
356
+
357
+ .gov-mega-menu__heading a:hover {
358
+ color: var(--interactive-timer-primary-solid);
359
+ text-decoration: underline
360
+ }
361
+
362
+ .gov-mega-menu li a {
363
+ min-height: auto
364
+ }
365
+
366
+ .gov-mega-menu__more a {
367
+ color: var(--text-tertiary) !important
368
+ }
369
+
370
+ @media(min-width: 48em) {
371
+ .gov-mega-menu {
372
+ position: absolute;
373
+ top: var(--spacing-5xl);
374
+ left: 0;
375
+ width: 100vw;
376
+ display: grid;
377
+ grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
378
+ gap: var(--templates-margin-m) var(--templates-margin-l);
379
+ background-color: var(--background-block-primary);
380
+ border-bottom-left-radius: var(--corner-radius-m);
381
+ border-bottom-right-radius: var(--corner-radius-m)
382
+ }
383
+
384
+ .gov-mega-menu>li ul {
385
+ padding-left: var(--spacing-2xl);
386
+ padding-right: var(--spacing-m)
387
+ }
388
+
389
+ .gov-mega-menu>li ul>li a {
390
+ min-height: auto
391
+ }
392
+ }
393
+
394
+ @media(min-width: 48em) {
395
+ .gov-deferred-navigation {
396
+ display: flex;
397
+ flex-direction: column;
398
+ gap: var(--spacing-xs);
399
+ padding: var(--spacing-s) var(--spacing-m);
400
+ min-width: 280px;
401
+ background-color: var(--background-page);
402
+ position: absolute;
403
+ top: var(--height-component-l);
404
+ left: 0;
405
+ background-color: var(--background-block-primary);
406
+ border-bottom-left-radius: var(--corner-radius-m);
407
+ border-bottom-right-radius: var(--corner-radius-m)
408
+ }
409
+
410
+ .gov-deferred-navigation li {
411
+ margin-bottom: 0
412
+ }
413
+
414
+ .gov-deferred-navigation li a {
415
+ display: flex;
416
+ align-items: center;
417
+ font-size: var(--font-size-body-s);
418
+ line-height: 150%;
419
+ font-weight: 400;
420
+ min-height: var(--height-2xl);
421
+ padding: var(--spacing-xs) 0 var(--spacing-xs) var(--spacing-xs);
422
+ color: var(--text-secondary);
423
+ text-decoration: none
424
+ }
425
+
426
+ .gov-deferred-navigation li a:hover {
427
+ color: var(--text-primary);
428
+ text-decoration: underline
429
+ }
430
+
431
+ .gov-deferred-navigation>li a {
432
+ min-height: auto;
433
+ display: flex;
434
+ align-items: center;
435
+ height: var(--height-component-l);
436
+ padding: 0 var(--spacing-m-nudge);
437
+ text-decoration: none;
438
+ font-size: var(--font-size-body-l);
439
+ line-height: 150%;
440
+ font-weight: 400;
441
+ font-weight: 500;
442
+ color: var(--text-primary-color);
443
+ white-space: nowrap;
444
+ border-radius: var(--corner-radius-s)
445
+ }
446
+
447
+ .gov-deferred-navigation>li a:hover {
448
+ background-color: var(--button-outlined-primary-hover);
449
+ color: var(--text-primary-color);
450
+ text-decoration: none
451
+ }
452
+
453
+ .gov-deferred-navigation>li a:active {
454
+ background-color: var(--button-outlined-primary-active)
455
+ }
456
+
457
+ .gov-deferred-navigation>li ul {
458
+ display: none
459
+ }
460
+
461
+ .gov-deferred-navigation gov-button,
462
+ .gov-deferred-navigation .gov-button {
463
+ width: 100%;
464
+ max-width: 100%
465
+ }
466
+
467
+ .gov-deferred-navigation gov-button .element,
468
+ .gov-deferred-navigation .gov-button .element {
469
+ width: calc(100% + var(--spacing-m-nudge)*2);
470
+ justify-content: space-between;
471
+ font-weight: 500
472
+ }
473
+
474
+ .gov-deferred-navigation gov-button gov-icon,
475
+ .gov-deferred-navigation gov-button .gov-icon,
476
+ .gov-deferred-navigation .gov-button gov-icon,
477
+ .gov-deferred-navigation .gov-button .gov-icon {
478
+ display: none
479
+ }
480
480
  }