@ptsecurity/mosaic 15.3.2 → 15.4.0-beta.1

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 (469) hide show
  1. package/_theming.scss +688 -212
  2. package/_visual.scss +132 -42
  3. package/alert/README.md +0 -0
  4. package/alert/_alert-theme.scss +61 -0
  5. package/alert/alert.component.d.ts +22 -0
  6. package/alert/alert.component.scss +81 -0
  7. package/alert/alert.module.d.ts +10 -0
  8. package/alert/index.d.ts +1 -0
  9. package/alert/public-api.d.ts +2 -0
  10. package/autocomplete/_autocomplete-theme.nvl.scss +21 -0
  11. package/button/_button-base.scss +2 -2
  12. package/button/_button-theme.nvl.scss +180 -0
  13. package/button/_button-theme.scss +0 -2
  14. package/button/button.component.d.ts +12 -3
  15. package/button/button.scss +19 -5
  16. package/button-toggle/_button-toggle-theme.scss +92 -0
  17. package/button-toggle/button-toggle.component.d.ts +6 -2
  18. package/button-toggle/button-toggle.module.d.ts +2 -1
  19. package/button-toggle/button-toggle.scss +110 -82
  20. package/card/_card-theme.nvl.scss +61 -0
  21. package/checkbox/_checkbox-theme.nvl.scss +120 -0
  22. package/checkbox/_checkbox-theme.scss +7 -7
  23. package/checkbox/checkbox.d.ts +2 -1
  24. package/checkbox/checkbox.scss +85 -52
  25. package/code-block/_code-block-theme.nvl.scss +326 -0
  26. package/core/common-behaviors/color.d.ts +13 -2
  27. package/core/common-behaviors/index.d.ts +1 -1
  28. package/core/forms/_forms-theme.nvl.scss +31 -0
  29. package/core/highlight/_highlight-theme.nvl.scss +8 -0
  30. package/core/highlight/_highlight-theme.scss +0 -2
  31. package/core/option/_optgroup-theme.nvl.scss +25 -0
  32. package/core/option/_option-action-theme.nvl.scss +41 -0
  33. package/core/option/_option-theme.nvl.scss +44 -0
  34. package/core/selection/pseudo-checkbox/_pseudo-checkbox-theme.nvl.scss +48 -0
  35. package/core/selection/pseudo-checkbox/pseudo-checkbox.d.ts +2 -1
  36. package/core/selection/pseudo-checkbox/pseudo-checkbox.scss +26 -6
  37. package/core/styles/_mosaic-theme.nvl.scss +153 -0
  38. package/core/styles/_mosaic-theme.scss +7 -2
  39. package/core/styles/_tokens.scss +4 -4
  40. package/core/styles/theming/_badges-theme.nvl.scss +118 -0
  41. package/core/styles/theming/_badges.nvl.scss +57 -0
  42. package/core/styles/theming/_components-theming.nvl.scss +1185 -0
  43. package/core/styles/theming/_components-theming.scss +92 -0
  44. package/core/styles/theming/_scrollbars-theme.nvl.scss +98 -0
  45. package/core/styles/theming/_scrollbars.nvl.scss +39 -0
  46. package/core/styles/theming/_theming.nvl.scss +137 -0
  47. package/core/styles/theming/prebuilt/dark-theme.nvl.scss +20 -0
  48. package/core/styles/theming/prebuilt/light-theme.nvl.scss +20 -0
  49. package/core/styles/typography/_typography.scss +5 -4
  50. package/core/utils/data-size/config.d.ts +20 -0
  51. package/core/utils/data-size/data-size.pipe.d.ts +13 -0
  52. package/core/utils/data-size/index.d.ts +3 -0
  53. package/core/utils/data-size/size.d.ts +16 -0
  54. package/core/utils/public-api.d.ts +1 -0
  55. package/datepicker/_datepicker-theme.nvl.scss +101 -0
  56. package/datepicker/datepicker-toggle.scss +2 -2
  57. package/divider/_divider-theme.nvl.scss +10 -0
  58. package/divider/_divider-theme.scss +1 -0
  59. package/divider/divider.component.d.ts +4 -1
  60. package/divider/divider.scss +24 -24
  61. package/dl/_dl-theme.nvl.scss +86 -0
  62. package/dl/_dl-theme.scss +0 -1
  63. package/dropdown/_dropdown-theme.nvl.scss +85 -0
  64. package/dropdown/dropdown.scss +3 -3
  65. package/ellipsis-center/ellipsis-center.directive.d.ts +27 -0
  66. package/ellipsis-center/index.d.ts +1 -0
  67. package/ellipsis-center/public-api.d.ts +1 -0
  68. package/esm2020/alert/alert.component.mjs +67 -0
  69. package/esm2020/alert/alert.module.mjs +44 -0
  70. package/esm2020/alert/index.mjs +2 -0
  71. package/esm2020/alert/ptsecurity-mosaic-alert.mjs +5 -0
  72. package/esm2020/alert/public-api.mjs +3 -0
  73. package/esm2020/autocomplete/autocomplete-origin.directive.mjs +3 -3
  74. package/esm2020/autocomplete/autocomplete-trigger.directive.mjs +3 -3
  75. package/esm2020/autocomplete/autocomplete.component.mjs +5 -5
  76. package/esm2020/autocomplete/autocomplete.module.mjs +4 -4
  77. package/esm2020/button/button.component.mjs +37 -19
  78. package/esm2020/button/button.module.mjs +4 -4
  79. package/esm2020/button-toggle/button-toggle.component.mjs +33 -14
  80. package/esm2020/button-toggle/button-toggle.module.mjs +7 -6
  81. package/esm2020/card/card.component.mjs +3 -3
  82. package/esm2020/card/card.module.mjs +4 -4
  83. package/esm2020/checkbox/checkbox-module.mjs +4 -4
  84. package/esm2020/checkbox/checkbox-required-validator.mjs +3 -3
  85. package/esm2020/checkbox/checkbox.mjs +13 -9
  86. package/esm2020/code-block/actionbar.component.mjs +5 -5
  87. package/esm2020/code-block/code-block.component.mjs +4 -4
  88. package/esm2020/code-block/code-block.module.mjs +4 -4
  89. package/esm2020/core/common-behaviors/color.mjs +14 -2
  90. package/esm2020/core/common-behaviors/common-module.mjs +4 -4
  91. package/esm2020/core/common-behaviors/index.mjs +2 -2
  92. package/esm2020/core/error/error-options.mjs +6 -6
  93. package/esm2020/core/formatters/date/formatter.mjs +3 -3
  94. package/esm2020/core/formatters/date/formatter.pipe.mjs +39 -39
  95. package/esm2020/core/formatters/index.mjs +4 -4
  96. package/esm2020/core/formatters/number/formatter.mjs +4 -4
  97. package/esm2020/core/forms/forms-module.mjs +4 -4
  98. package/esm2020/core/forms/forms.directive.mjs +6 -6
  99. package/esm2020/core/highlight/highlight.pipe.mjs +3 -3
  100. package/esm2020/core/highlight/index.mjs +4 -4
  101. package/esm2020/core/line/line.mjs +7 -7
  102. package/esm2020/core/locales/locale-service.mjs +3 -3
  103. package/esm2020/core/locales/locale-service.module.mjs +4 -4
  104. package/esm2020/core/option/action.mjs +3 -3
  105. package/esm2020/core/option/optgroup.mjs +3 -3
  106. package/esm2020/core/option/option-module.mjs +4 -4
  107. package/esm2020/core/option/option.mjs +4 -4
  108. package/esm2020/core/pop-up/pop-up-trigger.mjs +3 -3
  109. package/esm2020/core/pop-up/pop-up.mjs +3 -3
  110. package/esm2020/core/selection/pseudo-checkbox/pseudo-checkbox.mjs +12 -8
  111. package/esm2020/core/selection/pseudo-checkbox/pseudo-checkbox.module.mjs +4 -4
  112. package/esm2020/core/services/measure-scrollbar.service.mjs +3 -3
  113. package/esm2020/core/utils/data-size/config.mjs +22 -0
  114. package/esm2020/core/utils/data-size/data-size.pipe.mjs +32 -0
  115. package/esm2020/core/utils/data-size/index.mjs +4 -0
  116. package/esm2020/core/utils/data-size/size.mjs +50 -0
  117. package/esm2020/core/utils/public-api.mjs +2 -1
  118. package/esm2020/core/version.mjs +2 -2
  119. package/esm2020/datepicker/calendar-body.component.mjs +3 -3
  120. package/esm2020/datepicker/calendar-header.component.mjs +3 -3
  121. package/esm2020/datepicker/calendar.component.mjs +3 -3
  122. package/esm2020/datepicker/datepicker-input.directive.mjs +3 -3
  123. package/esm2020/datepicker/datepicker-intl.mjs +3 -3
  124. package/esm2020/datepicker/datepicker-module.mjs +4 -4
  125. package/esm2020/datepicker/datepicker-toggle.component.mjs +7 -7
  126. package/esm2020/datepicker/datepicker.component.mjs +6 -6
  127. package/esm2020/datepicker/month-view.component.mjs +3 -3
  128. package/esm2020/divider/divider.component.mjs +16 -6
  129. package/esm2020/divider/divider.module.mjs +4 -4
  130. package/esm2020/dl/dl.component.mjs +9 -9
  131. package/esm2020/dl/dl.module.mjs +4 -4
  132. package/esm2020/dropdown/dropdown-content.directive.mjs +3 -3
  133. package/esm2020/dropdown/dropdown-item.component.mjs +5 -5
  134. package/esm2020/dropdown/dropdown-trigger.directive.mjs +3 -3
  135. package/esm2020/dropdown/dropdown.component.mjs +6 -6
  136. package/esm2020/dropdown/dropdown.module.mjs +4 -4
  137. package/esm2020/ellipsis-center/ellipsis-center.directive.mjs +106 -0
  138. package/esm2020/ellipsis-center/index.mjs +2 -0
  139. package/esm2020/ellipsis-center/ptsecurity-mosaic-ellipsis-center.mjs +5 -0
  140. package/esm2020/ellipsis-center/public-api.mjs +2 -0
  141. package/esm2020/file-upload/file-drop.mjs +43 -0
  142. package/esm2020/file-upload/file-upload.mjs +4 -0
  143. package/esm2020/file-upload/file-upload.module.mjs +66 -0
  144. package/esm2020/file-upload/index.mjs +2 -0
  145. package/esm2020/file-upload/multiple-file-upload.component.mjs +161 -0
  146. package/esm2020/file-upload/ptsecurity-mosaic-file-upload.mjs +5 -0
  147. package/esm2020/file-upload/public-api.mjs +6 -0
  148. package/esm2020/file-upload/single-file-upload.component.mjs +130 -0
  149. package/esm2020/form-field/cleaner.mjs +7 -7
  150. package/esm2020/form-field/form-field.mjs +10 -10
  151. package/esm2020/form-field/form-field.module.mjs +4 -4
  152. package/esm2020/form-field/hint.mjs +15 -15
  153. package/esm2020/form-field/password-hint.mjs +4 -4
  154. package/esm2020/form-field/prefix.mjs +3 -3
  155. package/esm2020/form-field/stepper.mjs +3 -3
  156. package/esm2020/form-field/suffix.mjs +3 -3
  157. package/esm2020/form-field/validate.directive.mjs +3 -3
  158. package/esm2020/icon/icon.component.mjs +78 -21
  159. package/esm2020/icon/icon.module.mjs +14 -10
  160. package/esm2020/input/input-number-validators.mjs +6 -6
  161. package/esm2020/input/input-number.mjs +3 -3
  162. package/esm2020/input/input-password.mjs +6 -6
  163. package/esm2020/input/input.mjs +6 -6
  164. package/esm2020/input/input.module.mjs +4 -4
  165. package/esm2020/link/link.component.mjs +14 -4
  166. package/esm2020/link/link.module.mjs +4 -4
  167. package/esm2020/list/list-selection.component.mjs +9 -9
  168. package/esm2020/list/list.component.mjs +7 -7
  169. package/esm2020/list/list.module.mjs +4 -4
  170. package/esm2020/loader-overlay/loader-overlay.component.mjs +12 -12
  171. package/esm2020/loader-overlay/loader-overlay.module.mjs +4 -4
  172. package/esm2020/markdown/markdown.component.mjs +5 -5
  173. package/esm2020/markdown/markdown.module.mjs +4 -4
  174. package/esm2020/markdown/markdown.service.mjs +3 -3
  175. package/esm2020/modal/css-unit.pipe.mjs +3 -3
  176. package/esm2020/modal/modal-control.service.mjs +3 -3
  177. package/esm2020/modal/modal.component.mjs +4 -4
  178. package/esm2020/modal/modal.directive.mjs +12 -12
  179. package/esm2020/modal/modal.module.mjs +4 -4
  180. package/esm2020/modal/modal.service.mjs +3 -3
  181. package/esm2020/navbar/navbar-item.component.mjs +31 -31
  182. package/esm2020/navbar/navbar.component.mjs +9 -9
  183. package/esm2020/navbar/navbar.module.mjs +4 -4
  184. package/esm2020/navbar/vertical-navbar.component.mjs +3 -3
  185. package/esm2020/popover/popover-confirm.component.mjs +8 -8
  186. package/esm2020/popover/popover.component.mjs +7 -7
  187. package/esm2020/popover/popover.module.mjs +4 -4
  188. package/esm2020/progress-bar/progress-bar.component.mjs +3 -3
  189. package/esm2020/progress-bar/progress-bar.module.mjs +4 -4
  190. package/esm2020/progress-spinner/progress-spinner.component.mjs +6 -6
  191. package/esm2020/progress-spinner/progress-spinner.module.mjs +4 -4
  192. package/esm2020/radio/radio.component.mjs +13 -9
  193. package/esm2020/radio/radio.module.mjs +4 -4
  194. package/esm2020/select/select-option.directive.mjs +3 -3
  195. package/esm2020/select/select.component.mjs +22 -22
  196. package/esm2020/select/select.module.mjs +4 -4
  197. package/esm2020/sidebar/sidebar.component.mjs +9 -9
  198. package/esm2020/sidebar/sidebar.module.mjs +4 -4
  199. package/esm2020/sidepanel/sidepanel-container.component.mjs +4 -4
  200. package/esm2020/sidepanel/sidepanel-directives.mjs +17 -17
  201. package/esm2020/sidepanel/sidepanel.module.mjs +4 -4
  202. package/esm2020/sidepanel/sidepanel.service.mjs +3 -3
  203. package/esm2020/splitter/splitter.component.mjs +12 -12
  204. package/esm2020/splitter/splitter.module.mjs +4 -4
  205. package/esm2020/table/table.component.mjs +3 -3
  206. package/esm2020/table/table.module.mjs +4 -4
  207. package/esm2020/tabs/paginated-tab-header.mjs +3 -3
  208. package/esm2020/tabs/tab-body.component.mjs +6 -6
  209. package/esm2020/tabs/tab-content.directive.mjs +3 -3
  210. package/esm2020/tabs/tab-group.component.mjs +18 -18
  211. package/esm2020/tabs/tab-header.component.mjs +4 -4
  212. package/esm2020/tabs/tab-label-wrapper.directive.mjs +3 -3
  213. package/esm2020/tabs/tab-label.directive.mjs +3 -3
  214. package/esm2020/tabs/tab-nav-bar/tab-nav-bar.mjs +7 -7
  215. package/esm2020/tabs/tab.component.mjs +3 -3
  216. package/esm2020/tabs/tabs.module.mjs +4 -4
  217. package/esm2020/tags/tag-input.mjs +3 -3
  218. package/esm2020/tags/tag-list.component.mjs +4 -4
  219. package/esm2020/tags/tag.component.mjs +16 -16
  220. package/esm2020/tags/tag.module.mjs +4 -4
  221. package/esm2020/textarea/textarea.component.mjs +3 -3
  222. package/esm2020/textarea/textarea.module.mjs +4 -4
  223. package/esm2020/timepicker/timepicker.directive.mjs +3 -3
  224. package/esm2020/timepicker/timepicker.module.mjs +4 -4
  225. package/esm2020/timezone/cities-by-filter.pipe.mjs +3 -3
  226. package/esm2020/timezone/timezone-option.component.mjs +3 -3
  227. package/esm2020/timezone/timezone-option.directive.mjs +3 -3
  228. package/esm2020/timezone/timezone-select.component.mjs +8 -8
  229. package/esm2020/timezone/timezone.module.mjs +4 -4
  230. package/esm2020/timezone/utc-offset.pipe.mjs +3 -3
  231. package/esm2020/title/title.directive.mjs +3 -3
  232. package/esm2020/title/title.module.mjs +4 -4
  233. package/esm2020/toast/toast-container.component.mjs +3 -3
  234. package/esm2020/toast/toast.component.mjs +5 -5
  235. package/esm2020/toast/toast.module.mjs +4 -4
  236. package/esm2020/toast/toast.service.mjs +3 -3
  237. package/esm2020/toggle/toggle.component.mjs +17 -13
  238. package/esm2020/toggle/toggle.module.mjs +4 -4
  239. package/esm2020/tooltip/tooltip.component.mjs +26 -17
  240. package/esm2020/tooltip/tooltip.module.mjs +4 -4
  241. package/esm2020/tree/node.mjs +3 -3
  242. package/esm2020/tree/outlet.mjs +3 -3
  243. package/esm2020/tree/padding.directive.mjs +3 -3
  244. package/esm2020/tree/toggle.mjs +9 -9
  245. package/esm2020/tree/tree-base.mjs +6 -6
  246. package/esm2020/tree/tree-option.component.mjs +4 -4
  247. package/esm2020/tree/tree-selection.component.mjs +3 -3
  248. package/esm2020/tree/tree.mjs +3 -3
  249. package/esm2020/tree/tree.module.mjs +4 -4
  250. package/esm2020/tree-select/tree-select.component.mjs +16 -13
  251. package/esm2020/tree-select/tree-select.module.mjs +4 -4
  252. package/fesm2015/ptsecurity-mosaic-alert.mjs +115 -0
  253. package/fesm2015/ptsecurity-mosaic-alert.mjs.map +1 -0
  254. package/fesm2015/ptsecurity-mosaic-autocomplete.mjs +15 -15
  255. package/fesm2015/ptsecurity-mosaic-button-toggle.mjs +38 -18
  256. package/fesm2015/ptsecurity-mosaic-button-toggle.mjs.map +1 -1
  257. package/fesm2015/ptsecurity-mosaic-button.mjs +41 -23
  258. package/fesm2015/ptsecurity-mosaic-button.mjs.map +1 -1
  259. package/fesm2015/ptsecurity-mosaic-card.mjs +7 -7
  260. package/fesm2015/ptsecurity-mosaic-checkbox.mjs +19 -15
  261. package/fesm2015/ptsecurity-mosaic-checkbox.mjs.map +1 -1
  262. package/fesm2015/ptsecurity-mosaic-code-block.mjs +12 -12
  263. package/fesm2015/ptsecurity-mosaic-code-block.mjs.map +1 -1
  264. package/fesm2015/ptsecurity-mosaic-core.mjs +242 -127
  265. package/fesm2015/ptsecurity-mosaic-core.mjs.map +1 -1
  266. package/fesm2015/ptsecurity-mosaic-datepicker.mjs +35 -35
  267. package/fesm2015/ptsecurity-mosaic-datepicker.mjs.map +1 -1
  268. package/fesm2015/ptsecurity-mosaic-divider.mjs +19 -9
  269. package/fesm2015/ptsecurity-mosaic-divider.mjs.map +1 -1
  270. package/fesm2015/ptsecurity-mosaic-dl.mjs +13 -13
  271. package/fesm2015/ptsecurity-mosaic-dropdown.mjs +20 -20
  272. package/fesm2015/ptsecurity-mosaic-dropdown.mjs.map +1 -1
  273. package/fesm2015/ptsecurity-mosaic-ellipsis-center.mjs +113 -0
  274. package/fesm2015/ptsecurity-mosaic-ellipsis-center.mjs.map +1 -0
  275. package/fesm2015/ptsecurity-mosaic-file-upload.mjs +392 -0
  276. package/fesm2015/ptsecurity-mosaic-file-upload.mjs.map +1 -0
  277. package/fesm2015/ptsecurity-mosaic-form-field.mjs +49 -49
  278. package/fesm2015/ptsecurity-mosaic-form-field.mjs.map +1 -1
  279. package/fesm2015/ptsecurity-mosaic-icon.mjs +93 -29
  280. package/fesm2015/ptsecurity-mosaic-icon.mjs.map +1 -1
  281. package/fesm2015/ptsecurity-mosaic-input.mjs +25 -25
  282. package/fesm2015/ptsecurity-mosaic-link.mjs +17 -7
  283. package/fesm2015/ptsecurity-mosaic-link.mjs.map +1 -1
  284. package/fesm2015/ptsecurity-mosaic-list.mjs +20 -20
  285. package/fesm2015/ptsecurity-mosaic-list.mjs.map +1 -1
  286. package/fesm2015/ptsecurity-mosaic-loader-overlay.mjs +16 -16
  287. package/fesm2015/ptsecurity-mosaic-markdown.mjs +12 -12
  288. package/fesm2015/ptsecurity-mosaic-modal.mjs +29 -29
  289. package/fesm2015/ptsecurity-mosaic-modal.mjs.map +1 -1
  290. package/fesm2015/ptsecurity-mosaic-navbar.mjs +47 -47
  291. package/fesm2015/ptsecurity-mosaic-navbar.mjs.map +1 -1
  292. package/fesm2015/ptsecurity-mosaic-popover.mjs +18 -18
  293. package/fesm2015/ptsecurity-mosaic-popover.mjs.map +1 -1
  294. package/fesm2015/ptsecurity-mosaic-progress-bar.mjs +7 -7
  295. package/fesm2015/ptsecurity-mosaic-progress-spinner.mjs +9 -9
  296. package/fesm2015/ptsecurity-mosaic-progress-spinner.mjs.map +1 -1
  297. package/fesm2015/ptsecurity-mosaic-radio.mjs +16 -12
  298. package/fesm2015/ptsecurity-mosaic-radio.mjs.map +1 -1
  299. package/fesm2015/ptsecurity-mosaic-select.mjs +28 -28
  300. package/fesm2015/ptsecurity-mosaic-select.mjs.map +1 -1
  301. package/fesm2015/ptsecurity-mosaic-sidebar.mjs +13 -13
  302. package/fesm2015/ptsecurity-mosaic-sidepanel.mjs +27 -27
  303. package/fesm2015/ptsecurity-mosaic-sidepanel.mjs.map +1 -1
  304. package/fesm2015/ptsecurity-mosaic-splitter.mjs +16 -16
  305. package/fesm2015/ptsecurity-mosaic-table.mjs +7 -7
  306. package/fesm2015/ptsecurity-mosaic-tabs.mjs +54 -54
  307. package/fesm2015/ptsecurity-mosaic-tabs.mjs.map +1 -1
  308. package/fesm2015/ptsecurity-mosaic-tags.mjs +26 -26
  309. package/fesm2015/ptsecurity-mosaic-tags.mjs.map +1 -1
  310. package/fesm2015/ptsecurity-mosaic-textarea.mjs +7 -7
  311. package/fesm2015/ptsecurity-mosaic-timepicker.mjs +7 -7
  312. package/fesm2015/ptsecurity-mosaic-timezone.mjs +24 -24
  313. package/fesm2015/ptsecurity-mosaic-timezone.mjs.map +1 -1
  314. package/fesm2015/ptsecurity-mosaic-title.mjs +7 -7
  315. package/fesm2015/ptsecurity-mosaic-toast.mjs +14 -14
  316. package/fesm2015/ptsecurity-mosaic-toast.mjs.map +1 -1
  317. package/fesm2015/ptsecurity-mosaic-toggle.mjs +21 -17
  318. package/fesm2015/ptsecurity-mosaic-toggle.mjs.map +1 -1
  319. package/fesm2015/ptsecurity-mosaic-tooltip.mjs +29 -20
  320. package/fesm2015/ptsecurity-mosaic-tooltip.mjs.map +1 -1
  321. package/fesm2015/ptsecurity-mosaic-tree-select.mjs +19 -16
  322. package/fesm2015/ptsecurity-mosaic-tree-select.mjs.map +1 -1
  323. package/fesm2015/ptsecurity-mosaic-tree.mjs +38 -38
  324. package/fesm2015/ptsecurity-mosaic-tree.mjs.map +1 -1
  325. package/fesm2020/ptsecurity-mosaic-alert.mjs +115 -0
  326. package/fesm2020/ptsecurity-mosaic-alert.mjs.map +1 -0
  327. package/fesm2020/ptsecurity-mosaic-autocomplete.mjs +15 -15
  328. package/fesm2020/ptsecurity-mosaic-button-toggle.mjs +38 -18
  329. package/fesm2020/ptsecurity-mosaic-button-toggle.mjs.map +1 -1
  330. package/fesm2020/ptsecurity-mosaic-button.mjs +41 -23
  331. package/fesm2020/ptsecurity-mosaic-button.mjs.map +1 -1
  332. package/fesm2020/ptsecurity-mosaic-card.mjs +7 -7
  333. package/fesm2020/ptsecurity-mosaic-checkbox.mjs +19 -15
  334. package/fesm2020/ptsecurity-mosaic-checkbox.mjs.map +1 -1
  335. package/fesm2020/ptsecurity-mosaic-code-block.mjs +12 -12
  336. package/fesm2020/ptsecurity-mosaic-code-block.mjs.map +1 -1
  337. package/fesm2020/ptsecurity-mosaic-core.mjs +242 -127
  338. package/fesm2020/ptsecurity-mosaic-core.mjs.map +1 -1
  339. package/fesm2020/ptsecurity-mosaic-datepicker.mjs +36 -35
  340. package/fesm2020/ptsecurity-mosaic-datepicker.mjs.map +1 -1
  341. package/fesm2020/ptsecurity-mosaic-divider.mjs +19 -9
  342. package/fesm2020/ptsecurity-mosaic-divider.mjs.map +1 -1
  343. package/fesm2020/ptsecurity-mosaic-dl.mjs +13 -13
  344. package/fesm2020/ptsecurity-mosaic-dropdown.mjs +20 -20
  345. package/fesm2020/ptsecurity-mosaic-dropdown.mjs.map +1 -1
  346. package/fesm2020/ptsecurity-mosaic-ellipsis-center.mjs +111 -0
  347. package/fesm2020/ptsecurity-mosaic-ellipsis-center.mjs.map +1 -0
  348. package/fesm2020/ptsecurity-mosaic-file-upload.mjs +388 -0
  349. package/fesm2020/ptsecurity-mosaic-file-upload.mjs.map +1 -0
  350. package/fesm2020/ptsecurity-mosaic-form-field.mjs +49 -49
  351. package/fesm2020/ptsecurity-mosaic-form-field.mjs.map +1 -1
  352. package/fesm2020/ptsecurity-mosaic-icon.mjs +89 -29
  353. package/fesm2020/ptsecurity-mosaic-icon.mjs.map +1 -1
  354. package/fesm2020/ptsecurity-mosaic-input.mjs +25 -25
  355. package/fesm2020/ptsecurity-mosaic-link.mjs +17 -7
  356. package/fesm2020/ptsecurity-mosaic-link.mjs.map +1 -1
  357. package/fesm2020/ptsecurity-mosaic-list.mjs +20 -20
  358. package/fesm2020/ptsecurity-mosaic-list.mjs.map +1 -1
  359. package/fesm2020/ptsecurity-mosaic-loader-overlay.mjs +16 -16
  360. package/fesm2020/ptsecurity-mosaic-markdown.mjs +12 -12
  361. package/fesm2020/ptsecurity-mosaic-modal.mjs +29 -29
  362. package/fesm2020/ptsecurity-mosaic-modal.mjs.map +1 -1
  363. package/fesm2020/ptsecurity-mosaic-navbar.mjs +47 -47
  364. package/fesm2020/ptsecurity-mosaic-navbar.mjs.map +1 -1
  365. package/fesm2020/ptsecurity-mosaic-popover.mjs +18 -18
  366. package/fesm2020/ptsecurity-mosaic-popover.mjs.map +1 -1
  367. package/fesm2020/ptsecurity-mosaic-progress-bar.mjs +7 -7
  368. package/fesm2020/ptsecurity-mosaic-progress-spinner.mjs +9 -9
  369. package/fesm2020/ptsecurity-mosaic-progress-spinner.mjs.map +1 -1
  370. package/fesm2020/ptsecurity-mosaic-radio.mjs +16 -12
  371. package/fesm2020/ptsecurity-mosaic-radio.mjs.map +1 -1
  372. package/fesm2020/ptsecurity-mosaic-select.mjs +28 -28
  373. package/fesm2020/ptsecurity-mosaic-select.mjs.map +1 -1
  374. package/fesm2020/ptsecurity-mosaic-sidebar.mjs +13 -13
  375. package/fesm2020/ptsecurity-mosaic-sidepanel.mjs +27 -27
  376. package/fesm2020/ptsecurity-mosaic-sidepanel.mjs.map +1 -1
  377. package/fesm2020/ptsecurity-mosaic-splitter.mjs +16 -16
  378. package/fesm2020/ptsecurity-mosaic-table.mjs +7 -7
  379. package/fesm2020/ptsecurity-mosaic-tabs.mjs +54 -54
  380. package/fesm2020/ptsecurity-mosaic-tabs.mjs.map +1 -1
  381. package/fesm2020/ptsecurity-mosaic-tags.mjs +26 -26
  382. package/fesm2020/ptsecurity-mosaic-tags.mjs.map +1 -1
  383. package/fesm2020/ptsecurity-mosaic-textarea.mjs +7 -7
  384. package/fesm2020/ptsecurity-mosaic-timepicker.mjs +7 -7
  385. package/fesm2020/ptsecurity-mosaic-timezone.mjs +24 -24
  386. package/fesm2020/ptsecurity-mosaic-timezone.mjs.map +1 -1
  387. package/fesm2020/ptsecurity-mosaic-title.mjs +7 -7
  388. package/fesm2020/ptsecurity-mosaic-toast.mjs +14 -14
  389. package/fesm2020/ptsecurity-mosaic-toast.mjs.map +1 -1
  390. package/fesm2020/ptsecurity-mosaic-toggle.mjs +21 -17
  391. package/fesm2020/ptsecurity-mosaic-toggle.mjs.map +1 -1
  392. package/fesm2020/ptsecurity-mosaic-tooltip.mjs +29 -20
  393. package/fesm2020/ptsecurity-mosaic-tooltip.mjs.map +1 -1
  394. package/fesm2020/ptsecurity-mosaic-tree-select.mjs +19 -16
  395. package/fesm2020/ptsecurity-mosaic-tree-select.mjs.map +1 -1
  396. package/fesm2020/ptsecurity-mosaic-tree.mjs +38 -38
  397. package/fesm2020/ptsecurity-mosaic-tree.mjs.map +1 -1
  398. package/file-upload/README.md +0 -0
  399. package/file-upload/_file-upload-theme.scss +174 -0
  400. package/file-upload/file-drop.d.ts +11 -0
  401. package/file-upload/file-upload.d.ts +22 -0
  402. package/file-upload/file-upload.module.d.ts +18 -0
  403. package/file-upload/file-upload.scss +46 -0
  404. package/file-upload/index.d.ts +1 -0
  405. package/file-upload/multiple-file-upload.component.d.ts +51 -0
  406. package/file-upload/multiple-file-upload.component.scss +148 -0
  407. package/file-upload/public-api.d.ts +5 -0
  408. package/file-upload/single-file-upload.component.d.ts +34 -0
  409. package/file-upload/single-file-upload.component.scss +60 -0
  410. package/form-field/_form-field-theme.nvl.scss +111 -0
  411. package/form-field/_hint-theme.nvl.scss +67 -0
  412. package/form-field/cleaner.d.ts +2 -2
  413. package/form-field/hint.d.ts +2 -1
  414. package/form-field/hint.scss +15 -0
  415. package/icon/_icon-theme.nvl.scss +267 -0
  416. package/icon/icon.component.d.ts +22 -6
  417. package/icon/icon.module.d.ts +1 -1
  418. package/icon/icon.scss +39 -0
  419. package/input/_input-theme.nvl.scss +56 -0
  420. package/link/_link-theme.nvl.scss +178 -0
  421. package/link/_link-theme.scss +2 -3
  422. package/link/link.component.d.ts +4 -1
  423. package/list/_list-theme.nvl.scss +47 -0
  424. package/loader-overlay/_loader-overlay-theme.nvl.scss +34 -0
  425. package/loader-overlay/_loader-overlay-theme.scss +0 -1
  426. package/markdown/_markdown-theme.nvl.scss +142 -0
  427. package/modal/_modal-theme.nvl.scss +90 -0
  428. package/navbar/_navbar-theme.nvl.scss +123 -0
  429. package/package.json +26 -2
  430. package/popover/_popover-theme.nvl.scss +111 -0
  431. package/prebuilt-themes/dark-theme.css +1 -1
  432. package/prebuilt-themes/dark-theme.nvl.css +1 -0
  433. package/prebuilt-themes/default-theme.css +1 -1
  434. package/prebuilt-themes/light-theme.nvl.css +1 -0
  435. package/progress-bar/_progress-bar-theme.nvl.scss +28 -0
  436. package/progress-spinner/_progress-spinner-theme.nvl.scss +24 -0
  437. package/radio/_radio-theme.nvl.scss +95 -0
  438. package/radio/_radio-theme.scss +1 -1
  439. package/radio/radio.component.d.ts +2 -1
  440. package/radio/radio.scss +60 -27
  441. package/select/_select-theme.nvl.scss +55 -0
  442. package/select/_select-theme.scss +6 -0
  443. package/select/select.component.d.ts +1 -1
  444. package/select/select.scss +13 -0
  445. package/sidepanel/_sidepanel-theme.nvl.scss +67 -0
  446. package/splitter/_splitter-theme.nvl.scss +31 -0
  447. package/table/_table-theme.nvl.scss +65 -0
  448. package/table/_table-theme.scss +0 -1
  449. package/tabs/_tabs-theme.nvl.scss +240 -0
  450. package/tags/_tag-theme.nvl.scss +100 -0
  451. package/tags/_tag-theme.scss +0 -1
  452. package/tags/tag-list.scss +23 -7
  453. package/tags/tag.scss +21 -69
  454. package/textarea/_textarea-theme.nvl.scss +37 -0
  455. package/timezone/_timezone-option-theme.nvl.scss +34 -0
  456. package/toast/_toast-theme.nvl.scss +61 -0
  457. package/toggle/_toggle-theme.nvl.scss +98 -0
  458. package/toggle/_toggle-theme.scss +0 -3
  459. package/toggle/toggle.component.d.ts +2 -1
  460. package/toggle/toggle.scss +51 -76
  461. package/tooltip/_tooltip-theme.nvl.scss +49 -0
  462. package/tooltip/tooltip.component.d.ts +5 -2
  463. package/tooltip/tooltip.scss +10 -39
  464. package/tree/_tree-theme.nvl.scss +69 -0
  465. package/tree-select/_tree-select-theme.nvl.scss +41 -0
  466. package/tree-select/_tree-select-theme.scss +6 -0
  467. package/tree-select/tree-select.component.d.ts +2 -2
  468. package/tree-select/tree-select.scss +13 -0
  469. package/core/styles/theming/_alerts.scss +0 -166
package/esm2020/list/list.component.mjs CHANGED
@@ -4,11 +4,11 @@ import { McLine, McLineSetter } from '@ptsecurity/mosaic/core';
4
4
  import * as i0 from "@angular/core";
5
5
  export class McList {
6
6
  }
7
- /** @nocollapse */ McList.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McList, deps: [], target: i0.ɵɵFactoryTarget.Component });
8
- /** @nocollapse */ McList.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: McList, selector: "mc-list", host: { classAttribute: "mc-list" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".mc-no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@keyframes mc-progress{0%{background-position:0 0}to{background-position:29px 0}}.mc-progress{position:relative}.mc-progress:after{content:\"\";position:absolute;border-radius:inherit;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.05) 10px,transparent 10px,transparent 20px,rgba(0,0,0,.05) 20px,rgba(0,0,0,.05) 30px,transparent 30px) repeat;background-size:29px 29px;animation:mc-progress 1s linear infinite}.mc-group{display:flex;flex-direction:row}.mc-group .mc-group_justified>.mc-group-item{width:100%}.mc-group .mc-group-item+.mc-group-item{margin-left:calc(-1 * var(--mc-button-size-border-width, 1px))}.mc-group>.mc-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.mc-group>.mc-group-item:first-child:not(:last-child)>.mc-form-field__container{border-bottom-right-radius:0;border-top-right-radius:0}.mc-group>.mc-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.mc-group>.mc-group-item:last-child:not(:first-child)>.mc-form-field__container{border-bottom-left-radius:0;border-top-left-radius:0}.mc-group>.mc-group-item:not(:first-child):not(:last-child){border-radius:0}.mc-group>.mc-group-item:not(:first-child):not(:last-child)>.mc-form-field__container{border-radius:0}.mc-vertical-group{display:flex;flex-direction:column}.mc-vertical-group>.mc-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--mc-button-size-border-radius, 4px)}.mc-vertical-group>.mc-group-item:first-child:not(:last-child)>.mc-form-field__container{border-bottom-right-radius:0;border-bottom-left-radius:0}.mc-vertical-group>.mc-group-item:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:var(--mc-button-size-border-radius, 4px)}.mc-vertical-group>.mc-group-item:last-child:not(:first-child)>.mc-form-field__container{border-top-right-radius:0;border-top-left-radius:0}.mc-vertical-group>.mc-group-item:not(:first-child):not(:last-child){border-radius:0}.mc-vertical-group>.mc-group-item:not(:first-child):not(:last-child)>.mc-form-field__container{border-radius:0}.mc-vertical-group .mc-group-item+.mc-group-item{margin-top:calc(-1 * var(--mc-button-size-border-width, 1px))}.mc-list,.mc-list-selection{display:block;outline:none}.mc-list-item,.mc-list-option{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;position:relative;display:flex;align-items:center;box-sizing:border-box;height:var(--mc-list-size-item-height, 32px);border:2px solid transparent;padding-left:var(--mc-list-size-horizontal-padding, 12px)}.mc-list-item .mc-list-text,.mc-list-option .mc-list-text{display:flex;flex-direction:column;width:100%;box-sizing:border-box;padding-right:var(--mc-list-size-horizontal-padding, 12px);display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-list-item .mc-list-text>*,.mc-list-option .mc-list-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}.mc-list-item .mc-list-text:empty,.mc-list-option .mc-list-text:empty{display:none}.mc-list-item .mc-divider,.mc-list-option .mc-divider{position:absolute;bottom:0;left:0;width:100%;margin:0}[dir=rtl] .mc-list-item .mc-divider,[dir=rtl] .mc-list-option .mc-divider{margin-left:auto;margin-right:0}.mc-list-item .mc-divider.mc-divider_inset,.mc-list-option .mc-divider.mc-divider_inset{position:absolute}.mc-list-item.mc-progress:after,.mc-list-option.mc-progress:after{inset:-2px}.mc-list-item .mc-pseudo-checkbox,.mc-list-item .mc-icon,.mc-list-option .mc-pseudo-checkbox,.mc-list-option .mc-icon{margin-right:var(--mc-list-size-icon-right-margin, 8px)}.mc-list-item .mc-option-action,.mc-list-option .mc-option-action{display:none}.mc-list-item:not([disabled]):hover .mc-option-action,.mc-list-item:not([disabled]).mc-focused .mc-option-action,.mc-list-item:not([disabled]).mc-action-button-focused .mc-option-action,.mc-list-option:not([disabled]):hover .mc-option-action,.mc-list-option:not([disabled]).mc-focused .mc-option-action,.mc-list-option:not([disabled]).mc-action-button-focused .mc-option-action{display:flex}.mc-list-option:not([disabled]):not(.mc-disabled){cursor:pointer}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
9
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McList, decorators: [{
7
+ /** @nocollapse */ McList.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McList, deps: [], target: i0.ɵɵFactoryTarget.Component });
8
+ /** @nocollapse */ McList.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: McList, selector: "mc-list", host: { classAttribute: "mc-list" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".mc-no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@keyframes mc-progress{0%{background-position:0 0}to{background-position:29px 0}}.mc-progress{position:relative}.mc-progress:after{content:\"\";position:absolute;border-radius:inherit;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.05) 10px,transparent 10px,transparent 20px,rgba(0,0,0,.05) 20px,rgba(0,0,0,.05) 30px,transparent 30px) repeat;background-size:29px 29px;animation:mc-progress 1s linear infinite}.mc-group{display:flex;flex-direction:row}.mc-group .mc-group_justified>.mc-group-item{width:100%}.mc-group .mc-group-item+.mc-group-item{margin-left:calc(-1 * var(--mc-button-size-border-width, 2px))}.mc-group>.mc-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.mc-group>.mc-group-item:first-child:not(:last-child)>.mc-form-field__container{border-bottom-right-radius:0;border-top-right-radius:0}.mc-group>.mc-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.mc-group>.mc-group-item:last-child:not(:first-child)>.mc-form-field__container{border-bottom-left-radius:0;border-top-left-radius:0}.mc-group>.mc-group-item:not(:first-child):not(:last-child){border-radius:0}.mc-group>.mc-group-item:not(:first-child):not(:last-child)>.mc-form-field__container{border-radius:0}.mc-vertical-group{display:flex;flex-direction:column}.mc-vertical-group>.mc-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--mc-button-size-border-radius, 8px)}.mc-vertical-group>.mc-group-item:first-child:not(:last-child)>.mc-form-field__container{border-bottom-right-radius:0;border-bottom-left-radius:0}.mc-vertical-group>.mc-group-item:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:var(--mc-button-size-border-radius, 8px)}.mc-vertical-group>.mc-group-item:last-child:not(:first-child)>.mc-form-field__container{border-top-right-radius:0;border-top-left-radius:0}.mc-vertical-group>.mc-group-item:not(:first-child):not(:last-child){border-radius:0}.mc-vertical-group>.mc-group-item:not(:first-child):not(:last-child)>.mc-form-field__container{border-radius:0}.mc-vertical-group .mc-group-item+.mc-group-item{margin-top:calc(-1 * var(--mc-button-size-border-width, 2px))}.mc-list,.mc-list-selection{display:block;outline:none}.mc-list-item,.mc-list-option{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;position:relative;display:flex;align-items:center;box-sizing:border-box;height:var(--mc-list-size-item-height, 32px);border:2px solid transparent;padding-left:var(--mc-list-size-horizontal-padding, 12px)}.mc-list-item .mc-list-text,.mc-list-option .mc-list-text{display:flex;flex-direction:column;width:100%;box-sizing:border-box;padding-right:var(--mc-list-size-horizontal-padding, 12px);display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-list-item .mc-list-text>*,.mc-list-option .mc-list-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}.mc-list-item .mc-list-text:empty,.mc-list-option .mc-list-text:empty{display:none}.mc-list-item .mc-divider,.mc-list-option .mc-divider{position:absolute;bottom:0;left:0;width:100%;margin:0}[dir=rtl] .mc-list-item .mc-divider,[dir=rtl] .mc-list-option .mc-divider{margin-left:auto;margin-right:0}.mc-list-item .mc-divider.mc-divider_inset,.mc-list-option .mc-divider.mc-divider_inset{position:absolute}.mc-list-item.mc-progress:after,.mc-list-option.mc-progress:after{inset:-2px}.mc-list-item .mc-pseudo-checkbox,.mc-list-item .mc-icon,.mc-list-option .mc-pseudo-checkbox,.mc-list-option .mc-icon{margin-right:var(--mc-list-size-icon-right-margin, 8px)}.mc-list-item .mc-option-action,.mc-list-option .mc-option-action{display:none}.mc-list-item:not([disabled]):hover .mc-option-action,.mc-list-item:not([disabled]).mc-focused .mc-option-action,.mc-list-item:not([disabled]).mc-action-button-focused .mc-option-action,.mc-list-option:not([disabled]):hover .mc-option-action,.mc-list-option:not([disabled]).mc-focused .mc-option-action,.mc-list-option:not([disabled]).mc-action-button-focused .mc-option-action{display:flex}.mc-list-option:not([disabled]):not(.mc-disabled){cursor:pointer}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
9
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McList, decorators: [{
10
10
  type: Component,
11
- args: [{ selector: 'mc-list', host: { class: 'mc-list' }, template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".mc-no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@keyframes mc-progress{0%{background-position:0 0}to{background-position:29px 0}}.mc-progress{position:relative}.mc-progress:after{content:\"\";position:absolute;border-radius:inherit;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.05) 10px,transparent 10px,transparent 20px,rgba(0,0,0,.05) 20px,rgba(0,0,0,.05) 30px,transparent 30px) repeat;background-size:29px 29px;animation:mc-progress 1s linear infinite}.mc-group{display:flex;flex-direction:row}.mc-group .mc-group_justified>.mc-group-item{width:100%}.mc-group .mc-group-item+.mc-group-item{margin-left:calc(-1 * var(--mc-button-size-border-width, 1px))}.mc-group>.mc-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.mc-group>.mc-group-item:first-child:not(:last-child)>.mc-form-field__container{border-bottom-right-radius:0;border-top-right-radius:0}.mc-group>.mc-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.mc-group>.mc-group-item:last-child:not(:first-child)>.mc-form-field__container{border-bottom-left-radius:0;border-top-left-radius:0}.mc-group>.mc-group-item:not(:first-child):not(:last-child){border-radius:0}.mc-group>.mc-group-item:not(:first-child):not(:last-child)>.mc-form-field__container{border-radius:0}.mc-vertical-group{display:flex;flex-direction:column}.mc-vertical-group>.mc-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--mc-button-size-border-radius, 4px)}.mc-vertical-group>.mc-group-item:first-child:not(:last-child)>.mc-form-field__container{border-bottom-right-radius:0;border-bottom-left-radius:0}.mc-vertical-group>.mc-group-item:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:var(--mc-button-size-border-radius, 4px)}.mc-vertical-group>.mc-group-item:last-child:not(:first-child)>.mc-form-field__container{border-top-right-radius:0;border-top-left-radius:0}.mc-vertical-group>.mc-group-item:not(:first-child):not(:last-child){border-radius:0}.mc-vertical-group>.mc-group-item:not(:first-child):not(:last-child)>.mc-form-field__container{border-radius:0}.mc-vertical-group .mc-group-item+.mc-group-item{margin-top:calc(-1 * var(--mc-button-size-border-width, 1px))}.mc-list,.mc-list-selection{display:block;outline:none}.mc-list-item,.mc-list-option{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;position:relative;display:flex;align-items:center;box-sizing:border-box;height:var(--mc-list-size-item-height, 32px);border:2px solid transparent;padding-left:var(--mc-list-size-horizontal-padding, 12px)}.mc-list-item .mc-list-text,.mc-list-option .mc-list-text{display:flex;flex-direction:column;width:100%;box-sizing:border-box;padding-right:var(--mc-list-size-horizontal-padding, 12px);display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-list-item .mc-list-text>*,.mc-list-option .mc-list-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}.mc-list-item .mc-list-text:empty,.mc-list-option .mc-list-text:empty{display:none}.mc-list-item .mc-divider,.mc-list-option .mc-divider{position:absolute;bottom:0;left:0;width:100%;margin:0}[dir=rtl] .mc-list-item .mc-divider,[dir=rtl] .mc-list-option .mc-divider{margin-left:auto;margin-right:0}.mc-list-item .mc-divider.mc-divider_inset,.mc-list-option .mc-divider.mc-divider_inset{position:absolute}.mc-list-item.mc-progress:after,.mc-list-option.mc-progress:after{inset:-2px}.mc-list-item .mc-pseudo-checkbox,.mc-list-item .mc-icon,.mc-list-option .mc-pseudo-checkbox,.mc-list-option .mc-icon{margin-right:var(--mc-list-size-icon-right-margin, 8px)}.mc-list-item .mc-option-action,.mc-list-option .mc-option-action{display:none}.mc-list-item:not([disabled]):hover .mc-option-action,.mc-list-item:not([disabled]).mc-focused .mc-option-action,.mc-list-item:not([disabled]).mc-action-button-focused .mc-option-action,.mc-list-option:not([disabled]):hover .mc-option-action,.mc-list-option:not([disabled]).mc-focused .mc-option-action,.mc-list-option:not([disabled]).mc-action-button-focused .mc-option-action{display:flex}.mc-list-option:not([disabled]):not(.mc-disabled){cursor:pointer}\n"] }]
11
+ args: [{ selector: 'mc-list', host: { class: 'mc-list' }, template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".mc-no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@keyframes mc-progress{0%{background-position:0 0}to{background-position:29px 0}}.mc-progress{position:relative}.mc-progress:after{content:\"\";position:absolute;border-radius:inherit;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.05) 10px,transparent 10px,transparent 20px,rgba(0,0,0,.05) 20px,rgba(0,0,0,.05) 30px,transparent 30px) repeat;background-size:29px 29px;animation:mc-progress 1s linear infinite}.mc-group{display:flex;flex-direction:row}.mc-group .mc-group_justified>.mc-group-item{width:100%}.mc-group .mc-group-item+.mc-group-item{margin-left:calc(-1 * var(--mc-button-size-border-width, 2px))}.mc-group>.mc-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.mc-group>.mc-group-item:first-child:not(:last-child)>.mc-form-field__container{border-bottom-right-radius:0;border-top-right-radius:0}.mc-group>.mc-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.mc-group>.mc-group-item:last-child:not(:first-child)>.mc-form-field__container{border-bottom-left-radius:0;border-top-left-radius:0}.mc-group>.mc-group-item:not(:first-child):not(:last-child){border-radius:0}.mc-group>.mc-group-item:not(:first-child):not(:last-child)>.mc-form-field__container{border-radius:0}.mc-vertical-group{display:flex;flex-direction:column}.mc-vertical-group>.mc-group-item:first-child:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--mc-button-size-border-radius, 8px)}.mc-vertical-group>.mc-group-item:first-child:not(:last-child)>.mc-form-field__container{border-bottom-right-radius:0;border-bottom-left-radius:0}.mc-vertical-group>.mc-group-item:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-left-radius:var(--mc-button-size-border-radius, 8px)}.mc-vertical-group>.mc-group-item:last-child:not(:first-child)>.mc-form-field__container{border-top-right-radius:0;border-top-left-radius:0}.mc-vertical-group>.mc-group-item:not(:first-child):not(:last-child){border-radius:0}.mc-vertical-group>.mc-group-item:not(:first-child):not(:last-child)>.mc-form-field__container{border-radius:0}.mc-vertical-group .mc-group-item+.mc-group-item{margin-top:calc(-1 * var(--mc-button-size-border-width, 2px))}.mc-list,.mc-list-selection{display:block;outline:none}.mc-list-item,.mc-list-option{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;position:relative;display:flex;align-items:center;box-sizing:border-box;height:var(--mc-list-size-item-height, 32px);border:2px solid transparent;padding-left:var(--mc-list-size-horizontal-padding, 12px)}.mc-list-item .mc-list-text,.mc-list-option .mc-list-text{display:flex;flex-direction:column;width:100%;box-sizing:border-box;padding-right:var(--mc-list-size-horizontal-padding, 12px);display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-list-item .mc-list-text>*,.mc-list-option .mc-list-text>*{margin:0;padding:0;font-weight:400;font-size:inherit}.mc-list-item .mc-list-text:empty,.mc-list-option .mc-list-text:empty{display:none}.mc-list-item .mc-divider,.mc-list-option .mc-divider{position:absolute;bottom:0;left:0;width:100%;margin:0}[dir=rtl] .mc-list-item .mc-divider,[dir=rtl] .mc-list-option .mc-divider{margin-left:auto;margin-right:0}.mc-list-item .mc-divider.mc-divider_inset,.mc-list-option .mc-divider.mc-divider_inset{position:absolute}.mc-list-item.mc-progress:after,.mc-list-option.mc-progress:after{inset:-2px}.mc-list-item .mc-pseudo-checkbox,.mc-list-item .mc-icon,.mc-list-option .mc-pseudo-checkbox,.mc-list-option .mc-icon{margin-right:var(--mc-list-size-icon-right-margin, 8px)}.mc-list-item .mc-option-action,.mc-list-option .mc-option-action{display:none}.mc-list-item:not([disabled]):hover .mc-option-action,.mc-list-item:not([disabled]).mc-focused .mc-option-action,.mc-list-item:not([disabled]).mc-action-button-focused .mc-option-action,.mc-list-option:not([disabled]):hover .mc-option-action,.mc-list-option:not([disabled]).mc-focused .mc-option-action,.mc-list-option:not([disabled]).mc-action-button-focused .mc-option-action{display:flex}.mc-list-option:not([disabled]):not(.mc-disabled){cursor:pointer}\n"] }]
12
12
  }] });
13
13
  export class McListItem {
14
14
  constructor(elementRef) {
@@ -28,9 +28,9 @@ export class McListItem {
28
28
  return this.elementRef.nativeElement;
29
29
  }
30
30
  }
31
- /** @nocollapse */ McListItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McListItem, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
32
- /** @nocollapse */ McListItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: McListItem, selector: "mc-list-item, a[mc-list-item]", host: { listeners: { "focus": "handleFocus()", "blur": "handleBlur()" }, classAttribute: "mc-list-item" }, queries: [{ propertyName: "lines", predicate: McLine }], ngImport: i0, template: "<ng-content select=\"[mc-list-icon], [mcListIcon]\"></ng-content>\n\n<div class=\"mc-list-text\">\n <ng-content select=\"[mc-line], [mcLine]\"></ng-content>\n</div>\n\n<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
33
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McListItem, decorators: [{
31
+ /** @nocollapse */ McListItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McListItem, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
32
+ /** @nocollapse */ McListItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: McListItem, selector: "mc-list-item, a[mc-list-item]", host: { listeners: { "focus": "handleFocus()", "blur": "handleBlur()" }, classAttribute: "mc-list-item" }, queries: [{ propertyName: "lines", predicate: McLine }], ngImport: i0, template: "<ng-content select=\"[mc-list-icon], [mcListIcon]\"></ng-content>\n\n<div class=\"mc-list-text\">\n <ng-content select=\"[mc-line], [mcLine]\"></ng-content>\n</div>\n\n<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
33
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McListItem, decorators: [{
34
34
  type: Component,
35
35
  args: [{ selector: 'mc-list-item, a[mc-list-item]', host: {
36
36
  class: 'mc-list-item',
package/esm2020/list/list.module.mjs CHANGED
@@ -7,8 +7,8 @@ import { McList, McListItem } from './list.component';
7
7
  import * as i0 from "@angular/core";
8
8
  export class McListModule {
9
9
  }
10
- /** @nocollapse */ McListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
11
- /** @nocollapse */ McListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.2", ngImport: i0, type: McListModule, declarations: [McList,
10
+ /** @nocollapse */ McListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
11
+ /** @nocollapse */ McListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: McListModule, declarations: [McList,
12
12
  McListSelection,
13
13
  McListItem,
14
14
  McListOption], imports: [CommonModule,
@@ -20,12 +20,12 @@ export class McListModule {
20
20
  McListItem,
21
21
  McListOption,
22
22
  McOptionModule] });
23
- /** @nocollapse */ McListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McListModule, imports: [CommonModule,
23
+ /** @nocollapse */ McListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McListModule, imports: [CommonModule,
24
24
  A11yModule,
25
25
  McPseudoCheckboxModule,
26
26
  McLineModule,
27
27
  McOptionModule, McOptionModule] });
28
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McListModule, decorators: [{
28
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McListModule, decorators: [{
29
29
  type: NgModule,
30
30
  args: [{
31
31
  imports: [
package/esm2020/loader-overlay/loader-overlay.component.mjs CHANGED
@@ -6,9 +6,9 @@ import * as i2 from "@ptsecurity/mosaic/progress-spinner";
6
6
  const mcLoaderOverlayParent = 'mc-loader-overlay_parent';
7
7
  export class McLoaderOverlayIndicator {
8
8
  }
9
- /** @nocollapse */ McLoaderOverlayIndicator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McLoaderOverlayIndicator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
10
- /** @nocollapse */ McLoaderOverlayIndicator.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: McLoaderOverlayIndicator, selector: "[mc-loader-overlay-indicator]", host: { classAttribute: "mc-loader-overlay-indicator" }, ngImport: i0 });
11
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McLoaderOverlayIndicator, decorators: [{
9
+ /** @nocollapse */ McLoaderOverlayIndicator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McLoaderOverlayIndicator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
10
+ /** @nocollapse */ McLoaderOverlayIndicator.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McLoaderOverlayIndicator, selector: "[mc-loader-overlay-indicator]", host: { classAttribute: "mc-loader-overlay-indicator" }, ngImport: i0 });
11
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McLoaderOverlayIndicator, decorators: [{
12
12
  type: Directive,
13
13
  args: [{
14
14
  selector: '[mc-loader-overlay-indicator]',
@@ -19,9 +19,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
19
19
  }] });
20
20
  export class McLoaderOverlayText {
21
21
  }
22
- /** @nocollapse */ McLoaderOverlayText.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McLoaderOverlayText, deps: [], target: i0.ɵɵFactoryTarget.Directive });
23
- /** @nocollapse */ McLoaderOverlayText.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: McLoaderOverlayText, selector: "[mc-loader-overlay-text]", host: { classAttribute: "mc-loader-overlay-text" }, ngImport: i0 });
24
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McLoaderOverlayText, decorators: [{
22
+ /** @nocollapse */ McLoaderOverlayText.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McLoaderOverlayText, deps: [], target: i0.ɵɵFactoryTarget.Directive });
23
+ /** @nocollapse */ McLoaderOverlayText.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McLoaderOverlayText, selector: "[mc-loader-overlay-text]", host: { classAttribute: "mc-loader-overlay-text" }, ngImport: i0 });
24
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McLoaderOverlayText, decorators: [{
25
25
  type: Directive,
26
26
  args: [{
27
27
  selector: '[mc-loader-overlay-text]',
@@ -32,9 +32,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
32
32
  }] });
33
33
  export class McLoaderOverlayCaption {
34
34
  }
35
- /** @nocollapse */ McLoaderOverlayCaption.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McLoaderOverlayCaption, deps: [], target: i0.ɵɵFactoryTarget.Directive });
36
- /** @nocollapse */ McLoaderOverlayCaption.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: McLoaderOverlayCaption, selector: "[mc-loader-overlay-caption]", host: { classAttribute: "mc-loader-overlay-caption" }, ngImport: i0 });
37
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McLoaderOverlayCaption, decorators: [{
35
+ /** @nocollapse */ McLoaderOverlayCaption.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McLoaderOverlayCaption, deps: [], target: i0.ɵɵFactoryTarget.Directive });
36
+ /** @nocollapse */ McLoaderOverlayCaption.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McLoaderOverlayCaption, selector: "[mc-loader-overlay-caption]", host: { classAttribute: "mc-loader-overlay-caption" }, ngImport: i0 });
37
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McLoaderOverlayCaption, decorators: [{
38
38
  type: Directive,
39
39
  args: [{
40
40
  selector: '[mc-loader-overlay-caption]',
@@ -71,9 +71,9 @@ export class McLoaderOverlay {
71
71
  this.renderer.removeClass(this.elementRef.nativeElement.parentElement, mcLoaderOverlayParent);
72
72
  }
73
73
  }
74
- /** @nocollapse */ McLoaderOverlay.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McLoaderOverlay, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: 'fixed-top', attribute: true, optional: true }], target: i0.ɵɵFactoryTarget.Component });
75
- /** @nocollapse */ McLoaderOverlay.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: McLoaderOverlay, selector: "mc-loader-overlay", inputs: { text: "text", caption: "caption" }, host: { properties: { "class.mc-loader-overlay_empty": "isEmpty", "class.mc-loader-overlay_center": "!isFixedTop", "class.mc-loader-overlay_fixed-top": "isFixedTop" }, classAttribute: "mc-loader-overlay" }, queries: [{ propertyName: "externalIndicator", first: true, predicate: McLoaderOverlayIndicator, descendants: true }, { propertyName: "externalText", first: true, predicate: McLoaderOverlayText, descendants: true }, { propertyName: "externalCaption", first: true, predicate: McLoaderOverlayCaption, descendants: true }], ngImport: i0, template: "<div class=\"mc-loader-overlay__container\">\n <ng-container [ngSwitch]=\"isExternalIndicator\">\n <ng-content *ngSwitchCase=\"true\" select=\"[mc-loader-overlay-indicator]\"></ng-content>\n <mc-progress-spinner *ngSwitchDefault [mode]=\"'indeterminate'\"></mc-progress-spinner>\n </ng-container>\n\n <ng-container [ngSwitch]=\"isExternalText\">\n <ng-content *ngSwitchCase=\"true\" select=\"[mc-loader-overlay-text]\"></ng-content>\n <ng-container *ngSwitchDefault>\n <div class=\"mc-loader-overlay-text\" *ngIf=\"text\">{{ text }}</div>\n </ng-container>\n </ng-container>\n\n <ng-container [ngSwitch]=\"isExternalCaption\">\n <ng-content *ngSwitchCase=\"true\" select=\"[mc-loader-overlay-caption]\"></ng-content>\n <ng-container *ngSwitchDefault>\n <div class=\"mc-loader-overlay-caption\" *ngIf=\"caption\">{{ caption }}</div>\n </ng-container>\n </ng-container>\n</div>\n", styles: [".mc-loader-overlay_parent{position:relative}.mc-loader-overlay{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;inset:0}.mc-loader-overlay .mc-loader-overlay__container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%;max-width:80%}.mc-loader-overlay.mc-loader-overlay_fixed-top{justify-content:unset}.mc-loader-overlay.mc-loader-overlay_fixed-top .mc-loader-overlay__container{margin-top:72px}.mc-loader-overlay.mc-loader-overlay_center:not(.mc-loader-overlay_empty) .mc-loader-overlay__container{transform:translateY(-40%)}.mc-loader-overlay-text{margin-top:8px;max-width:480px;text-align:center}.mc-loader-overlay-caption{margin-top:2px;max-width:480px;text-align:center}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "component", type: i2.McProgressSpinner, selector: "mc-progress-spinner", inputs: ["color", "id", "value", "mode", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
76
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McLoaderOverlay, decorators: [{
74
+ /** @nocollapse */ McLoaderOverlay.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McLoaderOverlay, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: 'fixed-top', attribute: true, optional: true }], target: i0.ɵɵFactoryTarget.Component });
75
+ /** @nocollapse */ McLoaderOverlay.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: McLoaderOverlay, selector: "mc-loader-overlay", inputs: { text: "text", caption: "caption" }, host: { properties: { "class.mc-loader-overlay_empty": "isEmpty", "class.mc-loader-overlay_center": "!isFixedTop", "class.mc-loader-overlay_fixed-top": "isFixedTop" }, classAttribute: "mc-loader-overlay" }, queries: [{ propertyName: "externalIndicator", first: true, predicate: McLoaderOverlayIndicator, descendants: true }, { propertyName: "externalText", first: true, predicate: McLoaderOverlayText, descendants: true }, { propertyName: "externalCaption", first: true, predicate: McLoaderOverlayCaption, descendants: true }], ngImport: i0, template: "<div class=\"mc-loader-overlay__container\">\n <ng-container [ngSwitch]=\"isExternalIndicator\">\n <ng-content *ngSwitchCase=\"true\" select=\"[mc-loader-overlay-indicator]\"></ng-content>\n <mc-progress-spinner *ngSwitchDefault [mode]=\"'indeterminate'\"></mc-progress-spinner>\n </ng-container>\n\n <ng-container [ngSwitch]=\"isExternalText\">\n <ng-content *ngSwitchCase=\"true\" select=\"[mc-loader-overlay-text]\"></ng-content>\n <ng-container *ngSwitchDefault>\n <div class=\"mc-loader-overlay-text\" *ngIf=\"text\">{{ text }}</div>\n </ng-container>\n </ng-container>\n\n <ng-container [ngSwitch]=\"isExternalCaption\">\n <ng-content *ngSwitchCase=\"true\" select=\"[mc-loader-overlay-caption]\"></ng-content>\n <ng-container *ngSwitchDefault>\n <div class=\"mc-loader-overlay-caption\" *ngIf=\"caption\">{{ caption }}</div>\n </ng-container>\n </ng-container>\n</div>\n", styles: [".mc-loader-overlay_parent{position:relative}.mc-loader-overlay{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;inset:0}.mc-loader-overlay .mc-loader-overlay__container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%;max-width:80%}.mc-loader-overlay.mc-loader-overlay_fixed-top{justify-content:unset}.mc-loader-overlay.mc-loader-overlay_fixed-top .mc-loader-overlay__container{margin-top:72px}.mc-loader-overlay.mc-loader-overlay_center:not(.mc-loader-overlay_empty) .mc-loader-overlay__container{transform:translateY(-40%)}.mc-loader-overlay-text{margin-top:8px;max-width:480px;text-align:center}.mc-loader-overlay-caption{margin-top:2px;max-width:480px;text-align:center}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "component", type: i2.McProgressSpinner, selector: "mc-progress-spinner", inputs: ["color", "id", "value", "mode", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
76
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McLoaderOverlay, decorators: [{
77
77
  type: Component,
78
78
  args: [{ selector: 'mc-loader-overlay', host: {
79
79
  class: 'mc-loader-overlay',
package/esm2020/loader-overlay/loader-overlay.module.mjs CHANGED
@@ -7,8 +7,8 @@ import { McLoaderOverlay, McLoaderOverlayCaption, McLoaderOverlayIndicator, McLo
7
7
  import * as i0 from "@angular/core";
8
8
  export class McLoaderOverlayModule {
9
9
  }
10
- /** @nocollapse */ McLoaderOverlayModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McLoaderOverlayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
11
- /** @nocollapse */ McLoaderOverlayModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.2", ngImport: i0, type: McLoaderOverlayModule, declarations: [McLoaderOverlay,
10
+ /** @nocollapse */ McLoaderOverlayModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McLoaderOverlayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
11
+ /** @nocollapse */ McLoaderOverlayModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: McLoaderOverlayModule, declarations: [McLoaderOverlay,
12
12
  McLoaderOverlayIndicator,
13
13
  McLoaderOverlayText,
14
14
  McLoaderOverlayCaption], imports: [CommonModule,
@@ -18,11 +18,11 @@ export class McLoaderOverlayModule {
18
18
  McLoaderOverlayIndicator,
19
19
  McLoaderOverlayText,
20
20
  McLoaderOverlayCaption] });
21
- /** @nocollapse */ McLoaderOverlayModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McLoaderOverlayModule, imports: [CommonModule,
21
+ /** @nocollapse */ McLoaderOverlayModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McLoaderOverlayModule, imports: [CommonModule,
22
22
  A11yModule,
23
23
  PlatformModule,
24
24
  McProgressSpinnerModule] });
25
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McLoaderOverlayModule, decorators: [{
25
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McLoaderOverlayModule, decorators: [{
26
26
  type: NgModule,
27
27
  args: [{
28
28
  imports: [
package/esm2020/markdown/markdown.component.mjs CHANGED
@@ -31,19 +31,19 @@ export class McMarkdown {
31
31
  return this.sanitizer.bypassSecurityTrustHtml(this.markdownService.parseToHtml(value));
32
32
  }
33
33
  }
34
- /** @nocollapse */ McMarkdown.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McMarkdown, deps: [{ token: i1.McMarkdownService }, { token: i2.DomSanitizer }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
35
- /** @nocollapse */ McMarkdown.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: McMarkdown, selector: "mc-markdown", inputs: { markdownText: "markdownText" }, host: { classAttribute: "mc-markdown" }, viewQueries: [{ propertyName: "contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true }], ngImport: i0, template: `
34
+ /** @nocollapse */ McMarkdown.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McMarkdown, deps: [{ token: i1.McMarkdownService }, { token: i2.DomSanitizer }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
35
+ /** @nocollapse */ McMarkdown.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: McMarkdown, selector: "mc-markdown", inputs: { markdownText: "markdownText" }, host: { classAttribute: "mc-markdown" }, viewQueries: [{ propertyName: "contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true }], ngImport: i0, template: `
36
36
  <pre class="markdown-input" #contentWrapper ngPreserveWhitespaces><ng-content></ng-content></pre>
37
37
  <div class="markdown-output" [innerHtml]="resultHtml"></div>
38
- `, isInline: true, styles: ["@charset \"UTF-8\";.mc-markdown{display:block}.mc-markdown .markdown-input{display:none}.mc-markdown .markdown-output{flex:1}.mc-markdown .mc-markdown__h1{max-width:var(--mc-markdown-h1-size-max-width, 650px);margin-top:var(--mc-markdown-h1-size-margin-top, 0);margin-bottom:var(--mc-markdown-h1-size-margin-bottom, 16px)}.mc-markdown .mc-markdown__h2{max-width:var(--mc-markdown-h2-size-max-width, 650px);margin-top:var(--mc-markdown-h2-size-margin-top, 24px);margin-bottom:var(--mc-markdown-h2-size-margin-bottom, 12px)}.mc-markdown .mc-markdown__h3{max-width:var(--mc-markdown-h3-size-max-width, 650px);margin-top:var(--mc-markdown-h3-size-margin-top, 24px);margin-bottom:var(--mc-markdown-h3-size-margin-bottom, 12px)}.mc-markdown .mc-markdown__h4{max-width:var(--mc-markdown-h4-size-max-width, 650px);margin-top:var(--mc-markdown-h4-size-margin-top, 24px);margin-bottom:var(--mc-markdown-h4-size-margin-bottom, 12px)}.mc-markdown .mc-markdown__h5{max-width:var(--mc-markdown-h5-size-max-width, 650px);margin-top:var(--mc-markdown-h5-size-margin-top, 24px);margin-bottom:var(--mc-markdown-h5-size-margin-bottom, 8px)}.mc-markdown .mc-markdown__h6{max-width:var(--mc-markdown-h6-size-max-width, 650px);margin-top:var(--mc-markdown-h6-size-margin-top, 24px);margin-bottom:var(--mc-markdown-h6-size-margin-bottom, 8px)}.mc-markdown .mc-markdown__a{display:inline-block;text-decoration:none;cursor:pointer;border-bottom-style:solid;border-bottom-width:1px;transition:color ease-out .3s}.mc-markdown .mc-markdown__p{max-width:var(--mc-markdown-p-size-max-width, 650px);margin-top:var(--mc-markdown-p-size-margin-top, 12px);margin-bottom:var(--mc-markdown-p-size-margin-bottom, 12px)}.mc-markdown .mc-markdown__ul,.mc-markdown .mc-markdown__ol{max-width:var(--mc-markdown-list-size-max-width, 650px);margin-top:var(--mc-markdown-list-size-margin-top, 12px);margin-bottom:var(--mc-markdown-list-size-margin-bottom, 12px)}.mc-markdown .mc-markdown__ul>li,.mc-markdown .mc-markdown__ol>li{margin-bottom:var(--mc-markdown-list-size-item-margin-bottom, 4px)}.mc-markdown .mc-markdown__ul{position:relative;list-style:none;padding:var(--mc-markdown-list-size-ul-padding, 0 0 0 24px)}.mc-markdown .mc-markdown__ul>li:before{content:\"\\2014\";display:block;position:absolute;width:24px;text-align:left;left:0}.mc-markdown .mc-markdown__ol{list-style:none;padding:0;counter-reset:li}.mc-markdown .mc-markdown__ol>li:before{content:counter(li) \".\";counter-increment:li;padding-right:var(--mc-markdown-list-size-ol-number-padding-right, 4px)}.mc-markdown .mc-markdown__ol>li>*{display:inline-block}.mc-markdown .mc-markdown__p+.mc-markdown__ul,.mc-markdown .mc-markdown__p+.mc-markdown__ol{margin-top:var(--mc-markdown-list-size-margin-top-after-paragraph, -8px)}.mc-markdown .mc-markdown__blockquote{max-width:var(--mc-markdown-blockquote-size-max-width, 650px);margin-top:var(--mc-markdown-blockquote-size-margin-top, 12px);margin-bottom:var(--mc-markdown-blockquote-size-margin-bottom, 12px);border-left-width:var(--mc-markdown-blockquote-size-line-width, 4px);border-left-style:solid;padding:var(--mc-markdown-blockquote-size-padding, 2px 12px);margin-left:0;margin-right:0}.mc-markdown .mc-markdown__blockquote>.mc-markdown__p{margin-top:0;margin-bottom:0}.mc-markdown .mc-markdown__pre{position:relative;overflow-x:auto;margin-top:var(--mc-markdown-code-size-multiline-margin-top, 12px);margin-bottom:var(--mc-markdown-code-size-multiline-margin-bottom, 24px);padding:var(--mc-markdown-code-size-multiline-padding, 12px 16px)}.mc-markdown .mc-markdown__pre,.mc-markdown .mc-markdown__p>.mc-markdown__code{border-radius:var(--mc-markdown-code-size-border-radius, 4px);border-width:var(--mc-markdown-code-size-border-width, 1px);border-style:solid}.mc-markdown .mc-markdown__p>.mc-markdown__code{max-width:var(--mc-markdown-code-size-max-width, 650px);padding:var(--mc-markdown-code-size-inline-padding, 0 4px)}.mc-markdown .mc-markdown__img{max-width:var(--mc-markdown-image-size-max-width, 650px);margin-top:var(--mc-markdown-image-size-margin-top, 12px);margin-bottom:var(--mc-markdown-image-size-margin-bottom, 12px)}.mc-markdown .mc-markdown__img+em{display:block;margin-top:var(--mc-markdown-image-size-caption-margin-top, -8px);margin-bottom:var(--mc-markdown-image-size-caption-margin-bottom, 24px)}.mc-markdown .mc-markdown__hr{border-top:none;border-left:none;border-right:none;border-bottom-style:solid;border-bottom-width:var(--mc-markdown-hr-size-width, 1px);margin:var(--mc-markdown-hr-size-margin-vertical, 24px) 0}.mc-markdown .mc-markdown__table{max-width:100%;overflow-x:auto;display:table;border-collapse:collapse;margin-bottom:var(--mc-markdown-table-size-margin-bottom, 12px)}.mc-markdown .mc-markdown__table td{vertical-align:top}.mc-markdown .mc-markdown__table th,.mc-markdown .mc-markdown__table td{padding:var(--mc-markdown-table-size-padding, 8px);font-weight:400}.mc-markdown .mc-markdown__table>.mc-markdown__thead{border-bottom-style:solid;border-bottom-width:var(--mc-markdown-table-size-border-width, 1px);text-align:left}.mc-markdown .mc-markdown__table>.mc-markdown__thead th:first-child{padding-left:0}.mc-markdown .mc-markdown__table>.mc-markdown__thead th:last-child{padding-right:0}.mc-markdown .mc-markdown__table>.mc-markdown__tbody td:first-child{padding-left:0}.mc-markdown .mc-markdown__table>.mc-markdown__tbody td:last-child{padding-right:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
39
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McMarkdown, decorators: [{
38
+ `, isInline: true, styles: ["@charset \"UTF-8\";.mc-markdown{display:block}.mc-markdown .markdown-input{display:none}.mc-markdown .markdown-output{flex:1}.mc-markdown .mc-markdown__h1{max-width:var(--mc-markdown-h1-size-max-width, 650px);margin-top:var(--mc-markdown-h1-size-margin-top, 0);margin-bottom:var(--mc-markdown-h1-size-margin-bottom, 16px)}.mc-markdown .mc-markdown__h2{max-width:var(--mc-markdown-h2-size-max-width, 650px);margin-top:var(--mc-markdown-h2-size-margin-top, 24px);margin-bottom:var(--mc-markdown-h2-size-margin-bottom, 12px)}.mc-markdown .mc-markdown__h3{max-width:var(--mc-markdown-h3-size-max-width, 650px);margin-top:var(--mc-markdown-h3-size-margin-top, 24px);margin-bottom:var(--mc-markdown-h3-size-margin-bottom, 12px)}.mc-markdown .mc-markdown__h4{max-width:var(--mc-markdown-h4-size-max-width, 650px);margin-top:var(--mc-markdown-h4-size-margin-top, 24px);margin-bottom:var(--mc-markdown-h4-size-margin-bottom, 12px)}.mc-markdown .mc-markdown__h5{max-width:var(--mc-markdown-h5-size-max-width, 650px);margin-top:var(--mc-markdown-h5-size-margin-top, 24px);margin-bottom:var(--mc-markdown-h5-size-margin-bottom, 8px)}.mc-markdown .mc-markdown__h6{max-width:var(--mc-markdown-h6-size-max-width, 650px);margin-top:var(--mc-markdown-h6-size-margin-top, 24px);margin-bottom:var(--mc-markdown-h6-size-margin-bottom, 8px)}.mc-markdown .mc-markdown__a{display:inline-block;text-decoration:none;cursor:pointer;border-bottom-style:solid;border-bottom-width:1px;transition:color ease-out .3s}.mc-markdown .mc-markdown__p{max-width:var(--mc-markdown-p-size-max-width, 650px);margin-top:var(--mc-markdown-p-size-margin-top, 12px);margin-bottom:var(--mc-markdown-p-size-margin-bottom, 12px)}.mc-markdown .mc-markdown__ul,.mc-markdown .mc-markdown__ol{max-width:var(--mc-markdown-list-size-max-width, 650px);margin-top:var(--mc-markdown-list-size-margin-top, 12px);margin-bottom:var(--mc-markdown-list-size-margin-bottom, 12px)}.mc-markdown .mc-markdown__ul>li,.mc-markdown .mc-markdown__ol>li{margin-bottom:var(--mc-markdown-list-size-item-margin-bottom, 4px)}.mc-markdown .mc-markdown__ul{position:relative;list-style:none;padding:var(--mc-markdown-list-size-ul-padding, 0 0 0 24px)}.mc-markdown .mc-markdown__ul>li:before{content:\"\\2014\";display:block;position:absolute;width:24px;text-align:left;left:0}.mc-markdown .mc-markdown__ol{list-style:none;padding:0;counter-reset:li}.mc-markdown .mc-markdown__ol>li:before{content:counter(li) \".\";counter-increment:li;padding-right:var(--mc-markdown-list-size-ol-number-padding-right, 4px)}.mc-markdown .mc-markdown__ol>li>*{display:inline-block}.mc-markdown .mc-markdown__p+.mc-markdown__ul,.mc-markdown .mc-markdown__p+.mc-markdown__ol{margin-top:var(--mc-markdown-list-size-margin-top-after-paragraph, -8px)}.mc-markdown .mc-markdown__blockquote{max-width:var(--mc-markdown-blockquote-size-max-width, 650px);margin-top:var(--mc-markdown-blockquote-size-margin-top, 12px);margin-bottom:var(--mc-markdown-blockquote-size-margin-bottom, 12px);border-left-width:var(--mc-markdown-blockquote-size-line-width, 4px);border-left-style:solid;padding:var(--mc-markdown-blockquote-size-padding, 2px 12px);margin-left:0;margin-right:0}.mc-markdown .mc-markdown__blockquote>.mc-markdown__p{margin-top:0;margin-bottom:0}.mc-markdown .mc-markdown__pre{position:relative;overflow-x:auto;margin-top:var(--mc-markdown-code-size-multiline-margin-top, 12px);margin-bottom:var(--mc-markdown-code-size-multiline-margin-bottom, 24px);padding:var(--mc-markdown-code-size-multiline-padding, 12px 16px)}.mc-markdown .mc-markdown__pre,.mc-markdown .mc-markdown__p>.mc-markdown__code{border-radius:var(--mc-markdown-code-size-border-radius, 8px);border-width:var(--mc-markdown-code-size-border-width, 1px);border-style:solid}.mc-markdown .mc-markdown__p>.mc-markdown__code{max-width:var(--mc-markdown-code-size-max-width, 650px);padding:var(--mc-markdown-code-size-inline-padding, 0 4px)}.mc-markdown .mc-markdown__img{max-width:var(--mc-markdown-image-size-max-width, 650px);margin-top:var(--mc-markdown-image-size-margin-top, 12px);margin-bottom:var(--mc-markdown-image-size-margin-bottom, 12px)}.mc-markdown .mc-markdown__img+em{display:block;margin-top:var(--mc-markdown-image-size-caption-margin-top, -8px);margin-bottom:var(--mc-markdown-image-size-caption-margin-bottom, 24px)}.mc-markdown .mc-markdown__hr{border-top:none;border-left:none;border-right:none;border-bottom-style:solid;border-bottom-width:var(--mc-markdown-hr-size-width, 1px);margin:var(--mc-markdown-hr-size-margin-vertical, 24px) 0}.mc-markdown .mc-markdown__table{max-width:100%;overflow-x:auto;display:table;border-collapse:collapse;margin-bottom:var(--mc-markdown-table-size-margin-bottom, 12px)}.mc-markdown .mc-markdown__table td{vertical-align:top}.mc-markdown .mc-markdown__table th,.mc-markdown .mc-markdown__table td{padding:var(--mc-markdown-table-size-padding, 8px);font-weight:400}.mc-markdown .mc-markdown__table>.mc-markdown__thead{border-bottom-style:solid;border-bottom-width:var(--mc-markdown-table-size-border-width, 1px);text-align:left}.mc-markdown .mc-markdown__table>.mc-markdown__thead th:first-child{padding-left:0}.mc-markdown .mc-markdown__table>.mc-markdown__thead th:last-child{padding-right:0}.mc-markdown .mc-markdown__table>.mc-markdown__tbody td:first-child{padding-left:0}.mc-markdown .mc-markdown__table>.mc-markdown__tbody td:last-child{padding-right:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
39
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McMarkdown, decorators: [{
40
40
  type: Component,
41
41
  args: [{ selector: 'mc-markdown', template: `
42
42
  <pre class="markdown-input" #contentWrapper ngPreserveWhitespaces><ng-content></ng-content></pre>
43
43
  <div class="markdown-output" [innerHtml]="resultHtml"></div>
44
44
  `, host: {
45
45
  class: 'mc-markdown'
46
- }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: ["@charset \"UTF-8\";.mc-markdown{display:block}.mc-markdown .markdown-input{display:none}.mc-markdown .markdown-output{flex:1}.mc-markdown .mc-markdown__h1{max-width:var(--mc-markdown-h1-size-max-width, 650px);margin-top:var(--mc-markdown-h1-size-margin-top, 0);margin-bottom:var(--mc-markdown-h1-size-margin-bottom, 16px)}.mc-markdown .mc-markdown__h2{max-width:var(--mc-markdown-h2-size-max-width, 650px);margin-top:var(--mc-markdown-h2-size-margin-top, 24px);margin-bottom:var(--mc-markdown-h2-size-margin-bottom, 12px)}.mc-markdown .mc-markdown__h3{max-width:var(--mc-markdown-h3-size-max-width, 650px);margin-top:var(--mc-markdown-h3-size-margin-top, 24px);margin-bottom:var(--mc-markdown-h3-size-margin-bottom, 12px)}.mc-markdown .mc-markdown__h4{max-width:var(--mc-markdown-h4-size-max-width, 650px);margin-top:var(--mc-markdown-h4-size-margin-top, 24px);margin-bottom:var(--mc-markdown-h4-size-margin-bottom, 12px)}.mc-markdown .mc-markdown__h5{max-width:var(--mc-markdown-h5-size-max-width, 650px);margin-top:var(--mc-markdown-h5-size-margin-top, 24px);margin-bottom:var(--mc-markdown-h5-size-margin-bottom, 8px)}.mc-markdown .mc-markdown__h6{max-width:var(--mc-markdown-h6-size-max-width, 650px);margin-top:var(--mc-markdown-h6-size-margin-top, 24px);margin-bottom:var(--mc-markdown-h6-size-margin-bottom, 8px)}.mc-markdown .mc-markdown__a{display:inline-block;text-decoration:none;cursor:pointer;border-bottom-style:solid;border-bottom-width:1px;transition:color ease-out .3s}.mc-markdown .mc-markdown__p{max-width:var(--mc-markdown-p-size-max-width, 650px);margin-top:var(--mc-markdown-p-size-margin-top, 12px);margin-bottom:var(--mc-markdown-p-size-margin-bottom, 12px)}.mc-markdown .mc-markdown__ul,.mc-markdown .mc-markdown__ol{max-width:var(--mc-markdown-list-size-max-width, 650px);margin-top:var(--mc-markdown-list-size-margin-top, 12px);margin-bottom:var(--mc-markdown-list-size-margin-bottom, 12px)}.mc-markdown .mc-markdown__ul>li,.mc-markdown .mc-markdown__ol>li{margin-bottom:var(--mc-markdown-list-size-item-margin-bottom, 4px)}.mc-markdown .mc-markdown__ul{position:relative;list-style:none;padding:var(--mc-markdown-list-size-ul-padding, 0 0 0 24px)}.mc-markdown .mc-markdown__ul>li:before{content:\"\\2014\";display:block;position:absolute;width:24px;text-align:left;left:0}.mc-markdown .mc-markdown__ol{list-style:none;padding:0;counter-reset:li}.mc-markdown .mc-markdown__ol>li:before{content:counter(li) \".\";counter-increment:li;padding-right:var(--mc-markdown-list-size-ol-number-padding-right, 4px)}.mc-markdown .mc-markdown__ol>li>*{display:inline-block}.mc-markdown .mc-markdown__p+.mc-markdown__ul,.mc-markdown .mc-markdown__p+.mc-markdown__ol{margin-top:var(--mc-markdown-list-size-margin-top-after-paragraph, -8px)}.mc-markdown .mc-markdown__blockquote{max-width:var(--mc-markdown-blockquote-size-max-width, 650px);margin-top:var(--mc-markdown-blockquote-size-margin-top, 12px);margin-bottom:var(--mc-markdown-blockquote-size-margin-bottom, 12px);border-left-width:var(--mc-markdown-blockquote-size-line-width, 4px);border-left-style:solid;padding:var(--mc-markdown-blockquote-size-padding, 2px 12px);margin-left:0;margin-right:0}.mc-markdown .mc-markdown__blockquote>.mc-markdown__p{margin-top:0;margin-bottom:0}.mc-markdown .mc-markdown__pre{position:relative;overflow-x:auto;margin-top:var(--mc-markdown-code-size-multiline-margin-top, 12px);margin-bottom:var(--mc-markdown-code-size-multiline-margin-bottom, 24px);padding:var(--mc-markdown-code-size-multiline-padding, 12px 16px)}.mc-markdown .mc-markdown__pre,.mc-markdown .mc-markdown__p>.mc-markdown__code{border-radius:var(--mc-markdown-code-size-border-radius, 4px);border-width:var(--mc-markdown-code-size-border-width, 1px);border-style:solid}.mc-markdown .mc-markdown__p>.mc-markdown__code{max-width:var(--mc-markdown-code-size-max-width, 650px);padding:var(--mc-markdown-code-size-inline-padding, 0 4px)}.mc-markdown .mc-markdown__img{max-width:var(--mc-markdown-image-size-max-width, 650px);margin-top:var(--mc-markdown-image-size-margin-top, 12px);margin-bottom:var(--mc-markdown-image-size-margin-bottom, 12px)}.mc-markdown .mc-markdown__img+em{display:block;margin-top:var(--mc-markdown-image-size-caption-margin-top, -8px);margin-bottom:var(--mc-markdown-image-size-caption-margin-bottom, 24px)}.mc-markdown .mc-markdown__hr{border-top:none;border-left:none;border-right:none;border-bottom-style:solid;border-bottom-width:var(--mc-markdown-hr-size-width, 1px);margin:var(--mc-markdown-hr-size-margin-vertical, 24px) 0}.mc-markdown .mc-markdown__table{max-width:100%;overflow-x:auto;display:table;border-collapse:collapse;margin-bottom:var(--mc-markdown-table-size-margin-bottom, 12px)}.mc-markdown .mc-markdown__table td{vertical-align:top}.mc-markdown .mc-markdown__table th,.mc-markdown .mc-markdown__table td{padding:var(--mc-markdown-table-size-padding, 8px);font-weight:400}.mc-markdown .mc-markdown__table>.mc-markdown__thead{border-bottom-style:solid;border-bottom-width:var(--mc-markdown-table-size-border-width, 1px);text-align:left}.mc-markdown .mc-markdown__table>.mc-markdown__thead th:first-child{padding-left:0}.mc-markdown .mc-markdown__table>.mc-markdown__thead th:last-child{padding-right:0}.mc-markdown .mc-markdown__table>.mc-markdown__tbody td:first-child{padding-left:0}.mc-markdown .mc-markdown__table>.mc-markdown__tbody td:last-child{padding-right:0}\n"] }]
46
+ }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: ["@charset \"UTF-8\";.mc-markdown{display:block}.mc-markdown .markdown-input{display:none}.mc-markdown .markdown-output{flex:1}.mc-markdown .mc-markdown__h1{max-width:var(--mc-markdown-h1-size-max-width, 650px);margin-top:var(--mc-markdown-h1-size-margin-top, 0);margin-bottom:var(--mc-markdown-h1-size-margin-bottom, 16px)}.mc-markdown .mc-markdown__h2{max-width:var(--mc-markdown-h2-size-max-width, 650px);margin-top:var(--mc-markdown-h2-size-margin-top, 24px);margin-bottom:var(--mc-markdown-h2-size-margin-bottom, 12px)}.mc-markdown .mc-markdown__h3{max-width:var(--mc-markdown-h3-size-max-width, 650px);margin-top:var(--mc-markdown-h3-size-margin-top, 24px);margin-bottom:var(--mc-markdown-h3-size-margin-bottom, 12px)}.mc-markdown .mc-markdown__h4{max-width:var(--mc-markdown-h4-size-max-width, 650px);margin-top:var(--mc-markdown-h4-size-margin-top, 24px);margin-bottom:var(--mc-markdown-h4-size-margin-bottom, 12px)}.mc-markdown .mc-markdown__h5{max-width:var(--mc-markdown-h5-size-max-width, 650px);margin-top:var(--mc-markdown-h5-size-margin-top, 24px);margin-bottom:var(--mc-markdown-h5-size-margin-bottom, 8px)}.mc-markdown .mc-markdown__h6{max-width:var(--mc-markdown-h6-size-max-width, 650px);margin-top:var(--mc-markdown-h6-size-margin-top, 24px);margin-bottom:var(--mc-markdown-h6-size-margin-bottom, 8px)}.mc-markdown .mc-markdown__a{display:inline-block;text-decoration:none;cursor:pointer;border-bottom-style:solid;border-bottom-width:1px;transition:color ease-out .3s}.mc-markdown .mc-markdown__p{max-width:var(--mc-markdown-p-size-max-width, 650px);margin-top:var(--mc-markdown-p-size-margin-top, 12px);margin-bottom:var(--mc-markdown-p-size-margin-bottom, 12px)}.mc-markdown .mc-markdown__ul,.mc-markdown .mc-markdown__ol{max-width:var(--mc-markdown-list-size-max-width, 650px);margin-top:var(--mc-markdown-list-size-margin-top, 12px);margin-bottom:var(--mc-markdown-list-size-margin-bottom, 12px)}.mc-markdown .mc-markdown__ul>li,.mc-markdown .mc-markdown__ol>li{margin-bottom:var(--mc-markdown-list-size-item-margin-bottom, 4px)}.mc-markdown .mc-markdown__ul{position:relative;list-style:none;padding:var(--mc-markdown-list-size-ul-padding, 0 0 0 24px)}.mc-markdown .mc-markdown__ul>li:before{content:\"\\2014\";display:block;position:absolute;width:24px;text-align:left;left:0}.mc-markdown .mc-markdown__ol{list-style:none;padding:0;counter-reset:li}.mc-markdown .mc-markdown__ol>li:before{content:counter(li) \".\";counter-increment:li;padding-right:var(--mc-markdown-list-size-ol-number-padding-right, 4px)}.mc-markdown .mc-markdown__ol>li>*{display:inline-block}.mc-markdown .mc-markdown__p+.mc-markdown__ul,.mc-markdown .mc-markdown__p+.mc-markdown__ol{margin-top:var(--mc-markdown-list-size-margin-top-after-paragraph, -8px)}.mc-markdown .mc-markdown__blockquote{max-width:var(--mc-markdown-blockquote-size-max-width, 650px);margin-top:var(--mc-markdown-blockquote-size-margin-top, 12px);margin-bottom:var(--mc-markdown-blockquote-size-margin-bottom, 12px);border-left-width:var(--mc-markdown-blockquote-size-line-width, 4px);border-left-style:solid;padding:var(--mc-markdown-blockquote-size-padding, 2px 12px);margin-left:0;margin-right:0}.mc-markdown .mc-markdown__blockquote>.mc-markdown__p{margin-top:0;margin-bottom:0}.mc-markdown .mc-markdown__pre{position:relative;overflow-x:auto;margin-top:var(--mc-markdown-code-size-multiline-margin-top, 12px);margin-bottom:var(--mc-markdown-code-size-multiline-margin-bottom, 24px);padding:var(--mc-markdown-code-size-multiline-padding, 12px 16px)}.mc-markdown .mc-markdown__pre,.mc-markdown .mc-markdown__p>.mc-markdown__code{border-radius:var(--mc-markdown-code-size-border-radius, 8px);border-width:var(--mc-markdown-code-size-border-width, 1px);border-style:solid}.mc-markdown .mc-markdown__p>.mc-markdown__code{max-width:var(--mc-markdown-code-size-max-width, 650px);padding:var(--mc-markdown-code-size-inline-padding, 0 4px)}.mc-markdown .mc-markdown__img{max-width:var(--mc-markdown-image-size-max-width, 650px);margin-top:var(--mc-markdown-image-size-margin-top, 12px);margin-bottom:var(--mc-markdown-image-size-margin-bottom, 12px)}.mc-markdown .mc-markdown__img+em{display:block;margin-top:var(--mc-markdown-image-size-caption-margin-top, -8px);margin-bottom:var(--mc-markdown-image-size-caption-margin-bottom, 24px)}.mc-markdown .mc-markdown__hr{border-top:none;border-left:none;border-right:none;border-bottom-style:solid;border-bottom-width:var(--mc-markdown-hr-size-width, 1px);margin:var(--mc-markdown-hr-size-margin-vertical, 24px) 0}.mc-markdown .mc-markdown__table{max-width:100%;overflow-x:auto;display:table;border-collapse:collapse;margin-bottom:var(--mc-markdown-table-size-margin-bottom, 12px)}.mc-markdown .mc-markdown__table td{vertical-align:top}.mc-markdown .mc-markdown__table th,.mc-markdown .mc-markdown__table td{padding:var(--mc-markdown-table-size-padding, 8px);font-weight:400}.mc-markdown .mc-markdown__table>.mc-markdown__thead{border-bottom-style:solid;border-bottom-width:var(--mc-markdown-table-size-border-width, 1px);text-align:left}.mc-markdown .mc-markdown__table>.mc-markdown__thead th:first-child{padding-left:0}.mc-markdown .mc-markdown__table>.mc-markdown__thead th:last-child{padding-right:0}.mc-markdown .mc-markdown__table>.mc-markdown__tbody td:first-child{padding-left:0}.mc-markdown .mc-markdown__table>.mc-markdown__tbody td:last-child{padding-right:0}\n"] }]
47
47
  }], ctorParameters: function () { return [{ type: i1.McMarkdownService }, { type: i2.DomSanitizer }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { contentWrapper: [{
48
48
  type: ViewChild,
49
49
  args: ['contentWrapper']
package/esm2020/markdown/markdown.module.mjs CHANGED
@@ -8,10 +8,10 @@ import { McMarkdownService } from './markdown.service';
8
8
  import * as i0 from "@angular/core";
9
9
  export class McMarkdownModule {
10
10
  }
11
- /** @nocollapse */ McMarkdownModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McMarkdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
12
- /** @nocollapse */ McMarkdownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.2", ngImport: i0, type: McMarkdownModule, declarations: [McMarkdown], imports: [CommonModule, A11yModule, McCommonModule, FormsModule], exports: [McMarkdown] });
13
- /** @nocollapse */ McMarkdownModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McMarkdownModule, providers: [McMarkdownService], imports: [CommonModule, A11yModule, McCommonModule, FormsModule] });
14
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McMarkdownModule, decorators: [{
11
+ /** @nocollapse */ McMarkdownModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McMarkdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
12
+ /** @nocollapse */ McMarkdownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: McMarkdownModule, declarations: [McMarkdown], imports: [CommonModule, A11yModule, McCommonModule, FormsModule], exports: [McMarkdown] });
13
+ /** @nocollapse */ McMarkdownModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McMarkdownModule, providers: [McMarkdownService], imports: [CommonModule, A11yModule, McCommonModule, FormsModule] });
14
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McMarkdownModule, decorators: [{
15
15
  type: NgModule,
16
16
  args: [{
17
17
  imports: [CommonModule, A11yModule, McCommonModule, FormsModule],
package/esm2020/markdown/markdown.service.mjs CHANGED
@@ -17,9 +17,9 @@ export class McMarkdownService {
17
17
  return transformed;
18
18
  }
19
19
  }
20
- /** @nocollapse */ McMarkdownService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McMarkdownService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
21
- /** @nocollapse */ McMarkdownService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McMarkdownService });
22
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McMarkdownService, decorators: [{
20
+ /** @nocollapse */ McMarkdownService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McMarkdownService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
21
+ /** @nocollapse */ McMarkdownService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McMarkdownService });
22
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McMarkdownService, decorators: [{
23
23
  type: Injectable
24
24
  }] });
25
25
  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFya2Rvd24uc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL21vc2FpYy9tYXJrZG93bi9tYXJrZG93bi5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0MsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLFFBQVEsQ0FBQztBQUVoQyxPQUFPLEVBQ0gsWUFBWSxFQUNaLDRCQUE0QixFQUM1QixrQ0FBa0MsRUFDckMsTUFBTSxtQkFBbUIsQ0FBQzs7QUFJM0IsTUFBTSxPQUFPLGlCQUFpQjtJQUMxQixXQUFXLENBQUMsUUFBZ0I7UUFDeEIsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQztJQUNsRCxDQUFDO0lBRU8sU0FBUyxDQUFDLFdBQW1CO1FBQ2pDLElBQUksV0FBVyxHQUFHLFdBQVcsQ0FBQztRQUU5Qiw0QkFBNEIsQ0FBQyxPQUFPLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRTtZQUN6QyxXQUFXLEdBQUcsV0FBVyxDQUFDLE9BQU8sQ0FDN0IsSUFBSSxNQUFNLENBQUMsSUFBSSxHQUFHLEVBQUUsRUFBRSxHQUFHLENBQUMsRUFDMUIsQ0FBQyxNQUFjLEVBQUUsRUFBRSxDQUFDLElBQUksR0FBRyxXQUFXLFlBQVksS0FBSyxHQUFHLEdBQUcsQ0FDaEUsQ0FBQztRQUNOLENBQUMsQ0FBQyxDQUFDO1FBRUgsa0NBQWtDLENBQUMsT0FBTyxDQUFDLENBQUMsR0FBRyxFQUFFLEVBQUU7WUFDL0MsV0FBVyxHQUFHLFdBQVcsQ0FBQyxPQUFPLENBQzdCLElBQUksTUFBTSxDQUFDLElBQUksR0FBRyxNQUFNLEVBQUUsR0FBRyxDQUFDLEVBQzlCLENBQUMsTUFBYyxFQUFFLEVBQUUsQ0FBQyxJQUFJLEdBQUcsV0FBVyxZQUFZLEtBQUssR0FBRyxJQUFJLENBQ2pFLENBQUM7UUFDTixDQUFDLENBQUMsQ0FBQztRQUVILE9BQU8sV0FBVyxDQUFDO0lBQ3ZCLENBQUM7O2lJQXZCUSxpQkFBaUI7cUlBQWpCLGlCQUFpQjsyRkFBakIsaUJBQWlCO2tCQUQ3QixVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgbWFya2VkIH0gZnJvbSAnbWFya2VkJztcblxuaW1wb3J0IHtcbiAgICBDTEFTU19QUkVGSVgsXG4gICAgTUFSS0RPV05fVEFHU19UT19DTEFTU19BTElBUyxcbiAgICBNQVJLRE9XTl9XSE9MRV9UQUdTX1RPX0NMQVNTX0FMSUFTXG59IGZyb20gJy4vbWFya2Rvd24udmFsdWVzJztcblxuXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgTWNNYXJrZG93blNlcnZpY2Uge1xuICAgIHBhcnNlVG9IdG1sKG1hcmtkb3duOiBzdHJpbmcpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy50cmFuc2Zvcm0obWFya2VkLnBhcnNlKG1hcmtkb3duKSk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSB0cmFuc2Zvcm0oaHRtbENvbnRlbnQ6IHN0cmluZyk6IHN0cmluZyB7XG4gICAgICAgIGxldCB0cmFuc2Zvcm1lZCA9IGh0bWxDb250ZW50O1xuXG4gICAgICAgIE1BUktET1dOX1RBR1NfVE9fQ0xBU1NfQUxJQVMuZm9yRWFjaCgodGFnKSA9PiB7XG4gICAgICAgICAgICB0cmFuc2Zvcm1lZCA9IHRyYW5zZm9ybWVkLnJlcGxhY2UoXG4gICAgICAgICAgICAgICAgbmV3IFJlZ0V4cChgPCR7dGFnfWAsICdnJyksXG4gICAgICAgICAgICAgICAgKF9tYXRjaDogc3RyaW5nKSA9PiBgPCR7dGFnfSBjbGFzcz1cIiR7Q0xBU1NfUFJFRklYfV9fJHt0YWd9XCJgXG4gICAgICAgICAgICApO1xuICAgICAgICB9KTtcblxuICAgICAgICBNQVJLRE9XTl9XSE9MRV9UQUdTX1RPX0NMQVNTX0FMSUFTLmZvckVhY2goKHRhZykgPT4ge1xuICAgICAgICAgICAgdHJhbnNmb3JtZWQgPSB0cmFuc2Zvcm1lZC5yZXBsYWNlKFxuICAgICAgICAgICAgICAgIG5ldyBSZWdFeHAoYDwke3RhZ31cXHMqPmAsICdnJyksXG4gICAgICAgICAgICAgICAgKF9tYXRjaDogc3RyaW5nKSA9PiBgPCR7dGFnfSBjbGFzcz1cIiR7Q0xBU1NfUFJFRklYfV9fJHt0YWd9XCI+YFxuICAgICAgICAgICAgKTtcbiAgICAgICAgfSk7XG5cbiAgICAgICAgcmV0dXJuIHRyYW5zZm9ybWVkO1xuICAgIH1cbn1cbiJdfQ==
package/esm2020/modal/css-unit.pipe.mjs CHANGED
@@ -6,9 +6,9 @@ export class CssUnitPipe {
6
6
  return isNaN(formatted) ? `${value}` : `${formatted}${defaultUnit}`;
7
7
  }
8
8
  }
9
- /** @nocollapse */ CssUnitPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: CssUnitPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
10
- /** @nocollapse */ CssUnitPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.2", ngImport: i0, type: CssUnitPipe, name: "toCssUnit" });
11
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: CssUnitPipe, decorators: [{
9
+ /** @nocollapse */ CssUnitPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CssUnitPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
10
+ /** @nocollapse */ CssUnitPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: CssUnitPipe, name: "toCssUnit" });
11
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: CssUnitPipe, decorators: [{
12
12
  type: Pipe,
13
13
  args: [{
14
14
  name: 'toCssUnit'
package/esm2020/modal/modal-control.service.mjs CHANGED
@@ -73,9 +73,9 @@ export class McModalControlService {
73
73
  }
74
74
  }
75
75
  }
76
- /** @nocollapse */ McModalControlService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McModalControlService, deps: [{ token: McModalControlService, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Injectable });
77
- /** @nocollapse */ McModalControlService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McModalControlService });
78
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McModalControlService, decorators: [{
76
+ /** @nocollapse */ McModalControlService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McModalControlService, deps: [{ token: McModalControlService, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Injectable });
77
+ /** @nocollapse */ McModalControlService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McModalControlService });
78
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McModalControlService, decorators: [{
79
79
  type: Injectable
80
80
  }], ctorParameters: function () { return [{ type: McModalControlService, decorators: [{
81
81
  type: Optional
package/esm2020/modal/modal.component.mjs CHANGED
@@ -410,13 +410,13 @@ export class McModalComponent extends McModalRef {
410
410
  }
411
411
  }
412
412
  }
413
- /** @nocollapse */ McModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McModalComponent, deps: [{ token: i1.Overlay }, { token: i0.Renderer2 }, { token: i0.ComponentFactoryResolver }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i2.McModalControlService }, { token: i0.ChangeDetectorRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
414
- /** @nocollapse */ McModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: McModalComponent, selector: "mc-modal", inputs: { mcModalType: "mcModalType", mcComponent: "mcComponent", mcContent: "mcContent", mcComponentParams: "mcComponentParams", mcFooter: "mcFooter", mcVisible: "mcVisible", mcZIndex: "mcZIndex", mcWidth: "mcWidth", mcSize: "mcSize", mcWrapClassName: "mcWrapClassName", mcClassName: "mcClassName", mcStyle: "mcStyle", mcTitle: "mcTitle", mcCloseByESC: "mcCloseByESC", mcClosable: "mcClosable", mcMask: "mcMask", mcMaskClosable: "mcMaskClosable", mcMaskStyle: "mcMaskStyle", mcBodyStyle: "mcBodyStyle", mcOkText: "mcOkText", mcOkType: "mcOkType", mcRestoreFocus: "mcRestoreFocus", mcOkLoading: "mcOkLoading", mcOnOk: "mcOnOk", mcCancelText: "mcCancelText", mcCancelLoading: "mcCancelLoading", mcOnCancel: "mcOnCancel", mcGetContainer: "mcGetContainer" }, outputs: { mcVisibleChange: "mcVisibleChange", mcAfterOpen: "mcAfterOpen", mcAfterClose: "mcAfterClose", mcOnOk: "mcOnOk", mcOnCancel: "mcOnCancel" }, host: { listeners: { "keydown": "onKeyDown($event)" } }, viewQueries: [{ propertyName: "modalContainer", first: true, predicate: ["modalContainer"], descendants: true, static: true }, { propertyName: "bodyContainer", first: true, predicate: ["bodyContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "modalBody", first: true, predicate: ["modalBody"], descendants: true }, { propertyName: "autoFocusedButtons", predicate: ["autoFocusedButton"], descendants: true, read: ElementRef }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<!-- Compatible: the <ng-content> can appear only once -->\n<ng-template #tplOriginContent>\n <ng-content></ng-content>\n</ng-template>\n\n<div>\n <div *ngIf=\"mcMask\"\n class=\"mc-modal-mask\"\n [ngClass]=\"maskAnimationClassMap\"\n [class.mc-modal-mask-hidden]=\"hidden\"\n [ngStyle]=\"mcMaskStyle\"\n [style.zIndex]=\"mcZIndex\"\n ></div>\n <div (mousedown)=\"onClickMask($event)\"\n class=\"mc-modal-wrap {{ mcWrapClassName }}\"\n [style.zIndex]=\"mcZIndex\"\n [style.display]=\"hidden ? 'none' : ''\"\n tabindex=\"-1\">\n\n <div #modalContainer\n class=\"mc-modal {{ mcClassName }} mc-modal_{{ mcSize }}\"\n [ngClass]=\"modalAnimationClassMap\"\n [ngStyle]=\"mcStyle\"\n [style.width]=\"mcWidth | toCssUnit\"\n [style.transform-origin]=\"transformOrigin\">\n\n <div class=\"mc-modal-content\" cdkTrapFocus>\n <button *ngIf=\"mcClosable\"\n mc-button\n (click)=\"onClickCloseBtn()\"\n class=\"mc-modal-close mc-button_transparent\">\n <i mc-icon=\"mc-close-L_16\" class=\"mc-icon mc-icon_light\" [color]=\"themePalette.Secondary\"></i>\n </button>\n <ng-container [ngSwitch]=\"true\">\n <ng-container *ngSwitchCase=\"isModalType('default')\"\n [ngTemplateOutlet]=\"tplContentDefault\"></ng-container>\n <ng-container *ngSwitchCase=\"isModalType('confirm')\"\n [ngTemplateOutlet]=\"tplContentConfirm\"></ng-container>\n <ng-container *ngSwitchCase=\"isModalType('custom')\"\n [ngTemplateOutlet]=\"tplContentCustom\"></ng-container>\n </ng-container>\n </div>\n </div>\n </div>\n</div>\n\n<ng-template #tplContentCustom>\n <ng-container #bodyContainer></ng-container>\n</ng-template>\n\n\n<!-- [Predefined] Default Modal Content -->\n<ng-template #tplContentDefault>\n <div *ngIf=\"mcTitle\" class=\"mc-modal-header\" [class.mc-modal-body_top-overflow]=\"isTopOverflow\">\n <div class=\"mc-modal-title\">\n <ng-container [ngSwitch]=\"true\">\n <ng-container *ngSwitchCase=\"isTemplateRef(mcTitle)\" [ngTemplateOutlet]=\"$any(mcTitle)\"></ng-container>\n <ng-container *ngSwitchCase=\"isNonEmptyString(mcTitle)\">\n <div [innerHTML]=\"mcTitle\"></div>\n </ng-container>\n </ng-container>\n </div>\n </div>\n <div class=\"mc-modal-body mc-scrollbar\" #modalBody [ngStyle]=\"mcBodyStyle\" (scroll)=\"checkOverflow()\">\n <ng-container #bodyContainer>\n <ng-container *ngIf=\"!isComponent(mcContent)\" [ngSwitch]=\"true\">\n <ng-container *ngSwitchCase=\"isTemplateRef(mcContent)\" [ngTemplateOutlet]=\"$any(mcContent)\"></ng-container>\n <ng-container *ngSwitchCase=\"isNonEmptyString(mcContent)\">\n <div [innerHTML]=\"mcContent\"></div>\n </ng-container>\n <ng-container *ngSwitchDefault [ngTemplateOutlet]=\"tplOriginContent\"></ng-container>\n </ng-container>\n </ng-container>\n </div>\n <div *ngIf=\"mcFooter || mcOkText || mcCancelText\" class=\"mc-modal-footer\" [class.mc-modal-body_bottom-overflow]=\"isBottomOverflow\">\n <ng-container [ngSwitch]=\"true\">\n <ng-container *ngSwitchCase=\"isTemplateRef(mcFooter)\" [ngTemplateOutlet]=\"$any(mcFooter)\"></ng-container>\n <ng-container *ngSwitchCase=\"isNonEmptyString(mcFooter)\">\n <div [innerHTML]=\"mcFooter\"></div>\n </ng-container>\n <ng-container *ngSwitchCase=\"isModalButtons(mcFooter)\">\n <ng-container *ngFor=\"let button of $any(mcFooter)\">\n <button\n mc-button\n #autoFocusedButton\n [attr.autofocus]=\"button.autoFocus\"\n [attr.mc-modal-main-action]=\"button.mcModalMainAction\"\n *ngIf=\"getButtonCallableProp(button, 'show')\"\n [disabled]=\"getButtonCallableProp(button, 'disabled')\"\n [class.mc-progress]=\"getButtonCallableProp(button, 'loading')\"\n (click)=\"onButtonClick(button)\"\n [color]=\"button.type\">\n {{ button.label }}\n </button>\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchDefault>\n <button\n #autoFocusedButton\n [attr.autofocus]=\"true\"\n *ngIf=\"mcOkText\"\n mc-button\n [color]=\"themePalette.Primary\"\n (click)=\"onClickOkCancel('ok')\">\n\n {{ okText }}\n </button>\n <button *ngIf=\"mcCancelText\" mc-button (click)=\"onClickOkCancel('cancel')\">\n {{ cancelText }}\n </button>\n </ng-container>\n </ng-container>\n </div>\n</ng-template>\n<!-- /[Predefined] Default Modal Content -->\n\n<!-- [Predefined] Confirm Modal Content -->\n<ng-template #tplContentConfirm>\n <div class=\"mc-modal-body\" [ngStyle]=\"mcBodyStyle\">\n <div class=\"mc-confirm-body-wrapper\">\n <div class=\"mc-confirm-body\">\n <div class=\"mc-confirm-content\">\n <ng-container #bodyContainer>\n <ng-container *ngIf=\"!isComponent(mcContent)\" [ngSwitch]=\"true\">\n <ng-container *ngSwitchCase=\"isTemplateRef(mcContent)\"\n [ngTemplateOutlet]=\"$any(mcContent)\">\n </ng-container>\n <ng-container *ngSwitchCase=\"isNonEmptyString(mcContent)\">\n <div [innerHTML]=\"mcContent\"></div>\n </ng-container>\n <ng-container *ngSwitchDefault [ngTemplateOutlet]=\"tplOriginContent\"></ng-container>\n </ng-container>\n </ng-container>\n </div>\n </div>\n </div> <!-- /.mc-confirm-body-wrapper -->\n </div>\n <div class=\"mc-confirm-btns\" *ngIf=\"mcOkText || mcCancelText\">\n <button\n mc-button\n #autoFocusedButton\n [color]=\"mcOkType\"\n [attr.autofocus]=\"true\"\n *ngIf=\"mcOkText\"\n (click)=\"onClickOkCancel('ok')\">\n\n {{ okText }}\n </button>\n\n <button mc-button [color]=\"themePalette.Secondary\" *ngIf=\"mcCancelText\" (click)=\"onClickOkCancel('cancel')\">\n {{ cancelText }}\n </button>\n </div>\n</ng-template>\n<!-- /[Predefined] Confirm Modal Content -->\n", styles: [".mc-confirm .mc-modal-header,.mc-confirm .mc-modal-close{display:none}.mc-confirm .mc-modal-body{padding:var(--mc-modal-confirm-size-padding, 24px)}.mc-confirm-body-wrapper{zoom:1}.mc-confirm-body-wrapper:before,.mc-confirm-body-wrapper:after{content:\"\";display:table}.mc-confirm-body-wrapper:after{clear:both}.mc-confirm-body .mc-confirm-title{display:block;overflow:auto}.mc-confirm .mc-confirm-btns{border-radius:var(--mc-modal-footer-size-border-radius, 0 0 4px 4px);text-align:right}.mc-confirm .mc-confirm-btns button+button,.mc-confirm .mc-confirm-btns button:only-child{margin:16px}.mc-modal{box-sizing:border-box;position:relative;top:var(--mc-modal-size-top, 48px);width:auto;margin:0 auto;list-style:none}.mc-modal.zoom-enter,.mc-modal.zoom-appear{animation-duration:.3s;transform:none;opacity:0}.mc-modal.mc-modal_small{width:var(--mc-modal-size-small, 400px)}.mc-modal.mc-modal_medium{width:var(--mc-modal-size-medium, 640px)}.mc-modal.mc-modal_large{width:var(--mc-modal-size-large, 960px)}.mc-modal .mc-modal-close{position:absolute;z-index:10;top:0;right:0;width:var(--mc-modal-size-close-width, 56px);height:var(--mc-modal-size-close-width, 56px)}.mc-modal-wrap{position:fixed;z-index:1000;inset:0;overflow:auto;-webkit-overflow-scrolling:touch;outline:0}.mc-modal-title{margin:0}.mc-modal-content{position:relative;border-radius:var(--mc-modal-size-border-radius, 4px);background-clip:padding-box;background-color:#fff}.mc-modal-header{display:flex;align-items:center;height:var(--mc-modal-header-size-height, 56px);border-radius:var(--mc-modal-header-size-border-radius, 4px 4px 0 0);padding:var(--mc-modal-header-size-padding, 0 16px)}.mc-modal-body{display:block;overflow-y:auto;max-height:var(--mc-modal-body-size-max-height, calc(100vh - 260px));padding:var(--mc-modal-body-size-padding, 16px 24px 24px);word-wrap:break-word}.mc-modal-footer{display:flex;align-items:center;justify-content:flex-end;height:var(--mc-modal-footer-size-height, 64px);border-radius:var(--mc-modal-footer-size-border-radius, 0 0 4px 4px);padding:var(--mc-modal-footer-size-padding, 0 16px)}.mc-modal-footer button+button{margin-left:16px;margin-bottom:0}.mc-modal-mask{position:fixed;z-index:1000;inset:0;height:100%}.mc-modal-mask.mc-modal-mask-hidden{display:none}.mc-modal-open{overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i3.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i4.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: i5.McButton, selector: "[mc-button]", inputs: ["color", "tabIndex", "disabled"] }, { kind: "directive", type: i5.McButtonCssStyler, selector: "[mc-button]" }, { kind: "component", type: i6.McIcon, selector: "[mc-icon]", inputs: ["color"] }, { kind: "directive", type: i6.McIconCSSStyler, selector: "[mc-icon]" }, { kind: "directive", type: i7.McModalMainAction, selector: "[mc-modal-main-action]" }, { kind: "pipe", type: i8.CssUnitPipe, name: "toCssUnit" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
415
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McModalComponent, decorators: [{
413
+ /** @nocollapse */ McModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McModalComponent, deps: [{ token: i1.Overlay }, { token: i0.Renderer2 }, { token: i0.ComponentFactoryResolver }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i2.McModalControlService }, { token: i0.ChangeDetectorRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
414
+ /** @nocollapse */ McModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: McModalComponent, selector: "mc-modal", inputs: { mcModalType: "mcModalType", mcComponent: "mcComponent", mcContent: "mcContent", mcComponentParams: "mcComponentParams", mcFooter: "mcFooter", mcVisible: "mcVisible", mcZIndex: "mcZIndex", mcWidth: "mcWidth", mcSize: "mcSize", mcWrapClassName: "mcWrapClassName", mcClassName: "mcClassName", mcStyle: "mcStyle", mcTitle: "mcTitle", mcCloseByESC: "mcCloseByESC", mcClosable: "mcClosable", mcMask: "mcMask", mcMaskClosable: "mcMaskClosable", mcMaskStyle: "mcMaskStyle", mcBodyStyle: "mcBodyStyle", mcOkText: "mcOkText", mcOkType: "mcOkType", mcRestoreFocus: "mcRestoreFocus", mcOkLoading: "mcOkLoading", mcOnOk: "mcOnOk", mcCancelText: "mcCancelText", mcCancelLoading: "mcCancelLoading", mcOnCancel: "mcOnCancel", mcGetContainer: "mcGetContainer" }, outputs: { mcVisibleChange: "mcVisibleChange", mcAfterOpen: "mcAfterOpen", mcAfterClose: "mcAfterClose", mcOnOk: "mcOnOk", mcOnCancel: "mcOnCancel" }, host: { listeners: { "keydown": "onKeyDown($event)" } }, viewQueries: [{ propertyName: "modalContainer", first: true, predicate: ["modalContainer"], descendants: true, static: true }, { propertyName: "bodyContainer", first: true, predicate: ["bodyContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "modalBody", first: true, predicate: ["modalBody"], descendants: true }, { propertyName: "autoFocusedButtons", predicate: ["autoFocusedButton"], descendants: true, read: ElementRef }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<!-- Compatible: the <ng-content> can appear only once -->\n<ng-template #tplOriginContent>\n <ng-content></ng-content>\n</ng-template>\n\n<div>\n <div *ngIf=\"mcMask\"\n class=\"mc-modal-mask\"\n [ngClass]=\"maskAnimationClassMap\"\n [class.mc-modal-mask-hidden]=\"hidden\"\n [ngStyle]=\"mcMaskStyle\"\n [style.zIndex]=\"mcZIndex\"\n ></div>\n <div (mousedown)=\"onClickMask($event)\"\n class=\"mc-modal-wrap {{ mcWrapClassName }}\"\n [style.zIndex]=\"mcZIndex\"\n [style.display]=\"hidden ? 'none' : ''\"\n tabindex=\"-1\">\n\n <div #modalContainer\n class=\"mc-modal {{ mcClassName }} mc-modal_{{ mcSize }}\"\n [ngClass]=\"modalAnimationClassMap\"\n [ngStyle]=\"mcStyle\"\n [style.width]=\"mcWidth | toCssUnit\"\n [style.transform-origin]=\"transformOrigin\">\n\n <div class=\"mc-modal-content\" cdkTrapFocus>\n <button *ngIf=\"mcClosable\"\n mc-button\n (click)=\"onClickCloseBtn()\"\n class=\"mc-modal-close mc-button_transparent\">\n <i mc-icon=\"mc-close-L_16\" class=\"mc-icon mc-icon_light\" [color]=\"themePalette.Secondary\"></i>\n </button>\n <ng-container [ngSwitch]=\"true\">\n <ng-container *ngSwitchCase=\"isModalType('default')\"\n [ngTemplateOutlet]=\"tplContentDefault\"></ng-container>\n <ng-container *ngSwitchCase=\"isModalType('confirm')\"\n [ngTemplateOutlet]=\"tplContentConfirm\"></ng-container>\n <ng-container *ngSwitchCase=\"isModalType('custom')\"\n [ngTemplateOutlet]=\"tplContentCustom\"></ng-container>\n </ng-container>\n </div>\n </div>\n </div>\n</div>\n\n<ng-template #tplContentCustom>\n <ng-container #bodyContainer></ng-container>\n</ng-template>\n\n\n<!-- [Predefined] Default Modal Content -->\n<ng-template #tplContentDefault>\n <div *ngIf=\"mcTitle\" class=\"mc-modal-header\" [class.mc-modal-body_top-overflow]=\"isTopOverflow\">\n <div class=\"mc-modal-title\">\n <ng-container [ngSwitch]=\"true\">\n <ng-container *ngSwitchCase=\"isTemplateRef(mcTitle)\" [ngTemplateOutlet]=\"$any(mcTitle)\"></ng-container>\n <ng-container *ngSwitchCase=\"isNonEmptyString(mcTitle)\">\n <div [innerHTML]=\"mcTitle\"></div>\n </ng-container>\n </ng-container>\n </div>\n </div>\n <div class=\"mc-modal-body mc-scrollbar\" #modalBody [ngStyle]=\"mcBodyStyle\" (scroll)=\"checkOverflow()\">\n <ng-container #bodyContainer>\n <ng-container *ngIf=\"!isComponent(mcContent)\" [ngSwitch]=\"true\">\n <ng-container *ngSwitchCase=\"isTemplateRef(mcContent)\" [ngTemplateOutlet]=\"$any(mcContent)\"></ng-container>\n <ng-container *ngSwitchCase=\"isNonEmptyString(mcContent)\">\n <div [innerHTML]=\"mcContent\"></div>\n </ng-container>\n <ng-container *ngSwitchDefault [ngTemplateOutlet]=\"tplOriginContent\"></ng-container>\n </ng-container>\n </ng-container>\n </div>\n <div *ngIf=\"mcFooter || mcOkText || mcCancelText\" class=\"mc-modal-footer\" [class.mc-modal-body_bottom-overflow]=\"isBottomOverflow\">\n <ng-container [ngSwitch]=\"true\">\n <ng-container *ngSwitchCase=\"isTemplateRef(mcFooter)\" [ngTemplateOutlet]=\"$any(mcFooter)\"></ng-container>\n <ng-container *ngSwitchCase=\"isNonEmptyString(mcFooter)\">\n <div [innerHTML]=\"mcFooter\"></div>\n </ng-container>\n <ng-container *ngSwitchCase=\"isModalButtons(mcFooter)\">\n <ng-container *ngFor=\"let button of $any(mcFooter)\">\n <button\n mc-button\n #autoFocusedButton\n [attr.autofocus]=\"button.autoFocus\"\n [attr.mc-modal-main-action]=\"button.mcModalMainAction\"\n *ngIf=\"getButtonCallableProp(button, 'show')\"\n [disabled]=\"getButtonCallableProp(button, 'disabled')\"\n [class.mc-progress]=\"getButtonCallableProp(button, 'loading')\"\n (click)=\"onButtonClick(button)\"\n [color]=\"button.type\">\n {{ button.label }}\n </button>\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchDefault>\n <button\n #autoFocusedButton\n [attr.autofocus]=\"true\"\n *ngIf=\"mcOkText\"\n mc-button\n [color]=\"themePalette.Primary\"\n (click)=\"onClickOkCancel('ok')\">\n\n {{ okText }}\n </button>\n <button *ngIf=\"mcCancelText\" mc-button (click)=\"onClickOkCancel('cancel')\">\n {{ cancelText }}\n </button>\n </ng-container>\n </ng-container>\n </div>\n</ng-template>\n<!-- /[Predefined] Default Modal Content -->\n\n<!-- [Predefined] Confirm Modal Content -->\n<ng-template #tplContentConfirm>\n <div class=\"mc-modal-body\" [ngStyle]=\"mcBodyStyle\">\n <div class=\"mc-confirm-body-wrapper\">\n <div class=\"mc-confirm-body\">\n <div class=\"mc-confirm-content\">\n <ng-container #bodyContainer>\n <ng-container *ngIf=\"!isComponent(mcContent)\" [ngSwitch]=\"true\">\n <ng-container *ngSwitchCase=\"isTemplateRef(mcContent)\"\n [ngTemplateOutlet]=\"$any(mcContent)\">\n </ng-container>\n <ng-container *ngSwitchCase=\"isNonEmptyString(mcContent)\">\n <div [innerHTML]=\"mcContent\"></div>\n </ng-container>\n <ng-container *ngSwitchDefault [ngTemplateOutlet]=\"tplOriginContent\"></ng-container>\n </ng-container>\n </ng-container>\n </div>\n </div>\n </div> <!-- /.mc-confirm-body-wrapper -->\n </div>\n <div class=\"mc-confirm-btns\" *ngIf=\"mcOkText || mcCancelText\">\n <button\n mc-button\n #autoFocusedButton\n [color]=\"mcOkType\"\n [attr.autofocus]=\"true\"\n *ngIf=\"mcOkText\"\n (click)=\"onClickOkCancel('ok')\">\n\n {{ okText }}\n </button>\n\n <button mc-button [color]=\"themePalette.Secondary\" *ngIf=\"mcCancelText\" (click)=\"onClickOkCancel('cancel')\">\n {{ cancelText }}\n </button>\n </div>\n</ng-template>\n<!-- /[Predefined] Confirm Modal Content -->\n", styles: [".mc-confirm .mc-modal-header,.mc-confirm .mc-modal-close{display:none}.mc-confirm .mc-modal-body{padding:var(--mc-modal-confirm-size-padding, 24px)}.mc-confirm-body-wrapper{zoom:1}.mc-confirm-body-wrapper:before,.mc-confirm-body-wrapper:after{content:\"\";display:table}.mc-confirm-body-wrapper:after{clear:both}.mc-confirm-body .mc-confirm-title{display:block;overflow:auto}.mc-confirm .mc-confirm-btns{border-radius:var(--mc-modal-footer-size-border-radius, 0 0 8px 8px);text-align:right}.mc-confirm .mc-confirm-btns button+button,.mc-confirm .mc-confirm-btns button:only-child{margin:16px}.mc-modal{box-sizing:border-box;position:relative;top:var(--mc-modal-size-top, 48px);width:auto;margin:0 auto;list-style:none}.mc-modal.zoom-enter,.mc-modal.zoom-appear{animation-duration:.3s;transform:none;opacity:0}.mc-modal.mc-modal_small{width:var(--mc-modal-size-small, 400px)}.mc-modal.mc-modal_medium{width:var(--mc-modal-size-medium, 640px)}.mc-modal.mc-modal_large{width:var(--mc-modal-size-large, 960px)}.mc-modal .mc-modal-close{position:absolute;z-index:10;top:0;right:0;width:var(--mc-modal-size-close-width, 56px);height:var(--mc-modal-size-close-width, 56px)}.mc-modal-wrap{position:fixed;z-index:1000;inset:0;overflow:auto;-webkit-overflow-scrolling:touch;outline:0}.mc-modal-title{margin:0}.mc-modal-content{position:relative;border-radius:var(--mc-modal-size-border-radius, 8px);background-clip:padding-box;background-color:#fff}.mc-modal-header{display:flex;align-items:center;height:var(--mc-modal-header-size-height, 56px);border-radius:var(--mc-modal-header-size-border-radius, 8px 8px 0 0);padding:var(--mc-modal-header-size-padding, 0 16px)}.mc-modal-body{display:block;overflow-y:auto;max-height:var(--mc-modal-body-size-max-height, calc(100vh - 260px));padding:var(--mc-modal-body-size-padding, 16px 24px 24px);word-wrap:break-word}.mc-modal-footer{display:flex;align-items:center;justify-content:flex-end;height:var(--mc-modal-footer-size-height, 64px);border-radius:var(--mc-modal-footer-size-border-radius, 0 0 8px 8px);padding:var(--mc-modal-footer-size-padding, 0 16px)}.mc-modal-footer button+button{margin-left:16px;margin-bottom:0}.mc-modal-mask{position:fixed;z-index:1000;inset:0;height:100%}.mc-modal-mask.mc-modal-mask-hidden{display:none}.mc-modal-open{overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i3.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i4.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: i5.McButton, selector: "[mc-button]", inputs: ["color", "tabIndex", "kbqStyle", "disabled"] }, { kind: "directive", type: i5.McButtonCssStyler, selector: "[mc-button]" }, { kind: "component", type: i6.McIcon, selector: "[mc-icon]", inputs: ["color", "small"] }, { kind: "directive", type: i7.McModalMainAction, selector: "[mc-modal-main-action]" }, { kind: "pipe", type: i8.CssUnitPipe, name: "toCssUnit" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
415
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McModalComponent, decorators: [{
416
416
  type: Component,
417
417
  args: [{ selector: 'mc-modal', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
418
418
  '(keydown)': 'onKeyDown($event)'
419
- }, template: "<!-- Compatible: the <ng-content> can appear only once -->\n<ng-template #tplOriginContent>\n <ng-content></ng-content>\n</ng-template>\n\n<div>\n <div *ngIf=\"mcMask\"\n class=\"mc-modal-mask\"\n [ngClass]=\"maskAnimationClassMap\"\n [class.mc-modal-mask-hidden]=\"hidden\"\n [ngStyle]=\"mcMaskStyle\"\n [style.zIndex]=\"mcZIndex\"\n ></div>\n <div (mousedown)=\"onClickMask($event)\"\n class=\"mc-modal-wrap {{ mcWrapClassName }}\"\n [style.zIndex]=\"mcZIndex\"\n [style.display]=\"hidden ? 'none' : ''\"\n tabindex=\"-1\">\n\n <div #modalContainer\n class=\"mc-modal {{ mcClassName }} mc-modal_{{ mcSize }}\"\n [ngClass]=\"modalAnimationClassMap\"\n [ngStyle]=\"mcStyle\"\n [style.width]=\"mcWidth | toCssUnit\"\n [style.transform-origin]=\"transformOrigin\">\n\n <div class=\"mc-modal-content\" cdkTrapFocus>\n <button *ngIf=\"mcClosable\"\n mc-button\n (click)=\"onClickCloseBtn()\"\n class=\"mc-modal-close mc-button_transparent\">\n <i mc-icon=\"mc-close-L_16\" class=\"mc-icon mc-icon_light\" [color]=\"themePalette.Secondary\"></i>\n </button>\n <ng-container [ngSwitch]=\"true\">\n <ng-container *ngSwitchCase=\"isModalType('default')\"\n [ngTemplateOutlet]=\"tplContentDefault\"></ng-container>\n <ng-container *ngSwitchCase=\"isModalType('confirm')\"\n [ngTemplateOutlet]=\"tplContentConfirm\"></ng-container>\n <ng-container *ngSwitchCase=\"isModalType('custom')\"\n [ngTemplateOutlet]=\"tplContentCustom\"></ng-container>\n </ng-container>\n </div>\n </div>\n </div>\n</div>\n\n<ng-template #tplContentCustom>\n <ng-container #bodyContainer></ng-container>\n</ng-template>\n\n\n<!-- [Predefined] Default Modal Content -->\n<ng-template #tplContentDefault>\n <div *ngIf=\"mcTitle\" class=\"mc-modal-header\" [class.mc-modal-body_top-overflow]=\"isTopOverflow\">\n <div class=\"mc-modal-title\">\n <ng-container [ngSwitch]=\"true\">\n <ng-container *ngSwitchCase=\"isTemplateRef(mcTitle)\" [ngTemplateOutlet]=\"$any(mcTitle)\"></ng-container>\n <ng-container *ngSwitchCase=\"isNonEmptyString(mcTitle)\">\n <div [innerHTML]=\"mcTitle\"></div>\n </ng-container>\n </ng-container>\n </div>\n </div>\n <div class=\"mc-modal-body mc-scrollbar\" #modalBody [ngStyle]=\"mcBodyStyle\" (scroll)=\"checkOverflow()\">\n <ng-container #bodyContainer>\n <ng-container *ngIf=\"!isComponent(mcContent)\" [ngSwitch]=\"true\">\n <ng-container *ngSwitchCase=\"isTemplateRef(mcContent)\" [ngTemplateOutlet]=\"$any(mcContent)\"></ng-container>\n <ng-container *ngSwitchCase=\"isNonEmptyString(mcContent)\">\n <div [innerHTML]=\"mcContent\"></div>\n </ng-container>\n <ng-container *ngSwitchDefault [ngTemplateOutlet]=\"tplOriginContent\"></ng-container>\n </ng-container>\n </ng-container>\n </div>\n <div *ngIf=\"mcFooter || mcOkText || mcCancelText\" class=\"mc-modal-footer\" [class.mc-modal-body_bottom-overflow]=\"isBottomOverflow\">\n <ng-container [ngSwitch]=\"true\">\n <ng-container *ngSwitchCase=\"isTemplateRef(mcFooter)\" [ngTemplateOutlet]=\"$any(mcFooter)\"></ng-container>\n <ng-container *ngSwitchCase=\"isNonEmptyString(mcFooter)\">\n <div [innerHTML]=\"mcFooter\"></div>\n </ng-container>\n <ng-container *ngSwitchCase=\"isModalButtons(mcFooter)\">\n <ng-container *ngFor=\"let button of $any(mcFooter)\">\n <button\n mc-button\n #autoFocusedButton\n [attr.autofocus]=\"button.autoFocus\"\n [attr.mc-modal-main-action]=\"button.mcModalMainAction\"\n *ngIf=\"getButtonCallableProp(button, 'show')\"\n [disabled]=\"getButtonCallableProp(button, 'disabled')\"\n [class.mc-progress]=\"getButtonCallableProp(button, 'loading')\"\n (click)=\"onButtonClick(button)\"\n [color]=\"button.type\">\n {{ button.label }}\n </button>\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchDefault>\n <button\n #autoFocusedButton\n [attr.autofocus]=\"true\"\n *ngIf=\"mcOkText\"\n mc-button\n [color]=\"themePalette.Primary\"\n (click)=\"onClickOkCancel('ok')\">\n\n {{ okText }}\n </button>\n <button *ngIf=\"mcCancelText\" mc-button (click)=\"onClickOkCancel('cancel')\">\n {{ cancelText }}\n </button>\n </ng-container>\n </ng-container>\n </div>\n</ng-template>\n<!-- /[Predefined] Default Modal Content -->\n\n<!-- [Predefined] Confirm Modal Content -->\n<ng-template #tplContentConfirm>\n <div class=\"mc-modal-body\" [ngStyle]=\"mcBodyStyle\">\n <div class=\"mc-confirm-body-wrapper\">\n <div class=\"mc-confirm-body\">\n <div class=\"mc-confirm-content\">\n <ng-container #bodyContainer>\n <ng-container *ngIf=\"!isComponent(mcContent)\" [ngSwitch]=\"true\">\n <ng-container *ngSwitchCase=\"isTemplateRef(mcContent)\"\n [ngTemplateOutlet]=\"$any(mcContent)\">\n </ng-container>\n <ng-container *ngSwitchCase=\"isNonEmptyString(mcContent)\">\n <div [innerHTML]=\"mcContent\"></div>\n </ng-container>\n <ng-container *ngSwitchDefault [ngTemplateOutlet]=\"tplOriginContent\"></ng-container>\n </ng-container>\n </ng-container>\n </div>\n </div>\n </div> <!-- /.mc-confirm-body-wrapper -->\n </div>\n <div class=\"mc-confirm-btns\" *ngIf=\"mcOkText || mcCancelText\">\n <button\n mc-button\n #autoFocusedButton\n [color]=\"mcOkType\"\n [attr.autofocus]=\"true\"\n *ngIf=\"mcOkText\"\n (click)=\"onClickOkCancel('ok')\">\n\n {{ okText }}\n </button>\n\n <button mc-button [color]=\"themePalette.Secondary\" *ngIf=\"mcCancelText\" (click)=\"onClickOkCancel('cancel')\">\n {{ cancelText }}\n </button>\n </div>\n</ng-template>\n<!-- /[Predefined] Confirm Modal Content -->\n", styles: [".mc-confirm .mc-modal-header,.mc-confirm .mc-modal-close{display:none}.mc-confirm .mc-modal-body{padding:var(--mc-modal-confirm-size-padding, 24px)}.mc-confirm-body-wrapper{zoom:1}.mc-confirm-body-wrapper:before,.mc-confirm-body-wrapper:after{content:\"\";display:table}.mc-confirm-body-wrapper:after{clear:both}.mc-confirm-body .mc-confirm-title{display:block;overflow:auto}.mc-confirm .mc-confirm-btns{border-radius:var(--mc-modal-footer-size-border-radius, 0 0 4px 4px);text-align:right}.mc-confirm .mc-confirm-btns button+button,.mc-confirm .mc-confirm-btns button:only-child{margin:16px}.mc-modal{box-sizing:border-box;position:relative;top:var(--mc-modal-size-top, 48px);width:auto;margin:0 auto;list-style:none}.mc-modal.zoom-enter,.mc-modal.zoom-appear{animation-duration:.3s;transform:none;opacity:0}.mc-modal.mc-modal_small{width:var(--mc-modal-size-small, 400px)}.mc-modal.mc-modal_medium{width:var(--mc-modal-size-medium, 640px)}.mc-modal.mc-modal_large{width:var(--mc-modal-size-large, 960px)}.mc-modal .mc-modal-close{position:absolute;z-index:10;top:0;right:0;width:var(--mc-modal-size-close-width, 56px);height:var(--mc-modal-size-close-width, 56px)}.mc-modal-wrap{position:fixed;z-index:1000;inset:0;overflow:auto;-webkit-overflow-scrolling:touch;outline:0}.mc-modal-title{margin:0}.mc-modal-content{position:relative;border-radius:var(--mc-modal-size-border-radius, 4px);background-clip:padding-box;background-color:#fff}.mc-modal-header{display:flex;align-items:center;height:var(--mc-modal-header-size-height, 56px);border-radius:var(--mc-modal-header-size-border-radius, 4px 4px 0 0);padding:var(--mc-modal-header-size-padding, 0 16px)}.mc-modal-body{display:block;overflow-y:auto;max-height:var(--mc-modal-body-size-max-height, calc(100vh - 260px));padding:var(--mc-modal-body-size-padding, 16px 24px 24px);word-wrap:break-word}.mc-modal-footer{display:flex;align-items:center;justify-content:flex-end;height:var(--mc-modal-footer-size-height, 64px);border-radius:var(--mc-modal-footer-size-border-radius, 0 0 4px 4px);padding:var(--mc-modal-footer-size-padding, 0 16px)}.mc-modal-footer button+button{margin-left:16px;margin-bottom:0}.mc-modal-mask{position:fixed;z-index:1000;inset:0;height:100%}.mc-modal-mask.mc-modal-mask-hidden{display:none}.mc-modal-open{overflow:hidden}\n"] }]
419
+ }, template: "<!-- Compatible: the <ng-content> can appear only once -->\n<ng-template #tplOriginContent>\n <ng-content></ng-content>\n</ng-template>\n\n<div>\n <div *ngIf=\"mcMask\"\n class=\"mc-modal-mask\"\n [ngClass]=\"maskAnimationClassMap\"\n [class.mc-modal-mask-hidden]=\"hidden\"\n [ngStyle]=\"mcMaskStyle\"\n [style.zIndex]=\"mcZIndex\"\n ></div>\n <div (mousedown)=\"onClickMask($event)\"\n class=\"mc-modal-wrap {{ mcWrapClassName }}\"\n [style.zIndex]=\"mcZIndex\"\n [style.display]=\"hidden ? 'none' : ''\"\n tabindex=\"-1\">\n\n <div #modalContainer\n class=\"mc-modal {{ mcClassName }} mc-modal_{{ mcSize }}\"\n [ngClass]=\"modalAnimationClassMap\"\n [ngStyle]=\"mcStyle\"\n [style.width]=\"mcWidth | toCssUnit\"\n [style.transform-origin]=\"transformOrigin\">\n\n <div class=\"mc-modal-content\" cdkTrapFocus>\n <button *ngIf=\"mcClosable\"\n mc-button\n (click)=\"onClickCloseBtn()\"\n class=\"mc-modal-close mc-button_transparent\">\n <i mc-icon=\"mc-close-L_16\" class=\"mc-icon mc-icon_light\" [color]=\"themePalette.Secondary\"></i>\n </button>\n <ng-container [ngSwitch]=\"true\">\n <ng-container *ngSwitchCase=\"isModalType('default')\"\n [ngTemplateOutlet]=\"tplContentDefault\"></ng-container>\n <ng-container *ngSwitchCase=\"isModalType('confirm')\"\n [ngTemplateOutlet]=\"tplContentConfirm\"></ng-container>\n <ng-container *ngSwitchCase=\"isModalType('custom')\"\n [ngTemplateOutlet]=\"tplContentCustom\"></ng-container>\n </ng-container>\n </div>\n </div>\n </div>\n</div>\n\n<ng-template #tplContentCustom>\n <ng-container #bodyContainer></ng-container>\n</ng-template>\n\n\n<!-- [Predefined] Default Modal Content -->\n<ng-template #tplContentDefault>\n <div *ngIf=\"mcTitle\" class=\"mc-modal-header\" [class.mc-modal-body_top-overflow]=\"isTopOverflow\">\n <div class=\"mc-modal-title\">\n <ng-container [ngSwitch]=\"true\">\n <ng-container *ngSwitchCase=\"isTemplateRef(mcTitle)\" [ngTemplateOutlet]=\"$any(mcTitle)\"></ng-container>\n <ng-container *ngSwitchCase=\"isNonEmptyString(mcTitle)\">\n <div [innerHTML]=\"mcTitle\"></div>\n </ng-container>\n </ng-container>\n </div>\n </div>\n <div class=\"mc-modal-body mc-scrollbar\" #modalBody [ngStyle]=\"mcBodyStyle\" (scroll)=\"checkOverflow()\">\n <ng-container #bodyContainer>\n <ng-container *ngIf=\"!isComponent(mcContent)\" [ngSwitch]=\"true\">\n <ng-container *ngSwitchCase=\"isTemplateRef(mcContent)\" [ngTemplateOutlet]=\"$any(mcContent)\"></ng-container>\n <ng-container *ngSwitchCase=\"isNonEmptyString(mcContent)\">\n <div [innerHTML]=\"mcContent\"></div>\n </ng-container>\n <ng-container *ngSwitchDefault [ngTemplateOutlet]=\"tplOriginContent\"></ng-container>\n </ng-container>\n </ng-container>\n </div>\n <div *ngIf=\"mcFooter || mcOkText || mcCancelText\" class=\"mc-modal-footer\" [class.mc-modal-body_bottom-overflow]=\"isBottomOverflow\">\n <ng-container [ngSwitch]=\"true\">\n <ng-container *ngSwitchCase=\"isTemplateRef(mcFooter)\" [ngTemplateOutlet]=\"$any(mcFooter)\"></ng-container>\n <ng-container *ngSwitchCase=\"isNonEmptyString(mcFooter)\">\n <div [innerHTML]=\"mcFooter\"></div>\n </ng-container>\n <ng-container *ngSwitchCase=\"isModalButtons(mcFooter)\">\n <ng-container *ngFor=\"let button of $any(mcFooter)\">\n <button\n mc-button\n #autoFocusedButton\n [attr.autofocus]=\"button.autoFocus\"\n [attr.mc-modal-main-action]=\"button.mcModalMainAction\"\n *ngIf=\"getButtonCallableProp(button, 'show')\"\n [disabled]=\"getButtonCallableProp(button, 'disabled')\"\n [class.mc-progress]=\"getButtonCallableProp(button, 'loading')\"\n (click)=\"onButtonClick(button)\"\n [color]=\"button.type\">\n {{ button.label }}\n </button>\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchDefault>\n <button\n #autoFocusedButton\n [attr.autofocus]=\"true\"\n *ngIf=\"mcOkText\"\n mc-button\n [color]=\"themePalette.Primary\"\n (click)=\"onClickOkCancel('ok')\">\n\n {{ okText }}\n </button>\n <button *ngIf=\"mcCancelText\" mc-button (click)=\"onClickOkCancel('cancel')\">\n {{ cancelText }}\n </button>\n </ng-container>\n </ng-container>\n </div>\n</ng-template>\n<!-- /[Predefined] Default Modal Content -->\n\n<!-- [Predefined] Confirm Modal Content -->\n<ng-template #tplContentConfirm>\n <div class=\"mc-modal-body\" [ngStyle]=\"mcBodyStyle\">\n <div class=\"mc-confirm-body-wrapper\">\n <div class=\"mc-confirm-body\">\n <div class=\"mc-confirm-content\">\n <ng-container #bodyContainer>\n <ng-container *ngIf=\"!isComponent(mcContent)\" [ngSwitch]=\"true\">\n <ng-container *ngSwitchCase=\"isTemplateRef(mcContent)\"\n [ngTemplateOutlet]=\"$any(mcContent)\">\n </ng-container>\n <ng-container *ngSwitchCase=\"isNonEmptyString(mcContent)\">\n <div [innerHTML]=\"mcContent\"></div>\n </ng-container>\n <ng-container *ngSwitchDefault [ngTemplateOutlet]=\"tplOriginContent\"></ng-container>\n </ng-container>\n </ng-container>\n </div>\n </div>\n </div> <!-- /.mc-confirm-body-wrapper -->\n </div>\n <div class=\"mc-confirm-btns\" *ngIf=\"mcOkText || mcCancelText\">\n <button\n mc-button\n #autoFocusedButton\n [color]=\"mcOkType\"\n [attr.autofocus]=\"true\"\n *ngIf=\"mcOkText\"\n (click)=\"onClickOkCancel('ok')\">\n\n {{ okText }}\n </button>\n\n <button mc-button [color]=\"themePalette.Secondary\" *ngIf=\"mcCancelText\" (click)=\"onClickOkCancel('cancel')\">\n {{ cancelText }}\n </button>\n </div>\n</ng-template>\n<!-- /[Predefined] Confirm Modal Content -->\n", styles: [".mc-confirm .mc-modal-header,.mc-confirm .mc-modal-close{display:none}.mc-confirm .mc-modal-body{padding:var(--mc-modal-confirm-size-padding, 24px)}.mc-confirm-body-wrapper{zoom:1}.mc-confirm-body-wrapper:before,.mc-confirm-body-wrapper:after{content:\"\";display:table}.mc-confirm-body-wrapper:after{clear:both}.mc-confirm-body .mc-confirm-title{display:block;overflow:auto}.mc-confirm .mc-confirm-btns{border-radius:var(--mc-modal-footer-size-border-radius, 0 0 8px 8px);text-align:right}.mc-confirm .mc-confirm-btns button+button,.mc-confirm .mc-confirm-btns button:only-child{margin:16px}.mc-modal{box-sizing:border-box;position:relative;top:var(--mc-modal-size-top, 48px);width:auto;margin:0 auto;list-style:none}.mc-modal.zoom-enter,.mc-modal.zoom-appear{animation-duration:.3s;transform:none;opacity:0}.mc-modal.mc-modal_small{width:var(--mc-modal-size-small, 400px)}.mc-modal.mc-modal_medium{width:var(--mc-modal-size-medium, 640px)}.mc-modal.mc-modal_large{width:var(--mc-modal-size-large, 960px)}.mc-modal .mc-modal-close{position:absolute;z-index:10;top:0;right:0;width:var(--mc-modal-size-close-width, 56px);height:var(--mc-modal-size-close-width, 56px)}.mc-modal-wrap{position:fixed;z-index:1000;inset:0;overflow:auto;-webkit-overflow-scrolling:touch;outline:0}.mc-modal-title{margin:0}.mc-modal-content{position:relative;border-radius:var(--mc-modal-size-border-radius, 8px);background-clip:padding-box;background-color:#fff}.mc-modal-header{display:flex;align-items:center;height:var(--mc-modal-header-size-height, 56px);border-radius:var(--mc-modal-header-size-border-radius, 8px 8px 0 0);padding:var(--mc-modal-header-size-padding, 0 16px)}.mc-modal-body{display:block;overflow-y:auto;max-height:var(--mc-modal-body-size-max-height, calc(100vh - 260px));padding:var(--mc-modal-body-size-padding, 16px 24px 24px);word-wrap:break-word}.mc-modal-footer{display:flex;align-items:center;justify-content:flex-end;height:var(--mc-modal-footer-size-height, 64px);border-radius:var(--mc-modal-footer-size-border-radius, 0 0 8px 8px);padding:var(--mc-modal-footer-size-padding, 0 16px)}.mc-modal-footer button+button{margin-left:16px;margin-bottom:0}.mc-modal-mask{position:fixed;z-index:1000;inset:0;height:100%}.mc-modal-mask.mc-modal-mask-hidden{display:none}.mc-modal-open{overflow:hidden}\n"] }]
420
420
  }], ctorParameters: function () { return [{ type: i1.Overlay }, { type: i0.Renderer2 }, { type: i0.ComponentFactoryResolver }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i2.McModalControlService }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
421
421
  type: Inject,
422
422
  args: [DOCUMENT]
package/esm2020/modal/modal.directive.mjs CHANGED
@@ -2,9 +2,9 @@ import { Directive } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
3
  export class McModalTitle {
4
4
  }
5
- /** @nocollapse */ McModalTitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McModalTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
6
- /** @nocollapse */ McModalTitle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: McModalTitle, selector: "[mc-modal-title], mc-modal-title, [mcModalTitle]", host: { classAttribute: "mc-modal-header mc-modal-title" }, ngImport: i0 });
7
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McModalTitle, decorators: [{
5
+ /** @nocollapse */ McModalTitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McModalTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
6
+ /** @nocollapse */ McModalTitle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McModalTitle, selector: "[mc-modal-title], mc-modal-title, [mcModalTitle]", host: { classAttribute: "mc-modal-header mc-modal-title" }, ngImport: i0 });
7
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McModalTitle, decorators: [{
8
8
  type: Directive,
9
9
  args: [{
10
10
  selector: `[mc-modal-title], mc-modal-title, [mcModalTitle]`,
@@ -15,9 +15,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
15
15
  }] });
16
16
  export class McModalBody {
17
17
  }
18
- /** @nocollapse */ McModalBody.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McModalBody, deps: [], target: i0.ɵɵFactoryTarget.Directive });
19
- /** @nocollapse */ McModalBody.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: McModalBody, selector: "[mc-modal-body], mc-modal-body, [mcModalBody]", host: { classAttribute: "mc-modal-body" }, ngImport: i0 });
20
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McModalBody, decorators: [{
18
+ /** @nocollapse */ McModalBody.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McModalBody, deps: [], target: i0.ɵɵFactoryTarget.Directive });
19
+ /** @nocollapse */ McModalBody.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McModalBody, selector: "[mc-modal-body], mc-modal-body, [mcModalBody]", host: { classAttribute: "mc-modal-body" }, ngImport: i0 });
20
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McModalBody, decorators: [{
21
21
  type: Directive,
22
22
  args: [{
23
23
  selector: `[mc-modal-body], mc-modal-body, [mcModalBody]`,
@@ -28,9 +28,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
28
28
  }] });
29
29
  export class McModalFooter {
30
30
  }
31
- /** @nocollapse */ McModalFooter.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McModalFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
32
- /** @nocollapse */ McModalFooter.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: McModalFooter, selector: "[mc-modal-footer], mc-modal-footer, [mcModalFooter]", host: { classAttribute: "mc-modal-footer" }, ngImport: i0 });
33
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McModalFooter, decorators: [{
31
+ /** @nocollapse */ McModalFooter.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McModalFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
32
+ /** @nocollapse */ McModalFooter.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McModalFooter, selector: "[mc-modal-footer], mc-modal-footer, [mcModalFooter]", host: { classAttribute: "mc-modal-footer" }, ngImport: i0 });
33
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McModalFooter, decorators: [{
34
34
  type: Directive,
35
35
  args: [{
36
36
  selector: `[mc-modal-footer], mc-modal-footer, [mcModalFooter]`,
@@ -41,9 +41,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
41
41
  }] });
42
42
  export class McModalMainAction {
43
43
  }
44
- /** @nocollapse */ McModalMainAction.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McModalMainAction, deps: [], target: i0.ɵɵFactoryTarget.Directive });
45
- /** @nocollapse */ McModalMainAction.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: McModalMainAction, selector: "[mc-modal-main-action]", ngImport: i0 });
46
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McModalMainAction, decorators: [{
44
+ /** @nocollapse */ McModalMainAction.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McModalMainAction, deps: [], target: i0.ɵɵFactoryTarget.Directive });
45
+ /** @nocollapse */ McModalMainAction.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McModalMainAction, selector: "[mc-modal-main-action]", ngImport: i0 });
46
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McModalMainAction, decorators: [{
47
47
  type: Directive,
48
48
  args: [{
49
49
  selector: `[mc-modal-main-action]`
package/esm2020/modal/modal.module.mjs CHANGED
@@ -12,8 +12,8 @@ import { McModalService } from './modal.service';
12
12
  import * as i0 from "@angular/core";
13
13
  export class McModalModule {
14
14
  }
15
- /** @nocollapse */ McModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
16
- /** @nocollapse */ McModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.2", ngImport: i0, type: McModalModule, declarations: [McModalComponent,
15
+ /** @nocollapse */ McModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
16
+ /** @nocollapse */ McModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: McModalModule, declarations: [McModalComponent,
17
17
  McModalTitle,
18
18
  McModalBody,
19
19
  McModalFooter,
@@ -27,7 +27,7 @@ export class McModalModule {
27
27
  McModalBody,
28
28
  McModalFooter,
29
29
  McModalMainAction] });
30
- /** @nocollapse */ McModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McModalModule, providers: [
30
+ /** @nocollapse */ McModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McModalModule, providers: [
31
31
  McModalControlService,
32
32
  McModalService
33
33
  ], imports: [CommonModule,
@@ -35,7 +35,7 @@ export class McModalModule {
35
35
  A11yModule,
36
36
  McButtonModule,
37
37
  McIconModule] });
38
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McModalModule, decorators: [{
38
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McModalModule, decorators: [{
39
39
  type: NgModule,
40
40
  args: [{
41
41
  imports: [