@ptsecurity/mosaic 15.3.1 → 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 (474) 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 +9 -8
  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 +9 -5
  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-markdown.mjs.map +1 -1
  289. package/fesm2015/ptsecurity-mosaic-modal.mjs +29 -29
  290. package/fesm2015/ptsecurity-mosaic-modal.mjs.map +1 -1
  291. package/fesm2015/ptsecurity-mosaic-navbar.mjs +47 -47
  292. package/fesm2015/ptsecurity-mosaic-navbar.mjs.map +1 -1
  293. package/fesm2015/ptsecurity-mosaic-popover.mjs +18 -18
  294. package/fesm2015/ptsecurity-mosaic-popover.mjs.map +1 -1
  295. package/fesm2015/ptsecurity-mosaic-progress-bar.mjs +7 -7
  296. package/fesm2015/ptsecurity-mosaic-progress-spinner.mjs +9 -9
  297. package/fesm2015/ptsecurity-mosaic-progress-spinner.mjs.map +1 -1
  298. package/fesm2015/ptsecurity-mosaic-radio.mjs +16 -12
  299. package/fesm2015/ptsecurity-mosaic-radio.mjs.map +1 -1
  300. package/fesm2015/ptsecurity-mosaic-select.mjs +28 -28
  301. package/fesm2015/ptsecurity-mosaic-select.mjs.map +1 -1
  302. package/fesm2015/ptsecurity-mosaic-sidebar.mjs +13 -13
  303. package/fesm2015/ptsecurity-mosaic-sidepanel.mjs +27 -27
  304. package/fesm2015/ptsecurity-mosaic-sidepanel.mjs.map +1 -1
  305. package/fesm2015/ptsecurity-mosaic-splitter.mjs +16 -16
  306. package/fesm2015/ptsecurity-mosaic-table.mjs +7 -7
  307. package/fesm2015/ptsecurity-mosaic-tabs.mjs +60 -56
  308. package/fesm2015/ptsecurity-mosaic-tabs.mjs.map +1 -1
  309. package/fesm2015/ptsecurity-mosaic-tags.mjs +26 -26
  310. package/fesm2015/ptsecurity-mosaic-tags.mjs.map +1 -1
  311. package/fesm2015/ptsecurity-mosaic-textarea.mjs +7 -7
  312. package/fesm2015/ptsecurity-mosaic-timepicker.mjs +7 -7
  313. package/fesm2015/ptsecurity-mosaic-timezone.mjs +24 -24
  314. package/fesm2015/ptsecurity-mosaic-timezone.mjs.map +1 -1
  315. package/fesm2015/ptsecurity-mosaic-title.mjs +7 -7
  316. package/fesm2015/ptsecurity-mosaic-toast.mjs +14 -14
  317. package/fesm2015/ptsecurity-mosaic-toast.mjs.map +1 -1
  318. package/fesm2015/ptsecurity-mosaic-toggle.mjs +21 -17
  319. package/fesm2015/ptsecurity-mosaic-toggle.mjs.map +1 -1
  320. package/fesm2015/ptsecurity-mosaic-tooltip.mjs +29 -20
  321. package/fesm2015/ptsecurity-mosaic-tooltip.mjs.map +1 -1
  322. package/fesm2015/ptsecurity-mosaic-tree-select.mjs +19 -16
  323. package/fesm2015/ptsecurity-mosaic-tree-select.mjs.map +1 -1
  324. package/fesm2015/ptsecurity-mosaic-tree.mjs +38 -38
  325. package/fesm2015/ptsecurity-mosaic-tree.mjs.map +1 -1
  326. package/fesm2020/ptsecurity-mosaic-alert.mjs +115 -0
  327. package/fesm2020/ptsecurity-mosaic-alert.mjs.map +1 -0
  328. package/fesm2020/ptsecurity-mosaic-autocomplete.mjs +15 -15
  329. package/fesm2020/ptsecurity-mosaic-button-toggle.mjs +38 -18
  330. package/fesm2020/ptsecurity-mosaic-button-toggle.mjs.map +1 -1
  331. package/fesm2020/ptsecurity-mosaic-button.mjs +41 -23
  332. package/fesm2020/ptsecurity-mosaic-button.mjs.map +1 -1
  333. package/fesm2020/ptsecurity-mosaic-card.mjs +7 -7
  334. package/fesm2020/ptsecurity-mosaic-checkbox.mjs +19 -15
  335. package/fesm2020/ptsecurity-mosaic-checkbox.mjs.map +1 -1
  336. package/fesm2020/ptsecurity-mosaic-code-block.mjs +12 -12
  337. package/fesm2020/ptsecurity-mosaic-code-block.mjs.map +1 -1
  338. package/fesm2020/ptsecurity-mosaic-core.mjs +242 -127
  339. package/fesm2020/ptsecurity-mosaic-core.mjs.map +1 -1
  340. package/fesm2020/ptsecurity-mosaic-datepicker.mjs +36 -35
  341. package/fesm2020/ptsecurity-mosaic-datepicker.mjs.map +1 -1
  342. package/fesm2020/ptsecurity-mosaic-divider.mjs +19 -9
  343. package/fesm2020/ptsecurity-mosaic-divider.mjs.map +1 -1
  344. package/fesm2020/ptsecurity-mosaic-dl.mjs +13 -13
  345. package/fesm2020/ptsecurity-mosaic-dropdown.mjs +20 -20
  346. package/fesm2020/ptsecurity-mosaic-dropdown.mjs.map +1 -1
  347. package/fesm2020/ptsecurity-mosaic-ellipsis-center.mjs +111 -0
  348. package/fesm2020/ptsecurity-mosaic-ellipsis-center.mjs.map +1 -0
  349. package/fesm2020/ptsecurity-mosaic-file-upload.mjs +388 -0
  350. package/fesm2020/ptsecurity-mosaic-file-upload.mjs.map +1 -0
  351. package/fesm2020/ptsecurity-mosaic-form-field.mjs +49 -49
  352. package/fesm2020/ptsecurity-mosaic-form-field.mjs.map +1 -1
  353. package/fesm2020/ptsecurity-mosaic-icon.mjs +89 -29
  354. package/fesm2020/ptsecurity-mosaic-icon.mjs.map +1 -1
  355. package/fesm2020/ptsecurity-mosaic-input.mjs +25 -25
  356. package/fesm2020/ptsecurity-mosaic-link.mjs +17 -7
  357. package/fesm2020/ptsecurity-mosaic-link.mjs.map +1 -1
  358. package/fesm2020/ptsecurity-mosaic-list.mjs +20 -20
  359. package/fesm2020/ptsecurity-mosaic-list.mjs.map +1 -1
  360. package/fesm2020/ptsecurity-mosaic-loader-overlay.mjs +16 -16
  361. package/fesm2020/ptsecurity-mosaic-markdown.mjs +12 -12
  362. package/fesm2020/ptsecurity-mosaic-markdown.mjs.map +1 -1
  363. package/fesm2020/ptsecurity-mosaic-modal.mjs +29 -29
  364. package/fesm2020/ptsecurity-mosaic-modal.mjs.map +1 -1
  365. package/fesm2020/ptsecurity-mosaic-navbar.mjs +47 -47
  366. package/fesm2020/ptsecurity-mosaic-navbar.mjs.map +1 -1
  367. package/fesm2020/ptsecurity-mosaic-popover.mjs +18 -18
  368. package/fesm2020/ptsecurity-mosaic-popover.mjs.map +1 -1
  369. package/fesm2020/ptsecurity-mosaic-progress-bar.mjs +7 -7
  370. package/fesm2020/ptsecurity-mosaic-progress-spinner.mjs +9 -9
  371. package/fesm2020/ptsecurity-mosaic-progress-spinner.mjs.map +1 -1
  372. package/fesm2020/ptsecurity-mosaic-radio.mjs +16 -12
  373. package/fesm2020/ptsecurity-mosaic-radio.mjs.map +1 -1
  374. package/fesm2020/ptsecurity-mosaic-select.mjs +28 -28
  375. package/fesm2020/ptsecurity-mosaic-select.mjs.map +1 -1
  376. package/fesm2020/ptsecurity-mosaic-sidebar.mjs +13 -13
  377. package/fesm2020/ptsecurity-mosaic-sidepanel.mjs +27 -27
  378. package/fesm2020/ptsecurity-mosaic-sidepanel.mjs.map +1 -1
  379. package/fesm2020/ptsecurity-mosaic-splitter.mjs +16 -16
  380. package/fesm2020/ptsecurity-mosaic-table.mjs +7 -7
  381. package/fesm2020/ptsecurity-mosaic-tabs.mjs +60 -56
  382. package/fesm2020/ptsecurity-mosaic-tabs.mjs.map +1 -1
  383. package/fesm2020/ptsecurity-mosaic-tags.mjs +26 -26
  384. package/fesm2020/ptsecurity-mosaic-tags.mjs.map +1 -1
  385. package/fesm2020/ptsecurity-mosaic-textarea.mjs +7 -7
  386. package/fesm2020/ptsecurity-mosaic-timepicker.mjs +7 -7
  387. package/fesm2020/ptsecurity-mosaic-timezone.mjs +24 -24
  388. package/fesm2020/ptsecurity-mosaic-timezone.mjs.map +1 -1
  389. package/fesm2020/ptsecurity-mosaic-title.mjs +7 -7
  390. package/fesm2020/ptsecurity-mosaic-toast.mjs +14 -14
  391. package/fesm2020/ptsecurity-mosaic-toast.mjs.map +1 -1
  392. package/fesm2020/ptsecurity-mosaic-toggle.mjs +21 -17
  393. package/fesm2020/ptsecurity-mosaic-toggle.mjs.map +1 -1
  394. package/fesm2020/ptsecurity-mosaic-tooltip.mjs +29 -20
  395. package/fesm2020/ptsecurity-mosaic-tooltip.mjs.map +1 -1
  396. package/fesm2020/ptsecurity-mosaic-tree-select.mjs +19 -16
  397. package/fesm2020/ptsecurity-mosaic-tree-select.mjs.map +1 -1
  398. package/fesm2020/ptsecurity-mosaic-tree.mjs +38 -38
  399. package/fesm2020/ptsecurity-mosaic-tree.mjs.map +1 -1
  400. package/file-upload/README.md +0 -0
  401. package/file-upload/_file-upload-theme.scss +174 -0
  402. package/file-upload/file-drop.d.ts +11 -0
  403. package/file-upload/file-upload.d.ts +22 -0
  404. package/file-upload/file-upload.module.d.ts +18 -0
  405. package/file-upload/file-upload.scss +46 -0
  406. package/file-upload/index.d.ts +1 -0
  407. package/file-upload/multiple-file-upload.component.d.ts +51 -0
  408. package/file-upload/multiple-file-upload.component.scss +148 -0
  409. package/file-upload/public-api.d.ts +5 -0
  410. package/file-upload/single-file-upload.component.d.ts +34 -0
  411. package/file-upload/single-file-upload.component.scss +60 -0
  412. package/form-field/_form-field-theme.nvl.scss +111 -0
  413. package/form-field/_hint-theme.nvl.scss +67 -0
  414. package/form-field/cleaner.d.ts +2 -2
  415. package/form-field/hint.d.ts +2 -1
  416. package/form-field/hint.scss +15 -0
  417. package/icon/_icon-theme.nvl.scss +267 -0
  418. package/icon/icon.component.d.ts +22 -6
  419. package/icon/icon.module.d.ts +1 -1
  420. package/icon/icon.scss +39 -0
  421. package/input/_input-theme.nvl.scss +56 -0
  422. package/input/input.scss +5 -0
  423. package/link/_link-theme.nvl.scss +178 -0
  424. package/link/_link-theme.scss +2 -3
  425. package/link/link.component.d.ts +4 -1
  426. package/list/_list-theme.nvl.scss +47 -0
  427. package/loader-overlay/_loader-overlay-theme.nvl.scss +34 -0
  428. package/loader-overlay/_loader-overlay-theme.scss +0 -1
  429. package/markdown/_markdown-theme.nvl.scss +142 -0
  430. package/markdown/markdown.scss +13 -7
  431. package/modal/_modal-theme.nvl.scss +90 -0
  432. package/navbar/_navbar-theme.nvl.scss +123 -0
  433. package/package.json +26 -2
  434. package/popover/_popover-theme.nvl.scss +111 -0
  435. package/prebuilt-themes/dark-theme.css +1 -1
  436. package/prebuilt-themes/dark-theme.nvl.css +1 -0
  437. package/prebuilt-themes/default-theme.css +1 -1
  438. package/prebuilt-themes/light-theme.nvl.css +1 -0
  439. package/progress-bar/_progress-bar-theme.nvl.scss +28 -0
  440. package/progress-spinner/_progress-spinner-theme.nvl.scss +24 -0
  441. package/radio/_radio-theme.nvl.scss +95 -0
  442. package/radio/_radio-theme.scss +1 -1
  443. package/radio/radio.component.d.ts +2 -1
  444. package/radio/radio.scss +60 -27
  445. package/select/_select-theme.nvl.scss +55 -0
  446. package/select/_select-theme.scss +6 -0
  447. package/select/select.component.d.ts +1 -1
  448. package/select/select.scss +51 -27
  449. package/sidepanel/_sidepanel-theme.nvl.scss +67 -0
  450. package/splitter/_splitter-theme.nvl.scss +31 -0
  451. package/table/_table-theme.nvl.scss +65 -0
  452. package/table/_table-theme.scss +0 -1
  453. package/tabs/_tabs-theme.nvl.scss +240 -0
  454. package/tabs/tabs.module.d.ts +5 -4
  455. package/tags/_tag-theme.nvl.scss +100 -0
  456. package/tags/_tag-theme.scss +0 -1
  457. package/tags/tag-list.scss +23 -7
  458. package/tags/tag.scss +21 -69
  459. package/textarea/_textarea-theme.nvl.scss +37 -0
  460. package/timezone/_timezone-option-theme.nvl.scss +34 -0
  461. package/toast/_toast-theme.nvl.scss +61 -0
  462. package/toggle/_toggle-theme.nvl.scss +98 -0
  463. package/toggle/_toggle-theme.scss +0 -3
  464. package/toggle/toggle.component.d.ts +2 -1
  465. package/toggle/toggle.scss +51 -76
  466. package/tooltip/_tooltip-theme.nvl.scss +49 -0
  467. package/tooltip/tooltip.component.d.ts +5 -2
  468. package/tooltip/tooltip.scss +10 -39
  469. package/tree/_tree-theme.nvl.scss +69 -0
  470. package/tree-select/_tree-select-theme.nvl.scss +41 -0
  471. package/tree-select/_tree-select-theme.scss +6 -0
  472. package/tree-select/tree-select.component.d.ts +2 -2
  473. package/tree-select/tree-select.scss +13 -0
  474. package/core/styles/theming/_alerts.scss +0 -166
@@ -2,6 +2,8 @@ import * as i1$2 from '@angular/cdk/a11y';
2
2
  import { FocusKeyManager, A11yModule } from '@angular/cdk/a11y';
3
3
  import * as i2$1 from '@angular/cdk/portal';
4
4
  import { CdkPortalOutlet, CdkPortal, TemplatePortal, PortalModule } from '@angular/cdk/portal';
5
+ import * as i1 from '@angular/cdk/scrolling';
6
+ import { CdkScrollableModule } from '@angular/cdk/scrolling';
5
7
  import * as i1$1 from '@angular/common';
6
8
  import { CommonModule } from '@angular/common';
7
9
  import * as i0 from '@angular/core';
@@ -21,7 +23,6 @@ import { hasModifierKey, ENTER, SPACE } from '@angular/cdk/keycodes';
21
23
  import * as i2 from '@angular/cdk/platform';
22
24
  import { normalizePassiveListenerOptions } from '@angular/cdk/platform';
23
25
  import { HOME, END, UP_ARROW, DOWN_ARROW, RIGHT_ARROW, LEFT_ARROW } from '@ptsecurity/cdk/keycodes';
24
- import * as i1 from '@angular/cdk/scrolling';
25
26
 
26
27
  const mcTabsAnimations = {
27
28
  /** Animation translates a tab along the X axis. */
@@ -141,13 +142,13 @@ class McTabBody {
141
142
  return 'right-origin-center';
142
143
  }
143
144
  }
144
- /** @nocollapse */ McTabBody.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McTabBody, deps: [{ token: i0.ElementRef }, { token: i3.Directionality, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
145
- /** @nocollapse */ McTabBody.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: McTabBody, selector: "mc-tab-body", inputs: { position: "position", content: "content", origin: "origin", animationDuration: "animationDuration" }, outputs: { onCentering: "onCentering", beforeCentering: "beforeCentering", afterLeavingCenter: "afterLeavingCenter", onCentered: "onCentered" }, host: { classAttribute: "mc-tab-body" }, viewQueries: [{ propertyName: "portalHost", first: true, predicate: CdkPortalOutlet, descendants: true }], ngImport: i0, template: "<div class=\"mc-tab-body__content\"\n #content\n [@translateTab]=\"{\n value: bodyPosition,\n params: {animationDuration: animationDuration}\n }\"\n (@translateTab.start)=\"onTranslateTabStarted($event)\"\n (@translateTab.done)=\"onTranslateTabComplete($event)\">\n <ng-template mcTabBodyHost></ng-template>\n</div>\n", styles: [".mc-tab-body__content{height:100%;overflow:auto}.mc-tab-body__content .mc-tab-group_dynamic-height{overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return McTabBodyPortal; }), selector: "[mcTabBodyHost]" }], animations: [mcTabsAnimations.translateTab], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
146
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McTabBody, decorators: [{
145
+ /** @nocollapse */ McTabBody.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTabBody, deps: [{ token: i0.ElementRef }, { token: i3.Directionality, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
146
+ /** @nocollapse */ McTabBody.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: McTabBody, selector: "mc-tab-body", inputs: { position: "position", content: "content", origin: "origin", animationDuration: "animationDuration" }, outputs: { onCentering: "onCentering", beforeCentering: "beforeCentering", afterLeavingCenter: "afterLeavingCenter", onCentered: "onCentered" }, host: { classAttribute: "mc-tab-body" }, viewQueries: [{ propertyName: "portalHost", first: true, predicate: CdkPortalOutlet, descendants: true }], ngImport: i0, template: "<div class=\"mc-tab-body__content\"\n #content\n [@translateTab]=\"{\n value: bodyPosition,\n params: {animationDuration: animationDuration}\n }\"\n (@translateTab.start)=\"onTranslateTabStarted($event)\"\n (@translateTab.done)=\"onTranslateTabComplete($event)\"\n cdk-scrollable>\n <ng-template mcTabBodyHost></ng-template>\n</div>\n", styles: [".mc-tab-body__content{height:100%;overflow:auto}.mc-tab-body__content .mc-tab-group_dynamic-height{overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return i1.CdkScrollable; }), selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: i0.forwardRef(function () { return McTabBodyPortal; }), selector: "[mcTabBodyHost]" }], animations: [mcTabsAnimations.translateTab], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
147
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTabBody, decorators: [{
147
148
  type: Component,
148
149
  args: [{ selector: 'mc-tab-body', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [mcTabsAnimations.translateTab], host: {
149
150
  class: 'mc-tab-body'
150
- }, template: "<div class=\"mc-tab-body__content\"\n #content\n [@translateTab]=\"{\n value: bodyPosition,\n params: {animationDuration: animationDuration}\n }\"\n (@translateTab.start)=\"onTranslateTabStarted($event)\"\n (@translateTab.done)=\"onTranslateTabComplete($event)\">\n <ng-template mcTabBodyHost></ng-template>\n</div>\n", styles: [".mc-tab-body__content{height:100%;overflow:auto}.mc-tab-body__content .mc-tab-group_dynamic-height{overflow:hidden}\n"] }]
151
+ }, template: "<div class=\"mc-tab-body__content\"\n #content\n [@translateTab]=\"{\n value: bodyPosition,\n params: {animationDuration: animationDuration}\n }\"\n (@translateTab.start)=\"onTranslateTabStarted($event)\"\n (@translateTab.done)=\"onTranslateTabComplete($event)\"\n cdk-scrollable>\n <ng-template mcTabBodyHost></ng-template>\n</div>\n", styles: [".mc-tab-body__content{height:100%;overflow:auto}.mc-tab-body__content .mc-tab-group_dynamic-height{overflow:hidden}\n"] }]
151
152
  }], ctorParameters: function () {
152
153
  return [{ type: i0.ElementRef }, { type: i3.Directionality, decorators: [{
153
154
  type: Optional
@@ -206,9 +207,9 @@ class McTabBodyPortal extends CdkPortalOutlet {
206
207
  this.leavingSub.unsubscribe();
207
208
  }
208
209
  }
209
- /** @nocollapse */ McTabBodyPortal.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McTabBodyPortal, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.ViewContainerRef }, { token: forwardRef(() => McTabBody) }], target: i0.ɵɵFactoryTarget.Directive });
210
- /** @nocollapse */ McTabBodyPortal.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: McTabBodyPortal, selector: "[mcTabBodyHost]", usesInheritance: true, ngImport: i0 });
211
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McTabBodyPortal, decorators: [{
210
+ /** @nocollapse */ McTabBodyPortal.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTabBodyPortal, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.ViewContainerRef }, { token: forwardRef(() => McTabBody) }], target: i0.ɵɵFactoryTarget.Directive });
211
+ /** @nocollapse */ McTabBodyPortal.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McTabBodyPortal, selector: "[mcTabBodyHost]", usesInheritance: true, ngImport: i0 });
212
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTabBodyPortal, decorators: [{
212
213
  type: Directive,
213
214
  args: [{
214
215
  selector: '[mcTabBodyHost]'
@@ -226,9 +227,9 @@ class McTabContent {
226
227
  this.template = template;
227
228
  }
228
229
  }
229
- /** @nocollapse */ McTabContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McTabContent, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
230
- /** @nocollapse */ McTabContent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: McTabContent, selector: "[mcTabContent]", ngImport: i0 });
231
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McTabContent, decorators: [{
230
+ /** @nocollapse */ McTabContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTabContent, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
231
+ /** @nocollapse */ McTabContent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McTabContent, selector: "[mcTabContent]", ngImport: i0 });
232
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTabContent, decorators: [{
232
233
  type: Directive,
233
234
  args: [{ selector: '[mcTabContent]' }]
234
235
  }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
@@ -237,9 +238,9 @@ const MC_TAB_LABEL = new InjectionToken('McTabLabel');
237
238
  /** Used to flag tab labels for use with the portal directive */
238
239
  class McTabLabel extends CdkPortal {
239
240
  }
240
- /** @nocollapse */ McTabLabel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McTabLabel, deps: null, target: i0.ɵɵFactoryTarget.Directive });
241
- /** @nocollapse */ McTabLabel.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: McTabLabel, selector: "[mc-tab-label], [mcTabLabel]", providers: [{ provide: MC_TAB_LABEL, useExisting: McTabLabel }], usesInheritance: true, ngImport: i0 });
242
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McTabLabel, decorators: [{
241
+ /** @nocollapse */ McTabLabel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTabLabel, deps: null, target: i0.ɵɵFactoryTarget.Directive });
242
+ /** @nocollapse */ McTabLabel.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McTabLabel, selector: "[mc-tab-label], [mcTabLabel]", providers: [{ provide: MC_TAB_LABEL, useExisting: McTabLabel }], usesInheritance: true, ngImport: i0 });
243
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTabLabel, decorators: [{
243
244
  type: Directive,
244
245
  args: [{
245
246
  selector: '[mc-tab-label], [mcTabLabel]',
@@ -336,9 +337,9 @@ class McTab extends McTabMixinBase {
336
337
  }
337
338
  }
338
339
  }
339
- /** @nocollapse */ McTab.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McTab, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
340
- /** @nocollapse */ McTab.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: McTab, selector: "mc-tab", inputs: { disabled: "disabled", tooltipTitle: "tooltipTitle", tooltipPlacement: "tooltipPlacement", textLabel: ["label", "textLabel"], empty: "empty", tabId: "tabId" }, queries: [{ propertyName: "templateLabel", first: true, predicate: MC_TAB_LABEL, descendants: true }, { propertyName: "explicitContent", first: true, predicate: McTabContent, descendants: true, read: TemplateRef, static: true }], viewQueries: [{ propertyName: "implicitContent", first: true, predicate: TemplateRef, descendants: true, static: true }], exportAs: ["mcTab"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
341
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McTab, decorators: [{
340
+ /** @nocollapse */ McTab.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTab, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
341
+ /** @nocollapse */ McTab.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: McTab, selector: "mc-tab", inputs: { disabled: "disabled", tooltipTitle: "tooltipTitle", tooltipPlacement: "tooltipPlacement", textLabel: ["label", "textLabel"], empty: "empty", tabId: "tabId" }, queries: [{ propertyName: "templateLabel", first: true, predicate: MC_TAB_LABEL, descendants: true }, { propertyName: "explicitContent", first: true, predicate: McTabContent, descendants: true, read: TemplateRef, static: true }], viewQueries: [{ propertyName: "implicitContent", first: true, predicate: TemplateRef, descendants: true, static: true }], exportAs: ["mcTab"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
342
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTab, decorators: [{
342
343
  type: Component,
343
344
  args: [{
344
345
  selector: 'mc-tab',
@@ -430,9 +431,9 @@ class McTabLabelWrapper extends McTabLabelWrapperMixinBase {
430
431
  }
431
432
  }
432
433
  }
433
- /** @nocollapse */ McTabLabelWrapper.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McTabLabelWrapper, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
434
- /** @nocollapse */ McTabLabelWrapper.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: McTabLabelWrapper, selector: "[mcTabLabelWrapper]", inputs: { disabled: "disabled", tab: "tab" }, host: { properties: { "attr.disabled": "disabled || null" } }, queries: [{ propertyName: "labelContent", first: true, predicate: ["labelContent"], descendants: true }], usesInheritance: true, ngImport: i0 });
435
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McTabLabelWrapper, decorators: [{
434
+ /** @nocollapse */ McTabLabelWrapper.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTabLabelWrapper, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
435
+ /** @nocollapse */ McTabLabelWrapper.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McTabLabelWrapper, selector: "[mcTabLabelWrapper]", inputs: { disabled: "disabled", tab: "tab" }, host: { properties: { "attr.disabled": "disabled || null" } }, queries: [{ propertyName: "labelContent", first: true, predicate: ["labelContent"], descendants: true }], usesInheritance: true, ngImport: i0 });
436
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTabLabelWrapper, decorators: [{
436
437
  type: Directive,
437
438
  args: [{
438
439
  selector: '[mcTabLabelWrapper]',
@@ -900,9 +901,9 @@ class McPaginatedTabHeader {
900
901
  return { maxScrollDistance, distance: this.scrollDistance };
901
902
  }
902
903
  }
903
- /** @nocollapse */ McPaginatedTabHeader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McPaginatedTabHeader, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.ViewportRuler }, { token: i0.NgZone }, { token: i2.Platform }, { token: i3.Directionality, optional: true }, { token: ANIMATION_MODULE_TYPE, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
904
- /** @nocollapse */ McPaginatedTabHeader.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: McPaginatedTabHeader, inputs: { disablePagination: "disablePagination" }, ngImport: i0 });
905
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McPaginatedTabHeader, decorators: [{
904
+ /** @nocollapse */ McPaginatedTabHeader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McPaginatedTabHeader, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.ViewportRuler }, { token: i0.NgZone }, { token: i2.Platform }, { token: i3.Directionality, optional: true }, { token: ANIMATION_MODULE_TYPE, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
905
+ /** @nocollapse */ McPaginatedTabHeader.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McPaginatedTabHeader, inputs: { disablePagination: "disablePagination" }, ngImport: i0 });
906
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McPaginatedTabHeader, decorators: [{
906
907
  type: Directive
907
908
  }], ctorParameters: function () {
908
909
  return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.ViewportRuler }, { type: i0.NgZone }, { type: i2.Platform }, { type: i3.Directionality, decorators: [{
@@ -936,16 +937,16 @@ class McTabHeader extends McPaginatedTabHeader {
936
937
  event.preventDefault();
937
938
  }
938
939
  }
939
- /** @nocollapse */ McTabHeader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McTabHeader, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.ViewportRuler }, { token: i0.NgZone }, { token: i2.Platform }, { token: i3.Directionality, optional: true }, { token: ANIMATION_MODULE_TYPE, optional: true }], target: i0.ɵɵFactoryTarget.Component });
940
- /** @nocollapse */ McTabHeader.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: McTabHeader, selector: "mc-tab-header", inputs: { selectedIndex: "selectedIndex", vertical: "vertical" }, outputs: { selectFocusedIndex: "selectFocusedIndex", indexFocused: "indexFocused" }, host: { properties: { "class.mc-tab-header_vertical": "vertical", "class.mc-tab-header__pagination-controls_enabled": "showPaginationControls", "class.mc-tab-header_rtl": "getLayoutDirection() == 'rtl'" }, classAttribute: "mc-tab-header" }, queries: [{ propertyName: "items", predicate: McTabLabelWrapper }], viewQueries: [{ propertyName: "tabListContainer", first: true, predicate: ["tabListContainer"], descendants: true, static: true }, { propertyName: "tabList", first: true, predicate: ["tabList"], descendants: true, static: true }, { propertyName: "nextPaginator", first: true, predicate: ["nextPaginator"], descendants: true }, { propertyName: "previousPaginator", first: true, predicate: ["previousPaginator"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"mc-tab-header__pagination mc-tab-header__pagination_before\"\n #previousPaginator\n [class.mc-disabled]=\"disableScrollBefore\"\n (click)=\"handlePaginatorClick('before')\"\n (mousedown)=\"handlePaginatorPress('before', $event)\"\n (touchend)=\"stopInterval()\">\n\n <i mc-icon=\"mc-angle-left-M_16\"></i>\n</div>\n\n<div class=\"mc-tab-header__content\"\n #tabListContainer\n (keydown)=\"handleKeydown($event)\">\n\n <div class=\"mc-tab-list\"\n #tabList\n (cdkObserveContent)=\"onContentChanges()\">\n <div class=\"mc-tab-list__content\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n\n<div class=\"mc-tab-header__pagination mc-tab-header__pagination_after\"\n #nextPaginator\n [class.mc-disabled]=\"disableScrollAfter\"\n (mousedown)=\"handlePaginatorPress('after', $event)\"\n (click)=\"handlePaginatorClick('after')\"\n (touchend)=\"stopInterval()\">\n\n <i mc-icon=\"mc-angle-right-M_16\"></i>\n</div>\n", styles: [".mc-tab-label.cdk-keyboard-focused:after{display:block;content:\"\";position:absolute;top:0;right:calc(-1 * var(--mc-tabs-size-border-width, 1px));bottom:calc(-1 * var(--mc-tabs-size-border-width, 1px));left:calc(-1 * var(--mc-tabs-size-border-width, 1px))}.mc-tab-label.mc-tab-label_horizontal.cdk-keyboard-focused:after,.mc-tab-label_old.cdk-keyboard-focused:after{border-width:calc(var(--mc-tabs-size-border-width, 1px) * 2);border-style:solid;border-top-left-radius:var(--mc-tabs-size-border-radius, 4px);border-top-right-radius:var(--mc-tabs-size-border-radius, 4px);border-bottom-color:transparent}.mc-tab-header{display:flex;overflow:hidden;position:relative;flex-shrink:0}.mc-tab-list__content{display:flex}.mc-tab-group_align-labels-center .mc-tab-list__content{justify-content:center}.mc-tab-group_align-labels-end .mc-tab-list__content{justify-content:flex-end}.mc-tab-header_vertical .mc-tab-list__content{flex-direction:column}.mc-tab-header__pagination{-webkit-user-select:none;user-select:none;position:relative;display:none;justify-content:center;align-items:center;cursor:pointer;z-index:2;-webkit-tap-highlight-color:transparent;touch-action:none;padding-left:12px;padding-right:12px;border-bottom-style:solid;border-bottom-width:var(--mc-tabs-size-border-width, 1px)}.mc-tab-header__pagination.mc-tab-header__pagination_before{border-right-style:solid;border-right-width:var(--mc-tabs-size-border-width, 1px)}.mc-tab-header__pagination.mc-tab-header__pagination_after{border-left-style:solid;border-left-width:var(--mc-tabs-size-border-width, 1px)}.mc-tab-header__pagination-controls_enabled .mc-tab-header__pagination{display:flex}.mc-tab-header__content{display:flex;flex-grow:1;z-index:1;overflow:hidden}.mc-tab-list{position:relative;width:100%;transition:transform .5s cubic-bezier(.35,0,.25,1)}.mc-tab-label{position:relative;box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;height:var(--mc-tabs-size-height, 40px);text-align:center;white-space:nowrap;cursor:pointer;padding-right:var(--mc-tabs-size-padding-horizontal, 16px);padding-left:var(--mc-tabs-size-padding-horizontal, 16px);outline:none;-webkit-user-select:none;user-select:none}.mc-tab-label.mc-active{cursor:default}.mc-tab-label.mc-active:before{display:block;content:\"\";position:absolute}.mc-tab-label.cdk-keyboard-focused{z-index:1}.mc-tab-label:first-child.cdk-keyboard-focused:after{left:0}.mc-tab-label:last-child.cdk-keyboard-focused:after{right:0}.mc-tab-label[disabled]{pointer-events:none}.mc-tab-label .mc-tab-label__content>.mc-icon.mc-icon_left{margin-right:var(--mc-tabs-size-label-icon-margin, 8px)}.mc-tab-label .mc-tab-label__content>.mc-icon.mc-icon_right{margin-left:var(--mc-tabs-size-label-icon-margin, 8px)}.mc-tab-label.mc-tab-label_horizontal{border-bottom-width:var(--mc-tabs-size-border-width, 1px);border-bottom-style:solid}.mc-tab-label.mc-tab-label_horizontal.mc-active:before{bottom:calc(-1 * var(--mc-tabs-size-border-width, 1px));left:0;right:0;height:var(--mc-tabs-size-highlight-height, 4px)}.mc-tab-label.mc-tab-label_vertical{justify-content:flex-start}.mc-tab-label.mc-tab-label_vertical.mc-active:before{top:0;bottom:0;left:calc(-1 * var(--mc-tabs-size-border-width, 1px));width:var(--mc-tabs-size-highlight-height, 5px)}.mc-tab-label.mc-tab-label_vertical.cdk-keyboard-focused:after{right:0;left:0;border-width:calc(var(--mc-tabs-size-border-width, 1px) * 2);border-style:solid}.mc-tab-label.mc-tab-label_vertical .mc-tab-label__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-tab-label_old{border-bottom-width:var(--mc-tabs-size-border-width, 1px);border-bottom-style:solid;border-width:var(--mc-tabs-size-border-width, 1px);border-style:solid;border-top-left-radius:var(--mc-tabs-size-border-radius, 4px);border-top-right-radius:var(--mc-tabs-size-border-radius, 4px);border-left:none;border-left-color:transparent;border-right:none;border-right-color:transparent}.mc-tab-label_old.mc-active{border-width:var(--mc-tabs-size-border-width, 1px);border-style:solid;padding-right:calc(var(--mc-tabs-size-padding-horizontal, 16px) - var(--mc-tabs-size-border-width, 1px));padding-left:calc(var(--mc-tabs-size-padding-horizontal, 16px) - var(--mc-tabs-size-border-width, 1px))}.mc-tab-label_old.mc-active.cdk-keyboard-focused:after{right:calc(-2 * var(--mc-tabs-size-border-width, 1px));left:calc(-2 * var(--mc-tabs-size-border-width, 1px))}.mc-tab-label_old.cdk-keyboard-focused:after{top:-1px}.mc-tab-group_stretch-labels .mc-tab-label,.mc-tab-group_stretch-labels .mc-tab-label_old{flex-basis:0;flex-grow:1}\n"], dependencies: [{ kind: "component", type: i4.McIcon, selector: "[mc-icon]", inputs: ["color"] }, { kind: "directive", type: i4.McIconCSSStyler, selector: "[mc-icon]" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
941
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McTabHeader, decorators: [{
940
+ /** @nocollapse */ McTabHeader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTabHeader, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.ViewportRuler }, { token: i0.NgZone }, { token: i2.Platform }, { token: i3.Directionality, optional: true }, { token: ANIMATION_MODULE_TYPE, optional: true }], target: i0.ɵɵFactoryTarget.Component });
941
+ /** @nocollapse */ McTabHeader.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: McTabHeader, selector: "mc-tab-header", inputs: { selectedIndex: "selectedIndex", vertical: "vertical" }, outputs: { selectFocusedIndex: "selectFocusedIndex", indexFocused: "indexFocused" }, host: { properties: { "class.mc-tab-header_vertical": "vertical", "class.mc-tab-header__pagination-controls_enabled": "showPaginationControls", "class.mc-tab-header_rtl": "getLayoutDirection() == 'rtl'" }, classAttribute: "mc-tab-header" }, queries: [{ propertyName: "items", predicate: McTabLabelWrapper }], viewQueries: [{ propertyName: "tabListContainer", first: true, predicate: ["tabListContainer"], descendants: true, static: true }, { propertyName: "tabList", first: true, predicate: ["tabList"], descendants: true, static: true }, { propertyName: "nextPaginator", first: true, predicate: ["nextPaginator"], descendants: true }, { propertyName: "previousPaginator", first: true, predicate: ["previousPaginator"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"mc-tab-header__pagination mc-tab-header__pagination_before\"\n #previousPaginator\n [class.mc-disabled]=\"disableScrollBefore\"\n (click)=\"handlePaginatorClick('before')\"\n (mousedown)=\"handlePaginatorPress('before', $event)\"\n (touchend)=\"stopInterval()\">\n\n <i mc-icon=\"mc-angle-left-M_16\"></i>\n</div>\n\n<div class=\"mc-tab-header__content\"\n #tabListContainer\n (keydown)=\"handleKeydown($event)\">\n\n <div class=\"mc-tab-list\"\n #tabList\n (cdkObserveContent)=\"onContentChanges()\">\n <div class=\"mc-tab-list__content\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n\n<div class=\"mc-tab-header__pagination mc-tab-header__pagination_after\"\n #nextPaginator\n [class.mc-disabled]=\"disableScrollAfter\"\n (mousedown)=\"handlePaginatorPress('after', $event)\"\n (click)=\"handlePaginatorClick('after')\"\n (touchend)=\"stopInterval()\">\n\n <i mc-icon=\"mc-angle-right-M_16\"></i>\n</div>\n", styles: [".mc-tab-label.cdk-keyboard-focused:after{display:block;content:\"\";position:absolute;top:0;right:calc(-1 * var(--mc-tabs-size-border-width, 1px));bottom:calc(-1 * var(--mc-tabs-size-border-width, 1px));left:calc(-1 * var(--mc-tabs-size-border-width, 1px))}.mc-tab-label.mc-tab-label_horizontal.cdk-keyboard-focused:after,.mc-tab-label_old.cdk-keyboard-focused:after{border-width:calc(var(--mc-tabs-size-border-width, 1px) * 2);border-style:solid;border-top-left-radius:var(--mc-tabs-size-border-radius, 8px);border-top-right-radius:var(--mc-tabs-size-border-radius, 8px);border-bottom-color:transparent}.mc-tab-header{display:flex;overflow:hidden;position:relative;flex-shrink:0}.mc-tab-list__content{display:flex}.mc-tab-group_align-labels-center .mc-tab-list__content{justify-content:center}.mc-tab-group_align-labels-end .mc-tab-list__content{justify-content:flex-end}.mc-tab-header_vertical .mc-tab-list__content{flex-direction:column}.mc-tab-header__pagination{-webkit-user-select:none;user-select:none;position:relative;display:none;justify-content:center;align-items:center;cursor:pointer;z-index:2;-webkit-tap-highlight-color:transparent;touch-action:none;padding-left:12px;padding-right:12px;border-bottom-style:solid;border-bottom-width:var(--mc-tabs-size-border-width, 1px)}.mc-tab-header__pagination.mc-tab-header__pagination_before{border-right-style:solid;border-right-width:var(--mc-tabs-size-border-width, 1px)}.mc-tab-header__pagination.mc-tab-header__pagination_after{border-left-style:solid;border-left-width:var(--mc-tabs-size-border-width, 1px)}.mc-tab-header__pagination-controls_enabled .mc-tab-header__pagination{display:flex}.mc-tab-header__content{display:flex;flex-grow:1;z-index:1;overflow:hidden}.mc-tab-list{position:relative;width:100%;transition:transform .5s cubic-bezier(.35,0,.25,1)}.mc-tab-label{position:relative;box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;height:var(--mc-tabs-size-height, 40px);text-align:center;white-space:nowrap;cursor:pointer;padding-right:var(--mc-tabs-size-padding-horizontal, 16px);padding-left:var(--mc-tabs-size-padding-horizontal, 16px);outline:none;-webkit-user-select:none;user-select:none}.mc-tab-label.mc-active{cursor:default}.mc-tab-label.mc-active:before{display:block;content:\"\";position:absolute}.mc-tab-label.cdk-keyboard-focused{z-index:1}.mc-tab-label:first-child.cdk-keyboard-focused:after{left:0}.mc-tab-label:last-child.cdk-keyboard-focused:after{right:0}.mc-tab-label[disabled]{pointer-events:none}.mc-tab-label .mc-tab-label__content>.mc-icon.mc-icon_left{margin-right:var(--mc-tabs-size-label-icon-margin, 8px)}.mc-tab-label .mc-tab-label__content>.mc-icon.mc-icon_right{margin-left:var(--mc-tabs-size-label-icon-margin, 8px)}.mc-tab-label.mc-tab-label_horizontal{border-bottom-width:var(--mc-tabs-size-border-width, 1px);border-bottom-style:solid}.mc-tab-label.mc-tab-label_horizontal.mc-active:before{bottom:calc(-1 * var(--mc-tabs-size-border-width, 1px));left:0;right:0;height:var(--mc-tabs-size-highlight-height, 4px)}.mc-tab-label.mc-tab-label_vertical{justify-content:flex-start}.mc-tab-label.mc-tab-label_vertical.mc-active:before{top:0;bottom:0;left:calc(-1 * var(--mc-tabs-size-border-width, 1px));width:var(--mc-tabs-size-highlight-height, 5px)}.mc-tab-label.mc-tab-label_vertical.cdk-keyboard-focused:after{right:0;left:0;border-width:calc(var(--mc-tabs-size-border-width, 1px) * 2);border-style:solid}.mc-tab-label.mc-tab-label_vertical .mc-tab-label__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-tab-label_old{border-bottom-width:var(--mc-tabs-size-border-width, 1px);border-bottom-style:solid;border-width:var(--mc-tabs-size-border-width, 1px);border-style:solid;border-top-left-radius:var(--mc-tabs-size-border-radius, 8px);border-top-right-radius:var(--mc-tabs-size-border-radius, 8px);border-left:none;border-left-color:transparent;border-right:none;border-right-color:transparent}.mc-tab-label_old.mc-active{border-width:var(--mc-tabs-size-border-width, 1px);border-style:solid;padding-right:calc(var(--mc-tabs-size-padding-horizontal, 16px) - var(--mc-tabs-size-border-width, 1px));padding-left:calc(var(--mc-tabs-size-padding-horizontal, 16px) - var(--mc-tabs-size-border-width, 1px))}.mc-tab-label_old.mc-active.cdk-keyboard-focused:after{right:calc(-2 * var(--mc-tabs-size-border-width, 1px));left:calc(-2 * var(--mc-tabs-size-border-width, 1px))}.mc-tab-label_old.cdk-keyboard-focused:after{top:-1px}.mc-tab-group_stretch-labels .mc-tab-label,.mc-tab-group_stretch-labels .mc-tab-label_old{flex-basis:0;flex-grow:1}\n"], dependencies: [{ kind: "component", type: i4.McIcon, selector: "[mc-icon]", inputs: ["color", "small"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
942
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTabHeader, decorators: [{
942
943
  type: Component,
943
944
  args: [{ selector: 'mc-tab-header', inputs: ['selectedIndex'], outputs: ['selectFocusedIndex', 'indexFocused'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, host: {
944
945
  class: 'mc-tab-header',
945
946
  '[class.mc-tab-header_vertical]': 'vertical',
946
947
  '[class.mc-tab-header__pagination-controls_enabled]': 'showPaginationControls',
947
948
  '[class.mc-tab-header_rtl]': 'getLayoutDirection() == \'rtl\''
948
- }, template: "<div class=\"mc-tab-header__pagination mc-tab-header__pagination_before\"\n #previousPaginator\n [class.mc-disabled]=\"disableScrollBefore\"\n (click)=\"handlePaginatorClick('before')\"\n (mousedown)=\"handlePaginatorPress('before', $event)\"\n (touchend)=\"stopInterval()\">\n\n <i mc-icon=\"mc-angle-left-M_16\"></i>\n</div>\n\n<div class=\"mc-tab-header__content\"\n #tabListContainer\n (keydown)=\"handleKeydown($event)\">\n\n <div class=\"mc-tab-list\"\n #tabList\n (cdkObserveContent)=\"onContentChanges()\">\n <div class=\"mc-tab-list__content\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n\n<div class=\"mc-tab-header__pagination mc-tab-header__pagination_after\"\n #nextPaginator\n [class.mc-disabled]=\"disableScrollAfter\"\n (mousedown)=\"handlePaginatorPress('after', $event)\"\n (click)=\"handlePaginatorClick('after')\"\n (touchend)=\"stopInterval()\">\n\n <i mc-icon=\"mc-angle-right-M_16\"></i>\n</div>\n", styles: [".mc-tab-label.cdk-keyboard-focused:after{display:block;content:\"\";position:absolute;top:0;right:calc(-1 * var(--mc-tabs-size-border-width, 1px));bottom:calc(-1 * var(--mc-tabs-size-border-width, 1px));left:calc(-1 * var(--mc-tabs-size-border-width, 1px))}.mc-tab-label.mc-tab-label_horizontal.cdk-keyboard-focused:after,.mc-tab-label_old.cdk-keyboard-focused:after{border-width:calc(var(--mc-tabs-size-border-width, 1px) * 2);border-style:solid;border-top-left-radius:var(--mc-tabs-size-border-radius, 4px);border-top-right-radius:var(--mc-tabs-size-border-radius, 4px);border-bottom-color:transparent}.mc-tab-header{display:flex;overflow:hidden;position:relative;flex-shrink:0}.mc-tab-list__content{display:flex}.mc-tab-group_align-labels-center .mc-tab-list__content{justify-content:center}.mc-tab-group_align-labels-end .mc-tab-list__content{justify-content:flex-end}.mc-tab-header_vertical .mc-tab-list__content{flex-direction:column}.mc-tab-header__pagination{-webkit-user-select:none;user-select:none;position:relative;display:none;justify-content:center;align-items:center;cursor:pointer;z-index:2;-webkit-tap-highlight-color:transparent;touch-action:none;padding-left:12px;padding-right:12px;border-bottom-style:solid;border-bottom-width:var(--mc-tabs-size-border-width, 1px)}.mc-tab-header__pagination.mc-tab-header__pagination_before{border-right-style:solid;border-right-width:var(--mc-tabs-size-border-width, 1px)}.mc-tab-header__pagination.mc-tab-header__pagination_after{border-left-style:solid;border-left-width:var(--mc-tabs-size-border-width, 1px)}.mc-tab-header__pagination-controls_enabled .mc-tab-header__pagination{display:flex}.mc-tab-header__content{display:flex;flex-grow:1;z-index:1;overflow:hidden}.mc-tab-list{position:relative;width:100%;transition:transform .5s cubic-bezier(.35,0,.25,1)}.mc-tab-label{position:relative;box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;height:var(--mc-tabs-size-height, 40px);text-align:center;white-space:nowrap;cursor:pointer;padding-right:var(--mc-tabs-size-padding-horizontal, 16px);padding-left:var(--mc-tabs-size-padding-horizontal, 16px);outline:none;-webkit-user-select:none;user-select:none}.mc-tab-label.mc-active{cursor:default}.mc-tab-label.mc-active:before{display:block;content:\"\";position:absolute}.mc-tab-label.cdk-keyboard-focused{z-index:1}.mc-tab-label:first-child.cdk-keyboard-focused:after{left:0}.mc-tab-label:last-child.cdk-keyboard-focused:after{right:0}.mc-tab-label[disabled]{pointer-events:none}.mc-tab-label .mc-tab-label__content>.mc-icon.mc-icon_left{margin-right:var(--mc-tabs-size-label-icon-margin, 8px)}.mc-tab-label .mc-tab-label__content>.mc-icon.mc-icon_right{margin-left:var(--mc-tabs-size-label-icon-margin, 8px)}.mc-tab-label.mc-tab-label_horizontal{border-bottom-width:var(--mc-tabs-size-border-width, 1px);border-bottom-style:solid}.mc-tab-label.mc-tab-label_horizontal.mc-active:before{bottom:calc(-1 * var(--mc-tabs-size-border-width, 1px));left:0;right:0;height:var(--mc-tabs-size-highlight-height, 4px)}.mc-tab-label.mc-tab-label_vertical{justify-content:flex-start}.mc-tab-label.mc-tab-label_vertical.mc-active:before{top:0;bottom:0;left:calc(-1 * var(--mc-tabs-size-border-width, 1px));width:var(--mc-tabs-size-highlight-height, 5px)}.mc-tab-label.mc-tab-label_vertical.cdk-keyboard-focused:after{right:0;left:0;border-width:calc(var(--mc-tabs-size-border-width, 1px) * 2);border-style:solid}.mc-tab-label.mc-tab-label_vertical .mc-tab-label__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-tab-label_old{border-bottom-width:var(--mc-tabs-size-border-width, 1px);border-bottom-style:solid;border-width:var(--mc-tabs-size-border-width, 1px);border-style:solid;border-top-left-radius:var(--mc-tabs-size-border-radius, 4px);border-top-right-radius:var(--mc-tabs-size-border-radius, 4px);border-left:none;border-left-color:transparent;border-right:none;border-right-color:transparent}.mc-tab-label_old.mc-active{border-width:var(--mc-tabs-size-border-width, 1px);border-style:solid;padding-right:calc(var(--mc-tabs-size-padding-horizontal, 16px) - var(--mc-tabs-size-border-width, 1px));padding-left:calc(var(--mc-tabs-size-padding-horizontal, 16px) - var(--mc-tabs-size-border-width, 1px))}.mc-tab-label_old.mc-active.cdk-keyboard-focused:after{right:calc(-2 * var(--mc-tabs-size-border-width, 1px));left:calc(-2 * var(--mc-tabs-size-border-width, 1px))}.mc-tab-label_old.cdk-keyboard-focused:after{top:-1px}.mc-tab-group_stretch-labels .mc-tab-label,.mc-tab-group_stretch-labels .mc-tab-label_old{flex-basis:0;flex-grow:1}\n"] }]
949
+ }, template: "<div class=\"mc-tab-header__pagination mc-tab-header__pagination_before\"\n #previousPaginator\n [class.mc-disabled]=\"disableScrollBefore\"\n (click)=\"handlePaginatorClick('before')\"\n (mousedown)=\"handlePaginatorPress('before', $event)\"\n (touchend)=\"stopInterval()\">\n\n <i mc-icon=\"mc-angle-left-M_16\"></i>\n</div>\n\n<div class=\"mc-tab-header__content\"\n #tabListContainer\n (keydown)=\"handleKeydown($event)\">\n\n <div class=\"mc-tab-list\"\n #tabList\n (cdkObserveContent)=\"onContentChanges()\">\n <div class=\"mc-tab-list__content\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n\n<div class=\"mc-tab-header__pagination mc-tab-header__pagination_after\"\n #nextPaginator\n [class.mc-disabled]=\"disableScrollAfter\"\n (mousedown)=\"handlePaginatorPress('after', $event)\"\n (click)=\"handlePaginatorClick('after')\"\n (touchend)=\"stopInterval()\">\n\n <i mc-icon=\"mc-angle-right-M_16\"></i>\n</div>\n", styles: [".mc-tab-label.cdk-keyboard-focused:after{display:block;content:\"\";position:absolute;top:0;right:calc(-1 * var(--mc-tabs-size-border-width, 1px));bottom:calc(-1 * var(--mc-tabs-size-border-width, 1px));left:calc(-1 * var(--mc-tabs-size-border-width, 1px))}.mc-tab-label.mc-tab-label_horizontal.cdk-keyboard-focused:after,.mc-tab-label_old.cdk-keyboard-focused:after{border-width:calc(var(--mc-tabs-size-border-width, 1px) * 2);border-style:solid;border-top-left-radius:var(--mc-tabs-size-border-radius, 8px);border-top-right-radius:var(--mc-tabs-size-border-radius, 8px);border-bottom-color:transparent}.mc-tab-header{display:flex;overflow:hidden;position:relative;flex-shrink:0}.mc-tab-list__content{display:flex}.mc-tab-group_align-labels-center .mc-tab-list__content{justify-content:center}.mc-tab-group_align-labels-end .mc-tab-list__content{justify-content:flex-end}.mc-tab-header_vertical .mc-tab-list__content{flex-direction:column}.mc-tab-header__pagination{-webkit-user-select:none;user-select:none;position:relative;display:none;justify-content:center;align-items:center;cursor:pointer;z-index:2;-webkit-tap-highlight-color:transparent;touch-action:none;padding-left:12px;padding-right:12px;border-bottom-style:solid;border-bottom-width:var(--mc-tabs-size-border-width, 1px)}.mc-tab-header__pagination.mc-tab-header__pagination_before{border-right-style:solid;border-right-width:var(--mc-tabs-size-border-width, 1px)}.mc-tab-header__pagination.mc-tab-header__pagination_after{border-left-style:solid;border-left-width:var(--mc-tabs-size-border-width, 1px)}.mc-tab-header__pagination-controls_enabled .mc-tab-header__pagination{display:flex}.mc-tab-header__content{display:flex;flex-grow:1;z-index:1;overflow:hidden}.mc-tab-list{position:relative;width:100%;transition:transform .5s cubic-bezier(.35,0,.25,1)}.mc-tab-label{position:relative;box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;height:var(--mc-tabs-size-height, 40px);text-align:center;white-space:nowrap;cursor:pointer;padding-right:var(--mc-tabs-size-padding-horizontal, 16px);padding-left:var(--mc-tabs-size-padding-horizontal, 16px);outline:none;-webkit-user-select:none;user-select:none}.mc-tab-label.mc-active{cursor:default}.mc-tab-label.mc-active:before{display:block;content:\"\";position:absolute}.mc-tab-label.cdk-keyboard-focused{z-index:1}.mc-tab-label:first-child.cdk-keyboard-focused:after{left:0}.mc-tab-label:last-child.cdk-keyboard-focused:after{right:0}.mc-tab-label[disabled]{pointer-events:none}.mc-tab-label .mc-tab-label__content>.mc-icon.mc-icon_left{margin-right:var(--mc-tabs-size-label-icon-margin, 8px)}.mc-tab-label .mc-tab-label__content>.mc-icon.mc-icon_right{margin-left:var(--mc-tabs-size-label-icon-margin, 8px)}.mc-tab-label.mc-tab-label_horizontal{border-bottom-width:var(--mc-tabs-size-border-width, 1px);border-bottom-style:solid}.mc-tab-label.mc-tab-label_horizontal.mc-active:before{bottom:calc(-1 * var(--mc-tabs-size-border-width, 1px));left:0;right:0;height:var(--mc-tabs-size-highlight-height, 4px)}.mc-tab-label.mc-tab-label_vertical{justify-content:flex-start}.mc-tab-label.mc-tab-label_vertical.mc-active:before{top:0;bottom:0;left:calc(-1 * var(--mc-tabs-size-border-width, 1px));width:var(--mc-tabs-size-highlight-height, 5px)}.mc-tab-label.mc-tab-label_vertical.cdk-keyboard-focused:after{right:0;left:0;border-width:calc(var(--mc-tabs-size-border-width, 1px) * 2);border-style:solid}.mc-tab-label.mc-tab-label_vertical .mc-tab-label__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-tab-label_old{border-bottom-width:var(--mc-tabs-size-border-width, 1px);border-bottom-style:solid;border-width:var(--mc-tabs-size-border-width, 1px);border-style:solid;border-top-left-radius:var(--mc-tabs-size-border-radius, 8px);border-top-right-radius:var(--mc-tabs-size-border-radius, 8px);border-left:none;border-left-color:transparent;border-right:none;border-right-color:transparent}.mc-tab-label_old.mc-active{border-width:var(--mc-tabs-size-border-width, 1px);border-style:solid;padding-right:calc(var(--mc-tabs-size-padding-horizontal, 16px) - var(--mc-tabs-size-border-width, 1px));padding-left:calc(var(--mc-tabs-size-padding-horizontal, 16px) - var(--mc-tabs-size-border-width, 1px))}.mc-tab-label_old.mc-active.cdk-keyboard-focused:after{right:calc(-2 * var(--mc-tabs-size-border-width, 1px));left:calc(-2 * var(--mc-tabs-size-border-width, 1px))}.mc-tab-label_old.cdk-keyboard-focused:after{top:-1px}.mc-tab-group_stretch-labels .mc-tab-label,.mc-tab-group_stretch-labels .mc-tab-label_old{flex-basis:0;flex-grow:1}\n"] }]
949
950
  }], ctorParameters: function () {
950
951
  return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.ViewportRuler }, { type: i0.NgZone }, { type: i2.Platform }, { type: i3.Directionality, decorators: [{
951
952
  type: Optional
@@ -976,9 +977,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
976
977
 
977
978
  class McOldTabsCssStyler {
978
979
  }
979
- /** @nocollapse */ McOldTabsCssStyler.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McOldTabsCssStyler, deps: [], target: i0.ɵɵFactoryTarget.Directive });
980
- /** @nocollapse */ McOldTabsCssStyler.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: McOldTabsCssStyler, selector: "mc-tab-group[mc-old-tabs]", host: { classAttribute: "mc-tab-group_old" }, ngImport: i0 });
981
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McOldTabsCssStyler, decorators: [{
980
+ /** @nocollapse */ McOldTabsCssStyler.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McOldTabsCssStyler, deps: [], target: i0.ɵɵFactoryTarget.Directive });
981
+ /** @nocollapse */ McOldTabsCssStyler.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McOldTabsCssStyler, selector: "mc-tab-group[mc-old-tabs]", host: { classAttribute: "mc-tab-group_old" }, ngImport: i0 });
982
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McOldTabsCssStyler, decorators: [{
982
983
  type: Directive,
983
984
  args: [{
984
985
  selector: 'mc-tab-group[mc-old-tabs]',
@@ -987,9 +988,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
987
988
  }] });
988
989
  class McAlignTabsCenterCssStyler {
989
990
  }
990
- /** @nocollapse */ McAlignTabsCenterCssStyler.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McAlignTabsCenterCssStyler, deps: [], target: i0.ɵɵFactoryTarget.Directive });
991
- /** @nocollapse */ McAlignTabsCenterCssStyler.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: McAlignTabsCenterCssStyler, selector: "mc-tab-group[mc-align-tabs-center], [mc-tab-nav-bar][mc-align-tabs-center]", host: { classAttribute: "mc-tab-group_align-labels-center" }, ngImport: i0 });
992
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McAlignTabsCenterCssStyler, decorators: [{
991
+ /** @nocollapse */ McAlignTabsCenterCssStyler.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McAlignTabsCenterCssStyler, deps: [], target: i0.ɵɵFactoryTarget.Directive });
992
+ /** @nocollapse */ McAlignTabsCenterCssStyler.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McAlignTabsCenterCssStyler, selector: "mc-tab-group[mc-align-tabs-center], [mc-tab-nav-bar][mc-align-tabs-center]", host: { classAttribute: "mc-tab-group_align-labels-center" }, ngImport: i0 });
993
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McAlignTabsCenterCssStyler, decorators: [{
993
994
  type: Directive,
994
995
  args: [{
995
996
  selector: 'mc-tab-group[mc-align-tabs-center], [mc-tab-nav-bar][mc-align-tabs-center]',
@@ -998,9 +999,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
998
999
  }] });
999
1000
  class McAlignTabsEndCssStyler {
1000
1001
  }
1001
- /** @nocollapse */ McAlignTabsEndCssStyler.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McAlignTabsEndCssStyler, deps: [], target: i0.ɵɵFactoryTarget.Directive });
1002
- /** @nocollapse */ McAlignTabsEndCssStyler.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: McAlignTabsEndCssStyler, selector: "mc-tab-group[mc-align-tabs-end], [mc-tab-nav-bar][mc-align-tabs-end]", host: { classAttribute: "mc-tab-group_align-labels-end" }, ngImport: i0 });
1003
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McAlignTabsEndCssStyler, decorators: [{
1002
+ /** @nocollapse */ McAlignTabsEndCssStyler.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McAlignTabsEndCssStyler, deps: [], target: i0.ɵɵFactoryTarget.Directive });
1003
+ /** @nocollapse */ McAlignTabsEndCssStyler.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McAlignTabsEndCssStyler, selector: "mc-tab-group[mc-align-tabs-end], [mc-tab-nav-bar][mc-align-tabs-end]", host: { classAttribute: "mc-tab-group_align-labels-end" }, ngImport: i0 });
1004
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McAlignTabsEndCssStyler, decorators: [{
1004
1005
  type: Directive,
1005
1006
  args: [{
1006
1007
  selector: 'mc-tab-group[mc-align-tabs-end], [mc-tab-nav-bar][mc-align-tabs-end]',
@@ -1009,9 +1010,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
1009
1010
  }] });
1010
1011
  class McStretchTabsCssStyler {
1011
1012
  }
1012
- /** @nocollapse */ McStretchTabsCssStyler.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McStretchTabsCssStyler, deps: [], target: i0.ɵɵFactoryTarget.Directive });
1013
- /** @nocollapse */ McStretchTabsCssStyler.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: McStretchTabsCssStyler, selector: "mc-tab-group[mc-stretch-tabs], [mc-tab-nav-bar][mc-stretch-tabs]", host: { classAttribute: "mc-tab-group_stretch-labels" }, ngImport: i0 });
1014
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McStretchTabsCssStyler, decorators: [{
1013
+ /** @nocollapse */ McStretchTabsCssStyler.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McStretchTabsCssStyler, deps: [], target: i0.ɵɵFactoryTarget.Directive });
1014
+ /** @nocollapse */ McStretchTabsCssStyler.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McStretchTabsCssStyler, selector: "mc-tab-group[mc-stretch-tabs], [mc-tab-nav-bar][mc-stretch-tabs]", host: { classAttribute: "mc-tab-group_stretch-labels" }, ngImport: i0 });
1015
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McStretchTabsCssStyler, decorators: [{
1015
1016
  type: Directive,
1016
1017
  args: [{
1017
1018
  selector: 'mc-tab-group[mc-stretch-tabs], [mc-tab-nav-bar][mc-stretch-tabs]',
@@ -1020,9 +1021,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
1020
1021
  }] });
1021
1022
  class McVerticalTabsCssStyler {
1022
1023
  }
1023
- /** @nocollapse */ McVerticalTabsCssStyler.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McVerticalTabsCssStyler, deps: [], target: i0.ɵɵFactoryTarget.Directive });
1024
- /** @nocollapse */ McVerticalTabsCssStyler.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: McVerticalTabsCssStyler, selector: "mc-tab-group[vertical], [mc-tab-nav-bar][vertical]", host: { classAttribute: "mc-tab-group_vertical" }, ngImport: i0 });
1025
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McVerticalTabsCssStyler, decorators: [{
1024
+ /** @nocollapse */ McVerticalTabsCssStyler.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McVerticalTabsCssStyler, deps: [], target: i0.ɵɵFactoryTarget.Directive });
1025
+ /** @nocollapse */ McVerticalTabsCssStyler.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McVerticalTabsCssStyler, selector: "mc-tab-group[vertical], [mc-tab-nav-bar][vertical]", host: { classAttribute: "mc-tab-group_vertical" }, ngImport: i0 });
1026
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McVerticalTabsCssStyler, decorators: [{
1026
1027
  type: Directive,
1027
1028
  args: [{
1028
1029
  selector: 'mc-tab-group[vertical], [mc-tab-nav-bar][vertical]',
@@ -1260,9 +1261,9 @@ class McTabGroup extends McTabGroupMixinBase {
1260
1261
  return Math.min(this.tabs.length - 1, Math.max(index || 0, 0));
1261
1262
  }
1262
1263
  }
1263
- /** @nocollapse */ McTabGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McTabGroup, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: 'mc-old-tabs', attribute: true }, { token: 'vertical', attribute: true }, { token: MC_TABS_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Component });
1264
- /** @nocollapse */ McTabGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: McTabGroup, selector: "mc-tab-group", inputs: { disabled: "disabled", dynamicHeight: "dynamicHeight", selectedIndex: "selectedIndex", headerPosition: "headerPosition", animationDuration: "animationDuration" }, outputs: { selectedIndexChange: "selectedIndexChange", focusChange: "focusChange", animationDone: "animationDone", selectedTabChange: "selectedTabChange" }, host: { listeners: { "window:resize": "resizeStream.next($event)" }, properties: { "class.mc-tab-group_dynamic-height": "dynamicHeight", "class.mc-tab-group_inverted-header": "headerPosition === \"below\"" }, classAttribute: "mc-tab-group" }, queries: [{ propertyName: "tabs", predicate: McTab }], viewQueries: [{ propertyName: "tabBodyWrapper", first: true, predicate: ["tabBodyWrapper"], descendants: true }, { propertyName: "tabHeader", first: true, predicate: ["tabHeader"], descendants: true }], exportAs: ["mcTabGroup"], usesInheritance: true, ngImport: i0, template: "<mc-tab-header\n #tabHeader\n [vertical]=\"vertical\"\n [selectedIndex]=\"selectedIndex\"\n (indexFocused)=\"focusChanged($event)\"\n (selectFocusedIndex)=\"selectedIndex = $event\">\n\n <div class=\"mc-tab-label\"\n mcTabLabelWrapper\n cdkMonitorElementFocus\n [attr.tabindex]=\"getTabIndex(tab, i)\"\n [class.mc-tab-label_old]=\"oldTab\"\n [class.mc-tab-label_horizontal]=\"!vertical && !oldTab\"\n [class.mc-tab-label_vertical]=\"vertical && !oldTab\"\n [class.mc-tab-label_empty]=\"tab.empty\"\n [class.mc-active]=\"selectedIndex == i\"\n *ngFor=\"let tab of tabs; let i = index\"\n [tab]=\"tab\"\n [id]=\"getTabLabelId(i)\"\n [disabled]=\"tab.disabled\"\n (click)=\"handleClick(tab, tabHeader, i)\"\n\n [mcTooltip]=\"tab.tooltipTitle\"\n [mcTooltipDisabled]=\"!tab.empty && !tab.isOverflown\"\n [mcTrigger]=\"'hover, focus'\"\n [mcPlacement]=\"tab.tooltipPlacement\">\n\n <div #labelContent class=\"mc-tab-label__content\"\n [class.mc-tab-label__template]=\"tab.templateLabel\">\n <!-- If there is a label template, use it. -->\n <ng-template [ngIf]=\"tab.templateLabel\">\n <ng-template [cdkPortalOutlet]=\"tab.templateLabel\"></ng-template>\n </ng-template>\n\n <!-- If there is not a label template, fall back to the text label. -->\n <ng-template [ngIf]=\"!tab.templateLabel\">{{ tab.textLabel }}</ng-template>\n </div>\n </div>\n</mc-tab-header>\n\n<div class=\"mc-tab-body__wrapper\" #tabBodyWrapper>\n <mc-tab-body\n *ngFor=\"let tab of tabs; let i = index\"\n [id]=\"getTabContentId(i)\"\n [class.mc-tab-body__active]=\"selectedIndex == i\"\n [content]=\"tab.content!\"\n [position]=\"tab.position!\"\n [origin]=\"tab.origin!\"\n [animationDuration]=\"animationDuration\"\n (onCentered)=\"removeTabBodyWrapperHeight()\"\n (onCentering)=\"setTabBodyWrapperHeight($event)\">\n </mc-tab-body>\n</div>\n", styles: [".mc-tab-group{display:flex;flex-direction:column;box-sizing:border-box;text-align:left}.mc-tab-group.mc-tab-group_inverted-header{flex-direction:column-reverse}.mc-tab-group_vertical{flex-direction:row}.mc-tab-group_vertical .mc-tab-header__content{overflow-y:auto;padding-top:8px;padding-bottom:1px;border-right-width:var(--mc-tabs-size-border-width, 1px);border-right-style:solid}.mc-tab-body__wrapper{display:flex;overflow:hidden;position:relative}.mc-tab-body{inset:0;position:absolute;display:block;overflow:hidden;flex-basis:100%}.mc-tab-body.mc-tab-body__active{overflow-x:hidden;overflow-y:auto;position:relative;z-index:1;flex-grow:1}.mc-tab-group.mc-tab-group_dynamic-height .mc-tab-body.mc-tab-body__active{overflow-y:hidden}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: i1$2.CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }, { kind: "directive", type: i4$1.McTooltipTrigger, selector: "[mcTooltip]", inputs: ["mcVisible", "mcPlacement", "mcPlacementPriority", "mcTooltip", "mcTooltipDisabled", "mcEnterDelay", "mcLeaveDelay", "mcTrigger", "mcTooltipClass"], outputs: ["mcPlacementChange", "mcVisibleChange"], exportAs: ["mcTooltip"] }, { kind: "directive", type: McTabLabelWrapper, selector: "[mcTabLabelWrapper]", inputs: ["disabled", "tab"] }, { kind: "component", type: McTabBody, selector: "mc-tab-body", inputs: ["position", "content", "origin", "animationDuration"], outputs: ["onCentering", "beforeCentering", "afterLeavingCenter", "onCentered"] }, { kind: "component", type: McTabHeader, selector: "mc-tab-header", inputs: ["selectedIndex", "vertical"], outputs: ["selectFocusedIndex", "indexFocused"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1265
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McTabGroup, decorators: [{
1264
+ /** @nocollapse */ McTabGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTabGroup, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: 'mc-old-tabs', attribute: true }, { token: 'vertical', attribute: true }, { token: MC_TABS_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Component });
1265
+ /** @nocollapse */ McTabGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: McTabGroup, selector: "mc-tab-group", inputs: { disabled: "disabled", dynamicHeight: "dynamicHeight", selectedIndex: "selectedIndex", headerPosition: "headerPosition", animationDuration: "animationDuration" }, outputs: { selectedIndexChange: "selectedIndexChange", focusChange: "focusChange", animationDone: "animationDone", selectedTabChange: "selectedTabChange" }, host: { listeners: { "window:resize": "resizeStream.next($event)" }, properties: { "class.mc-tab-group_dynamic-height": "dynamicHeight", "class.mc-tab-group_inverted-header": "headerPosition === \"below\"" }, classAttribute: "mc-tab-group" }, queries: [{ propertyName: "tabs", predicate: McTab }], viewQueries: [{ propertyName: "tabBodyWrapper", first: true, predicate: ["tabBodyWrapper"], descendants: true }, { propertyName: "tabHeader", first: true, predicate: ["tabHeader"], descendants: true }], exportAs: ["mcTabGroup"], usesInheritance: true, ngImport: i0, template: "<mc-tab-header\n #tabHeader\n [vertical]=\"vertical\"\n [selectedIndex]=\"selectedIndex\"\n (indexFocused)=\"focusChanged($event)\"\n (selectFocusedIndex)=\"selectedIndex = $event\">\n\n <div class=\"mc-tab-label\"\n mcTabLabelWrapper\n cdkMonitorElementFocus\n [attr.tabindex]=\"getTabIndex(tab, i)\"\n [class.mc-tab-label_old]=\"oldTab\"\n [class.mc-tab-label_horizontal]=\"!vertical && !oldTab\"\n [class.mc-tab-label_vertical]=\"vertical && !oldTab\"\n [class.mc-tab-label_empty]=\"tab.empty\"\n [class.mc-active]=\"selectedIndex == i\"\n *ngFor=\"let tab of tabs; let i = index\"\n [tab]=\"tab\"\n [id]=\"getTabLabelId(i)\"\n [disabled]=\"tab.disabled\"\n (click)=\"handleClick(tab, tabHeader, i)\"\n\n [mcTooltip]=\"tab.tooltipTitle\"\n [mcTooltipDisabled]=\"!tab.empty && !tab.isOverflown\"\n [mcTrigger]=\"'hover, focus'\"\n [mcPlacement]=\"tab.tooltipPlacement\">\n\n <div #labelContent class=\"mc-tab-label__content\"\n [class.mc-tab-label__template]=\"tab.templateLabel\">\n <!-- If there is a label template, use it. -->\n <ng-template [ngIf]=\"tab.templateLabel\">\n <ng-template [cdkPortalOutlet]=\"tab.templateLabel\"></ng-template>\n </ng-template>\n\n <!-- If there is not a label template, fall back to the text label. -->\n <ng-template [ngIf]=\"!tab.templateLabel\">{{ tab.textLabel }}</ng-template>\n </div>\n </div>\n</mc-tab-header>\n\n<div class=\"mc-tab-body__wrapper\" #tabBodyWrapper>\n <mc-tab-body\n *ngFor=\"let tab of tabs; let i = index\"\n [id]=\"getTabContentId(i)\"\n [class.mc-tab-body__active]=\"selectedIndex == i\"\n [content]=\"tab.content!\"\n [position]=\"tab.position!\"\n [origin]=\"tab.origin!\"\n [animationDuration]=\"animationDuration\"\n (onCentered)=\"removeTabBodyWrapperHeight()\"\n (onCentering)=\"setTabBodyWrapperHeight($event)\">\n </mc-tab-body>\n</div>\n", styles: [".mc-tab-group{display:flex;flex-direction:column;box-sizing:border-box;text-align:left}.mc-tab-group.mc-tab-group_inverted-header{flex-direction:column-reverse}.mc-tab-group_vertical{flex-direction:row}.mc-tab-group_vertical .mc-tab-header__content{overflow-y:auto;padding-top:8px;padding-bottom:1px;border-right-width:var(--mc-tabs-size-border-width, 1px);border-right-style:solid}.mc-tab-body__wrapper{display:flex;overflow:hidden;position:relative}.mc-tab-body{inset:0;position:absolute;display:block;overflow:hidden;flex-basis:100%}.mc-tab-body.mc-tab-body__active{overflow-x:hidden;overflow-y:auto;position:relative;z-index:1;flex-grow:1}.mc-tab-group.mc-tab-group_dynamic-height .mc-tab-body.mc-tab-body__active{overflow-y:hidden}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: i1$2.CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }, { kind: "directive", type: i4$1.McTooltipTrigger, selector: "[mcTooltip]", inputs: ["mcVisible", "mcPlacement", "mcPlacementPriority", "mcTooltip", "mcTooltipDisabled", "mcEnterDelay", "mcLeaveDelay", "mcTrigger", "mcTooltipClass", "color"], outputs: ["mcPlacementChange", "mcVisibleChange"], exportAs: ["mcTooltip"] }, { kind: "directive", type: McTabLabelWrapper, selector: "[mcTabLabelWrapper]", inputs: ["disabled", "tab"] }, { kind: "component", type: McTabBody, selector: "mc-tab-body", inputs: ["position", "content", "origin", "animationDuration"], outputs: ["onCentering", "beforeCentering", "afterLeavingCenter", "onCentered"] }, { kind: "component", type: McTabHeader, selector: "mc-tab-header", inputs: ["selectedIndex", "vertical"], outputs: ["selectFocusedIndex", "indexFocused"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1266
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTabGroup, decorators: [{
1266
1267
  type: Component,
1267
1268
  args: [{ selector: 'mc-tab-group', exportAs: 'mcTabGroup', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, inputs: ['disabled'], host: {
1268
1269
  class: 'mc-tab-group',
@@ -1363,9 +1364,9 @@ class McTabLink extends McTabLinkMixinBase {
1363
1364
  }
1364
1365
  }
1365
1366
  }
1366
- /** @nocollapse */ McTabLink.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McTabLink, deps: [{ token: i0.ElementRef }, { token: i1$2.FocusMonitor }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
1367
- /** @nocollapse */ McTabLink.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: McTabLink, selector: "a[mc-tab-link], a[mcTabLink]", inputs: { disabled: "disabled", tabIndex: "tabIndex", active: "active" }, host: { properties: { "class.mc-active": "active", "class.mc-tab-label_vertical": "vertical", "class.mc-tab-label_horizontal": "!vertical", "attr.tabindex": "tabIndex", "attr.disabled": "disabled || null" }, classAttribute: "mc-tab-link" }, exportAs: ["mcTabLink"], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
1368
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McTabLink, decorators: [{
1367
+ /** @nocollapse */ McTabLink.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTabLink, deps: [{ token: i0.ElementRef }, { token: i1$2.FocusMonitor }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
1368
+ /** @nocollapse */ McTabLink.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: McTabLink, selector: "a[mc-tab-link], a[mcTabLink]", inputs: { disabled: "disabled", tabIndex: "tabIndex", active: "active" }, host: { properties: { "class.mc-active": "active", "class.mc-tab-label_vertical": "vertical", "class.mc-tab-label_horizontal": "!vertical", "attr.tabindex": "tabIndex", "attr.disabled": "disabled || null" }, classAttribute: "mc-tab-link" }, exportAs: ["mcTabLink"], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
1369
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTabLink, decorators: [{
1369
1370
  type: Component,
1370
1371
  args: [{
1371
1372
  selector: 'a[mc-tab-link], a[mcTabLink]',
@@ -1399,13 +1400,13 @@ class McTabNav {
1399
1400
  this.links.notifyOnChanges();
1400
1401
  }
1401
1402
  }
1402
- /** @nocollapse */ McTabNav.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McTabNav, deps: [{ token: 'vertical', attribute: true }], target: i0.ɵɵFactoryTarget.Component });
1403
- /** @nocollapse */ McTabNav.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: McTabNav, selector: "[mc-tab-nav-bar]", host: { classAttribute: "mc-tab-nav-bar" }, queries: [{ propertyName: "links", predicate: McTabLink }], exportAs: ["mcTabNavBar", "mcTabNav"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".mc-tab-link.cdk-keyboard-focused:after{display:block;content:\"\";position:absolute;top:0;right:calc(-1 * var(--mc-tabs-size-border-width, 1px));bottom:calc(-1 * var(--mc-tabs-size-border-width, 1px));left:calc(-1 * var(--mc-tabs-size-border-width, 1px))}.mc-tab-link.mc-tab-label_horizontal.cdk-keyboard-focused:after{border-width:calc(var(--mc-tabs-size-border-width, 1px) * 2);border-style:solid;border-top-left-radius:var(--mc-tabs-size-border-radius, 4px);border-top-right-radius:var(--mc-tabs-size-border-radius, 4px);border-bottom-color:transparent}.mc-tab-link{vertical-align:top;text-decoration:none;-webkit-tap-highlight-color:transparent;position:relative;box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;height:var(--mc-tabs-size-height, 40px);text-align:center;white-space:nowrap;cursor:pointer;padding-right:var(--mc-tabs-size-padding-horizontal, 16px);padding-left:var(--mc-tabs-size-padding-horizontal, 16px);outline:none}.mc-tab-link.mc-active{cursor:default}.mc-tab-link.mc-active:before{display:block;content:\"\";position:absolute}.mc-tab-link.cdk-keyboard-focused{z-index:1}.mc-tab-link:first-child.cdk-keyboard-focused:after{left:0}.mc-tab-link:last-child.cdk-keyboard-focused:after{right:0}.mc-tab-link[disabled]{pointer-events:none}.mc-tab-link .mc-tab-label__content>.mc-icon.mc-icon_left{margin-right:var(--mc-tabs-size-label-icon-margin, 8px)}.mc-tab-link .mc-tab-label__content>.mc-icon.mc-icon_right{margin-left:var(--mc-tabs-size-label-icon-margin, 8px)}.mc-tab-link.mc-tab-label_horizontal{border-bottom-width:var(--mc-tabs-size-border-width, 1px);border-bottom-style:solid}.mc-tab-link.mc-tab-label_horizontal.mc-active:before{bottom:calc(-1 * var(--mc-tabs-size-border-width, 1px));left:0;right:0;height:var(--mc-tabs-size-highlight-height, 4px)}.mc-tab-link.mc-tab-label_vertical{justify-content:flex-start}.mc-tab-link.mc-tab-label_vertical.mc-active:before{top:0;bottom:0;left:calc(-1 * var(--mc-tabs-size-border-width, 1px));width:var(--mc-tabs-size-highlight-height, 5px)}.mc-tab-link.mc-tab-label_vertical.cdk-keyboard-focused:after{right:0;left:0;border-width:calc(var(--mc-tabs-size-border-width, 1px) * 2);border-style:solid}.mc-tab-link.mc-tab-label_vertical .mc-tab-label__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-tab-link .mc-tab-group_stretch-labels .mc-tab-link{flex-basis:0;flex-grow:1}.mc-tab-link>.mc-icon.mc-icon_left{margin-right:var(--mc-tabs-size-label-icon-margin, 8px)}.mc-tab-link>.mc-icon.mc-icon_right{margin-left:var(--mc-tabs-size-label-icon-margin, 8px)}.mc-tab-nav-bar{display:flex;flex-grow:1;position:relative;padding:1px 1px 0}.mc-tab-nav-bar .mc-tab-group_align-labels-center{justify-content:center}.mc-tab-nav-bar .mc-tab-group_align-labels-end{justify-content:flex-end}.mc-tab-nav-bar.mc-tab-group_vertical{flex-direction:column;flex-grow:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1404
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McTabNav, decorators: [{
1403
+ /** @nocollapse */ McTabNav.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTabNav, deps: [{ token: 'vertical', attribute: true }], target: i0.ɵɵFactoryTarget.Component });
1404
+ /** @nocollapse */ McTabNav.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: McTabNav, selector: "[mc-tab-nav-bar]", host: { classAttribute: "mc-tab-nav-bar" }, queries: [{ propertyName: "links", predicate: McTabLink }], exportAs: ["mcTabNavBar", "mcTabNav"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".mc-tab-link.cdk-keyboard-focused:after{display:block;content:\"\";position:absolute;top:0;right:calc(-1 * var(--mc-tabs-size-border-width, 1px));bottom:calc(-1 * var(--mc-tabs-size-border-width, 1px));left:calc(-1 * var(--mc-tabs-size-border-width, 1px))}.mc-tab-link.mc-tab-label_horizontal.cdk-keyboard-focused:after{border-width:calc(var(--mc-tabs-size-border-width, 1px) * 2);border-style:solid;border-top-left-radius:var(--mc-tabs-size-border-radius, 8px);border-top-right-radius:var(--mc-tabs-size-border-radius, 8px);border-bottom-color:transparent}.mc-tab-link{vertical-align:top;text-decoration:none;-webkit-tap-highlight-color:transparent;position:relative;box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;height:var(--mc-tabs-size-height, 40px);text-align:center;white-space:nowrap;cursor:pointer;padding-right:var(--mc-tabs-size-padding-horizontal, 16px);padding-left:var(--mc-tabs-size-padding-horizontal, 16px);outline:none}.mc-tab-link.mc-active{cursor:default}.mc-tab-link.mc-active:before{display:block;content:\"\";position:absolute}.mc-tab-link.cdk-keyboard-focused{z-index:1}.mc-tab-link:first-child.cdk-keyboard-focused:after{left:0}.mc-tab-link:last-child.cdk-keyboard-focused:after{right:0}.mc-tab-link[disabled]{pointer-events:none}.mc-tab-link .mc-tab-label__content>.mc-icon.mc-icon_left{margin-right:var(--mc-tabs-size-label-icon-margin, 8px)}.mc-tab-link .mc-tab-label__content>.mc-icon.mc-icon_right{margin-left:var(--mc-tabs-size-label-icon-margin, 8px)}.mc-tab-link.mc-tab-label_horizontal{border-bottom-width:var(--mc-tabs-size-border-width, 1px);border-bottom-style:solid}.mc-tab-link.mc-tab-label_horizontal.mc-active:before{bottom:calc(-1 * var(--mc-tabs-size-border-width, 1px));left:0;right:0;height:var(--mc-tabs-size-highlight-height, 4px)}.mc-tab-link.mc-tab-label_vertical{justify-content:flex-start}.mc-tab-link.mc-tab-label_vertical.mc-active:before{top:0;bottom:0;left:calc(-1 * var(--mc-tabs-size-border-width, 1px));width:var(--mc-tabs-size-highlight-height, 5px)}.mc-tab-link.mc-tab-label_vertical.cdk-keyboard-focused:after{right:0;left:0;border-width:calc(var(--mc-tabs-size-border-width, 1px) * 2);border-style:solid}.mc-tab-link.mc-tab-label_vertical .mc-tab-label__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-tab-link .mc-tab-group_stretch-labels .mc-tab-link{flex-basis:0;flex-grow:1}.mc-tab-link>.mc-icon.mc-icon_left{margin-right:var(--mc-tabs-size-label-icon-margin, 8px)}.mc-tab-link>.mc-icon.mc-icon_right{margin-left:var(--mc-tabs-size-label-icon-margin, 8px)}.mc-tab-nav-bar{display:flex;flex-grow:1;position:relative;padding:1px 1px 0}.mc-tab-nav-bar .mc-tab-group_align-labels-center{justify-content:center}.mc-tab-nav-bar .mc-tab-group_align-labels-end{justify-content:flex-end}.mc-tab-nav-bar.mc-tab-group_vertical{flex-direction:column;flex-grow:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1405
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTabNav, decorators: [{
1405
1406
  type: Component,
1406
1407
  args: [{ selector: '[mc-tab-nav-bar]', exportAs: 'mcTabNavBar, mcTabNav', template: '<ng-content></ng-content>', host: {
1407
1408
  class: 'mc-tab-nav-bar'
1408
- }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".mc-tab-link.cdk-keyboard-focused:after{display:block;content:\"\";position:absolute;top:0;right:calc(-1 * var(--mc-tabs-size-border-width, 1px));bottom:calc(-1 * var(--mc-tabs-size-border-width, 1px));left:calc(-1 * var(--mc-tabs-size-border-width, 1px))}.mc-tab-link.mc-tab-label_horizontal.cdk-keyboard-focused:after{border-width:calc(var(--mc-tabs-size-border-width, 1px) * 2);border-style:solid;border-top-left-radius:var(--mc-tabs-size-border-radius, 4px);border-top-right-radius:var(--mc-tabs-size-border-radius, 4px);border-bottom-color:transparent}.mc-tab-link{vertical-align:top;text-decoration:none;-webkit-tap-highlight-color:transparent;position:relative;box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;height:var(--mc-tabs-size-height, 40px);text-align:center;white-space:nowrap;cursor:pointer;padding-right:var(--mc-tabs-size-padding-horizontal, 16px);padding-left:var(--mc-tabs-size-padding-horizontal, 16px);outline:none}.mc-tab-link.mc-active{cursor:default}.mc-tab-link.mc-active:before{display:block;content:\"\";position:absolute}.mc-tab-link.cdk-keyboard-focused{z-index:1}.mc-tab-link:first-child.cdk-keyboard-focused:after{left:0}.mc-tab-link:last-child.cdk-keyboard-focused:after{right:0}.mc-tab-link[disabled]{pointer-events:none}.mc-tab-link .mc-tab-label__content>.mc-icon.mc-icon_left{margin-right:var(--mc-tabs-size-label-icon-margin, 8px)}.mc-tab-link .mc-tab-label__content>.mc-icon.mc-icon_right{margin-left:var(--mc-tabs-size-label-icon-margin, 8px)}.mc-tab-link.mc-tab-label_horizontal{border-bottom-width:var(--mc-tabs-size-border-width, 1px);border-bottom-style:solid}.mc-tab-link.mc-tab-label_horizontal.mc-active:before{bottom:calc(-1 * var(--mc-tabs-size-border-width, 1px));left:0;right:0;height:var(--mc-tabs-size-highlight-height, 4px)}.mc-tab-link.mc-tab-label_vertical{justify-content:flex-start}.mc-tab-link.mc-tab-label_vertical.mc-active:before{top:0;bottom:0;left:calc(-1 * var(--mc-tabs-size-border-width, 1px));width:var(--mc-tabs-size-highlight-height, 5px)}.mc-tab-link.mc-tab-label_vertical.cdk-keyboard-focused:after{right:0;left:0;border-width:calc(var(--mc-tabs-size-border-width, 1px) * 2);border-style:solid}.mc-tab-link.mc-tab-label_vertical .mc-tab-label__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-tab-link .mc-tab-group_stretch-labels .mc-tab-link{flex-basis:0;flex-grow:1}.mc-tab-link>.mc-icon.mc-icon_left{margin-right:var(--mc-tabs-size-label-icon-margin, 8px)}.mc-tab-link>.mc-icon.mc-icon_right{margin-left:var(--mc-tabs-size-label-icon-margin, 8px)}.mc-tab-nav-bar{display:flex;flex-grow:1;position:relative;padding:1px 1px 0}.mc-tab-nav-bar .mc-tab-group_align-labels-center{justify-content:center}.mc-tab-nav-bar .mc-tab-group_align-labels-end{justify-content:flex-end}.mc-tab-nav-bar.mc-tab-group_vertical{flex-direction:column;flex-grow:0}\n"] }]
1409
+ }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".mc-tab-link.cdk-keyboard-focused:after{display:block;content:\"\";position:absolute;top:0;right:calc(-1 * var(--mc-tabs-size-border-width, 1px));bottom:calc(-1 * var(--mc-tabs-size-border-width, 1px));left:calc(-1 * var(--mc-tabs-size-border-width, 1px))}.mc-tab-link.mc-tab-label_horizontal.cdk-keyboard-focused:after{border-width:calc(var(--mc-tabs-size-border-width, 1px) * 2);border-style:solid;border-top-left-radius:var(--mc-tabs-size-border-radius, 8px);border-top-right-radius:var(--mc-tabs-size-border-radius, 8px);border-bottom-color:transparent}.mc-tab-link{vertical-align:top;text-decoration:none;-webkit-tap-highlight-color:transparent;position:relative;box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;height:var(--mc-tabs-size-height, 40px);text-align:center;white-space:nowrap;cursor:pointer;padding-right:var(--mc-tabs-size-padding-horizontal, 16px);padding-left:var(--mc-tabs-size-padding-horizontal, 16px);outline:none}.mc-tab-link.mc-active{cursor:default}.mc-tab-link.mc-active:before{display:block;content:\"\";position:absolute}.mc-tab-link.cdk-keyboard-focused{z-index:1}.mc-tab-link:first-child.cdk-keyboard-focused:after{left:0}.mc-tab-link:last-child.cdk-keyboard-focused:after{right:0}.mc-tab-link[disabled]{pointer-events:none}.mc-tab-link .mc-tab-label__content>.mc-icon.mc-icon_left{margin-right:var(--mc-tabs-size-label-icon-margin, 8px)}.mc-tab-link .mc-tab-label__content>.mc-icon.mc-icon_right{margin-left:var(--mc-tabs-size-label-icon-margin, 8px)}.mc-tab-link.mc-tab-label_horizontal{border-bottom-width:var(--mc-tabs-size-border-width, 1px);border-bottom-style:solid}.mc-tab-link.mc-tab-label_horizontal.mc-active:before{bottom:calc(-1 * var(--mc-tabs-size-border-width, 1px));left:0;right:0;height:var(--mc-tabs-size-highlight-height, 4px)}.mc-tab-link.mc-tab-label_vertical{justify-content:flex-start}.mc-tab-link.mc-tab-label_vertical.mc-active:before{top:0;bottom:0;left:calc(-1 * var(--mc-tabs-size-border-width, 1px));width:var(--mc-tabs-size-highlight-height, 5px)}.mc-tab-link.mc-tab-label_vertical.cdk-keyboard-focused:after{right:0;left:0;border-width:calc(var(--mc-tabs-size-border-width, 1px) * 2);border-style:solid}.mc-tab-link.mc-tab-label_vertical .mc-tab-label__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-tab-link .mc-tab-group_stretch-labels .mc-tab-link{flex-basis:0;flex-grow:1}.mc-tab-link>.mc-icon.mc-icon_left{margin-right:var(--mc-tabs-size-label-icon-margin, 8px)}.mc-tab-link>.mc-icon.mc-icon_right{margin-left:var(--mc-tabs-size-label-icon-margin, 8px)}.mc-tab-nav-bar{display:flex;flex-grow:1;position:relative;padding:1px 1px 0}.mc-tab-nav-bar .mc-tab-group_align-labels-center{justify-content:center}.mc-tab-nav-bar .mc-tab-group_align-labels-end{justify-content:flex-end}.mc-tab-nav-bar.mc-tab-group_vertical{flex-direction:column;flex-grow:0}\n"] }]
1409
1410
  }], ctorParameters: function () {
1410
1411
  return [{ type: undefined, decorators: [{
1411
1412
  type: Attribute,
@@ -1418,8 +1419,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
1418
1419
 
1419
1420
  class McTabsModule {
1420
1421
  }
1421
- /** @nocollapse */ McTabsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1422
- /** @nocollapse */ McTabsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.2", ngImport: i0, type: McTabsModule, declarations: [McTabGroup,
1422
+ /** @nocollapse */ McTabsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1423
+ /** @nocollapse */ McTabsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: McTabsModule, declarations: [McTabGroup,
1423
1424
  McTabLabel,
1424
1425
  McTab,
1425
1426
  McTabLabelWrapper,
@@ -1436,6 +1437,7 @@ class McTabsModule {
1436
1437
  McVerticalTabsCssStyler], imports: [CommonModule,
1437
1438
  PortalModule,
1438
1439
  A11yModule,
1440
+ CdkScrollableModule,
1439
1441
  McCommonModule,
1440
1442
  McIconModule,
1441
1443
  McToolTipModule], exports: [McCommonModule,
@@ -1450,19 +1452,21 @@ class McTabsModule {
1450
1452
  McAlignTabsEndCssStyler,
1451
1453
  McStretchTabsCssStyler,
1452
1454
  McVerticalTabsCssStyler] });
1453
- /** @nocollapse */ McTabsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McTabsModule, imports: [CommonModule,
1455
+ /** @nocollapse */ McTabsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTabsModule, imports: [CommonModule,
1454
1456
  PortalModule,
1455
1457
  A11yModule,
1458
+ CdkScrollableModule,
1456
1459
  McCommonModule,
1457
1460
  McIconModule,
1458
1461
  McToolTipModule, McCommonModule] });
1459
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McTabsModule, decorators: [{
1462
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTabsModule, decorators: [{
1460
1463
  type: NgModule,
1461
1464
  args: [{
1462
1465
  imports: [
1463
1466
  CommonModule,
1464
1467
  PortalModule,
1465
1468
  A11yModule,
1469
+ CdkScrollableModule,
1466
1470
  McCommonModule,
1467
1471
  McIconModule,
1468
1472
  McToolTipModule