@mozaic-ds/angular 0.23.0-beta → 0.23.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 (329) hide show
  1. package/assets/moz-icons/Logotypes_Payment_BonificoBancario_24px.svg +1 -0
  2. package/assets/moz-icons/Logotypes_Payment_BonificoBancario_32px.svg +1 -0
  3. package/assets/moz-icons/Logotypes_Payment_BonificoBancario_48px.svg +1 -0
  4. package/assets/moz-icons/Logotypes_Payment_BonificoBancario_64px.svg +1 -0
  5. package/assets/moz-icons/Logotypes_Payment_Monochrome_BonificoBancario_24px.svg +1 -0
  6. package/assets/moz-icons/Logotypes_Payment_Monochrome_BonificoBancario_32px.svg +1 -0
  7. package/assets/moz-icons/Logotypes_Payment_Monochrome_BonificoBancario_48px.svg +1 -0
  8. package/assets/moz-icons/Logotypes_Payment_Monochrome_BonificoBancario_64px.svg +1 -0
  9. package/assets/moz-icons/Store_StoreBM_24px.svg +1 -0
  10. package/assets/moz-icons/Store_StoreBM_32px.svg +1 -0
  11. package/assets/moz-icons/Store_StoreBM_48px.svg +1 -0
  12. package/assets/moz-icons/Store_StoreBM_64px.svg +1 -0
  13. package/esm2020/components/checkbox/checkbox.component.mjs +2 -2
  14. package/esm2020/components/dialog/dialog.component.mjs +3 -3
  15. package/esm2020/components/layer/layer.component.mjs +3 -3
  16. package/esm2020/components/notification/notification-footer.mjs +2 -2
  17. package/esm2020/components/notification/notification-message.mjs +2 -2
  18. package/esm2020/components/notification/notification-title.mjs +2 -2
  19. package/esm2020/components/notification/notification.component.mjs +2 -2
  20. package/esm2020/components/pagination/pagination.component.mjs +2 -1
  21. package/esm2020/components/select/select.component.mjs +2 -2
  22. package/esm2020/components/tag/tag.component.mjs +2 -2
  23. package/esm2020/components/text-input/text-input.component.mjs +2 -2
  24. package/esm2020/components/toggle/toggle.component.mjs +2 -2
  25. package/esm2020/components/tooltip/tooltip.component.mjs +2 -2
  26. package/fesm2015/mozaic-ds-angular.mjs +25 -24
  27. package/fesm2015/mozaic-ds-angular.mjs.map +1 -1
  28. package/fesm2020/mozaic-ds-angular.mjs +25 -24
  29. package/fesm2020/mozaic-ds-angular.mjs.map +1 -1
  30. package/package.json +1 -1
  31. package/adeo/README.md +0 -0
  32. package/adeo/assets/special-icons/checkbox-checked-disabled.svg +0 -3
  33. package/adeo/assets/special-icons/checkbox-checked.svg +0 -3
  34. package/adeo/assets/special-icons/checkbox-indeterminate-disabled.svg +0 -3
  35. package/adeo/assets/special-icons/checkbox-indeterminate.svg +0 -3
  36. package/adeo/assets/special-icons/invalid-cross.svg +0 -3
  37. package/adeo/assets/special-icons/layer-cross.svg +0 -3
  38. package/adeo/assets/special-icons/notification-danger-m.svg +0 -4
  39. package/adeo/assets/special-icons/notification-danger-s.svg +0 -4
  40. package/adeo/assets/special-icons/notification-information-m.svg +0 -5
  41. package/adeo/assets/special-icons/notification-information-s.svg +0 -5
  42. package/adeo/assets/special-icons/notification-success-m.svg +0 -4
  43. package/adeo/assets/special-icons/notification-success-s.svg +0 -4
  44. package/adeo/assets/special-icons/notification-warning-m.svg +0 -5
  45. package/adeo/assets/special-icons/notification-warning-s.svg +0 -5
  46. package/adeo/assets/special-icons/remove-tag.svg +0 -3
  47. package/adeo/assets/special-icons/toggle-checked-disabled.svg +0 -3
  48. package/adeo/assets/special-icons/toggle-checked.svg +0 -3
  49. package/adeo/assets/special-icons/toggle-cross-disabled.svg +0 -3
  50. package/adeo/assets/special-icons/toggle-cross.svg +0 -3
  51. package/adeo/assets/special-icons/tooltip-triangle.svg +0 -3
  52. package/adeo/assets/special-icons/valid-check-mark.svg +0 -11
  53. package/adeo/assets/tokens/adeo/android/colors.xml +0 -482
  54. package/adeo/assets/tokens/adeo/android/font_dimens.xml +0 -18
  55. package/adeo/assets/tokens/adeo/css/_variables.scss +0 -626
  56. package/adeo/assets/tokens/adeo/css/root.scss +0 -478
  57. package/adeo/assets/tokens/adeo/ios/StyleDictionaryColor.h +0 -490
  58. package/adeo/assets/tokens/adeo/ios/StyleDictionaryColor.m +0 -502
  59. package/adeo/assets/tokens/adeo/ios/StyleDictionaryColor.swift +0 -485
  60. package/adeo/assets/tokens/adeo/ios/StyleDictionarySize.h +0 -69
  61. package/adeo/assets/tokens/adeo/ios/StyleDictionarySize.m +0 -70
  62. package/adeo/assets/tokens/adeo/ios/StyleDictionarySize.swift +0 -71
  63. package/adeo/assets/tokens/adeo/js/tokens.js +0 -574
  64. package/adeo/assets/tokens/adeo/js/tokensObject.js +0 -9637
  65. package/adeo/assets/tokens/adeo/scss/_tokens.scss +0 -1617
  66. package/adeo/common/global-events/global-events.module.d.ts +0 -6
  67. package/adeo/common/global-events/global-events.service.d.ts +0 -11
  68. package/adeo/common/global-events/public-api.d.ts +0 -2
  69. package/adeo/common/index.d.ts +0 -2
  70. package/adeo/common/utils/boolean-property.d.ts +0 -1
  71. package/adeo/common/utils/generate-id.d.ts +0 -1
  72. package/adeo/common/utils/get-random-number.d.ts +0 -1
  73. package/adeo/common/utils/index.d.ts +0 -4
  74. package/adeo/common/utils/overwrite-style.d.ts +0 -2
  75. package/adeo/common/utils/public-api.d.ts +0 -1
  76. package/adeo/components/badge/badge.component.d.ts +0 -8
  77. package/adeo/components/badge/badge.d.ts +0 -3
  78. package/adeo/components/badge/badge.module.d.ts +0 -8
  79. package/adeo/components/badge/index.d.ts +0 -2
  80. package/adeo/components/button/button.component.d.ts +0 -16
  81. package/adeo/components/button/button.d.ts +0 -7
  82. package/adeo/components/button/button.module.d.ts +0 -8
  83. package/adeo/components/button/index.d.ts +0 -2
  84. package/adeo/components/checkbox/checkbox.component.d.ts +0 -21
  85. package/adeo/components/checkbox/checkbox.module.d.ts +0 -8
  86. package/adeo/components/checkbox/public-api.d.ts +0 -2
  87. package/adeo/components/dialog/classes/dialog-config.d.ts +0 -9
  88. package/adeo/components/dialog/classes/dialog-injector.d.ts +0 -10
  89. package/adeo/components/dialog/classes/dialog-ref.d.ts +0 -25
  90. package/adeo/components/dialog/classes/index.d.ts +0 -3
  91. package/adeo/components/dialog/dialog-animation.d.ts +0 -1
  92. package/adeo/components/dialog/dialog.component.d.ts +0 -23
  93. package/adeo/components/dialog/dialog.module.d.ts +0 -8
  94. package/adeo/components/dialog/dialog.service.d.ts +0 -20
  95. package/adeo/components/dialog/interfaces/dialog-config.d.ts +0 -7
  96. package/adeo/components/dialog/interfaces/dialog-di-params.d.ts +0 -6
  97. package/adeo/components/dialog/interfaces/dialog-ref.d.ts +0 -18
  98. package/adeo/components/dialog/interfaces/index.d.ts +0 -3
  99. package/adeo/components/dialog/public-api.d.ts +0 -5
  100. package/adeo/components/dialog/tokens/dialog-config.token.d.ts +0 -2
  101. package/adeo/components/dialog/tokens/dialog-data.token.d.ts +0 -2
  102. package/adeo/components/dialog/tokens/dialog-ref.token.d.ts +0 -2
  103. package/adeo/components/dialog/tokens/index.d.ts +0 -3
  104. package/adeo/components/field/directives/input-icon.directive.d.ts +0 -7
  105. package/adeo/components/field/field-error.component.d.ts +0 -5
  106. package/adeo/components/field/field.component.d.ts +0 -16
  107. package/adeo/components/field/field.module.d.ts +0 -10
  108. package/adeo/components/field/public-api.d.ts +0 -4
  109. package/adeo/components/icon/icon-size.d.ts +0 -6
  110. package/adeo/components/icon/icon.component.d.ts +0 -15
  111. package/adeo/components/icon/icon.module.d.ts +0 -8
  112. package/adeo/components/icon/icon.service.d.ts +0 -13
  113. package/adeo/components/icon/public-api.d.ts +0 -3
  114. package/adeo/components/layer/classes/layer-injector.d.ts +0 -10
  115. package/adeo/components/layer/classes/layer-ref.d.ts +0 -21
  116. package/adeo/components/layer/interfaces/index.d.ts +0 -3
  117. package/adeo/components/layer/interfaces/layer-config.d.ts +0 -4
  118. package/adeo/components/layer/interfaces/layer-di-params.d.ts +0 -6
  119. package/adeo/components/layer/interfaces/layer-ref.d.ts +0 -15
  120. package/adeo/components/layer/layer-animation.d.ts +0 -1
  121. package/adeo/components/layer/layer.component.d.ts +0 -19
  122. package/adeo/components/layer/layer.module.d.ts +0 -9
  123. package/adeo/components/layer/layer.service.d.ts +0 -19
  124. package/adeo/components/layer/public-api.d.ts +0 -5
  125. package/adeo/components/layer/tokens/index.d.ts +0 -3
  126. package/adeo/components/layer/tokens/layer-config.token.d.ts +0 -2
  127. package/adeo/components/layer/tokens/layer-data.token.d.ts +0 -2
  128. package/adeo/components/layer/tokens/layer-ref.token.d.ts +0 -2
  129. package/adeo/components/loader/loader.component.d.ts +0 -25
  130. package/adeo/components/loader/loader.d.ts +0 -16
  131. package/adeo/components/loader/loader.module.d.ts +0 -8
  132. package/adeo/components/loader/loader.service.d.ts +0 -18
  133. package/adeo/components/loader/public-api.d.ts +0 -3
  134. package/adeo/components/notification/notification-animation.d.ts +0 -1
  135. package/adeo/components/notification/notification-container.component.d.ts +0 -12
  136. package/adeo/components/notification/notification-footer.d.ts +0 -5
  137. package/adeo/components/notification/notification-message.d.ts +0 -5
  138. package/adeo/components/notification/notification-title.d.ts +0 -5
  139. package/adeo/components/notification/notification.component.d.ts +0 -9
  140. package/adeo/components/notification/notification.d.ts +0 -15
  141. package/adeo/components/notification/notification.module.d.ts +0 -15
  142. package/adeo/components/notification/notification.service.d.ts +0 -16
  143. package/adeo/components/notification/public-api.d.ts +0 -8
  144. package/adeo/components/pagination/pagination.component.d.ts +0 -46
  145. package/adeo/components/pagination/pagination.d.ts +0 -7
  146. package/adeo/components/pagination/pagination.module.d.ts +0 -13
  147. package/adeo/components/pagination/public-api.d.ts +0 -2
  148. package/adeo/components/progress-bar/progress-bar-size.d.ts +0 -1
  149. package/adeo/components/progress-bar/progress-bar-theme.d.ts +0 -1
  150. package/adeo/components/progress-bar/progress-bar.component.d.ts +0 -15
  151. package/adeo/components/progress-bar/progress-bar.module.d.ts +0 -8
  152. package/adeo/components/progress-bar/public-api.d.ts +0 -2
  153. package/adeo/components/public-api.d.ts +0 -19
  154. package/adeo/components/select/public-api.d.ts +0 -2
  155. package/adeo/components/select/select-size.d.ts +0 -5
  156. package/adeo/components/select/select.component.d.ts +0 -8
  157. package/adeo/components/select/select.module.d.ts +0 -8
  158. package/adeo/components/stepper/public-api.d.ts +0 -3
  159. package/adeo/components/stepper/step-state.d.ts +0 -1
  160. package/adeo/components/stepper/step.component.d.ts +0 -20
  161. package/adeo/components/stepper/stepper.component.d.ts +0 -20
  162. package/adeo/components/stepper/stepper.module.d.ts +0 -10
  163. package/adeo/components/tabs/public-api.d.ts +0 -3
  164. package/adeo/components/tabs/tab-selectors.d.ts +0 -2
  165. package/adeo/components/tabs/tab.component.d.ts +0 -16
  166. package/adeo/components/tabs/tabs.component.d.ts +0 -36
  167. package/adeo/components/tabs/tabs.module.d.ts +0 -9
  168. package/adeo/components/tag/public-api.d.ts +0 -2
  169. package/adeo/components/tag/tag-type.d.ts +0 -1
  170. package/adeo/components/tag/tag.component.d.ts +0 -23
  171. package/adeo/components/tag/tag.module.d.ts +0 -9
  172. package/adeo/components/text-area/public-api.d.ts +0 -2
  173. package/adeo/components/text-area/text-area.component.d.ts +0 -12
  174. package/adeo/components/text-area/text-area.module.d.ts +0 -7
  175. package/adeo/components/text-input/public-api.d.ts +0 -2
  176. package/adeo/components/text-input/text-input.component.d.ts +0 -21
  177. package/adeo/components/text-input/text-input.d.ts +0 -1
  178. package/adeo/components/text-input/text-input.module.d.ts +0 -10
  179. package/adeo/components/toggle/public-api.d.ts +0 -2
  180. package/adeo/components/toggle/toggle-size.d.ts +0 -1
  181. package/adeo/components/toggle/toggle.component.d.ts +0 -22
  182. package/adeo/components/toggle/toggle.module.d.ts +0 -8
  183. package/adeo/components/tooltip/public-api.d.ts +0 -2
  184. package/adeo/components/tooltip/tooltip-position.d.ts +0 -1
  185. package/adeo/components/tooltip/tooltip.component.d.ts +0 -11
  186. package/adeo/components/tooltip/tooltip.module.d.ts +0 -8
  187. package/adeo/esm2020/common/global-events/global-events.module.mjs +0 -15
  188. package/adeo/esm2020/common/global-events/global-events.service.mjs +0 -30
  189. package/adeo/esm2020/common/global-events/public-api.mjs +0 -3
  190. package/adeo/esm2020/common/index.mjs +0 -3
  191. package/adeo/esm2020/common/utils/boolean-property.mjs +0 -4
  192. package/adeo/esm2020/common/utils/generate-id.mjs +0 -7
  193. package/adeo/esm2020/common/utils/get-random-number.mjs +0 -6
  194. package/adeo/esm2020/common/utils/index.mjs +0 -5
  195. package/adeo/esm2020/common/utils/overwrite-style.mjs +0 -5
  196. package/adeo/esm2020/common/utils/public-api.mjs +0 -2
  197. package/adeo/esm2020/components/badge/badge.component.mjs +0 -30
  198. package/adeo/esm2020/components/badge/badge.mjs +0 -2
  199. package/adeo/esm2020/components/badge/badge.module.mjs +0 -18
  200. package/adeo/esm2020/components/badge/index.mjs +0 -3
  201. package/adeo/esm2020/components/button/button.component.mjs +0 -53
  202. package/adeo/esm2020/components/button/button.mjs +0 -2
  203. package/adeo/esm2020/components/button/button.module.mjs +0 -18
  204. package/adeo/esm2020/components/button/index.mjs +0 -3
  205. package/adeo/esm2020/components/checkbox/checkbox.component.mjs +0 -58
  206. package/adeo/esm2020/components/checkbox/checkbox.module.mjs +0 -21
  207. package/adeo/esm2020/components/checkbox/public-api.mjs +0 -3
  208. package/adeo/esm2020/components/dialog/classes/dialog-config.mjs +0 -9
  209. package/adeo/esm2020/components/dialog/classes/dialog-injector.mjs +0 -22
  210. package/adeo/esm2020/components/dialog/classes/dialog-ref.mjs +0 -49
  211. package/adeo/esm2020/components/dialog/classes/index.mjs +0 -4
  212. package/adeo/esm2020/components/dialog/dialog-animation.mjs +0 -18
  213. package/adeo/esm2020/components/dialog/dialog.component.mjs +0 -57
  214. package/adeo/esm2020/components/dialog/dialog.module.mjs +0 -20
  215. package/adeo/esm2020/components/dialog/dialog.service.mjs +0 -67
  216. package/adeo/esm2020/components/dialog/interfaces/dialog-config.mjs +0 -2
  217. package/adeo/esm2020/components/dialog/interfaces/dialog-di-params.mjs +0 -2
  218. package/adeo/esm2020/components/dialog/interfaces/dialog-ref.mjs +0 -2
  219. package/adeo/esm2020/components/dialog/interfaces/index.mjs +0 -4
  220. package/adeo/esm2020/components/dialog/public-api.mjs +0 -6
  221. package/adeo/esm2020/components/dialog/tokens/dialog-config.token.mjs +0 -3
  222. package/adeo/esm2020/components/dialog/tokens/dialog-data.token.mjs +0 -3
  223. package/adeo/esm2020/components/dialog/tokens/dialog-ref.token.mjs +0 -3
  224. package/adeo/esm2020/components/dialog/tokens/index.mjs +0 -4
  225. package/adeo/esm2020/components/field/directives/input-icon.directive.mjs +0 -15
  226. package/adeo/esm2020/components/field/field-error.component.mjs +0 -13
  227. package/adeo/esm2020/components/field/field.component.mjs +0 -40
  228. package/adeo/esm2020/components/field/field.module.mjs +0 -20
  229. package/adeo/esm2020/components/field/public-api.mjs +0 -5
  230. package/adeo/esm2020/components/icon/icon-size.mjs +0 -8
  231. package/adeo/esm2020/components/icon/icon.component.mjs +0 -49
  232. package/adeo/esm2020/components/icon/icon.module.mjs +0 -18
  233. package/adeo/esm2020/components/icon/icon.service.mjs +0 -42
  234. package/adeo/esm2020/components/icon/public-api.mjs +0 -4
  235. package/adeo/esm2020/components/layer/classes/layer-injector.mjs +0 -22
  236. package/adeo/esm2020/components/layer/classes/layer-ref.mjs +0 -38
  237. package/adeo/esm2020/components/layer/interfaces/index.mjs +0 -4
  238. package/adeo/esm2020/components/layer/interfaces/layer-config.mjs +0 -2
  239. package/adeo/esm2020/components/layer/interfaces/layer-di-params.mjs +0 -2
  240. package/adeo/esm2020/components/layer/interfaces/layer-ref.mjs +0 -2
  241. package/adeo/esm2020/components/layer/layer-animation.mjs +0 -18
  242. package/adeo/esm2020/components/layer/layer.component.mjs +0 -40
  243. package/adeo/esm2020/components/layer/layer.module.mjs +0 -21
  244. package/adeo/esm2020/components/layer/layer.service.mjs +0 -56
  245. package/adeo/esm2020/components/layer/public-api.mjs +0 -6
  246. package/adeo/esm2020/components/layer/tokens/index.mjs +0 -4
  247. package/adeo/esm2020/components/layer/tokens/layer-config.token.mjs +0 -3
  248. package/adeo/esm2020/components/layer/tokens/layer-data.token.mjs +0 -3
  249. package/adeo/esm2020/components/layer/tokens/layer-ref.token.mjs +0 -3
  250. package/adeo/esm2020/components/loader/loader.component.mjs +0 -47
  251. package/adeo/esm2020/components/loader/loader.mjs +0 -11
  252. package/adeo/esm2020/components/loader/loader.module.mjs +0 -20
  253. package/adeo/esm2020/components/loader/loader.service.mjs +0 -53
  254. package/adeo/esm2020/components/loader/public-api.mjs +0 -4
  255. package/adeo/esm2020/components/notification/notification-animation.mjs +0 -21
  256. package/adeo/esm2020/components/notification/notification-container.component.mjs +0 -38
  257. package/adeo/esm2020/components/notification/notification-footer.mjs +0 -11
  258. package/adeo/esm2020/components/notification/notification-message.mjs +0 -11
  259. package/adeo/esm2020/components/notification/notification-title.mjs +0 -11
  260. package/adeo/esm2020/components/notification/notification.component.mjs +0 -29
  261. package/adeo/esm2020/components/notification/notification.mjs +0 -8
  262. package/adeo/esm2020/components/notification/notification.module.mjs +0 -66
  263. package/adeo/esm2020/components/notification/notification.service.mjs +0 -40
  264. package/adeo/esm2020/components/notification/public-api.mjs +0 -9
  265. package/adeo/esm2020/components/pagination/pagination.component.mjs +0 -133
  266. package/adeo/esm2020/components/pagination/pagination.mjs +0 -4
  267. package/adeo/esm2020/components/pagination/pagination.module.mjs +0 -23
  268. package/adeo/esm2020/components/pagination/public-api.mjs +0 -3
  269. package/adeo/esm2020/components/progress-bar/progress-bar-size.mjs +0 -2
  270. package/adeo/esm2020/components/progress-bar/progress-bar-theme.mjs +0 -2
  271. package/adeo/esm2020/components/progress-bar/progress-bar.component.mjs +0 -38
  272. package/adeo/esm2020/components/progress-bar/progress-bar.module.mjs +0 -18
  273. package/adeo/esm2020/components/progress-bar/public-api.mjs +0 -3
  274. package/adeo/esm2020/components/public-api.mjs +0 -20
  275. package/adeo/esm2020/components/select/public-api.mjs +0 -3
  276. package/adeo/esm2020/components/select/select-size.mjs +0 -6
  277. package/adeo/esm2020/components/select/select.component.mjs +0 -25
  278. package/adeo/esm2020/components/select/select.module.mjs +0 -18
  279. package/adeo/esm2020/components/stepper/public-api.mjs +0 -4
  280. package/adeo/esm2020/components/stepper/step-state.mjs +0 -2
  281. package/adeo/esm2020/components/stepper/step.component.mjs +0 -51
  282. package/adeo/esm2020/components/stepper/stepper.component.mjs +0 -79
  283. package/adeo/esm2020/components/stepper/stepper.module.mjs +0 -20
  284. package/adeo/esm2020/components/tabs/public-api.mjs +0 -4
  285. package/adeo/esm2020/components/tabs/tab-selectors.mjs +0 -3
  286. package/adeo/esm2020/components/tabs/tab.component.mjs +0 -53
  287. package/adeo/esm2020/components/tabs/tabs.component.mjs +0 -126
  288. package/adeo/esm2020/components/tabs/tabs.module.mjs +0 -19
  289. package/adeo/esm2020/components/tag/public-api.mjs +0 -3
  290. package/adeo/esm2020/components/tag/tag-type.mjs +0 -2
  291. package/adeo/esm2020/components/tag/tag.component.mjs +0 -61
  292. package/adeo/esm2020/components/tag/tag.module.mjs +0 -19
  293. package/adeo/esm2020/components/text-area/public-api.mjs +0 -3
  294. package/adeo/esm2020/components/text-area/text-area.component.mjs +0 -43
  295. package/adeo/esm2020/components/text-area/text-area.module.mjs +0 -16
  296. package/adeo/esm2020/components/text-input/public-api.mjs +0 -3
  297. package/adeo/esm2020/components/text-input/text-input.component.mjs +0 -64
  298. package/adeo/esm2020/components/text-input/text-input.mjs +0 -2
  299. package/adeo/esm2020/components/text-input/text-input.module.mjs +0 -20
  300. package/adeo/esm2020/components/toggle/public-api.mjs +0 -3
  301. package/adeo/esm2020/components/toggle/toggle-size.mjs +0 -2
  302. package/adeo/esm2020/components/toggle/toggle.component.mjs +0 -59
  303. package/adeo/esm2020/components/toggle/toggle.module.mjs +0 -18
  304. package/adeo/esm2020/components/tooltip/public-api.mjs +0 -3
  305. package/adeo/esm2020/components/tooltip/tooltip-position.mjs +0 -2
  306. package/adeo/esm2020/components/tooltip/tooltip.component.mjs +0 -32
  307. package/adeo/esm2020/components/tooltip/tooltip.module.mjs +0 -18
  308. package/adeo/esm2020/mozaic-ds-angular.mjs +0 -5
  309. package/adeo/esm2020/public-api.mjs +0 -3
  310. package/adeo/fesm2015/mozaic-ds-angular.mjs +0 -2052
  311. package/adeo/fesm2015/mozaic-ds-angular.mjs.map +0 -1
  312. package/adeo/fesm2020/mozaic-ds-angular.mjs +0 -2025
  313. package/adeo/fesm2020/mozaic-ds-angular.mjs.map +0 -1
  314. package/adeo/index.d.ts +0 -5
  315. package/adeo/package.json +0 -31
  316. package/adeo/public-api.d.ts +0 -2
  317. package/assets/tokens/adeo/android/colors.xml +0 -482
  318. package/assets/tokens/adeo/android/font_dimens.xml +0 -18
  319. package/assets/tokens/adeo/css/_variables.scss +0 -626
  320. package/assets/tokens/adeo/css/root.scss +0 -478
  321. package/assets/tokens/adeo/ios/StyleDictionaryColor.h +0 -490
  322. package/assets/tokens/adeo/ios/StyleDictionaryColor.m +0 -502
  323. package/assets/tokens/adeo/ios/StyleDictionaryColor.swift +0 -485
  324. package/assets/tokens/adeo/ios/StyleDictionarySize.h +0 -69
  325. package/assets/tokens/adeo/ios/StyleDictionarySize.m +0 -70
  326. package/assets/tokens/adeo/ios/StyleDictionarySize.swift +0 -71
  327. package/assets/tokens/adeo/js/tokens.js +0 -574
  328. package/assets/tokens/adeo/js/tokensObject.js +0 -9637
  329. package/assets/tokens/adeo/scss/_tokens.scss +0 -1617
@@ -1,2025 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { Component, ChangeDetectionStrategy, ViewEncapsulation, HostBinding, Input, NgModule, Injectable, forwardRef, InjectionToken, ViewContainerRef, Inject, ViewChild, Directive, ContentChildren, Host, ElementRef, Optional, EventEmitter, Output } from '@angular/core';
3
- import * as i1 from '@angular/common';
4
- import { CommonModule, DOCUMENT } from '@angular/common';
5
- import * as i3 from '@angular/forms';
6
- import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
7
- import { fromEvent, shareReplay, BehaviorSubject, Subject, startWith, map, of, tap, catchError, throwError, finalize, first, debounceTime, filter, switchMap, takeUntil, merge, combineLatest, delay as delay$1 } from 'rxjs';
8
- import { trigger, transition, group, query, style, animate } from '@angular/animations';
9
- import { delay } from 'rxjs/operators';
10
- import * as i1$1 from '@angular/common/http';
11
- import * as i1$2 from '@angular/router';
12
- import { RouterLinkActive, RouterLinkWithHref, NavigationEnd } from '@angular/router';
13
-
14
- function castBooleanProperty(value) {
15
- return `${value}` !== 'false' && value != null;
16
- }
17
-
18
- const generateId = () => {
19
- const generateParts = () => Math.floor((1 + Math.random()) * 0x10000)
20
- .toString(16)
21
- .substring(1);
22
- return generateParts() + '-' + generateParts();
23
- };
24
-
25
- const getRandomNumber = (min, max) => {
26
- const minN = Math.ceil(min);
27
- const maxN = Math.floor(max);
28
- return Math.floor(Math.random() * (maxN - minN)) + minN;
29
- };
30
-
31
- const overwriteStyle = ({ nativeElement }, oldClassName, newClassName) => {
32
- nativeElement.classList.remove(oldClassName);
33
- nativeElement.classList.add(newClassName);
34
- };
35
-
36
- const BADGE_TYPE = ['information', 'success', 'warning', 'danger', 'neutral'];
37
-
38
- class BadgeComponent {
39
- constructor() {
40
- this.badgeClasses = `mc-badge mc-badge--information`;
41
- }
42
- set type(type) {
43
- if (!this.validateType(type))
44
- return;
45
- this.badgeClasses = `mc-badge mc-badge--${type}`;
46
- }
47
- validateType(type) {
48
- if (typeof type !== 'string')
49
- return false;
50
- return BADGE_TYPE.includes(type);
51
- }
52
- }
53
- BadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
54
- BadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: BadgeComponent, selector: "[moz-badge]", inputs: { type: "type" }, host: { properties: { "class": "this.badgeClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".mc-badge{border-radius:4px;border:1px solid transparent;display:inline-block;padding:.125rem .4375rem;text-transform:lowercase;white-space:nowrap;font-family:Roboto,sans-serif;font-weight:700;font-size:.875rem;line-height:1.2857142857;background-color:#daeff7;border-color:#0b96cc;color:#005c91}.mc-badge:first-letter{text-transform:uppercase}.mc-badge--success{background-color:#ebf5de;border-color:#46a610;color:#006902}.mc-badge--warning{background-color:#fdf1e8;border-color:#ea7315;color:#8c3500}.mc-badge--danger{background-color:#fdeaea;border-color:#ea302d;color:#8c0003}.mc-badge--neutral{background-color:#e6e6e6;border-color:gray;color:#4d4d4d}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
55
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BadgeComponent, decorators: [{
56
- type: Component,
57
- args: [{ selector: '[moz-badge]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".mc-badge{border-radius:4px;border:1px solid transparent;display:inline-block;padding:.125rem .4375rem;text-transform:lowercase;white-space:nowrap;font-family:Roboto,sans-serif;font-weight:700;font-size:.875rem;line-height:1.2857142857;background-color:#daeff7;border-color:#0b96cc;color:#005c91}.mc-badge:first-letter{text-transform:uppercase}.mc-badge--success{background-color:#ebf5de;border-color:#46a610;color:#006902}.mc-badge--warning{background-color:#fdf1e8;border-color:#ea7315;color:#8c3500}.mc-badge--danger{background-color:#fdeaea;border-color:#ea302d;color:#8c0003}.mc-badge--neutral{background-color:#e6e6e6;border-color:gray;color:#4d4d4d}\n"] }]
58
- }], propDecorators: { badgeClasses: [{
59
- type: HostBinding,
60
- args: ['class']
61
- }], type: [{
62
- type: Input
63
- }] } });
64
-
65
- class BadgeModule {
66
- }
67
- BadgeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
68
- BadgeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: BadgeModule, declarations: [BadgeComponent], imports: [CommonModule], exports: [BadgeComponent] });
69
- BadgeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BadgeModule, imports: [CommonModule] });
70
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: BadgeModule, decorators: [{
71
- type: NgModule,
72
- args: [{
73
- declarations: [BadgeComponent],
74
- imports: [CommonModule],
75
- exports: [BadgeComponent],
76
- }]
77
- }] });
78
-
79
- class ButtonComponent {
80
- constructor() {
81
- this.iconPosition = 'left';
82
- this.onlyIcon = false;
83
- this.theme = 'primary';
84
- this.variation = 'solid';
85
- this.widthBehavior = 'fit';
86
- this.size = 'm';
87
- }
88
- get iconPositionIsRight() {
89
- return this.iconPosition === 'right';
90
- }
91
- get viewContent() {
92
- return !this.onlyIcon;
93
- }
94
- generateThemeCssClassName(variation, theme) {
95
- const themePart = theme === 'primary' ? '' : `-${theme}`;
96
- return `mc-button--${variation}${themePart}`;
97
- }
98
- get hostCssClasses() {
99
- const squareClass = this.onlyIcon ? 'mc-button--square' : '';
100
- const iconPositionIsRightClass = this.iconPositionIsRight ? 'icon-right-position' : '';
101
- const themeClass = this.generateThemeCssClassName(this.variation, this.theme);
102
- const widthBehaviorClass = `mc-button--${this.widthBehavior}`;
103
- const sizeClass = `mc-button--${this.size}`;
104
- return `mc-button ${squareClass} ${iconPositionIsRightClass} ${themeClass} ${sizeClass} ${widthBehaviorClass}`;
105
- }
106
- }
107
- ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
108
- ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ButtonComponent, selector: "button[moz-button]", inputs: { iconPosition: "iconPosition", onlyIcon: "onlyIcon", theme: "theme", variation: "variation", widthBehavior: "widthBehavior", size: "size" }, host: { properties: { "class": "this.hostCssClasses" } }, ngImport: i0, template: "<ng-content select=\"moz-icon\"></ng-content>\n<div class=\"content\" *ngIf=\"viewContent\"><ng-content></ng-content></div>\n", styles: [".mc-button{margin:0;box-shadow:none;text-decoration:none;outline:none;border:none;padding:0;color:#fff;background-color:#007f8c;font-family:Roboto,sans-serif;font-weight:700;font-size:1rem;line-height:1.375;padding:.6875rem 1.5rem;min-height:3rem;min-width:3rem;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;transition:all ease .2s;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;align-items:stretch;box-sizing:border-box;fill:currentColor}.mc-button:hover{background-color:#006974;color:#fff}.mc-button:active{background-color:#006974}.mc-button:disabled,.mc-button.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button .mc-button__icon:first-child,.mc-button .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992}.mc-button--s{font-size:.875rem;line-height:1.2857142857;padding:.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s .mc-button__icon:first-child,.mc-button--s .mc-button__icon:last-child{margin-bottom:-.1875rem;margin-top:-.1875rem}.mc-button--s .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}@media screen and (min-width: 680px){.mc-button--s\\@from-m{font-size:.875rem;line-height:1.2857142857;padding:.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-m .mc-button__icon:first-child,.mc-button--s\\@from-m .mc-button__icon:last-child{margin-bottom:-.1875rem;margin-top:-.1875rem}.mc-button--s\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}}@media screen and (min-width: 1024px){.mc-button--s\\@from-l{font-size:.875rem;line-height:1.2857142857;padding:.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-l .mc-button__icon:first-child,.mc-button--s\\@from-l .mc-button__icon:last-child{margin-bottom:-.1875rem;margin-top:-.1875rem}.mc-button--s\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}}@media screen and (min-width: 1280px){.mc-button--s\\@from-xl{font-size:.875rem;line-height:1.2857142857;padding:.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xl .mc-button__icon:first-child,.mc-button--s\\@from-xl .mc-button__icon:last-child{margin-bottom:-.1875rem;margin-top:-.1875rem}.mc-button--s\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}}@media screen and (min-width: 1920px){.mc-button--s\\@from-xxl{font-size:.875rem;line-height:1.2857142857;padding:.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xxl .mc-button__icon:first-child,.mc-button--s\\@from-xxl .mc-button__icon:last-child{margin-bottom:-.1875rem;margin-top:-.1875rem}.mc-button--s\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}}.mc-button--m{font-size:1rem;line-height:1.375;padding:.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m .mc-button__icon:first-child,.mc-button--m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}@media screen and (min-width: 680px){.mc-button--m\\@from-m{font-size:1rem;line-height:1.375;padding:.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-m .mc-button__icon:first-child,.mc-button--m\\@from-m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}@media screen and (min-width: 1024px){.mc-button--m\\@from-l{font-size:1rem;line-height:1.375;padding:.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-l .mc-button__icon:first-child,.mc-button--m\\@from-l .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}@media screen and (min-width: 1280px){.mc-button--m\\@from-xl{font-size:1rem;line-height:1.375;padding:.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl .mc-button__icon:first-child,.mc-button--m\\@from-xl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}@media screen and (min-width: 1920px){.mc-button--m\\@from-xxl{font-size:1rem;line-height:1.375;padding:.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl .mc-button__icon:first-child,.mc-button--m\\@from-xxl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}.mc-button--l{font-size:1.125rem;line-height:1.3333333333;padding:.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l .mc-button__icon{width:2rem;height:2rem}.mc-button--l .mc-button__icon:first-child,.mc-button--l .mc-button__icon:last-child{margin-bottom:-.25rem;margin-top:-.25rem}.mc-button--l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}@media screen and (min-width: 680px){.mc-button--l\\@from-m{font-size:1.125rem;line-height:1.3333333333;padding:.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-m .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-m .mc-button__icon:first-child,.mc-button--l\\@from-m .mc-button__icon:last-child{margin-bottom:-.25rem;margin-top:-.25rem}.mc-button--l\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}@media screen and (min-width: 1024px){.mc-button--l\\@from-l{font-size:1.125rem;line-height:1.3333333333;padding:.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-l .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-l .mc-button__icon:first-child,.mc-button--l\\@from-l .mc-button__icon:last-child{margin-bottom:-.25rem;margin-top:-.25rem}.mc-button--l\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}@media screen and (min-width: 1280px){.mc-button--l\\@from-xl{font-size:1.125rem;line-height:1.3333333333;padding:.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xl .mc-button__icon:first-child,.mc-button--l\\@from-xl .mc-button__icon:last-child{margin-bottom:-.25rem;margin-top:-.25rem}.mc-button--l\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}@media screen and (min-width: 1920px){.mc-button--l\\@from-xxl{font-size:1.125rem;line-height:1.3333333333;padding:.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xxl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xxl .mc-button__icon:first-child,.mc-button--l\\@from-xxl .mc-button__icon:last-child{margin-bottom:-.25rem;margin-top:-.25rem}.mc-button--l\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}.mc-button--fit{display:inline-flex;width:auto}@media screen and (min-width: 680px){.mc-button--fit\\@from-m{display:inline-flex;width:auto}}@media screen and (min-width: 1024px){.mc-button--fit\\@from-l{display:inline-flex;width:auto}}@media screen and (min-width: 1280px){.mc-button--fit\\@from-xl{display:inline-flex;width:auto}}@media screen and (min-width: 1920px){.mc-button--fit\\@from-xxl{display:inline-flex;width:auto}}.mc-button--full{display:flex;width:100%}@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)){.mc-button--full{width:-webkit-fill-available;width:-moz-available;width:stretch}}@media screen and (min-width: 680px){.mc-button--full\\@from-m{display:flex;width:100%}@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)){.mc-button--full\\@from-m{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1024px){.mc-button--full\\@from-l{display:flex;width:100%}@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)){.mc-button--full\\@from-l{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1280px){.mc-button--full\\@from-xl{display:flex;width:100%}@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)){.mc-button--full\\@from-xl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1920px){.mc-button--full\\@from-xxl{display:flex;width:100%}@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)){.mc-button--full\\@from-xxl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}.mc-button--square{align-items:center;height:0;padding:0}@media screen and (min-width: 1024px){.mc-button--square{padding:0}}.mc-button__icon{flex-shrink:0}.mc-button__icon:last-child{margin-left:.5rem;margin-right:-.25rem}.mc-button__icon:first-child{margin-right:.5rem;margin-left:-.25rem}.mc-button__icon:only-child{margin:0}.mc-button__label{align-items:center;display:flex;pointer-events:none}a.mc-button:disabled,a.mc-button.is-disabled{pointer-events:none}.mc-button--solid-primary-02{background-color:#6a7081}.mc-button--solid-primary-02:hover{background-color:#242938}.mc-button--solid-primary-02:active{background-color:#171b26}.mc-button--solid-primary-02:disabled,.mc-button--solid-primary-02.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button--solid-neutral{background-color:#333}.mc-button--solid-neutral:hover{background-color:#191919}.mc-button--solid-neutral:active{background-color:#333}.mc-button--solid-neutral:disabled,.mc-button--solid-neutral.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button--solid-danger{background-color:#c61112}.mc-button--solid-danger:hover,.mc-button--solid-danger:active{background-color:#8c0003}.mc-button--solid-danger:disabled,.mc-button--solid-danger.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button--bordered{color:#007f8c;border-color:#007f8c;background-color:#fff}.mc-button--bordered:hover{background-color:#d9f0f3;color:#006974}.mc-button--bordered:active{background-color:#91d5db;color:#004e57}.mc-button--bordered:disabled,.mc-button--bordered.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button--bordered-primary-02{color:#6a7081;border-color:#6a7081;background-color:#fff}.mc-button--bordered-primary-02:hover{background-color:#eeeff1;color:#6a7081}.mc-button--bordered-primary-02:active{background-color:#cfd2d8}.mc-button--bordered-primary-02:disabled,.mc-button--bordered-primary-02.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button--bordered-neutral{color:#333;border-color:#333;background-color:#fff}.mc-button--bordered-neutral:hover{background-color:#e6e6e6;color:#333}.mc-button--bordered-neutral:active{background-color:#ccc}.mc-button--bordered-neutral:disabled,.mc-button--bordered-neutral.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button--bordered-danger{color:#c61112;border-color:#c61112;background-color:#fff}.mc-button--bordered-danger:hover{background-color:#fdeaea;color:#8c0003}.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:disabled,.mc-button--bordered-danger.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button{align-items:center;gap:.5rem}.icon-right-position{flex-direction:row-reverse}.mc-button--s{height:2rem}.mc-button--m{height:3rem}.mc-button--l{height:3.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
109
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ButtonComponent, decorators: [{
110
- type: Component,
111
- args: [{ selector: 'button[moz-button]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"moz-icon\"></ng-content>\n<div class=\"content\" *ngIf=\"viewContent\"><ng-content></ng-content></div>\n", styles: [".mc-button{margin:0;box-shadow:none;text-decoration:none;outline:none;border:none;padding:0;color:#fff;background-color:#007f8c;font-family:Roboto,sans-serif;font-weight:700;font-size:1rem;line-height:1.375;padding:.6875rem 1.5rem;min-height:3rem;min-width:3rem;cursor:pointer;border-radius:4px;text-align:center;border:2px solid transparent;transition:all ease .2s;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;align-items:stretch;box-sizing:border-box;fill:currentColor}.mc-button:hover{background-color:#006974;color:#fff}.mc-button:active{background-color:#006974}.mc-button:disabled,.mc-button.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button .mc-button__icon:first-child,.mc-button .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}.mc-button:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992}.mc-button--s{font-size:.875rem;line-height:1.2857142857;padding:.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s .mc-button__icon:first-child,.mc-button--s .mc-button__icon:last-child{margin-bottom:-.1875rem;margin-top:-.1875rem}.mc-button--s .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}@media screen and (min-width: 680px){.mc-button--s\\@from-m{font-size:.875rem;line-height:1.2857142857;padding:.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-m .mc-button__icon:first-child,.mc-button--s\\@from-m .mc-button__icon:last-child{margin-bottom:-.1875rem;margin-top:-.1875rem}.mc-button--s\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}}@media screen and (min-width: 1024px){.mc-button--s\\@from-l{font-size:.875rem;line-height:1.2857142857;padding:.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-l .mc-button__icon:first-child,.mc-button--s\\@from-l .mc-button__icon:last-child{margin-bottom:-.1875rem;margin-top:-.1875rem}.mc-button--s\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}}@media screen and (min-width: 1280px){.mc-button--s\\@from-xl{font-size:.875rem;line-height:1.2857142857;padding:.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xl .mc-button__icon:first-child,.mc-button--s\\@from-xl .mc-button__icon:last-child{margin-bottom:-.1875rem;margin-top:-.1875rem}.mc-button--s\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}}@media screen and (min-width: 1920px){.mc-button--s\\@from-xxl{font-size:.875rem;line-height:1.2857142857;padding:.3125rem 1rem;min-height:2rem;min-width:2rem}.mc-button--s\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--s\\@from-xxl .mc-button__icon:first-child,.mc-button--s\\@from-xxl .mc-button__icon:last-child{margin-bottom:-.1875rem;margin-top:-.1875rem}.mc-button--s\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:1.5rem;height:1.5rem}}.mc-button--m{font-size:1rem;line-height:1.375;padding:.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m .mc-button__icon:first-child,.mc-button--m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}@media screen and (min-width: 680px){.mc-button--m\\@from-m{font-size:1rem;line-height:1.375;padding:.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-m .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-m .mc-button__icon:first-child,.mc-button--m\\@from-m .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}@media screen and (min-width: 1024px){.mc-button--m\\@from-l{font-size:1rem;line-height:1.375;padding:.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-l .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-l .mc-button__icon:first-child,.mc-button--m\\@from-l .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}@media screen and (min-width: 1280px){.mc-button--m\\@from-xl{font-size:1rem;line-height:1.375;padding:.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xl .mc-button__icon:first-child,.mc-button--m\\@from-xl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}@media screen and (min-width: 1920px){.mc-button--m\\@from-xxl{font-size:1rem;line-height:1.375;padding:.6875rem 1.5rem;min-height:3rem;min-width:3rem}.mc-button--m\\@from-xxl .mc-button__icon{width:1.5rem;height:1.5rem}.mc-button--m\\@from-xxl .mc-button__icon:first-child,.mc-button--m\\@from-xxl .mc-button__icon:last-child{margin-bottom:-1px;margin-top:-1px}.mc-button--m\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}.mc-button--l{font-size:1.125rem;line-height:1.3333333333;padding:.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l .mc-button__icon{width:2rem;height:2rem}.mc-button--l .mc-button__icon:first-child,.mc-button--l .mc-button__icon:last-child{margin-bottom:-.25rem;margin-top:-.25rem}.mc-button--l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}@media screen and (min-width: 680px){.mc-button--l\\@from-m{font-size:1.125rem;line-height:1.3333333333;padding:.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-m .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-m .mc-button__icon:first-child,.mc-button--l\\@from-m .mc-button__icon:last-child{margin-bottom:-.25rem;margin-top:-.25rem}.mc-button--l\\@from-m .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}@media screen and (min-width: 1024px){.mc-button--l\\@from-l{font-size:1.125rem;line-height:1.3333333333;padding:.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-l .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-l .mc-button__icon:first-child,.mc-button--l\\@from-l .mc-button__icon:last-child{margin-bottom:-.25rem;margin-top:-.25rem}.mc-button--l\\@from-l .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}@media screen and (min-width: 1280px){.mc-button--l\\@from-xl{font-size:1.125rem;line-height:1.3333333333;padding:.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xl .mc-button__icon:first-child,.mc-button--l\\@from-xl .mc-button__icon:last-child{margin-bottom:-.25rem;margin-top:-.25rem}.mc-button--l\\@from-xl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}@media screen and (min-width: 1920px){.mc-button--l\\@from-xxl{font-size:1.125rem;line-height:1.3333333333;padding:.875rem 1.5rem;min-height:3.5rem;min-width:3.5rem}.mc-button--l\\@from-xxl .mc-button__icon{width:2rem;height:2rem}.mc-button--l\\@from-xxl .mc-button__icon:first-child,.mc-button--l\\@from-xxl .mc-button__icon:last-child{margin-bottom:-.25rem;margin-top:-.25rem}.mc-button--l\\@from-xxl .mc-button__icon:only-child{margin-bottom:0;margin-top:0;width:2rem;height:2rem}}.mc-button--fit{display:inline-flex;width:auto}@media screen and (min-width: 680px){.mc-button--fit\\@from-m{display:inline-flex;width:auto}}@media screen and (min-width: 1024px){.mc-button--fit\\@from-l{display:inline-flex;width:auto}}@media screen and (min-width: 1280px){.mc-button--fit\\@from-xl{display:inline-flex;width:auto}}@media screen and (min-width: 1920px){.mc-button--fit\\@from-xxl{display:inline-flex;width:auto}}.mc-button--full{display:flex;width:100%}@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)){.mc-button--full{width:-webkit-fill-available;width:-moz-available;width:stretch}}@media screen and (min-width: 680px){.mc-button--full\\@from-m{display:flex;width:100%}@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)){.mc-button--full\\@from-m{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1024px){.mc-button--full\\@from-l{display:flex;width:100%}@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)){.mc-button--full\\@from-l{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1280px){.mc-button--full\\@from-xl{display:flex;width:100%}@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)){.mc-button--full\\@from-xl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}@media screen and (min-width: 1920px){.mc-button--full\\@from-xxl{display:flex;width:100%}@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)){.mc-button--full\\@from-xxl{width:-webkit-fill-available;width:-moz-available;width:stretch}}}.mc-button--square{align-items:center;height:0;padding:0}@media screen and (min-width: 1024px){.mc-button--square{padding:0}}.mc-button__icon{flex-shrink:0}.mc-button__icon:last-child{margin-left:.5rem;margin-right:-.25rem}.mc-button__icon:first-child{margin-right:.5rem;margin-left:-.25rem}.mc-button__icon:only-child{margin:0}.mc-button__label{align-items:center;display:flex;pointer-events:none}a.mc-button:disabled,a.mc-button.is-disabled{pointer-events:none}.mc-button--solid-primary-02{background-color:#6a7081}.mc-button--solid-primary-02:hover{background-color:#242938}.mc-button--solid-primary-02:active{background-color:#171b26}.mc-button--solid-primary-02:disabled,.mc-button--solid-primary-02.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button--solid-neutral{background-color:#333}.mc-button--solid-neutral:hover{background-color:#191919}.mc-button--solid-neutral:active{background-color:#333}.mc-button--solid-neutral:disabled,.mc-button--solid-neutral.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button--solid-danger{background-color:#c61112}.mc-button--solid-danger:hover,.mc-button--solid-danger:active{background-color:#8c0003}.mc-button--solid-danger:disabled,.mc-button--solid-danger.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button--bordered{color:#007f8c;border-color:#007f8c;background-color:#fff}.mc-button--bordered:hover{background-color:#d9f0f3;color:#006974}.mc-button--bordered:active{background-color:#91d5db;color:#004e57}.mc-button--bordered:disabled,.mc-button--bordered.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button--bordered-primary-02{color:#6a7081;border-color:#6a7081;background-color:#fff}.mc-button--bordered-primary-02:hover{background-color:#eeeff1;color:#6a7081}.mc-button--bordered-primary-02:active{background-color:#cfd2d8}.mc-button--bordered-primary-02:disabled,.mc-button--bordered-primary-02.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button--bordered-neutral{color:#333;border-color:#333;background-color:#fff}.mc-button--bordered-neutral:hover{background-color:#e6e6e6;color:#333}.mc-button--bordered-neutral:active{background-color:#ccc}.mc-button--bordered-neutral:disabled,.mc-button--bordered-neutral.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button--bordered-danger{color:#c61112;border-color:#c61112;background-color:#fff}.mc-button--bordered-danger:hover{background-color:#fdeaea;color:#8c0003}.mc-button--bordered-danger:active{background-color:#f8bcbb;color:#530000}.mc-button--bordered-danger:disabled,.mc-button--bordered-danger.is-disabled{background-color:#ccc;border-color:transparent;color:#666;cursor:not-allowed}.mc-button{align-items:center;gap:.5rem}.icon-right-position{flex-direction:row-reverse}.mc-button--s{height:2rem}.mc-button--m{height:3rem}.mc-button--l{height:3.5rem}\n"] }]
112
- }], propDecorators: { iconPosition: [{
113
- type: Input
114
- }], onlyIcon: [{
115
- type: Input
116
- }], theme: [{
117
- type: Input
118
- }], variation: [{
119
- type: Input
120
- }], widthBehavior: [{
121
- type: Input
122
- }], size: [{
123
- type: Input
124
- }], hostCssClasses: [{
125
- type: HostBinding,
126
- args: ['class']
127
- }] } });
128
-
129
- class ButtonModule {
130
- }
131
- ButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
132
- ButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: ButtonModule, declarations: [ButtonComponent], imports: [CommonModule], exports: [ButtonComponent] });
133
- ButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ButtonModule, imports: [CommonModule] });
134
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ButtonModule, decorators: [{
135
- type: NgModule,
136
- args: [{
137
- declarations: [ButtonComponent],
138
- imports: [CommonModule],
139
- exports: [ButtonComponent],
140
- }]
141
- }] });
142
-
143
- class GlobalEventsService {
144
- get window() {
145
- return this._window;
146
- }
147
- constructor(_window) {
148
- this._window = _window;
149
- this.eventHandlers = new Map();
150
- }
151
- getWindowEvent(eventName) {
152
- const cachedHandler = this.eventHandlers.get(eventName);
153
- if (cachedHandler) {
154
- return cachedHandler;
155
- }
156
- const eventHandler = fromEvent(this.window, eventName).pipe(shareReplay({ refCount: true, bufferSize: 1 }));
157
- this.eventHandlers.set(eventName, eventHandler);
158
- return eventHandler;
159
- }
160
- }
161
- GlobalEventsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GlobalEventsService, deps: [{ token: Window }], target: i0.ɵɵFactoryTarget.Injectable });
162
- GlobalEventsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GlobalEventsService, providedIn: 'root' });
163
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GlobalEventsService, decorators: [{
164
- type: Injectable,
165
- args: [{
166
- providedIn: 'root',
167
- }]
168
- }], ctorParameters: function () { return [{ type: Window }]; } });
169
-
170
- class GlobalEventsModule {
171
- }
172
- GlobalEventsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GlobalEventsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
173
- GlobalEventsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: GlobalEventsModule });
174
- GlobalEventsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GlobalEventsModule, providers: [GlobalEventsService, { provide: Window, useValue: window }] });
175
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GlobalEventsModule, decorators: [{
176
- type: NgModule,
177
- args: [{
178
- providers: [GlobalEventsService, { provide: Window, useValue: window }],
179
- }]
180
- }] });
181
-
182
- const CHECKBOX_CONTROL_VALUE_ACCESSOR = {
183
- provide: NG_VALUE_ACCESSOR,
184
- useExisting: forwardRef(() => CheckboxComponent),
185
- multi: true,
186
- };
187
- class CheckboxComponent {
188
- get checked() {
189
- return this._checked;
190
- }
191
- constructor() {
192
- this.disabled = false;
193
- this.indeterminate = false;
194
- this.invalid = false;
195
- this._checked = false;
196
- this.onChange = () => { };
197
- this.onTouch = () => { };
198
- this.checkboxId = generateId();
199
- }
200
- set checked(v) {
201
- this._checked = v;
202
- this.onChange(this._checked);
203
- this.onTouch();
204
- }
205
- writeValue(value) {
206
- this.checked = !!value;
207
- }
208
- registerOnChange(fn) {
209
- this.onChange = fn;
210
- }
211
- registerOnTouched(fn) {
212
- this.onTouch = fn;
213
- }
214
- toggle() {
215
- this.writeValue(!this.checked);
216
- }
217
- }
218
- CheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
219
- CheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: CheckboxComponent, selector: "moz-checkbox", inputs: { disabled: "disabled", indeterminate: "indeterminate", invalid: "invalid", checked: "checked" }, host: { properties: { "class.mc-checkbox": "true" } }, providers: [CHECKBOX_CONTROL_VALUE_ACCESSOR], ngImport: i0, template: "<input\n [id]=\"checkboxId\"\n type=\"checkbox\"\n class=\"mc-checkbox__input\"\n [checked]=\"checked\"\n (click)=\"toggle()\"\n [ngClass]=\"{ 'is-invalid': invalid }\"\n [disabled]=\"disabled\"\n [indeterminate]=\"indeterminate\"\n/>\n<label [for]=\"checkboxId\" class=\"mc-checkbox__label\">\n <ng-content></ng-content>\n</label>\n", styles: [".mc-checkbox{align-items:center;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:.5rem;color:#000}.mc-checkbox__input{font-family:Roboto,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #666666;background-color:#fff;position:relative;transition:all .2s ease;cursor:pointer}.mc-checkbox__input[type=number]::-webkit-inner-spin-button,.mc-checkbox__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#fff;border:2px solid #666666;border-radius:4px;color:#fff}.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992}.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#00919f;border-color:#00919f;background-size:1rem 1rem}.mc-checkbox__input:checked{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#ffffff\" viewBox=\"0 0 16 16\"><path d=\"M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z\"/></svg>');background-position:center center}.mc-checkbox__input:checked::-ms-check{background-color:#00919f;border-color:#00919f}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#004e57}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#004e57}.mc-checkbox__input:indeterminate{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#ffffff\" viewBox=\"0 0 16 16\"><path d=\"M12 9H4a1 1 0 010-2h8a1 1 0 010 2z\"/></svg>')}.mc-checkbox__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input:disabled:checked{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#999999\" viewBox=\"0 0 16 16\"><path d=\"M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z\"/></svg>')}.mc-checkbox__input:disabled:indeterminate{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#999999\" viewBox=\"0 0 16 16\"><path d=\"M12 9H4a1 1 0 010-2h8a1 1 0 010 2z\"/></svg>')}.mc-checkbox__input:disabled+.mc-checkbox__label{color:gray}.mc-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
220
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CheckboxComponent, decorators: [{
221
- type: Component,
222
- args: [{ selector: 'moz-checkbox', providers: [CHECKBOX_CONTROL_VALUE_ACCESSOR], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
223
- '[class.mc-checkbox]': 'true',
224
- }, template: "<input\n [id]=\"checkboxId\"\n type=\"checkbox\"\n class=\"mc-checkbox__input\"\n [checked]=\"checked\"\n (click)=\"toggle()\"\n [ngClass]=\"{ 'is-invalid': invalid }\"\n [disabled]=\"disabled\"\n [indeterminate]=\"indeterminate\"\n/>\n<label [for]=\"checkboxId\" class=\"mc-checkbox__label\">\n <ng-content></ng-content>\n</label>\n", styles: [".mc-checkbox{align-items:center;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:.5rem;color:#000}.mc-checkbox__input{font-family:Roboto,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #666666;background-color:#fff;position:relative;transition:all .2s ease;cursor:pointer}.mc-checkbox__input[type=number]::-webkit-inner-spin-button,.mc-checkbox__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#fff;border:2px solid #666666;border-radius:4px;color:#fff}.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992}.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#00919f;border-color:#00919f;background-size:1rem 1rem}.mc-checkbox__input:checked{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#ffffff\" viewBox=\"0 0 16 16\"><path d=\"M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z\"/></svg>');background-position:center center}.mc-checkbox__input:checked::-ms-check{background-color:#00919f;border-color:#00919f}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#004e57}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#004e57}.mc-checkbox__input:indeterminate{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#ffffff\" viewBox=\"0 0 16 16\"><path d=\"M12 9H4a1 1 0 010-2h8a1 1 0 010 2z\"/></svg>')}.mc-checkbox__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input:disabled:checked{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#999999\" viewBox=\"0 0 16 16\"><path d=\"M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z\"/></svg>')}.mc-checkbox__input:disabled:indeterminate{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#999999\" viewBox=\"0 0 16 16\"><path d=\"M12 9H4a1 1 0 010-2h8a1 1 0 010 2z\"/></svg>')}.mc-checkbox__input:disabled+.mc-checkbox__label{color:gray}.mc-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}\n"] }]
225
- }], ctorParameters: function () { return []; }, propDecorators: { disabled: [{
226
- type: Input
227
- }], indeterminate: [{
228
- type: Input
229
- }], invalid: [{
230
- type: Input
231
- }], checked: [{
232
- type: Input
233
- }] } });
234
-
235
- /**
236
- * @deprecated remove in 0.21 version
237
- */
238
- class CheckboxModule {
239
- }
240
- CheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
241
- CheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: CheckboxModule, declarations: [CheckboxComponent], imports: [CommonModule], exports: [CheckboxComponent] });
242
- CheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CheckboxModule, imports: [CommonModule] });
243
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CheckboxModule, decorators: [{
244
- type: NgModule,
245
- args: [{
246
- declarations: [CheckboxComponent],
247
- imports: [CommonModule],
248
- exports: [CheckboxComponent],
249
- }]
250
- }] });
251
-
252
- const dialogAnimation = trigger('dialogAnimation', [
253
- transition(':enter', group([
254
- query(':self', [style({ opacity: 0 }), animate(200, style({ opacity: 1 }))]),
255
- query('.mc-modal', [
256
- style({ opacity: 0, transform: 'scale(0.7)' }),
257
- animate(200, style({ opacity: 1, transform: 'scale(1)' })),
258
- ]),
259
- ])),
260
- transition(':leave', group([
261
- query(':self', [animate(200, style({ opacity: 0 }))]),
262
- query('.mc-modal', [
263
- style({ opacity: 1, transform: 'scale(1)' }),
264
- animate(200, style({ opacity: 0, transform: 'scale(0.1)' })),
265
- ]),
266
- ])),
267
- ]);
268
-
269
- const DIALOG_CONFIG = new InjectionToken('DIALOG_CONFIG');
270
-
271
- const DIALOG_DATA = new InjectionToken('DIALOG_DATA');
272
-
273
- const DIALOG_REF = new InjectionToken('DIALOG_REF');
274
-
275
- class DialogComponent {
276
- constructor(config, cd) {
277
- this.config = config;
278
- this.cd = cd;
279
- }
280
- get title() {
281
- return this.config.title;
282
- }
283
- get hasCross() {
284
- return this.config.hasCross;
285
- }
286
- get minHeight() {
287
- return `${this.config.minHeight}px`;
288
- }
289
- get layerIndex() {
290
- return this.config.layerIndex;
291
- }
292
- get dialogContainerIndex() {
293
- return this.layerIndex + 1;
294
- }
295
- ngAfterViewInit() {
296
- this.initChildComponent(this.childComponentType);
297
- }
298
- ngOnDestroy() {
299
- this.dialogRef.destroy();
300
- // this.childComponentRef?.destroy();
301
- }
302
- close() {
303
- this.dialogRef.close();
304
- }
305
- initChildComponent(componentType) {
306
- this.childComponentRef = this.contentViewRef.createComponent(componentType);
307
- this.cd.detectChanges();
308
- }
309
- }
310
- DialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogComponent, deps: [{ token: DIALOG_CONFIG }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
311
- DialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DialogComponent, selector: "moz-dialog", inputs: { dialogRef: "dialogRef", childComponentType: "childComponentType" }, host: { properties: { "@dialogAnimation": "true" } }, viewQueries: [{ propertyName: "contentViewRef", first: true, predicate: ["content"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<div\n tabindex=\"-1\"\n role=\"dialog\"\n aria-labelledby=\"modal_title\"\n class=\"mc-modal\"\n [style.zIndex]=\"dialogContainerIndex\"\n>\n <div role=\"document\" class=\"mc-modal__dialog is-open\" [style.minHeight]=\"minHeight\">\n <header class=\"mc-modal__header mc-divider-bottom mc-divider-bottom--light\">\n <h2 class=\"mc-modal__title\" id=\"modalTitle\">{{ title }}</h2>\n <button class=\"mc-modal__close\" type=\"button\" (click)=\"close()\" *ngIf=\"hasCross\">\n <span class=\"mc-modal__close-text\">Close</span>\n </button>\n </header>\n <main class=\"mc-modal__body\">\n <article class=\"mc-modal__content\">\n <ng-template #content></ng-template>\n </article>\n </main>\n </div>\n</div>\n<div\n tabindex=\"-1\"\n role=\"dialog\"\n class=\"mc-modal-overlay is-visible\"\n [style.zIndex]=\"layerIndex\"\n></div>\n", styles: [".mc-modal{font-family:Roboto,sans-serif;font-weight:400;box-sizing:border-box;inset:0;outline:0;pointer-events:none;position:fixed;z-index:1999999999;align-items:flex-end;display:flex;height:100vh;height:-webkit-fill-available;height:-moz-available;height:stretch;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:1rem 1.125rem;width:100vw}.mc-modal,.mc-modal *{box-sizing:border-box}@media screen and (min-width: 680px){.mc-modal{align-items:center;padding:0}}.mc-modal__dialog{background:#ffffff;display:flex;flex-direction:column;opacity:0;max-height:100%;position:relative;transform:translateY(-25%);transition:visibility 0s linear .4s,transform .4s ease,opacity .4s ease;visibility:hidden;width:100%}@media screen and (min-width: 680px){.mc-modal__dialog{max-height:50%;max-width:38.5rem}}@media (min-width: 1024px) and (max-width: 1919px){.mc-modal__dialog{max-height:66.6666666667%}}@media screen and (min-width: 1024px){.mc-modal__dialog{max-width:48rem}}@media screen and (min-width: 1280px){.mc-modal__dialog{max-width:50rem}}@media screen and (min-width: 1920px){.mc-modal__dialog{max-width:56.5rem}}.mc-modal__dialog.is-open{opacity:1;pointer-events:all;transform:translateY(0);transition:visibility 0s linear 0s,transform .4s ease,opacity .4s ease;visibility:visible}.mc-modal__form{display:contents}.mc-modal__header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem;min-height:3.75rem;padding:.75rem .75rem .75rem 1rem;position:relative}.mc-modal__header:after{background:#b3b3b3;content:\"\";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}@media screen and (min-width: 680px){.mc-modal__header{padding-top:1rem;padding-right:1rem;padding-left:1.5rem}}.mc-modal__icon{fill:#666;height:1.5rem;width:1.5rem}.mc-modal__title{font-size:.875rem;line-height:1.2857142857;font-weight:400;color:#666;margin-bottom:0;margin-top:0}.mc-modal__close{box-shadow:none;text-decoration:none;outline:none;border:none;padding:0;position:relative;align-self:flex-start;background:transparent url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" viewBox=\"0 0 32 32\" fill=\"#808080\"><path d=\"M17.41 16l8.8-8.79a1 1 0 10-1.42-1.42L16 14.59l-8.79-8.8a1 1 0 00-1.42 1.42l8.8 8.79-8.8 8.79a1 1 0 000 1.42 1 1 0 001.42 0l8.79-8.8 8.79 8.8a1 1 0 001.42 0 1 1 0 000-1.42z\"/></svg>') no-repeat;background-size:contain;cursor:pointer;height:2rem;flex-shrink:0;margin:0 0 0 auto;width:2rem}.mc-modal__close:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease}.mc-modal__close-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-modal__close:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992}.mc-modal__body{font-size:1rem;line-height:1.375;flex:1 1;color:#191919;display:flex;overflow:hidden;padding-left:.5rem;padding-right:.5rem}@media screen and (min-width: 680px){.mc-modal__body{padding-left:.75rem;padding-right:1rem}}.mc-modal__content{flex-grow:1;max-height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin;padding-left:.5rem;padding-right:.5rem}@media screen and (min-width: 680px){.mc-modal__content{padding-left:.75rem;padding-right:.75rem}}.mc-modal__content::-webkit-scrollbar{background-color:#e6e6e6;width:.25rem}.mc-modal__content::-webkit-scrollbar-thumb{background:#666666}.mc-modal__heading{font-size:1.125rem;line-height:1.3333333333;font-weight:700;color:#000;margin-bottom:0;margin-top:0}.mc-modal__inner{padding-top:1.5rem;padding-bottom:3rem}.mc-modal__footer{align-items:stretch;display:flex;flex-direction:column;justify-content:center;padding:1rem}@media screen and (min-width: 680px){.mc-modal__footer{align-items:center;flex-direction:row;padding:1.5rem}}.mc-modal__footer>:first-child:not(:only-child){margin-bottom:.75rem}@media screen and (min-width: 680px){.mc-modal__footer>:first-child:not(:only-child){margin-bottom:0;margin-right:1rem}}.mc-modal-open{overflow:hidden}.mc-modal-overlay{background-color:#191919b3;filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity .4s ease,visibility 0ms .4s;z-index:1999999998}.mc-modal-overlay.is-visible{opacity:1;pointer-events:all;transition:opacity .4s ease,visibility 0ms;visibility:visible}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [dialogAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
312
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogComponent, decorators: [{
313
- type: Component,
314
- args: [{ selector: 'moz-dialog', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, animations: [dialogAnimation], host: { '[@dialogAnimation]': 'true' }, template: "<div\n tabindex=\"-1\"\n role=\"dialog\"\n aria-labelledby=\"modal_title\"\n class=\"mc-modal\"\n [style.zIndex]=\"dialogContainerIndex\"\n>\n <div role=\"document\" class=\"mc-modal__dialog is-open\" [style.minHeight]=\"minHeight\">\n <header class=\"mc-modal__header mc-divider-bottom mc-divider-bottom--light\">\n <h2 class=\"mc-modal__title\" id=\"modalTitle\">{{ title }}</h2>\n <button class=\"mc-modal__close\" type=\"button\" (click)=\"close()\" *ngIf=\"hasCross\">\n <span class=\"mc-modal__close-text\">Close</span>\n </button>\n </header>\n <main class=\"mc-modal__body\">\n <article class=\"mc-modal__content\">\n <ng-template #content></ng-template>\n </article>\n </main>\n </div>\n</div>\n<div\n tabindex=\"-1\"\n role=\"dialog\"\n class=\"mc-modal-overlay is-visible\"\n [style.zIndex]=\"layerIndex\"\n></div>\n", styles: [".mc-modal{font-family:Roboto,sans-serif;font-weight:400;box-sizing:border-box;inset:0;outline:0;pointer-events:none;position:fixed;z-index:1999999999;align-items:flex-end;display:flex;height:100vh;height:-webkit-fill-available;height:-moz-available;height:stretch;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:1rem 1.125rem;width:100vw}.mc-modal,.mc-modal *{box-sizing:border-box}@media screen and (min-width: 680px){.mc-modal{align-items:center;padding:0}}.mc-modal__dialog{background:#ffffff;display:flex;flex-direction:column;opacity:0;max-height:100%;position:relative;transform:translateY(-25%);transition:visibility 0s linear .4s,transform .4s ease,opacity .4s ease;visibility:hidden;width:100%}@media screen and (min-width: 680px){.mc-modal__dialog{max-height:50%;max-width:38.5rem}}@media (min-width: 1024px) and (max-width: 1919px){.mc-modal__dialog{max-height:66.6666666667%}}@media screen and (min-width: 1024px){.mc-modal__dialog{max-width:48rem}}@media screen and (min-width: 1280px){.mc-modal__dialog{max-width:50rem}}@media screen and (min-width: 1920px){.mc-modal__dialog{max-width:56.5rem}}.mc-modal__dialog.is-open{opacity:1;pointer-events:all;transform:translateY(0);transition:visibility 0s linear 0s,transform .4s ease,opacity .4s ease;visibility:visible}.mc-modal__form{display:contents}.mc-modal__header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem;min-height:3.75rem;padding:.75rem .75rem .75rem 1rem;position:relative}.mc-modal__header:after{background:#b3b3b3;content:\"\";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}@media screen and (min-width: 680px){.mc-modal__header{padding-top:1rem;padding-right:1rem;padding-left:1.5rem}}.mc-modal__icon{fill:#666;height:1.5rem;width:1.5rem}.mc-modal__title{font-size:.875rem;line-height:1.2857142857;font-weight:400;color:#666;margin-bottom:0;margin-top:0}.mc-modal__close{box-shadow:none;text-decoration:none;outline:none;border:none;padding:0;position:relative;align-self:flex-start;background:transparent url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" viewBox=\"0 0 32 32\" fill=\"#808080\"><path d=\"M17.41 16l8.8-8.79a1 1 0 10-1.42-1.42L16 14.59l-8.79-8.8a1 1 0 00-1.42 1.42l8.8 8.79-8.8 8.79a1 1 0 000 1.42 1 1 0 001.42 0l8.79-8.8 8.79 8.8a1 1 0 001.42 0 1 1 0 000-1.42z\"/></svg>') no-repeat;background-size:contain;cursor:pointer;height:2rem;flex-shrink:0;margin:0 0 0 auto;width:2rem}.mc-modal__close:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease}.mc-modal__close-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-modal__close:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992}.mc-modal__body{font-size:1rem;line-height:1.375;flex:1 1;color:#191919;display:flex;overflow:hidden;padding-left:.5rem;padding-right:.5rem}@media screen and (min-width: 680px){.mc-modal__body{padding-left:.75rem;padding-right:1rem}}.mc-modal__content{flex-grow:1;max-height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin;padding-left:.5rem;padding-right:.5rem}@media screen and (min-width: 680px){.mc-modal__content{padding-left:.75rem;padding-right:.75rem}}.mc-modal__content::-webkit-scrollbar{background-color:#e6e6e6;width:.25rem}.mc-modal__content::-webkit-scrollbar-thumb{background:#666666}.mc-modal__heading{font-size:1.125rem;line-height:1.3333333333;font-weight:700;color:#000;margin-bottom:0;margin-top:0}.mc-modal__inner{padding-top:1.5rem;padding-bottom:3rem}.mc-modal__footer{align-items:stretch;display:flex;flex-direction:column;justify-content:center;padding:1rem}@media screen and (min-width: 680px){.mc-modal__footer{align-items:center;flex-direction:row;padding:1.5rem}}.mc-modal__footer>:first-child:not(:only-child){margin-bottom:.75rem}@media screen and (min-width: 680px){.mc-modal__footer>:first-child:not(:only-child){margin-bottom:0;margin-right:1rem}}.mc-modal-open{overflow:hidden}.mc-modal-overlay{background-color:#191919b3;filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity .4s ease,visibility 0ms .4s;z-index:1999999998}.mc-modal-overlay.is-visible{opacity:1;pointer-events:all;transition:opacity .4s ease,visibility 0ms;visibility:visible}\n"] }]
315
- }], ctorParameters: function () { return [{ type: undefined, decorators: [{
316
- type: Inject,
317
- args: [DIALOG_CONFIG]
318
- }] }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { dialogRef: [{
319
- type: Input
320
- }], childComponentType: [{
321
- type: Input
322
- }], contentViewRef: [{
323
- type: ViewChild,
324
- args: ['content', { read: ViewContainerRef, static: true }]
325
- }] } });
326
-
327
- class DialogConfigModel {
328
- constructor(config) {
329
- this.title = '';
330
- this.hasCross = true;
331
- this.minHeight = 65;
332
- Object.assign(this, config);
333
- }
334
- }
335
-
336
- class DialogInjector {
337
- constructor({ injector, dialogRef }) {
338
- this.parentInjector = injector;
339
- this.dialogRef = dialogRef;
340
- this.initAdditionalTokens();
341
- }
342
- get(token, notFoundValue) {
343
- const value = this.additionalTokens.get(token);
344
- if (value) {
345
- return value;
346
- }
347
- return this.parentInjector.get(token, notFoundValue);
348
- }
349
- initAdditionalTokens() {
350
- this.additionalTokens = new WeakMap();
351
- this.additionalTokens.set(DIALOG_REF, this.dialogRef);
352
- this.additionalTokens.set(DIALOG_CONFIG, this.dialogRef.config);
353
- this.additionalTokens.set(DIALOG_DATA, this.dialogRef.config.data);
354
- }
355
- }
356
-
357
- class DialogRefModel {
358
- constructor(dialogConfig) {
359
- this.dialogConfig = dialogConfig;
360
- this._config$ = new BehaviorSubject({});
361
- this._afterClosed$ = new Subject();
362
- this._id = String(getRandomNumber(1, 100000));
363
- this.init(dialogConfig);
364
- }
365
- get afterClosed$() {
366
- return this._afterClosed$.asObservable();
367
- }
368
- get config$() {
369
- return this._config$.asObservable();
370
- }
371
- get config() {
372
- return this._config$.getValue();
373
- }
374
- get id() {
375
- return this._id;
376
- }
377
- get dialogElement() {
378
- return this._dialogElement;
379
- }
380
- get componentRef() {
381
- return this._componentRef;
382
- }
383
- init(config) {
384
- this.updateConfig(config);
385
- }
386
- updateConfig(config) {
387
- this._config$.next({ ...this.config, ...config });
388
- }
389
- close(result) {
390
- this._afterClosed$.next(result);
391
- }
392
- setDialogElement(element) {
393
- this._dialogElement = element;
394
- }
395
- setComponentRef(componentRef) {
396
- this._componentRef = componentRef;
397
- }
398
- destroy() {
399
- this._config$.complete();
400
- this._afterClosed$.complete();
401
- }
402
- }
403
-
404
- class DialogService {
405
- constructor(componentFactoryResolver, injector, applicationRef, document) {
406
- this.componentFactoryResolver = componentFactoryResolver;
407
- this.injector = injector;
408
- this.applicationRef = applicationRef;
409
- this.document = document;
410
- this._layer = 100;
411
- }
412
- open(component, config = {}) {
413
- this.addLayer();
414
- const dialogRef = this.createDialog({ ...config, layerIndex: this._layer });
415
- this.applyDataForCreatedDialogInstance({ component, dialogRef });
416
- return dialogRef;
417
- }
418
- createDialog(config) {
419
- const dialogRef = new DialogRefModel(new DialogConfigModel(config));
420
- const dialogInjector = new DialogInjector({ injector: this.injector, dialogRef });
421
- const componentRef = this.createComponentRef(dialogInjector);
422
- dialogRef.setComponentRef(componentRef);
423
- this.initDialogRefAfterClosedObserver(dialogRef, componentRef);
424
- this.appendDialogComponentToBody(componentRef);
425
- return dialogRef;
426
- }
427
- createComponentRef(dialogInjector) {
428
- return this.componentFactoryResolver
429
- .resolveComponentFactory(DialogComponent)
430
- .create(dialogInjector);
431
- }
432
- initDialogRefAfterClosedObserver(dialogRef, componentRef) {
433
- const destroyDelayInMs = 50;
434
- dialogRef.afterClosed$.pipe(delay(destroyDelayInMs)).subscribe(() => componentRef.destroy());
435
- }
436
- appendDialogComponentToBody(componentRef) {
437
- const componentHostView = componentRef.hostView;
438
- const componentHtmlElement = componentHostView.rootNodes[0];
439
- this.applicationRef.attachView(componentHostView);
440
- this.document.body.appendChild(componentHtmlElement);
441
- }
442
- applyDataForCreatedDialogInstance({ dialogRef, component, }) {
443
- const { instance: dialogInstance } = dialogRef.componentRef;
444
- dialogInstance.childComponentType = component;
445
- dialogInstance.dialogRef = dialogRef;
446
- }
447
- addLayer() {
448
- this._layer += 1;
449
- }
450
- }
451
- DialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: i0.ApplicationRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
452
- DialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogService, providedIn: 'root' });
453
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogService, decorators: [{
454
- type: Injectable,
455
- args: [{
456
- providedIn: 'root',
457
- }]
458
- }], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: i0.ApplicationRef }, { type: Document, decorators: [{
459
- type: Inject,
460
- args: [DOCUMENT]
461
- }] }]; } });
462
-
463
- class DialogModule {
464
- }
465
- DialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
466
- DialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DialogModule, declarations: [DialogComponent], imports: [CommonModule] });
467
- DialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogModule, providers: [DialogService], imports: [CommonModule] });
468
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogModule, decorators: [{
469
- type: NgModule,
470
- args: [{
471
- declarations: [DialogComponent],
472
- imports: [CommonModule],
473
- providers: [DialogService],
474
- exports: [],
475
- }]
476
- }] });
477
-
478
- const MOZ_INPUT_ICON = new InjectionToken('MozInputIcon');
479
- class InputIconDirective {
480
- }
481
- InputIconDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: InputIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
482
- InputIconDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: InputIconDirective, selector: "[mozInputIcon]", providers: [{ provide: MOZ_INPUT_ICON, useExisting: InputIconDirective }], ngImport: i0 });
483
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: InputIconDirective, decorators: [{
484
- type: Directive,
485
- args: [{
486
- selector: '[mozInputIcon]',
487
- providers: [{ provide: MOZ_INPUT_ICON, useExisting: InputIconDirective }],
488
- }]
489
- }] });
490
-
491
- class FieldErrorComponent {
492
- }
493
- FieldErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FieldErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
494
- FieldErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FieldErrorComponent, selector: "moz-field-error", host: { properties: { "class.mc-field__error-message": "true" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["@charset \"UTF-8\";.mc-field__label,.mc-field__legend{font-size:.875rem;line-height:1.2857142857;font-weight:400;color:#333}.mc-field__legend{padding-left:0;padding-right:0}.mc-field__legend+.mc-field__container,.mc-field__help+.mc-field__container{margin-top:1rem}.mc-field__requirement,.mc-field__help{font-size:.75rem;line-height:1.3333333333;font-weight:400;color:#666}.mc-field__requirement:before{content:\"\\a0-\\a0\"}.mc-field__help{display:block;margin-top:.125rem}.mc-field .mc-field__input,.mc-field .mc-field__element{margin-top:.5rem}@media screen and (min-width: 769px){.mc-field__container--inline{display:flex}}@media screen and (min-width: 769px){.mc-field__container--inline .mc-field__item:not(:last-child){margin-bottom:0;margin-right:1rem}}@media screen and (min-width: 1024px){.mc-field__container--inline .mc-field__item:not(:last-child){margin-right:2rem}}.mc-field__item:not(:last-child){margin-bottom:1rem}.mc-field__error-message{font-size:.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:.25rem}.mc-field--group{border:none;margin-left:0;margin-right:0;padding:0}.mc-field--group .mc-field__error-message{margin-top:.5rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
495
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FieldErrorComponent, decorators: [{
496
- type: Component,
497
- args: [{ selector: 'moz-field-error', changeDetection: ChangeDetectionStrategy.OnPush, host: {
498
- '[class.mc-field__error-message]': 'true',
499
- }, template: "<ng-content></ng-content>\n", styles: ["@charset \"UTF-8\";.mc-field__label,.mc-field__legend{font-size:.875rem;line-height:1.2857142857;font-weight:400;color:#333}.mc-field__legend{padding-left:0;padding-right:0}.mc-field__legend+.mc-field__container,.mc-field__help+.mc-field__container{margin-top:1rem}.mc-field__requirement,.mc-field__help{font-size:.75rem;line-height:1.3333333333;font-weight:400;color:#666}.mc-field__requirement:before{content:\"\\a0-\\a0\"}.mc-field__help{display:block;margin-top:.125rem}.mc-field .mc-field__input,.mc-field .mc-field__element{margin-top:.5rem}@media screen and (min-width: 769px){.mc-field__container--inline{display:flex}}@media screen and (min-width: 769px){.mc-field__container--inline .mc-field__item:not(:last-child){margin-bottom:0;margin-right:1rem}}@media screen and (min-width: 1024px){.mc-field__container--inline .mc-field__item:not(:last-child){margin-right:2rem}}.mc-field__item:not(:last-child){margin-bottom:1rem}.mc-field__error-message{font-size:.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:.25rem}.mc-field--group{border:none;margin-left:0;margin-right:0;padding:0}.mc-field--group .mc-field__error-message{margin-top:.5rem}\n"] }]
500
- }] });
501
-
502
- class FieldComponent {
503
- get viewLabel() {
504
- return !!(this.label || this.requirementText || this.helpText);
505
- }
506
- get hasInputIcon() {
507
- return this.InputIconDirective?.changes.pipe(startWith(!!this.InputIconDirective?.length), map(() => !!this.InputIconDirective?.length));
508
- }
509
- constructor(cd) {
510
- this.cd = cd;
511
- this.label = '';
512
- this.requirementText = '';
513
- this.helpText = '';
514
- }
515
- ngAfterViewInit() {
516
- this.cd.detectChanges();
517
- }
518
- }
519
- FieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FieldComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
520
- FieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: FieldComponent, selector: "moz-field", inputs: { label: "label", requirementText: "requirementText", helpText: "helpText" }, host: { properties: { "class.mc-field": "true" } }, queries: [{ propertyName: "InputIconDirective", predicate: MOZ_INPUT_ICON, descendants: true }], ngImport: i0, template: "<label class=\"mc-field__label\" *ngIf=\"viewLabel\">\n {{ label }}\n <span *ngIf=\"requirementText\" [attr.aria-hidden]=\"requirementText\" class=\"mc-field__requirement\">\n {{ requirementText }}\n </span>\n <span *ngIf=\"helpText\" id=\"helptext\" class=\"mc-field__help\">\n {{ helpText }}\n </span>\n</label>\n\n<ng-content></ng-content>\n\n<ng-template #inputIconTemplate>\n <ng-content select=\"[mozInputIcon]\"></ng-content>\n</ng-template>\n\n<ng-template #inputTemplate>\n <ng-content select=\"[moz-input]\"></ng-content>\n</ng-template>\n\n<div class=\"mc-left-icon-input\" *ngIf=\"hasInputIcon | async; else withoutIcon\">\n <ng-container [ngTemplateOutlet]=\"inputIconTemplate\"></ng-container>\n <ng-container [ngTemplateOutlet]=\"inputTemplate\"></ng-container>\n</div>\n\n<ng-template #withoutIcon>\n <ng-container [ngTemplateOutlet]=\"inputTemplate\"></ng-container>\n</ng-template>\n\n<ng-content select=\"moz-field-error\"></ng-content>\n", styles: ["@charset \"UTF-8\";.mc-field__label,.mc-field__legend{font-size:.875rem;line-height:1.2857142857;font-weight:400;color:#333}.mc-field__legend{padding-left:0;padding-right:0}.mc-field__legend+.mc-field__container,.mc-field__help+.mc-field__container{margin-top:1rem}.mc-field__requirement,.mc-field__help{font-size:.75rem;line-height:1.3333333333;font-weight:400;color:#666}.mc-field__requirement:before{content:\"\\a0-\\a0\"}.mc-field__help{display:block;margin-top:.125rem}.mc-field .mc-field__input,.mc-field .mc-field__element{margin-top:.5rem}@media screen and (min-width: 769px){.mc-field__container--inline{display:flex}}@media screen and (min-width: 769px){.mc-field__container--inline .mc-field__item:not(:last-child){margin-bottom:0;margin-right:1rem}}@media screen and (min-width: 1024px){.mc-field__container--inline .mc-field__item:not(:last-child){margin-right:2rem}}.mc-field__item:not(:last-child){margin-bottom:1rem}.mc-field__error-message{font-size:.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:.25rem}.mc-field--group{border:none;margin-left:0;margin-right:0;padding:0}.mc-field--group .mc-field__error-message{margin-top:.5rem}.mc-left-icon-input{position:relative}.mc-left-icon-input__icon{position:absolute;z-index:1;top:50%;transform:translateY(-50%);fill:#666;pointer-events:none}.mc-left-icon-input .mc-left-icon-input__icon{left:.75rem;top:50%;width:1.5rem;height:1.5rem}.mc-left-icon-input .mc-left-icon-input__input{padding-left:2.9375rem}.mc-left-icon-input--s .mc-left-icon-input__icon{left:.5rem;top:50%;width:1.5rem;height:1.5rem}.mc-left-icon-input--s .mc-left-icon-input__input{padding-left:2.4375rem}.mc-field{display:block}.mc-field__label{margin-bottom:.5rem;display:inline-block}.mc-left-icon-input [mozInputIcon]{left:.75rem;top:50%;width:1.5rem;height:1.5rem;position:absolute;z-index:1;transform:translateY(-50%);fill:#666;pointer-events:none}.mc-left-icon-input [moz-input]{padding-left:2.9375rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
521
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FieldComponent, decorators: [{
522
- type: Component,
523
- args: [{ selector: 'moz-field', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
524
- '[class.mc-field]': 'true',
525
- }, template: "<label class=\"mc-field__label\" *ngIf=\"viewLabel\">\n {{ label }}\n <span *ngIf=\"requirementText\" [attr.aria-hidden]=\"requirementText\" class=\"mc-field__requirement\">\n {{ requirementText }}\n </span>\n <span *ngIf=\"helpText\" id=\"helptext\" class=\"mc-field__help\">\n {{ helpText }}\n </span>\n</label>\n\n<ng-content></ng-content>\n\n<ng-template #inputIconTemplate>\n <ng-content select=\"[mozInputIcon]\"></ng-content>\n</ng-template>\n\n<ng-template #inputTemplate>\n <ng-content select=\"[moz-input]\"></ng-content>\n</ng-template>\n\n<div class=\"mc-left-icon-input\" *ngIf=\"hasInputIcon | async; else withoutIcon\">\n <ng-container [ngTemplateOutlet]=\"inputIconTemplate\"></ng-container>\n <ng-container [ngTemplateOutlet]=\"inputTemplate\"></ng-container>\n</div>\n\n<ng-template #withoutIcon>\n <ng-container [ngTemplateOutlet]=\"inputTemplate\"></ng-container>\n</ng-template>\n\n<ng-content select=\"moz-field-error\"></ng-content>\n", styles: ["@charset \"UTF-8\";.mc-field__label,.mc-field__legend{font-size:.875rem;line-height:1.2857142857;font-weight:400;color:#333}.mc-field__legend{padding-left:0;padding-right:0}.mc-field__legend+.mc-field__container,.mc-field__help+.mc-field__container{margin-top:1rem}.mc-field__requirement,.mc-field__help{font-size:.75rem;line-height:1.3333333333;font-weight:400;color:#666}.mc-field__requirement:before{content:\"\\a0-\\a0\"}.mc-field__help{display:block;margin-top:.125rem}.mc-field .mc-field__input,.mc-field .mc-field__element{margin-top:.5rem}@media screen and (min-width: 769px){.mc-field__container--inline{display:flex}}@media screen and (min-width: 769px){.mc-field__container--inline .mc-field__item:not(:last-child){margin-bottom:0;margin-right:1rem}}@media screen and (min-width: 1024px){.mc-field__container--inline .mc-field__item:not(:last-child){margin-right:2rem}}.mc-field__item:not(:last-child){margin-bottom:1rem}.mc-field__error-message{font-size:.875rem;line-height:1.2857142857;color:#c61112;display:inline-block;margin-top:.25rem}.mc-field--group{border:none;margin-left:0;margin-right:0;padding:0}.mc-field--group .mc-field__error-message{margin-top:.5rem}.mc-left-icon-input{position:relative}.mc-left-icon-input__icon{position:absolute;z-index:1;top:50%;transform:translateY(-50%);fill:#666;pointer-events:none}.mc-left-icon-input .mc-left-icon-input__icon{left:.75rem;top:50%;width:1.5rem;height:1.5rem}.mc-left-icon-input .mc-left-icon-input__input{padding-left:2.9375rem}.mc-left-icon-input--s .mc-left-icon-input__icon{left:.5rem;top:50%;width:1.5rem;height:1.5rem}.mc-left-icon-input--s .mc-left-icon-input__input{padding-left:2.4375rem}.mc-field{display:block}.mc-field__label{margin-bottom:.5rem;display:inline-block}.mc-left-icon-input [mozInputIcon]{left:.75rem;top:50%;width:1.5rem;height:1.5rem;position:absolute;z-index:1;transform:translateY(-50%);fill:#666;pointer-events:none}.mc-left-icon-input [moz-input]{padding-left:2.9375rem}\n"] }]
526
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { label: [{
527
- type: Input
528
- }], requirementText: [{
529
- type: Input
530
- }], helpText: [{
531
- type: Input
532
- }], InputIconDirective: [{
533
- type: ContentChildren,
534
- args: [MOZ_INPUT_ICON, { descendants: true }]
535
- }] } });
536
-
537
- class FieldModule {
538
- }
539
- FieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
540
- FieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: FieldModule, declarations: [FieldComponent, FieldErrorComponent, InputIconDirective], imports: [CommonModule], exports: [FieldComponent, FieldErrorComponent, InputIconDirective] });
541
- FieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FieldModule, imports: [CommonModule] });
542
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FieldModule, decorators: [{
543
- type: NgModule,
544
- args: [{
545
- imports: [CommonModule],
546
- declarations: [FieldComponent, FieldErrorComponent, InputIconDirective],
547
- exports: [FieldComponent, FieldErrorComponent, InputIconDirective],
548
- }]
549
- }] });
550
-
551
- var IconSize;
552
- (function (IconSize) {
553
- IconSize["S"] = "16px";
554
- IconSize["M"] = "24px";
555
- IconSize["L"] = "32px";
556
- IconSize["XL"] = "48px";
557
- })(IconSize || (IconSize = {}));
558
-
559
- class IconService {
560
- constructor(http) {
561
- this.http = http;
562
- this.cachedIcons = new Map();
563
- this.cachedRequests = new Map();
564
- }
565
- getIcon(name) {
566
- const cacheIcon = this.cachedIcons.get(name);
567
- const cachedRequest = this.cachedRequests.get(name);
568
- if (cacheIcon) {
569
- return of(cacheIcon);
570
- }
571
- if (cachedRequest) {
572
- return cachedRequest;
573
- }
574
- const url = `/assets/moz-icons/${name}.svg`;
575
- const request = this.http.get(url, { responseType: 'text' }).pipe(tap((svg) => this.cachedIcons.set(name, svg)), catchError(() => throwError(() => this.getNotFoundError(name))), finalize(() => this.cachedRequests.delete(name)), shareReplay({ refCount: true, bufferSize: 1 }));
576
- this.cachedRequests.set(name, request);
577
- return request;
578
- }
579
- getNotFoundError(name) {
580
- return Error(`
581
- The icon (${name}) you are trying to display does not exist.
582
- Maybe the name is incorrect.
583
- => (See all available icons: http://mozaic.adeo.cloud/Foundations/Icons/catalog/)`);
584
- }
585
- }
586
- IconService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconService, deps: [{ token: i1$1.HttpClient, host: true }], target: i0.ɵɵFactoryTarget.Injectable });
587
- IconService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconService, providedIn: 'root' });
588
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconService, decorators: [{
589
- type: Injectable,
590
- args: [{
591
- providedIn: 'root',
592
- }]
593
- }], ctorParameters: function () { return [{ type: i1$1.HttpClient, decorators: [{
594
- type: Host
595
- }] }]; } });
596
-
597
- class IconComponent {
598
- constructor(iconService, elementRef) {
599
- this.iconService = iconService;
600
- this.elementRef = elementRef;
601
- this.iconName = '';
602
- }
603
- ngOnChanges({ iconName }) {
604
- this.needRenderIcon(iconName?.currentValue, iconName?.previousValue) &&
605
- this.drawIcon(iconName?.currentValue, iconName?.previousValue);
606
- }
607
- needRenderIcon(currentIconName, previousIconName) {
608
- return !!currentIconName && currentIconName !== previousIconName;
609
- }
610
- getSizeClass(name) {
611
- const [size] = name.match(/\d\dpx/) || [];
612
- const strategy = {
613
- [IconSize.S]: 'icons-size-s',
614
- [IconSize.M]: 'icons-size-m',
615
- [IconSize.L]: 'icons-size-l',
616
- [IconSize.XL]: 'icons-size-xl',
617
- };
618
- return strategy[size || null] || strategy[IconSize.S];
619
- }
620
- drawIcon(iconName, previousIconName) {
621
- this.iconService
622
- .getIcon(iconName)
623
- .pipe(first())
624
- .subscribe((svg) => {
625
- this.elementRef.nativeElement.innerHTML = svg;
626
- previousIconName &&
627
- this.elementRef.nativeElement.classList.remove(this.getSizeClass(previousIconName));
628
- this.elementRef.nativeElement.classList.add(this.getSizeClass(iconName));
629
- });
630
- }
631
- }
632
- IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconComponent, deps: [{ token: IconService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
633
- IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: IconComponent, selector: "moz-icon", inputs: { iconName: "iconName" }, host: { properties: { "class.icon": "true" } }, usesOnChanges: true, ngImport: i0, template: "", styles: [".icon{display:inline-flex}.icons-size-s{height:1rem;width:1rem}.icons-size-m{height:1.5rem;width:1.5rem}.icons-size-l{height:2rem;width:2rem}.icons-size-xl{height:3rem;width:3rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
634
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconComponent, decorators: [{
635
- type: Component,
636
- args: [{ selector: 'moz-icon', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { '[class.icon]': 'true' }, template: "", styles: [".icon{display:inline-flex}.icons-size-s{height:1rem;width:1rem}.icons-size-m{height:1.5rem;width:1.5rem}.icons-size-l{height:2rem;width:2rem}.icons-size-xl{height:3rem;width:3rem}\n"] }]
637
- }], ctorParameters: function () { return [{ type: IconService }, { type: i0.ElementRef }]; }, propDecorators: { iconName: [{
638
- type: Input
639
- }] } });
640
-
641
- class IconModule {
642
- }
643
- IconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
644
- IconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: IconModule, declarations: [IconComponent], imports: [CommonModule], exports: [IconComponent] });
645
- IconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconModule, imports: [CommonModule] });
646
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconModule, decorators: [{
647
- type: NgModule,
648
- args: [{
649
- declarations: [IconComponent],
650
- imports: [CommonModule],
651
- exports: [IconComponent],
652
- }]
653
- }] });
654
-
655
- const layerAnimation = trigger('layerAnimation', [
656
- transition(':enter', group([
657
- query(':self', [style({ opacity: 0 }), animate(200, style({ opacity: 1 }))]),
658
- query('.mc-layer', [
659
- style({ transform: 'translateX(250px)' }),
660
- animate(200, style({ transform: 'translateX(0)' })),
661
- ]),
662
- ])),
663
- transition(':leave', group([
664
- query(':self', [animate(200, style({ opacity: 0 }))]),
665
- query('.mc-layer', [
666
- style({ transform: 'translateX(0)' }),
667
- animate(200, style({ transform: 'translateX(250px)' })),
668
- ]),
669
- ])),
670
- ]);
671
-
672
- const LAYER_CONFIG = new InjectionToken('LAYER_CONFIG_TOKEN');
673
-
674
- const LAYER_DATA = new InjectionToken('LAYER_DATA_TOKEN');
675
-
676
- const LAYER_REF = new InjectionToken('LAYER_DATA_TOKEN');
677
-
678
- class LayerComponent {
679
- get title() {
680
- return this.config.title || 'Layer title';
681
- }
682
- constructor(layerRef, config, cd) {
683
- this.layerRef = layerRef;
684
- this.config = config;
685
- this.cd = cd;
686
- }
687
- ngAfterViewInit() {
688
- this.initChildComponent(this.childComponentType);
689
- }
690
- initChildComponent(componentType) {
691
- this.childComponentRef = this.contentViewRef.createComponent(componentType);
692
- this.cd.detectChanges();
693
- }
694
- close() {
695
- this.layerRef.close();
696
- }
697
- }
698
- LayerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LayerComponent, deps: [{ token: LAYER_REF }, { token: LAYER_CONFIG }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
699
- LayerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: LayerComponent, selector: "moz-layer", host: { properties: { "@layerAnimation": "true" } }, viewQueries: [{ propertyName: "contentViewRef", first: true, predicate: ["content"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<div\n class=\"mc-layer\"\n role=\"dialog\"\n aria-labelledby=\"layerTitle\"\n aria-modal=\"true\"\n aria-hidden=\"true\"\n tabindex=\"-1\"\n>\n <div class=\"mc-layer__dialog is-open\" role=\"document\">\n <div class=\"mc-layer__header\">\n <h2 class=\"mc-layer__title\" id=\"layerTitle\">{{ title }}</h2>\n <button class=\"mc-layer__close\" type=\"button\" (click)=\"close()\">\n <span class=\"mc-layer__close-text\">Close</span>\n </button>\n </div>\n <div class=\"mc-layer__body\">\n <ng-template #content></ng-template>\n </div>\n </div>\n</div>\n<div class=\"mc-layer-overlay is-visible\" tabindex=\"-1\" role=\"dialog\"></div>\n", styles: [".mc-layer{font-family:Roboto,sans-serif;font-weight:400;box-sizing:border-box;inset:0;outline:0;pointer-events:none;position:fixed;z-index:1999999999;display:flex;overflow:hidden}.mc-layer *{box-sizing:inherit}.mc-layer--ltr{justify-content:flex-start}.mc-layer--ltr .mc-layer__dialog{transform:translate3d(-100%,0,0)}.mc-layer:not(.mc-layer--ltr){justify-content:flex-end}.mc-layer:not(.mc-layer--ltr) .mc-layer__dialog{transform:translate3d(100%,0,0)}.mc-layer__dialog{background:#ffffff;display:flex;flex-direction:column;height:100%;max-width:calc(100% - 2rem);transition:visibility 0s linear .4s,transform .4s;visibility:hidden;width:100%}@media screen and (min-width: 680px){.mc-layer__dialog{max-width:25rem}}@media screen and (min-width: 769px){.mc-layer__dialog{max-width:28.6875rem}}@media screen and (min-width: 1024px){.mc-layer__dialog{max-width:28rem}}@media screen and (min-width: 680px){.mc-layer__dialog--extend{max-width:31.75rem}}@media screen and (min-width: 769px){.mc-layer__dialog--extend{max-width:36.3125rem}}@media screen and (min-width: 1024px){.mc-layer__dialog--extend{max-width:43rem}}.mc-layer__header,.mc-layer__footer{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 1024px){.mc-layer__header,.mc-layer__footer{padding-left:2rem;padding-right:2rem}}.mc-layer__header{display:flex;align-items:center;padding-bottom:.5rem;padding-top:1rem;min-height:3.75rem;position:relative}.mc-layer__header:after{background:#b3b3b3;content:\"\";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}@media screen and (min-width: 1024px){.mc-layer__header{padding-bottom:.75rem;padding-top:1.25rem;min-height:4.25rem}}.mc-layer__icon{fill:#666;height:1.5rem;margin-right:.75rem;width:1.5rem}.mc-layer__title{font-size:.875rem;line-height:1.2857142857;font-weight:400;color:#666;margin-bottom:0;margin-top:0}.mc-layer__close{box-shadow:none;text-decoration:none;outline:none;border:none;padding:0;position:relative;align-self:flex-start;background:transparent url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" viewBox=\"0 0 32 32\" fill=\"#808080\"><path d=\"M17.41 16l8.8-8.79a1 1 0 10-1.42-1.42L16 14.59l-8.79-8.8a1 1 0 00-1.42 1.42l8.8 8.79-8.8 8.79a1 1 0 000 1.42 1 1 0 001.42 0l8.79-8.8 8.79 8.8a1 1 0 001.42 0 1 1 0 000-1.42z\"/></svg>') no-repeat;background-size:contain;cursor:pointer;height:2rem;margin:0 0 0 auto;width:2rem}.mc-layer__close:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease}.mc-layer__close-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-layer__close:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992}.mc-layer__body{flex:1 1;overflow:hidden;padding-left:.5rem;padding-right:.5rem}@media screen and (min-width: 1024px){.mc-layer__body{padding-left:1rem;padding-right:1rem}}.mc-layer__body--overflowing+.mc-layer__footer,.mc-layer__body--overflowing-scroll-edge+.mc-layer__footer{box-shadow:0 4px 20px #19191933;position:relative}.mc-layer__body--overflowing-scroll-edge{padding-left:0;padding-right:0}.mc-layer__body--overflowing-scroll-edge .mc-layer__content{padding-left:1rem;padding-right:1.125rem}@media screen and (min-width: 1024px){.mc-layer__body--overflowing-scroll-edge .mc-layer__content{padding-left:2rem;padding-right:2rem}}.mc-layer__body--scroll-end+.mc-layer__footer{box-shadow:none}.mc-layer__content{max-height:100%;overflow-y:auto;overflow-x:hidden;padding:1.5rem .5rem 3rem;scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin}@media screen and (min-width: 1024px){.mc-layer__content{padding-left:1rem;padding-right:1rem}}.mc-layer__content::-webkit-scrollbar{background-color:#e6e6e6;width:.25rem}.mc-layer__content::-webkit-scrollbar-thumb{background:#666666}.mc-layer__footer{display:flex;flex-direction:column;padding-top:1rem;padding-bottom:1rem}@media screen and (min-width: 1024px){.mc-layer__footer{align-items:center;flex-direction:row;justify-content:center;padding-top:1.5rem;padding-bottom:1.5rem}}.mc-layer__footer>:first-child:not(:only-child){margin-bottom:.75rem}@media screen and (min-width: 1024px){.mc-layer__footer>:first-child:not(:only-child){margin-bottom:0;margin-right:1rem}}.mc-layer-open{overflow:hidden}.mc-layer .mc-layer__dialog.is-open{pointer-events:all;transform:translateZ(0);transition:visibility 0s linear 0s,transform .4s;visibility:visible}.mc-layer-overlay{background-color:#191919b3;filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity .4s ease,visibility 0ms .4s;z-index:1999999998}.mc-layer-overlay.is-visible{opacity:1;pointer-events:all;transition:opacity .4s ease,visibility 0ms;visibility:visible}\n"], animations: [layerAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
700
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LayerComponent, decorators: [{
701
- type: Component,
702
- args: [{ selector: 'moz-layer', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, animations: [layerAnimation], host: { '[@layerAnimation]': 'true' }, template: "<div\n class=\"mc-layer\"\n role=\"dialog\"\n aria-labelledby=\"layerTitle\"\n aria-modal=\"true\"\n aria-hidden=\"true\"\n tabindex=\"-1\"\n>\n <div class=\"mc-layer__dialog is-open\" role=\"document\">\n <div class=\"mc-layer__header\">\n <h2 class=\"mc-layer__title\" id=\"layerTitle\">{{ title }}</h2>\n <button class=\"mc-layer__close\" type=\"button\" (click)=\"close()\">\n <span class=\"mc-layer__close-text\">Close</span>\n </button>\n </div>\n <div class=\"mc-layer__body\">\n <ng-template #content></ng-template>\n </div>\n </div>\n</div>\n<div class=\"mc-layer-overlay is-visible\" tabindex=\"-1\" role=\"dialog\"></div>\n", styles: [".mc-layer{font-family:Roboto,sans-serif;font-weight:400;box-sizing:border-box;inset:0;outline:0;pointer-events:none;position:fixed;z-index:1999999999;display:flex;overflow:hidden}.mc-layer *{box-sizing:inherit}.mc-layer--ltr{justify-content:flex-start}.mc-layer--ltr .mc-layer__dialog{transform:translate3d(-100%,0,0)}.mc-layer:not(.mc-layer--ltr){justify-content:flex-end}.mc-layer:not(.mc-layer--ltr) .mc-layer__dialog{transform:translate3d(100%,0,0)}.mc-layer__dialog{background:#ffffff;display:flex;flex-direction:column;height:100%;max-width:calc(100% - 2rem);transition:visibility 0s linear .4s,transform .4s;visibility:hidden;width:100%}@media screen and (min-width: 680px){.mc-layer__dialog{max-width:25rem}}@media screen and (min-width: 769px){.mc-layer__dialog{max-width:28.6875rem}}@media screen and (min-width: 1024px){.mc-layer__dialog{max-width:28rem}}@media screen and (min-width: 680px){.mc-layer__dialog--extend{max-width:31.75rem}}@media screen and (min-width: 769px){.mc-layer__dialog--extend{max-width:36.3125rem}}@media screen and (min-width: 1024px){.mc-layer__dialog--extend{max-width:43rem}}.mc-layer__header,.mc-layer__footer{padding-left:1rem;padding-right:1rem}@media screen and (min-width: 1024px){.mc-layer__header,.mc-layer__footer{padding-left:2rem;padding-right:2rem}}.mc-layer__header{display:flex;align-items:center;padding-bottom:.5rem;padding-top:1rem;min-height:3.75rem;position:relative}.mc-layer__header:after{background:#b3b3b3;content:\"\";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}@media screen and (min-width: 1024px){.mc-layer__header{padding-bottom:.75rem;padding-top:1.25rem;min-height:4.25rem}}.mc-layer__icon{fill:#666;height:1.5rem;margin-right:.75rem;width:1.5rem}.mc-layer__title{font-size:.875rem;line-height:1.2857142857;font-weight:400;color:#666;margin-bottom:0;margin-top:0}.mc-layer__close{box-shadow:none;text-decoration:none;outline:none;border:none;padding:0;position:relative;align-self:flex-start;background:transparent url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" viewBox=\"0 0 32 32\" fill=\"#808080\"><path d=\"M17.41 16l8.8-8.79a1 1 0 10-1.42-1.42L16 14.59l-8.79-8.8a1 1 0 00-1.42 1.42l8.8 8.79-8.8 8.79a1 1 0 000 1.42 1 1 0 001.42 0l8.79-8.8 8.79 8.8a1 1 0 001.42 0 1 1 0 000-1.42z\"/></svg>') no-repeat;background-size:contain;cursor:pointer;height:2rem;margin:0 0 0 auto;width:2rem}.mc-layer__close:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease}.mc-layer__close-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-layer__close:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992}.mc-layer__body{flex:1 1;overflow:hidden;padding-left:.5rem;padding-right:.5rem}@media screen and (min-width: 1024px){.mc-layer__body{padding-left:1rem;padding-right:1rem}}.mc-layer__body--overflowing+.mc-layer__footer,.mc-layer__body--overflowing-scroll-edge+.mc-layer__footer{box-shadow:0 4px 20px #19191933;position:relative}.mc-layer__body--overflowing-scroll-edge{padding-left:0;padding-right:0}.mc-layer__body--overflowing-scroll-edge .mc-layer__content{padding-left:1rem;padding-right:1.125rem}@media screen and (min-width: 1024px){.mc-layer__body--overflowing-scroll-edge .mc-layer__content{padding-left:2rem;padding-right:2rem}}.mc-layer__body--scroll-end+.mc-layer__footer{box-shadow:none}.mc-layer__content{max-height:100%;overflow-y:auto;overflow-x:hidden;padding:1.5rem .5rem 3rem;scrollbar-color:#666666 #e6e6e6;scrollbar-width:thin}@media screen and (min-width: 1024px){.mc-layer__content{padding-left:1rem;padding-right:1rem}}.mc-layer__content::-webkit-scrollbar{background-color:#e6e6e6;width:.25rem}.mc-layer__content::-webkit-scrollbar-thumb{background:#666666}.mc-layer__footer{display:flex;flex-direction:column;padding-top:1rem;padding-bottom:1rem}@media screen and (min-width: 1024px){.mc-layer__footer{align-items:center;flex-direction:row;justify-content:center;padding-top:1.5rem;padding-bottom:1.5rem}}.mc-layer__footer>:first-child:not(:only-child){margin-bottom:.75rem}@media screen and (min-width: 1024px){.mc-layer__footer>:first-child:not(:only-child){margin-bottom:0;margin-right:1rem}}.mc-layer-open{overflow:hidden}.mc-layer .mc-layer__dialog.is-open{pointer-events:all;transform:translateZ(0);transition:visibility 0s linear 0s,transform .4s;visibility:visible}.mc-layer-overlay{background-color:#191919b3;filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity .4s ease,visibility 0ms .4s;z-index:1999999998}.mc-layer-overlay.is-visible{opacity:1;pointer-events:all;transition:opacity .4s ease,visibility 0ms;visibility:visible}\n"] }]
703
- }], ctorParameters: function () { return [{ type: undefined, decorators: [{
704
- type: Inject,
705
- args: [LAYER_REF]
706
- }] }, { type: undefined, decorators: [{
707
- type: Inject,
708
- args: [LAYER_CONFIG]
709
- }] }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { contentViewRef: [{
710
- type: ViewChild,
711
- args: ['content', { read: ViewContainerRef, static: true }]
712
- }] } });
713
-
714
- class LayerInjector {
715
- constructor({ injector, layerRef }) {
716
- this.parentInjector = injector;
717
- this.layerRef = layerRef;
718
- this.initAdditionalTokens();
719
- }
720
- get(token, notFoundValue) {
721
- const value = this.additionalTokens.get(token);
722
- if (value) {
723
- return value;
724
- }
725
- return this.parentInjector.get(token, notFoundValue);
726
- }
727
- initAdditionalTokens() {
728
- this.additionalTokens = new WeakMap();
729
- this.additionalTokens.set(LAYER_REF, this.layerRef);
730
- this.additionalTokens.set(LAYER_CONFIG, this.layerRef.config);
731
- this.additionalTokens.set(LAYER_DATA, this.layerRef.config.data);
732
- }
733
- }
734
-
735
- class LayerRefModel {
736
- get afterClosed$() {
737
- return this._afterClosed$.pipe(first());
738
- }
739
- get config$() {
740
- return this._config$.asObservable();
741
- }
742
- get config() {
743
- return this._config$.getValue();
744
- }
745
- get componentRef() {
746
- return this._componentRef;
747
- }
748
- constructor(layerConfig) {
749
- this.layerConfig = layerConfig;
750
- this._config$ = new BehaviorSubject({});
751
- this._afterClosed$ = new Subject();
752
- this.init(layerConfig);
753
- }
754
- init(config) {
755
- this.updateConfig(config);
756
- }
757
- updateConfig(config) {
758
- this._config$.next({ ...this.config, ...config });
759
- }
760
- close(result) {
761
- this._afterClosed$.next(result);
762
- }
763
- setComponentRef(componentRef) {
764
- this._componentRef = componentRef;
765
- }
766
- destroy() {
767
- this._config$.complete();
768
- this._afterClosed$.complete();
769
- }
770
- }
771
-
772
- class LayerService {
773
- constructor(componentFactoryResolver, injector, applicationRef, document) {
774
- this.componentFactoryResolver = componentFactoryResolver;
775
- this.injector = injector;
776
- this.applicationRef = applicationRef;
777
- this.document = document;
778
- }
779
- open(component, config = {}) {
780
- const layerRef = this.createLayer(config);
781
- this.applyChildComponent({ component, layerRef });
782
- return layerRef;
783
- }
784
- createLayer(config) {
785
- const layerRef = new LayerRefModel(config);
786
- const layerInjector = new LayerInjector({ injector: this.injector, layerRef });
787
- const componentRef = this.createComponentRef(layerInjector);
788
- layerRef.setComponentRef(componentRef);
789
- this.appendLayerComponentToBody(componentRef);
790
- this.initDialogRefAfterClosedObserver(layerRef, componentRef);
791
- return layerRef;
792
- }
793
- initDialogRefAfterClosedObserver(layerRef, componentRef) {
794
- layerRef.afterClosed$.subscribe(() => componentRef.destroy());
795
- }
796
- createComponentRef(injector) {
797
- return this.componentFactoryResolver.resolveComponentFactory(LayerComponent).create(injector);
798
- }
799
- appendLayerComponentToBody(componentRef) {
800
- const componentHostView = componentRef.hostView;
801
- const componentHtmlElement = componentHostView.rootNodes[0];
802
- this.applicationRef.attachView(componentHostView);
803
- this.document.body.appendChild(componentHtmlElement);
804
- }
805
- applyChildComponent({ layerRef, component, }) {
806
- const { instance } = layerRef.componentRef;
807
- instance.childComponentType = component;
808
- }
809
- }
810
- LayerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LayerService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: i0.ApplicationRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
811
- LayerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LayerService, providedIn: 'root' });
812
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LayerService, decorators: [{
813
- type: Injectable,
814
- args: [{
815
- providedIn: 'root',
816
- }]
817
- }], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: i0.ApplicationRef }, { type: Document, decorators: [{
818
- type: Inject,
819
- args: [DOCUMENT]
820
- }] }]; } });
821
-
822
- class LayerModule {
823
- }
824
- LayerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LayerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
825
- LayerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: LayerModule, declarations: [LayerComponent], imports: [CommonModule, IconModule], exports: [LayerComponent] });
826
- LayerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LayerModule, providers: [LayerService], imports: [CommonModule, IconModule] });
827
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LayerModule, decorators: [{
828
- type: NgModule,
829
- args: [{
830
- imports: [CommonModule, IconModule],
831
- providers: [LayerService],
832
- declarations: [LayerComponent],
833
- exports: [LayerComponent],
834
- }]
835
- }] });
836
-
837
- const CIRCLE_VIEW_BOX_SIZES = {
838
- s: '0 0 24 24',
839
- m: '0 0 32 32',
840
- l: '0 0 64 64',
841
- };
842
- const CIRCLE_RADIUSES = {
843
- s: 6,
844
- m: 9,
845
- l: 19,
846
- };
847
-
848
- class LoaderComponent {
849
- get viewText() {
850
- return this.isOverlay && !!this.text;
851
- }
852
- get overlayCssClasses() {
853
- return {
854
- 'mc-overlay-loader': true,
855
- 'is-visible': !this.hideOverlay,
856
- };
857
- }
858
- get loaderCssClasses() {
859
- return {
860
- 'mc-loader': true,
861
- [`mc-loader--${this.size}`]: true,
862
- [`mc-loader--${this.theme}`]: this.theme !== 'primary',
863
- };
864
- }
865
- get viewBoxSize() {
866
- return CIRCLE_VIEW_BOX_SIZES[this.size];
867
- }
868
- get radius() {
869
- return CIRCLE_RADIUSES[this.size];
870
- }
871
- constructor(cd) {
872
- this.cd = cd;
873
- this.size = 'm';
874
- this.theme = 'primary';
875
- this.isOverlay = false;
876
- this.hideOverlay = true;
877
- this.text = '';
878
- }
879
- }
880
- LoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LoaderComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
881
- LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: LoaderComponent, selector: "moz-loader", inputs: { size: "size", theme: "theme" }, host: { properties: { "class.loader": "!isOverlay" } }, ngImport: i0, template: "<ng-template #loader>\n <div [ngClass]=\"loaderCssClasses\">\n <span class=\"mc-loader__spinner\">\n <svg class=\"mc-loader__icon\" xmlns=\"http://www.w3.org/2000/svg\" [attr.viewBox]=\"viewBoxSize\">\n <circle class=\"mc-loader__path\" cx=\"50%\" cy=\"50%\" [attr.r]=\"radius\" />\n </svg>\n </span>\n\n <span class=\"mc-loader__text\" *ngIf=\"viewText\">{{ text }}</span>\n </div>\n</ng-template>\n\n<div [ngClass]=\"overlayCssClasses\" tabindex=\"-1\" role=\"dialog\" *ngIf=\"isOverlay; else loader\">\n <ng-container [ngTemplateOutlet]=\"loader\"></ng-container>\n</div>\n", styles: [".mc-overlay{background-color:#191919b3;filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity .4s ease,visibility 0ms .4s;z-index:1999999998}.mc-overlay.is-visible{opacity:1;pointer-events:all;transition:opacity .4s ease,visibility 0ms;visibility:visible}.mc-overlay-loader{background-color:#082435b3;inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity .4s ease,visibility 0ms .4s;z-index:1999999998;align-items:center;display:flex;justify-content:center}.mc-overlay-loader.is-visible{opacity:1;pointer-events:all;transition:opacity .4s ease,visibility 0ms;visibility:visible}.mc-loader{color:#007f8c;align-items:center;display:inline-flex;flex-direction:column}.mc-loader .mc-loader__spinner{height:2rem;width:2rem}.mc-loader .mc-loader__path{stroke-width:4}.mc-loader .mc-loader__path{stroke:currentColor}.mc-loader__spinner:not(:only-child){margin-bottom:1rem}.mc-loader__icon{animation:rotate-loader 2s linear infinite;transform-origin:center}.mc-loader__path{fill:none;stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;animation:animate-dash-loader 2s ease-in-out infinite}.mc-loader__text{font-size:1rem;line-height:1.375;color:currentColor}.mc-loader--s .mc-loader__spinner{height:1.5rem;width:1.5rem}.mc-loader--s .mc-loader__path{stroke-width:4}.mc-loader--l .mc-loader__spinner{height:4rem;width:4rem}.mc-loader--l .mc-loader__path{stroke-width:8}.mc-loader--dark{color:#191919}.mc-loader--dark .mc-loader__path{stroke:currentColor}.mc-loader--light{color:#fff}.mc-loader--light .mc-loader__path{stroke:currentColor}@keyframes rotate-loader{0%{transform:rotate(0)}to{transform:rotate(270deg)}}@keyframes animate-dash-loader{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.loader{display:inline-flex}\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: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
882
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LoaderComponent, decorators: [{
883
- type: Component,
884
- args: [{ selector: 'moz-loader', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { '[class.loader]': '!isOverlay' }, template: "<ng-template #loader>\n <div [ngClass]=\"loaderCssClasses\">\n <span class=\"mc-loader__spinner\">\n <svg class=\"mc-loader__icon\" xmlns=\"http://www.w3.org/2000/svg\" [attr.viewBox]=\"viewBoxSize\">\n <circle class=\"mc-loader__path\" cx=\"50%\" cy=\"50%\" [attr.r]=\"radius\" />\n </svg>\n </span>\n\n <span class=\"mc-loader__text\" *ngIf=\"viewText\">{{ text }}</span>\n </div>\n</ng-template>\n\n<div [ngClass]=\"overlayCssClasses\" tabindex=\"-1\" role=\"dialog\" *ngIf=\"isOverlay; else loader\">\n <ng-container [ngTemplateOutlet]=\"loader\"></ng-container>\n</div>\n", styles: [".mc-overlay{background-color:#191919b3;filter:blur(1px);inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity .4s ease,visibility 0ms .4s;z-index:1999999998}.mc-overlay.is-visible{opacity:1;pointer-events:all;transition:opacity .4s ease,visibility 0ms;visibility:visible}.mc-overlay-loader{background-color:#082435b3;inset:0;opacity:0;position:fixed;pointer-events:none;transition:opacity .4s ease,visibility 0ms .4s;z-index:1999999998;align-items:center;display:flex;justify-content:center}.mc-overlay-loader.is-visible{opacity:1;pointer-events:all;transition:opacity .4s ease,visibility 0ms;visibility:visible}.mc-loader{color:#007f8c;align-items:center;display:inline-flex;flex-direction:column}.mc-loader .mc-loader__spinner{height:2rem;width:2rem}.mc-loader .mc-loader__path{stroke-width:4}.mc-loader .mc-loader__path{stroke:currentColor}.mc-loader__spinner:not(:only-child){margin-bottom:1rem}.mc-loader__icon{animation:rotate-loader 2s linear infinite;transform-origin:center}.mc-loader__path{fill:none;stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;animation:animate-dash-loader 2s ease-in-out infinite}.mc-loader__text{font-size:1rem;line-height:1.375;color:currentColor}.mc-loader--s .mc-loader__spinner{height:1.5rem;width:1.5rem}.mc-loader--s .mc-loader__path{stroke-width:4}.mc-loader--l .mc-loader__spinner{height:4rem;width:4rem}.mc-loader--l .mc-loader__path{stroke-width:8}.mc-loader--dark{color:#191919}.mc-loader--dark .mc-loader__path{stroke:currentColor}.mc-loader--light{color:#fff}.mc-loader--light .mc-loader__path{stroke:currentColor}@keyframes rotate-loader{0%{transform:rotate(0)}to{transform:rotate(270deg)}}@keyframes animate-dash-loader{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.loader{display:inline-flex}\n"] }]
885
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { size: [{
886
- type: Input
887
- }], theme: [{
888
- type: Input
889
- }] } });
890
-
891
- class LoaderService {
892
- get _loaderComponent() {
893
- return this._loaderRef.instance;
894
- }
895
- constructor(applicationRef, componentFactoryResolver, injector, document) {
896
- this.applicationRef = applicationRef;
897
- this.componentFactoryResolver = componentFactoryResolver;
898
- this.injector = injector;
899
- this.document = document;
900
- this._loaderRef = this.createComponentRef();
901
- this._loaderComponent.isOverlay = true;
902
- this._loaderComponent.theme = 'light';
903
- this.appendLoaderToBody(this._loaderRef);
904
- }
905
- startLoad(config) {
906
- const { size = 'l', text = '' } = config || {};
907
- this._loaderComponent.size = size;
908
- this._loaderComponent.text = text;
909
- this._loaderComponent.hideOverlay = false;
910
- this._loaderComponent.cd.markForCheck();
911
- }
912
- stopLoad() {
913
- this._loaderComponent.hideOverlay = true;
914
- this._loaderComponent.cd.markForCheck();
915
- }
916
- createComponentRef() {
917
- return this.componentFactoryResolver
918
- .resolveComponentFactory(LoaderComponent)
919
- .create(this.injector);
920
- }
921
- appendLoaderToBody(componentRef) {
922
- const componentHostView = componentRef.hostView;
923
- const componentHtmlElement = componentHostView.rootNodes[0];
924
- this.applicationRef.attachView(componentHostView);
925
- this.document.body.appendChild(componentHtmlElement);
926
- }
927
- }
928
- LoaderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LoaderService, deps: [{ token: i0.ApplicationRef }, { token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
929
- LoaderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LoaderService, providedIn: 'root' });
930
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LoaderService, decorators: [{
931
- type: Injectable,
932
- args: [{
933
- providedIn: 'root',
934
- }]
935
- }], ctorParameters: function () { return [{ type: i0.ApplicationRef }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: Document, decorators: [{
936
- type: Inject,
937
- args: [DOCUMENT]
938
- }] }]; } });
939
-
940
- class LoaderModule {
941
- }
942
- LoaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
943
- LoaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: LoaderModule, declarations: [LoaderComponent], imports: [CommonModule], exports: [LoaderComponent] });
944
- LoaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LoaderModule, providers: [LoaderService], imports: [CommonModule] });
945
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LoaderModule, decorators: [{
946
- type: NgModule,
947
- args: [{
948
- imports: [CommonModule],
949
- declarations: [LoaderComponent],
950
- providers: [LoaderService],
951
- exports: [LoaderComponent],
952
- }]
953
- }] });
954
-
955
- const NOTIFICATION_CONFIG = new InjectionToken('NOTIFICATION_CONFIG');
956
- class NotificationConfigFactory {
957
- static create(config = {}) {
958
- return { duration: 3000, ...config };
959
- }
960
- }
961
-
962
- const NotificationAnimation = trigger('fadeIn', [
963
- transition(':enter', [
964
- style({ opacity: 1, transform: 'translateY(50%)' }),
965
- animate('300ms ease-out', style({ transform: 'translateY(0)' })),
966
- ]),
967
- transition(':leave', [
968
- group([
969
- query('.mc-notification__title', [animate('200ms', style({ opacity: 0, height: 0 }))], {
970
- optional: true,
971
- }),
972
- query('.mc-notification__message', [animate('200ms', style({ opacity: 0, height: 0 }))], {
973
- optional: true,
974
- }),
975
- query(':self', [
976
- animate('300ms', style({ opacity: 0, height: 0, padding: 0, transform: 'translateY(-200%)' })),
977
- ]),
978
- ]),
979
- ]),
980
- ]);
981
-
982
- class NotificationComponent {
983
- constructor() {
984
- this.type = 'information';
985
- this.size = 'm';
986
- }
987
- get hostCssClasses() {
988
- const staticClasses = 'mc-notification';
989
- const sizeCssClass = `mc-notification--${this.size}`;
990
- const typeCssClass = `mc-notification--${this.type}`;
991
- const dynamicClasses = `${sizeCssClass} ${typeCssClass}`;
992
- return `${staticClasses} ${dynamicClasses}`;
993
- }
994
- }
995
- NotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
996
- NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NotificationComponent, selector: "moz-notification", inputs: { type: "type", size: "size" }, host: { properties: { "class.mc-notification": "true", "class": "this.hostCssClasses" } }, ngImport: i0, template: "<div class=\"mc-notification__content\">\n <ng-content select=\"[mozNotificationTitle]\"></ng-content>\n <ng-content select=\"[mozNotificationMessage]\"></ng-content>\n <ng-content select=\"[mozNotificationFooter]\"></ng-content>\n</div>\n", styles: [".mc-notification{font-family:Roboto,sans-serif;font-weight:400;border-radius:4px;display:flex;flex-flow:row wrap;align-items:flex-start;padding:1rem 1.5rem 1.5rem 1rem;background:#daeff7;box-shadow:inset 0 0 0 1px #0b96cc;box-sizing:border-box;color:#000}.mc-notification:before{background-size:2rem;flex:0 0 2rem;height:2rem;margin-right:1rem;width:2rem}.mc-notification .mc-notification__content{padding-top:.25rem}.mc-notification .mc-notification__title+.mc-notification__message{margin-top:.5rem}.mc-notification:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" viewBox=\"0 0 32 32\" fill=\"#007bb4\"><path d=\"M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z\"/><path d=\"M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z\"/><circle cx=\"16\" cy=\"11.3\" r=\"1\"/></svg>')}.mc-notification:before{background-color:transparent;background-repeat:no-repeat;content:\"\";display:block}.mc-notification__content{flex:1 1 0}.mc-notification__title,.mc-notification__message{margin-bottom:0;margin-top:0}.mc-notification__title{font-family:Roboto,sans-serif;font-weight:700;font-size:1rem;line-height:1.5}.mc-notification__message{font-size:.875rem;line-height:1.5714285714}.mc-notification__footer{align-items:flex-start;display:flex;flex-direction:column;margin-top:1rem}@media screen and (min-width: 1024px){.mc-notification__footer{flex-direction:row}}.mc-notification__link{font-size:.875rem;line-height:1.2857142857;margin-top:.5rem}.mc-notification .mc-button:not(:first-child){margin-top:1rem}@media screen and (min-width: 1024px){.mc-notification .mc-button:not(:first-child){margin-top:0;margin-left:1rem}}.mc-notification--information{background:#daeff7;box-shadow:inset 0 0 0 1px #0b96cc}.mc-notification--information:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" viewBox=\"0 0 32 32\" fill=\"#007bb4\"><path d=\"M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z\"/><path d=\"M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z\"/><circle cx=\"16\" cy=\"11.3\" r=\"1\"/></svg>')}.mc-notification--success{background:#ebf5de;box-shadow:inset 0 0 0 1px #46a610}.mc-notification--success:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" fill=\"#188803\" viewBox=\"0 0 32 32\"><path d=\"M16,5A11,11,0,1,1,5,16,11,11,0,0,1,16,5m0-2A13,13,0,1,0,29,16,13,13,0,0,0,16,3Z\"/><path d=\"M14.2,21.45,8.5,16.18a1,1,0,1,1,1.35-1.47l4.28,4,8-8.09a1,1,0,0,1,1.42,0,1,1,0,0,1,0,1.41Z\"/></svg>')}.mc-notification--warning{background:#fdf1e8;box-shadow:inset 0 0 0 1px #ea7315}.mc-notification--warning:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" viewBox=\"0 0 32 32\" fill=\"#c65200\"><path d=\"M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z\"/><path d=\"M16,18.13a1,1,0,0,1-1-1V11.3a1,1,0,0,1,2,0v5.83A1,1,0,0,1,16,18.13Z\"/><circle cx=\"16\" cy=\"20.7\" r=\"1\"/></svg>')}.mc-notification--danger{background:#fdeaea;box-shadow:inset 0 0 0 1px #ea302d}.mc-notification--danger:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" viewBox=\"0 0 32 32\" fill=\"#c61112\"><path d=\"M16,3A13,13,0,1,0,29,16,13,13,0,0,0,16,3Zm0,24A11,11,0,1,1,27,16,11,11,0,0,1,16,27Z\"/><path d=\"M20.71,11.29a1,1,0,0,0-1.42,0L16,14.59l-3.29-3.3a1,1,0,0,0-1.42,1.42L14.59,16l-3.3,3.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L16,17.41l3.29,3.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42L17.41,16l3.3-3.29A1,1,0,0,0,20.71,11.29Z\"/></svg>')}.mc-notification--s{padding:.75rem .75rem 1.5rem}.mc-notification--s:before{background-size:1.5rem;flex:0 0 1.5rem;height:1.5rem;margin-right:.5rem;width:1.5rem}.mc-notification--s .mc-notification__content{padding-top:0}.mc-notification--s .mc-notification__title+.mc-notification__message{margin-top:.25rem}.mc-notification--s:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" viewBox=\"0 0 24 24\" fill=\"#007bb4\"><path d=\"M12 22a10 10 0 1110-10 10 10 0 01-10 10zm0-18a8 8 0 108 8 8 8 0 00-8-8z\"/><path d=\"M12 17a1 1 0 01-1-1v-4.39a1 1 0 012 0V16a1 1 0 01-1 1z\"/><circle cx=\"12\" cy=\"8\" r=\"1\"/></svg>')}.mc-notification--s.mc-notification--success:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" viewBox=\"0 0 24 24\" fill=\"#188803\"><path d=\"M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z\"/><path d=\"M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z\"/></svg>')}.mc-notification--s.mc-notification--warning:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" viewBox=\"0 0 24 24\" fill=\"#c65200\"><path d=\"M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z\"/><path d=\"M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z\"/><circle cx=\"12\" cy=\"16\" r=\"1\"/></svg>')}.mc-notification--s.mc-notification--danger:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" viewBox=\"0 0 24 24\" fill=\"#c61112\"><path d=\"M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z\"/><path d=\"M16.21 7.88a1 1 0 00-1.42 0l-2.74 2.74-2.84-2.83a1 1 0 10-1.42 1.42L10.63 12l-2.77 2.79a1 1 0 001.41 1.42l2.78-2.77 2.68 2.68a1 1 0 001.41-1.42L13.46 12l2.75-2.7a1 1 0 000-1.42z\"/></svg>')}.mc-notification-closable{position:relative}.mc-notification-closable__close{position:relative;background:transparent url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#000000\" viewBox=\"0 0 16 16\"><path d=\"M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z\"/></svg>') no-repeat;background-size:1rem;border:0;cursor:pointer;display:block;height:1rem;padding:0;position:absolute;outline:0;right:1rem;top:1rem;width:1rem}.mc-notification-closable__close:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease}.mc-notification-closable__close:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992;box-shadow:0 0 0 .125rem #758992}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
997
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationComponent, decorators: [{
998
- type: Component,
999
- args: [{ selector: 'moz-notification', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { '[class.mc-notification]': 'true' }, template: "<div class=\"mc-notification__content\">\n <ng-content select=\"[mozNotificationTitle]\"></ng-content>\n <ng-content select=\"[mozNotificationMessage]\"></ng-content>\n <ng-content select=\"[mozNotificationFooter]\"></ng-content>\n</div>\n", styles: [".mc-notification{font-family:Roboto,sans-serif;font-weight:400;border-radius:4px;display:flex;flex-flow:row wrap;align-items:flex-start;padding:1rem 1.5rem 1.5rem 1rem;background:#daeff7;box-shadow:inset 0 0 0 1px #0b96cc;box-sizing:border-box;color:#000}.mc-notification:before{background-size:2rem;flex:0 0 2rem;height:2rem;margin-right:1rem;width:2rem}.mc-notification .mc-notification__content{padding-top:.25rem}.mc-notification .mc-notification__title+.mc-notification__message{margin-top:.5rem}.mc-notification:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" viewBox=\"0 0 32 32\" fill=\"#007bb4\"><path d=\"M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z\"/><path d=\"M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z\"/><circle cx=\"16\" cy=\"11.3\" r=\"1\"/></svg>')}.mc-notification:before{background-color:transparent;background-repeat:no-repeat;content:\"\";display:block}.mc-notification__content{flex:1 1 0}.mc-notification__title,.mc-notification__message{margin-bottom:0;margin-top:0}.mc-notification__title{font-family:Roboto,sans-serif;font-weight:700;font-size:1rem;line-height:1.5}.mc-notification__message{font-size:.875rem;line-height:1.5714285714}.mc-notification__footer{align-items:flex-start;display:flex;flex-direction:column;margin-top:1rem}@media screen and (min-width: 1024px){.mc-notification__footer{flex-direction:row}}.mc-notification__link{font-size:.875rem;line-height:1.2857142857;margin-top:.5rem}.mc-notification .mc-button:not(:first-child){margin-top:1rem}@media screen and (min-width: 1024px){.mc-notification .mc-button:not(:first-child){margin-top:0;margin-left:1rem}}.mc-notification--information{background:#daeff7;box-shadow:inset 0 0 0 1px #0b96cc}.mc-notification--information:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" viewBox=\"0 0 32 32\" fill=\"#007bb4\"><path d=\"M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z\"/><path d=\"M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z\"/><circle cx=\"16\" cy=\"11.3\" r=\"1\"/></svg>')}.mc-notification--success{background:#ebf5de;box-shadow:inset 0 0 0 1px #46a610}.mc-notification--success:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" fill=\"#188803\" viewBox=\"0 0 32 32\"><path d=\"M16,5A11,11,0,1,1,5,16,11,11,0,0,1,16,5m0-2A13,13,0,1,0,29,16,13,13,0,0,0,16,3Z\"/><path d=\"M14.2,21.45,8.5,16.18a1,1,0,1,1,1.35-1.47l4.28,4,8-8.09a1,1,0,0,1,1.42,0,1,1,0,0,1,0,1.41Z\"/></svg>')}.mc-notification--warning{background:#fdf1e8;box-shadow:inset 0 0 0 1px #ea7315}.mc-notification--warning:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" viewBox=\"0 0 32 32\" fill=\"#c65200\"><path d=\"M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z\"/><path d=\"M16,18.13a1,1,0,0,1-1-1V11.3a1,1,0,0,1,2,0v5.83A1,1,0,0,1,16,18.13Z\"/><circle cx=\"16\" cy=\"20.7\" r=\"1\"/></svg>')}.mc-notification--danger{background:#fdeaea;box-shadow:inset 0 0 0 1px #ea302d}.mc-notification--danger:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" viewBox=\"0 0 32 32\" fill=\"#c61112\"><path d=\"M16,3A13,13,0,1,0,29,16,13,13,0,0,0,16,3Zm0,24A11,11,0,1,1,27,16,11,11,0,0,1,16,27Z\"/><path d=\"M20.71,11.29a1,1,0,0,0-1.42,0L16,14.59l-3.29-3.3a1,1,0,0,0-1.42,1.42L14.59,16l-3.3,3.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L16,17.41l3.29,3.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42L17.41,16l3.3-3.29A1,1,0,0,0,20.71,11.29Z\"/></svg>')}.mc-notification--s{padding:.75rem .75rem 1.5rem}.mc-notification--s:before{background-size:1.5rem;flex:0 0 1.5rem;height:1.5rem;margin-right:.5rem;width:1.5rem}.mc-notification--s .mc-notification__content{padding-top:0}.mc-notification--s .mc-notification__title+.mc-notification__message{margin-top:.25rem}.mc-notification--s:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" viewBox=\"0 0 24 24\" fill=\"#007bb4\"><path d=\"M12 22a10 10 0 1110-10 10 10 0 01-10 10zm0-18a8 8 0 108 8 8 8 0 00-8-8z\"/><path d=\"M12 17a1 1 0 01-1-1v-4.39a1 1 0 012 0V16a1 1 0 01-1 1z\"/><circle cx=\"12\" cy=\"8\" r=\"1\"/></svg>')}.mc-notification--s.mc-notification--success:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" viewBox=\"0 0 24 24\" fill=\"#188803\"><path d=\"M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z\"/><path d=\"M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z\"/></svg>')}.mc-notification--s.mc-notification--warning:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" viewBox=\"0 0 24 24\" fill=\"#c65200\"><path d=\"M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z\"/><path d=\"M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z\"/><circle cx=\"12\" cy=\"16\" r=\"1\"/></svg>')}.mc-notification--s.mc-notification--danger:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" viewBox=\"0 0 24 24\" fill=\"#c61112\"><path d=\"M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z\"/><path d=\"M16.21 7.88a1 1 0 00-1.42 0l-2.74 2.74-2.84-2.83a1 1 0 10-1.42 1.42L10.63 12l-2.77 2.79a1 1 0 001.41 1.42l2.78-2.77 2.68 2.68a1 1 0 001.41-1.42L13.46 12l2.75-2.7a1 1 0 000-1.42z\"/></svg>')}.mc-notification-closable{position:relative}.mc-notification-closable__close{position:relative;background:transparent url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#000000\" viewBox=\"0 0 16 16\"><path d=\"M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z\"/></svg>') no-repeat;background-size:1rem;border:0;cursor:pointer;display:block;height:1rem;padding:0;position:absolute;outline:0;right:1rem;top:1rem;width:1rem}.mc-notification-closable__close:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease}.mc-notification-closable__close:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992;box-shadow:0 0 0 .125rem #758992}\n"] }]
1000
- }], propDecorators: { type: [{
1001
- type: Input
1002
- }], size: [{
1003
- type: Input
1004
- }], hostCssClasses: [{
1005
- type: HostBinding,
1006
- args: ['class']
1007
- }] } });
1008
-
1009
- class NotificationTitleComponent {
1010
- }
1011
- NotificationTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1012
- NotificationTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NotificationTitleComponent, selector: "[mozNotificationTitle]", host: { properties: { "class.mc-notification__title": "true" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".mc-notification{font-family:Roboto,sans-serif;font-weight:400;border-radius:4px;display:flex;flex-flow:row wrap;align-items:flex-start;padding:1rem 1.5rem 1.5rem 1rem;background:#daeff7;box-shadow:inset 0 0 0 1px #0b96cc;box-sizing:border-box;color:#000}.mc-notification:before{background-size:2rem;flex:0 0 2rem;height:2rem;margin-right:1rem;width:2rem}.mc-notification .mc-notification__content{padding-top:.25rem}.mc-notification .mc-notification__title+.mc-notification__message{margin-top:.5rem}.mc-notification:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" viewBox=\"0 0 32 32\" fill=\"#007bb4\"><path d=\"M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z\"/><path d=\"M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z\"/><circle cx=\"16\" cy=\"11.3\" r=\"1\"/></svg>')}.mc-notification:before{background-color:transparent;background-repeat:no-repeat;content:\"\";display:block}.mc-notification__content{flex:1 1 0}.mc-notification__title,.mc-notification__message{margin-bottom:0;margin-top:0}.mc-notification__title{font-family:Roboto,sans-serif;font-weight:700;font-size:1rem;line-height:1.5}.mc-notification__message{font-size:.875rem;line-height:1.5714285714}.mc-notification__footer{align-items:flex-start;display:flex;flex-direction:column;margin-top:1rem}@media screen and (min-width: 1024px){.mc-notification__footer{flex-direction:row}}.mc-notification__link{font-size:.875rem;line-height:1.2857142857;margin-top:.5rem}.mc-notification .mc-button:not(:first-child){margin-top:1rem}@media screen and (min-width: 1024px){.mc-notification .mc-button:not(:first-child){margin-top:0;margin-left:1rem}}.mc-notification--information{background:#daeff7;box-shadow:inset 0 0 0 1px #0b96cc}.mc-notification--information:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" viewBox=\"0 0 32 32\" fill=\"#007bb4\"><path d=\"M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z\"/><path d=\"M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z\"/><circle cx=\"16\" cy=\"11.3\" r=\"1\"/></svg>')}.mc-notification--success{background:#ebf5de;box-shadow:inset 0 0 0 1px #46a610}.mc-notification--success:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" fill=\"#188803\" viewBox=\"0 0 32 32\"><path d=\"M16,5A11,11,0,1,1,5,16,11,11,0,0,1,16,5m0-2A13,13,0,1,0,29,16,13,13,0,0,0,16,3Z\"/><path d=\"M14.2,21.45,8.5,16.18a1,1,0,1,1,1.35-1.47l4.28,4,8-8.09a1,1,0,0,1,1.42,0,1,1,0,0,1,0,1.41Z\"/></svg>')}.mc-notification--warning{background:#fdf1e8;box-shadow:inset 0 0 0 1px #ea7315}.mc-notification--warning:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" viewBox=\"0 0 32 32\" fill=\"#c65200\"><path d=\"M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z\"/><path d=\"M16,18.13a1,1,0,0,1-1-1V11.3a1,1,0,0,1,2,0v5.83A1,1,0,0,1,16,18.13Z\"/><circle cx=\"16\" cy=\"20.7\" r=\"1\"/></svg>')}.mc-notification--danger{background:#fdeaea;box-shadow:inset 0 0 0 1px #ea302d}.mc-notification--danger:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" viewBox=\"0 0 32 32\" fill=\"#c61112\"><path d=\"M16,3A13,13,0,1,0,29,16,13,13,0,0,0,16,3Zm0,24A11,11,0,1,1,27,16,11,11,0,0,1,16,27Z\"/><path d=\"M20.71,11.29a1,1,0,0,0-1.42,0L16,14.59l-3.29-3.3a1,1,0,0,0-1.42,1.42L14.59,16l-3.3,3.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L16,17.41l3.29,3.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42L17.41,16l3.3-3.29A1,1,0,0,0,20.71,11.29Z\"/></svg>')}.mc-notification--s{padding:.75rem .75rem 1.5rem}.mc-notification--s:before{background-size:1.5rem;flex:0 0 1.5rem;height:1.5rem;margin-right:.5rem;width:1.5rem}.mc-notification--s .mc-notification__content{padding-top:0}.mc-notification--s .mc-notification__title+.mc-notification__message{margin-top:.25rem}.mc-notification--s:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" viewBox=\"0 0 24 24\" fill=\"#007bb4\"><path d=\"M12 22a10 10 0 1110-10 10 10 0 01-10 10zm0-18a8 8 0 108 8 8 8 0 00-8-8z\"/><path d=\"M12 17a1 1 0 01-1-1v-4.39a1 1 0 012 0V16a1 1 0 01-1 1z\"/><circle cx=\"12\" cy=\"8\" r=\"1\"/></svg>')}.mc-notification--s.mc-notification--success:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" viewBox=\"0 0 24 24\" fill=\"#188803\"><path d=\"M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z\"/><path d=\"M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z\"/></svg>')}.mc-notification--s.mc-notification--warning:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" viewBox=\"0 0 24 24\" fill=\"#c65200\"><path d=\"M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z\"/><path d=\"M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z\"/><circle cx=\"12\" cy=\"16\" r=\"1\"/></svg>')}.mc-notification--s.mc-notification--danger:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" viewBox=\"0 0 24 24\" fill=\"#c61112\"><path d=\"M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z\"/><path d=\"M16.21 7.88a1 1 0 00-1.42 0l-2.74 2.74-2.84-2.83a1 1 0 10-1.42 1.42L10.63 12l-2.77 2.79a1 1 0 001.41 1.42l2.78-2.77 2.68 2.68a1 1 0 001.41-1.42L13.46 12l2.75-2.7a1 1 0 000-1.42z\"/></svg>')}.mc-notification-closable{position:relative}.mc-notification-closable__close{position:relative;background:transparent url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#000000\" viewBox=\"0 0 16 16\"><path d=\"M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z\"/></svg>') no-repeat;background-size:1rem;border:0;cursor:pointer;display:block;height:1rem;padding:0;position:absolute;outline:0;right:1rem;top:1rem;width:1rem}.mc-notification-closable__close:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease}.mc-notification-closable__close:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992;box-shadow:0 0 0 .125rem #758992}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1013
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationTitleComponent, decorators: [{
1014
- type: Component,
1015
- args: [{ template: '<ng-content></ng-content>', selector: '[mozNotificationTitle]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { '[class.mc-notification__title]': 'true' }, styles: [".mc-notification{font-family:Roboto,sans-serif;font-weight:400;border-radius:4px;display:flex;flex-flow:row wrap;align-items:flex-start;padding:1rem 1.5rem 1.5rem 1rem;background:#daeff7;box-shadow:inset 0 0 0 1px #0b96cc;box-sizing:border-box;color:#000}.mc-notification:before{background-size:2rem;flex:0 0 2rem;height:2rem;margin-right:1rem;width:2rem}.mc-notification .mc-notification__content{padding-top:.25rem}.mc-notification .mc-notification__title+.mc-notification__message{margin-top:.5rem}.mc-notification:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" viewBox=\"0 0 32 32\" fill=\"#007bb4\"><path d=\"M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z\"/><path d=\"M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z\"/><circle cx=\"16\" cy=\"11.3\" r=\"1\"/></svg>')}.mc-notification:before{background-color:transparent;background-repeat:no-repeat;content:\"\";display:block}.mc-notification__content{flex:1 1 0}.mc-notification__title,.mc-notification__message{margin-bottom:0;margin-top:0}.mc-notification__title{font-family:Roboto,sans-serif;font-weight:700;font-size:1rem;line-height:1.5}.mc-notification__message{font-size:.875rem;line-height:1.5714285714}.mc-notification__footer{align-items:flex-start;display:flex;flex-direction:column;margin-top:1rem}@media screen and (min-width: 1024px){.mc-notification__footer{flex-direction:row}}.mc-notification__link{font-size:.875rem;line-height:1.2857142857;margin-top:.5rem}.mc-notification .mc-button:not(:first-child){margin-top:1rem}@media screen and (min-width: 1024px){.mc-notification .mc-button:not(:first-child){margin-top:0;margin-left:1rem}}.mc-notification--information{background:#daeff7;box-shadow:inset 0 0 0 1px #0b96cc}.mc-notification--information:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" viewBox=\"0 0 32 32\" fill=\"#007bb4\"><path d=\"M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z\"/><path d=\"M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z\"/><circle cx=\"16\" cy=\"11.3\" r=\"1\"/></svg>')}.mc-notification--success{background:#ebf5de;box-shadow:inset 0 0 0 1px #46a610}.mc-notification--success:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" fill=\"#188803\" viewBox=\"0 0 32 32\"><path d=\"M16,5A11,11,0,1,1,5,16,11,11,0,0,1,16,5m0-2A13,13,0,1,0,29,16,13,13,0,0,0,16,3Z\"/><path d=\"M14.2,21.45,8.5,16.18a1,1,0,1,1,1.35-1.47l4.28,4,8-8.09a1,1,0,0,1,1.42,0,1,1,0,0,1,0,1.41Z\"/></svg>')}.mc-notification--warning{background:#fdf1e8;box-shadow:inset 0 0 0 1px #ea7315}.mc-notification--warning:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" viewBox=\"0 0 32 32\" fill=\"#c65200\"><path d=\"M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z\"/><path d=\"M16,18.13a1,1,0,0,1-1-1V11.3a1,1,0,0,1,2,0v5.83A1,1,0,0,1,16,18.13Z\"/><circle cx=\"16\" cy=\"20.7\" r=\"1\"/></svg>')}.mc-notification--danger{background:#fdeaea;box-shadow:inset 0 0 0 1px #ea302d}.mc-notification--danger:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" viewBox=\"0 0 32 32\" fill=\"#c61112\"><path d=\"M16,3A13,13,0,1,0,29,16,13,13,0,0,0,16,3Zm0,24A11,11,0,1,1,27,16,11,11,0,0,1,16,27Z\"/><path d=\"M20.71,11.29a1,1,0,0,0-1.42,0L16,14.59l-3.29-3.3a1,1,0,0,0-1.42,1.42L14.59,16l-3.3,3.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L16,17.41l3.29,3.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42L17.41,16l3.3-3.29A1,1,0,0,0,20.71,11.29Z\"/></svg>')}.mc-notification--s{padding:.75rem .75rem 1.5rem}.mc-notification--s:before{background-size:1.5rem;flex:0 0 1.5rem;height:1.5rem;margin-right:.5rem;width:1.5rem}.mc-notification--s .mc-notification__content{padding-top:0}.mc-notification--s .mc-notification__title+.mc-notification__message{margin-top:.25rem}.mc-notification--s:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" viewBox=\"0 0 24 24\" fill=\"#007bb4\"><path d=\"M12 22a10 10 0 1110-10 10 10 0 01-10 10zm0-18a8 8 0 108 8 8 8 0 00-8-8z\"/><path d=\"M12 17a1 1 0 01-1-1v-4.39a1 1 0 012 0V16a1 1 0 01-1 1z\"/><circle cx=\"12\" cy=\"8\" r=\"1\"/></svg>')}.mc-notification--s.mc-notification--success:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" viewBox=\"0 0 24 24\" fill=\"#188803\"><path d=\"M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z\"/><path d=\"M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z\"/></svg>')}.mc-notification--s.mc-notification--warning:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" viewBox=\"0 0 24 24\" fill=\"#c65200\"><path d=\"M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z\"/><path d=\"M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z\"/><circle cx=\"12\" cy=\"16\" r=\"1\"/></svg>')}.mc-notification--s.mc-notification--danger:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" viewBox=\"0 0 24 24\" fill=\"#c61112\"><path d=\"M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z\"/><path d=\"M16.21 7.88a1 1 0 00-1.42 0l-2.74 2.74-2.84-2.83a1 1 0 10-1.42 1.42L10.63 12l-2.77 2.79a1 1 0 001.41 1.42l2.78-2.77 2.68 2.68a1 1 0 001.41-1.42L13.46 12l2.75-2.7a1 1 0 000-1.42z\"/></svg>')}.mc-notification-closable{position:relative}.mc-notification-closable__close{position:relative;background:transparent url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#000000\" viewBox=\"0 0 16 16\"><path d=\"M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z\"/></svg>') no-repeat;background-size:1rem;border:0;cursor:pointer;display:block;height:1rem;padding:0;position:absolute;outline:0;right:1rem;top:1rem;width:1rem}.mc-notification-closable__close:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease}.mc-notification-closable__close:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992;box-shadow:0 0 0 .125rem #758992}\n"] }]
1016
- }] });
1017
-
1018
- class NotificationMessageComponent {
1019
- }
1020
- NotificationMessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1021
- NotificationMessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NotificationMessageComponent, selector: "[mozNotificationMessage]", host: { properties: { "class.mc-notification__message": "true" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".mc-notification{font-family:Roboto,sans-serif;font-weight:400;border-radius:4px;display:flex;flex-flow:row wrap;align-items:flex-start;padding:1rem 1.5rem 1.5rem 1rem;background:#daeff7;box-shadow:inset 0 0 0 1px #0b96cc;box-sizing:border-box;color:#000}.mc-notification:before{background-size:2rem;flex:0 0 2rem;height:2rem;margin-right:1rem;width:2rem}.mc-notification .mc-notification__content{padding-top:.25rem}.mc-notification .mc-notification__title+.mc-notification__message{margin-top:.5rem}.mc-notification:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" viewBox=\"0 0 32 32\" fill=\"#007bb4\"><path d=\"M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z\"/><path d=\"M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z\"/><circle cx=\"16\" cy=\"11.3\" r=\"1\"/></svg>')}.mc-notification:before{background-color:transparent;background-repeat:no-repeat;content:\"\";display:block}.mc-notification__content{flex:1 1 0}.mc-notification__title,.mc-notification__message{margin-bottom:0;margin-top:0}.mc-notification__title{font-family:Roboto,sans-serif;font-weight:700;font-size:1rem;line-height:1.5}.mc-notification__message{font-size:.875rem;line-height:1.5714285714}.mc-notification__footer{align-items:flex-start;display:flex;flex-direction:column;margin-top:1rem}@media screen and (min-width: 1024px){.mc-notification__footer{flex-direction:row}}.mc-notification__link{font-size:.875rem;line-height:1.2857142857;margin-top:.5rem}.mc-notification .mc-button:not(:first-child){margin-top:1rem}@media screen and (min-width: 1024px){.mc-notification .mc-button:not(:first-child){margin-top:0;margin-left:1rem}}.mc-notification--information{background:#daeff7;box-shadow:inset 0 0 0 1px #0b96cc}.mc-notification--information:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" viewBox=\"0 0 32 32\" fill=\"#007bb4\"><path d=\"M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z\"/><path d=\"M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z\"/><circle cx=\"16\" cy=\"11.3\" r=\"1\"/></svg>')}.mc-notification--success{background:#ebf5de;box-shadow:inset 0 0 0 1px #46a610}.mc-notification--success:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" fill=\"#188803\" viewBox=\"0 0 32 32\"><path d=\"M16,5A11,11,0,1,1,5,16,11,11,0,0,1,16,5m0-2A13,13,0,1,0,29,16,13,13,0,0,0,16,3Z\"/><path d=\"M14.2,21.45,8.5,16.18a1,1,0,1,1,1.35-1.47l4.28,4,8-8.09a1,1,0,0,1,1.42,0,1,1,0,0,1,0,1.41Z\"/></svg>')}.mc-notification--warning{background:#fdf1e8;box-shadow:inset 0 0 0 1px #ea7315}.mc-notification--warning:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" viewBox=\"0 0 32 32\" fill=\"#c65200\"><path d=\"M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z\"/><path d=\"M16,18.13a1,1,0,0,1-1-1V11.3a1,1,0,0,1,2,0v5.83A1,1,0,0,1,16,18.13Z\"/><circle cx=\"16\" cy=\"20.7\" r=\"1\"/></svg>')}.mc-notification--danger{background:#fdeaea;box-shadow:inset 0 0 0 1px #ea302d}.mc-notification--danger:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" viewBox=\"0 0 32 32\" fill=\"#c61112\"><path d=\"M16,3A13,13,0,1,0,29,16,13,13,0,0,0,16,3Zm0,24A11,11,0,1,1,27,16,11,11,0,0,1,16,27Z\"/><path d=\"M20.71,11.29a1,1,0,0,0-1.42,0L16,14.59l-3.29-3.3a1,1,0,0,0-1.42,1.42L14.59,16l-3.3,3.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L16,17.41l3.29,3.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42L17.41,16l3.3-3.29A1,1,0,0,0,20.71,11.29Z\"/></svg>')}.mc-notification--s{padding:.75rem .75rem 1.5rem}.mc-notification--s:before{background-size:1.5rem;flex:0 0 1.5rem;height:1.5rem;margin-right:.5rem;width:1.5rem}.mc-notification--s .mc-notification__content{padding-top:0}.mc-notification--s .mc-notification__title+.mc-notification__message{margin-top:.25rem}.mc-notification--s:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" viewBox=\"0 0 24 24\" fill=\"#007bb4\"><path d=\"M12 22a10 10 0 1110-10 10 10 0 01-10 10zm0-18a8 8 0 108 8 8 8 0 00-8-8z\"/><path d=\"M12 17a1 1 0 01-1-1v-4.39a1 1 0 012 0V16a1 1 0 01-1 1z\"/><circle cx=\"12\" cy=\"8\" r=\"1\"/></svg>')}.mc-notification--s.mc-notification--success:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" viewBox=\"0 0 24 24\" fill=\"#188803\"><path d=\"M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z\"/><path d=\"M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z\"/></svg>')}.mc-notification--s.mc-notification--warning:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" viewBox=\"0 0 24 24\" fill=\"#c65200\"><path d=\"M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z\"/><path d=\"M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z\"/><circle cx=\"12\" cy=\"16\" r=\"1\"/></svg>')}.mc-notification--s.mc-notification--danger:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" viewBox=\"0 0 24 24\" fill=\"#c61112\"><path d=\"M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z\"/><path d=\"M16.21 7.88a1 1 0 00-1.42 0l-2.74 2.74-2.84-2.83a1 1 0 10-1.42 1.42L10.63 12l-2.77 2.79a1 1 0 001.41 1.42l2.78-2.77 2.68 2.68a1 1 0 001.41-1.42L13.46 12l2.75-2.7a1 1 0 000-1.42z\"/></svg>')}.mc-notification-closable{position:relative}.mc-notification-closable__close{position:relative;background:transparent url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#000000\" viewBox=\"0 0 16 16\"><path d=\"M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z\"/></svg>') no-repeat;background-size:1rem;border:0;cursor:pointer;display:block;height:1rem;padding:0;position:absolute;outline:0;right:1rem;top:1rem;width:1rem}.mc-notification-closable__close:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease}.mc-notification-closable__close:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992;box-shadow:0 0 0 .125rem #758992}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1022
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationMessageComponent, decorators: [{
1023
- type: Component,
1024
- args: [{ template: '<ng-content></ng-content>', selector: '[mozNotificationMessage]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { '[class.mc-notification__message]': 'true' }, styles: [".mc-notification{font-family:Roboto,sans-serif;font-weight:400;border-radius:4px;display:flex;flex-flow:row wrap;align-items:flex-start;padding:1rem 1.5rem 1.5rem 1rem;background:#daeff7;box-shadow:inset 0 0 0 1px #0b96cc;box-sizing:border-box;color:#000}.mc-notification:before{background-size:2rem;flex:0 0 2rem;height:2rem;margin-right:1rem;width:2rem}.mc-notification .mc-notification__content{padding-top:.25rem}.mc-notification .mc-notification__title+.mc-notification__message{margin-top:.5rem}.mc-notification:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" viewBox=\"0 0 32 32\" fill=\"#007bb4\"><path d=\"M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z\"/><path d=\"M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z\"/><circle cx=\"16\" cy=\"11.3\" r=\"1\"/></svg>')}.mc-notification:before{background-color:transparent;background-repeat:no-repeat;content:\"\";display:block}.mc-notification__content{flex:1 1 0}.mc-notification__title,.mc-notification__message{margin-bottom:0;margin-top:0}.mc-notification__title{font-family:Roboto,sans-serif;font-weight:700;font-size:1rem;line-height:1.5}.mc-notification__message{font-size:.875rem;line-height:1.5714285714}.mc-notification__footer{align-items:flex-start;display:flex;flex-direction:column;margin-top:1rem}@media screen and (min-width: 1024px){.mc-notification__footer{flex-direction:row}}.mc-notification__link{font-size:.875rem;line-height:1.2857142857;margin-top:.5rem}.mc-notification .mc-button:not(:first-child){margin-top:1rem}@media screen and (min-width: 1024px){.mc-notification .mc-button:not(:first-child){margin-top:0;margin-left:1rem}}.mc-notification--information{background:#daeff7;box-shadow:inset 0 0 0 1px #0b96cc}.mc-notification--information:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" viewBox=\"0 0 32 32\" fill=\"#007bb4\"><path d=\"M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z\"/><path d=\"M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z\"/><circle cx=\"16\" cy=\"11.3\" r=\"1\"/></svg>')}.mc-notification--success{background:#ebf5de;box-shadow:inset 0 0 0 1px #46a610}.mc-notification--success:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" fill=\"#188803\" viewBox=\"0 0 32 32\"><path d=\"M16,5A11,11,0,1,1,5,16,11,11,0,0,1,16,5m0-2A13,13,0,1,0,29,16,13,13,0,0,0,16,3Z\"/><path d=\"M14.2,21.45,8.5,16.18a1,1,0,1,1,1.35-1.47l4.28,4,8-8.09a1,1,0,0,1,1.42,0,1,1,0,0,1,0,1.41Z\"/></svg>')}.mc-notification--warning{background:#fdf1e8;box-shadow:inset 0 0 0 1px #ea7315}.mc-notification--warning:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" viewBox=\"0 0 32 32\" fill=\"#c65200\"><path d=\"M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z\"/><path d=\"M16,18.13a1,1,0,0,1-1-1V11.3a1,1,0,0,1,2,0v5.83A1,1,0,0,1,16,18.13Z\"/><circle cx=\"16\" cy=\"20.7\" r=\"1\"/></svg>')}.mc-notification--danger{background:#fdeaea;box-shadow:inset 0 0 0 1px #ea302d}.mc-notification--danger:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" viewBox=\"0 0 32 32\" fill=\"#c61112\"><path d=\"M16,3A13,13,0,1,0,29,16,13,13,0,0,0,16,3Zm0,24A11,11,0,1,1,27,16,11,11,0,0,1,16,27Z\"/><path d=\"M20.71,11.29a1,1,0,0,0-1.42,0L16,14.59l-3.29-3.3a1,1,0,0,0-1.42,1.42L14.59,16l-3.3,3.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L16,17.41l3.29,3.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42L17.41,16l3.3-3.29A1,1,0,0,0,20.71,11.29Z\"/></svg>')}.mc-notification--s{padding:.75rem .75rem 1.5rem}.mc-notification--s:before{background-size:1.5rem;flex:0 0 1.5rem;height:1.5rem;margin-right:.5rem;width:1.5rem}.mc-notification--s .mc-notification__content{padding-top:0}.mc-notification--s .mc-notification__title+.mc-notification__message{margin-top:.25rem}.mc-notification--s:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" viewBox=\"0 0 24 24\" fill=\"#007bb4\"><path d=\"M12 22a10 10 0 1110-10 10 10 0 01-10 10zm0-18a8 8 0 108 8 8 8 0 00-8-8z\"/><path d=\"M12 17a1 1 0 01-1-1v-4.39a1 1 0 012 0V16a1 1 0 01-1 1z\"/><circle cx=\"12\" cy=\"8\" r=\"1\"/></svg>')}.mc-notification--s.mc-notification--success:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" viewBox=\"0 0 24 24\" fill=\"#188803\"><path d=\"M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z\"/><path d=\"M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z\"/></svg>')}.mc-notification--s.mc-notification--warning:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" viewBox=\"0 0 24 24\" fill=\"#c65200\"><path d=\"M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z\"/><path d=\"M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z\"/><circle cx=\"12\" cy=\"16\" r=\"1\"/></svg>')}.mc-notification--s.mc-notification--danger:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" viewBox=\"0 0 24 24\" fill=\"#c61112\"><path d=\"M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z\"/><path d=\"M16.21 7.88a1 1 0 00-1.42 0l-2.74 2.74-2.84-2.83a1 1 0 10-1.42 1.42L10.63 12l-2.77 2.79a1 1 0 001.41 1.42l2.78-2.77 2.68 2.68a1 1 0 001.41-1.42L13.46 12l2.75-2.7a1 1 0 000-1.42z\"/></svg>')}.mc-notification-closable{position:relative}.mc-notification-closable__close{position:relative;background:transparent url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#000000\" viewBox=\"0 0 16 16\"><path d=\"M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z\"/></svg>') no-repeat;background-size:1rem;border:0;cursor:pointer;display:block;height:1rem;padding:0;position:absolute;outline:0;right:1rem;top:1rem;width:1rem}.mc-notification-closable__close:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease}.mc-notification-closable__close:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992;box-shadow:0 0 0 .125rem #758992}\n"] }]
1025
- }] });
1026
-
1027
- class NotificationContainerComponent {
1028
- constructor(notificationConfig) {
1029
- this.notificationConfig = notificationConfig;
1030
- this._notifications = new BehaviorSubject([]);
1031
- }
1032
- get notifications() {
1033
- return this._notifications.asObservable();
1034
- }
1035
- add(notification) {
1036
- this._notifications.next([...this._notifications.value, notification]);
1037
- this.autoremove(notification);
1038
- }
1039
- autoremove(notification) {
1040
- setTimeout(() => {
1041
- const newState = this._notifications.value.filter((n) => n !== notification);
1042
- this._notifications.next(newState);
1043
- }, this.notificationConfig.duration);
1044
- }
1045
- }
1046
- NotificationContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationContainerComponent, deps: [{ token: NOTIFICATION_CONFIG }], target: i0.ɵɵFactoryTarget.Component });
1047
- NotificationContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NotificationContainerComponent, selector: "moz-notification-container", ngImport: i0, template: "<ng-container *ngFor=\"let notification of notifications | async\">\n <moz-notification size=\"s\" [type]=\"notification.type\" @fadeIn>\n <h3 mozNotificationTitle *ngIf=\"notification.title\">{{ notification.title }}</h3>\n <p mozNotificationMessage *ngIf=\"notification.message\">{{ notification.message }}</p>\n </moz-notification>\n</ng-container>\n", styles: [":host{position:fixed;top:1rem;opacity:.9;display:flex;flex-direction:column;gap:1rem;width:20rem;right:1rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NotificationComponent, selector: "moz-notification", inputs: ["type", "size"] }, { kind: "component", type: NotificationTitleComponent, selector: "[mozNotificationTitle]" }, { kind: "component", type: NotificationMessageComponent, selector: "[mozNotificationMessage]" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], animations: [NotificationAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush });
1048
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationContainerComponent, decorators: [{
1049
- type: Component,
1050
- args: [{ selector: 'moz-notification-container', changeDetection: ChangeDetectionStrategy.OnPush, animations: [NotificationAnimation], template: "<ng-container *ngFor=\"let notification of notifications | async\">\n <moz-notification size=\"s\" [type]=\"notification.type\" @fadeIn>\n <h3 mozNotificationTitle *ngIf=\"notification.title\">{{ notification.title }}</h3>\n <p mozNotificationMessage *ngIf=\"notification.message\">{{ notification.message }}</p>\n </moz-notification>\n</ng-container>\n", styles: [":host{position:fixed;top:1rem;opacity:.9;display:flex;flex-direction:column;gap:1rem;width:20rem;right:1rem}\n"] }]
1051
- }], ctorParameters: function () { return [{ type: undefined, decorators: [{
1052
- type: Inject,
1053
- args: [NOTIFICATION_CONFIG]
1054
- }] }]; } });
1055
-
1056
- class NotificationFooterComponent {
1057
- }
1058
- NotificationFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1059
- NotificationFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NotificationFooterComponent, selector: "[mozNotificationFooter]", host: { properties: { "class.mc-notification__footer": "true" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".mc-notification{font-family:Roboto,sans-serif;font-weight:400;border-radius:4px;display:flex;flex-flow:row wrap;align-items:flex-start;padding:1rem 1.5rem 1.5rem 1rem;background:#daeff7;box-shadow:inset 0 0 0 1px #0b96cc;box-sizing:border-box;color:#000}.mc-notification:before{background-size:2rem;flex:0 0 2rem;height:2rem;margin-right:1rem;width:2rem}.mc-notification .mc-notification__content{padding-top:.25rem}.mc-notification .mc-notification__title+.mc-notification__message{margin-top:.5rem}.mc-notification:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" viewBox=\"0 0 32 32\" fill=\"#007bb4\"><path d=\"M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z\"/><path d=\"M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z\"/><circle cx=\"16\" cy=\"11.3\" r=\"1\"/></svg>')}.mc-notification:before{background-color:transparent;background-repeat:no-repeat;content:\"\";display:block}.mc-notification__content{flex:1 1 0}.mc-notification__title,.mc-notification__message{margin-bottom:0;margin-top:0}.mc-notification__title{font-family:Roboto,sans-serif;font-weight:700;font-size:1rem;line-height:1.5}.mc-notification__message{font-size:.875rem;line-height:1.5714285714}.mc-notification__footer{align-items:flex-start;display:flex;flex-direction:column;margin-top:1rem}@media screen and (min-width: 1024px){.mc-notification__footer{flex-direction:row}}.mc-notification__link{font-size:.875rem;line-height:1.2857142857;margin-top:.5rem}.mc-notification .mc-button:not(:first-child){margin-top:1rem}@media screen and (min-width: 1024px){.mc-notification .mc-button:not(:first-child){margin-top:0;margin-left:1rem}}.mc-notification--information{background:#daeff7;box-shadow:inset 0 0 0 1px #0b96cc}.mc-notification--information:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" viewBox=\"0 0 32 32\" fill=\"#007bb4\"><path d=\"M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z\"/><path d=\"M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z\"/><circle cx=\"16\" cy=\"11.3\" r=\"1\"/></svg>')}.mc-notification--success{background:#ebf5de;box-shadow:inset 0 0 0 1px #46a610}.mc-notification--success:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" fill=\"#188803\" viewBox=\"0 0 32 32\"><path d=\"M16,5A11,11,0,1,1,5,16,11,11,0,0,1,16,5m0-2A13,13,0,1,0,29,16,13,13,0,0,0,16,3Z\"/><path d=\"M14.2,21.45,8.5,16.18a1,1,0,1,1,1.35-1.47l4.28,4,8-8.09a1,1,0,0,1,1.42,0,1,1,0,0,1,0,1.41Z\"/></svg>')}.mc-notification--warning{background:#fdf1e8;box-shadow:inset 0 0 0 1px #ea7315}.mc-notification--warning:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" viewBox=\"0 0 32 32\" fill=\"#c65200\"><path d=\"M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z\"/><path d=\"M16,18.13a1,1,0,0,1-1-1V11.3a1,1,0,0,1,2,0v5.83A1,1,0,0,1,16,18.13Z\"/><circle cx=\"16\" cy=\"20.7\" r=\"1\"/></svg>')}.mc-notification--danger{background:#fdeaea;box-shadow:inset 0 0 0 1px #ea302d}.mc-notification--danger:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" viewBox=\"0 0 32 32\" fill=\"#c61112\"><path d=\"M16,3A13,13,0,1,0,29,16,13,13,0,0,0,16,3Zm0,24A11,11,0,1,1,27,16,11,11,0,0,1,16,27Z\"/><path d=\"M20.71,11.29a1,1,0,0,0-1.42,0L16,14.59l-3.29-3.3a1,1,0,0,0-1.42,1.42L14.59,16l-3.3,3.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L16,17.41l3.29,3.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42L17.41,16l3.3-3.29A1,1,0,0,0,20.71,11.29Z\"/></svg>')}.mc-notification--s{padding:.75rem .75rem 1.5rem}.mc-notification--s:before{background-size:1.5rem;flex:0 0 1.5rem;height:1.5rem;margin-right:.5rem;width:1.5rem}.mc-notification--s .mc-notification__content{padding-top:0}.mc-notification--s .mc-notification__title+.mc-notification__message{margin-top:.25rem}.mc-notification--s:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" viewBox=\"0 0 24 24\" fill=\"#007bb4\"><path d=\"M12 22a10 10 0 1110-10 10 10 0 01-10 10zm0-18a8 8 0 108 8 8 8 0 00-8-8z\"/><path d=\"M12 17a1 1 0 01-1-1v-4.39a1 1 0 012 0V16a1 1 0 01-1 1z\"/><circle cx=\"12\" cy=\"8\" r=\"1\"/></svg>')}.mc-notification--s.mc-notification--success:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" viewBox=\"0 0 24 24\" fill=\"#188803\"><path d=\"M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z\"/><path d=\"M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z\"/></svg>')}.mc-notification--s.mc-notification--warning:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" viewBox=\"0 0 24 24\" fill=\"#c65200\"><path d=\"M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z\"/><path d=\"M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z\"/><circle cx=\"12\" cy=\"16\" r=\"1\"/></svg>')}.mc-notification--s.mc-notification--danger:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" viewBox=\"0 0 24 24\" fill=\"#c61112\"><path d=\"M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z\"/><path d=\"M16.21 7.88a1 1 0 00-1.42 0l-2.74 2.74-2.84-2.83a1 1 0 10-1.42 1.42L10.63 12l-2.77 2.79a1 1 0 001.41 1.42l2.78-2.77 2.68 2.68a1 1 0 001.41-1.42L13.46 12l2.75-2.7a1 1 0 000-1.42z\"/></svg>')}.mc-notification-closable{position:relative}.mc-notification-closable__close{position:relative;background:transparent url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#000000\" viewBox=\"0 0 16 16\"><path d=\"M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z\"/></svg>') no-repeat;background-size:1rem;border:0;cursor:pointer;display:block;height:1rem;padding:0;position:absolute;outline:0;right:1rem;top:1rem;width:1rem}.mc-notification-closable__close:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease}.mc-notification-closable__close:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992;box-shadow:0 0 0 .125rem #758992}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1060
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationFooterComponent, decorators: [{
1061
- type: Component,
1062
- args: [{ template: '<ng-content></ng-content>', selector: '[mozNotificationFooter]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { '[class.mc-notification__footer]': 'true' }, styles: [".mc-notification{font-family:Roboto,sans-serif;font-weight:400;border-radius:4px;display:flex;flex-flow:row wrap;align-items:flex-start;padding:1rem 1.5rem 1.5rem 1rem;background:#daeff7;box-shadow:inset 0 0 0 1px #0b96cc;box-sizing:border-box;color:#000}.mc-notification:before{background-size:2rem;flex:0 0 2rem;height:2rem;margin-right:1rem;width:2rem}.mc-notification .mc-notification__content{padding-top:.25rem}.mc-notification .mc-notification__title+.mc-notification__message{margin-top:.5rem}.mc-notification:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" viewBox=\"0 0 32 32\" fill=\"#007bb4\"><path d=\"M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z\"/><path d=\"M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z\"/><circle cx=\"16\" cy=\"11.3\" r=\"1\"/></svg>')}.mc-notification:before{background-color:transparent;background-repeat:no-repeat;content:\"\";display:block}.mc-notification__content{flex:1 1 0}.mc-notification__title,.mc-notification__message{margin-bottom:0;margin-top:0}.mc-notification__title{font-family:Roboto,sans-serif;font-weight:700;font-size:1rem;line-height:1.5}.mc-notification__message{font-size:.875rem;line-height:1.5714285714}.mc-notification__footer{align-items:flex-start;display:flex;flex-direction:column;margin-top:1rem}@media screen and (min-width: 1024px){.mc-notification__footer{flex-direction:row}}.mc-notification__link{font-size:.875rem;line-height:1.2857142857;margin-top:.5rem}.mc-notification .mc-button:not(:first-child){margin-top:1rem}@media screen and (min-width: 1024px){.mc-notification .mc-button:not(:first-child){margin-top:0;margin-left:1rem}}.mc-notification--information{background:#daeff7;box-shadow:inset 0 0 0 1px #0b96cc}.mc-notification--information:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" viewBox=\"0 0 32 32\" fill=\"#007bb4\"><path d=\"M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z\"/><path d=\"M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z\"/><circle cx=\"16\" cy=\"11.3\" r=\"1\"/></svg>')}.mc-notification--success{background:#ebf5de;box-shadow:inset 0 0 0 1px #46a610}.mc-notification--success:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" fill=\"#188803\" viewBox=\"0 0 32 32\"><path d=\"M16,5A11,11,0,1,1,5,16,11,11,0,0,1,16,5m0-2A13,13,0,1,0,29,16,13,13,0,0,0,16,3Z\"/><path d=\"M14.2,21.45,8.5,16.18a1,1,0,1,1,1.35-1.47l4.28,4,8-8.09a1,1,0,0,1,1.42,0,1,1,0,0,1,0,1.41Z\"/></svg>')}.mc-notification--warning{background:#fdf1e8;box-shadow:inset 0 0 0 1px #ea7315}.mc-notification--warning:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" viewBox=\"0 0 32 32\" fill=\"#c65200\"><path d=\"M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z\"/><path d=\"M16,18.13a1,1,0,0,1-1-1V11.3a1,1,0,0,1,2,0v5.83A1,1,0,0,1,16,18.13Z\"/><circle cx=\"16\" cy=\"20.7\" r=\"1\"/></svg>')}.mc-notification--danger{background:#fdeaea;box-shadow:inset 0 0 0 1px #ea302d}.mc-notification--danger:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"2rem\" width=\"2rem\" viewBox=\"0 0 32 32\" fill=\"#c61112\"><path d=\"M16,3A13,13,0,1,0,29,16,13,13,0,0,0,16,3Zm0,24A11,11,0,1,1,27,16,11,11,0,0,1,16,27Z\"/><path d=\"M20.71,11.29a1,1,0,0,0-1.42,0L16,14.59l-3.29-3.3a1,1,0,0,0-1.42,1.42L14.59,16l-3.3,3.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L16,17.41l3.29,3.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42L17.41,16l3.3-3.29A1,1,0,0,0,20.71,11.29Z\"/></svg>')}.mc-notification--s{padding:.75rem .75rem 1.5rem}.mc-notification--s:before{background-size:1.5rem;flex:0 0 1.5rem;height:1.5rem;margin-right:.5rem;width:1.5rem}.mc-notification--s .mc-notification__content{padding-top:0}.mc-notification--s .mc-notification__title+.mc-notification__message{margin-top:.25rem}.mc-notification--s:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" viewBox=\"0 0 24 24\" fill=\"#007bb4\"><path d=\"M12 22a10 10 0 1110-10 10 10 0 01-10 10zm0-18a8 8 0 108 8 8 8 0 00-8-8z\"/><path d=\"M12 17a1 1 0 01-1-1v-4.39a1 1 0 012 0V16a1 1 0 01-1 1z\"/><circle cx=\"12\" cy=\"8\" r=\"1\"/></svg>')}.mc-notification--s.mc-notification--success:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" viewBox=\"0 0 24 24\" fill=\"#188803\"><path d=\"M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z\"/><path d=\"M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z\"/></svg>')}.mc-notification--s.mc-notification--warning:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" viewBox=\"0 0 24 24\" fill=\"#c65200\"><path d=\"M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z\"/><path d=\"M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z\"/><circle cx=\"12\" cy=\"16\" r=\"1\"/></svg>')}.mc-notification--s.mc-notification--danger:before{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" viewBox=\"0 0 24 24\" fill=\"#c61112\"><path d=\"M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z\"/><path d=\"M16.21 7.88a1 1 0 00-1.42 0l-2.74 2.74-2.84-2.83a1 1 0 10-1.42 1.42L10.63 12l-2.77 2.79a1 1 0 001.41 1.42l2.78-2.77 2.68 2.68a1 1 0 001.41-1.42L13.46 12l2.75-2.7a1 1 0 000-1.42z\"/></svg>')}.mc-notification-closable{position:relative}.mc-notification-closable__close{position:relative;background:transparent url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#000000\" viewBox=\"0 0 16 16\"><path d=\"M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z\"/></svg>') no-repeat;background-size:1rem;border:0;cursor:pointer;display:block;height:1rem;padding:0;position:absolute;outline:0;right:1rem;top:1rem;width:1rem}.mc-notification-closable__close:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease}.mc-notification-closable__close:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992;box-shadow:0 0 0 .125rem #758992}\n"] }]
1063
- }] });
1064
-
1065
- class NotificationService {
1066
- constructor(applicationRef, componentFactoryResolver, injector, document) {
1067
- this.applicationRef = applicationRef;
1068
- this.componentFactoryResolver = componentFactoryResolver;
1069
- this.injector = injector;
1070
- this.document = document;
1071
- this.container = this.createContainer();
1072
- this.appendNotificationContainerToBody(this.container);
1073
- }
1074
- add(notification) {
1075
- this.container.instance.add(notification);
1076
- }
1077
- createContainer() {
1078
- const componentFactory = this.componentFactoryResolver.resolveComponentFactory(NotificationContainerComponent);
1079
- const componentRef = componentFactory.create(this.injector);
1080
- return componentRef;
1081
- }
1082
- appendNotificationContainerToBody(componentRef) {
1083
- const componentHostView = componentRef.hostView;
1084
- const componentHtmlElement = componentHostView.rootNodes[0];
1085
- this.applicationRef.attachView(componentHostView);
1086
- this.document.body.appendChild(componentHtmlElement);
1087
- }
1088
- }
1089
- NotificationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationService, deps: [{ token: i0.ApplicationRef }, { token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
1090
- NotificationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationService, providedIn: 'root' });
1091
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationService, decorators: [{
1092
- type: Injectable,
1093
- args: [{
1094
- providedIn: 'root',
1095
- }]
1096
- }], ctorParameters: function () { return [{ type: i0.ApplicationRef }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: Document, decorators: [{
1097
- type: Inject,
1098
- args: [DOCUMENT]
1099
- }] }]; } });
1100
-
1101
- class NotificationModule {
1102
- static forRoot(config = {}) {
1103
- return {
1104
- ngModule: NotificationModule,
1105
- providers: [
1106
- {
1107
- provide: NOTIFICATION_CONFIG,
1108
- useValue: NotificationConfigFactory.create(config),
1109
- },
1110
- ],
1111
- };
1112
- }
1113
- }
1114
- NotificationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1115
- NotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: NotificationModule, declarations: [NotificationComponent,
1116
- NotificationTitleComponent,
1117
- NotificationMessageComponent,
1118
- NotificationFooterComponent,
1119
- NotificationContainerComponent], imports: [CommonModule], exports: [NotificationComponent,
1120
- NotificationTitleComponent,
1121
- NotificationMessageComponent,
1122
- NotificationFooterComponent] });
1123
- NotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationModule, providers: [
1124
- NotificationService,
1125
- {
1126
- provide: NOTIFICATION_CONFIG,
1127
- useValue: NotificationConfigFactory.create(),
1128
- },
1129
- ], imports: [CommonModule] });
1130
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationModule, decorators: [{
1131
- type: NgModule,
1132
- args: [{
1133
- imports: [CommonModule],
1134
- declarations: [
1135
- NotificationComponent,
1136
- NotificationTitleComponent,
1137
- NotificationMessageComponent,
1138
- NotificationFooterComponent,
1139
- NotificationContainerComponent,
1140
- ],
1141
- providers: [
1142
- NotificationService,
1143
- {
1144
- provide: NOTIFICATION_CONFIG,
1145
- useValue: NotificationConfigFactory.create(),
1146
- },
1147
- ],
1148
- exports: [
1149
- NotificationComponent,
1150
- NotificationTitleComponent,
1151
- NotificationMessageComponent,
1152
- NotificationFooterComponent,
1153
- ],
1154
- }]
1155
- }] });
1156
-
1157
- var SELECT_SIZE;
1158
- (function (SELECT_SIZE) {
1159
- SELECT_SIZE["S"] = "s";
1160
- SELECT_SIZE["M"] = "m";
1161
- })(SELECT_SIZE || (SELECT_SIZE = {}));
1162
-
1163
- const PAGINATION_FIRST_PAGE = 1;
1164
- const PAGINATION_MIN_NUMBER_OF_PAGES = 1;
1165
- const PAGINATION_PAGE_STEP = 1;
1166
-
1167
- class SelectComponent {
1168
- constructor() {
1169
- this.size = 's';
1170
- }
1171
- get hostCssClasses() {
1172
- const staticClasses = 'mc-select';
1173
- const sizeCssClass = `mc-select--${this.size}`;
1174
- const dynamicClasses = `${sizeCssClass}`;
1175
- return `${staticClasses} ${dynamicClasses}`;
1176
- }
1177
- }
1178
- SelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1179
- SelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SelectComponent, selector: "select[moz-`select`]", inputs: { size: "size" }, host: { properties: { "class": "this.hostCssClasses" } }, ngImport: i0, template: "<ng-content select=\"option\"></ng-content>\n", styles: [".mc-select{font-family:Roboto,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;font-size:1rem;line-height:1.125;background-position:right 1rem center,right 2.5rem center;padding:calc(.9375rem - 1px) 3rem calc(.9375rem - 1px) calc(.75rem - 1px);background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#191919\" viewBox=\"0 0 16 16\"><path d=\"M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z\"/></svg>');background-color:#fff;background-repeat:no-repeat;background-size:1rem 1rem,1.5rem 1.5rem;border:1px solid #666666;border-radius:4px;color:#191919;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.mc-select[type=number]::-webkit-inner-spin-button,.mc-select[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-select[type=number]{-moz-appearance:textfield}.mc-select[type=search]::-webkit-search-decoration:hover,.mc-select[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-select::-ms-expand{display:none}.mc-select:hover{border-color:#191919}.mc-select:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992}.mc-select:disabled{background-color:#e6e6e6;border-color:#e6e6e6;color:#666;cursor:not-allowed;opacity:1}.mc-select.is-invalid{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#191919\" viewBox=\"0 0 16 16\"><path d=\"M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z\"/></svg>'),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjExMTIiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTEyIDdhMSAxIDAgMDAtMSAxdjQuMzhhMSAxIDAgMDAyIDBWOGExIDEgMCAwMC0xLTF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNiIgcj0iMSIvPjwvc3ZnPg==);border-color:#c61112}.mc-select.is-valid{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#191919\" viewBox=\"0 0 16 16\"><path d=\"M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z\"/></svg>'),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNDZhNjEwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDExLTggOCA4IDggMCAwMTgtOG0wLTJhMTAgMTAgMCAxMDEwIDEwQTEwIDEwIDAgMDAxMiAyeiIvPjxwYXRoIGQ9Ik0xMC43MyAxNS43NWExIDEgMCAwMS0uNjgtLjI2bC0zLTIuNzRhMSAxIDAgMDExLjM2LTEuNDdsMi4yNSAyLjA4IDQuMzYtNC40MmExIDEgMCAxMTEuNDIgMS40MWwtNSA1LjFhMSAxIDAgMDEtLjcxLjN6Ii8+PC9zdmc+);border-color:#46a610}.mc-select--s{font-size:.875rem;line-height:1.1428571429;background-position:right .5rem center,right 2rem center;padding:calc(.5rem - 1px) 2rem calc(.5rem - 1px) calc(.5rem - 1px)}@media screen and (min-width: 680px){.mc-select--s\\@from-m{font-size:.875rem;line-height:1.1428571429;background-position:right .5rem center,right 2rem center;padding:calc(.5rem - 1px) 2rem calc(.5rem - 1px) calc(.5rem - 1px)}}@media screen and (min-width: 1024px){.mc-select--s\\@from-l{font-size:.875rem;line-height:1.1428571429;background-position:right .5rem center,right 2rem center;padding:calc(.5rem - 1px) 2rem calc(.5rem - 1px) calc(.5rem - 1px)}}@media screen and (min-width: 1280px){.mc-select--s\\@from-xl{font-size:.875rem;line-height:1.1428571429;background-position:right .5rem center,right 2rem center;padding:calc(.5rem - 1px) 2rem calc(.5rem - 1px) calc(.5rem - 1px)}}@media screen and (min-width: 1920px){.mc-select--s\\@from-xxl{font-size:.875rem;line-height:1.1428571429;background-position:right .5rem center,right 2rem center;padding:calc(.5rem - 1px) 2rem calc(.5rem - 1px) calc(.5rem - 1px)}}.mc-select--m{font-size:1rem;line-height:1.125;background-position:right 1rem center,right 2.5rem center;padding:calc(.9375rem - 1px) 3rem calc(.9375rem - 1px) calc(.75rem - 1px)}@media screen and (min-width: 680px){.mc-select--m\\@from-m{font-size:1rem;line-height:1.125;background-position:right 1rem center,right 2.5rem center;padding:calc(.9375rem - 1px) 3rem calc(.9375rem - 1px) calc(.75rem - 1px)}}@media screen and (min-width: 1024px){.mc-select--m\\@from-l{font-size:1rem;line-height:1.125;background-position:right 1rem center,right 2.5rem center;padding:calc(.9375rem - 1px) 3rem calc(.9375rem - 1px) calc(.75rem - 1px)}}@media screen and (min-width: 1280px){.mc-select--m\\@from-xl{font-size:1rem;line-height:1.125;background-position:right 1rem center,right 2.5rem center;padding:calc(.9375rem - 1px) 3rem calc(.9375rem - 1px) calc(.75rem - 1px)}}@media screen and (min-width: 1920px){.mc-select--m\\@from-xxl{font-size:1rem;line-height:1.125;background-position:right 1rem center,right 2.5rem center;padding:calc(.9375rem - 1px) 3rem calc(.9375rem - 1px) calc(.75rem - 1px)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1180
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SelectComponent, decorators: [{
1181
- type: Component,
1182
- args: [{ selector: 'select[moz-`select`]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"option\"></ng-content>\n", styles: [".mc-select{font-family:Roboto,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;font-size:1rem;line-height:1.125;background-position:right 1rem center,right 2.5rem center;padding:calc(.9375rem - 1px) 3rem calc(.9375rem - 1px) calc(.75rem - 1px);background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#191919\" viewBox=\"0 0 16 16\"><path d=\"M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z\"/></svg>');background-color:#fff;background-repeat:no-repeat;background-size:1rem 1rem,1.5rem 1.5rem;border:1px solid #666666;border-radius:4px;color:#191919;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.mc-select[type=number]::-webkit-inner-spin-button,.mc-select[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-select[type=number]{-moz-appearance:textfield}.mc-select[type=search]::-webkit-search-decoration:hover,.mc-select[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-select::-ms-expand{display:none}.mc-select:hover{border-color:#191919}.mc-select:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992}.mc-select:disabled{background-color:#e6e6e6;border-color:#e6e6e6;color:#666;cursor:not-allowed;opacity:1}.mc-select.is-invalid{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#191919\" viewBox=\"0 0 16 16\"><path d=\"M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z\"/></svg>'),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjExMTIiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTEyIDdhMSAxIDAgMDAtMSAxdjQuMzhhMSAxIDAgMDAyIDBWOGExIDEgMCAwMC0xLTF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNiIgcj0iMSIvPjwvc3ZnPg==);border-color:#c61112}.mc-select.is-valid{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#191919\" viewBox=\"0 0 16 16\"><path d=\"M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z\"/></svg>'),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNDZhNjEwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDExLTggOCA4IDggMCAwMTgtOG0wLTJhMTAgMTAgMCAxMDEwIDEwQTEwIDEwIDAgMDAxMiAyeiIvPjxwYXRoIGQ9Ik0xMC43MyAxNS43NWExIDEgMCAwMS0uNjgtLjI2bC0zLTIuNzRhMSAxIDAgMDExLjM2LTEuNDdsMi4yNSAyLjA4IDQuMzYtNC40MmExIDEgMCAxMTEuNDIgMS40MWwtNSA1LjFhMSAxIDAgMDEtLjcxLjN6Ii8+PC9zdmc+);border-color:#46a610}.mc-select--s{font-size:.875rem;line-height:1.1428571429;background-position:right .5rem center,right 2rem center;padding:calc(.5rem - 1px) 2rem calc(.5rem - 1px) calc(.5rem - 1px)}@media screen and (min-width: 680px){.mc-select--s\\@from-m{font-size:.875rem;line-height:1.1428571429;background-position:right .5rem center,right 2rem center;padding:calc(.5rem - 1px) 2rem calc(.5rem - 1px) calc(.5rem - 1px)}}@media screen and (min-width: 1024px){.mc-select--s\\@from-l{font-size:.875rem;line-height:1.1428571429;background-position:right .5rem center,right 2rem center;padding:calc(.5rem - 1px) 2rem calc(.5rem - 1px) calc(.5rem - 1px)}}@media screen and (min-width: 1280px){.mc-select--s\\@from-xl{font-size:.875rem;line-height:1.1428571429;background-position:right .5rem center,right 2rem center;padding:calc(.5rem - 1px) 2rem calc(.5rem - 1px) calc(.5rem - 1px)}}@media screen and (min-width: 1920px){.mc-select--s\\@from-xxl{font-size:.875rem;line-height:1.1428571429;background-position:right .5rem center,right 2rem center;padding:calc(.5rem - 1px) 2rem calc(.5rem - 1px) calc(.5rem - 1px)}}.mc-select--m{font-size:1rem;line-height:1.125;background-position:right 1rem center,right 2.5rem center;padding:calc(.9375rem - 1px) 3rem calc(.9375rem - 1px) calc(.75rem - 1px)}@media screen and (min-width: 680px){.mc-select--m\\@from-m{font-size:1rem;line-height:1.125;background-position:right 1rem center,right 2.5rem center;padding:calc(.9375rem - 1px) 3rem calc(.9375rem - 1px) calc(.75rem - 1px)}}@media screen and (min-width: 1024px){.mc-select--m\\@from-l{font-size:1rem;line-height:1.125;background-position:right 1rem center,right 2.5rem center;padding:calc(.9375rem - 1px) 3rem calc(.9375rem - 1px) calc(.75rem - 1px)}}@media screen and (min-width: 1280px){.mc-select--m\\@from-xl{font-size:1rem;line-height:1.125;background-position:right 1rem center,right 2.5rem center;padding:calc(.9375rem - 1px) 3rem calc(.9375rem - 1px) calc(.75rem - 1px)}}@media screen and (min-width: 1920px){.mc-select--m\\@from-xxl{font-size:1rem;line-height:1.125;background-position:right 1rem center,right 2.5rem center;padding:calc(.9375rem - 1px) 3rem calc(.9375rem - 1px) calc(.75rem - 1px)}}\n"] }]
1183
- }], propDecorators: { size: [{
1184
- type: Input
1185
- }], hostCssClasses: [{
1186
- type: HostBinding,
1187
- args: ['class']
1188
- }] } });
1189
-
1190
- const PAGINATION_CONTROL_VALUE_ACCESSOR = {
1191
- provide: NG_VALUE_ACCESSOR,
1192
- useExisting: forwardRef(() => PaginationComponent),
1193
- multi: true,
1194
- };
1195
- class PaginationComponent {
1196
- constructor(globalEventService, cd) {
1197
- this.globalEventService = globalEventService;
1198
- this.cd = cd;
1199
- this.numberOfPages = PAGINATION_MIN_NUMBER_OF_PAGES;
1200
- this.light = false;
1201
- this.pageTitleMask = (page, numberOfPages) => `Page ${page} of ${numberOfPages}`;
1202
- this.onChange = () => { };
1203
- this.onTouch = () => { };
1204
- this.currentPage = PAGINATION_FIRST_PAGE;
1205
- this.pages = [];
1206
- this.smallResolution = 1024;
1207
- const isSmall = this.displayIsSmall().pipe(shareReplay({ refCount: true, bufferSize: 1 }));
1208
- this.initializeIcons(isSmall);
1209
- this.selectSize = isSmall.pipe(map((isSmall) => this.chooseSelectSize(isSmall)));
1210
- }
1211
- ngAfterViewInit() {
1212
- this.reinitializeNumberOfPagesAtInvalidValue();
1213
- if (this.viewSelect) {
1214
- this.pages = this.initializePages(this.numberOfPages);
1215
- }
1216
- this.reinitializeCurrentPageAtOverflow();
1217
- this.cd.detectChanges();
1218
- }
1219
- ngOnChanges({ numberOfPages, pageTitleMask }) {
1220
- if (this.needRenderPages(this.viewSelect, numberOfPages?.currentValue, numberOfPages?.previousValue, pageTitleMask?.currentValue, pageTitleMask?.previousValue)) {
1221
- this.reinitializeNumberOfPagesAtInvalidValue();
1222
- this.pages = this.initializePages(this.numberOfPages);
1223
- }
1224
- this.reinitializeCurrentPageAtOverflow();
1225
- }
1226
- get viewSelect() {
1227
- return !this.light;
1228
- }
1229
- get isFirstPage() {
1230
- return this.currentPage <= PAGINATION_FIRST_PAGE;
1231
- }
1232
- get isLastPage() {
1233
- return this.currentPage >= this.numberOfPages;
1234
- }
1235
- get disabledSelect() {
1236
- return this.numberOfPages <= PAGINATION_MIN_NUMBER_OF_PAGES;
1237
- }
1238
- writeValue(value) {
1239
- if (!value || value === this.currentPage || value > this.numberOfPages)
1240
- return;
1241
- this.currentPage = value;
1242
- this.onChange(value);
1243
- }
1244
- registerOnChange(fn) {
1245
- this.onChange = fn;
1246
- }
1247
- registerOnTouched(fn) {
1248
- this.onTouch = fn;
1249
- }
1250
- nextPage() {
1251
- this.writeValue(this.currentPage + PAGINATION_PAGE_STEP);
1252
- }
1253
- previousPage() {
1254
- this.writeValue(this.currentPage - PAGINATION_PAGE_STEP);
1255
- }
1256
- compareWithPages(page, currentPage) {
1257
- return page === currentPage;
1258
- }
1259
- initializePages(numberOfPages) {
1260
- return new Array(numberOfPages).fill(null).map((_, index) => ({
1261
- title: this.pageTitleMask(index + 1, numberOfPages),
1262
- value: index + 1,
1263
- }));
1264
- }
1265
- initializeIcons(isSmall) {
1266
- const iconSize = isSmall.pipe(map((isSmall) => this.chooseIconSize(isSmall)), shareReplay({ refCount: true, bufferSize: 1 }));
1267
- this.leftIconName = iconSize.pipe(map((iconSize) => `Navigation_Arrow_Arrow--Left_${iconSize}`));
1268
- this.rightIconName = iconSize.pipe(map((iconSize) => `Navigation_Arrow_Arrow--Right_${iconSize}`));
1269
- }
1270
- displayIsSmall() {
1271
- const resizeEvent = this.globalEventService.getWindowEvent('resize').pipe(debounceTime(100));
1272
- const displayWidth = resizeEvent.pipe(map((event) => event?.target?.innerWidth), startWith(this.globalEventService.window.innerWidth));
1273
- return displayWidth.pipe(map((width) => width < this.smallResolution));
1274
- }
1275
- reinitializeCurrentPageAtOverflow() {
1276
- if (this.numberOfPages < this.currentPage) {
1277
- this.writeValue(PAGINATION_FIRST_PAGE);
1278
- }
1279
- }
1280
- reinitializeNumberOfPagesAtInvalidValue() {
1281
- if (!this.numberOfPages || this.numberOfPages < PAGINATION_MIN_NUMBER_OF_PAGES) {
1282
- this.numberOfPages = PAGINATION_MIN_NUMBER_OF_PAGES;
1283
- }
1284
- }
1285
- chooseIconSize(isSmall) {
1286
- return isSmall ? IconSize.L : IconSize.M;
1287
- }
1288
- chooseSelectSize(isSmall) {
1289
- return isSmall ? SELECT_SIZE.M : SELECT_SIZE.S;
1290
- }
1291
- needRenderPages(viewSelect, numberOfPagesPrevious, numberOfPagesCurrent, pageTitleMaskPrevious, pageTitleMaskCurrent) {
1292
- const numberOfPageHasChanges = numberOfPagesPrevious !== numberOfPagesCurrent;
1293
- const maskHasChanges = pageTitleMaskPrevious !== pageTitleMaskCurrent;
1294
- return viewSelect && (numberOfPageHasChanges || maskHasChanges);
1295
- }
1296
- }
1297
- PaginationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PaginationComponent, deps: [{ token: GlobalEventsService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
1298
- PaginationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: PaginationComponent, selector: "moz-pagination", inputs: { numberOfPages: "numberOfPages", light: "light", pageTitleMask: "pageTitleMask" }, providers: [PAGINATION_CONTROL_VALUE_ACCESSOR], usesOnChanges: true, ngImport: i0, template: "<nav class=\"mc-pagination\" role=\"navigation\" aria-label=\"pagination\">\n <button\n moz-button\n theme=\"neutral\"\n class=\"mc-pagination__button\"\n [disabled]=\"isFirstPage\"\n [onlyIcon]=\"true\"\n (click)=\"previousPage()\"\n *ngIf=\"leftIconName | async; let icon\"\n >\n <moz-icon [iconName]=\"icon\"></moz-icon>\n </button>\n <div *ngIf=\"viewSelect\">\n <select\n moz-select\n [ngModel]=\"currentPage\"\n (ngModelChange)=\"writeValue($event)\"\n [compareWith]=\"compareWithPages\"\n [size]=\"(selectSize | async)!\"\n [disabled]=\"disabledSelect\"\n >\n <option *ngFor=\"let page of pages\" [ngValue]=\"page.value\">{{ page.title }}</option>\n </select>\n </div>\n\n <button\n moz-button\n theme=\"neutral\"\n class=\"mc-pagination__button\"\n [disabled]=\"isLastPage\"\n (click)=\"nextPage()\"\n [onlyIcon]=\"true\"\n *ngIf=\"rightIconName | async; let icon\"\n >\n <moz-icon [iconName]=\"icon\"></moz-icon>\n </button>\n</nav>\n", styles: [".mc-pagination{align-items:center;display:flex;justify-content:center;gap:1rem}.mc-pagination__select{font-size:1rem;line-height:1.125;padding:.875rem 3rem .875rem calc(.75rem - 1px)}@media screen and (min-width: 1024px){.mc-pagination__select{font-size:.875rem;line-height:1.1428571429;padding:calc(.5rem - 1px) 2.25rem calc(.5rem - 1px) calc(.5rem - 1px)}}.mc-pagination{gap:1rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ButtonComponent, selector: "button[moz-button]", inputs: ["iconPosition", "onlyIcon", "theme", "variation", "widthBehavior", "size"] }, { kind: "component", type: SelectComponent, selector: "select[moz-`select`]", inputs: ["size"] }, { kind: "component", type: IconComponent, selector: "moz-icon", inputs: ["iconName"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
1299
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PaginationComponent, decorators: [{
1300
- type: Component,
1301
- args: [{ selector: 'moz-pagination', changeDetection: ChangeDetectionStrategy.OnPush, providers: [PAGINATION_CONTROL_VALUE_ACCESSOR], template: "<nav class=\"mc-pagination\" role=\"navigation\" aria-label=\"pagination\">\n <button\n moz-button\n theme=\"neutral\"\n class=\"mc-pagination__button\"\n [disabled]=\"isFirstPage\"\n [onlyIcon]=\"true\"\n (click)=\"previousPage()\"\n *ngIf=\"leftIconName | async; let icon\"\n >\n <moz-icon [iconName]=\"icon\"></moz-icon>\n </button>\n <div *ngIf=\"viewSelect\">\n <select\n moz-select\n [ngModel]=\"currentPage\"\n (ngModelChange)=\"writeValue($event)\"\n [compareWith]=\"compareWithPages\"\n [size]=\"(selectSize | async)!\"\n [disabled]=\"disabledSelect\"\n >\n <option *ngFor=\"let page of pages\" [ngValue]=\"page.value\">{{ page.title }}</option>\n </select>\n </div>\n\n <button\n moz-button\n theme=\"neutral\"\n class=\"mc-pagination__button\"\n [disabled]=\"isLastPage\"\n (click)=\"nextPage()\"\n [onlyIcon]=\"true\"\n *ngIf=\"rightIconName | async; let icon\"\n >\n <moz-icon [iconName]=\"icon\"></moz-icon>\n </button>\n</nav>\n", styles: [".mc-pagination{align-items:center;display:flex;justify-content:center;gap:1rem}.mc-pagination__select{font-size:1rem;line-height:1.125;padding:.875rem 3rem .875rem calc(.75rem - 1px)}@media screen and (min-width: 1024px){.mc-pagination__select{font-size:.875rem;line-height:1.1428571429;padding:calc(.5rem - 1px) 2.25rem calc(.5rem - 1px) calc(.5rem - 1px)}}.mc-pagination{gap:1rem}\n"] }]
1302
- }], ctorParameters: function () { return [{ type: GlobalEventsService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { numberOfPages: [{
1303
- type: Input
1304
- }], light: [{
1305
- type: Input
1306
- }], pageTitleMask: [{
1307
- type: Input
1308
- }] } });
1309
-
1310
- class SelectModule {
1311
- }
1312
- SelectModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1313
- SelectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SelectModule, declarations: [SelectComponent], imports: [CommonModule], exports: [SelectComponent] });
1314
- SelectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SelectModule, imports: [CommonModule] });
1315
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SelectModule, decorators: [{
1316
- type: NgModule,
1317
- args: [{
1318
- imports: [CommonModule],
1319
- declarations: [SelectComponent],
1320
- exports: [SelectComponent],
1321
- }]
1322
- }] });
1323
-
1324
- class PaginationModule {
1325
- }
1326
- PaginationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1327
- PaginationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: PaginationModule, declarations: [PaginationComponent], imports: [CommonModule, FormsModule, ButtonModule, SelectModule, IconModule, GlobalEventsModule], exports: [PaginationComponent] });
1328
- PaginationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PaginationModule, imports: [CommonModule, FormsModule, ButtonModule, SelectModule, IconModule, GlobalEventsModule] });
1329
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PaginationModule, decorators: [{
1330
- type: NgModule,
1331
- args: [{
1332
- imports: [CommonModule, FormsModule, ButtonModule, SelectModule, IconModule, GlobalEventsModule],
1333
- declarations: [PaginationComponent],
1334
- exports: [PaginationComponent],
1335
- }]
1336
- }] });
1337
-
1338
- class ProgressBarComponent {
1339
- constructor() {
1340
- this.size = 'm';
1341
- this.theme = 'default';
1342
- this.percent = 0;
1343
- this.text = '';
1344
- }
1345
- get indicatorWidth() {
1346
- return { width: `${this.percent}%` };
1347
- }
1348
- get hostCssClasses() {
1349
- const sizeClass = `mc-progressbar--${this.size}`;
1350
- const themeClass = `mc-progressbar--${this.theme}`;
1351
- const textClass = !!this.text ? `mc-progressbar--percent` : '';
1352
- return `mc-progressbar ${sizeClass} ${themeClass} ${textClass}`;
1353
- }
1354
- }
1355
- ProgressBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1356
- ProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ProgressBarComponent, selector: "moz-progress-bar", inputs: { size: "size", theme: "theme", percent: "percent", text: "text" }, host: { properties: { "class": "this.hostCssClasses" } }, ngImport: i0, template: "<div\n class=\"mc-progressbar__indicator\"\n role=\"progressbar\"\n [attr.aria-valuenow]=\"percent\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n [ngStyle]=\"indicatorWidth\"\n></div>\n<div *ngIf=\"text\" class=\"mc-progressbar__percentage\">{{ text }}</div>\n", styles: [".mc-progressbar{font-family:Roboto,sans-serif;align-items:center;background-color:#cdd4d8;display:flex;height:.5rem;justify-content:center;position:relative}.mc-progressbar,.mc-progressbar__indicator{border-radius:4px;overflow:hidden}.mc-progressbar__indicator{background-color:#007f8c;height:100%;left:0;position:absolute;transition:width .4s ease;top:0}.mc-progressbar--static .mc-progressbar__indicator{transition:none}.mc-progressbar__percentage{font-size:.875rem;line-height:1.2857142857;font-weight:700;color:#191919;position:relative;z-index:1}.mc-progressbar--half .mc-progressbar__percentage{color:#fff}.mc-progressbar:not(.mc-progressbar--percent) .mc-progressbar__percentage{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-progressbar--xs{height:.125rem}.mc-progressbar--xs,.mc-progressbar--xs .mc-progressbar__indicator{border-radius:1px}.mc-progressbar--s{height:.25rem}.mc-progressbar--s,.mc-progressbar--s .mc-progressbar__indicator{border-radius:2px}.mc-progressbar--percent{height:1.5rem}.mc-progressbar--percent,.mc-progressbar--percent .mc-progressbar__indicator{border-radius:12px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1357
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProgressBarComponent, decorators: [{
1358
- type: Component,
1359
- args: [{ selector: 'moz-progress-bar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n class=\"mc-progressbar__indicator\"\n role=\"progressbar\"\n [attr.aria-valuenow]=\"percent\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n [ngStyle]=\"indicatorWidth\"\n></div>\n<div *ngIf=\"text\" class=\"mc-progressbar__percentage\">{{ text }}</div>\n", styles: [".mc-progressbar{font-family:Roboto,sans-serif;align-items:center;background-color:#cdd4d8;display:flex;height:.5rem;justify-content:center;position:relative}.mc-progressbar,.mc-progressbar__indicator{border-radius:4px;overflow:hidden}.mc-progressbar__indicator{background-color:#007f8c;height:100%;left:0;position:absolute;transition:width .4s ease;top:0}.mc-progressbar--static .mc-progressbar__indicator{transition:none}.mc-progressbar__percentage{font-size:.875rem;line-height:1.2857142857;font-weight:700;color:#191919;position:relative;z-index:1}.mc-progressbar--half .mc-progressbar__percentage{color:#fff}.mc-progressbar:not(.mc-progressbar--percent) .mc-progressbar__percentage{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-progressbar--xs{height:.125rem}.mc-progressbar--xs,.mc-progressbar--xs .mc-progressbar__indicator{border-radius:1px}.mc-progressbar--s{height:.25rem}.mc-progressbar--s,.mc-progressbar--s .mc-progressbar__indicator{border-radius:2px}.mc-progressbar--percent{height:1.5rem}.mc-progressbar--percent,.mc-progressbar--percent .mc-progressbar__indicator{border-radius:12px}\n"] }]
1360
- }], propDecorators: { size: [{
1361
- type: Input
1362
- }], theme: [{
1363
- type: Input
1364
- }], percent: [{
1365
- type: Input
1366
- }], text: [{
1367
- type: Input
1368
- }], hostCssClasses: [{
1369
- type: HostBinding,
1370
- args: ['class']
1371
- }] } });
1372
-
1373
- class ProgressBarModule {
1374
- }
1375
- ProgressBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1376
- ProgressBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: ProgressBarModule, declarations: [ProgressBarComponent], imports: [CommonModule], exports: [ProgressBarComponent] });
1377
- ProgressBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProgressBarModule, imports: [CommonModule] });
1378
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProgressBarModule, decorators: [{
1379
- type: NgModule,
1380
- args: [{
1381
- imports: [CommonModule],
1382
- declarations: [ProgressBarComponent],
1383
- exports: [ProgressBarComponent],
1384
- }]
1385
- }] });
1386
-
1387
- class StepComponent {
1388
- get validated() {
1389
- return this.state === 'validated';
1390
- }
1391
- get isCurrent() {
1392
- return this.state === 'current';
1393
- }
1394
- get indicator() {
1395
- return this.index + 1;
1396
- }
1397
- get index() {
1398
- return this._index;
1399
- }
1400
- set index(newIndex) {
1401
- this._index = newIndex;
1402
- this.cd.markForCheck();
1403
- }
1404
- get state() {
1405
- return this._state;
1406
- }
1407
- set state(newState) {
1408
- this._state = newState;
1409
- this.cd.markForCheck();
1410
- }
1411
- constructor(cd) {
1412
- this.cd = cd;
1413
- this.title = '';
1414
- this._state = '';
1415
- this._index = 0;
1416
- }
1417
- get hostCssClasses() {
1418
- const stateClass = this.state ? `mc-stepper__item--${this.state}` : '';
1419
- return `mc-stepper__item ${stateClass}`;
1420
- }
1421
- }
1422
- StepComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StepComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
1423
- StepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: StepComponent, selector: "moz-step", inputs: { title: "title" }, host: { properties: { "class": "this.hostCssClasses" } }, ngImport: i0, template: "<span class=\"mc-stepper__indicator\" aria-hidden=\"true\">\n <moz-icon\n *ngIf=\"validated\"\n class=\"mc-stepper__icon\"\n iconName=\"Navigation_Notification_Available_16px\"\n ></moz-icon>\n <ng-container *ngIf=\"isCurrent\">{{ indicator }}</ng-container>\n</span>\n<div class=\"mc-stepper__detail\">\n <span class=\"mc-stepper__title\">{{ title }}</span>\n <span class=\"mc-stepper__label\">\n <ng-content></ng-content>\n </span>\n</div>\n", styles: [".mc-stepper{width:100%}.mc-stepper__list{display:flex;padding-left:0;margin-bottom:0;margin-top:0}.mc-stepper__item,.mc-stepper__link{align-items:center;display:flex;flex-direction:column}.mc-stepper__item{flex:1;position:relative}.mc-stepper__item:before,.mc-stepper__item:after{background-color:#999;content:\"\";height:.125rem;position:absolute;top:11px;width:calc(50% - 1.25rem);z-index:1}.mc-stepper__item:before{border-top-right-radius:1px;border-bottom-right-radius:1px;left:0}.mc-stepper__item:after{border-top-left-radius:1px;border-bottom-left-radius:1px;right:0}.mc-stepper__item:first-child:before,.mc-stepper__item:last-child:after{content:none}.mc-stepper__item--current .mc-stepper__indicator,.mc-stepper__item--validated .mc-stepper__indicator{border-color:#00919f}.mc-stepper__item--current .mc-stepper__detail,.mc-stepper__item--validated .mc-stepper__detail{font-weight:700}.mc-stepper__item--current:before{background-color:#00919f}.mc-stepper__item--current .mc-stepper__indicator{background-color:#00919f;color:#fff}.mc-stepper__item--current .mc-stepper__label{color:#000}.mc-stepper__item--validated:before,.mc-stepper__item--validated:not(.mc-stepper__item--current):after{background-color:#00919f}.mc-stepper__link{height:100%;text-decoration:none;width:100%}.mc-stepper__link:hover .mc-stepper__label,.mc-stepper__link:focus .mc-stepper__label{color:#00919f}.mc-stepper__indicator{font-size:.875rem;line-height:1.1428571429;font-weight:700;align-items:center;border:2px solid #999999;border-radius:50%;box-sizing:border-box;display:flex;flex-shrink:0;height:1.5rem;justify-content:center;margin-bottom:.5rem;position:relative;width:1.5rem;z-index:2}.mc-stepper__icon{fill:#00919f;max-width:100%}.mc-stepper__detail{font-size:.875rem;line-height:1.2857142857;color:#666;text-align:center;width:auto}.mc-stepper__title{display:none;color:#00919f}.mc-stepper--compact .mc-stepper__item{align-items:flex-start;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--compact .mc-stepper__item:before,.mc-stepper--compact .mc-stepper__item:after{bottom:0;border-radius:6px;height:.25rem;top:auto}.mc-stepper--compact .mc-stepper__item:after{width:100%}.mc-stepper--compact .mc-stepper__item:before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--compact .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--compact .mc-stepper__indicator{display:none}.mc-stepper--compact .mc-stepper__detail{text-align:left}.mc-stepper--compact .mc-stepper__title{display:block;margin-bottom:.25rem}@media screen and (max-width: 679px){.mc-stepper--shrinked .mc-stepper__item{align-items:flex-start;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--shrinked .mc-stepper__item:before,.mc-stepper--shrinked .mc-stepper__item:after{bottom:0;border-radius:6px;height:.25rem;top:auto}.mc-stepper--shrinked .mc-stepper__item:after{width:100%}.mc-stepper--shrinked .mc-stepper__item:before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--shrinked .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--shrinked .mc-stepper__indicator{display:none}.mc-stepper--shrinked .mc-stepper__detail{text-align:left}.mc-stepper--shrinked .mc-stepper__title{display:block;margin-bottom:.25rem}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "moz-icon", inputs: ["iconName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1424
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StepComponent, decorators: [{
1425
- type: Component,
1426
- args: [{ selector: 'moz-step', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<span class=\"mc-stepper__indicator\" aria-hidden=\"true\">\n <moz-icon\n *ngIf=\"validated\"\n class=\"mc-stepper__icon\"\n iconName=\"Navigation_Notification_Available_16px\"\n ></moz-icon>\n <ng-container *ngIf=\"isCurrent\">{{ indicator }}</ng-container>\n</span>\n<div class=\"mc-stepper__detail\">\n <span class=\"mc-stepper__title\">{{ title }}</span>\n <span class=\"mc-stepper__label\">\n <ng-content></ng-content>\n </span>\n</div>\n", styles: [".mc-stepper{width:100%}.mc-stepper__list{display:flex;padding-left:0;margin-bottom:0;margin-top:0}.mc-stepper__item,.mc-stepper__link{align-items:center;display:flex;flex-direction:column}.mc-stepper__item{flex:1;position:relative}.mc-stepper__item:before,.mc-stepper__item:after{background-color:#999;content:\"\";height:.125rem;position:absolute;top:11px;width:calc(50% - 1.25rem);z-index:1}.mc-stepper__item:before{border-top-right-radius:1px;border-bottom-right-radius:1px;left:0}.mc-stepper__item:after{border-top-left-radius:1px;border-bottom-left-radius:1px;right:0}.mc-stepper__item:first-child:before,.mc-stepper__item:last-child:after{content:none}.mc-stepper__item--current .mc-stepper__indicator,.mc-stepper__item--validated .mc-stepper__indicator{border-color:#00919f}.mc-stepper__item--current .mc-stepper__detail,.mc-stepper__item--validated .mc-stepper__detail{font-weight:700}.mc-stepper__item--current:before{background-color:#00919f}.mc-stepper__item--current .mc-stepper__indicator{background-color:#00919f;color:#fff}.mc-stepper__item--current .mc-stepper__label{color:#000}.mc-stepper__item--validated:before,.mc-stepper__item--validated:not(.mc-stepper__item--current):after{background-color:#00919f}.mc-stepper__link{height:100%;text-decoration:none;width:100%}.mc-stepper__link:hover .mc-stepper__label,.mc-stepper__link:focus .mc-stepper__label{color:#00919f}.mc-stepper__indicator{font-size:.875rem;line-height:1.1428571429;font-weight:700;align-items:center;border:2px solid #999999;border-radius:50%;box-sizing:border-box;display:flex;flex-shrink:0;height:1.5rem;justify-content:center;margin-bottom:.5rem;position:relative;width:1.5rem;z-index:2}.mc-stepper__icon{fill:#00919f;max-width:100%}.mc-stepper__detail{font-size:.875rem;line-height:1.2857142857;color:#666;text-align:center;width:auto}.mc-stepper__title{display:none;color:#00919f}.mc-stepper--compact .mc-stepper__item{align-items:flex-start;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--compact .mc-stepper__item:before,.mc-stepper--compact .mc-stepper__item:after{bottom:0;border-radius:6px;height:.25rem;top:auto}.mc-stepper--compact .mc-stepper__item:after{width:100%}.mc-stepper--compact .mc-stepper__item:before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--compact .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--compact .mc-stepper__indicator{display:none}.mc-stepper--compact .mc-stepper__detail{text-align:left}.mc-stepper--compact .mc-stepper__title{display:block;margin-bottom:.25rem}@media screen and (max-width: 679px){.mc-stepper--shrinked .mc-stepper__item{align-items:flex-start;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--shrinked .mc-stepper__item:before,.mc-stepper--shrinked .mc-stepper__item:after{bottom:0;border-radius:6px;height:.25rem;top:auto}.mc-stepper--shrinked .mc-stepper__item:after{width:100%}.mc-stepper--shrinked .mc-stepper__item:before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--shrinked .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--shrinked .mc-stepper__indicator{display:none}.mc-stepper--shrinked .mc-stepper__detail{text-align:left}.mc-stepper--shrinked .mc-stepper__title{display:block;margin-bottom:.25rem}}\n"] }]
1427
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { title: [{
1428
- type: Input
1429
- }], hostCssClasses: [{
1430
- type: HostBinding,
1431
- args: ['class']
1432
- }] } });
1433
-
1434
- class StepperComponent {
1435
- constructor() {
1436
- this.selectStepIndex = 0;
1437
- this.viewCompact = false;
1438
- }
1439
- ngAfterViewInit() {
1440
- if (!this.steps)
1441
- return;
1442
- this.initStepIndex(this.steps);
1443
- this.selectStep(this.steps, this.selectStepIndex);
1444
- this.initCssVariablesForSteps(this.stepElements);
1445
- }
1446
- ngOnChanges(changes) {
1447
- this.updateSelectStepAtChanges(changes);
1448
- }
1449
- get hostCssClasses() {
1450
- const viewCompactClass = this.viewCompact ? `mc-stepper--compact` : '';
1451
- return `mc-stepper ${viewCompactClass}`;
1452
- }
1453
- initStepIndex(steps) {
1454
- steps.forEach((step, index) => (step.index = index));
1455
- }
1456
- initCssVariablesForSteps(stepElements) {
1457
- stepElements.forEach(this.initCssVariablesForStep);
1458
- }
1459
- initCssVariablesForStep(elementRef, currentIndex, elementRefs) {
1460
- elementRef.nativeElement.style = `--steps: ${elementRefs.length}; --current: ${currentIndex + 1}`;
1461
- }
1462
- selectStep(steps, selectStepIndex) {
1463
- steps.forEach((step) => this.updateStateStep(step, selectStepIndex));
1464
- }
1465
- updateStateStep(step, selectStepIndex) {
1466
- const oldState = step.state;
1467
- const newState = this.stateDefinitionForStep(step.index, selectStepIndex);
1468
- const hasChanges = oldState !== newState;
1469
- if (!hasChanges)
1470
- return;
1471
- step.state = newState;
1472
- }
1473
- stateDefinitionForStep(stepIndex, selectStepIndex) {
1474
- const isCurrentStep = stepIndex === selectStepIndex;
1475
- const isValidatedStep = stepIndex < selectStepIndex;
1476
- if (isCurrentStep)
1477
- return 'current';
1478
- if (isValidatedStep)
1479
- return 'validated';
1480
- return '';
1481
- }
1482
- updateSelectStepAtChanges({ selectStepIndex }) {
1483
- if (!this.steps ||
1484
- !selectStepIndex ||
1485
- selectStepIndex.currentValue === selectStepIndex.previousValue)
1486
- return;
1487
- this.selectStep(this.steps, selectStepIndex.currentValue);
1488
- }
1489
- }
1490
- StepperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1491
- StepperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: StepperComponent, selector: "moz-stepper", inputs: { selectStepIndex: "selectStepIndex", viewCompact: "viewCompact" }, host: { properties: { "class": "this.hostCssClasses" } }, queries: [{ propertyName: "steps", predicate: StepComponent }, { propertyName: "stepElements", predicate: StepComponent, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<ol class=\"mc-stepper__list\">\n <ng-content select=\"moz-step\"></ng-content>\n</ol>\n", styles: [".mc-stepper{width:100%}.mc-stepper__list{display:flex;padding-left:0;margin-bottom:0;margin-top:0}.mc-stepper__item,.mc-stepper__link{align-items:center;display:flex;flex-direction:column}.mc-stepper__item{flex:1;position:relative}.mc-stepper__item:before,.mc-stepper__item:after{background-color:#999;content:\"\";height:.125rem;position:absolute;top:11px;width:calc(50% - 1.25rem);z-index:1}.mc-stepper__item:before{border-top-right-radius:1px;border-bottom-right-radius:1px;left:0}.mc-stepper__item:after{border-top-left-radius:1px;border-bottom-left-radius:1px;right:0}.mc-stepper__item:first-child:before,.mc-stepper__item:last-child:after{content:none}.mc-stepper__item--current .mc-stepper__indicator,.mc-stepper__item--validated .mc-stepper__indicator{border-color:#00919f}.mc-stepper__item--current .mc-stepper__detail,.mc-stepper__item--validated .mc-stepper__detail{font-weight:700}.mc-stepper__item--current:before{background-color:#00919f}.mc-stepper__item--current .mc-stepper__indicator{background-color:#00919f;color:#fff}.mc-stepper__item--current .mc-stepper__label{color:#000}.mc-stepper__item--validated:before,.mc-stepper__item--validated:not(.mc-stepper__item--current):after{background-color:#00919f}.mc-stepper__link{height:100%;text-decoration:none;width:100%}.mc-stepper__link:hover .mc-stepper__label,.mc-stepper__link:focus .mc-stepper__label{color:#00919f}.mc-stepper__indicator{font-size:.875rem;line-height:1.1428571429;font-weight:700;align-items:center;border:2px solid #999999;border-radius:50%;box-sizing:border-box;display:flex;flex-shrink:0;height:1.5rem;justify-content:center;margin-bottom:.5rem;position:relative;width:1.5rem;z-index:2}.mc-stepper__icon{fill:#00919f;max-width:100%}.mc-stepper__detail{font-size:.875rem;line-height:1.2857142857;color:#666;text-align:center;width:auto}.mc-stepper__title{display:none;color:#00919f}.mc-stepper--compact .mc-stepper__item{align-items:flex-start;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--compact .mc-stepper__item:before,.mc-stepper--compact .mc-stepper__item:after{bottom:0;border-radius:6px;height:.25rem;top:auto}.mc-stepper--compact .mc-stepper__item:after{width:100%}.mc-stepper--compact .mc-stepper__item:before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--compact .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--compact .mc-stepper__indicator{display:none}.mc-stepper--compact .mc-stepper__detail{text-align:left}.mc-stepper--compact .mc-stepper__title{display:block;margin-bottom:.25rem}@media screen and (max-width: 679px){.mc-stepper--shrinked .mc-stepper__item{align-items:flex-start;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--shrinked .mc-stepper__item:before,.mc-stepper--shrinked .mc-stepper__item:after{bottom:0;border-radius:6px;height:.25rem;top:auto}.mc-stepper--shrinked .mc-stepper__item:after{width:100%}.mc-stepper--shrinked .mc-stepper__item:before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--shrinked .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--shrinked .mc-stepper__indicator{display:none}.mc-stepper--shrinked .mc-stepper__detail{text-align:left}.mc-stepper--shrinked .mc-stepper__title{display:block;margin-bottom:.25rem}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
1492
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StepperComponent, decorators: [{
1493
- type: Component,
1494
- args: [{ selector: 'moz-stepper', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ol class=\"mc-stepper__list\">\n <ng-content select=\"moz-step\"></ng-content>\n</ol>\n", styles: [".mc-stepper{width:100%}.mc-stepper__list{display:flex;padding-left:0;margin-bottom:0;margin-top:0}.mc-stepper__item,.mc-stepper__link{align-items:center;display:flex;flex-direction:column}.mc-stepper__item{flex:1;position:relative}.mc-stepper__item:before,.mc-stepper__item:after{background-color:#999;content:\"\";height:.125rem;position:absolute;top:11px;width:calc(50% - 1.25rem);z-index:1}.mc-stepper__item:before{border-top-right-radius:1px;border-bottom-right-radius:1px;left:0}.mc-stepper__item:after{border-top-left-radius:1px;border-bottom-left-radius:1px;right:0}.mc-stepper__item:first-child:before,.mc-stepper__item:last-child:after{content:none}.mc-stepper__item--current .mc-stepper__indicator,.mc-stepper__item--validated .mc-stepper__indicator{border-color:#00919f}.mc-stepper__item--current .mc-stepper__detail,.mc-stepper__item--validated .mc-stepper__detail{font-weight:700}.mc-stepper__item--current:before{background-color:#00919f}.mc-stepper__item--current .mc-stepper__indicator{background-color:#00919f;color:#fff}.mc-stepper__item--current .mc-stepper__label{color:#000}.mc-stepper__item--validated:before,.mc-stepper__item--validated:not(.mc-stepper__item--current):after{background-color:#00919f}.mc-stepper__link{height:100%;text-decoration:none;width:100%}.mc-stepper__link:hover .mc-stepper__label,.mc-stepper__link:focus .mc-stepper__label{color:#00919f}.mc-stepper__indicator{font-size:.875rem;line-height:1.1428571429;font-weight:700;align-items:center;border:2px solid #999999;border-radius:50%;box-sizing:border-box;display:flex;flex-shrink:0;height:1.5rem;justify-content:center;margin-bottom:.5rem;position:relative;width:1.5rem;z-index:2}.mc-stepper__icon{fill:#00919f;max-width:100%}.mc-stepper__detail{font-size:.875rem;line-height:1.2857142857;color:#666;text-align:center;width:auto}.mc-stepper__title{display:none;color:#00919f}.mc-stepper--compact .mc-stepper__item{align-items:flex-start;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--compact .mc-stepper__item:before,.mc-stepper--compact .mc-stepper__item:after{bottom:0;border-radius:6px;height:.25rem;top:auto}.mc-stepper--compact .mc-stepper__item:after{width:100%}.mc-stepper--compact .mc-stepper__item:before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--compact .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--compact .mc-stepper__indicator{display:none}.mc-stepper--compact .mc-stepper__detail{text-align:left}.mc-stepper--compact .mc-stepper__title{display:block;margin-bottom:.25rem}@media screen and (max-width: 679px){.mc-stepper--shrinked .mc-stepper__item{align-items:flex-start;flex-direction:row;padding-bottom:1.25rem}.mc-stepper--shrinked .mc-stepper__item:before,.mc-stepper--shrinked .mc-stepper__item:after{bottom:0;border-radius:6px;height:.25rem;top:auto}.mc-stepper--shrinked .mc-stepper__item:after{width:100%}.mc-stepper--shrinked .mc-stepper__item:before{z-index:2;width:calc(var(--current) * 100% / var(--steps))}.mc-stepper--shrinked .mc-stepper__item:not(.mc-stepper__item--current){display:none}.mc-stepper--shrinked .mc-stepper__indicator{display:none}.mc-stepper--shrinked .mc-stepper__detail{text-align:left}.mc-stepper--shrinked .mc-stepper__title{display:block;margin-bottom:.25rem}}\n"] }]
1495
- }], propDecorators: { selectStepIndex: [{
1496
- type: Input
1497
- }], viewCompact: [{
1498
- type: Input
1499
- }], steps: [{
1500
- type: ContentChildren,
1501
- args: [StepComponent]
1502
- }], stepElements: [{
1503
- type: ContentChildren,
1504
- args: [StepComponent, { read: ElementRef }]
1505
- }], hostCssClasses: [{
1506
- type: HostBinding,
1507
- args: ['class']
1508
- }] } });
1509
-
1510
- class StepperModule {
1511
- }
1512
- StepperModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1513
- StepperModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: StepperModule, declarations: [StepperComponent, StepComponent], imports: [CommonModule, IconModule], exports: [StepperComponent, StepComponent] });
1514
- StepperModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StepperModule, imports: [CommonModule, IconModule] });
1515
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StepperModule, decorators: [{
1516
- type: NgModule,
1517
- args: [{
1518
- imports: [CommonModule, IconModule],
1519
- declarations: [StepperComponent, StepComponent],
1520
- exports: [StepperComponent, StepComponent],
1521
- }]
1522
- }] });
1523
-
1524
- class TabComponent {
1525
- constructor(routerLinkActive, routerLink) {
1526
- this.routerLinkActive = routerLinkActive;
1527
- this.routerLink = routerLink;
1528
- this.index = 0;
1529
- this.disabled = false;
1530
- this.data = null;
1531
- this.selected = false;
1532
- }
1533
- get isAvailableTabForSelection() {
1534
- return !this.selected && !this.disabled;
1535
- }
1536
- get isActiveTab() {
1537
- return !!this.routerLinkActive?.isActive;
1538
- }
1539
- get link() {
1540
- return this.routerLink?.href || null;
1541
- }
1542
- }
1543
- TabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TabComponent, deps: [{ token: RouterLinkActive, optional: true }, { token: RouterLinkWithHref, optional: true }], target: i0.ɵɵFactoryTarget.Component });
1544
- TabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TabComponent, selector: "a[moz-tab],span[moz-tab],div[moz-tab]", inputs: { disabled: "disabled", data: "data" }, host: { properties: { "class.mc-tabs__item": "true", "class.mc-tabs__link": "true", "class.mc-tabs__link--outline": "true", "class.mc-tabs__link--selected": "selected", "class.mc-tabs__link--disabled": "disabled", "attr.tab-index": "this.index" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-Light.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-Light.woff) format(\"woff\");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-Regular.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-Regular.woff) format(\"woff\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-SemiBold.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-SemiBold.woff) format(\"woff\");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-LightItalic.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-LightItalic.woff) format(\"woff\");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-Italic.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-Italic.woff) format(\"woff\");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-SemiBoldItalic.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-SemiBoldItalic.woff) format(\"woff\");font-weight:700;font-style:italic;font-display:swap}.mc-tabs{font-family:Roboto,sans-serif;font-weight:400;background-color:#fff;display:inline-flex;position:relative;width:100%}.mc-tabs:after{background:#b3b3b3;content:\"\";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}@media screen and (min-width: 680px){.mc-tabs{width:auto}}.mc-tabs--no-shadow:after,.mc-tabs--no-divider:after{display:none}@media screen and (max-width: 679px){.mc-tabs:not(.mc-tabs--dropdown):before{bottom:.125rem}}.mc-tabs__nav{list-style:none;margin-left:0;padding-left:0;display:flex;margin-top:0;margin-bottom:0}@media screen and (max-width: 679px){.mc-tabs__nav{overflow:auto hidden;white-space:nowrap}}.mc-tabs__nav,.mc-tabs__select{position:relative}.mc-tabs__link,.mc-tabs__element{font-size:.875rem;line-height:1.2857142857;font-weight:700;align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;height:3.5rem;justify-content:center;outline:none;padding-left:.75rem;padding-right:.75rem;position:relative;text-decoration:none}.mc-tabs__link:before,.mc-tabs__element:before{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;bottom:-.125rem;top:-.125rem}.mc-tabs__link:after,.mc-tabs__element:after{background-color:transparent;bottom:0;content:\"\";height:.25rem;left:1.5rem;position:absolute;right:1.5rem}.mc-tabs__link:hover .mc-tabs__text,.mc-tabs__element:hover .mc-tabs__text{background-color:#eeedea}.mc-tabs__link:active,.mc-tabs__element:active{color:#004e57}.mc-tabs__link:active .mc-tabs__text,.mc-tabs__element:active .mc-tabs__text{background-color:#dddcd5}.mc-tabs__link:focus:before,.mc-tabs__element:focus:before{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992}.mc-tabs__link--selected,.mc-tabs__element--selected{color:#007f8c}.mc-tabs__link--selected:after,.mc-tabs__element--selected:after{background-color:#007f8c}.mc-tabs__link--disabled,.mc-tabs__element--disabled{cursor:not-allowed;background-color:#ccc;pointer-events:none}.mc-tabs__link--disabled,.mc-tabs__link--disabled:hover,.mc-tabs__link--disabled:focus,.mc-tabs__link--disabled:active,.mc-tabs__element--disabled,.mc-tabs__element--disabled:hover,.mc-tabs__element--disabled:focus,.mc-tabs__element--disabled:active{box-shadow:none}.mc-tabs__text{align-items:center;border-radius:.25rem;display:flex;gap:.25rem;justify-content:center;position:relative;padding:.4375rem .75rem;pointer-events:none}.mc-tabs__icon{fill:currentColor;height:1.5rem;width:1.5rem}@media screen and (min-width: 680px){.mc-tabs--full,.mc-tabs--full-centered{width:100%}}.mc-tabs--full-centered{justify-content:center}.mc-tabs--dropdown{padding:1rem;width:auto}.mc-tabs__link,.mc-tabs__link:active,.mc-tabs__link--selected{font-weight:400}.mc-tabs__link:focus:after{box-shadow:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1545
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TabComponent, decorators: [{
1546
- type: Component,
1547
- args: [{ selector: `a[moz-tab],span[moz-tab],div[moz-tab]`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
1548
- '[class.mc-tabs__item]': 'true',
1549
- '[class.mc-tabs__link]': 'true',
1550
- '[class.mc-tabs__link--outline]': 'true',
1551
- '[class.mc-tabs__link--selected]': 'selected',
1552
- '[class.mc-tabs__link--disabled]': 'disabled',
1553
- }, template: "<ng-content></ng-content>\n", styles: ["@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-Light.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-Light.woff) format(\"woff\");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-Regular.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-Regular.woff) format(\"woff\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-SemiBold.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-SemiBold.woff) format(\"woff\");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-LightItalic.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-LightItalic.woff) format(\"woff\");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-Italic.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-Italic.woff) format(\"woff\");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-SemiBoldItalic.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-SemiBoldItalic.woff) format(\"woff\");font-weight:700;font-style:italic;font-display:swap}.mc-tabs{font-family:Roboto,sans-serif;font-weight:400;background-color:#fff;display:inline-flex;position:relative;width:100%}.mc-tabs:after{background:#b3b3b3;content:\"\";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}@media screen and (min-width: 680px){.mc-tabs{width:auto}}.mc-tabs--no-shadow:after,.mc-tabs--no-divider:after{display:none}@media screen and (max-width: 679px){.mc-tabs:not(.mc-tabs--dropdown):before{bottom:.125rem}}.mc-tabs__nav{list-style:none;margin-left:0;padding-left:0;display:flex;margin-top:0;margin-bottom:0}@media screen and (max-width: 679px){.mc-tabs__nav{overflow:auto hidden;white-space:nowrap}}.mc-tabs__nav,.mc-tabs__select{position:relative}.mc-tabs__link,.mc-tabs__element{font-size:.875rem;line-height:1.2857142857;font-weight:700;align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;height:3.5rem;justify-content:center;outline:none;padding-left:.75rem;padding-right:.75rem;position:relative;text-decoration:none}.mc-tabs__link:before,.mc-tabs__element:before{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;bottom:-.125rem;top:-.125rem}.mc-tabs__link:after,.mc-tabs__element:after{background-color:transparent;bottom:0;content:\"\";height:.25rem;left:1.5rem;position:absolute;right:1.5rem}.mc-tabs__link:hover .mc-tabs__text,.mc-tabs__element:hover .mc-tabs__text{background-color:#eeedea}.mc-tabs__link:active,.mc-tabs__element:active{color:#004e57}.mc-tabs__link:active .mc-tabs__text,.mc-tabs__element:active .mc-tabs__text{background-color:#dddcd5}.mc-tabs__link:focus:before,.mc-tabs__element:focus:before{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992}.mc-tabs__link--selected,.mc-tabs__element--selected{color:#007f8c}.mc-tabs__link--selected:after,.mc-tabs__element--selected:after{background-color:#007f8c}.mc-tabs__link--disabled,.mc-tabs__element--disabled{cursor:not-allowed;background-color:#ccc;pointer-events:none}.mc-tabs__link--disabled,.mc-tabs__link--disabled:hover,.mc-tabs__link--disabled:focus,.mc-tabs__link--disabled:active,.mc-tabs__element--disabled,.mc-tabs__element--disabled:hover,.mc-tabs__element--disabled:focus,.mc-tabs__element--disabled:active{box-shadow:none}.mc-tabs__text{align-items:center;border-radius:.25rem;display:flex;gap:.25rem;justify-content:center;position:relative;padding:.4375rem .75rem;pointer-events:none}.mc-tabs__icon{fill:currentColor;height:1.5rem;width:1.5rem}@media screen and (min-width: 680px){.mc-tabs--full,.mc-tabs--full-centered{width:100%}}.mc-tabs--full-centered{justify-content:center}.mc-tabs--dropdown{padding:1rem;width:auto}.mc-tabs__link,.mc-tabs__link:active,.mc-tabs__link--selected{font-weight:400}.mc-tabs__link:focus:after{box-shadow:none}\n"] }]
1554
- }], ctorParameters: function () { return [{ type: i1$2.RouterLinkActive, decorators: [{
1555
- type: Optional
1556
- }, {
1557
- type: Inject,
1558
- args: [RouterLinkActive]
1559
- }] }, { type: i1$2.RouterLinkWithHref, decorators: [{
1560
- type: Optional
1561
- }, {
1562
- type: Inject,
1563
- args: [RouterLinkWithHref]
1564
- }] }]; }, propDecorators: { index: [{
1565
- type: HostBinding,
1566
- args: ['attr.tab-index']
1567
- }], disabled: [{
1568
- type: Input
1569
- }], data: [{
1570
- type: Input
1571
- }] } });
1572
-
1573
- const TAB_SELECTORS = 'a,div,span';
1574
- const TABS_SELECTOR = 'moz-tabs';
1575
-
1576
- class TabsComponent {
1577
- constructor(elementRef, cd, router) {
1578
- this.elementRef = elementRef;
1579
- this.cd = cd;
1580
- this.router = router;
1581
- this.fullWidth = false;
1582
- this.fullWidthCenter = false;
1583
- this.hideShadow = false;
1584
- this.selectTabIndex = null;
1585
- this.selectedTabChange = new EventEmitter();
1586
- this.afterViewInit = new Subject();
1587
- this.viewDestroyed = new Subject();
1588
- this.initBehaviorSelectForTab();
1589
- }
1590
- get viewFullWidth() {
1591
- return this.fullWidth && !this.fullWidthCenter;
1592
- }
1593
- ngAfterViewInit() {
1594
- this.afterViewInit.next(true);
1595
- }
1596
- ngOnChanges({ selectTabIndex }) {
1597
- if (selectTabIndex && typeof selectTabIndex.currentValue === 'number') {
1598
- this.selectTabAtChanges(selectTabIndex.currentValue);
1599
- }
1600
- }
1601
- ngOnDestroy() {
1602
- this.viewDestroyed.next(true);
1603
- this.viewDestroyed.complete();
1604
- }
1605
- initBehaviorSelectForTab() {
1606
- const afterFullNavigateAndRender = this.getAfterFullNavigateAndRenderEvent();
1607
- const tabsAfterNavigate = afterFullNavigateAndRender.pipe(map(() => this.tabs), filter(Boolean));
1608
- tabsAfterNavigate
1609
- .pipe(tap((tabs) => this.initTabIndex(tabs)), tap((tabs) => this.initFirstSelectionTab(tabs)), switchMap((tabs) => this.getAllTabEvents(tabs)), tap((tab) => this.selectTab(this.tabs, tab)), takeUntil(this.viewDestroyed))
1610
- .subscribe();
1611
- }
1612
- initTabIndex(tabs) {
1613
- tabs.forEach((tab, index) => (tab.index = index));
1614
- this.cd.markForCheck();
1615
- }
1616
- initFirstSelectionTab(tabs) {
1617
- const activeTab = tabs.find((tab) => tab.isActiveTab);
1618
- const selectTabByIndex = typeof this.selectTabIndex === 'number' && tabs.get(this.selectTabIndex);
1619
- const firstSelectedTab = selectTabByIndex || activeTab || tabs.first;
1620
- firstSelectedTab.selected = true;
1621
- this.tryNavigateToTab(firstSelectedTab);
1622
- }
1623
- tryNavigateToTab(tab) {
1624
- if (!tab.link || tab.isActiveTab)
1625
- return;
1626
- this.router?.navigate([tab.link]);
1627
- }
1628
- selectTabAtChanges(selectTabIndex) {
1629
- const newSelectTab = this.tabs?.get(selectTabIndex);
1630
- if (!newSelectTab || !this.tabs)
1631
- return;
1632
- this.selectTab(this.tabs, newSelectTab);
1633
- this.tryNavigateToTab(newSelectTab);
1634
- }
1635
- getTabSelectionEvents(tabs) {
1636
- const indexClickedTab = this.getIndexClickedTab();
1637
- const clickedTab = indexClickedTab.pipe(map((tabIndex) => tabs.get(+tabIndex)));
1638
- return clickedTab.pipe(filter(Boolean), filter((tab) => tab.isAvailableTabForSelection));
1639
- }
1640
- getTabActiveEvents(tabs) {
1641
- const tabWithLink = tabs.filter(({ routerLinkActive }) => !!routerLinkActive);
1642
- const tabsActiveEvent = tabWithLink.map((tab) => {
1643
- return tab.routerLinkActive.isActiveChange.pipe(filter(Boolean), map(() => tab));
1644
- });
1645
- return merge(...tabsActiveEvent);
1646
- }
1647
- getAfterFullNavigateAndRenderEvent() {
1648
- const eventNavigationEnd = this.router?.events.pipe(filter((event) => event instanceof NavigationEnd), first()) || of(true);
1649
- return combineLatest([eventNavigationEnd, this.afterViewInit]).pipe(delay$1(0));
1650
- }
1651
- getIndexClickedTab() {
1652
- return fromEvent(this.elementRef.nativeElement, 'click').pipe(map((event) => event.target), filter(this.filterTabsElement.bind(this)), map((targetElement) => targetElement.closest(TAB_SELECTORS)), filter((tabElement) => !!tabElement), map((tabElement) => tabElement.getAttribute('tab-index')));
1653
- }
1654
- getAllTabEvents(tabs) {
1655
- return merge(this.getTabSelectionEvents(tabs), this.getTabActiveEvents(tabs));
1656
- }
1657
- filterTabsElement({ nodeName }) {
1658
- return nodeName.toLowerCase() !== TABS_SELECTOR;
1659
- }
1660
- selectTab(tabs, clickedTab) {
1661
- tabs.forEach((tab) => (tab.selected = tab === clickedTab));
1662
- this.selectedTabChange.emit(clickedTab);
1663
- this.cd.markForCheck();
1664
- }
1665
- }
1666
- TabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TabsComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1$2.Router, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Component });
1667
- TabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TabsComponent, selector: "moz-tabs", inputs: { fullWidth: "fullWidth", fullWidthCenter: "fullWidthCenter", hideShadow: "hideShadow", selectTabIndex: "selectTabIndex" }, outputs: { selectedTabChange: "selectedTabChange" }, host: { properties: { "class.mc-tabs": "true", "class.mc-tabs--full": "viewFullWidth", "class.mc-tabs--full-centered": "fullWidthCenter", "class.mc-tab--hide-shadow": "hideShadow" } }, queries: [{ propertyName: "tabs", predicate: TabComponent }], usesOnChanges: true, ngImport: i0, template: "<ng-content select=\"[moz-tab]\"></ng-content>\n", styles: ["@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-Light.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-Light.woff) format(\"woff\");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-Regular.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-Regular.woff) format(\"woff\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-SemiBold.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-SemiBold.woff) format(\"woff\");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-LightItalic.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-LightItalic.woff) format(\"woff\");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-Italic.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-Italic.woff) format(\"woff\");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-SemiBoldItalic.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-SemiBoldItalic.woff) format(\"woff\");font-weight:700;font-style:italic;font-display:swap}.mc-tabs{font-family:Roboto,sans-serif;font-weight:400;background-color:#fff;display:inline-flex;position:relative;width:100%}.mc-tabs:after{background:#b3b3b3;content:\"\";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}@media screen and (min-width: 680px){.mc-tabs{width:auto}}.mc-tabs--no-shadow:after,.mc-tabs--no-divider:after{display:none}@media screen and (max-width: 679px){.mc-tabs:not(.mc-tabs--dropdown):before{bottom:.125rem}}.mc-tabs__nav{list-style:none;margin-left:0;padding-left:0;display:flex;margin-top:0;margin-bottom:0}@media screen and (max-width: 679px){.mc-tabs__nav{overflow:auto hidden;white-space:nowrap}}.mc-tabs__nav,.mc-tabs__select{position:relative}.mc-tabs__link,.mc-tabs__element{font-size:.875rem;line-height:1.2857142857;font-weight:700;align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;height:3.5rem;justify-content:center;outline:none;padding-left:.75rem;padding-right:.75rem;position:relative;text-decoration:none}.mc-tabs__link:before,.mc-tabs__element:before{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;bottom:-.125rem;top:-.125rem}.mc-tabs__link:after,.mc-tabs__element:after{background-color:transparent;bottom:0;content:\"\";height:.25rem;left:1.5rem;position:absolute;right:1.5rem}.mc-tabs__link:hover .mc-tabs__text,.mc-tabs__element:hover .mc-tabs__text{background-color:#eeedea}.mc-tabs__link:active,.mc-tabs__element:active{color:#004e57}.mc-tabs__link:active .mc-tabs__text,.mc-tabs__element:active .mc-tabs__text{background-color:#dddcd5}.mc-tabs__link:focus:before,.mc-tabs__element:focus:before{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992}.mc-tabs__link--selected,.mc-tabs__element--selected{color:#007f8c}.mc-tabs__link--selected:after,.mc-tabs__element--selected:after{background-color:#007f8c}.mc-tabs__link--disabled,.mc-tabs__element--disabled{cursor:not-allowed;background-color:#ccc;pointer-events:none}.mc-tabs__link--disabled,.mc-tabs__link--disabled:hover,.mc-tabs__link--disabled:focus,.mc-tabs__link--disabled:active,.mc-tabs__element--disabled,.mc-tabs__element--disabled:hover,.mc-tabs__element--disabled:focus,.mc-tabs__element--disabled:active{box-shadow:none}.mc-tabs__text{align-items:center;border-radius:.25rem;display:flex;gap:.25rem;justify-content:center;position:relative;padding:.4375rem .75rem;pointer-events:none}.mc-tabs__icon{fill:currentColor;height:1.5rem;width:1.5rem}@media screen and (min-width: 680px){.mc-tabs--full,.mc-tabs--full-centered{width:100%}}.mc-tabs--full-centered{justify-content:center}.mc-tabs--dropdown{padding:1rem;width:auto}.mc-tab--hide-shadow:before{box-shadow:none!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1668
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TabsComponent, decorators: [{
1669
- type: Component,
1670
- args: [{ selector: TABS_SELECTOR, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
1671
- '[class.mc-tabs]': 'true',
1672
- '[class.mc-tabs--full]': 'viewFullWidth',
1673
- '[class.mc-tabs--full-centered]': 'fullWidthCenter',
1674
- '[class.mc-tab--hide-shadow]': 'hideShadow',
1675
- }, template: "<ng-content select=\"[moz-tab]\"></ng-content>\n", styles: ["@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-Light.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-Light.woff) format(\"woff\");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-Regular.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-Regular.woff) format(\"woff\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-SemiBold.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-SemiBold.woff) format(\"woff\");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-LightItalic.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-LightItalic.woff) format(\"woff\");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-Italic.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-Italic.woff) format(\"woff\");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:LeroyMerlin;src:url(/fonts/LeroyMerlinSans-Web-SemiBoldItalic.woff2) format(\"woff2\"),url(/fonts/LeroyMerlinSans-Web-SemiBoldItalic.woff) format(\"woff\");font-weight:700;font-style:italic;font-display:swap}.mc-tabs{font-family:Roboto,sans-serif;font-weight:400;background-color:#fff;display:inline-flex;position:relative;width:100%}.mc-tabs:after{background:#b3b3b3;content:\"\";display:block;margin:0 auto;height:1px;width:100%;bottom:0;left:0;position:absolute}@media screen and (min-width: 680px){.mc-tabs{width:auto}}.mc-tabs--no-shadow:after,.mc-tabs--no-divider:after{display:none}@media screen and (max-width: 679px){.mc-tabs:not(.mc-tabs--dropdown):before{bottom:.125rem}}.mc-tabs__nav{list-style:none;margin-left:0;padding-left:0;display:flex;margin-top:0;margin-bottom:0}@media screen and (max-width: 679px){.mc-tabs__nav{overflow:auto hidden;white-space:nowrap}}.mc-tabs__nav,.mc-tabs__select{position:relative}.mc-tabs__link,.mc-tabs__element{font-size:.875rem;line-height:1.2857142857;font-weight:700;align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;height:3.5rem;justify-content:center;outline:none;padding-left:.75rem;padding-right:.75rem;position:relative;text-decoration:none}.mc-tabs__link:before,.mc-tabs__element:before{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;bottom:-.125rem;top:-.125rem}.mc-tabs__link:after,.mc-tabs__element:after{background-color:transparent;bottom:0;content:\"\";height:.25rem;left:1.5rem;position:absolute;right:1.5rem}.mc-tabs__link:hover .mc-tabs__text,.mc-tabs__element:hover .mc-tabs__text{background-color:#eeedea}.mc-tabs__link:active,.mc-tabs__element:active{color:#004e57}.mc-tabs__link:active .mc-tabs__text,.mc-tabs__element:active .mc-tabs__text{background-color:#dddcd5}.mc-tabs__link:focus:before,.mc-tabs__element:focus:before{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992}.mc-tabs__link--selected,.mc-tabs__element--selected{color:#007f8c}.mc-tabs__link--selected:after,.mc-tabs__element--selected:after{background-color:#007f8c}.mc-tabs__link--disabled,.mc-tabs__element--disabled{cursor:not-allowed;background-color:#ccc;pointer-events:none}.mc-tabs__link--disabled,.mc-tabs__link--disabled:hover,.mc-tabs__link--disabled:focus,.mc-tabs__link--disabled:active,.mc-tabs__element--disabled,.mc-tabs__element--disabled:hover,.mc-tabs__element--disabled:focus,.mc-tabs__element--disabled:active{box-shadow:none}.mc-tabs__text{align-items:center;border-radius:.25rem;display:flex;gap:.25rem;justify-content:center;position:relative;padding:.4375rem .75rem;pointer-events:none}.mc-tabs__icon{fill:currentColor;height:1.5rem;width:1.5rem}@media screen and (min-width: 680px){.mc-tabs--full,.mc-tabs--full-centered{width:100%}}.mc-tabs--full-centered{justify-content:center}.mc-tabs--dropdown{padding:1rem;width:auto}.mc-tab--hide-shadow:before{box-shadow:none!important}\n"] }]
1676
- }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1$2.Router, decorators: [{
1677
- type: Host
1678
- }, {
1679
- type: Optional
1680
- }] }]; }, propDecorators: { fullWidth: [{
1681
- type: Input
1682
- }], fullWidthCenter: [{
1683
- type: Input
1684
- }], hideShadow: [{
1685
- type: Input
1686
- }], selectTabIndex: [{
1687
- type: Input
1688
- }], selectedTabChange: [{
1689
- type: Output
1690
- }], tabs: [{
1691
- type: ContentChildren,
1692
- args: [TabComponent]
1693
- }] } });
1694
-
1695
- class TabsModule {
1696
- }
1697
- TabsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1698
- TabsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: TabsModule, declarations: [TabsComponent, TabComponent], imports: [CommonModule], exports: [TabsComponent, TabComponent] });
1699
- TabsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TabsModule, imports: [CommonModule] });
1700
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TabsModule, decorators: [{
1701
- type: NgModule,
1702
- args: [{
1703
- declarations: [TabsComponent, TabComponent],
1704
- imports: [CommonModule],
1705
- exports: [TabsComponent, TabComponent],
1706
- }]
1707
- }] });
1708
-
1709
- class TagComponent {
1710
- constructor(elementRef) {
1711
- this.elementRef = elementRef;
1712
- this.size = 'm';
1713
- this.select = false;
1714
- this.selectChange = new EventEmitter();
1715
- this.clickOnRemove = new EventEmitter();
1716
- this.type = this.getDefaultType();
1717
- }
1718
- get hostCssClasses() {
1719
- return `${this.tagCssClass} ${this.sizeCssClass}`;
1720
- }
1721
- get labelCssClass() {
1722
- return `${this.tagCssClass}__label`;
1723
- }
1724
- get tagName() {
1725
- return this.elementRef?.nativeElement.tagName.toLowerCase();
1726
- }
1727
- get hostIsLink() {
1728
- return this.tagName === 'a';
1729
- }
1730
- get tagCssClass() {
1731
- return `mc-tag-${this.type}`;
1732
- }
1733
- get sizeCssClass() {
1734
- return `${this.tagCssClass}--${this.size}`;
1735
- }
1736
- getDefaultType() {
1737
- return this.hostIsLink ? 'link' : 'text';
1738
- }
1739
- emitRemove() {
1740
- this.clickOnRemove.emit();
1741
- }
1742
- emitSelectChanges($event) {
1743
- this.selectChange.emit($event);
1744
- }
1745
- }
1746
- TagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TagComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
1747
- TagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TagComponent, selector: "moz-tag, a[moz-tag]", inputs: { type: "type", size: "size", select: "select" }, outputs: { selectChange: "selectChange", clickOnRemove: "clickOnRemove" }, host: { properties: { "class": "this.hostCssClasses" } }, ngImport: i0, template: "<ng-template #labelTemplate>\n <span [ngClass]=\"labelCssClass\">\n <ng-content></ng-content>\n </span>\n</ng-template>\n\n<ng-container [ngSwitch]=\"type\">\n <ng-container *ngSwitchCase=\"'selectable'\">\n <input\n class=\"mc-tag-selectable__input\"\n type=\"checkbox\"\n id=\"selectable\"\n [ngModel]=\"select\"\n (ngModelChange)=\"emitSelectChanges($event)\"\n />\n <label class=\"mc-tag-selectable__pill\" for=\"selectable\">\n <ng-container [ngTemplateOutlet]=\"labelTemplate\"></ng-container>\n </label>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'removable'\">\n <ng-container [ngTemplateOutlet]=\"labelTemplate\"></ng-container>\n <button class=\"mc-tag-removable__remove\" (click)=\"emitRemove()\"></button>\n </ng-container>\n\n <ng-container *ngSwitchDefault>\n <ng-container [ngTemplateOutlet]=\"labelTemplate\"></ng-container>\n </ng-container>\n</ng-container>\n", styles: [".mc-tag-text{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;background:#ffffff;color:#191919;box-shadow:inset 0 0 0 1px gray}.mc-tag-text:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-text--s{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-text--s:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}@media screen and (min-width: 680px){.mc-tag-text--s\\@from-m{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-text--s\\@from-m:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1024px){.mc-tag-text--s\\@from-l{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-text--s\\@from-l:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1280px){.mc-tag-text--s\\@from-xl{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-text--s\\@from-xl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1920px){.mc-tag-text--s\\@from-xxl{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-text--s\\@from-xxl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}.mc-tag-text--dark{background:#191919;color:#fff;box-shadow:inset 0 0 0 1px #fff}.mc-tag-link{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;text-decoration:none;outline:none;background:#ffffff;box-shadow:inset 0 0 0 1px gray;color:#191919}.mc-tag-link:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-link:hover{background:#e6e6e6}.mc-tag-link:active{background:#cccccc}.mc-tag-link:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992;box-shadow:0 0 0 .125rem #758992}.mc-tag-link--s{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-link--s:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}@media screen and (min-width: 680px){.mc-tag-link--s\\@from-m{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-link--s\\@from-m:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1024px){.mc-tag-link--s\\@from-l{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-link--s\\@from-l:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1280px){.mc-tag-link--s\\@from-xl{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-link--s\\@from-xl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1920px){.mc-tag-link--s\\@from-xxl{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-link--s\\@from-xxl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}.mc-tag-link--dark{background:#191919;color:#fff;box-shadow:inset 0 0 0 1px #fff}.mc-tag-link--dark:hover{background:#333333}.mc-tag-link--dark:active{background:#4d4d4d}.mc-tag-selectable{display:inline-block;white-space:nowrap}.mc-tag-selectable__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-tag-selectable__label{-webkit-user-select:none;user-select:none}.mc-tag-selectable__pill{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;transition:box-shadow .2s ease;background:#ffffff;box-shadow:inset 0 0 0 1px gray;color:#191919;cursor:pointer}.mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-selectable__pill:hover{background:#48bac4}:checked+.mc-tag-selectable__pill{background:#007f8c;box-shadow:inset 0 0 0 1px #007f8c;color:#fff}:checked+.mc-tag-selectable__pill:hover{background:#006974;box-shadow:inset 0 0 0 1px #006974}.mc-tag-selectable__pill:active{background:#004e57;box-shadow:inset 0 0 0 1px #004e57;color:#fff}:focus+.mc-tag-selectable__pill:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992;box-shadow:0 0 0 .125rem #758992}:disabled+.mc-tag-selectable__pill{cursor:not-allowed;background:#e6e6e6;color:gray}.mc-tag-selectable--dark .mc-tag-selectable__pill{background:#191919;color:#fff;cursor:pointer}.mc-tag-selectable--dark .mc-tag-selectable__pill:hover{background:#006974}.mc-tag-selectable--dark .mc-tag-selectable__pill:active{background:#91d5db;box-shadow:inset 0 0 0 1px #91d5db;color:#191919}.mc-tag-selectable--dark :checked+.mc-tag-selectable__pill{background:#009eac;box-shadow:inset 0 0 0 1px #009eac;color:#191919}.mc-tag-selectable--dark :checked+.mc-tag-selectable__pill:hover{background:#48bac4}.mc-tag-selectable--dark :disabled+.mc-tag-selectable__pill{cursor:not-allowed;background:#4d4d4d;color:gray}.mc-tag-selectable--s .mc-tag-selectable__pill{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-selectable--s .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}@media screen and (min-width: 680px){.mc-tag-selectable--s\\@from-m .mc-tag-selectable__pill{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-selectable--s\\@from-m .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1024px){.mc-tag-selectable--s\\@from-l .mc-tag-selectable__pill{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-selectable--s\\@from-l .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1280px){.mc-tag-selectable--s\\@from-xl .mc-tag-selectable__pill{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-selectable--s\\@from-xl .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1920px){.mc-tag-selectable--s\\@from-xxl .mc-tag-selectable__pill{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-selectable--s\\@from-xxl .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}.mc-tag-selectable--m .mc-tag-selectable__pill{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex}.mc-tag-selectable--m .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}@media screen and (min-width: 680px){.mc-tag-selectable--m\\@from-m .mc-tag-selectable__pill{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex}.mc-tag-selectable--m\\@from-m .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}}@media screen and (min-width: 1024px){.mc-tag-selectable--m\\@from-l .mc-tag-selectable__pill{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex}.mc-tag-selectable--m\\@from-l .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}}@media screen and (min-width: 1280px){.mc-tag-selectable--m\\@from-xl .mc-tag-selectable__pill{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex}.mc-tag-selectable--m\\@from-xl .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}}@media screen and (min-width: 1920px){.mc-tag-selectable--m\\@from-xxl .mc-tag-selectable__pill{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex}.mc-tag-selectable--m\\@from-xxl .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}}.mc-tag-removable{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0;background-color:#333;color:#fff}.mc-tag-removable:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--s{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--s:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}.mc-tag-removable--s .mc-tag-removable__label{padding:.1875rem .25rem .1875rem 1rem}.mc-tag-removable--s .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}@media screen and (min-width: 680px){.mc-tag-removable--s\\@from-m{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-m:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}.mc-tag-removable--s\\@from-m .mc-tag-removable__label{padding:.1875rem .25rem .1875rem 1rem}.mc-tag-removable--s\\@from-m .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}}@media screen and (min-width: 1024px){.mc-tag-removable--s\\@from-l{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-l:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}.mc-tag-removable--s\\@from-l .mc-tag-removable__label{padding:.1875rem .25rem .1875rem 1rem}.mc-tag-removable--s\\@from-l .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}}@media screen and (min-width: 1280px){.mc-tag-removable--s\\@from-xl{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-xl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}.mc-tag-removable--s\\@from-xl .mc-tag-removable__label{padding:.1875rem .25rem .1875rem 1rem}.mc-tag-removable--s\\@from-xl .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}}@media screen and (min-width: 1920px){.mc-tag-removable--s\\@from-xxl{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-xxl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}.mc-tag-removable--s\\@from-xxl .mc-tag-removable__label{padding:.1875rem .25rem .1875rem 1rem}.mc-tag-removable--s\\@from-xxl .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}}.mc-tag-removable--m{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--m:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--m .mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable--m .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" fill=\"#cccccc\" viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\"/></svg>')}@media screen and (min-width: 680px){.mc-tag-removable--m\\@from-m{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-m:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--m\\@from-m .mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable--m\\@from-m .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" fill=\"#cccccc\" viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\"/></svg>')}}@media screen and (min-width: 1024px){.mc-tag-removable--m\\@from-l{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-l:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--m\\@from-l .mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable--m\\@from-l .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" fill=\"#cccccc\" viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\"/></svg>')}}@media screen and (min-width: 1280px){.mc-tag-removable--m\\@from-xl{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-xl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--m\\@from-xl .mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable--m\\@from-xl .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" fill=\"#cccccc\" viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\"/></svg>')}}@media screen and (min-width: 1920px){.mc-tag-removable--m\\@from-xxl{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-xxl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--m\\@from-xxl .mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable--m\\@from-xxl .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" fill=\"#cccccc\" viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\"/></svg>')}}.mc-tag-removable--dark{background-color:#ccc;color:#191919}.mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable__remove{box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" fill=\"#cccccc\" viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\"/></svg>');position:relative;background-color:#333;margin:0;display:block;border-radius:50%;background-repeat:no-repeat;background-position:center}.mc-tag-removable__remove:after{box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:50%;inset:-.125rem}.mc-tag-removable__remove-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-tag-removable__remove:hover{background-color:#4d4d4d}.mc-tag-removable__remove:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992;box-shadow:0 0 0 .125rem #758992}.mc-tag-removable__remove:active{background-color:#666}.mc-tag-removable--dark .mc-tag-removable__remove{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" fill=\"#191919\" viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\"/></svg>');background-color:#ccc}.mc-tag-removable--dark .mc-tag-removable__remove:hover{background-color:#b3b3b3}.mc-tag-removable--dark .mc-tag-removable__remove:active{background-color:#999}.mc-tag-list{list-style:none;margin-left:0;padding-left:0;display:flex;flex-flow:row wrap}.mc-tag-list__item{margin:0 1rem 1rem 0}\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: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1748
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TagComponent, decorators: [{
1749
- type: Component,
1750
- args: [{ selector: 'moz-tag, a[moz-tag]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-template #labelTemplate>\n <span [ngClass]=\"labelCssClass\">\n <ng-content></ng-content>\n </span>\n</ng-template>\n\n<ng-container [ngSwitch]=\"type\">\n <ng-container *ngSwitchCase=\"'selectable'\">\n <input\n class=\"mc-tag-selectable__input\"\n type=\"checkbox\"\n id=\"selectable\"\n [ngModel]=\"select\"\n (ngModelChange)=\"emitSelectChanges($event)\"\n />\n <label class=\"mc-tag-selectable__pill\" for=\"selectable\">\n <ng-container [ngTemplateOutlet]=\"labelTemplate\"></ng-container>\n </label>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'removable'\">\n <ng-container [ngTemplateOutlet]=\"labelTemplate\"></ng-container>\n <button class=\"mc-tag-removable__remove\" (click)=\"emitRemove()\"></button>\n </ng-container>\n\n <ng-container *ngSwitchDefault>\n <ng-container [ngTemplateOutlet]=\"labelTemplate\"></ng-container>\n </ng-container>\n</ng-container>\n", styles: [".mc-tag-text{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;background:#ffffff;color:#191919;box-shadow:inset 0 0 0 1px gray}.mc-tag-text:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-text--s{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-text--s:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}@media screen and (min-width: 680px){.mc-tag-text--s\\@from-m{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-text--s\\@from-m:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1024px){.mc-tag-text--s\\@from-l{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-text--s\\@from-l:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1280px){.mc-tag-text--s\\@from-xl{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-text--s\\@from-xl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1920px){.mc-tag-text--s\\@from-xxl{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-text--s\\@from-xxl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}.mc-tag-text--dark{background:#191919;color:#fff;box-shadow:inset 0 0 0 1px #fff}.mc-tag-link{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;text-decoration:none;outline:none;background:#ffffff;box-shadow:inset 0 0 0 1px gray;color:#191919}.mc-tag-link:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-link:hover{background:#e6e6e6}.mc-tag-link:active{background:#cccccc}.mc-tag-link:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992;box-shadow:0 0 0 .125rem #758992}.mc-tag-link--s{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-link--s:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}@media screen and (min-width: 680px){.mc-tag-link--s\\@from-m{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-link--s\\@from-m:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1024px){.mc-tag-link--s\\@from-l{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-link--s\\@from-l:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1280px){.mc-tag-link--s\\@from-xl{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-link--s\\@from-xl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1920px){.mc-tag-link--s\\@from-xxl{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-link--s\\@from-xxl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}.mc-tag-link--dark{background:#191919;color:#fff;box-shadow:inset 0 0 0 1px #fff}.mc-tag-link--dark:hover{background:#333333}.mc-tag-link--dark:active{background:#4d4d4d}.mc-tag-selectable{display:inline-block;white-space:nowrap}.mc-tag-selectable__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-tag-selectable__label{-webkit-user-select:none;user-select:none}.mc-tag-selectable__pill{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;transition:box-shadow .2s ease;background:#ffffff;box-shadow:inset 0 0 0 1px gray;color:#191919;cursor:pointer}.mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-selectable__pill:hover{background:#48bac4}:checked+.mc-tag-selectable__pill{background:#007f8c;box-shadow:inset 0 0 0 1px #007f8c;color:#fff}:checked+.mc-tag-selectable__pill:hover{background:#006974;box-shadow:inset 0 0 0 1px #006974}.mc-tag-selectable__pill:active{background:#004e57;box-shadow:inset 0 0 0 1px #004e57;color:#fff}:focus+.mc-tag-selectable__pill:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992;box-shadow:0 0 0 .125rem #758992}:disabled+.mc-tag-selectable__pill{cursor:not-allowed;background:#e6e6e6;color:gray}.mc-tag-selectable--dark .mc-tag-selectable__pill{background:#191919;color:#fff;cursor:pointer}.mc-tag-selectable--dark .mc-tag-selectable__pill:hover{background:#006974}.mc-tag-selectable--dark .mc-tag-selectable__pill:active{background:#91d5db;box-shadow:inset 0 0 0 1px #91d5db;color:#191919}.mc-tag-selectable--dark :checked+.mc-tag-selectable__pill{background:#009eac;box-shadow:inset 0 0 0 1px #009eac;color:#191919}.mc-tag-selectable--dark :checked+.mc-tag-selectable__pill:hover{background:#48bac4}.mc-tag-selectable--dark :disabled+.mc-tag-selectable__pill{cursor:not-allowed;background:#4d4d4d;color:gray}.mc-tag-selectable--s .mc-tag-selectable__pill{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-selectable--s .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}@media screen and (min-width: 680px){.mc-tag-selectable--s\\@from-m .mc-tag-selectable__pill{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-selectable--s\\@from-m .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1024px){.mc-tag-selectable--s\\@from-l .mc-tag-selectable__pill{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-selectable--s\\@from-l .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1280px){.mc-tag-selectable--s\\@from-xl .mc-tag-selectable__pill{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-selectable--s\\@from-xl .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1920px){.mc-tag-selectable--s\\@from-xxl .mc-tag-selectable__pill{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-selectable--s\\@from-xxl .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}.mc-tag-selectable--m .mc-tag-selectable__pill{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex}.mc-tag-selectable--m .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}@media screen and (min-width: 680px){.mc-tag-selectable--m\\@from-m .mc-tag-selectable__pill{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex}.mc-tag-selectable--m\\@from-m .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}}@media screen and (min-width: 1024px){.mc-tag-selectable--m\\@from-l .mc-tag-selectable__pill{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex}.mc-tag-selectable--m\\@from-l .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}}@media screen and (min-width: 1280px){.mc-tag-selectable--m\\@from-xl .mc-tag-selectable__pill{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex}.mc-tag-selectable--m\\@from-xl .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}}@media screen and (min-width: 1920px){.mc-tag-selectable--m\\@from-xxl .mc-tag-selectable__pill{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex}.mc-tag-selectable--m\\@from-xxl .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}}.mc-tag-removable{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0;background-color:#333;color:#fff}.mc-tag-removable:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--s{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--s:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}.mc-tag-removable--s .mc-tag-removable__label{padding:.1875rem .25rem .1875rem 1rem}.mc-tag-removable--s .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}@media screen and (min-width: 680px){.mc-tag-removable--s\\@from-m{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-m:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}.mc-tag-removable--s\\@from-m .mc-tag-removable__label{padding:.1875rem .25rem .1875rem 1rem}.mc-tag-removable--s\\@from-m .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}}@media screen and (min-width: 1024px){.mc-tag-removable--s\\@from-l{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-l:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}.mc-tag-removable--s\\@from-l .mc-tag-removable__label{padding:.1875rem .25rem .1875rem 1rem}.mc-tag-removable--s\\@from-l .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}}@media screen and (min-width: 1280px){.mc-tag-removable--s\\@from-xl{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-xl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}.mc-tag-removable--s\\@from-xl .mc-tag-removable__label{padding:.1875rem .25rem .1875rem 1rem}.mc-tag-removable--s\\@from-xl .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}}@media screen and (min-width: 1920px){.mc-tag-removable--s\\@from-xxl{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-xxl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}.mc-tag-removable--s\\@from-xxl .mc-tag-removable__label{padding:.1875rem .25rem .1875rem 1rem}.mc-tag-removable--s\\@from-xxl .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}}.mc-tag-removable--m{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--m:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--m .mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable--m .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" fill=\"#cccccc\" viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\"/></svg>')}@media screen and (min-width: 680px){.mc-tag-removable--m\\@from-m{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-m:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--m\\@from-m .mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable--m\\@from-m .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" fill=\"#cccccc\" viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\"/></svg>')}}@media screen and (min-width: 1024px){.mc-tag-removable--m\\@from-l{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-l:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--m\\@from-l .mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable--m\\@from-l .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" fill=\"#cccccc\" viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\"/></svg>')}}@media screen and (min-width: 1280px){.mc-tag-removable--m\\@from-xl{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-xl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--m\\@from-xl .mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable--m\\@from-xl .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" fill=\"#cccccc\" viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\"/></svg>')}}@media screen and (min-width: 1920px){.mc-tag-removable--m\\@from-xxl{font-family:Roboto,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-xxl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--m\\@from-xxl .mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable--m\\@from-xxl .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" fill=\"#cccccc\" viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\"/></svg>')}}.mc-tag-removable--dark{background-color:#ccc;color:#191919}.mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable__remove{box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" fill=\"#cccccc\" viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\"/></svg>');position:relative;background-color:#333;margin:0;display:block;border-radius:50%;background-repeat:no-repeat;background-position:center}.mc-tag-removable__remove:after{box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:50%;inset:-.125rem}.mc-tag-removable__remove-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-tag-removable__remove:hover{background-color:#4d4d4d}.mc-tag-removable__remove:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992;box-shadow:0 0 0 .125rem #758992}.mc-tag-removable__remove:active{background-color:#666}.mc-tag-removable--dark .mc-tag-removable__remove{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" fill=\"#191919\" viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\"/></svg>');background-color:#ccc}.mc-tag-removable--dark .mc-tag-removable__remove:hover{background-color:#b3b3b3}.mc-tag-removable--dark .mc-tag-removable__remove:active{background-color:#999}.mc-tag-list{list-style:none;margin-left:0;padding-left:0;display:flex;flex-flow:row wrap}.mc-tag-list__item{margin:0 1rem 1rem 0}\n"] }]
1751
- }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { type: [{
1752
- type: Input
1753
- }], size: [{
1754
- type: Input
1755
- }], select: [{
1756
- type: Input
1757
- }], selectChange: [{
1758
- type: Output
1759
- }], clickOnRemove: [{
1760
- type: Output
1761
- }], hostCssClasses: [{
1762
- type: HostBinding,
1763
- args: ['class']
1764
- }] } });
1765
-
1766
- class TagModule {
1767
- }
1768
- TagModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1769
- TagModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: TagModule, declarations: [TagComponent], imports: [CommonModule, FormsModule], exports: [TagComponent] });
1770
- TagModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TagModule, imports: [CommonModule, FormsModule] });
1771
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TagModule, decorators: [{
1772
- type: NgModule,
1773
- args: [{
1774
- imports: [CommonModule, FormsModule],
1775
- declarations: [TagComponent],
1776
- exports: [TagComponent],
1777
- }]
1778
- }] });
1779
-
1780
- class TextAreaComponent {
1781
- constructor() {
1782
- this._invalid = false;
1783
- this._valid = false;
1784
- }
1785
- get invalid() {
1786
- return this._invalid || false;
1787
- }
1788
- get valid() {
1789
- const valid = this._valid || false;
1790
- return !this.invalid && valid;
1791
- }
1792
- get hostCssClasses() {
1793
- const staticClasses = 'mc-textarea';
1794
- const validClass = this.valid ? 'is-valid' : '';
1795
- const invalidClass = this.invalid ? 'is-invalid' : '';
1796
- const dynamicClasses = `${validClass} ${invalidClass}`;
1797
- return `${staticClasses} ${dynamicClasses}`;
1798
- }
1799
- set invalid(val) {
1800
- this._invalid = castBooleanProperty(val);
1801
- }
1802
- set valid(val) {
1803
- this._valid = castBooleanProperty(val);
1804
- }
1805
- }
1806
- TextAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TextAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1807
- TextAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TextAreaComponent, selector: "textarea[moz-text-area]", inputs: { invalid: "invalid", valid: "valid" }, host: { properties: { "class": "this.hostCssClasses" } }, ngImport: i0, template: '', isInline: true, styles: [".mc-textarea{font-family:Roboto,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;font-size:1rem;line-height:1.375;border-radius:4px;display:block;width:100%;position:relative;color:#191919;border:1px solid #666666;background:#ffffff;transition:all ease .2s;padding:calc(.75rem - .125em - 1px) .75rem calc(.75rem + .125em - 1px)}.mc-textarea[type=number]::-webkit-inner-spin-button,.mc-textarea[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-textarea[type=number]{-moz-appearance:textfield}.mc-textarea[type=search]::-webkit-search-decoration:hover,.mc-textarea[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-textarea:hover{border-color:#191919}.mc-textarea.is-valid{border-color:#46a610}.mc-textarea.is-invalid{border-color:#c61112}.mc-textarea:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992}.mc-textarea:disabled{border-color:#e6e6e6;background:#e6e6e6;cursor:not-allowed}.mc-textarea::placeholder{color:#666}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1808
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TextAreaComponent, decorators: [{
1809
- type: Component,
1810
- args: [{ selector: 'textarea[moz-text-area]', template: '', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".mc-textarea{font-family:Roboto,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;font-size:1rem;line-height:1.375;border-radius:4px;display:block;width:100%;position:relative;color:#191919;border:1px solid #666666;background:#ffffff;transition:all ease .2s;padding:calc(.75rem - .125em - 1px) .75rem calc(.75rem + .125em - 1px)}.mc-textarea[type=number]::-webkit-inner-spin-button,.mc-textarea[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-textarea[type=number]{-moz-appearance:textfield}.mc-textarea[type=search]::-webkit-search-decoration:hover,.mc-textarea[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-textarea:hover{border-color:#191919}.mc-textarea.is-valid{border-color:#46a610}.mc-textarea.is-invalid{border-color:#c61112}.mc-textarea:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992}.mc-textarea:disabled{border-color:#e6e6e6;background:#e6e6e6;cursor:not-allowed}.mc-textarea::placeholder{color:#666}\n"] }]
1811
- }], propDecorators: { hostCssClasses: [{
1812
- type: HostBinding,
1813
- args: ['class']
1814
- }], invalid: [{
1815
- type: Input
1816
- }], valid: [{
1817
- type: Input
1818
- }] } });
1819
-
1820
- class TextAreaModule {
1821
- }
1822
- TextAreaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TextAreaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1823
- TextAreaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: TextAreaModule, declarations: [TextAreaComponent], exports: [TextAreaComponent] });
1824
- TextAreaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TextAreaModule });
1825
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TextAreaModule, decorators: [{
1826
- type: NgModule,
1827
- args: [{
1828
- declarations: [TextAreaComponent],
1829
- exports: [TextAreaComponent],
1830
- }]
1831
- }] });
1832
-
1833
- class TextInputComponent {
1834
- constructor(elementRef) {
1835
- this.elementRef = elementRef;
1836
- this.size = 'm';
1837
- this._invalid = false;
1838
- this._valid = false;
1839
- }
1840
- get hostCssClasses() {
1841
- const validClass = this.valid ? 'is-valid' : '';
1842
- const invalidClass = this.invalid ? 'is-invalid' : '';
1843
- const sizeCssClass = this.isRadioButton || this.isCheckbox ? '' : `mc-text-input--${this.size}`;
1844
- return `${this.inputClass} ${sizeCssClass} ${validClass} ${invalidClass}`;
1845
- }
1846
- get invalid() {
1847
- return this._invalid || false;
1848
- }
1849
- get valid() {
1850
- const valid = this._valid || false;
1851
- return !this.invalid && valid;
1852
- }
1853
- get typeElement() {
1854
- return this.elementRef.nativeElement.type || 'text';
1855
- }
1856
- get isRadioButton() {
1857
- return this.typeElement === 'radio';
1858
- }
1859
- get isCheckbox() {
1860
- return this.typeElement === 'checkbox';
1861
- }
1862
- get inputClass() {
1863
- if (this.isCheckbox) {
1864
- return 'mc-checkbox__input';
1865
- }
1866
- if (this.isRadioButton) {
1867
- return 'mc-radio__input';
1868
- }
1869
- return 'mc-text-input';
1870
- }
1871
- set invalid(val) {
1872
- this._invalid = castBooleanProperty(val);
1873
- }
1874
- set valid(val) {
1875
- this._valid = castBooleanProperty(val);
1876
- }
1877
- }
1878
- TextInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TextInputComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
1879
- TextInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TextInputComponent, selector: "input[moz-input]", inputs: { size: "size", invalid: "invalid", valid: "valid" }, host: { properties: { "class": "this.hostCssClasses" } }, ngImport: i0, template: '', isInline: true, styles: [".mc-text-input{font-family:Roboto,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem;transition:box-shadow .2s ease;display:block;width:100%;position:relative;border:1px solid #666666;color:#191919;background-color:#fff;border-radius:4px}.mc-text-input[type=number]::-webkit-inner-spin-button,.mc-text-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-text-input[type=number]{-moz-appearance:textfield}.mc-text-input[type=search]::-webkit-search-decoration:hover,.mc-text-input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-text-input::placeholder{font-size:1rem;line-height:1.375}.mc-text-input::placeholder{margin:0;color:#666;opacity:1}.mc-text-input.is-valid,.mc-text-input.is-invalid{background-repeat:no-repeat;background-size:1.5rem 1.5rem;background-position:right .4375rem center;padding-right:2.5rem}.mc-text-input.is-valid{border-color:#46a610;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" fill=\"#46a610\" viewBox=\"0 0 24 24\"><path d=\"M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z\"/><path d=\"M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z\"/></svg>')}.mc-text-input.is-valid:hover,.mc-text-input.is-valid.is-hover{border-color:#035010}.mc-text-input.is-invalid{border-color:#c61112;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" viewBox=\"0 0 24 24\" fill=\"#c61112\"><path d=\"M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z\"/><path d=\"M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z\"/><circle cx=\"12\" cy=\"16\" r=\"1\"/></svg>')}.mc-text-input.is-invalid:hover,.mc-text-input.is-invalid.is-hover{border-color:#530000}.mc-text-input:hover{border-color:#191919}.mc-text-input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992}.mc-text-input:disabled{background:#e6e6e6;border-color:#e6e6e6;color:#666;cursor:not-allowed}.mc-text-input--s{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s::placeholder{font-size:.875rem;line-height:1.2857142857}@media screen and (min-width: 680px){.mc-text-input--s\\@from-m{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-m::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1024px){.mc-text-input--s\\@from-l{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-l::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1280px){.mc-text-input--s\\@from-xl{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-xl::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1920px){.mc-text-input--s\\@from-xxl{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-xxl::placeholder{font-size:.875rem;line-height:1.2857142857}}.mc-text-input--m{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m::placeholder{font-size:1rem;line-height:1.375}@media screen and (min-width: 680px){.mc-text-input--m\\@from-m{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-m::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-text-input--m\\@from-l{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-l::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-text-input--m\\@from-xl{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-xl::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-text-input--m\\@from-xxl{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-xxl::placeholder{font-size:1rem;line-height:1.375}}.mc-radio{align-items:center;display:flex}.mc-radio__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:.5rem;color:#000}.mc-radio__input{font-family:Roboto,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;border:2px solid #666666;min-width:20px;width:1.25rem;min-height:20px;height:1.25rem;border-radius:50%;background-color:#fff;position:relative;transition:all .2s ease;cursor:pointer}.mc-radio__input[type=number]::-webkit-inner-spin-button,.mc-radio__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-radio__input[type=number]{-moz-appearance:textfield}.mc-radio__input[type=search]::-webkit-search-decoration:hover,.mc-radio__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-radio__input:before{border-radius:50%;content:\"\";display:block;height:.375rem;left:50%;min-height:6px;min-width:6px;position:absolute;top:50%;transform:translate(-50%,-50%);width:.375rem}.mc-radio__input::-ms-check{background-color:#fff;border:2px solid #666666;color:#fff}.mc-radio__input:hover{border-color:#191919}.mc-radio__input:hover::-ms-check{border-color:#191919}.mc-radio__input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992}.mc-radio__input:focus::-ms-check{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992}.mc-radio__input:checked{background-color:#00919f;border-color:#00919f}.mc-radio__input:checked::-ms-check{border-color:#00919f;background-color:#00919f}.mc-radio__input:checked:before{background-color:#fff}.mc-radio__input:checked:hover{border-color:#004e57}.mc-radio__input:checked:hover::-ms-check{border-color:#004e57}.mc-radio__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-radio__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-radio__input:disabled+.mc-radio__label{color:gray}.mc-radio__input:disabled:checked:before{background-color:#999}.mc-radio__input.is-invalid{border-color:#c61112}.mc-radio__input.is-invalid::-ms-check{border-color:#c61112}.mc-radio__input.is-invalid:hover{border-color:#530000}.mc-radio__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-checkbox{align-items:center;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:.5rem;color:#000}.mc-checkbox__input{font-family:Roboto,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #666666;background-color:#fff;position:relative;transition:all .2s ease;cursor:pointer}.mc-checkbox__input[type=number]::-webkit-inner-spin-button,.mc-checkbox__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#fff;border:2px solid #666666;border-radius:4px;color:#fff}.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992}.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#00919f;border-color:#00919f;background-size:1rem 1rem}.mc-checkbox__input:checked{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#ffffff\" viewBox=\"0 0 16 16\"><path d=\"M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z\"/></svg>');background-position:center center}.mc-checkbox__input:checked::-ms-check{background-color:#00919f;border-color:#00919f}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#004e57}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#004e57}.mc-checkbox__input:indeterminate{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#ffffff\" viewBox=\"0 0 16 16\"><path d=\"M12 9H4a1 1 0 010-2h8a1 1 0 010 2z\"/></svg>')}.mc-checkbox__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input:disabled:checked{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#999999\" viewBox=\"0 0 16 16\"><path d=\"M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z\"/></svg>')}.mc-checkbox__input:disabled:indeterminate{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#999999\" viewBox=\"0 0 16 16\"><path d=\"M12 9H4a1 1 0 010-2h8a1 1 0 010 2z\"/></svg>')}.mc-checkbox__input:disabled+.mc-checkbox__label{color:gray}.mc-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-text-input--m{height:3rem}.mc-text-input--s{height:2rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1880
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TextInputComponent, decorators: [{
1881
- type: Component,
1882
- args: [{ selector: 'input[moz-input]', template: '', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".mc-text-input{font-family:Roboto,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem;transition:box-shadow .2s ease;display:block;width:100%;position:relative;border:1px solid #666666;color:#191919;background-color:#fff;border-radius:4px}.mc-text-input[type=number]::-webkit-inner-spin-button,.mc-text-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-text-input[type=number]{-moz-appearance:textfield}.mc-text-input[type=search]::-webkit-search-decoration:hover,.mc-text-input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-text-input::placeholder{font-size:1rem;line-height:1.375}.mc-text-input::placeholder{margin:0;color:#666;opacity:1}.mc-text-input.is-valid,.mc-text-input.is-invalid{background-repeat:no-repeat;background-size:1.5rem 1.5rem;background-position:right .4375rem center;padding-right:2.5rem}.mc-text-input.is-valid{border-color:#46a610;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" fill=\"#46a610\" viewBox=\"0 0 24 24\"><path d=\"M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z\"/><path d=\"M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z\"/></svg>')}.mc-text-input.is-valid:hover,.mc-text-input.is-valid.is-hover{border-color:#035010}.mc-text-input.is-invalid{border-color:#c61112;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" viewBox=\"0 0 24 24\" fill=\"#c61112\"><path d=\"M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z\"/><path d=\"M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z\"/><circle cx=\"12\" cy=\"16\" r=\"1\"/></svg>')}.mc-text-input.is-invalid:hover,.mc-text-input.is-invalid.is-hover{border-color:#530000}.mc-text-input:hover{border-color:#191919}.mc-text-input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992}.mc-text-input:disabled{background:#e6e6e6;border-color:#e6e6e6;color:#666;cursor:not-allowed}.mc-text-input--s{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s::placeholder{font-size:.875rem;line-height:1.2857142857}@media screen and (min-width: 680px){.mc-text-input--s\\@from-m{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-m::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1024px){.mc-text-input--s\\@from-l{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-l::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1280px){.mc-text-input--s\\@from-xl{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-xl::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1920px){.mc-text-input--s\\@from-xxl{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-xxl::placeholder{font-size:.875rem;line-height:1.2857142857}}.mc-text-input--m{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m::placeholder{font-size:1rem;line-height:1.375}@media screen and (min-width: 680px){.mc-text-input--m\\@from-m{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-m::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-text-input--m\\@from-l{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-l::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-text-input--m\\@from-xl{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-xl::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-text-input--m\\@from-xxl{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-xxl::placeholder{font-size:1rem;line-height:1.375}}.mc-radio{align-items:center;display:flex}.mc-radio__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:.5rem;color:#000}.mc-radio__input{font-family:Roboto,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;border:2px solid #666666;min-width:20px;width:1.25rem;min-height:20px;height:1.25rem;border-radius:50%;background-color:#fff;position:relative;transition:all .2s ease;cursor:pointer}.mc-radio__input[type=number]::-webkit-inner-spin-button,.mc-radio__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-radio__input[type=number]{-moz-appearance:textfield}.mc-radio__input[type=search]::-webkit-search-decoration:hover,.mc-radio__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-radio__input:before{border-radius:50%;content:\"\";display:block;height:.375rem;left:50%;min-height:6px;min-width:6px;position:absolute;top:50%;transform:translate(-50%,-50%);width:.375rem}.mc-radio__input::-ms-check{background-color:#fff;border:2px solid #666666;color:#fff}.mc-radio__input:hover{border-color:#191919}.mc-radio__input:hover::-ms-check{border-color:#191919}.mc-radio__input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992}.mc-radio__input:focus::-ms-check{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992}.mc-radio__input:checked{background-color:#00919f;border-color:#00919f}.mc-radio__input:checked::-ms-check{border-color:#00919f;background-color:#00919f}.mc-radio__input:checked:before{background-color:#fff}.mc-radio__input:checked:hover{border-color:#004e57}.mc-radio__input:checked:hover::-ms-check{border-color:#004e57}.mc-radio__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-radio__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-radio__input:disabled+.mc-radio__label{color:gray}.mc-radio__input:disabled:checked:before{background-color:#999}.mc-radio__input.is-invalid{border-color:#c61112}.mc-radio__input.is-invalid::-ms-check{border-color:#c61112}.mc-radio__input.is-invalid:hover{border-color:#530000}.mc-radio__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-checkbox{align-items:center;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:.5rem;color:#000}.mc-checkbox__input{font-family:Roboto,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #666666;background-color:#fff;position:relative;transition:all .2s ease;cursor:pointer}.mc-checkbox__input[type=number]::-webkit-inner-spin-button,.mc-checkbox__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#fff;border:2px solid #666666;border-radius:4px;color:#fff}.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992}.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#00919f;border-color:#00919f;background-size:1rem 1rem}.mc-checkbox__input:checked{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#ffffff\" viewBox=\"0 0 16 16\"><path d=\"M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z\"/></svg>');background-position:center center}.mc-checkbox__input:checked::-ms-check{background-color:#00919f;border-color:#00919f}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#004e57}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#004e57}.mc-checkbox__input:indeterminate{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#ffffff\" viewBox=\"0 0 16 16\"><path d=\"M12 9H4a1 1 0 010-2h8a1 1 0 010 2z\"/></svg>')}.mc-checkbox__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input:disabled:checked{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#999999\" viewBox=\"0 0 16 16\"><path d=\"M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z\"/></svg>')}.mc-checkbox__input:disabled:indeterminate{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#999999\" viewBox=\"0 0 16 16\"><path d=\"M12 9H4a1 1 0 010-2h8a1 1 0 010 2z\"/></svg>')}.mc-checkbox__input:disabled+.mc-checkbox__label{color:gray}.mc-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-text-input--m{height:3rem}.mc-text-input--s{height:2rem}\n"] }]
1883
- }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { size: [{
1884
- type: Input
1885
- }], hostCssClasses: [{
1886
- type: HostBinding,
1887
- args: ['class']
1888
- }], invalid: [{
1889
- type: Input
1890
- }], valid: [{
1891
- type: Input
1892
- }] } });
1893
-
1894
- class TextInputModule {
1895
- }
1896
- TextInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TextInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1897
- TextInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: TextInputModule, declarations: [TextInputComponent], imports: [CommonModule, FormsModule, IconModule], exports: [TextInputComponent] });
1898
- TextInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TextInputModule, imports: [CommonModule, FormsModule, IconModule] });
1899
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TextInputModule, decorators: [{
1900
- type: NgModule,
1901
- args: [{
1902
- declarations: [TextInputComponent],
1903
- imports: [CommonModule, FormsModule, IconModule],
1904
- exports: [TextInputComponent],
1905
- }]
1906
- }] });
1907
-
1908
- const TOGGLE_CONTROL_VALUE_ACCESSOR = {
1909
- provide: NG_VALUE_ACCESSOR,
1910
- useExisting: forwardRef(() => ToggleComponent),
1911
- multi: true,
1912
- };
1913
- class ToggleComponent {
1914
- get checked() {
1915
- return this._checked;
1916
- }
1917
- constructor() {
1918
- this.disabled = false;
1919
- this.size = 'm';
1920
- this._checked = false;
1921
- this.onChange = () => { };
1922
- this.onTouch = () => { };
1923
- this.toggleId = generateId();
1924
- }
1925
- set checked(v) {
1926
- this._checked = v;
1927
- this.onChange(this._checked);
1928
- this.onTouch();
1929
- }
1930
- writeValue(value) {
1931
- this.checked = !!value;
1932
- }
1933
- registerOnChange(fn) {
1934
- this.onChange = fn;
1935
- }
1936
- registerOnTouched(fn) {
1937
- this.onTouch = fn;
1938
- }
1939
- toggle() {
1940
- this.writeValue(!this.checked);
1941
- }
1942
- get hostCssClasses() {
1943
- const sizeClass = `mc-toggle--${this.size}`;
1944
- return `mc-toggle ${sizeClass}`;
1945
- }
1946
- }
1947
- ToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1948
- ToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ToggleComponent, selector: "moz-toggle", inputs: { disabled: "disabled", size: "size", checked: "checked" }, host: { properties: { "class": "this.hostCssClasses" } }, providers: [TOGGLE_CONTROL_VALUE_ACCESSOR], ngImport: i0, template: "<input\n [id]=\"toggleId\"\n type=\"checkbox\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n class=\"mc-toggle__input\"\n (click)=\"toggle()\"\n/>\n<label class=\"mc-toggle__label\" [for]=\"toggleId\">\n <span class=\"mc-toggle__content\">\n <ng-content></ng-content>\n </span>\n</label>\n", styles: [".mc-toggle{display:block;position:relative}.mc-toggle__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mc-toggle__input:focus+.mc-toggle__label:before{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992}.mc-toggle__input:checked+.mc-toggle__label:before{background-color:#00919f}.mc-toggle__input:checked+.mc-toggle__label:after{border-color:#00919f;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#00919f\" viewBox=\"0 0 16 16\"><path d=\"M7.63 11.21a1 1 0 01-1.38 0l-2.92-2.6a1 1 0 111.34-1.48l2.22 2 4.41-4.34a1 1 0 111.4 1.42z\"/></svg>');transform:translate(100%,-50%)}.mc-toggle__input:checked+.mc-toggle__label .mc-toggle__off{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-toggle__input:not(:checked)+.mc-toggle__label .mc-toggle__on{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-toggle__input:disabled+.mc-toggle__label{color:gray;cursor:not-allowed}.mc-toggle__input:disabled+.mc-toggle__label:before{background-color:#e6e6e6}.mc-toggle__input:disabled+.mc-toggle__label:after{border-color:#e6e6e6;background-color:#b3b3b3;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#e6e6e6\" viewBox=\"0 0 16 16\"><path d=\"M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z\"/></svg>')}.mc-toggle__input:disabled:checked+.mc-toggle__label:before{background-color:#91d5db}.mc-toggle__input:disabled:checked+.mc-toggle__label:after{border-color:#91d5db;background-color:#fff;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#91d5db\" viewBox=\"0 0 16 16\"><path d=\"M7.63 11.21a1 1 0 01-1.38 0l-2.92-2.6a1 1 0 111.34-1.48l2.22 2 4.41-4.34a1 1 0 111.4 1.42z\"/></svg>');background-size:1rem}.mc-toggle__input:not(:disabled)+.mc-toggle__label:hover:after{background-color:#e6e6e6}.mc-toggle__content{display:inline-block;padding-left:.75rem}.mc-toggle__label{font-size:1rem;line-height:1.125;height:2rem;padding-left:4rem;box-sizing:border-box;cursor:pointer;color:#000;display:table-cell;position:relative;vertical-align:middle;-webkit-user-select:none;user-select:none}.mc-toggle__label:before,.mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle__label:before{width:4rem}.mc-toggle__label:after{width:2rem}.mc-toggle__label:after,.mc-toggle__label:before{box-sizing:border-box;content:\"\";display:block;left:0;position:absolute;top:50%;transform:translateY(-50%)}.mc-toggle__label:before{background-color:#666;will-change:background-color,border-color,box-shadow;transition:background-color .1s ease,border-color .1s ease,box-shadow .2s ease}.mc-toggle__label:after{background:#ffffff url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#666666\" viewBox=\"0 0 16 16\"><path d=\"M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z\"/></svg>') no-repeat center;background-size:1rem;border:solid 3px #666666;will-change:transform;transition:transform .1s ease,border-color .1s ease}.mc-toggle--s .mc-toggle__label{height:1.5rem;padding-left:3rem}.mc-toggle--s .mc-toggle__label:before,.mc-toggle--s .mc-toggle__label:after{border-radius:1.5rem;height:1.5rem}.mc-toggle--s .mc-toggle__label:before{width:3rem}.mc-toggle--s .mc-toggle__label:after{width:1.5rem}@media screen and (min-width: 680px){.mc-toggle--s\\@from-m .mc-toggle__label{height:1.5rem;padding-left:3rem}.mc-toggle--s\\@from-m .mc-toggle__label:before,.mc-toggle--s\\@from-m .mc-toggle__label:after{border-radius:1.5rem;height:1.5rem}.mc-toggle--s\\@from-m .mc-toggle__label:before{width:3rem}.mc-toggle--s\\@from-m .mc-toggle__label:after{width:1.5rem}}@media screen and (min-width: 1024px){.mc-toggle--s\\@from-l .mc-toggle__label{height:1.5rem;padding-left:3rem}.mc-toggle--s\\@from-l .mc-toggle__label:before,.mc-toggle--s\\@from-l .mc-toggle__label:after{border-radius:1.5rem;height:1.5rem}.mc-toggle--s\\@from-l .mc-toggle__label:before{width:3rem}.mc-toggle--s\\@from-l .mc-toggle__label:after{width:1.5rem}}@media screen and (min-width: 1280px){.mc-toggle--s\\@from-xl .mc-toggle__label{height:1.5rem;padding-left:3rem}.mc-toggle--s\\@from-xl .mc-toggle__label:before,.mc-toggle--s\\@from-xl .mc-toggle__label:after{border-radius:1.5rem;height:1.5rem}.mc-toggle--s\\@from-xl .mc-toggle__label:before{width:3rem}.mc-toggle--s\\@from-xl .mc-toggle__label:after{width:1.5rem}}@media screen and (min-width: 1920px){.mc-toggle--s\\@from-xxl .mc-toggle__label{height:1.5rem;padding-left:3rem}.mc-toggle--s\\@from-xxl .mc-toggle__label:before,.mc-toggle--s\\@from-xxl .mc-toggle__label:after{border-radius:1.5rem;height:1.5rem}.mc-toggle--s\\@from-xxl .mc-toggle__label:before{width:3rem}.mc-toggle--s\\@from-xxl .mc-toggle__label:after{width:1.5rem}}.mc-toggle--m .mc-toggle__label{height:2rem;padding-left:4rem}.mc-toggle--m .mc-toggle__label:before,.mc-toggle--m .mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle--m .mc-toggle__label:before{width:4rem}.mc-toggle--m .mc-toggle__label:after{width:2rem}@media screen and (min-width: 680px){.mc-toggle--m\\@from-m .mc-toggle__label{height:2rem;padding-left:4rem}.mc-toggle--m\\@from-m .mc-toggle__label:before,.mc-toggle--m\\@from-m .mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle--m\\@from-m .mc-toggle__label:before{width:4rem}.mc-toggle--m\\@from-m .mc-toggle__label:after{width:2rem}}@media screen and (min-width: 1024px){.mc-toggle--m\\@from-l .mc-toggle__label{height:2rem;padding-left:4rem}.mc-toggle--m\\@from-l .mc-toggle__label:before,.mc-toggle--m\\@from-l .mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle--m\\@from-l .mc-toggle__label:before{width:4rem}.mc-toggle--m\\@from-l .mc-toggle__label:after{width:2rem}}@media screen and (min-width: 1280px){.mc-toggle--m\\@from-xl .mc-toggle__label{height:2rem;padding-left:4rem}.mc-toggle--m\\@from-xl .mc-toggle__label:before,.mc-toggle--m\\@from-xl .mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle--m\\@from-xl .mc-toggle__label:before{width:4rem}.mc-toggle--m\\@from-xl .mc-toggle__label:after{width:2rem}}@media screen and (min-width: 1920px){.mc-toggle--m\\@from-xxl .mc-toggle__label{height:2rem;padding-left:4rem}.mc-toggle--m\\@from-xxl .mc-toggle__label:before,.mc-toggle--m\\@from-xxl .mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle--m\\@from-xxl .mc-toggle__label:before{width:4rem}.mc-toggle--m\\@from-xxl .mc-toggle__label:after{width:2rem}}.mc-toggle--hide-label .mc-toggle__content{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1949
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ToggleComponent, decorators: [{
1950
- type: Component,
1951
- args: [{ selector: 'moz-toggle', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [TOGGLE_CONTROL_VALUE_ACCESSOR], template: "<input\n [id]=\"toggleId\"\n type=\"checkbox\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n class=\"mc-toggle__input\"\n (click)=\"toggle()\"\n/>\n<label class=\"mc-toggle__label\" [for]=\"toggleId\">\n <span class=\"mc-toggle__content\">\n <ng-content></ng-content>\n </span>\n</label>\n", styles: [".mc-toggle{display:block;position:relative}.mc-toggle__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mc-toggle__input:focus+.mc-toggle__label:before{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #758992}.mc-toggle__input:checked+.mc-toggle__label:before{background-color:#00919f}.mc-toggle__input:checked+.mc-toggle__label:after{border-color:#00919f;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#00919f\" viewBox=\"0 0 16 16\"><path d=\"M7.63 11.21a1 1 0 01-1.38 0l-2.92-2.6a1 1 0 111.34-1.48l2.22 2 4.41-4.34a1 1 0 111.4 1.42z\"/></svg>');transform:translate(100%,-50%)}.mc-toggle__input:checked+.mc-toggle__label .mc-toggle__off{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-toggle__input:not(:checked)+.mc-toggle__label .mc-toggle__on{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-toggle__input:disabled+.mc-toggle__label{color:gray;cursor:not-allowed}.mc-toggle__input:disabled+.mc-toggle__label:before{background-color:#e6e6e6}.mc-toggle__input:disabled+.mc-toggle__label:after{border-color:#e6e6e6;background-color:#b3b3b3;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#e6e6e6\" viewBox=\"0 0 16 16\"><path d=\"M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z\"/></svg>')}.mc-toggle__input:disabled:checked+.mc-toggle__label:before{background-color:#91d5db}.mc-toggle__input:disabled:checked+.mc-toggle__label:after{border-color:#91d5db;background-color:#fff;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#91d5db\" viewBox=\"0 0 16 16\"><path d=\"M7.63 11.21a1 1 0 01-1.38 0l-2.92-2.6a1 1 0 111.34-1.48l2.22 2 4.41-4.34a1 1 0 111.4 1.42z\"/></svg>');background-size:1rem}.mc-toggle__input:not(:disabled)+.mc-toggle__label:hover:after{background-color:#e6e6e6}.mc-toggle__content{display:inline-block;padding-left:.75rem}.mc-toggle__label{font-size:1rem;line-height:1.125;height:2rem;padding-left:4rem;box-sizing:border-box;cursor:pointer;color:#000;display:table-cell;position:relative;vertical-align:middle;-webkit-user-select:none;user-select:none}.mc-toggle__label:before,.mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle__label:before{width:4rem}.mc-toggle__label:after{width:2rem}.mc-toggle__label:after,.mc-toggle__label:before{box-sizing:border-box;content:\"\";display:block;left:0;position:absolute;top:50%;transform:translateY(-50%)}.mc-toggle__label:before{background-color:#666;will-change:background-color,border-color,box-shadow;transition:background-color .1s ease,border-color .1s ease,box-shadow .2s ease}.mc-toggle__label:after{background:#ffffff url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#666666\" viewBox=\"0 0 16 16\"><path d=\"M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z\"/></svg>') no-repeat center;background-size:1rem;border:solid 3px #666666;will-change:transform;transition:transform .1s ease,border-color .1s ease}.mc-toggle--s .mc-toggle__label{height:1.5rem;padding-left:3rem}.mc-toggle--s .mc-toggle__label:before,.mc-toggle--s .mc-toggle__label:after{border-radius:1.5rem;height:1.5rem}.mc-toggle--s .mc-toggle__label:before{width:3rem}.mc-toggle--s .mc-toggle__label:after{width:1.5rem}@media screen and (min-width: 680px){.mc-toggle--s\\@from-m .mc-toggle__label{height:1.5rem;padding-left:3rem}.mc-toggle--s\\@from-m .mc-toggle__label:before,.mc-toggle--s\\@from-m .mc-toggle__label:after{border-radius:1.5rem;height:1.5rem}.mc-toggle--s\\@from-m .mc-toggle__label:before{width:3rem}.mc-toggle--s\\@from-m .mc-toggle__label:after{width:1.5rem}}@media screen and (min-width: 1024px){.mc-toggle--s\\@from-l .mc-toggle__label{height:1.5rem;padding-left:3rem}.mc-toggle--s\\@from-l .mc-toggle__label:before,.mc-toggle--s\\@from-l .mc-toggle__label:after{border-radius:1.5rem;height:1.5rem}.mc-toggle--s\\@from-l .mc-toggle__label:before{width:3rem}.mc-toggle--s\\@from-l .mc-toggle__label:after{width:1.5rem}}@media screen and (min-width: 1280px){.mc-toggle--s\\@from-xl .mc-toggle__label{height:1.5rem;padding-left:3rem}.mc-toggle--s\\@from-xl .mc-toggle__label:before,.mc-toggle--s\\@from-xl .mc-toggle__label:after{border-radius:1.5rem;height:1.5rem}.mc-toggle--s\\@from-xl .mc-toggle__label:before{width:3rem}.mc-toggle--s\\@from-xl .mc-toggle__label:after{width:1.5rem}}@media screen and (min-width: 1920px){.mc-toggle--s\\@from-xxl .mc-toggle__label{height:1.5rem;padding-left:3rem}.mc-toggle--s\\@from-xxl .mc-toggle__label:before,.mc-toggle--s\\@from-xxl .mc-toggle__label:after{border-radius:1.5rem;height:1.5rem}.mc-toggle--s\\@from-xxl .mc-toggle__label:before{width:3rem}.mc-toggle--s\\@from-xxl .mc-toggle__label:after{width:1.5rem}}.mc-toggle--m .mc-toggle__label{height:2rem;padding-left:4rem}.mc-toggle--m .mc-toggle__label:before,.mc-toggle--m .mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle--m .mc-toggle__label:before{width:4rem}.mc-toggle--m .mc-toggle__label:after{width:2rem}@media screen and (min-width: 680px){.mc-toggle--m\\@from-m .mc-toggle__label{height:2rem;padding-left:4rem}.mc-toggle--m\\@from-m .mc-toggle__label:before,.mc-toggle--m\\@from-m .mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle--m\\@from-m .mc-toggle__label:before{width:4rem}.mc-toggle--m\\@from-m .mc-toggle__label:after{width:2rem}}@media screen and (min-width: 1024px){.mc-toggle--m\\@from-l .mc-toggle__label{height:2rem;padding-left:4rem}.mc-toggle--m\\@from-l .mc-toggle__label:before,.mc-toggle--m\\@from-l .mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle--m\\@from-l .mc-toggle__label:before{width:4rem}.mc-toggle--m\\@from-l .mc-toggle__label:after{width:2rem}}@media screen and (min-width: 1280px){.mc-toggle--m\\@from-xl .mc-toggle__label{height:2rem;padding-left:4rem}.mc-toggle--m\\@from-xl .mc-toggle__label:before,.mc-toggle--m\\@from-xl .mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle--m\\@from-xl .mc-toggle__label:before{width:4rem}.mc-toggle--m\\@from-xl .mc-toggle__label:after{width:2rem}}@media screen and (min-width: 1920px){.mc-toggle--m\\@from-xxl .mc-toggle__label{height:2rem;padding-left:4rem}.mc-toggle--m\\@from-xxl .mc-toggle__label:before,.mc-toggle--m\\@from-xxl .mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle--m\\@from-xxl .mc-toggle__label:before{width:4rem}.mc-toggle--m\\@from-xxl .mc-toggle__label:after{width:2rem}}.mc-toggle--hide-label .mc-toggle__content{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}\n"] }]
1952
- }], ctorParameters: function () { return []; }, propDecorators: { disabled: [{
1953
- type: Input
1954
- }], size: [{
1955
- type: Input
1956
- }], checked: [{
1957
- type: Input
1958
- }], hostCssClasses: [{
1959
- type: HostBinding,
1960
- args: ['class']
1961
- }] } });
1962
-
1963
- class ToggleModule {
1964
- }
1965
- ToggleModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1966
- ToggleModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: ToggleModule, declarations: [ToggleComponent], imports: [CommonModule], exports: [ToggleComponent] });
1967
- ToggleModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ToggleModule, imports: [CommonModule] });
1968
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ToggleModule, decorators: [{
1969
- type: NgModule,
1970
- args: [{
1971
- imports: [CommonModule],
1972
- declarations: [ToggleComponent],
1973
- exports: [ToggleComponent],
1974
- }]
1975
- }] });
1976
-
1977
- class TooltipComponent {
1978
- constructor() {
1979
- this.text = '';
1980
- this.position = 'bottom';
1981
- this.disabled = false;
1982
- }
1983
- get viewContent() {
1984
- return !this.disabled;
1985
- }
1986
- get hostCssClasses() {
1987
- return `mc-tooltip mc-tooltip--${this.position}`;
1988
- }
1989
- }
1990
- TooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1991
- TooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TooltipComponent, selector: "moz-tooltip", inputs: { text: "text", position: "position", disabled: "disabled" }, host: { properties: { "class": "this.hostCssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n<span *ngIf=\"viewContent\" class=\"mc-tooltip__content\" role=\"tooltip\">{{ text }}</span>\n", styles: [".mc-tooltip{font-family:Roboto,sans-serif;font-weight:400;display:inline-flex;position:relative}.mc-tooltip:focus,.mc-tooltip:hover{cursor:help}.mc-tooltip:focus .mc-tooltip__content,.mc-tooltip:hover .mc-tooltip__content{visibility:visible}.mc-tooltip__content{font-size:.875rem;line-height:1.2857142857;background-color:#5b737d;border-radius:4px;box-sizing:border-box;color:#fff;padding:.4375rem 1rem;position:absolute;text-align:center;visibility:hidden;white-space:normal;z-index:1000;border:1px solid #ffffff}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip__content{width:13.75rem}}@supports (width: max-content){.mc-tooltip__content{min-width:6.625rem;max-width:13.75rem;width:max-content}}.mc-tooltip__content:before{background:transparent url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"0.5rem\" width=\"0.5rem\" viewBox=\"0 0 8 8\"><path fill=\"#ffffff\" d=\"M1.79 3.11l6.21-3.11v8l-6.21-3.11a1 1 0 0 1-.45-1.34 1 1 0 0 1 .45-.44z\"/></svg>') no-repeat;background-size:.625rem;content:\"\";height:.625rem;position:absolute;width:.625rem}.mc-tooltip__content:after{background:transparent url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"0.5rem\" width=\"0.5rem\" viewBox=\"0 0 8 8\"><path fill=\"#5b737d\" d=\"M1.79 3.11l6.21-3.11v8l-6.21-3.11a1 1 0 0 1-.45-1.34 1 1 0 0 1 .45-.44z\"/></svg>') no-repeat;background-size:.5rem;content:\"\";height:.5rem;position:absolute;width:.5rem}.mc-tooltip--top .mc-tooltip__content{top:0;left:50%;transform:translate(-50%,calc(-100% - .75rem))}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip--top .mc-tooltip__content{transform:translate(-50%,-100%);margin-top:-.75rem}}.mc-tooltip--top .mc-tooltip__content:after,.mc-tooltip--top .mc-tooltip__content:before{bottom:0;left:50%;transform:translate(-50%,100%) rotate(-90deg)}.mc-tooltip--top .mc-tooltip__content:before{bottom:-1px}.mc-tooltip--right .mc-tooltip__content{top:50%;right:0;transform:translate(calc(100% + .75rem),-50%)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip--right .mc-tooltip__content{transform:translate(100%,-50%);margin-right:-.75rem}}.mc-tooltip--right .mc-tooltip__content:after,.mc-tooltip--right .mc-tooltip__content:before{top:50%;left:0;transform:translate(-99%,-50%)}.mc-tooltip--right .mc-tooltip__content:before{left:-1px}.mc-tooltip--left .mc-tooltip__content{left:0;top:50%;transform:translate(calc(-100% - .75rem),-50%)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip--left .mc-tooltip__content{transform:translate(-100%,-50%);margin-left:-.75rem}}.mc-tooltip--left .mc-tooltip__content:after,.mc-tooltip--left .mc-tooltip__content:before{top:50%;right:0;transform:translate(99%,-50%) rotate(180deg)}.mc-tooltip--left .mc-tooltip__content:before{right:-1px}.mc-tooltip--bottom .mc-tooltip__content{bottom:0;left:50%;transform:translate(-50%,calc(100% + .75rem))}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip--bottom .mc-tooltip__content{transform:translate(-50%,100%);margin-bottom:-.75rem}}.mc-tooltip--bottom .mc-tooltip__content:after,.mc-tooltip--bottom .mc-tooltip__content:before{top:0;left:50%;transform:translate(-50%,-100%) rotate(90deg)}.mc-tooltip--bottom .mc-tooltip__content:before{top:-1px}.mc-tooltip--no-pointer .mc-tooltip__content:after,.mc-tooltip--no-pointer .mc-tooltip__content:before{background:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1992
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TooltipComponent, decorators: [{
1993
- type: Component,
1994
- args: [{ selector: 'moz-tooltip', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n<span *ngIf=\"viewContent\" class=\"mc-tooltip__content\" role=\"tooltip\">{{ text }}</span>\n", styles: [".mc-tooltip{font-family:Roboto,sans-serif;font-weight:400;display:inline-flex;position:relative}.mc-tooltip:focus,.mc-tooltip:hover{cursor:help}.mc-tooltip:focus .mc-tooltip__content,.mc-tooltip:hover .mc-tooltip__content{visibility:visible}.mc-tooltip__content{font-size:.875rem;line-height:1.2857142857;background-color:#5b737d;border-radius:4px;box-sizing:border-box;color:#fff;padding:.4375rem 1rem;position:absolute;text-align:center;visibility:hidden;white-space:normal;z-index:1000;border:1px solid #ffffff}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip__content{width:13.75rem}}@supports (width: max-content){.mc-tooltip__content{min-width:6.625rem;max-width:13.75rem;width:max-content}}.mc-tooltip__content:before{background:transparent url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"0.5rem\" width=\"0.5rem\" viewBox=\"0 0 8 8\"><path fill=\"#ffffff\" d=\"M1.79 3.11l6.21-3.11v8l-6.21-3.11a1 1 0 0 1-.45-1.34 1 1 0 0 1 .45-.44z\"/></svg>') no-repeat;background-size:.625rem;content:\"\";height:.625rem;position:absolute;width:.625rem}.mc-tooltip__content:after{background:transparent url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"0.5rem\" width=\"0.5rem\" viewBox=\"0 0 8 8\"><path fill=\"#5b737d\" d=\"M1.79 3.11l6.21-3.11v8l-6.21-3.11a1 1 0 0 1-.45-1.34 1 1 0 0 1 .45-.44z\"/></svg>') no-repeat;background-size:.5rem;content:\"\";height:.5rem;position:absolute;width:.5rem}.mc-tooltip--top .mc-tooltip__content{top:0;left:50%;transform:translate(-50%,calc(-100% - .75rem))}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip--top .mc-tooltip__content{transform:translate(-50%,-100%);margin-top:-.75rem}}.mc-tooltip--top .mc-tooltip__content:after,.mc-tooltip--top .mc-tooltip__content:before{bottom:0;left:50%;transform:translate(-50%,100%) rotate(-90deg)}.mc-tooltip--top .mc-tooltip__content:before{bottom:-1px}.mc-tooltip--right .mc-tooltip__content{top:50%;right:0;transform:translate(calc(100% + .75rem),-50%)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip--right .mc-tooltip__content{transform:translate(100%,-50%);margin-right:-.75rem}}.mc-tooltip--right .mc-tooltip__content:after,.mc-tooltip--right .mc-tooltip__content:before{top:50%;left:0;transform:translate(-99%,-50%)}.mc-tooltip--right .mc-tooltip__content:before{left:-1px}.mc-tooltip--left .mc-tooltip__content{left:0;top:50%;transform:translate(calc(-100% - .75rem),-50%)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip--left .mc-tooltip__content{transform:translate(-100%,-50%);margin-left:-.75rem}}.mc-tooltip--left .mc-tooltip__content:after,.mc-tooltip--left .mc-tooltip__content:before{top:50%;right:0;transform:translate(99%,-50%) rotate(180deg)}.mc-tooltip--left .mc-tooltip__content:before{right:-1px}.mc-tooltip--bottom .mc-tooltip__content{bottom:0;left:50%;transform:translate(-50%,calc(100% + .75rem))}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip--bottom .mc-tooltip__content{transform:translate(-50%,100%);margin-bottom:-.75rem}}.mc-tooltip--bottom .mc-tooltip__content:after,.mc-tooltip--bottom .mc-tooltip__content:before{top:0;left:50%;transform:translate(-50%,-100%) rotate(90deg)}.mc-tooltip--bottom .mc-tooltip__content:before{top:-1px}.mc-tooltip--no-pointer .mc-tooltip__content:after,.mc-tooltip--no-pointer .mc-tooltip__content:before{background:none}\n"] }]
1995
- }], propDecorators: { text: [{
1996
- type: Input
1997
- }], position: [{
1998
- type: Input
1999
- }], disabled: [{
2000
- type: Input
2001
- }], hostCssClasses: [{
2002
- type: HostBinding,
2003
- args: ['class']
2004
- }] } });
2005
-
2006
- class TooltipModule {
2007
- }
2008
- TooltipModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
2009
- TooltipModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: TooltipModule, declarations: [TooltipComponent], imports: [CommonModule], exports: [TooltipComponent] });
2010
- TooltipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TooltipModule, imports: [CommonModule] });
2011
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TooltipModule, decorators: [{
2012
- type: NgModule,
2013
- args: [{
2014
- imports: [CommonModule],
2015
- declarations: [TooltipComponent],
2016
- exports: [TooltipComponent],
2017
- }]
2018
- }] });
2019
-
2020
- /**
2021
- * Generated bundle index. Do not edit.
2022
- */
2023
-
2024
- export { BadgeComponent, BadgeModule, ButtonComponent, ButtonModule, CHECKBOX_CONTROL_VALUE_ACCESSOR, CheckboxComponent, CheckboxModule, DIALOG_CONFIG, DIALOG_DATA, DIALOG_REF, DialogComponent, DialogModule, DialogService, FieldComponent, FieldErrorComponent, FieldModule, IconComponent, IconModule, IconService, InputIconDirective, LAYER_CONFIG, LAYER_DATA, LAYER_REF, LayerComponent, LayerModule, LayerService, LoaderComponent, LoaderModule, LoaderService, MOZ_INPUT_ICON, NOTIFICATION_CONFIG, NotificationComponent, NotificationConfigFactory, NotificationContainerComponent, NotificationFooterComponent, NotificationMessageComponent, NotificationModule, NotificationService, NotificationTitleComponent, PAGINATION_CONTROL_VALUE_ACCESSOR, PaginationComponent, PaginationModule, ProgressBarComponent, ProgressBarModule, SelectComponent, SelectModule, StepComponent, StepperComponent, StepperModule, TOGGLE_CONTROL_VALUE_ACCESSOR, TabComponent, TabsComponent, TabsModule, TagComponent, TagModule, TextAreaComponent, TextAreaModule, TextInputComponent, TextInputModule, ToggleComponent, ToggleModule, TooltipComponent, TooltipModule, castBooleanProperty, generateId, getRandomNumber, overwriteStyle };
2025
- //# sourceMappingURL=mozaic-ds-angular.mjs.map