@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/fesm2020/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',
@@ -323,8 +323,8 @@ class McVerticalNavbar extends McFocusableComponent {
323
323
  }
324
324
  }
325
325
  }
326
- /** @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 });
327
- /** @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: `
326
+ /** @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 });
327
+ /** @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: `
328
328
  <div class="mc-vertical-navbar__container"
329
329
  [@toggle]="expanded"
330
330
  (@toggle.done)="animationDone.next()"
@@ -335,7 +335,7 @@ class McVerticalNavbar extends McFocusableComponent {
335
335
  <ng-content select="[mc-navbar-toggle], mc-navbar-toggle"></ng-content>
336
336
  </div>
337
337
  `, 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 });
338
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McVerticalNavbar, decorators: [{
338
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McVerticalNavbar, decorators: [{
339
339
  type: Component,
340
340
  args: [{ selector: 'mc-vertical-navbar', exportAs: 'McVerticalNavbar', template: `
341
341
  <div class="mc-vertical-navbar__container"
@@ -372,9 +372,9 @@ class McNavbarLogo {
372
372
  this.hovered = new Subject();
373
373
  }
374
374
  }
375
- /** @nocollapse */ McNavbarLogo.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbarLogo, deps: [], target: i0.ɵɵFactoryTarget.Directive });
376
- /** @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 });
377
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbarLogo, decorators: [{
375
+ /** @nocollapse */ McNavbarLogo.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbarLogo, deps: [], target: i0.ɵɵFactoryTarget.Directive });
376
+ /** @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 });
377
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbarLogo, decorators: [{
378
378
  type: Directive,
379
379
  args: [{
380
380
  selector: 'mc-navbar-logo, [mc-navbar-logo]',
@@ -387,9 +387,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
387
387
  }] });
388
388
  class McNavbarBento {
389
389
  }
390
- /** @nocollapse */ McNavbarBento.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbarBento, deps: [], target: i0.ɵɵFactoryTarget.Directive });
391
- /** @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 });
392
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbarBento, decorators: [{
390
+ /** @nocollapse */ McNavbarBento.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbarBento, deps: [], target: i0.ɵɵFactoryTarget.Directive });
391
+ /** @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 });
392
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbarBento, decorators: [{
393
393
  type: Directive,
394
394
  args: [{
395
395
  selector: 'mc-navbar-item[bento], [mc-navbar-item][bento]',
@@ -422,9 +422,9 @@ class McNavbarTitle {
422
422
  this.outerElementWidth = this.getOuterElementWidth();
423
423
  }
424
424
  }
425
- /** @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 });
426
- /** @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 });
427
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbarTitle, decorators: [{
425
+ /** @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 });
426
+ /** @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 });
427
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbarTitle, decorators: [{
428
428
  type: Directive,
429
429
  args: [{
430
430
  selector: 'mc-navbar-title, [mc-navbar-title]',
@@ -455,9 +455,9 @@ class McNavbarSubTitle {
455
455
  this.outerElementWidth = this.getOuterElementWidth();
456
456
  }
457
457
  }
458
- /** @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 });
459
- /** @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 });
460
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbarSubTitle, decorators: [{
458
+ /** @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 });
459
+ /** @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 });
460
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbarSubTitle, decorators: [{
461
461
  type: Directive,
462
462
  args: [{
463
463
  selector: 'mc-navbar-subtitle, [mc-navbar-subtitle]',
@@ -489,12 +489,12 @@ class McNavbarBrand {
489
489
  this.destroyed.complete();
490
490
  }
491
491
  }
492
- /** @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 });
493
- /** @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: `
492
+ /** @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 });
493
+ /** @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: `
494
494
  <ng-content></ng-content>
495
495
  <div class="mc-navbar-item__overlay"></div>
496
496
  `, isInline: true });
497
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbarBrand, decorators: [{
497
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbarBrand, decorators: [{
498
498
  type: Component,
499
499
  args: [{
500
500
  selector: 'mc-navbar-brand, [mc-navbar-brand]',
@@ -519,9 +519,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
519
519
  }] } });
520
520
  class McNavbarDivider {
521
521
  }
522
- /** @nocollapse */ McNavbarDivider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbarDivider, deps: [], target: i0.ɵɵFactoryTarget.Directive });
523
- /** @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 });
524
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbarDivider, decorators: [{
522
+ /** @nocollapse */ McNavbarDivider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbarDivider, deps: [], target: i0.ɵɵFactoryTarget.Directive });
523
+ /** @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 });
524
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbarDivider, decorators: [{
525
525
  type: Directive,
526
526
  args: [{
527
527
  selector: 'mc-navbar-divider',
@@ -622,9 +622,9 @@ class McNavbarFocusableItem {
622
622
  return this.title?.text || '';
623
623
  }
624
624
  }
625
- /** @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 });
626
- /** @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 });
627
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbarFocusableItem, decorators: [{
625
+ /** @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 });
626
+ /** @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 });
627
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbarFocusableItem, decorators: [{
628
628
  type: Directive,
629
629
  args: [{
630
630
  selector: 'mc-navbar-item, [mc-navbar-item], mc-navbar-brand, [mc-navbar-brand], mc-navbar-toggle',
@@ -677,9 +677,9 @@ class McNavbarRectangleElement {
677
677
  return [width, marginLeft, marginRight].reduce((acc, item) => acc + parseInt(item), 0);
678
678
  }
679
679
  }
680
- /** @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 });
681
- /** @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 });
682
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbarRectangleElement, decorators: [{
680
+ /** @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 });
681
+ /** @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 });
682
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbarRectangleElement, decorators: [{
683
683
  type: Directive,
684
684
  args: [{
685
685
  selector: 'mc-navbar-item, [mc-navbar-item], mc-navbar-divider, mc-navbar-brand, [mc-navbar-brand]',
@@ -724,13 +724,11 @@ class McNavbarItem extends McTooltipTrigger {
724
724
  this.initListeners();
725
725
  }
726
726
  }
727
- get collapsed() {
728
- return this._collapsed;
729
- }
730
727
  set collapsed(value) {
731
728
  if (this._collapsed !== value) {
732
729
  this._collapsed = value;
733
730
  this.updateTooltip();
731
+ this.updateCollapsedState();
734
732
  }
735
733
  }
736
734
  get croppedText() {
@@ -754,7 +752,7 @@ class McNavbarItem extends McTooltipTrigger {
754
752
  if (this._disabled !== undefined) {
755
753
  return this._disabled;
756
754
  }
757
- return (!this.collapsed && !this.hasCroppedText) || !this.title;
755
+ return (!this.isCollapsed && !this.hasCroppedText) || !this.title;
758
756
  }
759
757
  set disabled(value) {
760
758
  this._disabled = coerceBooleanProperty(value);
@@ -763,10 +761,10 @@ class McNavbarItem extends McTooltipTrigger {
763
761
  return !!this.dropdownTrigger;
764
762
  }
765
763
  get showVerticalDropDownAngle() {
766
- return !this.bento && this.hasDropDownTrigger && this.rectangleElement.vertical && !this.collapsed;
764
+ return !this.bento && this.hasDropDownTrigger && this.rectangleElement.vertical && !this.isCollapsed;
767
765
  }
768
766
  get showHorizontalDropDownAngle() {
769
- return this.hasDropDownTrigger && this.rectangleElement.horizontal && !this.collapsed;
767
+ return this.hasDropDownTrigger && this.rectangleElement.horizontal && !this.isCollapsed;
770
768
  }
771
769
  get hasCroppedText() {
772
770
  return !!(this.title?.isOverflown || this.subTitle?.isOverflown);
@@ -775,10 +773,10 @@ class McNavbarItem extends McTooltipTrigger {
775
773
  this.updateTooltip();
776
774
  }
777
775
  updateTooltip() {
778
- if (this.collapsed) {
776
+ if (this.isCollapsed) {
779
777
  this.content = `${this.titleText}\n ${this.subTitleText || ''}`;
780
778
  }
781
- else if (!this.collapsed && this.hasCroppedText) {
779
+ else if (!this.isCollapsed && this.hasCroppedText) {
782
780
  this.content = this.croppedText;
783
781
  }
784
782
  if (this.rectangleElement.vertical) {
@@ -801,14 +799,19 @@ class McNavbarItem extends McTooltipTrigger {
801
799
  $event.preventDefault();
802
800
  }
803
801
  }
802
+ updateCollapsedState() {
803
+ Promise.resolve().then(() => {
804
+ this.isCollapsed = this._collapsed;
805
+ });
806
+ }
804
807
  }
805
- /** @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 });
806
- /** @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 });
807
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbarItem, decorators: [{
808
+ /** @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 });
809
+ /** @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 });
810
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbarItem, decorators: [{
808
811
  type: Component,
809
812
  args: [{ selector: 'mc-navbar-item, [mc-navbar-item]', exportAs: 'mcNavbarItem', host: {
810
813
  class: 'mc-navbar-item',
811
- '[class.mc-navbar-item_collapsed]': 'collapsed',
814
+ '[class.mc-navbar-item_collapsed]': 'isCollapsed',
812
815
  '(keydown)': 'onKeyDown($event)'
813
816
  }, 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" }]
814
817
  }], ctorParameters: function () { return [{ type: McNavbarRectangleElement }, { type: McNavbarFocusableItem }, { type: i0.ChangeDetectorRef }, { type: i3.Overlay }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i3.ScrollDispatcher }, { type: i0.ViewContainerRef }, { type: undefined, decorators: [{
@@ -834,8 +837,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
834
837
  }], trigger: [{
835
838
  type: Input,
836
839
  args: ['mcTrigger']
837
- }], collapsed: [{
838
- type: Input
839
840
  }], collapsable: [{
840
841
  type: Input
841
842
  }] } });
@@ -892,8 +893,8 @@ class McNavbarToggle extends McTooltipTrigger {
892
893
  return this.document?.defaultView || window;
893
894
  }
894
895
  }
895
- /** @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 });
896
- /** @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: `
896
+ /** @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 });
897
+ /** @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: `
897
898
  <i mc-icon
898
899
  [class.mc-angle-left-M_24]="navbar.expanded"
899
900
  [class.mc-angle-right-M_24]="!navbar.expanded"
@@ -908,7 +909,7 @@ class McNavbarToggle extends McTooltipTrigger {
908
909
 
909
910
  <div class="mc-navbar-item__overlay"></div>
910
911
  `, 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 });
911
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbarToggle, decorators: [{
912
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbarToggle, decorators: [{
912
913
  type: Component,
913
914
  args: [{ selector: 'mc-navbar-toggle', template: `
914
915
  <i mc-icon
@@ -951,8 +952,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
951
952
 
952
953
  class McNavbarModule {
953
954
  }
954
- /** @nocollapse */ McNavbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
955
- /** @nocollapse */ McNavbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.2", ngImport: i0, type: McNavbarModule, declarations: [McNavbar,
955
+ /** @nocollapse */ McNavbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
956
+ /** @nocollapse */ McNavbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: McNavbarModule, declarations: [McNavbar,
956
957
  McNavbarContainer,
957
958
  McNavbarTitle,
958
959
  McNavbarItem,
@@ -981,12 +982,12 @@ class McNavbarModule {
981
982
  McNavbarRectangleElement,
982
983
  McNavbarSubTitle,
983
984
  McNavbarBento] });
984
- /** @nocollapse */ McNavbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbarModule, imports: [CommonModule,
985
+ /** @nocollapse */ McNavbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbarModule, imports: [CommonModule,
985
986
  A11yModule,
986
987
  PlatformModule,
987
988
  McIconModule,
988
989
  McToolTipModule] });
989
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McNavbarModule, decorators: [{
990
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McNavbarModule, decorators: [{
990
991
  type: NgModule,
991
992
  args: [{
992
993
  imports: [