@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,2052 +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 () {
316
- return [{ type: undefined, decorators: [{
317
- type: Inject,
318
- args: [DIALOG_CONFIG]
319
- }] }, { type: i0.ChangeDetectorRef }];
320
- }, propDecorators: { dialogRef: [{
321
- type: Input
322
- }], childComponentType: [{
323
- type: Input
324
- }], contentViewRef: [{
325
- type: ViewChild,
326
- args: ['content', { read: ViewContainerRef, static: true }]
327
- }] } });
328
-
329
- class DialogConfigModel {
330
- constructor(config) {
331
- this.title = '';
332
- this.hasCross = true;
333
- this.minHeight = 65;
334
- Object.assign(this, config);
335
- }
336
- }
337
-
338
- class DialogInjector {
339
- constructor({ injector, dialogRef }) {
340
- this.parentInjector = injector;
341
- this.dialogRef = dialogRef;
342
- this.initAdditionalTokens();
343
- }
344
- get(token, notFoundValue) {
345
- const value = this.additionalTokens.get(token);
346
- if (value) {
347
- return value;
348
- }
349
- return this.parentInjector.get(token, notFoundValue);
350
- }
351
- initAdditionalTokens() {
352
- this.additionalTokens = new WeakMap();
353
- this.additionalTokens.set(DIALOG_REF, this.dialogRef);
354
- this.additionalTokens.set(DIALOG_CONFIG, this.dialogRef.config);
355
- this.additionalTokens.set(DIALOG_DATA, this.dialogRef.config.data);
356
- }
357
- }
358
-
359
- class DialogRefModel {
360
- constructor(dialogConfig) {
361
- this.dialogConfig = dialogConfig;
362
- this._config$ = new BehaviorSubject({});
363
- this._afterClosed$ = new Subject();
364
- this._id = String(getRandomNumber(1, 100000));
365
- this.init(dialogConfig);
366
- }
367
- get afterClosed$() {
368
- return this._afterClosed$.asObservable();
369
- }
370
- get config$() {
371
- return this._config$.asObservable();
372
- }
373
- get config() {
374
- return this._config$.getValue();
375
- }
376
- get id() {
377
- return this._id;
378
- }
379
- get dialogElement() {
380
- return this._dialogElement;
381
- }
382
- get componentRef() {
383
- return this._componentRef;
384
- }
385
- init(config) {
386
- this.updateConfig(config);
387
- }
388
- updateConfig(config) {
389
- this._config$.next(Object.assign(Object.assign({}, this.config), config));
390
- }
391
- close(result) {
392
- this._afterClosed$.next(result);
393
- }
394
- setDialogElement(element) {
395
- this._dialogElement = element;
396
- }
397
- setComponentRef(componentRef) {
398
- this._componentRef = componentRef;
399
- }
400
- destroy() {
401
- this._config$.complete();
402
- this._afterClosed$.complete();
403
- }
404
- }
405
-
406
- class DialogService {
407
- constructor(componentFactoryResolver, injector, applicationRef, document) {
408
- this.componentFactoryResolver = componentFactoryResolver;
409
- this.injector = injector;
410
- this.applicationRef = applicationRef;
411
- this.document = document;
412
- this._layer = 100;
413
- }
414
- open(component, config = {}) {
415
- this.addLayer();
416
- const dialogRef = this.createDialog(Object.assign(Object.assign({}, config), { layerIndex: this._layer }));
417
- this.applyDataForCreatedDialogInstance({ component, dialogRef });
418
- return dialogRef;
419
- }
420
- createDialog(config) {
421
- const dialogRef = new DialogRefModel(new DialogConfigModel(config));
422
- const dialogInjector = new DialogInjector({ injector: this.injector, dialogRef });
423
- const componentRef = this.createComponentRef(dialogInjector);
424
- dialogRef.setComponentRef(componentRef);
425
- this.initDialogRefAfterClosedObserver(dialogRef, componentRef);
426
- this.appendDialogComponentToBody(componentRef);
427
- return dialogRef;
428
- }
429
- createComponentRef(dialogInjector) {
430
- return this.componentFactoryResolver
431
- .resolveComponentFactory(DialogComponent)
432
- .create(dialogInjector);
433
- }
434
- initDialogRefAfterClosedObserver(dialogRef, componentRef) {
435
- const destroyDelayInMs = 50;
436
- dialogRef.afterClosed$.pipe(delay(destroyDelayInMs)).subscribe(() => componentRef.destroy());
437
- }
438
- appendDialogComponentToBody(componentRef) {
439
- const componentHostView = componentRef.hostView;
440
- const componentHtmlElement = componentHostView.rootNodes[0];
441
- this.applicationRef.attachView(componentHostView);
442
- this.document.body.appendChild(componentHtmlElement);
443
- }
444
- applyDataForCreatedDialogInstance({ dialogRef, component, }) {
445
- const { instance: dialogInstance } = dialogRef.componentRef;
446
- dialogInstance.childComponentType = component;
447
- dialogInstance.dialogRef = dialogRef;
448
- }
449
- addLayer() {
450
- this._layer += 1;
451
- }
452
- }
453
- 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 });
454
- DialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogService, providedIn: 'root' });
455
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogService, decorators: [{
456
- type: Injectable,
457
- args: [{
458
- providedIn: 'root',
459
- }]
460
- }], ctorParameters: function () {
461
- return [{ type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: i0.ApplicationRef }, { type: Document, decorators: [{
462
- type: Inject,
463
- args: [DOCUMENT]
464
- }] }];
465
- } });
466
-
467
- class DialogModule {
468
- }
469
- DialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
470
- DialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: DialogModule, declarations: [DialogComponent], imports: [CommonModule] });
471
- DialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogModule, providers: [DialogService], imports: [CommonModule] });
472
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DialogModule, decorators: [{
473
- type: NgModule,
474
- args: [{
475
- declarations: [DialogComponent],
476
- imports: [CommonModule],
477
- providers: [DialogService],
478
- exports: [],
479
- }]
480
- }] });
481
-
482
- const MOZ_INPUT_ICON = new InjectionToken('MozInputIcon');
483
- class InputIconDirective {
484
- }
485
- InputIconDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: InputIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
486
- 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 });
487
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: InputIconDirective, decorators: [{
488
- type: Directive,
489
- args: [{
490
- selector: '[mozInputIcon]',
491
- providers: [{ provide: MOZ_INPUT_ICON, useExisting: InputIconDirective }],
492
- }]
493
- }] });
494
-
495
- class FieldErrorComponent {
496
- }
497
- FieldErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FieldErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
498
- 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 });
499
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FieldErrorComponent, decorators: [{
500
- type: Component,
501
- args: [{ selector: 'moz-field-error', changeDetection: ChangeDetectionStrategy.OnPush, host: {
502
- '[class.mc-field__error-message]': 'true',
503
- }, 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"] }]
504
- }] });
505
-
506
- class FieldComponent {
507
- get viewLabel() {
508
- return !!(this.label || this.requirementText || this.helpText);
509
- }
510
- get hasInputIcon() {
511
- var _a, _b;
512
- return (_a = this.InputIconDirective) === null || _a === void 0 ? void 0 : _a.changes.pipe(startWith(!!((_b = this.InputIconDirective) === null || _b === void 0 ? void 0 : _b.length)), map(() => { var _a; return !!((_a = this.InputIconDirective) === null || _a === void 0 ? void 0 : _a.length); }));
513
- }
514
- constructor(cd) {
515
- this.cd = cd;
516
- this.label = '';
517
- this.requirementText = '';
518
- this.helpText = '';
519
- }
520
- ngAfterViewInit() {
521
- this.cd.detectChanges();
522
- }
523
- }
524
- FieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FieldComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
525
- 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 });
526
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FieldComponent, decorators: [{
527
- type: Component,
528
- args: [{ selector: 'moz-field', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
529
- '[class.mc-field]': 'true',
530
- }, 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"] }]
531
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { label: [{
532
- type: Input
533
- }], requirementText: [{
534
- type: Input
535
- }], helpText: [{
536
- type: Input
537
- }], InputIconDirective: [{
538
- type: ContentChildren,
539
- args: [MOZ_INPUT_ICON, { descendants: true }]
540
- }] } });
541
-
542
- class FieldModule {
543
- }
544
- FieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
545
- 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] });
546
- FieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FieldModule, imports: [CommonModule] });
547
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FieldModule, decorators: [{
548
- type: NgModule,
549
- args: [{
550
- imports: [CommonModule],
551
- declarations: [FieldComponent, FieldErrorComponent, InputIconDirective],
552
- exports: [FieldComponent, FieldErrorComponent, InputIconDirective],
553
- }]
554
- }] });
555
-
556
- var IconSize;
557
- (function (IconSize) {
558
- IconSize["S"] = "16px";
559
- IconSize["M"] = "24px";
560
- IconSize["L"] = "32px";
561
- IconSize["XL"] = "48px";
562
- })(IconSize || (IconSize = {}));
563
-
564
- class IconService {
565
- constructor(http) {
566
- this.http = http;
567
- this.cachedIcons = new Map();
568
- this.cachedRequests = new Map();
569
- }
570
- getIcon(name) {
571
- const cacheIcon = this.cachedIcons.get(name);
572
- const cachedRequest = this.cachedRequests.get(name);
573
- if (cacheIcon) {
574
- return of(cacheIcon);
575
- }
576
- if (cachedRequest) {
577
- return cachedRequest;
578
- }
579
- const url = `/assets/moz-icons/${name}.svg`;
580
- 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 }));
581
- this.cachedRequests.set(name, request);
582
- return request;
583
- }
584
- getNotFoundError(name) {
585
- return Error(`
586
- The icon (${name}) you are trying to display does not exist.
587
- Maybe the name is incorrect.
588
- => (See all available icons: http://mozaic.adeo.cloud/Foundations/Icons/catalog/)`);
589
- }
590
- }
591
- 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 });
592
- IconService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconService, providedIn: 'root' });
593
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconService, decorators: [{
594
- type: Injectable,
595
- args: [{
596
- providedIn: 'root',
597
- }]
598
- }], ctorParameters: function () {
599
- return [{ type: i1$1.HttpClient, decorators: [{
600
- type: Host
601
- }] }];
602
- } });
603
-
604
- class IconComponent {
605
- constructor(iconService, elementRef) {
606
- this.iconService = iconService;
607
- this.elementRef = elementRef;
608
- this.iconName = '';
609
- }
610
- ngOnChanges({ iconName }) {
611
- this.needRenderIcon(iconName === null || iconName === void 0 ? void 0 : iconName.currentValue, iconName === null || iconName === void 0 ? void 0 : iconName.previousValue) &&
612
- this.drawIcon(iconName === null || iconName === void 0 ? void 0 : iconName.currentValue, iconName === null || iconName === void 0 ? void 0 : iconName.previousValue);
613
- }
614
- needRenderIcon(currentIconName, previousIconName) {
615
- return !!currentIconName && currentIconName !== previousIconName;
616
- }
617
- getSizeClass(name) {
618
- const [size] = name.match(/\d\dpx/) || [];
619
- const strategy = {
620
- [IconSize.S]: 'icons-size-s',
621
- [IconSize.M]: 'icons-size-m',
622
- [IconSize.L]: 'icons-size-l',
623
- [IconSize.XL]: 'icons-size-xl',
624
- };
625
- return strategy[size || null] || strategy[IconSize.S];
626
- }
627
- drawIcon(iconName, previousIconName) {
628
- this.iconService
629
- .getIcon(iconName)
630
- .pipe(first())
631
- .subscribe((svg) => {
632
- this.elementRef.nativeElement.innerHTML = svg;
633
- previousIconName &&
634
- this.elementRef.nativeElement.classList.remove(this.getSizeClass(previousIconName));
635
- this.elementRef.nativeElement.classList.add(this.getSizeClass(iconName));
636
- });
637
- }
638
- }
639
- 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 });
640
- 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 });
641
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconComponent, decorators: [{
642
- type: Component,
643
- 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"] }]
644
- }], ctorParameters: function () { return [{ type: IconService }, { type: i0.ElementRef }]; }, propDecorators: { iconName: [{
645
- type: Input
646
- }] } });
647
-
648
- class IconModule {
649
- }
650
- IconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
651
- IconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: IconModule, declarations: [IconComponent], imports: [CommonModule], exports: [IconComponent] });
652
- IconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconModule, imports: [CommonModule] });
653
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: IconModule, decorators: [{
654
- type: NgModule,
655
- args: [{
656
- declarations: [IconComponent],
657
- imports: [CommonModule],
658
- exports: [IconComponent],
659
- }]
660
- }] });
661
-
662
- const layerAnimation = trigger('layerAnimation', [
663
- transition(':enter', group([
664
- query(':self', [style({ opacity: 0 }), animate(200, style({ opacity: 1 }))]),
665
- query('.mc-layer', [
666
- style({ transform: 'translateX(250px)' }),
667
- animate(200, style({ transform: 'translateX(0)' })),
668
- ]),
669
- ])),
670
- transition(':leave', group([
671
- query(':self', [animate(200, style({ opacity: 0 }))]),
672
- query('.mc-layer', [
673
- style({ transform: 'translateX(0)' }),
674
- animate(200, style({ transform: 'translateX(250px)' })),
675
- ]),
676
- ])),
677
- ]);
678
-
679
- const LAYER_CONFIG = new InjectionToken('LAYER_CONFIG_TOKEN');
680
-
681
- const LAYER_DATA = new InjectionToken('LAYER_DATA_TOKEN');
682
-
683
- const LAYER_REF = new InjectionToken('LAYER_DATA_TOKEN');
684
-
685
- class LayerComponent {
686
- get title() {
687
- return this.config.title || 'Layer title';
688
- }
689
- constructor(layerRef, config, cd) {
690
- this.layerRef = layerRef;
691
- this.config = config;
692
- this.cd = cd;
693
- }
694
- ngAfterViewInit() {
695
- this.initChildComponent(this.childComponentType);
696
- }
697
- initChildComponent(componentType) {
698
- this.childComponentRef = this.contentViewRef.createComponent(componentType);
699
- this.cd.detectChanges();
700
- }
701
- close() {
702
- this.layerRef.close();
703
- }
704
- }
705
- 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 });
706
- 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 });
707
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LayerComponent, decorators: [{
708
- type: Component,
709
- 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"] }]
710
- }], ctorParameters: function () {
711
- return [{ type: undefined, decorators: [{
712
- type: Inject,
713
- args: [LAYER_REF]
714
- }] }, { type: undefined, decorators: [{
715
- type: Inject,
716
- args: [LAYER_CONFIG]
717
- }] }, { type: i0.ChangeDetectorRef }];
718
- }, propDecorators: { contentViewRef: [{
719
- type: ViewChild,
720
- args: ['content', { read: ViewContainerRef, static: true }]
721
- }] } });
722
-
723
- class LayerInjector {
724
- constructor({ injector, layerRef }) {
725
- this.parentInjector = injector;
726
- this.layerRef = layerRef;
727
- this.initAdditionalTokens();
728
- }
729
- get(token, notFoundValue) {
730
- const value = this.additionalTokens.get(token);
731
- if (value) {
732
- return value;
733
- }
734
- return this.parentInjector.get(token, notFoundValue);
735
- }
736
- initAdditionalTokens() {
737
- this.additionalTokens = new WeakMap();
738
- this.additionalTokens.set(LAYER_REF, this.layerRef);
739
- this.additionalTokens.set(LAYER_CONFIG, this.layerRef.config);
740
- this.additionalTokens.set(LAYER_DATA, this.layerRef.config.data);
741
- }
742
- }
743
-
744
- class LayerRefModel {
745
- get afterClosed$() {
746
- return this._afterClosed$.pipe(first());
747
- }
748
- get config$() {
749
- return this._config$.asObservable();
750
- }
751
- get config() {
752
- return this._config$.getValue();
753
- }
754
- get componentRef() {
755
- return this._componentRef;
756
- }
757
- constructor(layerConfig) {
758
- this.layerConfig = layerConfig;
759
- this._config$ = new BehaviorSubject({});
760
- this._afterClosed$ = new Subject();
761
- this.init(layerConfig);
762
- }
763
- init(config) {
764
- this.updateConfig(config);
765
- }
766
- updateConfig(config) {
767
- this._config$.next(Object.assign(Object.assign({}, this.config), config));
768
- }
769
- close(result) {
770
- this._afterClosed$.next(result);
771
- }
772
- setComponentRef(componentRef) {
773
- this._componentRef = componentRef;
774
- }
775
- destroy() {
776
- this._config$.complete();
777
- this._afterClosed$.complete();
778
- }
779
- }
780
-
781
- class LayerService {
782
- constructor(componentFactoryResolver, injector, applicationRef, document) {
783
- this.componentFactoryResolver = componentFactoryResolver;
784
- this.injector = injector;
785
- this.applicationRef = applicationRef;
786
- this.document = document;
787
- }
788
- open(component, config = {}) {
789
- const layerRef = this.createLayer(config);
790
- this.applyChildComponent({ component, layerRef });
791
- return layerRef;
792
- }
793
- createLayer(config) {
794
- const layerRef = new LayerRefModel(config);
795
- const layerInjector = new LayerInjector({ injector: this.injector, layerRef });
796
- const componentRef = this.createComponentRef(layerInjector);
797
- layerRef.setComponentRef(componentRef);
798
- this.appendLayerComponentToBody(componentRef);
799
- this.initDialogRefAfterClosedObserver(layerRef, componentRef);
800
- return layerRef;
801
- }
802
- initDialogRefAfterClosedObserver(layerRef, componentRef) {
803
- layerRef.afterClosed$.subscribe(() => componentRef.destroy());
804
- }
805
- createComponentRef(injector) {
806
- return this.componentFactoryResolver.resolveComponentFactory(LayerComponent).create(injector);
807
- }
808
- appendLayerComponentToBody(componentRef) {
809
- const componentHostView = componentRef.hostView;
810
- const componentHtmlElement = componentHostView.rootNodes[0];
811
- this.applicationRef.attachView(componentHostView);
812
- this.document.body.appendChild(componentHtmlElement);
813
- }
814
- applyChildComponent({ layerRef, component, }) {
815
- const { instance } = layerRef.componentRef;
816
- instance.childComponentType = component;
817
- }
818
- }
819
- 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 });
820
- LayerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LayerService, providedIn: 'root' });
821
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LayerService, decorators: [{
822
- type: Injectable,
823
- args: [{
824
- providedIn: 'root',
825
- }]
826
- }], ctorParameters: function () {
827
- return [{ type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: i0.ApplicationRef }, { type: Document, decorators: [{
828
- type: Inject,
829
- args: [DOCUMENT]
830
- }] }];
831
- } });
832
-
833
- class LayerModule {
834
- }
835
- LayerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LayerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
836
- LayerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: LayerModule, declarations: [LayerComponent], imports: [CommonModule, IconModule], exports: [LayerComponent] });
837
- LayerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LayerModule, providers: [LayerService], imports: [CommonModule, IconModule] });
838
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LayerModule, decorators: [{
839
- type: NgModule,
840
- args: [{
841
- imports: [CommonModule, IconModule],
842
- providers: [LayerService],
843
- declarations: [LayerComponent],
844
- exports: [LayerComponent],
845
- }]
846
- }] });
847
-
848
- const CIRCLE_VIEW_BOX_SIZES = {
849
- s: '0 0 24 24',
850
- m: '0 0 32 32',
851
- l: '0 0 64 64',
852
- };
853
- const CIRCLE_RADIUSES = {
854
- s: 6,
855
- m: 9,
856
- l: 19,
857
- };
858
-
859
- class LoaderComponent {
860
- get viewText() {
861
- return this.isOverlay && !!this.text;
862
- }
863
- get overlayCssClasses() {
864
- return {
865
- 'mc-overlay-loader': true,
866
- 'is-visible': !this.hideOverlay,
867
- };
868
- }
869
- get loaderCssClasses() {
870
- return {
871
- 'mc-loader': true,
872
- [`mc-loader--${this.size}`]: true,
873
- [`mc-loader--${this.theme}`]: this.theme !== 'primary',
874
- };
875
- }
876
- get viewBoxSize() {
877
- return CIRCLE_VIEW_BOX_SIZES[this.size];
878
- }
879
- get radius() {
880
- return CIRCLE_RADIUSES[this.size];
881
- }
882
- constructor(cd) {
883
- this.cd = cd;
884
- this.size = 'm';
885
- this.theme = 'primary';
886
- this.isOverlay = false;
887
- this.hideOverlay = true;
888
- this.text = '';
889
- }
890
- }
891
- LoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LoaderComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
892
- 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 });
893
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LoaderComponent, decorators: [{
894
- type: Component,
895
- 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"] }]
896
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { size: [{
897
- type: Input
898
- }], theme: [{
899
- type: Input
900
- }] } });
901
-
902
- class LoaderService {
903
- get _loaderComponent() {
904
- return this._loaderRef.instance;
905
- }
906
- constructor(applicationRef, componentFactoryResolver, injector, document) {
907
- this.applicationRef = applicationRef;
908
- this.componentFactoryResolver = componentFactoryResolver;
909
- this.injector = injector;
910
- this.document = document;
911
- this._loaderRef = this.createComponentRef();
912
- this._loaderComponent.isOverlay = true;
913
- this._loaderComponent.theme = 'light';
914
- this.appendLoaderToBody(this._loaderRef);
915
- }
916
- startLoad(config) {
917
- const { size = 'l', text = '' } = config || {};
918
- this._loaderComponent.size = size;
919
- this._loaderComponent.text = text;
920
- this._loaderComponent.hideOverlay = false;
921
- this._loaderComponent.cd.markForCheck();
922
- }
923
- stopLoad() {
924
- this._loaderComponent.hideOverlay = true;
925
- this._loaderComponent.cd.markForCheck();
926
- }
927
- createComponentRef() {
928
- return this.componentFactoryResolver
929
- .resolveComponentFactory(LoaderComponent)
930
- .create(this.injector);
931
- }
932
- appendLoaderToBody(componentRef) {
933
- const componentHostView = componentRef.hostView;
934
- const componentHtmlElement = componentHostView.rootNodes[0];
935
- this.applicationRef.attachView(componentHostView);
936
- this.document.body.appendChild(componentHtmlElement);
937
- }
938
- }
939
- 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 });
940
- LoaderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LoaderService, providedIn: 'root' });
941
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LoaderService, decorators: [{
942
- type: Injectable,
943
- args: [{
944
- providedIn: 'root',
945
- }]
946
- }], ctorParameters: function () {
947
- return [{ type: i0.ApplicationRef }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: Document, decorators: [{
948
- type: Inject,
949
- args: [DOCUMENT]
950
- }] }];
951
- } });
952
-
953
- class LoaderModule {
954
- }
955
- LoaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
956
- LoaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: LoaderModule, declarations: [LoaderComponent], imports: [CommonModule], exports: [LoaderComponent] });
957
- LoaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LoaderModule, providers: [LoaderService], imports: [CommonModule] });
958
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: LoaderModule, decorators: [{
959
- type: NgModule,
960
- args: [{
961
- imports: [CommonModule],
962
- declarations: [LoaderComponent],
963
- providers: [LoaderService],
964
- exports: [LoaderComponent],
965
- }]
966
- }] });
967
-
968
- const NOTIFICATION_CONFIG = new InjectionToken('NOTIFICATION_CONFIG');
969
- class NotificationConfigFactory {
970
- static create(config = {}) {
971
- return Object.assign({ duration: 3000 }, config);
972
- }
973
- }
974
-
975
- const NotificationAnimation = trigger('fadeIn', [
976
- transition(':enter', [
977
- style({ opacity: 1, transform: 'translateY(50%)' }),
978
- animate('300ms ease-out', style({ transform: 'translateY(0)' })),
979
- ]),
980
- transition(':leave', [
981
- group([
982
- query('.mc-notification__title', [animate('200ms', style({ opacity: 0, height: 0 }))], {
983
- optional: true,
984
- }),
985
- query('.mc-notification__message', [animate('200ms', style({ opacity: 0, height: 0 }))], {
986
- optional: true,
987
- }),
988
- query(':self', [
989
- animate('300ms', style({ opacity: 0, height: 0, padding: 0, transform: 'translateY(-200%)' })),
990
- ]),
991
- ]),
992
- ]),
993
- ]);
994
-
995
- class NotificationComponent {
996
- constructor() {
997
- this.type = 'information';
998
- this.size = 'm';
999
- }
1000
- get hostCssClasses() {
1001
- const staticClasses = 'mc-notification';
1002
- const sizeCssClass = `mc-notification--${this.size}`;
1003
- const typeCssClass = `mc-notification--${this.type}`;
1004
- const dynamicClasses = `${sizeCssClass} ${typeCssClass}`;
1005
- return `${staticClasses} ${dynamicClasses}`;
1006
- }
1007
- }
1008
- NotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1009
- 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 });
1010
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationComponent, decorators: [{
1011
- type: Component,
1012
- 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"] }]
1013
- }], propDecorators: { type: [{
1014
- type: Input
1015
- }], size: [{
1016
- type: Input
1017
- }], hostCssClasses: [{
1018
- type: HostBinding,
1019
- args: ['class']
1020
- }] } });
1021
-
1022
- class NotificationTitleComponent {
1023
- }
1024
- NotificationTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1025
- 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 });
1026
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationTitleComponent, decorators: [{
1027
- type: Component,
1028
- 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"] }]
1029
- }] });
1030
-
1031
- class NotificationMessageComponent {
1032
- }
1033
- NotificationMessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1034
- 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 });
1035
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationMessageComponent, decorators: [{
1036
- type: Component,
1037
- 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"] }]
1038
- }] });
1039
-
1040
- class NotificationContainerComponent {
1041
- constructor(notificationConfig) {
1042
- this.notificationConfig = notificationConfig;
1043
- this._notifications = new BehaviorSubject([]);
1044
- }
1045
- get notifications() {
1046
- return this._notifications.asObservable();
1047
- }
1048
- add(notification) {
1049
- this._notifications.next([...this._notifications.value, notification]);
1050
- this.autoremove(notification);
1051
- }
1052
- autoremove(notification) {
1053
- setTimeout(() => {
1054
- const newState = this._notifications.value.filter((n) => n !== notification);
1055
- this._notifications.next(newState);
1056
- }, this.notificationConfig.duration);
1057
- }
1058
- }
1059
- NotificationContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationContainerComponent, deps: [{ token: NOTIFICATION_CONFIG }], target: i0.ɵɵFactoryTarget.Component });
1060
- 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 });
1061
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationContainerComponent, decorators: [{
1062
- type: Component,
1063
- 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"] }]
1064
- }], ctorParameters: function () {
1065
- return [{ type: undefined, decorators: [{
1066
- type: Inject,
1067
- args: [NOTIFICATION_CONFIG]
1068
- }] }];
1069
- } });
1070
-
1071
- class NotificationFooterComponent {
1072
- }
1073
- NotificationFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1074
- 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 });
1075
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationFooterComponent, decorators: [{
1076
- type: Component,
1077
- 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"] }]
1078
- }] });
1079
-
1080
- class NotificationService {
1081
- constructor(applicationRef, componentFactoryResolver, injector, document) {
1082
- this.applicationRef = applicationRef;
1083
- this.componentFactoryResolver = componentFactoryResolver;
1084
- this.injector = injector;
1085
- this.document = document;
1086
- this.container = this.createContainer();
1087
- this.appendNotificationContainerToBody(this.container);
1088
- }
1089
- add(notification) {
1090
- this.container.instance.add(notification);
1091
- }
1092
- createContainer() {
1093
- const componentFactory = this.componentFactoryResolver.resolveComponentFactory(NotificationContainerComponent);
1094
- const componentRef = componentFactory.create(this.injector);
1095
- return componentRef;
1096
- }
1097
- appendNotificationContainerToBody(componentRef) {
1098
- const componentHostView = componentRef.hostView;
1099
- const componentHtmlElement = componentHostView.rootNodes[0];
1100
- this.applicationRef.attachView(componentHostView);
1101
- this.document.body.appendChild(componentHtmlElement);
1102
- }
1103
- }
1104
- 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 });
1105
- NotificationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationService, providedIn: 'root' });
1106
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationService, decorators: [{
1107
- type: Injectable,
1108
- args: [{
1109
- providedIn: 'root',
1110
- }]
1111
- }], ctorParameters: function () {
1112
- return [{ type: i0.ApplicationRef }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: Document, decorators: [{
1113
- type: Inject,
1114
- args: [DOCUMENT]
1115
- }] }];
1116
- } });
1117
-
1118
- class NotificationModule {
1119
- static forRoot(config = {}) {
1120
- return {
1121
- ngModule: NotificationModule,
1122
- providers: [
1123
- {
1124
- provide: NOTIFICATION_CONFIG,
1125
- useValue: NotificationConfigFactory.create(config),
1126
- },
1127
- ],
1128
- };
1129
- }
1130
- }
1131
- NotificationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1132
- NotificationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: NotificationModule, declarations: [NotificationComponent,
1133
- NotificationTitleComponent,
1134
- NotificationMessageComponent,
1135
- NotificationFooterComponent,
1136
- NotificationContainerComponent], imports: [CommonModule], exports: [NotificationComponent,
1137
- NotificationTitleComponent,
1138
- NotificationMessageComponent,
1139
- NotificationFooterComponent] });
1140
- NotificationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationModule, providers: [
1141
- NotificationService,
1142
- {
1143
- provide: NOTIFICATION_CONFIG,
1144
- useValue: NotificationConfigFactory.create(),
1145
- },
1146
- ], imports: [CommonModule] });
1147
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NotificationModule, decorators: [{
1148
- type: NgModule,
1149
- args: [{
1150
- imports: [CommonModule],
1151
- declarations: [
1152
- NotificationComponent,
1153
- NotificationTitleComponent,
1154
- NotificationMessageComponent,
1155
- NotificationFooterComponent,
1156
- NotificationContainerComponent,
1157
- ],
1158
- providers: [
1159
- NotificationService,
1160
- {
1161
- provide: NOTIFICATION_CONFIG,
1162
- useValue: NotificationConfigFactory.create(),
1163
- },
1164
- ],
1165
- exports: [
1166
- NotificationComponent,
1167
- NotificationTitleComponent,
1168
- NotificationMessageComponent,
1169
- NotificationFooterComponent,
1170
- ],
1171
- }]
1172
- }] });
1173
-
1174
- var SELECT_SIZE;
1175
- (function (SELECT_SIZE) {
1176
- SELECT_SIZE["S"] = "s";
1177
- SELECT_SIZE["M"] = "m";
1178
- })(SELECT_SIZE || (SELECT_SIZE = {}));
1179
-
1180
- const PAGINATION_FIRST_PAGE = 1;
1181
- const PAGINATION_MIN_NUMBER_OF_PAGES = 1;
1182
- const PAGINATION_PAGE_STEP = 1;
1183
-
1184
- class SelectComponent {
1185
- constructor() {
1186
- this.size = 's';
1187
- }
1188
- get hostCssClasses() {
1189
- const staticClasses = 'mc-select';
1190
- const sizeCssClass = `mc-select--${this.size}`;
1191
- const dynamicClasses = `${sizeCssClass}`;
1192
- return `${staticClasses} ${dynamicClasses}`;
1193
- }
1194
- }
1195
- SelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1196
- 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 });
1197
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SelectComponent, decorators: [{
1198
- type: Component,
1199
- 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"] }]
1200
- }], propDecorators: { size: [{
1201
- type: Input
1202
- }], hostCssClasses: [{
1203
- type: HostBinding,
1204
- args: ['class']
1205
- }] } });
1206
-
1207
- const PAGINATION_CONTROL_VALUE_ACCESSOR = {
1208
- provide: NG_VALUE_ACCESSOR,
1209
- useExisting: forwardRef(() => PaginationComponent),
1210
- multi: true,
1211
- };
1212
- class PaginationComponent {
1213
- constructor(globalEventService, cd) {
1214
- this.globalEventService = globalEventService;
1215
- this.cd = cd;
1216
- this.numberOfPages = PAGINATION_MIN_NUMBER_OF_PAGES;
1217
- this.light = false;
1218
- this.pageTitleMask = (page, numberOfPages) => `Page ${page} of ${numberOfPages}`;
1219
- this.onChange = () => { };
1220
- this.onTouch = () => { };
1221
- this.currentPage = PAGINATION_FIRST_PAGE;
1222
- this.pages = [];
1223
- this.smallResolution = 1024;
1224
- const isSmall = this.displayIsSmall().pipe(shareReplay({ refCount: true, bufferSize: 1 }));
1225
- this.initializeIcons(isSmall);
1226
- this.selectSize = isSmall.pipe(map((isSmall) => this.chooseSelectSize(isSmall)));
1227
- }
1228
- ngAfterViewInit() {
1229
- this.reinitializeNumberOfPagesAtInvalidValue();
1230
- if (this.viewSelect) {
1231
- this.pages = this.initializePages(this.numberOfPages);
1232
- }
1233
- this.reinitializeCurrentPageAtOverflow();
1234
- this.cd.detectChanges();
1235
- }
1236
- ngOnChanges({ numberOfPages, pageTitleMask }) {
1237
- if (this.needRenderPages(this.viewSelect, numberOfPages === null || numberOfPages === void 0 ? void 0 : numberOfPages.currentValue, numberOfPages === null || numberOfPages === void 0 ? void 0 : numberOfPages.previousValue, pageTitleMask === null || pageTitleMask === void 0 ? void 0 : pageTitleMask.currentValue, pageTitleMask === null || pageTitleMask === void 0 ? void 0 : pageTitleMask.previousValue)) {
1238
- this.reinitializeNumberOfPagesAtInvalidValue();
1239
- this.pages = this.initializePages(this.numberOfPages);
1240
- }
1241
- this.reinitializeCurrentPageAtOverflow();
1242
- }
1243
- get viewSelect() {
1244
- return !this.light;
1245
- }
1246
- get isFirstPage() {
1247
- return this.currentPage <= PAGINATION_FIRST_PAGE;
1248
- }
1249
- get isLastPage() {
1250
- return this.currentPage >= this.numberOfPages;
1251
- }
1252
- get disabledSelect() {
1253
- return this.numberOfPages <= PAGINATION_MIN_NUMBER_OF_PAGES;
1254
- }
1255
- writeValue(value) {
1256
- if (!value || value === this.currentPage || value > this.numberOfPages)
1257
- return;
1258
- this.currentPage = value;
1259
- this.onChange(value);
1260
- }
1261
- registerOnChange(fn) {
1262
- this.onChange = fn;
1263
- }
1264
- registerOnTouched(fn) {
1265
- this.onTouch = fn;
1266
- }
1267
- nextPage() {
1268
- this.writeValue(this.currentPage + PAGINATION_PAGE_STEP);
1269
- }
1270
- previousPage() {
1271
- this.writeValue(this.currentPage - PAGINATION_PAGE_STEP);
1272
- }
1273
- compareWithPages(page, currentPage) {
1274
- return page === currentPage;
1275
- }
1276
- initializePages(numberOfPages) {
1277
- return new Array(numberOfPages).fill(null).map((_, index) => ({
1278
- title: this.pageTitleMask(index + 1, numberOfPages),
1279
- value: index + 1,
1280
- }));
1281
- }
1282
- initializeIcons(isSmall) {
1283
- const iconSize = isSmall.pipe(map((isSmall) => this.chooseIconSize(isSmall)), shareReplay({ refCount: true, bufferSize: 1 }));
1284
- this.leftIconName = iconSize.pipe(map((iconSize) => `Navigation_Arrow_Arrow--Left_${iconSize}`));
1285
- this.rightIconName = iconSize.pipe(map((iconSize) => `Navigation_Arrow_Arrow--Right_${iconSize}`));
1286
- }
1287
- displayIsSmall() {
1288
- const resizeEvent = this.globalEventService.getWindowEvent('resize').pipe(debounceTime(100));
1289
- const displayWidth = resizeEvent.pipe(map((event) => { var _a; return (_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.innerWidth; }), startWith(this.globalEventService.window.innerWidth));
1290
- return displayWidth.pipe(map((width) => width < this.smallResolution));
1291
- }
1292
- reinitializeCurrentPageAtOverflow() {
1293
- if (this.numberOfPages < this.currentPage) {
1294
- this.writeValue(PAGINATION_FIRST_PAGE);
1295
- }
1296
- }
1297
- reinitializeNumberOfPagesAtInvalidValue() {
1298
- if (!this.numberOfPages || this.numberOfPages < PAGINATION_MIN_NUMBER_OF_PAGES) {
1299
- this.numberOfPages = PAGINATION_MIN_NUMBER_OF_PAGES;
1300
- }
1301
- }
1302
- chooseIconSize(isSmall) {
1303
- return isSmall ? IconSize.L : IconSize.M;
1304
- }
1305
- chooseSelectSize(isSmall) {
1306
- return isSmall ? SELECT_SIZE.M : SELECT_SIZE.S;
1307
- }
1308
- needRenderPages(viewSelect, numberOfPagesPrevious, numberOfPagesCurrent, pageTitleMaskPrevious, pageTitleMaskCurrent) {
1309
- const numberOfPageHasChanges = numberOfPagesPrevious !== numberOfPagesCurrent;
1310
- const maskHasChanges = pageTitleMaskPrevious !== pageTitleMaskCurrent;
1311
- return viewSelect && (numberOfPageHasChanges || maskHasChanges);
1312
- }
1313
- }
1314
- 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 });
1315
- 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 });
1316
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PaginationComponent, decorators: [{
1317
- type: Component,
1318
- 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"] }]
1319
- }], ctorParameters: function () { return [{ type: GlobalEventsService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { numberOfPages: [{
1320
- type: Input
1321
- }], light: [{
1322
- type: Input
1323
- }], pageTitleMask: [{
1324
- type: Input
1325
- }] } });
1326
-
1327
- class SelectModule {
1328
- }
1329
- SelectModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1330
- SelectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SelectModule, declarations: [SelectComponent], imports: [CommonModule], exports: [SelectComponent] });
1331
- SelectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SelectModule, imports: [CommonModule] });
1332
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SelectModule, decorators: [{
1333
- type: NgModule,
1334
- args: [{
1335
- imports: [CommonModule],
1336
- declarations: [SelectComponent],
1337
- exports: [SelectComponent],
1338
- }]
1339
- }] });
1340
-
1341
- class PaginationModule {
1342
- }
1343
- PaginationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1344
- 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] });
1345
- PaginationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PaginationModule, imports: [CommonModule, FormsModule, ButtonModule, SelectModule, IconModule, GlobalEventsModule] });
1346
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PaginationModule, decorators: [{
1347
- type: NgModule,
1348
- args: [{
1349
- imports: [CommonModule, FormsModule, ButtonModule, SelectModule, IconModule, GlobalEventsModule],
1350
- declarations: [PaginationComponent],
1351
- exports: [PaginationComponent],
1352
- }]
1353
- }] });
1354
-
1355
- class ProgressBarComponent {
1356
- constructor() {
1357
- this.size = 'm';
1358
- this.theme = 'default';
1359
- this.percent = 0;
1360
- this.text = '';
1361
- }
1362
- get indicatorWidth() {
1363
- return { width: `${this.percent}%` };
1364
- }
1365
- get hostCssClasses() {
1366
- const sizeClass = `mc-progressbar--${this.size}`;
1367
- const themeClass = `mc-progressbar--${this.theme}`;
1368
- const textClass = !!this.text ? `mc-progressbar--percent` : '';
1369
- return `mc-progressbar ${sizeClass} ${themeClass} ${textClass}`;
1370
- }
1371
- }
1372
- ProgressBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1373
- 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 });
1374
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProgressBarComponent, decorators: [{
1375
- type: Component,
1376
- 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"] }]
1377
- }], propDecorators: { size: [{
1378
- type: Input
1379
- }], theme: [{
1380
- type: Input
1381
- }], percent: [{
1382
- type: Input
1383
- }], text: [{
1384
- type: Input
1385
- }], hostCssClasses: [{
1386
- type: HostBinding,
1387
- args: ['class']
1388
- }] } });
1389
-
1390
- class ProgressBarModule {
1391
- }
1392
- ProgressBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1393
- ProgressBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: ProgressBarModule, declarations: [ProgressBarComponent], imports: [CommonModule], exports: [ProgressBarComponent] });
1394
- ProgressBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProgressBarModule, imports: [CommonModule] });
1395
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ProgressBarModule, decorators: [{
1396
- type: NgModule,
1397
- args: [{
1398
- imports: [CommonModule],
1399
- declarations: [ProgressBarComponent],
1400
- exports: [ProgressBarComponent],
1401
- }]
1402
- }] });
1403
-
1404
- class StepComponent {
1405
- get validated() {
1406
- return this.state === 'validated';
1407
- }
1408
- get isCurrent() {
1409
- return this.state === 'current';
1410
- }
1411
- get indicator() {
1412
- return this.index + 1;
1413
- }
1414
- get index() {
1415
- return this._index;
1416
- }
1417
- set index(newIndex) {
1418
- this._index = newIndex;
1419
- this.cd.markForCheck();
1420
- }
1421
- get state() {
1422
- return this._state;
1423
- }
1424
- set state(newState) {
1425
- this._state = newState;
1426
- this.cd.markForCheck();
1427
- }
1428
- constructor(cd) {
1429
- this.cd = cd;
1430
- this.title = '';
1431
- this._state = '';
1432
- this._index = 0;
1433
- }
1434
- get hostCssClasses() {
1435
- const stateClass = this.state ? `mc-stepper__item--${this.state}` : '';
1436
- return `mc-stepper__item ${stateClass}`;
1437
- }
1438
- }
1439
- StepComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StepComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
1440
- 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 });
1441
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StepComponent, decorators: [{
1442
- type: Component,
1443
- 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"] }]
1444
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { title: [{
1445
- type: Input
1446
- }], hostCssClasses: [{
1447
- type: HostBinding,
1448
- args: ['class']
1449
- }] } });
1450
-
1451
- class StepperComponent {
1452
- constructor() {
1453
- this.selectStepIndex = 0;
1454
- this.viewCompact = false;
1455
- }
1456
- ngAfterViewInit() {
1457
- if (!this.steps)
1458
- return;
1459
- this.initStepIndex(this.steps);
1460
- this.selectStep(this.steps, this.selectStepIndex);
1461
- this.initCssVariablesForSteps(this.stepElements);
1462
- }
1463
- ngOnChanges(changes) {
1464
- this.updateSelectStepAtChanges(changes);
1465
- }
1466
- get hostCssClasses() {
1467
- const viewCompactClass = this.viewCompact ? `mc-stepper--compact` : '';
1468
- return `mc-stepper ${viewCompactClass}`;
1469
- }
1470
- initStepIndex(steps) {
1471
- steps.forEach((step, index) => (step.index = index));
1472
- }
1473
- initCssVariablesForSteps(stepElements) {
1474
- stepElements.forEach(this.initCssVariablesForStep);
1475
- }
1476
- initCssVariablesForStep(elementRef, currentIndex, elementRefs) {
1477
- elementRef.nativeElement.style = `--steps: ${elementRefs.length}; --current: ${currentIndex + 1}`;
1478
- }
1479
- selectStep(steps, selectStepIndex) {
1480
- steps.forEach((step) => this.updateStateStep(step, selectStepIndex));
1481
- }
1482
- updateStateStep(step, selectStepIndex) {
1483
- const oldState = step.state;
1484
- const newState = this.stateDefinitionForStep(step.index, selectStepIndex);
1485
- const hasChanges = oldState !== newState;
1486
- if (!hasChanges)
1487
- return;
1488
- step.state = newState;
1489
- }
1490
- stateDefinitionForStep(stepIndex, selectStepIndex) {
1491
- const isCurrentStep = stepIndex === selectStepIndex;
1492
- const isValidatedStep = stepIndex < selectStepIndex;
1493
- if (isCurrentStep)
1494
- return 'current';
1495
- if (isValidatedStep)
1496
- return 'validated';
1497
- return '';
1498
- }
1499
- updateSelectStepAtChanges({ selectStepIndex }) {
1500
- if (!this.steps ||
1501
- !selectStepIndex ||
1502
- selectStepIndex.currentValue === selectStepIndex.previousValue)
1503
- return;
1504
- this.selectStep(this.steps, selectStepIndex.currentValue);
1505
- }
1506
- }
1507
- StepperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1508
- 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 });
1509
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StepperComponent, decorators: [{
1510
- type: Component,
1511
- 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"] }]
1512
- }], propDecorators: { selectStepIndex: [{
1513
- type: Input
1514
- }], viewCompact: [{
1515
- type: Input
1516
- }], steps: [{
1517
- type: ContentChildren,
1518
- args: [StepComponent]
1519
- }], stepElements: [{
1520
- type: ContentChildren,
1521
- args: [StepComponent, { read: ElementRef }]
1522
- }], hostCssClasses: [{
1523
- type: HostBinding,
1524
- args: ['class']
1525
- }] } });
1526
-
1527
- class StepperModule {
1528
- }
1529
- StepperModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1530
- 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] });
1531
- StepperModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StepperModule, imports: [CommonModule, IconModule] });
1532
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StepperModule, decorators: [{
1533
- type: NgModule,
1534
- args: [{
1535
- imports: [CommonModule, IconModule],
1536
- declarations: [StepperComponent, StepComponent],
1537
- exports: [StepperComponent, StepComponent],
1538
- }]
1539
- }] });
1540
-
1541
- class TabComponent {
1542
- constructor(routerLinkActive, routerLink) {
1543
- this.routerLinkActive = routerLinkActive;
1544
- this.routerLink = routerLink;
1545
- this.index = 0;
1546
- this.disabled = false;
1547
- this.data = null;
1548
- this.selected = false;
1549
- }
1550
- get isAvailableTabForSelection() {
1551
- return !this.selected && !this.disabled;
1552
- }
1553
- get isActiveTab() {
1554
- var _a;
1555
- return !!((_a = this.routerLinkActive) === null || _a === void 0 ? void 0 : _a.isActive);
1556
- }
1557
- get link() {
1558
- var _a;
1559
- return ((_a = this.routerLink) === null || _a === void 0 ? void 0 : _a.href) || null;
1560
- }
1561
- }
1562
- 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 });
1563
- 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 });
1564
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TabComponent, decorators: [{
1565
- type: Component,
1566
- args: [{ selector: `a[moz-tab],span[moz-tab],div[moz-tab]`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
1567
- '[class.mc-tabs__item]': 'true',
1568
- '[class.mc-tabs__link]': 'true',
1569
- '[class.mc-tabs__link--outline]': 'true',
1570
- '[class.mc-tabs__link--selected]': 'selected',
1571
- '[class.mc-tabs__link--disabled]': 'disabled',
1572
- }, 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"] }]
1573
- }], ctorParameters: function () {
1574
- return [{ type: i1$2.RouterLinkActive, decorators: [{
1575
- type: Optional
1576
- }, {
1577
- type: Inject,
1578
- args: [RouterLinkActive]
1579
- }] }, { type: i1$2.RouterLinkWithHref, decorators: [{
1580
- type: Optional
1581
- }, {
1582
- type: Inject,
1583
- args: [RouterLinkWithHref]
1584
- }] }];
1585
- }, propDecorators: { index: [{
1586
- type: HostBinding,
1587
- args: ['attr.tab-index']
1588
- }], disabled: [{
1589
- type: Input
1590
- }], data: [{
1591
- type: Input
1592
- }] } });
1593
-
1594
- const TAB_SELECTORS = 'a,div,span';
1595
- const TABS_SELECTOR = 'moz-tabs';
1596
-
1597
- class TabsComponent {
1598
- constructor(elementRef, cd, router) {
1599
- this.elementRef = elementRef;
1600
- this.cd = cd;
1601
- this.router = router;
1602
- this.fullWidth = false;
1603
- this.fullWidthCenter = false;
1604
- this.hideShadow = false;
1605
- this.selectTabIndex = null;
1606
- this.selectedTabChange = new EventEmitter();
1607
- this.afterViewInit = new Subject();
1608
- this.viewDestroyed = new Subject();
1609
- this.initBehaviorSelectForTab();
1610
- }
1611
- get viewFullWidth() {
1612
- return this.fullWidth && !this.fullWidthCenter;
1613
- }
1614
- ngAfterViewInit() {
1615
- this.afterViewInit.next(true);
1616
- }
1617
- ngOnChanges({ selectTabIndex }) {
1618
- if (selectTabIndex && typeof selectTabIndex.currentValue === 'number') {
1619
- this.selectTabAtChanges(selectTabIndex.currentValue);
1620
- }
1621
- }
1622
- ngOnDestroy() {
1623
- this.viewDestroyed.next(true);
1624
- this.viewDestroyed.complete();
1625
- }
1626
- initBehaviorSelectForTab() {
1627
- const afterFullNavigateAndRender = this.getAfterFullNavigateAndRenderEvent();
1628
- const tabsAfterNavigate = afterFullNavigateAndRender.pipe(map(() => this.tabs), filter(Boolean));
1629
- tabsAfterNavigate
1630
- .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))
1631
- .subscribe();
1632
- }
1633
- initTabIndex(tabs) {
1634
- tabs.forEach((tab, index) => (tab.index = index));
1635
- this.cd.markForCheck();
1636
- }
1637
- initFirstSelectionTab(tabs) {
1638
- const activeTab = tabs.find((tab) => tab.isActiveTab);
1639
- const selectTabByIndex = typeof this.selectTabIndex === 'number' && tabs.get(this.selectTabIndex);
1640
- const firstSelectedTab = selectTabByIndex || activeTab || tabs.first;
1641
- firstSelectedTab.selected = true;
1642
- this.tryNavigateToTab(firstSelectedTab);
1643
- }
1644
- tryNavigateToTab(tab) {
1645
- var _a;
1646
- if (!tab.link || tab.isActiveTab)
1647
- return;
1648
- (_a = this.router) === null || _a === void 0 ? void 0 : _a.navigate([tab.link]);
1649
- }
1650
- selectTabAtChanges(selectTabIndex) {
1651
- var _a;
1652
- const newSelectTab = (_a = this.tabs) === null || _a === void 0 ? void 0 : _a.get(selectTabIndex);
1653
- if (!newSelectTab || !this.tabs)
1654
- return;
1655
- this.selectTab(this.tabs, newSelectTab);
1656
- this.tryNavigateToTab(newSelectTab);
1657
- }
1658
- getTabSelectionEvents(tabs) {
1659
- const indexClickedTab = this.getIndexClickedTab();
1660
- const clickedTab = indexClickedTab.pipe(map((tabIndex) => tabs.get(+tabIndex)));
1661
- return clickedTab.pipe(filter(Boolean), filter((tab) => tab.isAvailableTabForSelection));
1662
- }
1663
- getTabActiveEvents(tabs) {
1664
- const tabWithLink = tabs.filter(({ routerLinkActive }) => !!routerLinkActive);
1665
- const tabsActiveEvent = tabWithLink.map((tab) => {
1666
- return tab.routerLinkActive.isActiveChange.pipe(filter(Boolean), map(() => tab));
1667
- });
1668
- return merge(...tabsActiveEvent);
1669
- }
1670
- getAfterFullNavigateAndRenderEvent() {
1671
- var _a;
1672
- const eventNavigationEnd = ((_a = this.router) === null || _a === void 0 ? void 0 : _a.events.pipe(filter((event) => event instanceof NavigationEnd), first())) || of(true);
1673
- return combineLatest([eventNavigationEnd, this.afterViewInit]).pipe(delay$1(0));
1674
- }
1675
- getIndexClickedTab() {
1676
- 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')));
1677
- }
1678
- getAllTabEvents(tabs) {
1679
- return merge(this.getTabSelectionEvents(tabs), this.getTabActiveEvents(tabs));
1680
- }
1681
- filterTabsElement({ nodeName }) {
1682
- return nodeName.toLowerCase() !== TABS_SELECTOR;
1683
- }
1684
- selectTab(tabs, clickedTab) {
1685
- tabs.forEach((tab) => (tab.selected = tab === clickedTab));
1686
- this.selectedTabChange.emit(clickedTab);
1687
- this.cd.markForCheck();
1688
- }
1689
- }
1690
- 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 });
1691
- 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 });
1692
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TabsComponent, decorators: [{
1693
- type: Component,
1694
- args: [{ selector: TABS_SELECTOR, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
1695
- '[class.mc-tabs]': 'true',
1696
- '[class.mc-tabs--full]': 'viewFullWidth',
1697
- '[class.mc-tabs--full-centered]': 'fullWidthCenter',
1698
- '[class.mc-tab--hide-shadow]': 'hideShadow',
1699
- }, 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"] }]
1700
- }], ctorParameters: function () {
1701
- return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1$2.Router, decorators: [{
1702
- type: Host
1703
- }, {
1704
- type: Optional
1705
- }] }];
1706
- }, propDecorators: { fullWidth: [{
1707
- type: Input
1708
- }], fullWidthCenter: [{
1709
- type: Input
1710
- }], hideShadow: [{
1711
- type: Input
1712
- }], selectTabIndex: [{
1713
- type: Input
1714
- }], selectedTabChange: [{
1715
- type: Output
1716
- }], tabs: [{
1717
- type: ContentChildren,
1718
- args: [TabComponent]
1719
- }] } });
1720
-
1721
- class TabsModule {
1722
- }
1723
- TabsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1724
- TabsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: TabsModule, declarations: [TabsComponent, TabComponent], imports: [CommonModule], exports: [TabsComponent, TabComponent] });
1725
- TabsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TabsModule, imports: [CommonModule] });
1726
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TabsModule, decorators: [{
1727
- type: NgModule,
1728
- args: [{
1729
- declarations: [TabsComponent, TabComponent],
1730
- imports: [CommonModule],
1731
- exports: [TabsComponent, TabComponent],
1732
- }]
1733
- }] });
1734
-
1735
- class TagComponent {
1736
- constructor(elementRef) {
1737
- this.elementRef = elementRef;
1738
- this.size = 'm';
1739
- this.select = false;
1740
- this.selectChange = new EventEmitter();
1741
- this.clickOnRemove = new EventEmitter();
1742
- this.type = this.getDefaultType();
1743
- }
1744
- get hostCssClasses() {
1745
- return `${this.tagCssClass} ${this.sizeCssClass}`;
1746
- }
1747
- get labelCssClass() {
1748
- return `${this.tagCssClass}__label`;
1749
- }
1750
- get tagName() {
1751
- var _a;
1752
- return (_a = this.elementRef) === null || _a === void 0 ? void 0 : _a.nativeElement.tagName.toLowerCase();
1753
- }
1754
- get hostIsLink() {
1755
- return this.tagName === 'a';
1756
- }
1757
- get tagCssClass() {
1758
- return `mc-tag-${this.type}`;
1759
- }
1760
- get sizeCssClass() {
1761
- return `${this.tagCssClass}--${this.size}`;
1762
- }
1763
- getDefaultType() {
1764
- return this.hostIsLink ? 'link' : 'text';
1765
- }
1766
- emitRemove() {
1767
- this.clickOnRemove.emit();
1768
- }
1769
- emitSelectChanges($event) {
1770
- this.selectChange.emit($event);
1771
- }
1772
- }
1773
- TagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TagComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
1774
- 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 });
1775
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TagComponent, decorators: [{
1776
- type: Component,
1777
- 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"] }]
1778
- }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { type: [{
1779
- type: Input
1780
- }], size: [{
1781
- type: Input
1782
- }], select: [{
1783
- type: Input
1784
- }], selectChange: [{
1785
- type: Output
1786
- }], clickOnRemove: [{
1787
- type: Output
1788
- }], hostCssClasses: [{
1789
- type: HostBinding,
1790
- args: ['class']
1791
- }] } });
1792
-
1793
- class TagModule {
1794
- }
1795
- TagModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1796
- TagModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: TagModule, declarations: [TagComponent], imports: [CommonModule, FormsModule], exports: [TagComponent] });
1797
- TagModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TagModule, imports: [CommonModule, FormsModule] });
1798
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TagModule, decorators: [{
1799
- type: NgModule,
1800
- args: [{
1801
- imports: [CommonModule, FormsModule],
1802
- declarations: [TagComponent],
1803
- exports: [TagComponent],
1804
- }]
1805
- }] });
1806
-
1807
- class TextAreaComponent {
1808
- constructor() {
1809
- this._invalid = false;
1810
- this._valid = false;
1811
- }
1812
- get invalid() {
1813
- return this._invalid || false;
1814
- }
1815
- get valid() {
1816
- const valid = this._valid || false;
1817
- return !this.invalid && valid;
1818
- }
1819
- get hostCssClasses() {
1820
- const staticClasses = 'mc-textarea';
1821
- const validClass = this.valid ? 'is-valid' : '';
1822
- const invalidClass = this.invalid ? 'is-invalid' : '';
1823
- const dynamicClasses = `${validClass} ${invalidClass}`;
1824
- return `${staticClasses} ${dynamicClasses}`;
1825
- }
1826
- set invalid(val) {
1827
- this._invalid = castBooleanProperty(val);
1828
- }
1829
- set valid(val) {
1830
- this._valid = castBooleanProperty(val);
1831
- }
1832
- }
1833
- TextAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TextAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1834
- 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 });
1835
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TextAreaComponent, decorators: [{
1836
- type: Component,
1837
- 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"] }]
1838
- }], propDecorators: { hostCssClasses: [{
1839
- type: HostBinding,
1840
- args: ['class']
1841
- }], invalid: [{
1842
- type: Input
1843
- }], valid: [{
1844
- type: Input
1845
- }] } });
1846
-
1847
- class TextAreaModule {
1848
- }
1849
- TextAreaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TextAreaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1850
- TextAreaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: TextAreaModule, declarations: [TextAreaComponent], exports: [TextAreaComponent] });
1851
- TextAreaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TextAreaModule });
1852
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TextAreaModule, decorators: [{
1853
- type: NgModule,
1854
- args: [{
1855
- declarations: [TextAreaComponent],
1856
- exports: [TextAreaComponent],
1857
- }]
1858
- }] });
1859
-
1860
- class TextInputComponent {
1861
- constructor(elementRef) {
1862
- this.elementRef = elementRef;
1863
- this.size = 'm';
1864
- this._invalid = false;
1865
- this._valid = false;
1866
- }
1867
- get hostCssClasses() {
1868
- const validClass = this.valid ? 'is-valid' : '';
1869
- const invalidClass = this.invalid ? 'is-invalid' : '';
1870
- const sizeCssClass = this.isRadioButton || this.isCheckbox ? '' : `mc-text-input--${this.size}`;
1871
- return `${this.inputClass} ${sizeCssClass} ${validClass} ${invalidClass}`;
1872
- }
1873
- get invalid() {
1874
- return this._invalid || false;
1875
- }
1876
- get valid() {
1877
- const valid = this._valid || false;
1878
- return !this.invalid && valid;
1879
- }
1880
- get typeElement() {
1881
- return this.elementRef.nativeElement.type || 'text';
1882
- }
1883
- get isRadioButton() {
1884
- return this.typeElement === 'radio';
1885
- }
1886
- get isCheckbox() {
1887
- return this.typeElement === 'checkbox';
1888
- }
1889
- get inputClass() {
1890
- if (this.isCheckbox) {
1891
- return 'mc-checkbox__input';
1892
- }
1893
- if (this.isRadioButton) {
1894
- return 'mc-radio__input';
1895
- }
1896
- return 'mc-text-input';
1897
- }
1898
- set invalid(val) {
1899
- this._invalid = castBooleanProperty(val);
1900
- }
1901
- set valid(val) {
1902
- this._valid = castBooleanProperty(val);
1903
- }
1904
- }
1905
- TextInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TextInputComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
1906
- 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 });
1907
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TextInputComponent, decorators: [{
1908
- type: Component,
1909
- 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"] }]
1910
- }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { size: [{
1911
- type: Input
1912
- }], hostCssClasses: [{
1913
- type: HostBinding,
1914
- args: ['class']
1915
- }], invalid: [{
1916
- type: Input
1917
- }], valid: [{
1918
- type: Input
1919
- }] } });
1920
-
1921
- class TextInputModule {
1922
- }
1923
- TextInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TextInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1924
- TextInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: TextInputModule, declarations: [TextInputComponent], imports: [CommonModule, FormsModule, IconModule], exports: [TextInputComponent] });
1925
- TextInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TextInputModule, imports: [CommonModule, FormsModule, IconModule] });
1926
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TextInputModule, decorators: [{
1927
- type: NgModule,
1928
- args: [{
1929
- declarations: [TextInputComponent],
1930
- imports: [CommonModule, FormsModule, IconModule],
1931
- exports: [TextInputComponent],
1932
- }]
1933
- }] });
1934
-
1935
- const TOGGLE_CONTROL_VALUE_ACCESSOR = {
1936
- provide: NG_VALUE_ACCESSOR,
1937
- useExisting: forwardRef(() => ToggleComponent),
1938
- multi: true,
1939
- };
1940
- class ToggleComponent {
1941
- get checked() {
1942
- return this._checked;
1943
- }
1944
- constructor() {
1945
- this.disabled = false;
1946
- this.size = 'm';
1947
- this._checked = false;
1948
- this.onChange = () => { };
1949
- this.onTouch = () => { };
1950
- this.toggleId = generateId();
1951
- }
1952
- set checked(v) {
1953
- this._checked = v;
1954
- this.onChange(this._checked);
1955
- this.onTouch();
1956
- }
1957
- writeValue(value) {
1958
- this.checked = !!value;
1959
- }
1960
- registerOnChange(fn) {
1961
- this.onChange = fn;
1962
- }
1963
- registerOnTouched(fn) {
1964
- this.onTouch = fn;
1965
- }
1966
- toggle() {
1967
- this.writeValue(!this.checked);
1968
- }
1969
- get hostCssClasses() {
1970
- const sizeClass = `mc-toggle--${this.size}`;
1971
- return `mc-toggle ${sizeClass}`;
1972
- }
1973
- }
1974
- ToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1975
- 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 });
1976
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ToggleComponent, decorators: [{
1977
- type: Component,
1978
- 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"] }]
1979
- }], ctorParameters: function () { return []; }, propDecorators: { disabled: [{
1980
- type: Input
1981
- }], size: [{
1982
- type: Input
1983
- }], checked: [{
1984
- type: Input
1985
- }], hostCssClasses: [{
1986
- type: HostBinding,
1987
- args: ['class']
1988
- }] } });
1989
-
1990
- class ToggleModule {
1991
- }
1992
- ToggleModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1993
- ToggleModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: ToggleModule, declarations: [ToggleComponent], imports: [CommonModule], exports: [ToggleComponent] });
1994
- ToggleModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ToggleModule, imports: [CommonModule] });
1995
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ToggleModule, decorators: [{
1996
- type: NgModule,
1997
- args: [{
1998
- imports: [CommonModule],
1999
- declarations: [ToggleComponent],
2000
- exports: [ToggleComponent],
2001
- }]
2002
- }] });
2003
-
2004
- class TooltipComponent {
2005
- constructor() {
2006
- this.text = '';
2007
- this.position = 'bottom';
2008
- this.disabled = false;
2009
- }
2010
- get viewContent() {
2011
- return !this.disabled;
2012
- }
2013
- get hostCssClasses() {
2014
- return `mc-tooltip mc-tooltip--${this.position}`;
2015
- }
2016
- }
2017
- TooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2018
- 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 });
2019
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TooltipComponent, decorators: [{
2020
- type: Component,
2021
- 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"] }]
2022
- }], propDecorators: { text: [{
2023
- type: Input
2024
- }], position: [{
2025
- type: Input
2026
- }], disabled: [{
2027
- type: Input
2028
- }], hostCssClasses: [{
2029
- type: HostBinding,
2030
- args: ['class']
2031
- }] } });
2032
-
2033
- class TooltipModule {
2034
- }
2035
- TooltipModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
2036
- TooltipModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: TooltipModule, declarations: [TooltipComponent], imports: [CommonModule], exports: [TooltipComponent] });
2037
- TooltipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TooltipModule, imports: [CommonModule] });
2038
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TooltipModule, decorators: [{
2039
- type: NgModule,
2040
- args: [{
2041
- imports: [CommonModule],
2042
- declarations: [TooltipComponent],
2043
- exports: [TooltipComponent],
2044
- }]
2045
- }] });
2046
-
2047
- /**
2048
- * Generated bundle index. Do not edit.
2049
- */
2050
-
2051
- 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 };
2052
- //# sourceMappingURL=mozaic-ds-angular.mjs.map