@ptsecurity/mosaic 13.0.0 → 13.2.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 (413) hide show
  1. package/_theming.scss +1235 -1004
  2. package/_visual.scss +914 -708
  3. package/core/formatters/date/formatter.d.ts +37 -13
  4. package/core/pop-up/pop-up.d.ts +1 -0
  5. package/core/public-api.d.ts +1 -0
  6. package/core/version.d.ts +2 -0
  7. package/design-tokens/{tokens → legacy-2017/tokens}/components/alert.json5 +0 -0
  8. package/design-tokens/{tokens → legacy-2017/tokens}/components/autocomplete.json5 +0 -0
  9. package/design-tokens/{tokens → legacy-2017/tokens}/components/badge.json5 +28 -38
  10. package/design-tokens/{tokens → legacy-2017/tokens}/components/button-toggle.json5 +0 -0
  11. package/design-tokens/{tokens → legacy-2017/tokens}/components/button.json5 +0 -0
  12. package/design-tokens/{tokens → legacy-2017/tokens}/components/card.json5 +0 -0
  13. package/design-tokens/{tokens → legacy-2017/tokens}/components/checkbox.json5 +2 -2
  14. package/design-tokens/{tokens → legacy-2017/tokens}/components/datepicker.json5 +0 -0
  15. package/design-tokens/{tokens → legacy-2017/tokens}/components/divider.json5 +0 -0
  16. package/design-tokens/legacy-2017/tokens/components/dl.json5 +38 -0
  17. package/design-tokens/{tokens → legacy-2017/tokens}/components/dropdown.json5 +0 -0
  18. package/design-tokens/legacy-2017/tokens/components/form-field.json5 +91 -0
  19. package/design-tokens/{tokens → legacy-2017/tokens}/components/forms.json5 +0 -0
  20. package/design-tokens/{tokens → legacy-2017/tokens}/components/input.json5 +0 -0
  21. package/design-tokens/{tokens → legacy-2017/tokens}/components/link.json5 +0 -0
  22. package/design-tokens/{tokens → legacy-2017/tokens}/components/list.json5 +0 -0
  23. package/design-tokens/{tokens → legacy-2017/tokens}/components/modal.json5 +12 -0
  24. package/design-tokens/{tokens → legacy-2017/tokens}/components/navbar.json5 +2 -0
  25. package/design-tokens/{tokens → legacy-2017/tokens}/components/optgroup.json5 +0 -0
  26. package/design-tokens/{tokens → legacy-2017/tokens}/components/option.json5 +0 -0
  27. package/design-tokens/{tokens → legacy-2017/tokens}/components/popover.json5 +0 -0
  28. package/design-tokens/{tokens → legacy-2017/tokens}/components/popup.json5 +0 -0
  29. package/design-tokens/{tokens → legacy-2017/tokens}/components/progress-bar.json5 +0 -0
  30. package/design-tokens/{tokens → legacy-2017/tokens}/components/progress-spinner.json5 +0 -0
  31. package/design-tokens/{tokens → legacy-2017/tokens}/components/radio.json5 +0 -1
  32. package/design-tokens/{tokens → legacy-2017/tokens}/components/select.json5 +0 -0
  33. package/design-tokens/{tokens → legacy-2017/tokens}/components/sidepanel.json5 +0 -0
  34. package/design-tokens/{tokens → legacy-2017/tokens}/components/table.json5 +0 -0
  35. package/design-tokens/legacy-2017/tokens/components/tabs.json5 +101 -0
  36. package/design-tokens/{tokens → legacy-2017/tokens}/components/tags.json5 +6 -0
  37. package/design-tokens/{tokens → legacy-2017/tokens}/components/textarea.json5 +0 -0
  38. package/design-tokens/{tokens → legacy-2017/tokens}/components/timepicker.json5 +0 -0
  39. package/design-tokens/{tokens → legacy-2017/tokens}/components/toggle.json5 +24 -0
  40. package/design-tokens/{tokens → legacy-2017/tokens}/components/tooltip.json5 +0 -0
  41. package/design-tokens/{tokens → legacy-2017/tokens}/components/tree.json5 +0 -0
  42. package/design-tokens/{tokens → legacy-2017/tokens}/properties/aliases.json5 +0 -0
  43. package/design-tokens/{tokens → legacy-2017/tokens}/properties/colors.json5 +4 -0
  44. package/design-tokens/{tokens → legacy-2017/tokens}/properties/font.json5 +0 -0
  45. package/design-tokens/{tokens → legacy-2017/tokens}/properties/globals.json5 +20 -1
  46. package/design-tokens/{tokens → legacy-2017/tokens}/properties/padding.json5 +0 -0
  47. package/design-tokens/{tokens → legacy-2017/tokens}/properties/palette.json5 +0 -0
  48. package/design-tokens/{tokens → legacy-2017/tokens}/properties/typography.json5 +0 -0
  49. package/design-tokens/{tokens.d.ts → legacy-2017/tokens.d.ts} +101 -28
  50. package/design-tokens/pt-2022/tokens/components/alert.json5 +83 -0
  51. package/design-tokens/pt-2022/tokens/components/autocomplete.json5 +11 -0
  52. package/design-tokens/pt-2022/tokens/components/badge.json5 +174 -0
  53. package/design-tokens/pt-2022/tokens/components/button-toggle.json5 +10 -0
  54. package/design-tokens/pt-2022/tokens/components/button.json5 +143 -0
  55. package/design-tokens/pt-2022/tokens/components/card.json5 +51 -0
  56. package/design-tokens/pt-2022/tokens/components/checkbox.json5 +39 -0
  57. package/design-tokens/pt-2022/tokens/components/datepicker.json5 +64 -0
  58. package/design-tokens/pt-2022/tokens/components/divider.json5 +8 -0
  59. package/design-tokens/pt-2022/tokens/components/dl.json5 +38 -0
  60. package/design-tokens/pt-2022/tokens/components/dropdown.json5 +47 -0
  61. package/design-tokens/pt-2022/tokens/components/form-field.json5 +91 -0
  62. package/design-tokens/pt-2022/tokens/components/forms.json5 +52 -0
  63. package/design-tokens/pt-2022/tokens/components/input.json5 +13 -0
  64. package/design-tokens/pt-2022/tokens/components/link.json5 +56 -0
  65. package/design-tokens/pt-2022/tokens/components/list.json5 +15 -0
  66. package/design-tokens/pt-2022/tokens/components/modal.json5 +79 -0
  67. package/design-tokens/pt-2022/tokens/components/navbar.json5 +69 -0
  68. package/design-tokens/pt-2022/tokens/components/optgroup.json5 +10 -0
  69. package/design-tokens/pt-2022/tokens/components/option.json5 +12 -0
  70. package/design-tokens/pt-2022/tokens/components/popover.json5 +68 -0
  71. package/design-tokens/pt-2022/tokens/components/popup.json5 +18 -0
  72. package/design-tokens/pt-2022/tokens/components/progress-bar.json5 +13 -0
  73. package/design-tokens/pt-2022/tokens/components/progress-spinner.json5 +7 -0
  74. package/design-tokens/pt-2022/tokens/components/radio.json5 +44 -0
  75. package/design-tokens/pt-2022/tokens/components/select.json5 +25 -0
  76. package/design-tokens/pt-2022/tokens/components/sidepanel.json5 +30 -0
  77. package/design-tokens/pt-2022/tokens/components/table.json5 +15 -0
  78. package/design-tokens/pt-2022/tokens/components/tabs.json5 +101 -0
  79. package/design-tokens/pt-2022/tokens/components/tags.json5 +132 -0
  80. package/design-tokens/pt-2022/tokens/components/textarea.json5 +12 -0
  81. package/design-tokens/pt-2022/tokens/components/timepicker.json5 +7 -0
  82. package/design-tokens/pt-2022/tokens/components/toggle.json5 +79 -0
  83. package/design-tokens/pt-2022/tokens/components/tooltip.json5 +83 -0
  84. package/design-tokens/pt-2022/tokens/components/tree.json5 +12 -0
  85. package/design-tokens/pt-2022/tokens/properties/aliases.json5 +3 -0
  86. package/design-tokens/pt-2022/tokens/properties/colors.json5 +116 -0
  87. package/design-tokens/pt-2022/tokens/properties/font.json5 +15 -0
  88. package/design-tokens/pt-2022/tokens/properties/globals.json5 +49 -0
  89. package/design-tokens/pt-2022/tokens/properties/padding.json5 +3 -0
  90. package/design-tokens/pt-2022/tokens/properties/palette.json5 +226 -0
  91. package/design-tokens/pt-2022/tokens/properties/typography.json5 +140 -0
  92. package/design-tokens/pt-2022/tokens.d.ts +8749 -0
  93. package/design-tokens/public-api.d.ts +3 -1
  94. package/dl/README.md +0 -0
  95. package/dl/dl.component.d.ts +26 -0
  96. package/dl/dl.module.d.ts +10 -0
  97. package/dl/index.d.ts +1 -0
  98. package/dl/package.json +10 -0
  99. package/dl/ptsecurity-mosaic-dl.d.ts +5 -0
  100. package/dl/public-api.d.ts +2 -0
  101. package/esm2020/autocomplete/autocomplete-origin.directive.mjs +3 -3
  102. package/esm2020/autocomplete/autocomplete-trigger.directive.mjs +3 -3
  103. package/esm2020/autocomplete/autocomplete.component.mjs +5 -5
  104. package/esm2020/autocomplete/autocomplete.module.mjs +4 -4
  105. package/esm2020/button/button.component.mjs +7 -7
  106. package/esm2020/button/button.module.mjs +4 -4
  107. package/esm2020/button-toggle/button-toggle.component.mjs +8 -8
  108. package/esm2020/button-toggle/button-toggle.module.mjs +4 -4
  109. package/esm2020/card/card.component.mjs +4 -4
  110. package/esm2020/card/card.module.mjs +4 -4
  111. package/esm2020/checkbox/checkbox-module.mjs +4 -4
  112. package/esm2020/checkbox/checkbox-required-validator.mjs +3 -3
  113. package/esm2020/checkbox/checkbox.mjs +4 -4
  114. package/esm2020/core/common-behaviors/common-module.mjs +4 -4
  115. package/esm2020/core/error/error-options.mjs +6 -6
  116. package/esm2020/core/formatters/date/formatter.mjs +76 -31
  117. package/esm2020/core/formatters/date/templates/en-US.mjs +38 -37
  118. package/esm2020/core/formatters/date/templates/ru-RU.mjs +38 -37
  119. package/esm2020/core/formatters/index.mjs +4 -4
  120. package/esm2020/core/formatters/number/formatter.mjs +4 -4
  121. package/esm2020/core/forms/forms-module.mjs +4 -4
  122. package/esm2020/core/forms/forms.directive.mjs +6 -6
  123. package/esm2020/core/highlight/highlight.pipe.mjs +3 -3
  124. package/esm2020/core/highlight/index.mjs +4 -4
  125. package/esm2020/core/line/line.mjs +7 -7
  126. package/esm2020/core/option/action.mjs +3 -3
  127. package/esm2020/core/option/optgroup.mjs +4 -4
  128. package/esm2020/core/option/option-module.mjs +4 -4
  129. package/esm2020/core/option/option.mjs +4 -4
  130. package/esm2020/core/pop-up/pop-up-trigger.mjs +7 -14
  131. package/esm2020/core/pop-up/pop-up.mjs +7 -4
  132. package/esm2020/core/public-api.mjs +2 -1
  133. package/esm2020/core/selection/pseudo-checkbox/pseudo-checkbox.mjs +4 -4
  134. package/esm2020/core/selection/pseudo-checkbox/pseudo-checkbox.module.mjs +4 -4
  135. package/esm2020/core/services/measure-scrollbar.service.mjs +3 -3
  136. package/esm2020/core/version.mjs +3 -0
  137. package/esm2020/datepicker/calendar-body.component.mjs +4 -4
  138. package/esm2020/datepicker/calendar.component.mjs +7 -7
  139. package/esm2020/datepicker/datepicker-input.directive.mjs +3 -3
  140. package/esm2020/datepicker/datepicker-intl.mjs +3 -3
  141. package/esm2020/datepicker/datepicker-module.mjs +4 -4
  142. package/esm2020/datepicker/datepicker-toggle.component.mjs +7 -7
  143. package/esm2020/datepicker/datepicker.component.mjs +8 -8
  144. package/esm2020/datepicker/month-view.component.mjs +3 -3
  145. package/esm2020/datepicker/multi-year-view.component.mjs +3 -3
  146. package/esm2020/datepicker/year-view.component.mjs +3 -3
  147. package/esm2020/design-tokens/legacy-2017/tokens.mjs +1006 -0
  148. package/esm2020/design-tokens/pt-2022/tokens.mjs +1066 -0
  149. package/esm2020/design-tokens/public-api.mjs +4 -2
  150. package/esm2020/divider/divider.component.mjs +4 -4
  151. package/esm2020/divider/divider.module.mjs +4 -4
  152. package/esm2020/dl/dl.component.mjs +78 -0
  153. package/esm2020/dl/dl.module.mjs +42 -0
  154. package/esm2020/dl/index.mjs +2 -0
  155. package/esm2020/dl/ptsecurity-mosaic-dl.mjs +5 -0
  156. package/esm2020/dl/public-api.mjs +3 -0
  157. package/esm2020/dropdown/dropdown-content.directive.mjs +3 -3
  158. package/esm2020/dropdown/dropdown-item.component.mjs +4 -4
  159. package/esm2020/dropdown/dropdown-trigger.directive.mjs +3 -3
  160. package/esm2020/dropdown/dropdown.component.mjs +6 -6
  161. package/esm2020/dropdown/dropdown.module.mjs +4 -4
  162. package/esm2020/form-field/cleaner.mjs +5 -5
  163. package/esm2020/form-field/form-field.mjs +48 -28
  164. package/esm2020/form-field/form-field.module.mjs +10 -5
  165. package/esm2020/form-field/hint.mjs +6 -6
  166. package/esm2020/form-field/password-hint.mjs +115 -0
  167. package/esm2020/form-field/prefix.mjs +3 -3
  168. package/esm2020/form-field/public-api.mjs +2 -1
  169. package/esm2020/form-field/stepper.mjs +3 -3
  170. package/esm2020/form-field/suffix.mjs +3 -3
  171. package/esm2020/icon/icon.component.mjs +6 -6
  172. package/esm2020/icon/icon.module.mjs +4 -4
  173. package/esm2020/input/input-number-validators.mjs +6 -6
  174. package/esm2020/input/input-number.mjs +3 -3
  175. package/esm2020/input/input-password.mjs +367 -0
  176. package/esm2020/input/input.mjs +6 -6
  177. package/esm2020/input/input.module.mjs +50 -8
  178. package/esm2020/input/public-api.mjs +2 -1
  179. package/esm2020/link/link.component.mjs +3 -3
  180. package/esm2020/link/link.module.mjs +4 -4
  181. package/esm2020/list/list-selection.component.mjs +22 -28
  182. package/esm2020/list/list.component.mjs +7 -7
  183. package/esm2020/list/list.module.mjs +4 -4
  184. package/esm2020/modal/css-unit.pipe.mjs +3 -3
  185. package/esm2020/modal/modal-control.service.mjs +26 -4
  186. package/esm2020/modal/modal.component.mjs +4 -4
  187. package/esm2020/modal/modal.directive.mjs +12 -12
  188. package/esm2020/modal/modal.module.mjs +4 -4
  189. package/esm2020/modal/modal.service.mjs +3 -3
  190. package/esm2020/navbar/navbar-item.component.mjs +37 -31
  191. package/esm2020/navbar/navbar.component.mjs +10 -10
  192. package/esm2020/navbar/navbar.module.mjs +4 -4
  193. package/esm2020/navbar/vertical-navbar.component.mjs +6 -6
  194. package/esm2020/popover/popover-confirm.component.mjs +8 -8
  195. package/esm2020/popover/popover.component.mjs +8 -8
  196. package/esm2020/popover/popover.module.mjs +4 -4
  197. package/esm2020/progress-bar/progress-bar.component.mjs +4 -4
  198. package/esm2020/progress-bar/progress-bar.module.mjs +4 -4
  199. package/esm2020/progress-spinner/progress-spinner.component.mjs +4 -4
  200. package/esm2020/progress-spinner/progress-spinner.module.mjs +4 -4
  201. package/esm2020/radio/radio.component.mjs +7 -7
  202. package/esm2020/radio/radio.module.mjs +4 -4
  203. package/esm2020/select/select.component.mjs +15 -15
  204. package/esm2020/select/select.module.mjs +4 -4
  205. package/esm2020/sidebar/sidebar.component.mjs +9 -9
  206. package/esm2020/sidebar/sidebar.module.mjs +4 -4
  207. package/esm2020/sidepanel/sidepanel-container.component.mjs +5 -5
  208. package/esm2020/sidepanel/sidepanel-directives.mjs +18 -18
  209. package/esm2020/sidepanel/sidepanel.module.mjs +4 -4
  210. package/esm2020/sidepanel/sidepanel.service.mjs +3 -3
  211. package/esm2020/splitter/splitter.component.mjs +22 -20
  212. package/esm2020/splitter/splitter.module.mjs +4 -4
  213. package/esm2020/table/table.component.mjs +3 -3
  214. package/esm2020/table/table.module.mjs +4 -4
  215. package/esm2020/tabs/paginated-tab-header.mjs +3 -3
  216. package/esm2020/tabs/tab-body.component.mjs +6 -6
  217. package/esm2020/tabs/tab-content.directive.mjs +3 -3
  218. package/esm2020/tabs/tab-group.component.mjs +20 -20
  219. package/esm2020/tabs/tab-header.component.mjs +4 -4
  220. package/esm2020/tabs/tab-label-wrapper.directive.mjs +3 -3
  221. package/esm2020/tabs/tab-label.directive.mjs +3 -3
  222. package/esm2020/tabs/tab-nav-bar/tab-nav-bar.mjs +9 -9
  223. package/esm2020/tabs/tab.component.mjs +3 -3
  224. package/esm2020/tabs/tabs.module.mjs +4 -4
  225. package/esm2020/tags/tag-input.mjs +3 -3
  226. package/esm2020/tags/tag-list.component.mjs +4 -4
  227. package/esm2020/tags/tag.component.mjs +61 -58
  228. package/esm2020/tags/tag.module.mjs +4 -4
  229. package/esm2020/textarea/textarea.component.mjs +3 -3
  230. package/esm2020/textarea/textarea.module.mjs +4 -4
  231. package/esm2020/timepicker/timepicker.directive.mjs +3 -3
  232. package/esm2020/timepicker/timepicker.module.mjs +4 -4
  233. package/esm2020/toggle/toggle.component.mjs +6 -6
  234. package/esm2020/toggle/toggle.module.mjs +4 -4
  235. package/esm2020/tooltip/tooltip.component.mjs +17 -14
  236. package/esm2020/tooltip/tooltip.module.mjs +4 -4
  237. package/esm2020/tree/data-source/flat-data-source.mjs +4 -4
  238. package/esm2020/tree/node.mjs +3 -3
  239. package/esm2020/tree/outlet.mjs +3 -3
  240. package/esm2020/tree/padding.directive.mjs +3 -3
  241. package/esm2020/tree/toggle.mjs +11 -11
  242. package/esm2020/tree/tree-base.mjs +6 -6
  243. package/esm2020/tree/tree-option.component.mjs +17 -9
  244. package/esm2020/tree/tree-selection.component.mjs +8 -5
  245. package/esm2020/tree/tree.mjs +3 -3
  246. package/esm2020/tree/tree.module.mjs +4 -4
  247. package/esm2020/tree-select/tree-select.component.mjs +46 -10
  248. package/esm2020/tree-select/tree-select.module.mjs +15 -11
  249. package/fesm2015/ptsecurity-mosaic-autocomplete.mjs +15 -15
  250. package/fesm2015/ptsecurity-mosaic-autocomplete.mjs.map +1 -1
  251. package/fesm2015/ptsecurity-mosaic-button-toggle.mjs +12 -12
  252. package/fesm2015/ptsecurity-mosaic-button-toggle.mjs.map +1 -1
  253. package/fesm2015/ptsecurity-mosaic-button.mjs +11 -11
  254. package/fesm2015/ptsecurity-mosaic-button.mjs.map +1 -1
  255. package/fesm2015/ptsecurity-mosaic-card.mjs +8 -8
  256. package/fesm2015/ptsecurity-mosaic-card.mjs.map +1 -1
  257. package/fesm2015/ptsecurity-mosaic-checkbox.mjs +11 -11
  258. package/fesm2015/ptsecurity-mosaic-checkbox.mjs.map +1 -1
  259. package/fesm2015/ptsecurity-mosaic-core.mjs +234 -189
  260. package/fesm2015/ptsecurity-mosaic-core.mjs.map +1 -1
  261. package/fesm2015/ptsecurity-mosaic-datepicker.mjs +44 -44
  262. package/fesm2015/ptsecurity-mosaic-datepicker.mjs.map +1 -1
  263. package/fesm2015/ptsecurity-mosaic-design-tokens.mjs +2647 -502
  264. package/fesm2015/ptsecurity-mosaic-design-tokens.mjs.map +1 -1
  265. package/fesm2015/ptsecurity-mosaic-divider.mjs +8 -8
  266. package/fesm2015/ptsecurity-mosaic-divider.mjs.map +1 -1
  267. package/fesm2015/ptsecurity-mosaic-dl.mjs +124 -0
  268. package/fesm2015/ptsecurity-mosaic-dl.mjs.map +1 -0
  269. package/fesm2015/ptsecurity-mosaic-dropdown.mjs +19 -19
  270. package/fesm2015/ptsecurity-mosaic-dropdown.mjs.map +1 -1
  271. package/fesm2015/ptsecurity-mosaic-form-field.mjs +193 -51
  272. package/fesm2015/ptsecurity-mosaic-form-field.mjs.map +1 -1
  273. package/fesm2015/ptsecurity-mosaic-icon.mjs +10 -10
  274. package/fesm2015/ptsecurity-mosaic-icon.mjs.map +1 -1
  275. package/fesm2015/ptsecurity-mosaic-input.mjs +429 -28
  276. package/fesm2015/ptsecurity-mosaic-input.mjs.map +1 -1
  277. package/fesm2015/ptsecurity-mosaic-link.mjs +7 -7
  278. package/fesm2015/ptsecurity-mosaic-link.mjs.map +1 -1
  279. package/fesm2015/ptsecurity-mosaic-list.mjs +33 -38
  280. package/fesm2015/ptsecurity-mosaic-list.mjs.map +1 -1
  281. package/fesm2015/ptsecurity-mosaic-modal.mjs +51 -29
  282. package/fesm2015/ptsecurity-mosaic-modal.mjs.map +1 -1
  283. package/fesm2015/ptsecurity-mosaic-navbar.mjs +55 -49
  284. package/fesm2015/ptsecurity-mosaic-navbar.mjs.map +1 -1
  285. package/fesm2015/ptsecurity-mosaic-popover.mjs +18 -18
  286. package/fesm2015/ptsecurity-mosaic-popover.mjs.map +1 -1
  287. package/fesm2015/ptsecurity-mosaic-progress-bar.mjs +8 -8
  288. package/fesm2015/ptsecurity-mosaic-progress-bar.mjs.map +1 -1
  289. package/fesm2015/ptsecurity-mosaic-progress-spinner.mjs +8 -8
  290. package/fesm2015/ptsecurity-mosaic-progress-spinner.mjs.map +1 -1
  291. package/fesm2015/ptsecurity-mosaic-radio.mjs +11 -11
  292. package/fesm2015/ptsecurity-mosaic-radio.mjs.map +1 -1
  293. package/fesm2015/ptsecurity-mosaic-select.mjs +18 -18
  294. package/fesm2015/ptsecurity-mosaic-select.mjs.map +1 -1
  295. package/fesm2015/ptsecurity-mosaic-sidebar.mjs +13 -13
  296. package/fesm2015/ptsecurity-mosaic-sidebar.mjs.map +1 -1
  297. package/fesm2015/ptsecurity-mosaic-sidepanel.mjs +28 -28
  298. package/fesm2015/ptsecurity-mosaic-sidepanel.mjs.map +1 -1
  299. package/fesm2015/ptsecurity-mosaic-splitter.mjs +25 -23
  300. package/fesm2015/ptsecurity-mosaic-splitter.mjs.map +1 -1
  301. package/fesm2015/ptsecurity-mosaic-table.mjs +7 -7
  302. package/fesm2015/ptsecurity-mosaic-table.mjs.map +1 -1
  303. package/fesm2015/ptsecurity-mosaic-tabs.mjs +56 -56
  304. package/fesm2015/ptsecurity-mosaic-tabs.mjs.map +1 -1
  305. package/fesm2015/ptsecurity-mosaic-tags.mjs +73 -68
  306. package/fesm2015/ptsecurity-mosaic-tags.mjs.map +1 -1
  307. package/fesm2015/ptsecurity-mosaic-textarea.mjs +7 -7
  308. package/fesm2015/ptsecurity-mosaic-textarea.mjs.map +1 -1
  309. package/fesm2015/ptsecurity-mosaic-timepicker.mjs +7 -7
  310. package/fesm2015/ptsecurity-mosaic-timepicker.mjs.map +1 -1
  311. package/fesm2015/ptsecurity-mosaic-toggle.mjs +9 -9
  312. package/fesm2015/ptsecurity-mosaic-toggle.mjs.map +1 -1
  313. package/fesm2015/ptsecurity-mosaic-tooltip.mjs +20 -17
  314. package/fesm2015/ptsecurity-mosaic-tooltip.mjs.map +1 -1
  315. package/fesm2015/ptsecurity-mosaic-tree-select.mjs +59 -19
  316. package/fesm2015/ptsecurity-mosaic-tree-select.mjs.map +1 -1
  317. package/fesm2015/ptsecurity-mosaic-tree.mjs +58 -47
  318. package/fesm2015/ptsecurity-mosaic-tree.mjs.map +1 -1
  319. package/fesm2015/ptsecurity-mosaic.mjs.map +1 -1
  320. package/fesm2020/ptsecurity-mosaic-autocomplete.mjs +15 -15
  321. package/fesm2020/ptsecurity-mosaic-autocomplete.mjs.map +1 -1
  322. package/fesm2020/ptsecurity-mosaic-button-toggle.mjs +12 -12
  323. package/fesm2020/ptsecurity-mosaic-button-toggle.mjs.map +1 -1
  324. package/fesm2020/ptsecurity-mosaic-button.mjs +11 -11
  325. package/fesm2020/ptsecurity-mosaic-button.mjs.map +1 -1
  326. package/fesm2020/ptsecurity-mosaic-card.mjs +8 -8
  327. package/fesm2020/ptsecurity-mosaic-card.mjs.map +1 -1
  328. package/fesm2020/ptsecurity-mosaic-checkbox.mjs +11 -11
  329. package/fesm2020/ptsecurity-mosaic-checkbox.mjs.map +1 -1
  330. package/fesm2020/ptsecurity-mosaic-core.mjs +234 -189
  331. package/fesm2020/ptsecurity-mosaic-core.mjs.map +1 -1
  332. package/fesm2020/ptsecurity-mosaic-datepicker.mjs +44 -44
  333. package/fesm2020/ptsecurity-mosaic-datepicker.mjs.map +1 -1
  334. package/fesm2020/ptsecurity-mosaic-design-tokens.mjs +2647 -502
  335. package/fesm2020/ptsecurity-mosaic-design-tokens.mjs.map +1 -1
  336. package/fesm2020/ptsecurity-mosaic-divider.mjs +8 -8
  337. package/fesm2020/ptsecurity-mosaic-divider.mjs.map +1 -1
  338. package/fesm2020/ptsecurity-mosaic-dl.mjs +124 -0
  339. package/fesm2020/ptsecurity-mosaic-dl.mjs.map +1 -0
  340. package/fesm2020/ptsecurity-mosaic-dropdown.mjs +19 -19
  341. package/fesm2020/ptsecurity-mosaic-dropdown.mjs.map +1 -1
  342. package/fesm2020/ptsecurity-mosaic-form-field.mjs +182 -51
  343. package/fesm2020/ptsecurity-mosaic-form-field.mjs.map +1 -1
  344. package/fesm2020/ptsecurity-mosaic-icon.mjs +10 -10
  345. package/fesm2020/ptsecurity-mosaic-icon.mjs.map +1 -1
  346. package/fesm2020/ptsecurity-mosaic-input.mjs +422 -28
  347. package/fesm2020/ptsecurity-mosaic-input.mjs.map +1 -1
  348. package/fesm2020/ptsecurity-mosaic-link.mjs +7 -7
  349. package/fesm2020/ptsecurity-mosaic-link.mjs.map +1 -1
  350. package/fesm2020/ptsecurity-mosaic-list.mjs +32 -38
  351. package/fesm2020/ptsecurity-mosaic-list.mjs.map +1 -1
  352. package/fesm2020/ptsecurity-mosaic-modal.mjs +51 -29
  353. package/fesm2020/ptsecurity-mosaic-modal.mjs.map +1 -1
  354. package/fesm2020/ptsecurity-mosaic-navbar.mjs +55 -49
  355. package/fesm2020/ptsecurity-mosaic-navbar.mjs.map +1 -1
  356. package/fesm2020/ptsecurity-mosaic-popover.mjs +18 -18
  357. package/fesm2020/ptsecurity-mosaic-popover.mjs.map +1 -1
  358. package/fesm2020/ptsecurity-mosaic-progress-bar.mjs +8 -8
  359. package/fesm2020/ptsecurity-mosaic-progress-bar.mjs.map +1 -1
  360. package/fesm2020/ptsecurity-mosaic-progress-spinner.mjs +8 -8
  361. package/fesm2020/ptsecurity-mosaic-progress-spinner.mjs.map +1 -1
  362. package/fesm2020/ptsecurity-mosaic-radio.mjs +11 -11
  363. package/fesm2020/ptsecurity-mosaic-radio.mjs.map +1 -1
  364. package/fesm2020/ptsecurity-mosaic-select.mjs +18 -18
  365. package/fesm2020/ptsecurity-mosaic-select.mjs.map +1 -1
  366. package/fesm2020/ptsecurity-mosaic-sidebar.mjs +13 -13
  367. package/fesm2020/ptsecurity-mosaic-sidebar.mjs.map +1 -1
  368. package/fesm2020/ptsecurity-mosaic-sidepanel.mjs +28 -28
  369. package/fesm2020/ptsecurity-mosaic-sidepanel.mjs.map +1 -1
  370. package/fesm2020/ptsecurity-mosaic-splitter.mjs +25 -23
  371. package/fesm2020/ptsecurity-mosaic-splitter.mjs.map +1 -1
  372. package/fesm2020/ptsecurity-mosaic-table.mjs +7 -7
  373. package/fesm2020/ptsecurity-mosaic-table.mjs.map +1 -1
  374. package/fesm2020/ptsecurity-mosaic-tabs.mjs +56 -56
  375. package/fesm2020/ptsecurity-mosaic-tabs.mjs.map +1 -1
  376. package/fesm2020/ptsecurity-mosaic-tags.mjs +71 -68
  377. package/fesm2020/ptsecurity-mosaic-tags.mjs.map +1 -1
  378. package/fesm2020/ptsecurity-mosaic-textarea.mjs +7 -7
  379. package/fesm2020/ptsecurity-mosaic-textarea.mjs.map +1 -1
  380. package/fesm2020/ptsecurity-mosaic-timepicker.mjs +7 -7
  381. package/fesm2020/ptsecurity-mosaic-timepicker.mjs.map +1 -1
  382. package/fesm2020/ptsecurity-mosaic-toggle.mjs +9 -9
  383. package/fesm2020/ptsecurity-mosaic-toggle.mjs.map +1 -1
  384. package/fesm2020/ptsecurity-mosaic-tooltip.mjs +20 -17
  385. package/fesm2020/ptsecurity-mosaic-tooltip.mjs.map +1 -1
  386. package/fesm2020/ptsecurity-mosaic-tree-select.mjs +58 -19
  387. package/fesm2020/ptsecurity-mosaic-tree-select.mjs.map +1 -1
  388. package/fesm2020/ptsecurity-mosaic-tree.mjs +58 -47
  389. package/fesm2020/ptsecurity-mosaic-tree.mjs.map +1 -1
  390. package/fesm2020/ptsecurity-mosaic.mjs.map +1 -1
  391. package/form-field/form-field.d.ts +9 -2
  392. package/form-field/form-field.module.d.ts +8 -7
  393. package/form-field/password-hint.d.ts +38 -0
  394. package/form-field/public-api.d.ts +1 -0
  395. package/input/input-password.d.ts +120 -0
  396. package/input/input.module.d.ts +7 -6
  397. package/input/public-api.d.ts +1 -0
  398. package/modal/modal-control.service.d.ts +1 -0
  399. package/navbar/navbar-item.component.d.ts +1 -0
  400. package/package.json +12 -4
  401. package/prebuilt-themes/dark-theme.css +1 -1
  402. package/prebuilt-themes/default-theme.css +1 -1
  403. package/prebuilt-visual/default-visual.css +1 -1
  404. package/tags/tag.component.d.ts +20 -20
  405. package/tree/data-source/flat-data-source.d.ts +2 -2
  406. package/tree/toggle.d.ts +1 -1
  407. package/tree/tree-option.component.d.ts +5 -3
  408. package/tree/tree-selection.component.d.ts +1 -0
  409. package/tree-select/tree-select.component.d.ts +9 -1
  410. package/tree-select/tree-select.module.d.ts +2 -1
  411. package/design-tokens/tokens/components/form-field.json5 +0 -52
  412. package/design-tokens/tokens/components/tabs.json5 +0 -25
  413. package/esm2020/design-tokens/tokens.mjs +0 -933
@@ -3,7 +3,7 @@ import { CommonModule } from '@angular/common';
3
3
  import * as i0 from '@angular/core';
4
4
  import { Directive, Input, ViewChild, ContentChildren, forwardRef, Inject, Optional, Component, ViewEncapsulation, ChangeDetectionStrategy, InjectionToken, EventEmitter, ContentChild, Output, QueryList, Attribute, NgModule } from '@angular/core';
5
5
  import * as i1 from '@ptsecurity/mosaic/core';
6
- import { mixinDisabled, MC_OPTION_ACTION_PARENT, McOptionActionComponent, MultipleMode, getMcSelectNonArrayValueError, McPseudoCheckboxModule } from '@ptsecurity/mosaic/core';
6
+ import { mixinDisabled, MC_OPTION_ACTION_PARENT, McPseudoCheckbox, McOptionActionComponent, MultipleMode, getMcSelectNonArrayValueError, McPseudoCheckboxModule } from '@ptsecurity/mosaic/core';
7
7
  import { coerceNumberProperty, coerceBooleanProperty } from '@angular/cdk/coercion';
8
8
  import { TreeSizePaddingLeft } from '@ptsecurity/mosaic/design-tokens';
9
9
  import { BehaviorSubject, Subject, Observable, of, merge } from 'rxjs';
@@ -33,9 +33,9 @@ class McTreeNodeDef {
33
33
  this.template = template;
34
34
  }
35
35
  }
36
- /** @nocollapse */ /** @nocollapse */ McTreeNodeDef.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: McTreeNodeDef, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
37
- /** @nocollapse */ /** @nocollapse */ McTreeNodeDef.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.1", type: McTreeNodeDef, selector: "[mcTreeNodeDef]", inputs: { when: ["mcTreeNodeDefWhen", "when"], data: ["mcTreeNode", "data"] }, ngImport: i0 });
38
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: McTreeNodeDef, decorators: [{
36
+ /** @nocollapse */ /** @nocollapse */ McTreeNodeDef.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: McTreeNodeDef, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
37
+ /** @nocollapse */ /** @nocollapse */ McTreeNodeDef.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: McTreeNodeDef, selector: "[mcTreeNodeDef]", inputs: { when: ["mcTreeNodeDefWhen", "when"], data: ["mcTreeNode", "data"] }, ngImport: i0 });
38
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: McTreeNodeDef, decorators: [{
39
39
  type: Directive,
40
40
  args: [{
41
41
  selector: '[mcTreeNodeDef]',
@@ -52,9 +52,9 @@ class McTreeNodeOutlet {
52
52
  this.changeDetectorRef = changeDetectorRef;
53
53
  }
54
54
  }
55
- /** @nocollapse */ /** @nocollapse */ McTreeNodeOutlet.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: McTreeNodeOutlet, deps: [{ token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
56
- /** @nocollapse */ /** @nocollapse */ McTreeNodeOutlet.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.1", type: McTreeNodeOutlet, selector: "[mcTreeNodeOutlet]", ngImport: i0 });
57
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: McTreeNodeOutlet, decorators: [{
55
+ /** @nocollapse */ /** @nocollapse */ McTreeNodeOutlet.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: McTreeNodeOutlet, deps: [{ token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
56
+ /** @nocollapse */ /** @nocollapse */ McTreeNodeOutlet.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: McTreeNodeOutlet, selector: "[mcTreeNodeOutlet]", ngImport: i0 });
57
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: McTreeNodeOutlet, decorators: [{
58
58
  type: Directive,
59
59
  args: [{ selector: '[mcTreeNodeOutlet]' }]
60
60
  }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.ChangeDetectorRef }]; } });
@@ -269,9 +269,9 @@ class McTreeBase {
269
269
  }
270
270
  }
271
271
  }
272
- /** @nocollapse */ /** @nocollapse */ McTreeBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: McTreeBase, deps: [{ token: i0.IterableDiffers }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
273
- /** @nocollapse */ /** @nocollapse */ McTreeBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.1", type: McTreeBase, inputs: { treeControl: "treeControl", trackBy: "trackBy", dataSource: "dataSource" }, queries: [{ propertyName: "nodeDefs", predicate: McTreeNodeDef }], viewQueries: [{ propertyName: "nodeOutlet", first: true, predicate: McTreeNodeOutlet, descendants: true, static: true }], ngImport: i0 });
274
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: McTreeBase, decorators: [{
272
+ /** @nocollapse */ /** @nocollapse */ McTreeBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: McTreeBase, deps: [{ token: i0.IterableDiffers }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
273
+ /** @nocollapse */ /** @nocollapse */ McTreeBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: McTreeBase, inputs: { treeControl: "treeControl", trackBy: "trackBy", dataSource: "dataSource" }, queries: [{ propertyName: "nodeDefs", predicate: McTreeNodeDef }], viewQueries: [{ propertyName: "nodeOutlet", first: true, predicate: McTreeNodeOutlet, descendants: true, static: true }], ngImport: i0 });
274
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: McTreeBase, decorators: [{
275
275
  type: Directive
276
276
  }], ctorParameters: function () { return [{ type: i0.IterableDiffers }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { treeControl: [{
277
277
  type: Input
@@ -318,9 +318,9 @@ class McTreeNode {
318
318
  * in `McTree` and set the data to it.
319
319
  */
320
320
  McTreeNode.mostRecentTreeNode = null;
321
- /** @nocollapse */ /** @nocollapse */ McTreeNode.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: McTreeNode, deps: [{ token: i0.ElementRef }, { token: forwardRef(() => McTreeBase) }], target: i0.ɵɵFactoryTarget.Directive });
322
- /** @nocollapse */ /** @nocollapse */ McTreeNode.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.1", type: McTreeNode, selector: "mc-tree-node", exportAs: ["mcTreeNode"], ngImport: i0 });
323
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: McTreeNode, decorators: [{
321
+ /** @nocollapse */ /** @nocollapse */ McTreeNode.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: McTreeNode, deps: [{ token: i0.ElementRef }, { token: forwardRef(() => McTreeBase) }], target: i0.ɵɵFactoryTarget.Directive });
322
+ /** @nocollapse */ /** @nocollapse */ McTreeNode.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: McTreeNode, selector: "mc-tree-node", exportAs: ["mcTreeNode"], ngImport: i0 });
323
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: McTreeNode, decorators: [{
324
324
  type: Directive,
325
325
  args: [{
326
326
  selector: 'mc-tree-node',
@@ -419,9 +419,9 @@ class McTreeNodePadding {
419
419
  this.renderer.setStyle(this.element.nativeElement, paddingProp, padding);
420
420
  }
421
421
  }
422
- /** @nocollapse */ /** @nocollapse */ McTreeNodePadding.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: McTreeNodePadding, deps: [{ token: McTreeNode }, { token: McTreeBase }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i2.Directionality, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
423
- /** @nocollapse */ /** @nocollapse */ McTreeNodePadding.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.1", type: McTreeNodePadding, selector: "[mcTreeNodePadding]", inputs: { indent: ["mcTreeNodePaddingIndent", "indent"] }, exportAs: ["mcTreeNodePadding"], ngImport: i0 });
424
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: McTreeNodePadding, decorators: [{
422
+ /** @nocollapse */ /** @nocollapse */ McTreeNodePadding.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: McTreeNodePadding, deps: [{ token: McTreeNode }, { token: McTreeBase }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i2.Directionality, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
423
+ /** @nocollapse */ /** @nocollapse */ McTreeNodePadding.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: McTreeNodePadding, selector: "[mcTreeNodePadding]", inputs: { indent: ["mcTreeNodePaddingIndent", "indent"] }, exportAs: ["mcTreeNodePadding"], ngImport: i0 });
424
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: McTreeNodePadding, decorators: [{
425
425
  type: Directive,
426
426
  args: [{
427
427
  selector: '[mcTreeNodePadding]',
@@ -470,9 +470,9 @@ class McTreeNodeToggleBaseDirective extends McTreeNodeToggleMixinBase {
470
470
  event.stopPropagation();
471
471
  }
472
472
  }
473
- /** @nocollapse */ /** @nocollapse */ McTreeNodeToggleBaseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: McTreeNodeToggleBaseDirective, deps: [{ token: McTreeBase }, { token: McTreeNode }], target: i0.ɵɵFactoryTarget.Directive });
474
- /** @nocollapse */ /** @nocollapse */ McTreeNodeToggleBaseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.1", type: McTreeNodeToggleBaseDirective, inputs: { node: "node", recursive: ["mcTreeNodeToggleRecursive", "recursive"] }, usesInheritance: true, ngImport: i0 });
475
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: McTreeNodeToggleBaseDirective, decorators: [{
473
+ /** @nocollapse */ /** @nocollapse */ McTreeNodeToggleBaseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: McTreeNodeToggleBaseDirective, deps: [{ token: McTreeBase }, { token: McTreeNode }], target: i0.ɵɵFactoryTarget.Directive });
474
+ /** @nocollapse */ /** @nocollapse */ McTreeNodeToggleBaseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: McTreeNodeToggleBaseDirective, inputs: { node: "node", recursive: ["mcTreeNodeToggleRecursive", "recursive"] }, usesInheritance: true, ngImport: i0 });
475
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: McTreeNodeToggleBaseDirective, decorators: [{
476
476
  type: Directive
477
477
  }], ctorParameters: function () { return [{ type: McTreeBase }, { type: McTreeNode }]; }, propDecorators: { node: [{
478
478
  type: Input
@@ -482,9 +482,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
482
482
  }] } });
483
483
  class McTreeNodeToggleComponent extends McTreeNodeToggleBaseDirective {
484
484
  }
485
- /** @nocollapse */ /** @nocollapse */ McTreeNodeToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: McTreeNodeToggleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
486
- /** @nocollapse */ /** @nocollapse */ McTreeNodeToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: McTreeNodeToggleComponent, selector: "mc-tree-node-toggle", inputs: { disabled: "disabled" }, host: { listeners: { "click": "toggle($event)" }, properties: { "class.mc-expanded": "iconState", "attr.disabled": "disabled || null" }, classAttribute: "mc-tree-node-toggle" }, exportAs: ["mcTreeNodeToggle"], usesInheritance: true, ngImport: i0, template: `<i class="mc mc-icon mc-angle-down-S_16"></i>`, isInline: true, styles: [".mc-tree-node-toggle{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:100%;cursor:pointer}.mc-tree-node-toggle .mc-icon{transform:rotate(-90deg)}.mc-tree-node-toggle.mc-expanded .mc-icon{transform:rotate(0)}.mc-tree-node-toggle[disabled]{cursor:default}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
487
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: McTreeNodeToggleComponent, decorators: [{
485
+ /** @nocollapse */ /** @nocollapse */ McTreeNodeToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: McTreeNodeToggleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
486
+ /** @nocollapse */ /** @nocollapse */ McTreeNodeToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: McTreeNodeToggleComponent, selector: "mc-tree-node-toggle", inputs: { disabled: "disabled" }, host: { listeners: { "click": "toggle($event)" }, properties: { "class.mc-expanded": "iconState", "attr.disabled": "disabled || null" }, classAttribute: "mc-tree-node-toggle" }, exportAs: ["mcTreeNodeToggle"], usesInheritance: true, ngImport: i0, template: `<i class="mc mc-icon mc-angle-down-S_16"></i>`, isInline: true, styles: [".mc-tree-node-toggle{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:100%;cursor:pointer}.mc-tree-node-toggle .mc-icon{transform:rotate(-90deg)}.mc-tree-node-toggle.mc-expanded .mc-icon{transform:rotate(0)}.mc-tree-node-toggle[disabled]{cursor:default}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
487
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: McTreeNodeToggleComponent, decorators: [{
488
488
  type: Component,
489
489
  args: [{ selector: 'mc-tree-node-toggle', exportAs: 'mcTreeNodeToggle', template: `<i class="mc mc-icon mc-angle-down-S_16"></i>`, host: {
490
490
  class: 'mc-tree-node-toggle',
@@ -495,12 +495,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
495
495
  }] });
496
496
  class McTreeNodeToggleDirective extends McTreeNodeToggleBaseDirective {
497
497
  }
498
- /** @nocollapse */ /** @nocollapse */ McTreeNodeToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: McTreeNodeToggleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
499
- /** @nocollapse */ /** @nocollapse */ McTreeNodeToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.1", type: McTreeNodeToggleDirective, selector: "[mcTreeNodeToggle]", host: { listeners: { "click": "toggle($event)" }, properties: { "attr.disabled": "disabled || null" } }, exportAs: ["mcTreeNodeToggle"], usesInheritance: true, ngImport: i0 });
500
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: McTreeNodeToggleDirective, decorators: [{
498
+ /** @nocollapse */ /** @nocollapse */ McTreeNodeToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: McTreeNodeToggleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
499
+ /** @nocollapse */ /** @nocollapse */ McTreeNodeToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", type: McTreeNodeToggleDirective, selector: "[mc-tree-node-toggle], [mcTreeNodeToggle]", host: { listeners: { "click": "toggle($event)" }, properties: { "attr.disabled": "disabled || null" } }, exportAs: ["mcTreeNodeToggle"], usesInheritance: true, ngImport: i0 });
500
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: McTreeNodeToggleDirective, decorators: [{
501
501
  type: Directive,
502
502
  args: [{
503
- selector: '[mcTreeNodeToggle]',
503
+ selector: '[mc-tree-node-toggle], [mcTreeNodeToggle]',
504
504
  exportAs: 'mcTreeNodeToggle',
505
505
  host: {
506
506
  '[attr.disabled]': 'disabled || null',
@@ -511,9 +511,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
511
511
 
512
512
  class McTree extends McTreeBase {
513
513
  }
514
- /** @nocollapse */ /** @nocollapse */ McTree.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: McTree, deps: null, target: i0.ɵɵFactoryTarget.Component });
515
- /** @nocollapse */ /** @nocollapse */ McTree.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: McTree, selector: "mc-tree", host: { classAttribute: "mc-tree" }, exportAs: ["mcTree"], usesInheritance: true, ngImport: i0, template: `<ng-container mcTreeNodeOutlet></ng-container>`, isInline: true, styles: [".mc-tree{display:block}\n"], directives: [{ type: McTreeNodeOutlet, selector: "[mcTreeNodeOutlet]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
516
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: McTree, decorators: [{
514
+ /** @nocollapse */ /** @nocollapse */ McTree.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: McTree, deps: null, target: i0.ɵɵFactoryTarget.Component });
515
+ /** @nocollapse */ /** @nocollapse */ McTree.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: McTree, selector: "mc-tree", host: { classAttribute: "mc-tree" }, exportAs: ["mcTree"], usesInheritance: true, ngImport: i0, template: `<ng-container mcTreeNodeOutlet></ng-container>`, isInline: true, styles: [".mc-tree{display:block}\n"], directives: [{ type: McTreeNodeOutlet, selector: "[mcTreeNodeOutlet]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
516
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: McTree, decorators: [{
517
517
  type: Component,
518
518
  args: [{ selector: 'mc-tree', exportAs: 'mcTree', template: `<ng-container mcTreeNodeOutlet></ng-container>`, host: {
519
519
  class: 'mc-tree'
@@ -545,6 +545,9 @@ class McTreeOption extends McTreeNode {
545
545
  this._id = `mc-tree-option-${uniqueIdCounter++}`;
546
546
  this.hasFocus = false;
547
547
  }
548
+ get externalPseudoCheckbox() {
549
+ return !!this.pseudoCheckbox;
550
+ }
548
551
  get value() {
549
552
  return this._value;
550
553
  }
@@ -631,7 +634,6 @@ class McTreeOption extends McTreeNode {
631
634
  .subscribe(() => {
632
635
  this.ngZone.run(() => {
633
636
  var _a;
634
- this.hasFocus = false;
635
637
  if ((_a = this.actionButton) === null || _a === void 0 ? void 0 : _a.hasFocus) {
636
638
  return;
637
639
  }
@@ -646,11 +648,14 @@ class McTreeOption extends McTreeNode {
646
648
  }
647
649
  return 0;
648
650
  }
649
- select() {
651
+ select(setFocus = true) {
650
652
  if (this._selected) {
651
653
  return;
652
654
  }
653
655
  this._selected = true;
656
+ if (setFocus && !this.hasFocus) {
657
+ this.focus();
658
+ }
654
659
  this.changeDetectorRef.markForCheck();
655
660
  this.emitSelectionChangeEvent();
656
661
  }
@@ -690,12 +695,12 @@ class McTreeOption extends McTreeNode {
690
695
  this.changeDetectorRef.markForCheck();
691
696
  }
692
697
  }
693
- /** @nocollapse */ /** @nocollapse */ McTreeOption.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: McTreeOption, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: MC_TREE_OPTION_PARENT_COMPONENT }], target: i0.ɵɵFactoryTarget.Component });
694
- /** @nocollapse */ /** @nocollapse */ McTreeOption.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: McTreeOption, selector: "mc-tree-option", inputs: { disabled: "disabled", showCheckbox: "showCheckbox" }, outputs: { onSelectionChange: "onSelectionChange" }, host: { listeners: { "focusin": "focus()", "blur": "blur()", "click": "selectViaInteraction($event)", "keydown": "onKeydown($event)" }, properties: { "class.mc-selected": "selected", "class.mc-focused": "hasFocus", "class.mc-action-button-focused": "actionButton?.active", "attr.id": "id", "attr.tabindex": "-1", "attr.disabled": "disabled || null" }, classAttribute: "mc-tree-option" }, providers: [
698
+ /** @nocollapse */ /** @nocollapse */ McTreeOption.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: McTreeOption, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: MC_TREE_OPTION_PARENT_COMPONENT }], target: i0.ɵɵFactoryTarget.Component });
699
+ /** @nocollapse */ /** @nocollapse */ McTreeOption.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: McTreeOption, selector: "mc-tree-option", inputs: { disabled: "disabled", showCheckbox: "showCheckbox" }, outputs: { onSelectionChange: "onSelectionChange" }, host: { listeners: { "focusin": "focus()", "blur": "blur()", "click": "selectViaInteraction($event)", "keydown": "onKeydown($event)" }, properties: { "class.mc-selected": "selected", "class.mc-focused": "hasFocus", "class.mc-action-button-focused": "actionButton?.active", "attr.id": "id", "attr.tabindex": "-1", "attr.disabled": "disabled || null" }, classAttribute: "mc-tree-option" }, providers: [
695
700
  { provide: McTreeNode, useExisting: McTreeOption },
696
701
  { provide: MC_OPTION_ACTION_PARENT, useExisting: McTreeOption }
697
- ], queries: [{ propertyName: "toggleElement", first: true, predicate: ["mcTreeNodeToggle"], descendants: true }, { propertyName: "actionButton", first: true, predicate: McOptionActionComponent, descendants: true }, { propertyName: "tooltipTrigger", first: true, predicate: McTooltipTrigger, descendants: true }, { propertyName: "dropdownTrigger", first: true, predicate: McDropdownTrigger, descendants: true }], exportAs: ["mcTreeOption"], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"mc-tree-node-toggle\"></ng-content>\n\n<mc-pseudo-checkbox\n *ngIf=\"showCheckbox\"\n [state]=\"selected ? 'checked' : 'unchecked'\"\n [disabled]=\"disabled\">\n</mc-pseudo-checkbox>\n\n<ng-content select=\"mc-checkbox\"></ng-content>\n\n<ng-content select=\"[mc-icon]\"></ng-content>\n\n<span class=\"mc-option-text mc-no-select\"><ng-content></ng-content></span>\n\n<ng-content select=\"mc-option-action\"></ng-content>\n\n<div class=\"mc-option-overlay\"></div>\n", styles: [".mc-tree-option{box-sizing:border-box;display:flex;align-items:center;height:32px;height:var(--mc-tree-size-node-height, 32px);word-wrap:break-word;border:2px solid transparent}.mc-tree-option .mc-option-text{display:inline-block;flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:16px;margin-right:var(--mc-tree-size-padding-right, 16px)}.mc-tree-option>.mc-icon{margin-right:8px;cursor:pointer}.mc-tree-option:focus{outline:none}.mc-tree-option:not([disabled]){cursor:pointer}.mc-tree-option>.mc-pseudo-checkbox,.mc-tree-option>.mc-checkbox{margin-right:8px}.mc-tree-option .mc-option-action{display:none}.mc-tree-option:not([disabled]):hover .mc-option-action,.mc-tree-option:not([disabled]).mc-focused .mc-option-action,.mc-tree-option:not([disabled]).mc-action-button-focused .mc-option-action{display:flex}\n"], components: [{ type: i1.McPseudoCheckbox, selector: "mc-pseudo-checkbox", inputs: ["state", "disabled"] }], directives: [{ type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
698
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: McTreeOption, decorators: [{
702
+ ], queries: [{ propertyName: "toggleElement", first: true, predicate: ["mcTreeNodeToggle"], descendants: true }, { propertyName: "pseudoCheckbox", first: true, predicate: McPseudoCheckbox, descendants: true }, { propertyName: "actionButton", first: true, predicate: McOptionActionComponent, descendants: true }, { propertyName: "tooltipTrigger", first: true, predicate: McTooltipTrigger, descendants: true }, { propertyName: "dropdownTrigger", first: true, predicate: McDropdownTrigger, descendants: true }], exportAs: ["mcTreeOption"], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"mc-tree-node-toggle, [mc-tree-node-toggle], [mcTreeNodeToggle]\"></ng-content>\n\n<ng-container [ngSwitch]=\"externalPseudoCheckbox\">\n <ng-content *ngSwitchCase=\"true\" select=\"mc-pseudo-checkbox\"></ng-content>\n\n <ng-container *ngSwitchCase=\"false\">\n <mc-pseudo-checkbox\n *ngIf=\"showCheckbox\"\n [state]=\"selected ? 'checked' : 'unchecked'\"\n [disabled]=\"disabled\">\n </mc-pseudo-checkbox>\n </ng-container>\n</ng-container>\n\n<ng-content select=\"mc-checkbox\"></ng-content>\n\n<ng-content select=\"[mc-icon]\"></ng-content>\n\n<ng-content select=\"mc-progress-spinner\"></ng-content>\n\n<span class=\"mc-option-text mc-no-select\"><ng-content></ng-content></span>\n\n<ng-content select=\"mc-option-action\"></ng-content>\n\n<div class=\"mc-option-overlay\"></div>\n", styles: [".mc-tree-option{box-sizing:border-box;display:flex;align-items:center;height:var(--mc-tree-size-node-height, 32px);word-wrap:break-word;border:2px solid transparent}.mc-tree-option .mc-option-text{display:inline-block;flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:var(--mc-tree-size-padding-right, 16px)}.mc-tree-option>.mc-icon{margin-right:8px;cursor:pointer}.mc-tree-option>.mc-progress-spinner{margin-right:8px}.mc-tree-option:focus{outline:none}.mc-tree-option:not([disabled]){cursor:pointer}.mc-tree-option>.mc-pseudo-checkbox,.mc-tree-option>.mc-checkbox{margin-right:8px}.mc-tree-option .mc-option-action{display:none}.mc-tree-option:not([disabled]):hover .mc-option-action,.mc-tree-option:not([disabled]).mc-focused .mc-option-action,.mc-tree-option:not([disabled]).mc-action-button-focused .mc-option-action{display:flex}\n"], components: [{ type: i1.McPseudoCheckbox, selector: "mc-pseudo-checkbox", inputs: ["state", "disabled"] }], directives: [{ type: i2$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
703
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: McTreeOption, decorators: [{
699
704
  type: Component,
700
705
  args: [{ selector: 'mc-tree-option', exportAs: 'mcTreeOption', host: {
701
706
  class: 'mc-tree-option',
@@ -712,7 +717,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
712
717
  }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
713
718
  { provide: McTreeNode, useExisting: McTreeOption },
714
719
  { provide: MC_OPTION_ACTION_PARENT, useExisting: McTreeOption }
715
- ], template: "<ng-content select=\"mc-tree-node-toggle\"></ng-content>\n\n<mc-pseudo-checkbox\n *ngIf=\"showCheckbox\"\n [state]=\"selected ? 'checked' : 'unchecked'\"\n [disabled]=\"disabled\">\n</mc-pseudo-checkbox>\n\n<ng-content select=\"mc-checkbox\"></ng-content>\n\n<ng-content select=\"[mc-icon]\"></ng-content>\n\n<span class=\"mc-option-text mc-no-select\"><ng-content></ng-content></span>\n\n<ng-content select=\"mc-option-action\"></ng-content>\n\n<div class=\"mc-option-overlay\"></div>\n", styles: [".mc-tree-option{box-sizing:border-box;display:flex;align-items:center;height:32px;height:var(--mc-tree-size-node-height, 32px);word-wrap:break-word;border:2px solid transparent}.mc-tree-option .mc-option-text{display:inline-block;flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:16px;margin-right:var(--mc-tree-size-padding-right, 16px)}.mc-tree-option>.mc-icon{margin-right:8px;cursor:pointer}.mc-tree-option:focus{outline:none}.mc-tree-option:not([disabled]){cursor:pointer}.mc-tree-option>.mc-pseudo-checkbox,.mc-tree-option>.mc-checkbox{margin-right:8px}.mc-tree-option .mc-option-action{display:none}.mc-tree-option:not([disabled]):hover .mc-option-action,.mc-tree-option:not([disabled]).mc-focused .mc-option-action,.mc-tree-option:not([disabled]).mc-action-button-focused .mc-option-action{display:flex}\n"] }]
720
+ ], template: "<ng-content select=\"mc-tree-node-toggle, [mc-tree-node-toggle], [mcTreeNodeToggle]\"></ng-content>\n\n<ng-container [ngSwitch]=\"externalPseudoCheckbox\">\n <ng-content *ngSwitchCase=\"true\" select=\"mc-pseudo-checkbox\"></ng-content>\n\n <ng-container *ngSwitchCase=\"false\">\n <mc-pseudo-checkbox\n *ngIf=\"showCheckbox\"\n [state]=\"selected ? 'checked' : 'unchecked'\"\n [disabled]=\"disabled\">\n </mc-pseudo-checkbox>\n </ng-container>\n</ng-container>\n\n<ng-content select=\"mc-checkbox\"></ng-content>\n\n<ng-content select=\"[mc-icon]\"></ng-content>\n\n<ng-content select=\"mc-progress-spinner\"></ng-content>\n\n<span class=\"mc-option-text mc-no-select\"><ng-content></ng-content></span>\n\n<ng-content select=\"mc-option-action\"></ng-content>\n\n<div class=\"mc-option-overlay\"></div>\n", styles: [".mc-tree-option{box-sizing:border-box;display:flex;align-items:center;height:var(--mc-tree-size-node-height, 32px);word-wrap:break-word;border:2px solid transparent}.mc-tree-option .mc-option-text{display:inline-block;flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:var(--mc-tree-size-padding-right, 16px)}.mc-tree-option>.mc-icon{margin-right:8px;cursor:pointer}.mc-tree-option>.mc-progress-spinner{margin-right:8px}.mc-tree-option:focus{outline:none}.mc-tree-option:not([disabled]){cursor:pointer}.mc-tree-option>.mc-pseudo-checkbox,.mc-tree-option>.mc-checkbox{margin-right:8px}.mc-tree-option .mc-option-action{display:none}.mc-tree-option:not([disabled]):hover .mc-option-action,.mc-tree-option:not([disabled]).mc-focused .mc-option-action,.mc-tree-option:not([disabled]).mc-action-button-focused .mc-option-action{display:flex}\n"] }]
716
721
  }], ctorParameters: function () {
717
722
  return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: undefined, decorators: [{
718
723
  type: Inject,
@@ -721,6 +726,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
721
726
  }, propDecorators: { toggleElement: [{
722
727
  type: ContentChild,
723
728
  args: ['mcTreeNodeToggle']
729
+ }], pseudoCheckbox: [{
730
+ type: ContentChild,
731
+ args: [McPseudoCheckbox]
724
732
  }], actionButton: [{
725
733
  type: ContentChild,
726
734
  args: [McOptionActionComponent]
@@ -855,6 +863,9 @@ class McTreeSelection extends McTreeBase {
855
863
  get showCheckbox() {
856
864
  return this.multipleMode === MultipleMode.CHECKBOX;
857
865
  }
866
+ get isEmpty() {
867
+ return this.sortedNodes.length === 0;
868
+ }
858
869
  ngAfterContentInit() {
859
870
  this.unorderedOptions.changes
860
871
  .subscribe(this.updateRenderedOptions);
@@ -889,7 +900,7 @@ class McTreeSelection extends McTreeBase {
889
900
  this.updateTabIndex();
890
901
  options.forEach((option) => {
891
902
  if (this.getSelectedValues().includes(option.value)) {
892
- option.select();
903
+ option.select(false);
893
904
  }
894
905
  else {
895
906
  option.deselect();
@@ -1199,13 +1210,13 @@ class McTreeSelection extends McTreeBase {
1199
1210
  return $event.relatedTarget.classList.contains('mc-tree-option');
1200
1211
  }
1201
1212
  }
1202
- /** @nocollapse */ /** @nocollapse */ McTreeSelection.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: McTreeSelection, deps: [{ token: i0.ElementRef }, { token: i0.IterableDiffers }, { token: i0.ChangeDetectorRef }, { token: 'multiple', attribute: true }, { token: i1$1.Clipboard, optional: true }], target: i0.ɵɵFactoryTarget.Component });
1203
- /** @nocollapse */ /** @nocollapse */ McTreeSelection.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: McTreeSelection, selector: "mc-tree-selection", inputs: { treeControl: "treeControl", autoSelect: "autoSelect", noUnselectLast: "noUnselectLast", disabled: "disabled", tabIndex: "tabIndex" }, outputs: { navigationChange: "navigationChange", selectionChange: "selectionChange", onSelectAll: "onSelectAll", onCopy: "onCopy" }, host: { listeners: { "blur": "blur()", "focus": "focus($event)", "keydown": "onKeyDown($event)", "window:resize": "updateScrollSize()" }, properties: { "attr.tabindex": "tabIndex", "attr.disabled": "disabled || null" }, classAttribute: "mc-tree-selection" }, providers: [
1213
+ /** @nocollapse */ /** @nocollapse */ McTreeSelection.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: McTreeSelection, deps: [{ token: i0.ElementRef }, { token: i0.IterableDiffers }, { token: i0.ChangeDetectorRef }, { token: 'multiple', attribute: true }, { token: i1$1.Clipboard, optional: true }], target: i0.ɵɵFactoryTarget.Component });
1214
+ /** @nocollapse */ /** @nocollapse */ McTreeSelection.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: McTreeSelection, selector: "mc-tree-selection", inputs: { treeControl: "treeControl", autoSelect: "autoSelect", noUnselectLast: "noUnselectLast", disabled: "disabled", tabIndex: "tabIndex" }, outputs: { navigationChange: "navigationChange", selectionChange: "selectionChange", onSelectAll: "onSelectAll", onCopy: "onCopy" }, host: { listeners: { "blur": "blur()", "focus": "focus($event)", "keydown": "onKeyDown($event)", "window:resize": "updateScrollSize()" }, properties: { "attr.tabindex": "tabIndex", "attr.disabled": "disabled || null" }, classAttribute: "mc-tree-selection" }, providers: [
1204
1215
  MC_SELECTION_TREE_VALUE_ACCESSOR,
1205
1216
  { provide: MC_TREE_OPTION_PARENT_COMPONENT, useExisting: McTreeSelection },
1206
1217
  { provide: McTreeBase, useExisting: McTreeSelection }
1207
1218
  ], queries: [{ propertyName: "unorderedOptions", predicate: McTreeOption }], viewQueries: [{ propertyName: "nodeOutlet", first: true, predicate: McTreeNodeOutlet, descendants: true, static: true }], exportAs: ["mcTreeSelection"], usesInheritance: true, ngImport: i0, template: '<ng-container mcTreeNodeOutlet></ng-container>', isInline: true, styles: [".mc-tree-selection{display:block}\n"], directives: [{ type: McTreeNodeOutlet, selector: "[mcTreeNodeOutlet]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1208
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: McTreeSelection, decorators: [{
1219
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: McTreeSelection, decorators: [{
1209
1220
  type: Component,
1210
1221
  args: [{ selector: 'mc-tree-selection', exportAs: 'mcTreeSelection', template: '<ng-container mcTreeNodeOutlet></ng-container>', host: {
1211
1222
  class: 'mc-tree-selection',
@@ -1266,8 +1277,8 @@ const MC_TREE_DIRECTIVES = [
1266
1277
  ];
1267
1278
  class McTreeModule {
1268
1279
  }
1269
- /** @nocollapse */ /** @nocollapse */ McTreeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: McTreeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1270
- /** @nocollapse */ /** @nocollapse */ McTreeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: McTreeModule, declarations: [McTreeNodeOutlet,
1280
+ /** @nocollapse */ /** @nocollapse */ McTreeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: McTreeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1281
+ /** @nocollapse */ /** @nocollapse */ McTreeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: McTreeModule, declarations: [McTreeNodeOutlet,
1271
1282
  McTreeNodeDef,
1272
1283
  McTreeNode,
1273
1284
  McTreeNodePadding,
@@ -1284,8 +1295,8 @@ class McTreeModule {
1284
1295
  McTreeOption,
1285
1296
  McTreeNodeToggleComponent,
1286
1297
  McTreeNodeToggleDirective] });
1287
- /** @nocollapse */ /** @nocollapse */ McTreeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: McTreeModule, imports: [[CommonModule, McPseudoCheckboxModule]] });
1288
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: McTreeModule, decorators: [{
1298
+ /** @nocollapse */ /** @nocollapse */ McTreeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: McTreeModule, imports: [[CommonModule, McPseudoCheckboxModule]] });
1299
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: McTreeModule, decorators: [{
1289
1300
  type: NgModule,
1290
1301
  args: [{
1291
1302
  imports: [CommonModule, McPseudoCheckboxModule],
@@ -1652,17 +1663,17 @@ class McTreeFlatDataSource extends DataSource {
1652
1663
  return this.filterHandler();
1653
1664
  }
1654
1665
  else {
1655
- return this.expansionHandler();
1666
+ return this.expansionHandler(changeObj.value);
1656
1667
  }
1657
1668
  }
1658
- return this.expansionHandler();
1669
+ return this.expansionHandler(changeObj.value);
1659
1670
  }));
1660
1671
  }
1661
1672
  filterHandler() {
1662
1673
  this.filteredData.next(this.treeControl.filterModel.selected);
1663
1674
  return this.filteredData.value;
1664
1675
  }
1665
- expansionHandler() {
1676
+ expansionHandler(_change) {
1666
1677
  const expandedNodes = this.treeFlattener.expandFlattenedNodes(this.flattenedData.value, this.treeControl);
1667
1678
  this.expandedData.next(expandedNodes);
1668
1679
  return this.expandedData.value;