@ptsecurity/mosaic 15.4.1 → 15.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (333) hide show
  1. package/_theming.scss +16 -12
  2. package/_visual.scss +4 -4
  3. package/button/_button-theme.scss +2 -5
  4. package/button-toggle/_button-toggle-theme.scss +2 -5
  5. package/checkbox/_checkbox-theme.scss +2 -5
  6. package/code-block/_code-block-theme.scss +2 -6
  7. package/core/forms/_forms-theme.scss +2 -4
  8. package/core/option/_optgroup-theme.scss +2 -4
  9. package/core/option/_option-theme.scss +2 -5
  10. package/core/styles/theming/_alerts.scss +45 -43
  11. package/core/styles/theming/_badges.scss +29 -25
  12. package/core/styles/theming/_components-theming.scss +1 -1
  13. package/core/styles/theming/_scrollbars.scss +30 -31
  14. package/core/styles/theming/_theming.scss +6 -2
  15. package/core/styles/typography/_typography.scss +3 -3
  16. package/datepicker/_datepicker-theme.scss +2 -5
  17. package/dl/_dl-theme.scss +2 -5
  18. package/dropdown/_dropdown-theme.scss +2 -5
  19. package/esm2020/autocomplete/autocomplete-origin.directive.mjs +3 -3
  20. package/esm2020/autocomplete/autocomplete-trigger.directive.mjs +3 -3
  21. package/esm2020/autocomplete/autocomplete.component.mjs +3 -3
  22. package/esm2020/autocomplete/autocomplete.module.mjs +4 -4
  23. package/esm2020/button/button.component.mjs +6 -6
  24. package/esm2020/button/button.module.mjs +4 -4
  25. package/esm2020/button-toggle/button-toggle.component.mjs +6 -6
  26. package/esm2020/button-toggle/button-toggle.module.mjs +4 -4
  27. package/esm2020/card/card.component.mjs +3 -3
  28. package/esm2020/card/card.module.mjs +4 -4
  29. package/esm2020/checkbox/checkbox-module.mjs +4 -4
  30. package/esm2020/checkbox/checkbox-required-validator.mjs +3 -3
  31. package/esm2020/checkbox/checkbox.mjs +3 -3
  32. package/esm2020/code-block/actionbar.component.mjs +3 -3
  33. package/esm2020/code-block/code-block.component.mjs +3 -3
  34. package/esm2020/code-block/code-block.module.mjs +4 -4
  35. package/esm2020/core/common-behaviors/common-module.mjs +4 -4
  36. package/esm2020/core/error/error-options.mjs +6 -6
  37. package/esm2020/core/formatters/date/formatter.mjs +3 -3
  38. package/esm2020/core/formatters/date/formatter.pipe.mjs +39 -39
  39. package/esm2020/core/formatters/index.mjs +4 -4
  40. package/esm2020/core/formatters/number/formatter.mjs +4 -4
  41. package/esm2020/core/forms/forms-module.mjs +4 -4
  42. package/esm2020/core/forms/forms.directive.mjs +6 -6
  43. package/esm2020/core/highlight/highlight.pipe.mjs +3 -3
  44. package/esm2020/core/highlight/index.mjs +4 -4
  45. package/esm2020/core/line/line.mjs +7 -7
  46. package/esm2020/core/locales/locale-service.mjs +3 -3
  47. package/esm2020/core/locales/locale-service.module.mjs +4 -4
  48. package/esm2020/core/option/action.mjs +3 -3
  49. package/esm2020/core/option/optgroup.mjs +4 -4
  50. package/esm2020/core/option/option-module.mjs +4 -4
  51. package/esm2020/core/option/option.mjs +5 -5
  52. package/esm2020/core/overlay/overlay-position-map.mjs +2 -1
  53. package/esm2020/core/pop-up/pop-up-trigger.mjs +3 -3
  54. package/esm2020/core/pop-up/pop-up.mjs +3 -3
  55. package/esm2020/core/selection/pseudo-checkbox/pseudo-checkbox.mjs +3 -3
  56. package/esm2020/core/selection/pseudo-checkbox/pseudo-checkbox.module.mjs +4 -4
  57. package/esm2020/core/services/measure-scrollbar.service.mjs +3 -3
  58. package/esm2020/core/utils/data-size/data-size.pipe.mjs +7 -7
  59. package/esm2020/core/version.mjs +2 -2
  60. package/esm2020/datepicker/calendar-body.component.mjs +3 -3
  61. package/esm2020/datepicker/calendar-header.component.mjs +3 -3
  62. package/esm2020/datepicker/calendar.component.mjs +3 -3
  63. package/esm2020/datepicker/datepicker-input.directive.mjs +3 -3
  64. package/esm2020/datepicker/datepicker-intl.mjs +3 -3
  65. package/esm2020/datepicker/datepicker-module.mjs +4 -4
  66. package/esm2020/datepicker/datepicker-toggle.component.mjs +6 -6
  67. package/esm2020/datepicker/datepicker.component.mjs +6 -6
  68. package/esm2020/datepicker/month-view.component.mjs +3 -3
  69. package/esm2020/divider/divider.component.mjs +3 -3
  70. package/esm2020/divider/divider.module.mjs +4 -4
  71. package/esm2020/dl/dl.component.mjs +9 -9
  72. package/esm2020/dl/dl.module.mjs +4 -4
  73. package/esm2020/dropdown/dropdown-content.directive.mjs +3 -3
  74. package/esm2020/dropdown/dropdown-item.component.mjs +3 -3
  75. package/esm2020/dropdown/dropdown-trigger.directive.mjs +3 -3
  76. package/esm2020/dropdown/dropdown.component.mjs +3 -3
  77. package/esm2020/dropdown/dropdown.module.mjs +4 -4
  78. package/esm2020/ellipsis-center/ellipsis-center.directive.mjs +7 -7
  79. package/esm2020/file-upload/file-drop.mjs +3 -3
  80. package/esm2020/file-upload/file-upload.module.mjs +4 -4
  81. package/esm2020/file-upload/multiple-file-upload.component.mjs +3 -3
  82. package/esm2020/file-upload/single-file-upload.component.mjs +3 -3
  83. package/esm2020/form-field/cleaner.mjs +3 -3
  84. package/esm2020/form-field/form-field.mjs +13 -16
  85. package/esm2020/form-field/form-field.module.mjs +4 -4
  86. package/esm2020/form-field/hint.mjs +3 -3
  87. package/esm2020/form-field/password-hint.mjs +14 -6
  88. package/esm2020/form-field/prefix.mjs +3 -3
  89. package/esm2020/form-field/stepper.mjs +3 -3
  90. package/esm2020/form-field/suffix.mjs +3 -3
  91. package/esm2020/form-field/validate.directive.mjs +3 -3
  92. package/esm2020/icon/icon.component.mjs +6 -6
  93. package/esm2020/icon/icon.module.mjs +4 -4
  94. package/esm2020/input/input-number-validators.mjs +6 -6
  95. package/esm2020/input/input-number.mjs +3 -3
  96. package/esm2020/input/input-password.mjs +11 -7
  97. package/esm2020/input/input.mjs +6 -6
  98. package/esm2020/input/input.module.mjs +4 -4
  99. package/esm2020/link/link.component.mjs +3 -3
  100. package/esm2020/link/link.module.mjs +4 -4
  101. package/esm2020/list/list-selection.component.mjs +8 -8
  102. package/esm2020/list/list.component.mjs +7 -7
  103. package/esm2020/list/list.module.mjs +4 -4
  104. package/esm2020/loader-overlay/loader-overlay.component.mjs +12 -12
  105. package/esm2020/loader-overlay/loader-overlay.module.mjs +4 -4
  106. package/esm2020/markdown/markdown.component.mjs +3 -3
  107. package/esm2020/markdown/markdown.module.mjs +4 -4
  108. package/esm2020/markdown/markdown.service.mjs +3 -3
  109. package/esm2020/modal/css-unit.pipe.mjs +3 -3
  110. package/esm2020/modal/modal-control.service.mjs +3 -3
  111. package/esm2020/modal/modal.component.mjs +5 -5
  112. package/esm2020/modal/modal.directive.mjs +12 -12
  113. package/esm2020/modal/modal.module.mjs +10 -8
  114. package/esm2020/modal/modal.service.mjs +3 -3
  115. package/esm2020/navbar/navbar-item.component.mjs +43 -42
  116. package/esm2020/navbar/navbar.component.mjs +9 -9
  117. package/esm2020/navbar/navbar.module.mjs +4 -4
  118. package/esm2020/navbar/vertical-navbar.component.mjs +3 -3
  119. package/esm2020/popover/popover-confirm.component.mjs +6 -6
  120. package/esm2020/popover/popover.component.mjs +6 -6
  121. package/esm2020/popover/popover.module.mjs +4 -4
  122. package/esm2020/progress-bar/progress-bar.component.mjs +3 -3
  123. package/esm2020/progress-bar/progress-bar.module.mjs +4 -4
  124. package/esm2020/progress-spinner/progress-spinner.component.mjs +3 -3
  125. package/esm2020/progress-spinner/progress-spinner.module.mjs +4 -4
  126. package/esm2020/radio/radio.component.mjs +9 -8
  127. package/esm2020/radio/radio.module.mjs +4 -4
  128. package/esm2020/select/select-option.directive.mjs +3 -3
  129. package/esm2020/select/select.component.mjs +21 -21
  130. package/esm2020/select/select.module.mjs +4 -4
  131. package/esm2020/sidebar/sidebar.component.mjs +9 -9
  132. package/esm2020/sidebar/sidebar.module.mjs +4 -4
  133. package/esm2020/sidepanel/sidepanel-container.component.mjs +3 -3
  134. package/esm2020/sidepanel/sidepanel-directives.mjs +15 -15
  135. package/esm2020/sidepanel/sidepanel.module.mjs +13 -7
  136. package/esm2020/sidepanel/sidepanel.service.mjs +3 -3
  137. package/esm2020/splitter/splitter.component.mjs +12 -12
  138. package/esm2020/splitter/splitter.module.mjs +4 -4
  139. package/esm2020/table/table.component.mjs +3 -3
  140. package/esm2020/table/table.module.mjs +4 -4
  141. package/esm2020/tabs/paginated-tab-header.mjs +14 -5
  142. package/esm2020/tabs/tab-body.component.mjs +6 -6
  143. package/esm2020/tabs/tab-content.directive.mjs +3 -3
  144. package/esm2020/tabs/tab-group.component.mjs +18 -18
  145. package/esm2020/tabs/tab-header.component.mjs +3 -3
  146. package/esm2020/tabs/tab-label-wrapper.directive.mjs +3 -3
  147. package/esm2020/tabs/tab-label.directive.mjs +3 -3
  148. package/esm2020/tabs/tab-nav-bar/tab-nav-bar.mjs +6 -6
  149. package/esm2020/tabs/tab.component.mjs +3 -3
  150. package/esm2020/tabs/tabs.module.mjs +4 -4
  151. package/esm2020/tags/tag-default-options.mjs +1 -1
  152. package/esm2020/tags/tag-input.mjs +13 -11
  153. package/esm2020/tags/tag-list.component.mjs +12 -8
  154. package/esm2020/tags/tag.component.mjs +16 -16
  155. package/esm2020/tags/tag.module.mjs +4 -4
  156. package/esm2020/textarea/textarea.component.mjs +3 -3
  157. package/esm2020/textarea/textarea.module.mjs +4 -4
  158. package/esm2020/timepicker/timepicker.directive.mjs +3 -3
  159. package/esm2020/timepicker/timepicker.module.mjs +4 -4
  160. package/esm2020/timezone/cities-by-filter.pipe.mjs +3 -3
  161. package/esm2020/timezone/timezone-option.component.mjs +5 -5
  162. package/esm2020/timezone/timezone-option.directive.mjs +3 -3
  163. package/esm2020/timezone/timezone-select.component.mjs +8 -8
  164. package/esm2020/timezone/timezone.module.mjs +4 -4
  165. package/esm2020/timezone/utc-offset.pipe.mjs +3 -3
  166. package/esm2020/title/title.directive.mjs +3 -3
  167. package/esm2020/title/title.module.mjs +4 -4
  168. package/esm2020/toast/toast-container.component.mjs +3 -3
  169. package/esm2020/toast/toast.component.mjs +3 -3
  170. package/esm2020/toast/toast.module.mjs +4 -4
  171. package/esm2020/toast/toast.service.mjs +3 -3
  172. package/esm2020/toggle/toggle.component.mjs +3 -3
  173. package/esm2020/toggle/toggle.module.mjs +4 -4
  174. package/esm2020/tooltip/tooltip.component.mjs +12 -12
  175. package/esm2020/tooltip/tooltip.module.mjs +4 -4
  176. package/esm2020/tree/node.mjs +3 -3
  177. package/esm2020/tree/outlet.mjs +3 -3
  178. package/esm2020/tree/padding.directive.mjs +3 -3
  179. package/esm2020/tree/toggle.mjs +9 -9
  180. package/esm2020/tree/tree-base.mjs +6 -6
  181. package/esm2020/tree/tree-option.component.mjs +5 -4
  182. package/esm2020/tree/tree-selection.component.mjs +3 -3
  183. package/esm2020/tree/tree.mjs +3 -3
  184. package/esm2020/tree/tree.module.mjs +4 -4
  185. package/esm2020/tree-select/tree-select.component.mjs +11 -11
  186. package/esm2020/tree-select/tree-select.module.mjs +4 -4
  187. package/fesm2015/ptsecurity-mosaic-autocomplete.mjs +13 -13
  188. package/fesm2015/ptsecurity-mosaic-button-toggle.mjs +10 -10
  189. package/fesm2015/ptsecurity-mosaic-button.mjs +10 -10
  190. package/fesm2015/ptsecurity-mosaic-card.mjs +7 -7
  191. package/fesm2015/ptsecurity-mosaic-checkbox.mjs +10 -10
  192. package/fesm2015/ptsecurity-mosaic-code-block.mjs +10 -10
  193. package/fesm2015/ptsecurity-mosaic-core.mjs +132 -131
  194. package/fesm2015/ptsecurity-mosaic-core.mjs.map +1 -1
  195. package/fesm2015/ptsecurity-mosaic-datepicker.mjs +34 -34
  196. package/fesm2015/ptsecurity-mosaic-divider.mjs +7 -7
  197. package/fesm2015/ptsecurity-mosaic-dl.mjs +13 -13
  198. package/fesm2015/ptsecurity-mosaic-dropdown.mjs +16 -16
  199. package/fesm2015/ptsecurity-mosaic-ellipsis-center.mjs +7 -7
  200. package/fesm2015/ptsecurity-mosaic-file-upload.mjs +13 -13
  201. package/fesm2015/ptsecurity-mosaic-form-field.mjs +46 -42
  202. package/fesm2015/ptsecurity-mosaic-form-field.mjs.map +1 -1
  203. package/fesm2015/ptsecurity-mosaic-icon.mjs +10 -10
  204. package/fesm2015/ptsecurity-mosaic-input.mjs +29 -25
  205. package/fesm2015/ptsecurity-mosaic-input.mjs.map +1 -1
  206. package/fesm2015/ptsecurity-mosaic-link.mjs +7 -7
  207. package/fesm2015/ptsecurity-mosaic-list.mjs +19 -19
  208. package/fesm2015/ptsecurity-mosaic-loader-overlay.mjs +16 -16
  209. package/fesm2015/ptsecurity-mosaic-markdown.mjs +10 -10
  210. package/fesm2015/ptsecurity-mosaic-modal.mjs +34 -32
  211. package/fesm2015/ptsecurity-mosaic-modal.mjs.map +1 -1
  212. package/fesm2015/ptsecurity-mosaic-navbar.mjs +58 -57
  213. package/fesm2015/ptsecurity-mosaic-navbar.mjs.map +1 -1
  214. package/fesm2015/ptsecurity-mosaic-popover.mjs +16 -16
  215. package/fesm2015/ptsecurity-mosaic-progress-bar.mjs +7 -7
  216. package/fesm2015/ptsecurity-mosaic-progress-spinner.mjs +7 -7
  217. package/fesm2015/ptsecurity-mosaic-radio.mjs +12 -11
  218. package/fesm2015/ptsecurity-mosaic-radio.mjs.map +1 -1
  219. package/fesm2015/ptsecurity-mosaic-select.mjs +27 -27
  220. package/fesm2015/ptsecurity-mosaic-select.mjs.map +1 -1
  221. package/fesm2015/ptsecurity-mosaic-sidebar.mjs +13 -13
  222. package/fesm2015/ptsecurity-mosaic-sidepanel.mjs +33 -27
  223. package/fesm2015/ptsecurity-mosaic-sidepanel.mjs.map +1 -1
  224. package/fesm2015/ptsecurity-mosaic-splitter.mjs +16 -16
  225. package/fesm2015/ptsecurity-mosaic-table.mjs +7 -7
  226. package/fesm2015/ptsecurity-mosaic-tabs.mjs +62 -53
  227. package/fesm2015/ptsecurity-mosaic-tabs.mjs.map +1 -1
  228. package/fesm2015/ptsecurity-mosaic-tags.mjs +42 -36
  229. package/fesm2015/ptsecurity-mosaic-tags.mjs.map +1 -1
  230. package/fesm2015/ptsecurity-mosaic-textarea.mjs +7 -7
  231. package/fesm2015/ptsecurity-mosaic-timepicker.mjs +7 -7
  232. package/fesm2015/ptsecurity-mosaic-timezone.mjs +26 -26
  233. package/fesm2015/ptsecurity-mosaic-timezone.mjs.map +1 -1
  234. package/fesm2015/ptsecurity-mosaic-title.mjs +7 -7
  235. package/fesm2015/ptsecurity-mosaic-toast.mjs +13 -13
  236. package/fesm2015/ptsecurity-mosaic-toggle.mjs +7 -7
  237. package/fesm2015/ptsecurity-mosaic-tooltip.mjs +16 -16
  238. package/fesm2015/ptsecurity-mosaic-tree-select.mjs +15 -15
  239. package/fesm2015/ptsecurity-mosaic-tree.mjs +38 -37
  240. package/fesm2015/ptsecurity-mosaic-tree.mjs.map +1 -1
  241. package/fesm2020/ptsecurity-mosaic-autocomplete.mjs +13 -13
  242. package/fesm2020/ptsecurity-mosaic-button-toggle.mjs +10 -10
  243. package/fesm2020/ptsecurity-mosaic-button.mjs +10 -10
  244. package/fesm2020/ptsecurity-mosaic-card.mjs +7 -7
  245. package/fesm2020/ptsecurity-mosaic-checkbox.mjs +10 -10
  246. package/fesm2020/ptsecurity-mosaic-code-block.mjs +10 -10
  247. package/fesm2020/ptsecurity-mosaic-core.mjs +132 -131
  248. package/fesm2020/ptsecurity-mosaic-core.mjs.map +1 -1
  249. package/fesm2020/ptsecurity-mosaic-datepicker.mjs +35 -34
  250. package/fesm2020/ptsecurity-mosaic-datepicker.mjs.map +1 -1
  251. package/fesm2020/ptsecurity-mosaic-divider.mjs +7 -7
  252. package/fesm2020/ptsecurity-mosaic-dl.mjs +13 -13
  253. package/fesm2020/ptsecurity-mosaic-dropdown.mjs +16 -16
  254. package/fesm2020/ptsecurity-mosaic-ellipsis-center.mjs +7 -7
  255. package/fesm2020/ptsecurity-mosaic-file-upload.mjs +13 -13
  256. package/fesm2020/ptsecurity-mosaic-form-field.mjs +46 -41
  257. package/fesm2020/ptsecurity-mosaic-form-field.mjs.map +1 -1
  258. package/fesm2020/ptsecurity-mosaic-icon.mjs +10 -10
  259. package/fesm2020/ptsecurity-mosaic-input.mjs +29 -25
  260. package/fesm2020/ptsecurity-mosaic-input.mjs.map +1 -1
  261. package/fesm2020/ptsecurity-mosaic-link.mjs +7 -7
  262. package/fesm2020/ptsecurity-mosaic-list.mjs +19 -19
  263. package/fesm2020/ptsecurity-mosaic-loader-overlay.mjs +16 -16
  264. package/fesm2020/ptsecurity-mosaic-markdown.mjs +10 -10
  265. package/fesm2020/ptsecurity-mosaic-modal.mjs +34 -32
  266. package/fesm2020/ptsecurity-mosaic-modal.mjs.map +1 -1
  267. package/fesm2020/ptsecurity-mosaic-navbar.mjs +58 -57
  268. package/fesm2020/ptsecurity-mosaic-navbar.mjs.map +1 -1
  269. package/fesm2020/ptsecurity-mosaic-popover.mjs +16 -16
  270. package/fesm2020/ptsecurity-mosaic-progress-bar.mjs +7 -7
  271. package/fesm2020/ptsecurity-mosaic-progress-spinner.mjs +7 -7
  272. package/fesm2020/ptsecurity-mosaic-radio.mjs +12 -11
  273. package/fesm2020/ptsecurity-mosaic-radio.mjs.map +1 -1
  274. package/fesm2020/ptsecurity-mosaic-select.mjs +27 -27
  275. package/fesm2020/ptsecurity-mosaic-select.mjs.map +1 -1
  276. package/fesm2020/ptsecurity-mosaic-sidebar.mjs +13 -13
  277. package/fesm2020/ptsecurity-mosaic-sidepanel.mjs +33 -27
  278. package/fesm2020/ptsecurity-mosaic-sidepanel.mjs.map +1 -1
  279. package/fesm2020/ptsecurity-mosaic-splitter.mjs +16 -16
  280. package/fesm2020/ptsecurity-mosaic-table.mjs +7 -7
  281. package/fesm2020/ptsecurity-mosaic-tabs.mjs +62 -53
  282. package/fesm2020/ptsecurity-mosaic-tabs.mjs.map +1 -1
  283. package/fesm2020/ptsecurity-mosaic-tags.mjs +42 -36
  284. package/fesm2020/ptsecurity-mosaic-tags.mjs.map +1 -1
  285. package/fesm2020/ptsecurity-mosaic-textarea.mjs +7 -7
  286. package/fesm2020/ptsecurity-mosaic-timepicker.mjs +7 -7
  287. package/fesm2020/ptsecurity-mosaic-timezone.mjs +26 -26
  288. package/fesm2020/ptsecurity-mosaic-timezone.mjs.map +1 -1
  289. package/fesm2020/ptsecurity-mosaic-title.mjs +7 -7
  290. package/fesm2020/ptsecurity-mosaic-toast.mjs +13 -13
  291. package/fesm2020/ptsecurity-mosaic-toggle.mjs +7 -7
  292. package/fesm2020/ptsecurity-mosaic-tooltip.mjs +16 -16
  293. package/fesm2020/ptsecurity-mosaic-tree-select.mjs +15 -15
  294. package/fesm2020/ptsecurity-mosaic-tree.mjs +38 -37
  295. package/fesm2020/ptsecurity-mosaic-tree.mjs.map +1 -1
  296. package/file-upload/_file-upload-theme.scss +2 -4
  297. package/form-field/_form-field-theme.scss +3 -5
  298. package/form-field/form-field.d.ts +0 -1
  299. package/form-field/form-field.scss +5 -3
  300. package/form-field/password-hint.d.ts +6 -3
  301. package/input/_input-theme.scss +7 -6
  302. package/input/input-password.d.ts +1 -0
  303. package/link/_link-theme.scss +7 -8
  304. package/list/_list-theme.scss +2 -5
  305. package/loader-overlay/_loader-overlay-theme.scss +2 -5
  306. package/markdown/_markdown-theme.scss +3 -6
  307. package/modal/_modal-theme.scss +3 -5
  308. package/navbar/_navbar-theme.scss +2 -6
  309. package/navbar/navbar-item.component.d.ts +3 -2
  310. package/package.json +14 -14
  311. package/popover/_popover-theme.scss +2 -6
  312. package/prebuilt-themes/dark-theme.css +1 -1
  313. package/prebuilt-themes/default-theme.css +1 -1
  314. package/prebuilt-visual/default-visual.css +1 -1
  315. package/radio/_radio-theme.scss +2 -6
  316. package/select/_select-theme.scss +2 -5
  317. package/select/select.scss +2 -0
  318. package/sidepanel/_sidepanel-theme.scss +2 -5
  319. package/table/_table-theme.scss +2 -5
  320. package/tabs/_tabs-theme.scss +2 -5
  321. package/tabs/paginated-tab-header.d.ts +1 -0
  322. package/tags/_tag-theme.scss +2 -5
  323. package/tags/tag-default-options.d.ts +4 -0
  324. package/tags/tag-list.component.d.ts +1 -0
  325. package/tags/tag-list.scss +6 -2
  326. package/tags/tag.component.d.ts +1 -1
  327. package/textarea/_textarea-theme.scss +2 -5
  328. package/timezone/_timezone-option-theme.scss +2 -5
  329. package/toast/_toast-theme.scss +2 -5
  330. package/toggle/_toggle-theme.scss +2 -5
  331. package/tooltip/_tooltip-theme.scss +2 -5
  332. package/tree/_tree-theme.scss +2 -4
  333. package/tree-select/_tree-select-theme.scss +2 -5
package/fesm2015/ptsecurity-mosaic-navbar.mjs CHANGED
@@ -111,9 +111,9 @@ class McFocusableComponent {
111
111
  return this.focusableItems.some((item) => item.hasFocus);
112
112
  }
113
113
  }
114
- /** @nocollapse */ McFocusableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McFocusableComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
115
- /** @nocollapse */ McFocusableComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: McFocusableComponent, inputs: { tabIndex: "tabIndex" }, queries: [{ propertyName: "focusableItems", predicate: i0.forwardRef(function () { return McNavbarFocusableItem; }), descendants: true }], ngImport: i0 });
116
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McFocusableComponent, decorators: [{
114
+ /** @nocollapse */ McFocusableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McFocusableComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
115
+ /** @nocollapse */ McFocusableComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McFocusableComponent, inputs: { tabIndex: "tabIndex" }, queries: [{ propertyName: "focusableItems", predicate: i0.forwardRef(function () { return McNavbarFocusableItem; }), descendants: true }], ngImport: i0 });
116
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McFocusableComponent, decorators: [{
117
117
  type: Directive
118
118
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { focusableItems: [{
119
119
  type: ContentChildren,
@@ -123,9 +123,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
123
123
  }] } });
124
124
  class McNavbarContainer {
125
125
  }
126
- /** @nocollapse */ McNavbarContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbarContainer, deps: [], target: i0.ɵɵFactoryTarget.Directive });
127
- /** @nocollapse */ McNavbarContainer.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: McNavbarContainer, selector: "mc-navbar-container", host: { classAttribute: "mc-navbar-container" }, ngImport: i0 });
128
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbarContainer, decorators: [{
126
+ /** @nocollapse */ McNavbarContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbarContainer, deps: [], target: i0.ɵɵFactoryTarget.Directive });
127
+ /** @nocollapse */ McNavbarContainer.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McNavbarContainer, selector: "mc-navbar-container", host: { classAttribute: "mc-navbar-container" }, ngImport: i0 });
128
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbarContainer, decorators: [{
129
129
  type: Directive,
130
130
  args: [{
131
131
  selector: 'mc-navbar-container',
@@ -233,9 +233,9 @@ class McNavbar extends McFocusableComponent {
233
233
  });
234
234
  }
235
235
  }
236
- /** @nocollapse */ McNavbar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbar, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
237
- /** @nocollapse */ McNavbar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: McNavbar, selector: "mc-navbar", host: { listeners: { "focus": "focus()", "blur": "blur()", "keydown": "onKeyDown($event)", "window:resize": "resizeStream.next($event)" }, properties: { "attr.tabindex": "tabIndex" }, classAttribute: "mc-navbar" }, queries: [{ propertyName: "rectangleElements", predicate: i0.forwardRef(function () { return McNavbarRectangleElement; }), descendants: true }, { propertyName: "navbarItems", predicate: i0.forwardRef(function () { return McNavbarItem; }), descendants: true }], usesInheritance: true, ngImport: i0, template: `<ng-content select="[mc-navbar-container], mc-navbar-container"></ng-content>`, isInline: true, styles: [".mc-navbar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:relative}.mc-navbar-container{display:flex;flex-shrink:0;flex-direction:row;justify-content:space-between;align-items:center;position:relative}\n", ".mc-navbar-title,.mc-navbar-subtitle{display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mc-navbar-item{box-sizing:border-box;position:relative;display:flex;align-items:center;padding-left:var(--mc-navbar-item-size-padding, 16px);padding-right:var(--mc-navbar-item-size-padding, 16px)}.mc-navbar-item .mc-badge{position:absolute}.mc-navbar-item__title{display:flex;flex-direction:column;align-self:center;min-width:0}.mc-navbar-item__container{display:flex;flex-direction:row;flex:1 1 auto;justify-content:space-between;min-width:0}.mc-navbar-item__container .mc-icon{align-self:center}.mc-navbar-item.mc-horizontal{height:var(--mc-navbar-item-size-height, 48px)}.mc-navbar-item.mc-horizontal .mc-icon{min-width:16px;min-height:16px}.mc-navbar-item.mc-horizontal .mc-navbar-item__title+.mc-icon{margin-left:var(--mc-navbar-size-right-icon-margin, 2px)}.mc-navbar-item.mc-horizontal .mc-icon+.mc-navbar-item__container{margin-left:var(--mc-navbar-size-icon-margin, 6px)}.mc-navbar-item.mc-horizontal.mc-navbar-item_collapsed .mc-navbar-item__container{display:none}.mc-navbar-item.mc-horizontal .mc-badge{top:8px;right:8px}.mc-navbar-item.mc-vertical{height:var(--mc-navbar-item-size-height-vertical, 56px)}.mc-navbar-item.mc-vertical>.mc-icon{display:flex;justify-content:center;align-items:center;min-width:24px;min-height:24px}.mc-navbar-item.mc-vertical .mc-navbar-item__title,.mc-navbar-item.mc-vertical .mc-icon+.mc-navbar-item__title,.mc-navbar-item.mc-vertical .mc-navbar-item__title+.mc-icon{padding-left:var(--mc-vertical-navbar-size-icon-margin, 16px)}.mc-navbar-item.mc-vertical.mc-navbar-item_button{padding-left:12px;padding-right:12px}.mc-navbar-item.mc-vertical.mc-expanded .mc-badge{top:16px;right:16px}.mc-navbar-item.mc-vertical.mc-collapsed .mc-badge{top:4px;right:4px}.mc-navbar-item.mc-vertical.mc-collapsed .mc-navbar-item__title{display:none}.mc-navbar-item.mc-navbar-item_button .mc-button{flex:1}.mc-navbar-item.mc-navbar-item_button .mc-button .mc-button-wrapper{justify-content:center}.mc-navbar-item.mc-navbar-item_button .mc-button .mc-button-wrapper .mc-icon.mc-icon_left{margin-left:unset}.mc-navbar-item.mc-navbar-item_button .mc-button .mc-button-wrapper .mc-icon.mc-icon_right{margin-right:unset}a.mc-navbar-item,a.mc-navbar-title{text-decoration:none}.mc-navbar-item .mc-navbar-item__overlay,.mc-navbar-brand .mc-navbar-item__overlay,.mc-navbar-toggle .mc-navbar-item__overlay{position:absolute;inset:0}.mc-navbar-item [mc-button],.mc-navbar-brand [mc-button],.mc-navbar-toggle [mc-button]{z-index:1}\n", ".mc-navbar-logo{display:flex}.mc-navbar-brand{position:relative;display:flex;align-items:center}.mc-navbar-brand .mc-navbar-title{cursor:pointer}a.mc-navbar-brand{text-decoration:none}.mc-navbar-brand.mc-horizontal{height:var(--mc-navbar-item-size-height, 48px);padding-right:var(--mc-navbar-brand-size-margin-right, 24px)}.mc-navbar-brand.mc-horizontal .mc-navbar-title{padding-left:var(--mc-navbar-brand-size-padding, 12px);padding-right:0}.mc-navbar-brand.mc-vertical .mc-navbar-logo{flex-direction:column;justify-content:center;align-items:center;min-height:var(--mc-navbar-item-size-height-vertical, 56px);min-width:var(--mc-vertical-navbar-size-states-collapsed-width, 56px)}.mc-navbar-brand.mc-vertical .mc-navbar-title{display:flex;align-items:center;height:var(--mc-navbar-item-size-height-vertical, 56px);padding-left:0}.mc-navbar-brand.mc-vertical.mc-expanded{align-items:unset}.mc-navbar-brand.mc-vertical.mc-collapsed .mc-navbar-title{display:none}\n", ".mc-navbar-divider{display:block}.mc-navbar-divider.mc-vertical{height:1px;margin:8px 12px}.mc-navbar-divider.mc-horizontal{width:1px;height:28px;margin-left:8px;margin-right:8px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
238
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbar, decorators: [{
236
+ /** @nocollapse */ McNavbar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbar, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
237
+ /** @nocollapse */ McNavbar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: McNavbar, selector: "mc-navbar", host: { listeners: { "focus": "focus()", "blur": "blur()", "keydown": "onKeyDown($event)", "window:resize": "resizeStream.next($event)" }, properties: { "attr.tabindex": "tabIndex" }, classAttribute: "mc-navbar" }, queries: [{ propertyName: "rectangleElements", predicate: i0.forwardRef(function () { return McNavbarRectangleElement; }), descendants: true }, { propertyName: "navbarItems", predicate: i0.forwardRef(function () { return McNavbarItem; }), descendants: true }], usesInheritance: true, ngImport: i0, template: `<ng-content select="[mc-navbar-container], mc-navbar-container"></ng-content>`, isInline: true, styles: [".mc-navbar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:relative}.mc-navbar-container{display:flex;flex-shrink:0;flex-direction:row;justify-content:space-between;align-items:center;position:relative}\n", ".mc-navbar-title,.mc-navbar-subtitle{display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mc-navbar-item{box-sizing:border-box;position:relative;display:flex;align-items:center;padding-left:var(--mc-navbar-item-size-padding, 16px);padding-right:var(--mc-navbar-item-size-padding, 16px)}.mc-navbar-item .mc-badge{position:absolute}.mc-navbar-item__title{display:flex;flex-direction:column;align-self:center;min-width:0}.mc-navbar-item__container{display:flex;flex-direction:row;flex:1 1 auto;justify-content:space-between;min-width:0}.mc-navbar-item__container .mc-icon{align-self:center}.mc-navbar-item.mc-horizontal{height:var(--mc-navbar-item-size-height, 48px)}.mc-navbar-item.mc-horizontal .mc-icon{min-width:16px;min-height:16px}.mc-navbar-item.mc-horizontal .mc-navbar-item__title+.mc-icon{margin-left:var(--mc-navbar-size-right-icon-margin, 2px)}.mc-navbar-item.mc-horizontal .mc-icon+.mc-navbar-item__container{margin-left:var(--mc-navbar-size-icon-margin, 6px)}.mc-navbar-item.mc-horizontal.mc-navbar-item_collapsed .mc-navbar-item__container{display:none}.mc-navbar-item.mc-horizontal .mc-badge{top:8px;right:8px}.mc-navbar-item.mc-vertical{height:var(--mc-navbar-item-size-height-vertical, 56px)}.mc-navbar-item.mc-vertical>.mc-icon{display:flex;justify-content:center;align-items:center;min-width:24px;min-height:24px}.mc-navbar-item.mc-vertical .mc-navbar-item__title,.mc-navbar-item.mc-vertical .mc-icon+.mc-navbar-item__title,.mc-navbar-item.mc-vertical .mc-navbar-item__title+.mc-icon{padding-left:var(--mc-vertical-navbar-size-icon-margin, 16px)}.mc-navbar-item.mc-vertical.mc-navbar-item_button{padding-left:12px;padding-right:12px}.mc-navbar-item.mc-vertical.mc-expanded .mc-badge{top:16px;right:16px}.mc-navbar-item.mc-vertical.mc-collapsed .mc-badge{top:4px;right:4px}.mc-navbar-item.mc-vertical.mc-collapsed .mc-navbar-item__title{display:none}.mc-navbar-item.mc-navbar-item_button .mc-button{flex:1}.mc-navbar-item.mc-navbar-item_button .mc-button .mc-button-wrapper{justify-content:center}.mc-navbar-item.mc-navbar-item_button .mc-button .mc-button-wrapper .mc-icon.mc-icon_left{margin-left:unset}.mc-navbar-item.mc-navbar-item_button .mc-button .mc-button-wrapper .mc-icon.mc-icon_right{margin-right:unset}a.mc-navbar-item,a.mc-navbar-title{text-decoration:none}.mc-navbar-item .mc-navbar-item__overlay,.mc-navbar-brand .mc-navbar-item__overlay,.mc-navbar-toggle .mc-navbar-item__overlay{position:absolute;inset:0}.mc-navbar-item [mc-button],.mc-navbar-brand [mc-button],.mc-navbar-toggle [mc-button]{z-index:1}\n", ".mc-navbar-logo{display:flex}.mc-navbar-brand{position:relative;display:flex;align-items:center}.mc-navbar-brand .mc-navbar-title{cursor:pointer}a.mc-navbar-brand{text-decoration:none}.mc-navbar-brand.mc-horizontal{height:var(--mc-navbar-item-size-height, 48px);padding-right:var(--mc-navbar-brand-size-margin-right, 24px)}.mc-navbar-brand.mc-horizontal .mc-navbar-title{padding-left:var(--mc-navbar-brand-size-padding, 12px);padding-right:0}.mc-navbar-brand.mc-vertical .mc-navbar-logo{flex-direction:column;justify-content:center;align-items:center;min-height:var(--mc-navbar-item-size-height-vertical, 56px);min-width:var(--mc-vertical-navbar-size-states-collapsed-width, 56px)}.mc-navbar-brand.mc-vertical .mc-navbar-title{display:flex;align-items:center;height:var(--mc-navbar-item-size-height-vertical, 56px);padding-left:0}.mc-navbar-brand.mc-vertical.mc-expanded{align-items:unset}.mc-navbar-brand.mc-vertical.mc-collapsed .mc-navbar-title{display:none}\n", ".mc-navbar-divider{display:block}.mc-navbar-divider.mc-vertical{height:1px;margin:8px 12px}.mc-navbar-divider.mc-horizontal{width:1px;height:28px;margin-left:8px;margin-right:8px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
238
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbar, decorators: [{
239
239
  type: Component,
240
240
  args: [{ selector: 'mc-navbar', template: `<ng-content select="[mc-navbar-container], mc-navbar-container"></ng-content>`, host: {
241
241
  class: 'mc-navbar',
@@ -324,8 +324,8 @@ class McVerticalNavbar extends McFocusableComponent {
324
324
  }
325
325
  }
326
326
  }
327
- /** @nocollapse */ McVerticalNavbar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McVerticalNavbar, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
328
- /** @nocollapse */ McVerticalNavbar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: McVerticalNavbar, selector: "mc-vertical-navbar", inputs: { expanded: "expanded" }, host: { listeners: { "focus": "focus()", "blur": "blur()", "keydown": "onKeyDown($event)" }, properties: { "attr.tabindex": "tabIndex" }, classAttribute: "mc-vertical-navbar" }, queries: [{ propertyName: "bento", first: true, predicate: i0.forwardRef(function () { return McNavbarBento; }), descendants: true }, { propertyName: "rectangleElements", predicate: i0.forwardRef(function () { return McNavbarRectangleElement; }), descendants: true }, { propertyName: "items", predicate: i0.forwardRef(function () { return McNavbarItem; }), descendants: true }], exportAs: ["McVerticalNavbar"], usesInheritance: true, ngImport: i0, template: `
327
+ /** @nocollapse */ McVerticalNavbar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McVerticalNavbar, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
328
+ /** @nocollapse */ McVerticalNavbar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: McVerticalNavbar, selector: "mc-vertical-navbar", inputs: { expanded: "expanded" }, host: { listeners: { "focus": "focus()", "blur": "blur()", "keydown": "onKeyDown($event)" }, properties: { "attr.tabindex": "tabIndex" }, classAttribute: "mc-vertical-navbar" }, queries: [{ propertyName: "bento", first: true, predicate: i0.forwardRef(function () { return McNavbarBento; }), descendants: true }, { propertyName: "rectangleElements", predicate: i0.forwardRef(function () { return McNavbarRectangleElement; }), descendants: true }, { propertyName: "items", predicate: i0.forwardRef(function () { return McNavbarItem; }), descendants: true }], exportAs: ["McVerticalNavbar"], usesInheritance: true, ngImport: i0, template: `
329
329
  <div class="mc-vertical-navbar__container"
330
330
  [@toggle]="expanded"
331
331
  (@toggle.done)="animationDone.next()"
@@ -336,7 +336,7 @@ class McVerticalNavbar extends McFocusableComponent {
336
336
  <ng-content select="[mc-navbar-toggle], mc-navbar-toggle"></ng-content>
337
337
  </div>
338
338
  `, isInline: true, styles: [".mc-vertical-navbar{position:relative;min-width:var(--mc-vertical-navbar-size-states-collapsed-width, 56px);height:100%}.mc-vertical-navbar .mc-navbar-container{flex-direction:column;align-items:unset}.mc-vertical-navbar .mc-vertical-navbar__container{display:flex;flex-direction:column;justify-content:space-between;position:absolute;z-index:998;height:100%}.mc-vertical-navbar .mc-vertical-navbar__container.mc-collapsed{width:var(--mc-vertical-navbar-size-states-collapsed-width, 56px)}.mc-vertical-navbar .mc-vertical-navbar__container.mc-expanded{width:var(--mc-vertical-navbar-size-states-expanded-width, 240px)}\n", ".mc-navbar-title,.mc-navbar-subtitle{display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mc-navbar-item{box-sizing:border-box;position:relative;display:flex;align-items:center;padding-left:var(--mc-navbar-item-size-padding, 16px);padding-right:var(--mc-navbar-item-size-padding, 16px)}.mc-navbar-item .mc-badge{position:absolute}.mc-navbar-item__title{display:flex;flex-direction:column;align-self:center;min-width:0}.mc-navbar-item__container{display:flex;flex-direction:row;flex:1 1 auto;justify-content:space-between;min-width:0}.mc-navbar-item__container .mc-icon{align-self:center}.mc-navbar-item.mc-horizontal{height:var(--mc-navbar-item-size-height, 48px)}.mc-navbar-item.mc-horizontal .mc-icon{min-width:16px;min-height:16px}.mc-navbar-item.mc-horizontal .mc-navbar-item__title+.mc-icon{margin-left:var(--mc-navbar-size-right-icon-margin, 2px)}.mc-navbar-item.mc-horizontal .mc-icon+.mc-navbar-item__container{margin-left:var(--mc-navbar-size-icon-margin, 6px)}.mc-navbar-item.mc-horizontal.mc-navbar-item_collapsed .mc-navbar-item__container{display:none}.mc-navbar-item.mc-horizontal .mc-badge{top:8px;right:8px}.mc-navbar-item.mc-vertical{height:var(--mc-navbar-item-size-height-vertical, 56px)}.mc-navbar-item.mc-vertical>.mc-icon{display:flex;justify-content:center;align-items:center;min-width:24px;min-height:24px}.mc-navbar-item.mc-vertical .mc-navbar-item__title,.mc-navbar-item.mc-vertical .mc-icon+.mc-navbar-item__title,.mc-navbar-item.mc-vertical .mc-navbar-item__title+.mc-icon{padding-left:var(--mc-vertical-navbar-size-icon-margin, 16px)}.mc-navbar-item.mc-vertical.mc-navbar-item_button{padding-left:12px;padding-right:12px}.mc-navbar-item.mc-vertical.mc-expanded .mc-badge{top:16px;right:16px}.mc-navbar-item.mc-vertical.mc-collapsed .mc-badge{top:4px;right:4px}.mc-navbar-item.mc-vertical.mc-collapsed .mc-navbar-item__title{display:none}.mc-navbar-item.mc-navbar-item_button .mc-button{flex:1}.mc-navbar-item.mc-navbar-item_button .mc-button .mc-button-wrapper{justify-content:center}.mc-navbar-item.mc-navbar-item_button .mc-button .mc-button-wrapper .mc-icon.mc-icon_left{margin-left:unset}.mc-navbar-item.mc-navbar-item_button .mc-button .mc-button-wrapper .mc-icon.mc-icon_right{margin-right:unset}a.mc-navbar-item,a.mc-navbar-title{text-decoration:none}.mc-navbar-item .mc-navbar-item__overlay,.mc-navbar-brand .mc-navbar-item__overlay,.mc-navbar-toggle .mc-navbar-item__overlay{position:absolute;inset:0}.mc-navbar-item [mc-button],.mc-navbar-brand [mc-button],.mc-navbar-toggle [mc-button]{z-index:1}\n", ".mc-navbar-logo{display:flex}.mc-navbar-brand{position:relative;display:flex;align-items:center}.mc-navbar-brand .mc-navbar-title{cursor:pointer}a.mc-navbar-brand{text-decoration:none}.mc-navbar-brand.mc-horizontal{height:var(--mc-navbar-item-size-height, 48px);padding-right:var(--mc-navbar-brand-size-margin-right, 24px)}.mc-navbar-brand.mc-horizontal .mc-navbar-title{padding-left:var(--mc-navbar-brand-size-padding, 12px);padding-right:0}.mc-navbar-brand.mc-vertical .mc-navbar-logo{flex-direction:column;justify-content:center;align-items:center;min-height:var(--mc-navbar-item-size-height-vertical, 56px);min-width:var(--mc-vertical-navbar-size-states-collapsed-width, 56px)}.mc-navbar-brand.mc-vertical .mc-navbar-title{display:flex;align-items:center;height:var(--mc-navbar-item-size-height-vertical, 56px);padding-left:0}.mc-navbar-brand.mc-vertical.mc-expanded{align-items:unset}.mc-navbar-brand.mc-vertical.mc-collapsed .mc-navbar-title{display:none}\n", ".mc-navbar-divider{display:block}.mc-navbar-divider.mc-vertical{height:1px;margin:8px 12px}.mc-navbar-divider.mc-horizontal{width:1px;height:28px;margin-left:8px;margin-right:8px}\n"], animations: [toggleVerticalNavbarAnimation()], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
339
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McVerticalNavbar, decorators: [{
339
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McVerticalNavbar, decorators: [{
340
340
  type: Component,
341
341
  args: [{ selector: 'mc-vertical-navbar', exportAs: 'McVerticalNavbar', template: `
342
342
  <div class="mc-vertical-navbar__container"
@@ -373,9 +373,9 @@ class McNavbarLogo {
373
373
  this.hovered = new Subject();
374
374
  }
375
375
  }
376
- /** @nocollapse */ McNavbarLogo.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbarLogo, deps: [], target: i0.ɵɵFactoryTarget.Directive });
377
- /** @nocollapse */ McNavbarLogo.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: McNavbarLogo, selector: "mc-navbar-logo, [mc-navbar-logo]", host: { listeners: { "mouseenter": "hovered.next(true)", "mouseleave": "hovered.next(false)" }, classAttribute: "mc-navbar-logo" }, ngImport: i0 });
378
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbarLogo, decorators: [{
376
+ /** @nocollapse */ McNavbarLogo.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbarLogo, deps: [], target: i0.ɵɵFactoryTarget.Directive });
377
+ /** @nocollapse */ McNavbarLogo.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McNavbarLogo, selector: "mc-navbar-logo, [mc-navbar-logo]", host: { listeners: { "mouseenter": "hovered.next(true)", "mouseleave": "hovered.next(false)" }, classAttribute: "mc-navbar-logo" }, ngImport: i0 });
378
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbarLogo, decorators: [{
379
379
  type: Directive,
380
380
  args: [{
381
381
  selector: 'mc-navbar-logo, [mc-navbar-logo]',
@@ -388,9 +388,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
388
388
  }] });
389
389
  class McNavbarBento {
390
390
  }
391
- /** @nocollapse */ McNavbarBento.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbarBento, deps: [], target: i0.ɵɵFactoryTarget.Directive });
392
- /** @nocollapse */ McNavbarBento.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: McNavbarBento, selector: "mc-navbar-item[bento], [mc-navbar-item][bento]", host: { classAttribute: "mc-navbar-bento" }, ngImport: i0 });
393
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbarBento, decorators: [{
391
+ /** @nocollapse */ McNavbarBento.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbarBento, deps: [], target: i0.ɵɵFactoryTarget.Directive });
392
+ /** @nocollapse */ McNavbarBento.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McNavbarBento, selector: "mc-navbar-item[bento], [mc-navbar-item][bento]", host: { classAttribute: "mc-navbar-bento" }, ngImport: i0 });
393
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbarBento, decorators: [{
394
394
  type: Directive,
395
395
  args: [{
396
396
  selector: 'mc-navbar-item[bento], [mc-navbar-item][bento]',
@@ -423,9 +423,9 @@ class McNavbarTitle {
423
423
  this.outerElementWidth = this.getOuterElementWidth();
424
424
  }
425
425
  }
426
- /** @nocollapse */ McNavbarTitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbarTitle, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
427
- /** @nocollapse */ McNavbarTitle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: McNavbarTitle, selector: "mc-navbar-title, [mc-navbar-title]", host: { listeners: { "mouseenter": "hovered.next(true)", "mouseleave": "hovered.next(false)" }, properties: { "class.mc-navbar-title_small": "isTextOverflown" }, classAttribute: "mc-navbar-title" }, ngImport: i0 });
428
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbarTitle, decorators: [{
426
+ /** @nocollapse */ McNavbarTitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbarTitle, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
427
+ /** @nocollapse */ McNavbarTitle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McNavbarTitle, selector: "mc-navbar-title, [mc-navbar-title]", host: { listeners: { "mouseenter": "hovered.next(true)", "mouseleave": "hovered.next(false)" }, properties: { "class.mc-navbar-title_small": "isTextOverflown" }, classAttribute: "mc-navbar-title" }, ngImport: i0 });
428
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbarTitle, decorators: [{
429
429
  type: Directive,
430
430
  args: [{
431
431
  selector: 'mc-navbar-title, [mc-navbar-title]',
@@ -456,9 +456,9 @@ class McNavbarSubTitle {
456
456
  this.outerElementWidth = this.getOuterElementWidth();
457
457
  }
458
458
  }
459
- /** @nocollapse */ McNavbarSubTitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbarSubTitle, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
460
- /** @nocollapse */ McNavbarSubTitle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: McNavbarSubTitle, selector: "mc-navbar-subtitle, [mc-navbar-subtitle]", host: { listeners: { "mouseenter": "hovered.next(true)", "mouseleave": "hovered.next(false)" }, classAttribute: "mc-navbar-subtitle" }, ngImport: i0 });
461
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbarSubTitle, decorators: [{
459
+ /** @nocollapse */ McNavbarSubTitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbarSubTitle, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
460
+ /** @nocollapse */ McNavbarSubTitle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McNavbarSubTitle, selector: "mc-navbar-subtitle, [mc-navbar-subtitle]", host: { listeners: { "mouseenter": "hovered.next(true)", "mouseleave": "hovered.next(false)" }, classAttribute: "mc-navbar-subtitle" }, ngImport: i0 });
461
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbarSubTitle, decorators: [{
462
462
  type: Directive,
463
463
  args: [{
464
464
  selector: 'mc-navbar-subtitle, [mc-navbar-subtitle]',
@@ -491,12 +491,12 @@ class McNavbarBrand {
491
491
  this.destroyed.complete();
492
492
  }
493
493
  }
494
- /** @nocollapse */ McNavbarBrand.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbarBrand, deps: [{ token: McVerticalNavbar, optional: true }], target: i0.ɵɵFactoryTarget.Component });
495
- /** @nocollapse */ McNavbarBrand.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: McNavbarBrand, selector: "mc-navbar-brand, [mc-navbar-brand]", host: { properties: { "class.mc-hovered": "hovered" }, classAttribute: "mc-navbar-brand" }, queries: [{ propertyName: "logo", first: true, predicate: McNavbarLogo, descendants: true }, { propertyName: "title", first: true, predicate: McNavbarTitle, descendants: true }], exportAs: ["mcNavbarBrand"], ngImport: i0, template: `
494
+ /** @nocollapse */ McNavbarBrand.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbarBrand, deps: [{ token: McVerticalNavbar, optional: true }], target: i0.ɵɵFactoryTarget.Component });
495
+ /** @nocollapse */ McNavbarBrand.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: McNavbarBrand, selector: "mc-navbar-brand, [mc-navbar-brand]", host: { properties: { "class.mc-hovered": "hovered" }, classAttribute: "mc-navbar-brand" }, queries: [{ propertyName: "logo", first: true, predicate: McNavbarLogo, descendants: true }, { propertyName: "title", first: true, predicate: McNavbarTitle, descendants: true }], exportAs: ["mcNavbarBrand"], ngImport: i0, template: `
496
496
  <ng-content></ng-content>
497
497
  <div class="mc-navbar-item__overlay"></div>
498
498
  `, isInline: true });
499
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbarBrand, decorators: [{
499
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbarBrand, decorators: [{
500
500
  type: Component,
501
501
  args: [{
502
502
  selector: 'mc-navbar-brand, [mc-navbar-brand]',
@@ -523,9 +523,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
523
523
  }] } });
524
524
  class McNavbarDivider {
525
525
  }
526
- /** @nocollapse */ McNavbarDivider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbarDivider, deps: [], target: i0.ɵɵFactoryTarget.Directive });
527
- /** @nocollapse */ McNavbarDivider.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: McNavbarDivider, selector: "mc-navbar-divider", host: { classAttribute: "mc-navbar-divider" }, ngImport: i0 });
528
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbarDivider, decorators: [{
526
+ /** @nocollapse */ McNavbarDivider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbarDivider, deps: [], target: i0.ɵɵFactoryTarget.Directive });
527
+ /** @nocollapse */ McNavbarDivider.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McNavbarDivider, selector: "mc-navbar-divider", host: { classAttribute: "mc-navbar-divider" }, ngImport: i0 });
528
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbarDivider, decorators: [{
529
529
  type: Directive,
530
530
  args: [{
531
531
  selector: 'mc-navbar-divider',
@@ -630,9 +630,9 @@ class McNavbarFocusableItem {
630
630
  return ((_a = this.title) === null || _a === void 0 ? void 0 : _a.text) || '';
631
631
  }
632
632
  }
633
- /** @nocollapse */ McNavbarFocusableItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbarFocusableItem, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i2.FocusMonitor }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
634
- /** @nocollapse */ McNavbarFocusableItem.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: McNavbarFocusableItem, selector: "mc-navbar-item, [mc-navbar-item], mc-navbar-brand, [mc-navbar-brand], mc-navbar-toggle", inputs: { disabled: "disabled" }, host: { listeners: { "focus": "onFocusHandler()", "blur": "blur()" }, properties: { "attr.tabindex": "tabIndex", "attr.disabled": "disabled || null", "class.mc-navbar-item_button": "button" }, classAttribute: "mc-navbar-focusable-item" }, queries: [{ propertyName: "title", first: true, predicate: McNavbarTitle, descendants: true }, { propertyName: "button", first: true, predicate: McButton, descendants: true }], ngImport: i0 });
635
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbarFocusableItem, decorators: [{
633
+ /** @nocollapse */ McNavbarFocusableItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbarFocusableItem, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i2.FocusMonitor }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
634
+ /** @nocollapse */ McNavbarFocusableItem.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McNavbarFocusableItem, selector: "mc-navbar-item, [mc-navbar-item], mc-navbar-brand, [mc-navbar-brand], mc-navbar-toggle", inputs: { disabled: "disabled" }, host: { listeners: { "focus": "onFocusHandler()", "blur": "blur()" }, properties: { "attr.tabindex": "tabIndex", "attr.disabled": "disabled || null", "class.mc-navbar-item_button": "button" }, classAttribute: "mc-navbar-focusable-item" }, queries: [{ propertyName: "title", first: true, predicate: McNavbarTitle, descendants: true }, { propertyName: "button", first: true, predicate: McButton, descendants: true }], ngImport: i0 });
635
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbarFocusableItem, decorators: [{
636
636
  type: Directive,
637
637
  args: [{
638
638
  selector: 'mc-navbar-item, [mc-navbar-item], mc-navbar-brand, [mc-navbar-brand], mc-navbar-toggle',
@@ -685,9 +685,9 @@ class McNavbarRectangleElement {
685
685
  return [width, marginLeft, marginRight].reduce((acc, item) => acc + parseInt(item), 0);
686
686
  }
687
687
  }
688
- /** @nocollapse */ McNavbarRectangleElement.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbarRectangleElement, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
689
- /** @nocollapse */ McNavbarRectangleElement.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: McNavbarRectangleElement, selector: "mc-navbar-item, [mc-navbar-item], mc-navbar-divider, mc-navbar-brand, [mc-navbar-brand]", host: { properties: { "class.mc-vertical": "vertical", "class.mc-horizontal": "horizontal", "class.mc-expanded": "vertical && !collapsed", "class.mc-collapsed": "vertical && collapsed" } }, queries: [{ propertyName: "button", first: true, predicate: McButtonCssStyler, descendants: true }], ngImport: i0 });
690
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbarRectangleElement, decorators: [{
688
+ /** @nocollapse */ McNavbarRectangleElement.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbarRectangleElement, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
689
+ /** @nocollapse */ McNavbarRectangleElement.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McNavbarRectangleElement, selector: "mc-navbar-item, [mc-navbar-item], mc-navbar-divider, mc-navbar-brand, [mc-navbar-brand]", host: { properties: { "class.mc-vertical": "vertical", "class.mc-horizontal": "horizontal", "class.mc-expanded": "vertical && !collapsed", "class.mc-collapsed": "vertical && collapsed" } }, queries: [{ propertyName: "button", first: true, predicate: McButtonCssStyler, descendants: true }], ngImport: i0 });
690
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbarRectangleElement, decorators: [{
691
691
  type: Directive,
692
692
  args: [{
693
693
  selector: 'mc-navbar-item, [mc-navbar-item], mc-navbar-divider, mc-navbar-brand, [mc-navbar-brand]',
@@ -732,13 +732,11 @@ class McNavbarItem extends McTooltipTrigger {
732
732
  this.initListeners();
733
733
  }
734
734
  }
735
- get collapsed() {
736
- return this._collapsed;
737
- }
738
735
  set collapsed(value) {
739
736
  if (this._collapsed !== value) {
740
737
  this._collapsed = value;
741
738
  this.updateTooltip();
739
+ this.updateCollapsedState();
742
740
  }
743
741
  }
744
742
  get croppedText() {
@@ -765,7 +763,7 @@ class McNavbarItem extends McTooltipTrigger {
765
763
  if (this._disabled !== undefined) {
766
764
  return this._disabled;
767
765
  }
768
- return (!this.collapsed && !this.hasCroppedText) || !this.title;
766
+ return (!this.isCollapsed && !this.hasCroppedText) || !this.title;
769
767
  }
770
768
  set disabled(value) {
771
769
  this._disabled = coerceBooleanProperty(value);
@@ -774,10 +772,10 @@ class McNavbarItem extends McTooltipTrigger {
774
772
  return !!this.dropdownTrigger;
775
773
  }
776
774
  get showVerticalDropDownAngle() {
777
- return !this.bento && this.hasDropDownTrigger && this.rectangleElement.vertical && !this.collapsed;
775
+ return !this.bento && this.hasDropDownTrigger && this.rectangleElement.vertical && !this.isCollapsed;
778
776
  }
779
777
  get showHorizontalDropDownAngle() {
780
- return this.hasDropDownTrigger && this.rectangleElement.horizontal && !this.collapsed;
778
+ return this.hasDropDownTrigger && this.rectangleElement.horizontal && !this.isCollapsed;
781
779
  }
782
780
  get hasCroppedText() {
783
781
  var _a, _b;
@@ -787,10 +785,10 @@ class McNavbarItem extends McTooltipTrigger {
787
785
  this.updateTooltip();
788
786
  }
789
787
  updateTooltip() {
790
- if (this.collapsed) {
788
+ if (this.isCollapsed) {
791
789
  this.content = `${this.titleText}\n ${this.subTitleText || ''}`;
792
790
  }
793
- else if (!this.collapsed && this.hasCroppedText) {
791
+ else if (!this.isCollapsed && this.hasCroppedText) {
794
792
  this.content = this.croppedText;
795
793
  }
796
794
  if (this.rectangleElement.vertical) {
@@ -813,14 +811,19 @@ class McNavbarItem extends McTooltipTrigger {
813
811
  $event.preventDefault();
814
812
  }
815
813
  }
814
+ updateCollapsedState() {
815
+ Promise.resolve().then(() => {
816
+ this.isCollapsed = this._collapsed;
817
+ });
818
+ }
816
819
  }
817
- /** @nocollapse */ McNavbarItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbarItem, deps: [{ token: McNavbarRectangleElement }, { token: McNavbarFocusableItem }, { token: i0.ChangeDetectorRef }, { token: i3.Overlay }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i3.ScrollDispatcher }, { token: i0.ViewContainerRef }, { token: MC_TOOLTIP_SCROLL_STRATEGY }, { token: i4.Directionality, optional: true }, { token: i5.McDropdownTrigger, optional: true }, { token: McNavbarBento, optional: true }], target: i0.ɵɵFactoryTarget.Component });
818
- /** @nocollapse */ McNavbarItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: McNavbarItem, selector: "mc-navbar-item, [mc-navbar-item]", inputs: { collapsedText: "collapsedText", trigger: ["mcTrigger", "trigger"], collapsed: "collapsed", collapsable: "collapsable" }, host: { listeners: { "keydown": "onKeyDown($event)" }, properties: { "class.mc-navbar-item_collapsed": "collapsed" }, classAttribute: "mc-navbar-item" }, queries: [{ propertyName: "title", first: true, predicate: McNavbarTitle, descendants: true }, { propertyName: "subTitle", first: true, predicate: McNavbarSubTitle, descendants: true }, { propertyName: "icon", first: true, predicate: McIcon, descendants: true }], exportAs: ["mcNavbarItem"], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[mc-icon]\"></ng-content>\n\n<div class=\"mc-navbar-item__container\" *ngIf=\"title\">\n <div class=\"mc-navbar-item__title\">\n <ng-content select=\"mc-navbar-title, [mc-navbar-title]\"></ng-content>\n <ng-content select=\"mc-navbar-subtitle, [mc-navbar-subtitle]\"></ng-content>\n </div>\n\n <i class=\"mc-navbar-item__arrow-icon\" mc-icon=\"mc-angle-right-M_24\" *ngIf=\"showVerticalDropDownAngle\"></i>\n <i class=\"mc-navbar-item__arrow-icon\" mc-icon=\"mc-angle-down-S_16\" *ngIf=\"showHorizontalDropDownAngle\"></i>\n\n</div>\n\n<ng-content></ng-content>\n\n<div class=\"mc-navbar-item__overlay\"></div>\n", dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.McIcon, selector: "[mc-icon]", inputs: ["color"] }, { kind: "directive", type: i7.McIconCSSStyler, selector: "[mc-icon]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
819
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbarItem, decorators: [{
820
+ /** @nocollapse */ McNavbarItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbarItem, deps: [{ token: McNavbarRectangleElement }, { token: McNavbarFocusableItem }, { token: i0.ChangeDetectorRef }, { token: i3.Overlay }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i3.ScrollDispatcher }, { token: i0.ViewContainerRef }, { token: MC_TOOLTIP_SCROLL_STRATEGY }, { token: i4.Directionality, optional: true }, { token: i5.McDropdownTrigger, optional: true }, { token: McNavbarBento, optional: true }], target: i0.ɵɵFactoryTarget.Component });
821
+ /** @nocollapse */ McNavbarItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: McNavbarItem, selector: "mc-navbar-item, [mc-navbar-item]", inputs: { collapsedText: "collapsedText", trigger: ["mcTrigger", "trigger"], collapsable: "collapsable" }, host: { listeners: { "keydown": "onKeyDown($event)" }, properties: { "class.mc-navbar-item_collapsed": "isCollapsed" }, classAttribute: "mc-navbar-item" }, queries: [{ propertyName: "title", first: true, predicate: McNavbarTitle, descendants: true }, { propertyName: "subTitle", first: true, predicate: McNavbarSubTitle, descendants: true }, { propertyName: "icon", first: true, predicate: McIcon, descendants: true }], exportAs: ["mcNavbarItem"], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[mc-icon]\"></ng-content>\n\n<div class=\"mc-navbar-item__container\" *ngIf=\"title\">\n <div class=\"mc-navbar-item__title\">\n <ng-content select=\"mc-navbar-title, [mc-navbar-title]\"></ng-content>\n <ng-content select=\"mc-navbar-subtitle, [mc-navbar-subtitle]\"></ng-content>\n </div>\n\n <i class=\"mc-navbar-item__arrow-icon\" mc-icon=\"mc-angle-right-M_24\" *ngIf=\"showVerticalDropDownAngle\"></i>\n <i class=\"mc-navbar-item__arrow-icon\" mc-icon=\"mc-angle-down-S_16\" *ngIf=\"showHorizontalDropDownAngle\"></i>\n\n</div>\n\n<ng-content></ng-content>\n\n<div class=\"mc-navbar-item__overlay\"></div>\n", dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.McIcon, selector: "[mc-icon]", inputs: ["color"] }, { kind: "directive", type: i7.McIconCSSStyler, selector: "[mc-icon]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
822
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbarItem, decorators: [{
820
823
  type: Component,
821
824
  args: [{ selector: 'mc-navbar-item, [mc-navbar-item]', exportAs: 'mcNavbarItem', host: {
822
825
  class: 'mc-navbar-item',
823
- '[class.mc-navbar-item_collapsed]': 'collapsed',
826
+ '[class.mc-navbar-item_collapsed]': 'isCollapsed',
824
827
  '(keydown)': 'onKeyDown($event)'
825
828
  }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"[mc-icon]\"></ng-content>\n\n<div class=\"mc-navbar-item__container\" *ngIf=\"title\">\n <div class=\"mc-navbar-item__title\">\n <ng-content select=\"mc-navbar-title, [mc-navbar-title]\"></ng-content>\n <ng-content select=\"mc-navbar-subtitle, [mc-navbar-subtitle]\"></ng-content>\n </div>\n\n <i class=\"mc-navbar-item__arrow-icon\" mc-icon=\"mc-angle-right-M_24\" *ngIf=\"showVerticalDropDownAngle\"></i>\n <i class=\"mc-navbar-item__arrow-icon\" mc-icon=\"mc-angle-down-S_16\" *ngIf=\"showHorizontalDropDownAngle\"></i>\n\n</div>\n\n<ng-content></ng-content>\n\n<div class=\"mc-navbar-item__overlay\"></div>\n" }]
826
829
  }], ctorParameters: function () {
@@ -848,8 +851,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
848
851
  }], trigger: [{
849
852
  type: Input,
850
853
  args: ['mcTrigger']
851
- }], collapsed: [{
852
- type: Input
853
854
  }], collapsable: [{
854
855
  type: Input
855
856
  }] } });
@@ -907,8 +908,8 @@ class McNavbarToggle extends McTooltipTrigger {
907
908
  return ((_a = this.document) === null || _a === void 0 ? void 0 : _a.defaultView) || window;
908
909
  }
909
910
  }
910
- /** @nocollapse */ McNavbarToggle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbarToggle, deps: [{ token: McVerticalNavbar }, { token: i0.ChangeDetectorRef }, { token: i3.Overlay }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i3.ScrollDispatcher }, { token: i0.ViewContainerRef }, { token: MC_TOOLTIP_SCROLL_STRATEGY }, { token: i4.Directionality, optional: true }, { token: DOCUMENT, optional: true }], target: i0.ɵɵFactoryTarget.Component });
911
- /** @nocollapse */ McNavbarToggle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: McNavbarToggle, selector: "mc-navbar-toggle", inputs: { content: ["mcCollapsedTooltip", "content"] }, host: { listeners: { "keydown": "onKeydown($event)", "click": "toggle()", "touchend": "handleTouchend()" }, properties: { "class.mc-tooltip_open": "isOpen" }, classAttribute: "mc-navbar-item mc-navbar-toggle mc-vertical" }, queries: [{ propertyName: "customIcon", first: true, predicate: McIcon, descendants: true }], usesInheritance: true, ngImport: i0, template: `
911
+ /** @nocollapse */ McNavbarToggle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbarToggle, deps: [{ token: McVerticalNavbar }, { token: i0.ChangeDetectorRef }, { token: i3.Overlay }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i3.ScrollDispatcher }, { token: i0.ViewContainerRef }, { token: MC_TOOLTIP_SCROLL_STRATEGY }, { token: i4.Directionality, optional: true }, { token: DOCUMENT, optional: true }], target: i0.ɵɵFactoryTarget.Component });
912
+ /** @nocollapse */ McNavbarToggle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: McNavbarToggle, selector: "mc-navbar-toggle", inputs: { content: ["mcCollapsedTooltip", "content"] }, host: { listeners: { "keydown": "onKeydown($event)", "click": "toggle()", "touchend": "handleTouchend()" }, properties: { "class.mc-tooltip_open": "isOpen" }, classAttribute: "mc-navbar-item mc-navbar-toggle mc-vertical" }, queries: [{ propertyName: "customIcon", first: true, predicate: McIcon, descendants: true }], usesInheritance: true, ngImport: i0, template: `
912
913
  <i mc-icon
913
914
  [class.mc-angle-left-M_24]="navbar.expanded"
914
915
  [class.mc-angle-right-M_24]="!navbar.expanded"
@@ -923,7 +924,7 @@ class McNavbarToggle extends McTooltipTrigger {
923
924
 
924
925
  <div class="mc-navbar-item__overlay"></div>
925
926
  `, isInline: true, styles: [".mc-navbar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:relative}.mc-navbar-container{display:flex;flex-shrink:0;flex-direction:row;justify-content:space-between;align-items:center;position:relative}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.McIcon, selector: "[mc-icon]", inputs: ["color"] }, { kind: "directive", type: i7.McIconCSSStyler, selector: "[mc-icon]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
926
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbarToggle, decorators: [{
927
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbarToggle, decorators: [{
927
928
  type: Component,
928
929
  args: [{ selector: 'mc-navbar-toggle', template: `
929
930
  <i mc-icon
@@ -968,8 +969,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
968
969
 
969
970
  class McNavbarModule {
970
971
  }
971
- /** @nocollapse */ McNavbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
972
- /** @nocollapse */ McNavbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.2", ngImport: i0, type: McNavbarModule, declarations: [McNavbar,
972
+ /** @nocollapse */ McNavbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
973
+ /** @nocollapse */ McNavbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: McNavbarModule, declarations: [McNavbar,
973
974
  McNavbarContainer,
974
975
  McNavbarTitle,
975
976
  McNavbarItem,
@@ -998,12 +999,12 @@ class McNavbarModule {
998
999
  McNavbarRectangleElement,
999
1000
  McNavbarSubTitle,
1000
1001
  McNavbarBento] });
1001
- /** @nocollapse */ McNavbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbarModule, imports: [CommonModule,
1002
+ /** @nocollapse */ McNavbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbarModule, imports: [CommonModule,
1002
1003
  A11yModule,
1003
1004
  PlatformModule,
1004
1005
  McIconModule,
1005
1006
  McToolTipModule] });
1006
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbarModule, decorators: [{
1007
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbarModule, decorators: [{
1007
1008
  type: NgModule,
1008
1009
  args: [{
1009
1010
  imports: [