@ptsecurity/mosaic 12.2.1 → 13.1.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 (913) hide show
  1. package/_theming.scss +1000 -934
  2. package/_visual.scss +849 -694
  3. package/autocomplete/README.md +0 -0
  4. package/autocomplete/package.json +5 -5
  5. package/button/README.md +0 -0
  6. package/button/button.component.d.ts +17 -14
  7. package/button/button.module.d.ts +1 -1
  8. package/button/package.json +5 -5
  9. package/button-toggle/README.md +0 -0
  10. package/button-toggle/package.json +5 -5
  11. package/card/README.md +0 -0
  12. package/card/package.json +5 -5
  13. package/checkbox/README.md +1 -0
  14. package/checkbox/package.json +5 -5
  15. package/core/formatters/date/formatter.d.ts +41 -17
  16. package/core/formatters/date/templates/en-US.d.ts +8 -8
  17. package/core/formatters/date/templates/ru-RU.d.ts +8 -8
  18. package/core/package.json +5 -5
  19. package/core/public-api.d.ts +1 -0
  20. package/core/version.d.ts +2 -0
  21. package/datepicker/README.md +0 -0
  22. package/datepicker/package.json +5 -5
  23. package/design-tokens/{tokens → legacy-2017/tokens}/components/alert.json5 +0 -0
  24. package/design-tokens/{tokens → legacy-2017/tokens}/components/autocomplete.json5 +0 -0
  25. package/design-tokens/{tokens → legacy-2017/tokens}/components/badge.json5 +0 -0
  26. package/design-tokens/{tokens → legacy-2017/tokens}/components/button-toggle.json5 +0 -0
  27. package/design-tokens/{tokens → legacy-2017/tokens}/components/button.json5 +0 -0
  28. package/design-tokens/{tokens → legacy-2017/tokens}/components/card.json5 +0 -0
  29. package/design-tokens/legacy-2017/tokens/components/checkbox.json5 +39 -0
  30. package/design-tokens/{tokens → legacy-2017/tokens}/components/datepicker.json5 +0 -0
  31. package/design-tokens/{tokens → legacy-2017/tokens}/components/divider.json5 +0 -0
  32. package/design-tokens/{tokens → legacy-2017/tokens}/components/dropdown.json5 +0 -0
  33. package/design-tokens/{tokens → legacy-2017/tokens}/components/form-field.json5 +0 -0
  34. package/design-tokens/{tokens → legacy-2017/tokens}/components/forms.json5 +0 -0
  35. package/design-tokens/{tokens → legacy-2017/tokens}/components/input.json5 +0 -0
  36. package/design-tokens/{tokens → legacy-2017/tokens}/components/link.json5 +0 -0
  37. package/design-tokens/{tokens → legacy-2017/tokens}/components/list.json5 +0 -0
  38. package/design-tokens/legacy-2017/tokens/components/modal.json5 +79 -0
  39. package/design-tokens/legacy-2017/tokens/components/navbar.json5 +69 -0
  40. package/design-tokens/{tokens → legacy-2017/tokens}/components/optgroup.json5 +0 -0
  41. package/design-tokens/{tokens → legacy-2017/tokens}/components/option.json5 +0 -0
  42. package/design-tokens/{tokens → legacy-2017/tokens}/components/popover.json5 +0 -0
  43. package/design-tokens/{tokens → legacy-2017/tokens}/components/popup.json5 +0 -0
  44. package/design-tokens/{tokens → legacy-2017/tokens}/components/progress-bar.json5 +0 -0
  45. package/design-tokens/{tokens → legacy-2017/tokens}/components/progress-spinner.json5 +0 -0
  46. package/design-tokens/legacy-2017/tokens/components/radio.json5 +44 -0
  47. package/design-tokens/{tokens → legacy-2017/tokens}/components/select.json5 +0 -0
  48. package/design-tokens/{tokens → legacy-2017/tokens}/components/sidepanel.json5 +0 -0
  49. package/design-tokens/{tokens → legacy-2017/tokens}/components/table.json5 +0 -0
  50. package/design-tokens/{tokens → legacy-2017/tokens}/components/tabs.json5 +0 -0
  51. package/design-tokens/legacy-2017/tokens/components/tags.json5 +132 -0
  52. package/design-tokens/{tokens → legacy-2017/tokens}/components/textarea.json5 +0 -0
  53. package/design-tokens/{tokens → legacy-2017/tokens}/components/timepicker.json5 +0 -0
  54. package/design-tokens/legacy-2017/tokens/components/toggle.json5 +79 -0
  55. package/design-tokens/{tokens → legacy-2017/tokens}/components/tooltip.json5 +0 -0
  56. package/design-tokens/{tokens → legacy-2017/tokens}/components/tree.json5 +0 -0
  57. package/design-tokens/{tokens → legacy-2017/tokens}/properties/aliases.json5 +0 -0
  58. package/design-tokens/{tokens → legacy-2017/tokens}/properties/colors.json5 +0 -0
  59. package/design-tokens/{tokens → legacy-2017/tokens}/properties/font.json5 +0 -0
  60. package/design-tokens/{tokens → legacy-2017/tokens}/properties/globals.json5 +0 -0
  61. package/design-tokens/{tokens → legacy-2017/tokens}/properties/padding.json5 +0 -0
  62. package/design-tokens/{tokens → legacy-2017/tokens}/properties/palette.json5 +0 -0
  63. package/design-tokens/{tokens → legacy-2017/tokens}/properties/typography.json5 +0 -0
  64. package/design-tokens/legacy-2017/tokens.d.ts +7659 -0
  65. package/design-tokens/package.json +5 -5
  66. package/design-tokens/pt-2022/tokens/components/alert.json5 +83 -0
  67. package/design-tokens/pt-2022/tokens/components/autocomplete.json5 +11 -0
  68. package/design-tokens/pt-2022/tokens/components/badge.json5 +184 -0
  69. package/design-tokens/pt-2022/tokens/components/button-toggle.json5 +10 -0
  70. package/design-tokens/pt-2022/tokens/components/button.json5 +143 -0
  71. package/design-tokens/pt-2022/tokens/components/card.json5 +51 -0
  72. package/design-tokens/pt-2022/tokens/components/checkbox.json5 +39 -0
  73. package/design-tokens/pt-2022/tokens/components/datepicker.json5 +64 -0
  74. package/design-tokens/pt-2022/tokens/components/divider.json5 +8 -0
  75. package/design-tokens/pt-2022/tokens/components/dropdown.json5 +47 -0
  76. package/design-tokens/pt-2022/tokens/components/form-field.json5 +52 -0
  77. package/design-tokens/pt-2022/tokens/components/forms.json5 +52 -0
  78. package/design-tokens/pt-2022/tokens/components/input.json5 +13 -0
  79. package/design-tokens/pt-2022/tokens/components/link.json5 +56 -0
  80. package/design-tokens/pt-2022/tokens/components/list.json5 +15 -0
  81. package/design-tokens/pt-2022/tokens/components/modal.json5 +79 -0
  82. package/design-tokens/pt-2022/tokens/components/navbar.json5 +69 -0
  83. package/design-tokens/pt-2022/tokens/components/optgroup.json5 +10 -0
  84. package/design-tokens/pt-2022/tokens/components/option.json5 +12 -0
  85. package/design-tokens/pt-2022/tokens/components/popover.json5 +68 -0
  86. package/design-tokens/pt-2022/tokens/components/popup.json5 +18 -0
  87. package/design-tokens/pt-2022/tokens/components/progress-bar.json5 +13 -0
  88. package/design-tokens/pt-2022/tokens/components/progress-spinner.json5 +7 -0
  89. package/design-tokens/pt-2022/tokens/components/radio.json5 +44 -0
  90. package/design-tokens/pt-2022/tokens/components/select.json5 +25 -0
  91. package/design-tokens/pt-2022/tokens/components/sidepanel.json5 +30 -0
  92. package/design-tokens/pt-2022/tokens/components/table.json5 +15 -0
  93. package/design-tokens/pt-2022/tokens/components/tabs.json5 +25 -0
  94. package/design-tokens/pt-2022/tokens/components/tags.json5 +132 -0
  95. package/design-tokens/pt-2022/tokens/components/textarea.json5 +12 -0
  96. package/design-tokens/pt-2022/tokens/components/timepicker.json5 +7 -0
  97. package/design-tokens/pt-2022/tokens/components/toggle.json5 +79 -0
  98. package/design-tokens/pt-2022/tokens/components/tooltip.json5 +83 -0
  99. package/design-tokens/pt-2022/tokens/components/tree.json5 +12 -0
  100. package/design-tokens/pt-2022/tokens/properties/aliases.json5 +3 -0
  101. package/design-tokens/pt-2022/tokens/properties/colors.json5 +112 -0
  102. package/design-tokens/pt-2022/tokens/properties/font.json5 +15 -0
  103. package/design-tokens/pt-2022/tokens/properties/globals.json5 +30 -0
  104. package/design-tokens/pt-2022/tokens/properties/padding.json5 +3 -0
  105. package/design-tokens/pt-2022/tokens/properties/palette.json5 +226 -0
  106. package/design-tokens/pt-2022/tokens/properties/typography.json5 +140 -0
  107. package/design-tokens/pt-2022/tokens.d.ts +8696 -0
  108. package/design-tokens/public-api.d.ts +3 -1
  109. package/design-tokens/style-dictionary/build.js +6 -0
  110. package/design-tokens/style-dictionary/configs/index.js +2 -1
  111. package/divider/README.md +0 -0
  112. package/divider/package.json +5 -5
  113. package/dropdown/dropdown-item.component.d.ts +1 -0
  114. package/dropdown/package.json +5 -5
  115. package/esm2020/autocomplete/autocomplete-origin.directive.mjs +21 -0
  116. package/esm2020/autocomplete/autocomplete-trigger.directive.mjs +555 -0
  117. package/esm2020/autocomplete/autocomplete.component.mjs +154 -0
  118. package/esm2020/autocomplete/autocomplete.module.mjs +34 -0
  119. package/{esm2015/autocomplete/index.js → esm2020/autocomplete/index.mjs} +0 -0
  120. package/{esm2015/autocomplete/ptsecurity-mosaic-autocomplete.js → esm2020/autocomplete/ptsecurity-mosaic-autocomplete.mjs} +0 -0
  121. package/{esm2015/autocomplete/public-api.js → esm2020/autocomplete/public-api.mjs} +0 -0
  122. package/esm2020/button/button.component.mjs +129 -0
  123. package/esm2020/button/button.module.mjs +38 -0
  124. package/{esm2015/button/index.js → esm2020/button/index.mjs} +0 -0
  125. package/{esm2015/button/ptsecurity-mosaic-button.js → esm2020/button/ptsecurity-mosaic-button.mjs} +0 -0
  126. package/{esm2015/button/public-api.js → esm2020/button/public-api.mjs} +0 -0
  127. package/esm2020/button-toggle/button-toggle.component.mjs +362 -0
  128. package/esm2020/button-toggle/button-toggle.module.mjs +19 -0
  129. package/{esm2015/button-toggle/index.js → esm2020/button-toggle/index.mjs} +0 -0
  130. package/{esm2015/button-toggle/ptsecurity-mosaic-button-toggle.js → esm2020/button-toggle/ptsecurity-mosaic-button-toggle.mjs} +0 -0
  131. package/{esm2015/button-toggle/public-api.js → esm2020/button-toggle/public-api.mjs} +0 -0
  132. package/esm2020/card/card.component.mjs +80 -0
  133. package/esm2020/card/card.module.mjs +30 -0
  134. package/{esm2015/card/index.js → esm2020/card/index.mjs} +0 -0
  135. package/{esm2015/card/ptsecurity-mosaic-card.js → esm2020/card/ptsecurity-mosaic-card.mjs} +0 -0
  136. package/{esm2015/card/public-api.js → esm2020/card/public-api.mjs} +0 -0
  137. package/{esm2015/checkbox/checkbox-config.js → esm2020/checkbox/checkbox-config.mjs} +0 -0
  138. package/esm2020/checkbox/checkbox-module.mjs +19 -0
  139. package/esm2020/checkbox/checkbox-required-validator.mjs +27 -0
  140. package/esm2020/checkbox/checkbox.mjs +315 -0
  141. package/{esm2015/checkbox/index.js → esm2020/checkbox/index.mjs} +0 -0
  142. package/{esm2015/checkbox/ptsecurity-mosaic-checkbox.js → esm2020/checkbox/ptsecurity-mosaic-checkbox.mjs} +0 -0
  143. package/{esm2015/checkbox/public-api.js → esm2020/checkbox/public-api.mjs} +0 -0
  144. package/{esm2015/core/animation/animation.js → esm2020/core/animation/animation.mjs} +0 -0
  145. package/{esm2015/core/animation/fade-animations.js → esm2020/core/animation/fade-animations.mjs} +0 -0
  146. package/{esm2015/core/animation/index.js → esm2020/core/animation/index.mjs} +0 -0
  147. package/{esm2015/core/animation/select-animations.js → esm2020/core/animation/select-animations.mjs} +0 -0
  148. package/{esm2015/core/common-behaviors/color.js → esm2020/core/common-behaviors/color.mjs} +0 -0
  149. package/esm2020/core/common-behaviors/common-module.mjs +83 -0
  150. package/{esm2015/core/common-behaviors/constructor.js → esm2020/core/common-behaviors/constructor.mjs} +0 -0
  151. package/{esm2015/core/common-behaviors/disabled.js → esm2020/core/common-behaviors/disabled.mjs} +0 -0
  152. package/{esm2015/core/common-behaviors/error-state.js → esm2020/core/common-behaviors/error-state.mjs} +0 -0
  153. package/{esm2015/core/common-behaviors/index.js → esm2020/core/common-behaviors/index.mjs} +0 -0
  154. package/{esm2015/core/common-behaviors/tabindex.js → esm2020/core/common-behaviors/tabindex.mjs} +0 -0
  155. package/esm2020/core/error/error-options.mjs +26 -0
  156. package/esm2020/core/formatters/date/formatter.mjs +359 -0
  157. package/esm2020/core/formatters/date/templates/en-US.mjs +281 -0
  158. package/esm2020/core/formatters/date/templates/ru-RU.mjs +281 -0
  159. package/esm2020/core/formatters/index.mjs +20 -0
  160. package/esm2020/core/formatters/number/formatter.mjs +105 -0
  161. package/esm2020/core/forms/forms-module.mjs +24 -0
  162. package/esm2020/core/forms/forms.directive.mjs +66 -0
  163. package/{esm2015/core/forms/index.js → esm2020/core/forms/index.mjs} +0 -0
  164. package/esm2020/core/highlight/highlight.pipe.mjs +17 -0
  165. package/esm2020/core/highlight/index.mjs +19 -0
  166. package/{esm2015/core/index.js → esm2020/core/index.mjs} +0 -0
  167. package/{esm2015/core/label/label-options.js → esm2020/core/label/label-options.mjs} +0 -0
  168. package/esm2020/core/line/line.mjs +70 -0
  169. package/esm2020/core/option/action.mjs +121 -0
  170. package/{esm2015/core/option/index.js → esm2020/core/option/index.mjs} +0 -0
  171. package/esm2020/core/option/optgroup.mjs +31 -0
  172. package/esm2020/core/option/option-module.mjs +21 -0
  173. package/esm2020/core/option/option.mjs +254 -0
  174. package/{esm2015/core/overlay/overlay-position-map.js → esm2020/core/overlay/overlay-position-map.mjs} +0 -0
  175. package/{esm2015/core/pop-up/constants.js → esm2020/core/pop-up/constants.mjs} +0 -0
  176. package/{esm2015/core/pop-up/index.js → esm2020/core/pop-up/index.mjs} +0 -0
  177. package/esm2020/core/pop-up/pop-up-trigger.mjs +244 -0
  178. package/esm2020/core/pop-up/pop-up.mjs +91 -0
  179. package/{esm2015/core/ptsecurity-mosaic-core.js → esm2020/core/ptsecurity-mosaic-core.mjs} +0 -0
  180. package/esm2020/core/public-api.mjs +18 -0
  181. package/{esm2015/core/select/constants.js → esm2020/core/select/constants.mjs} +0 -0
  182. package/{esm2015/core/select/errors.js → esm2020/core/select/errors.mjs} +0 -0
  183. package/{esm2015/core/select/events.js → esm2020/core/select/events.mjs} +0 -0
  184. package/{esm2015/core/select/index.js → esm2020/core/select/index.mjs} +0 -0
  185. package/{esm2015/core/selection/constants.js → esm2020/core/selection/constants.mjs} +0 -0
  186. package/{esm2015/core/selection/index.js → esm2020/core/selection/index.mjs} +0 -0
  187. package/esm2020/core/selection/pseudo-checkbox/pseudo-checkbox.mjs +37 -0
  188. package/esm2020/core/selection/pseudo-checkbox/pseudo-checkbox.module.mjs +18 -0
  189. package/esm2020/core/services/measure-scrollbar.service.mjs +48 -0
  190. package/{esm2015/core/utils/index.js → esm2020/core/utils/index.mjs} +0 -0
  191. package/{esm2015/core/utils/public-api.js → esm2020/core/utils/public-api.mjs} +0 -0
  192. package/{esm2015/core/utils/utils.js → esm2020/core/utils/utils.mjs} +0 -0
  193. package/{esm2015/core/validation/index.js → esm2020/core/validation/index.mjs} +0 -0
  194. package/{esm2015/core/validation/validation.js → esm2020/core/validation/validation.mjs} +0 -0
  195. package/esm2020/core/version.mjs +3 -0
  196. package/esm2020/datepicker/calendar-body.component.mjs +106 -0
  197. package/esm2020/datepicker/calendar.component.mjs +362 -0
  198. package/{esm2015/datepicker/datepicker-animations.js → esm2020/datepicker/datepicker-animations.mjs} +0 -0
  199. package/{esm2015/datepicker/datepicker-errors.js → esm2020/datepicker/datepicker-errors.mjs} +0 -0
  200. package/esm2020/datepicker/datepicker-input.directive.mjs +900 -0
  201. package/esm2020/datepicker/datepicker-intl.mjs +40 -0
  202. package/esm2020/datepicker/datepicker-module.mjs +107 -0
  203. package/esm2020/datepicker/datepicker-toggle.component.mjs +86 -0
  204. package/esm2020/datepicker/datepicker.component.mjs +408 -0
  205. package/{esm2015/datepicker/index.js → esm2020/datepicker/index.mjs} +0 -0
  206. package/esm2020/datepicker/month-view.component.mjs +257 -0
  207. package/esm2020/datepicker/multi-year-view.component.mjs +218 -0
  208. package/{esm2015/datepicker/ptsecurity-mosaic-datepicker.js → esm2020/datepicker/ptsecurity-mosaic-datepicker.mjs} +0 -0
  209. package/{esm2015/datepicker/public-api.js → esm2020/datepicker/public-api.mjs} +0 -0
  210. package/esm2020/datepicker/year-view.component.mjs +253 -0
  211. package/{esm2015/design-tokens/index.js → esm2020/design-tokens/index.mjs} +0 -0
  212. package/esm2020/design-tokens/legacy-2017/tokens.mjs +953 -0
  213. package/esm2020/design-tokens/pt-2022/tokens.mjs +1013 -0
  214. package/{esm2015/design-tokens/ptsecurity-mosaic-design-tokens.js → esm2020/design-tokens/ptsecurity-mosaic-design-tokens.mjs} +0 -0
  215. package/esm2020/design-tokens/public-api.mjs +4 -0
  216. package/esm2020/divider/divider.component.mjs +39 -0
  217. package/esm2020/divider/divider.module.mjs +18 -0
  218. package/{esm2015/divider/index.js → esm2020/divider/index.mjs} +0 -0
  219. package/{esm2015/divider/ptsecurity-mosaic-divider.js → esm2020/divider/ptsecurity-mosaic-divider.mjs} +0 -0
  220. package/{esm2015/divider/public-api.js → esm2020/divider/public-api.mjs} +0 -0
  221. package/{esm2015/dropdown/dropdown-animations.js → esm2020/dropdown/dropdown-animations.mjs} +0 -0
  222. package/esm2020/dropdown/dropdown-content.directive.mjs +64 -0
  223. package/{esm2015/dropdown/dropdown-errors.js → esm2020/dropdown/dropdown-errors.mjs} +0 -0
  224. package/esm2020/dropdown/dropdown-item.component.mjs +139 -0
  225. package/esm2020/dropdown/dropdown-trigger.directive.mjs +485 -0
  226. package/esm2020/dropdown/dropdown.component.mjs +292 -0
  227. package/esm2020/dropdown/dropdown.module.mjs +50 -0
  228. package/{esm2015/dropdown/dropdown.types.js → esm2020/dropdown/dropdown.types.mjs} +0 -0
  229. package/{esm2015/dropdown/index.js → esm2020/dropdown/index.mjs} +0 -0
  230. package/{esm2015/dropdown/ptsecurity-mosaic-dropdown.js → esm2020/dropdown/ptsecurity-mosaic-dropdown.mjs} +0 -0
  231. package/{esm2015/dropdown/public-api.js → esm2020/dropdown/public-api.mjs} +0 -0
  232. package/esm2020/form-field/cleaner.mjs +23 -0
  233. package/{esm2015/form-field/form-field-control.js → esm2020/form-field/form-field-control.mjs} +0 -0
  234. package/{esm2015/form-field/form-field-errors.js → esm2020/form-field/form-field-errors.mjs} +0 -0
  235. package/esm2020/form-field/form-field.mjs +205 -0
  236. package/esm2020/form-field/form-field.module.mjs +52 -0
  237. package/esm2020/form-field/hint.mjs +23 -0
  238. package/{esm2015/form-field/index.js → esm2020/form-field/index.mjs} +0 -0
  239. package/esm2020/form-field/prefix.mjs +13 -0
  240. package/{esm2015/form-field/ptsecurity-mosaic-form-field.js → esm2020/form-field/ptsecurity-mosaic-form-field.mjs} +0 -0
  241. package/{esm2015/form-field/public-api.js → esm2020/form-field/public-api.mjs} +0 -0
  242. package/esm2020/form-field/stepper.mjs +55 -0
  243. package/esm2020/form-field/suffix.mjs +13 -0
  244. package/esm2020/icon/icon.component.mjs +44 -0
  245. package/esm2020/icon/icon.module.mjs +38 -0
  246. package/{esm2015/icon/index.js → esm2020/icon/index.mjs} +0 -0
  247. package/{esm2015/icon/ptsecurity-mosaic-icon.js → esm2020/icon/ptsecurity-mosaic-icon.mjs} +0 -0
  248. package/{esm2015/icon/public-api.js → esm2020/icon/public-api.mjs} +0 -0
  249. package/{esm2015/index.js → esm2020/index.mjs} +0 -0
  250. package/{esm2015/input/index.js → esm2020/input/index.mjs} +0 -0
  251. package/{esm2015/input/input-errors.js → esm2020/input/input-errors.mjs} +0 -0
  252. package/esm2020/input/input-number-validators.mjs +92 -0
  253. package/esm2020/input/input-number.mjs +163 -0
  254. package/{esm2015/input/input-value-accessor.js → esm2020/input/input-value-accessor.mjs} +0 -0
  255. package/esm2020/input/input.mjs +333 -0
  256. package/esm2020/input/input.module.mjs +23 -0
  257. package/{esm2015/input/ptsecurity-mosaic-input.js → esm2020/input/ptsecurity-mosaic-input.mjs} +0 -0
  258. package/{esm2015/input/public-api.js → esm2020/input/public-api.mjs} +0 -0
  259. package/{esm2015/link/index.js → esm2020/link/index.mjs} +0 -0
  260. package/esm2020/link/link.component.mjs +107 -0
  261. package/esm2020/link/link.module.mjs +26 -0
  262. package/{esm2015/link/ptsecurity-mosaic-link.js → esm2020/link/ptsecurity-mosaic-link.mjs} +0 -0
  263. package/{esm2015/link/public-api.js → esm2020/link/public-api.mjs} +0 -0
  264. package/{esm2015/list/index.js → esm2020/list/index.mjs} +0 -0
  265. package/esm2020/list/list-selection.component.mjs +687 -0
  266. package/esm2020/list/list.component.mjs +44 -0
  267. package/esm2020/list/list.module.mjs +55 -0
  268. package/{esm2015/list/ptsecurity-mosaic-list.js → esm2020/list/ptsecurity-mosaic-list.mjs} +0 -0
  269. package/{esm2015/list/public-api.js → esm2020/list/public-api.mjs} +0 -0
  270. package/esm2020/modal/css-unit.pipe.mjs +17 -0
  271. package/{esm2015/modal/index.js → esm2020/modal/index.mjs} +0 -0
  272. package/esm2020/modal/modal-control.service.mjs +85 -0
  273. package/{esm2015/modal/modal-ref.class.js → esm2020/modal/modal-ref.class.mjs} +0 -0
  274. package/{esm2015/modal/modal-util.js → esm2020/modal/modal-util.mjs} +0 -0
  275. package/esm2020/modal/modal.component.mjs +501 -0
  276. package/esm2020/modal/modal.directive.mjs +52 -0
  277. package/esm2020/modal/modal.module.mjs +72 -0
  278. package/esm2020/modal/modal.service.mjs +124 -0
  279. package/{esm2015/modal/modal.type.js → esm2020/modal/modal.type.mjs} +0 -0
  280. package/{esm2015/modal/ptsecurity-mosaic-modal.js → esm2020/modal/ptsecurity-mosaic-modal.mjs} +0 -0
  281. package/{esm2015/modal/public-api.js → esm2020/modal/public-api.mjs} +0 -0
  282. package/{esm2015/navbar/index.js → esm2020/navbar/index.mjs} +0 -0
  283. package/esm2020/navbar/navbar-item.component.mjs +577 -0
  284. package/esm2020/navbar/navbar.component.mjs +237 -0
  285. package/esm2020/navbar/navbar.module.mjs +92 -0
  286. package/{esm2015/navbar/ptsecurity-mosaic-navbar.js → esm2020/navbar/ptsecurity-mosaic-navbar.mjs} +0 -0
  287. package/{esm2015/navbar/public-api.js → esm2020/navbar/public-api.mjs} +0 -0
  288. package/esm2020/navbar/vertical-navbar.animation.mjs +10 -0
  289. package/esm2020/navbar/vertical-navbar.component.mjs +114 -0
  290. package/{esm2015/popover/index.js → esm2020/popover/index.mjs} +0 -0
  291. package/{esm2015/popover/popover-animations.js → esm2020/popover/popover-animations.mjs} +0 -0
  292. package/esm2020/popover/popover-confirm.component.mjs +108 -0
  293. package/esm2020/popover/popover.component.mjs +253 -0
  294. package/esm2020/popover/popover.module.mjs +24 -0
  295. package/{esm2015/popover/ptsecurity-mosaic-popover.js → esm2020/popover/ptsecurity-mosaic-popover.mjs} +0 -0
  296. package/{esm2015/popover/public-api.js → esm2020/popover/public-api.mjs} +0 -0
  297. package/{esm2015/progress-bar/index.js → esm2020/progress-bar/index.mjs} +0 -0
  298. package/esm2020/progress-bar/progress-bar.component.mjs +42 -0
  299. package/esm2020/progress-bar/progress-bar.module.mjs +30 -0
  300. package/{esm2015/progress-bar/ptsecurity-mosaic-progress-bar.js → esm2020/progress-bar/ptsecurity-mosaic-progress-bar.mjs} +0 -0
  301. package/{esm2015/progress-bar/public-api.js → esm2020/progress-bar/public-api.mjs} +0 -0
  302. package/{esm2015/progress-spinner/index.js → esm2020/progress-spinner/index.mjs} +0 -0
  303. package/esm2020/progress-spinner/progress-spinner.component.mjs +46 -0
  304. package/esm2020/progress-spinner/progress-spinner.module.mjs +30 -0
  305. package/{esm2015/progress-spinner/ptsecurity-mosaic-progress-spinner.js → esm2020/progress-spinner/ptsecurity-mosaic-progress-spinner.mjs} +0 -0
  306. package/{esm2015/progress-spinner/public-api.js → esm2020/progress-spinner/public-api.mjs} +0 -0
  307. package/{esm2015/ptsecurity-mosaic.js → esm2020/ptsecurity-mosaic.mjs} +0 -0
  308. package/{esm2015/public-api.js → esm2020/public-api.mjs} +0 -0
  309. package/{esm2015/radio/index.js → esm2020/radio/index.mjs} +0 -0
  310. package/{esm2015/radio/ptsecurity-mosaic-radio.js → esm2020/radio/ptsecurity-mosaic-radio.mjs} +0 -0
  311. package/{esm2015/radio/public-api.js → esm2020/radio/public-api.mjs} +0 -0
  312. package/esm2020/radio/radio.component.mjs +458 -0
  313. package/esm2020/radio/radio.module.mjs +20 -0
  314. package/{esm2015/select/index.js → esm2020/select/index.mjs} +0 -0
  315. package/{esm2015/select/ptsecurity-mosaic-select.js → esm2020/select/ptsecurity-mosaic-select.mjs} +0 -0
  316. package/{esm2015/select/public-api.js → esm2020/select/public-api.mjs} +0 -0
  317. package/esm2020/select/select.component.mjs +1110 -0
  318. package/esm2020/select/select.module.mjs +64 -0
  319. package/{esm2015/sidebar/index.js → esm2020/sidebar/index.mjs} +0 -0
  320. package/{esm2015/sidebar/ptsecurity-mosaic-sidebar.js → esm2020/sidebar/ptsecurity-mosaic-sidebar.mjs} +0 -0
  321. package/{esm2015/sidebar/public-api.js → esm2020/sidebar/public-api.mjs} +0 -0
  322. package/{esm2015/sidebar/sidebar-animations.js → esm2020/sidebar/sidebar-animations.mjs} +0 -0
  323. package/esm2020/sidebar/sidebar.component.mjs +146 -0
  324. package/esm2020/sidebar/sidebar.module.mjs +30 -0
  325. package/{esm2015/sidepanel/index.js → esm2020/sidepanel/index.mjs} +0 -0
  326. package/{esm2015/sidepanel/ptsecurity-mosaic-sidepanel.js → esm2020/sidepanel/ptsecurity-mosaic-sidepanel.mjs} +0 -0
  327. package/{esm2015/sidepanel/public-api.js → esm2020/sidepanel/public-api.mjs} +0 -0
  328. package/{esm2015/sidepanel/sidepanel-animations.js → esm2020/sidepanel/sidepanel-animations.mjs} +0 -0
  329. package/{esm2015/sidepanel/sidepanel-config.js → esm2020/sidepanel/sidepanel-config.mjs} +0 -0
  330. package/esm2020/sidepanel/sidepanel-container.component.mjs +106 -0
  331. package/esm2020/sidepanel/sidepanel-directives.mjs +159 -0
  332. package/{esm2015/sidepanel/sidepanel-ref.js → esm2020/sidepanel/sidepanel-ref.mjs} +0 -0
  333. package/esm2020/sidepanel/sidepanel.module.mjs +74 -0
  334. package/esm2020/sidepanel/sidepanel.service.mjs +167 -0
  335. package/{esm2015/splitter/index.js → esm2020/splitter/index.mjs} +0 -0
  336. package/{esm2015/splitter/ptsecurity-mosaic-splitter.js → esm2020/splitter/ptsecurity-mosaic-splitter.mjs} +0 -0
  337. package/{esm2015/splitter/public-api.js → esm2020/splitter/public-api.mjs} +0 -0
  338. package/esm2020/splitter/splitter.component.mjs +480 -0
  339. package/esm2020/splitter/splitter.module.mjs +40 -0
  340. package/{esm2015/table/index.js → esm2020/table/index.mjs} +0 -0
  341. package/{esm2015/table/ptsecurity-mosaic-table.js → esm2020/table/ptsecurity-mosaic-table.mjs} +0 -0
  342. package/{esm2015/table/public-api.js → esm2020/table/public-api.mjs} +0 -0
  343. package/esm2020/table/table.component.mjs +16 -0
  344. package/esm2020/table/table.module.mjs +30 -0
  345. package/{esm2015/tabs/index.js → esm2020/tabs/index.mjs} +0 -0
  346. package/esm2020/tabs/paginated-tab-header.mjs +479 -0
  347. package/{esm2015/tabs/ptsecurity-mosaic-tabs.js → esm2020/tabs/ptsecurity-mosaic-tabs.mjs} +0 -0
  348. package/{esm2015/tabs/public-api.js → esm2020/tabs/public-api.mjs} +0 -0
  349. package/esm2020/tabs/tab-body.component.mjs +178 -0
  350. package/esm2020/tabs/tab-content.directive.mjs +15 -0
  351. package/esm2020/tabs/tab-group.component.mjs +350 -0
  352. package/esm2020/tabs/tab-header.component.mjs +67 -0
  353. package/esm2020/tabs/tab-label-wrapper.directive.mjs +78 -0
  354. package/esm2020/tabs/tab-label.directive.mjs +17 -0
  355. package/{esm2015/tabs/tab-nav-bar/index.js → esm2020/tabs/tab-nav-bar/index.mjs} +0 -0
  356. package/esm2020/tabs/tab-nav-bar/tab-nav-bar.mjs +110 -0
  357. package/esm2020/tabs/tab.component.mjs +133 -0
  358. package/{esm2015/tabs/tabs-animations.js → esm2020/tabs/tabs-animations.mjs} +0 -0
  359. package/esm2020/tabs/tabs.module.mjs +104 -0
  360. package/{esm2015/tags/index.js → esm2020/tags/index.mjs} +0 -0
  361. package/{esm2015/tags/ptsecurity-mosaic-tags.js → esm2020/tags/ptsecurity-mosaic-tags.mjs} +0 -0
  362. package/{esm2015/tags/public-api.js → esm2020/tags/public-api.mjs} +0 -0
  363. package/{esm2015/tags/tag-default-options.js → esm2020/tags/tag-default-options.mjs} +0 -0
  364. package/esm2020/tags/tag-input.mjs +229 -0
  365. package/esm2020/tags/tag-list.component.mjs +722 -0
  366. package/{esm2015/tags/tag-text-control.js → esm2020/tags/tag-text-control.mjs} +0 -0
  367. package/esm2020/tags/tag.component.mjs +377 -0
  368. package/esm2020/tags/tag.module.mjs +56 -0
  369. package/{esm2015/textarea/index.js → esm2020/textarea/index.mjs} +0 -0
  370. package/{esm2015/textarea/ptsecurity-mosaic-textarea.js → esm2020/textarea/ptsecurity-mosaic-textarea.mjs} +0 -0
  371. package/{esm2015/textarea/public-api.js → esm2020/textarea/public-api.mjs} +0 -0
  372. package/esm2020/textarea/textarea.component.mjs +268 -0
  373. package/esm2020/textarea/textarea.module.mjs +21 -0
  374. package/{esm2015/timepicker/index.js → esm2020/timepicker/index.mjs} +0 -0
  375. package/{esm2015/timepicker/ptsecurity-mosaic-timepicker.js → esm2020/timepicker/ptsecurity-mosaic-timepicker.mjs} +0 -0
  376. package/{esm2015/timepicker/public-api.js → esm2020/timepicker/public-api.mjs} +0 -0
  377. package/{esm2015/timepicker/timepicker.constants.js → esm2020/timepicker/timepicker.constants.mjs} +0 -0
  378. package/esm2020/timepicker/timepicker.directive.mjs +653 -0
  379. package/esm2020/timepicker/timepicker.module.mjs +34 -0
  380. package/{esm2015/toggle/index.js → esm2020/toggle/index.mjs} +0 -0
  381. package/{esm2015/toggle/ptsecurity-mosaic-toggle.js → esm2020/toggle/ptsecurity-mosaic-toggle.mjs} +0 -0
  382. package/{esm2015/toggle/public-api.js → esm2020/toggle/public-api.mjs} +0 -0
  383. package/esm2020/toggle/toggle.component.mjs +158 -0
  384. package/esm2020/toggle/toggle.module.mjs +20 -0
  385. package/{esm2015/tooltip/index.js → esm2020/tooltip/index.mjs} +0 -0
  386. package/{esm2015/tooltip/ptsecurity-mosaic-tooltip.js → esm2020/tooltip/ptsecurity-mosaic-tooltip.mjs} +0 -0
  387. package/{esm2015/tooltip/public-api.js → esm2020/tooltip/public-api.mjs} +0 -0
  388. package/{esm2015/tooltip/tooltip.animations.js → esm2020/tooltip/tooltip.animations.mjs} +0 -0
  389. package/esm2020/tooltip/tooltip.component.mjs +291 -0
  390. package/esm2020/tooltip/tooltip.module.mjs +43 -0
  391. package/{esm2015/tree/control/base-tree-control.js → esm2020/tree/control/base-tree-control.mjs} +0 -0
  392. package/{esm2015/tree/control/flat-tree-control.js → esm2020/tree/control/flat-tree-control.mjs} +0 -0
  393. package/{esm2015/tree/control/nested-tree-control.js → esm2020/tree/control/nested-tree-control.mjs} +0 -0
  394. package/{esm2015/tree/control/tree-control.js → esm2020/tree/control/tree-control.mjs} +0 -0
  395. package/esm2020/tree/data-source/flat-data-source.mjs +162 -0
  396. package/{esm2015/tree/data-source/nested-data-source.js → esm2020/tree/data-source/nested-data-source.mjs} +0 -0
  397. package/{esm2015/tree/index.js → esm2020/tree/index.mjs} +0 -0
  398. package/esm2020/tree/node.mjs +31 -0
  399. package/esm2020/tree/outlet.mjs +15 -0
  400. package/esm2020/tree/padding.directive.mjs +110 -0
  401. package/{esm2015/tree/ptsecurity-mosaic-tree.js → esm2020/tree/ptsecurity-mosaic-tree.mjs} +0 -0
  402. package/{esm2015/tree/public-api.js → esm2020/tree/public-api.mjs} +0 -0
  403. package/esm2020/tree/toggle.mjs +80 -0
  404. package/esm2020/tree/tree-base.mjs +243 -0
  405. package/{esm2015/tree/tree-errors.js → esm2020/tree/tree-errors.mjs} +0 -0
  406. package/esm2020/tree/tree-option.component.mjs +234 -0
  407. package/esm2020/tree/tree-selection.component.mjs +533 -0
  408. package/esm2020/tree/tree.mjs +15 -0
  409. package/esm2020/tree/tree.module.mjs +53 -0
  410. package/{esm2015/tree-select/index.js → esm2020/tree-select/index.mjs} +0 -0
  411. package/{esm2015/tree-select/ptsecurity-mosaic-tree-select.js → esm2020/tree-select/ptsecurity-mosaic-tree-select.mjs} +0 -0
  412. package/{esm2015/tree-select/public-api.js → esm2020/tree-select/public-api.mjs} +0 -0
  413. package/esm2020/tree-select/tree-select.component.mjs +925 -0
  414. package/esm2020/tree-select/tree-select.module.mjs +47 -0
  415. package/fesm2015/ptsecurity-mosaic-autocomplete.mjs +756 -0
  416. package/fesm2015/ptsecurity-mosaic-autocomplete.mjs.map +1 -0
  417. package/fesm2015/ptsecurity-mosaic-button-toggle.mjs +385 -0
  418. package/fesm2015/ptsecurity-mosaic-button-toggle.mjs.map +1 -0
  419. package/fesm2015/ptsecurity-mosaic-button.mjs +170 -0
  420. package/fesm2015/ptsecurity-mosaic-button.mjs.map +1 -0
  421. package/fesm2015/ptsecurity-mosaic-card.mjs +113 -0
  422. package/fesm2015/ptsecurity-mosaic-card.mjs.map +1 -0
  423. package/fesm2015/ptsecurity-mosaic-checkbox.mjs +366 -0
  424. package/fesm2015/ptsecurity-mosaic-checkbox.mjs.map +1 -0
  425. package/fesm2015/ptsecurity-mosaic-core.mjs +2706 -0
  426. package/fesm2015/ptsecurity-mosaic-core.mjs.map +1 -0
  427. package/fesm2015/ptsecurity-mosaic-datepicker.mjs +2700 -0
  428. package/fesm2015/ptsecurity-mosaic-datepicker.mjs.map +1 -0
  429. package/fesm2015/ptsecurity-mosaic-design-tokens.mjs +2925 -0
  430. package/fesm2015/ptsecurity-mosaic-design-tokens.mjs.map +1 -0
  431. package/fesm2015/ptsecurity-mosaic-divider.mjs +61 -0
  432. package/fesm2015/ptsecurity-mosaic-divider.mjs.map +1 -0
  433. package/fesm2015/ptsecurity-mosaic-dropdown.mjs +1106 -0
  434. package/fesm2015/ptsecurity-mosaic-dropdown.mjs.map +1 -0
  435. package/fesm2015/ptsecurity-mosaic-form-field.mjs +378 -0
  436. package/fesm2015/ptsecurity-mosaic-form-field.mjs.map +1 -0
  437. package/fesm2015/ptsecurity-mosaic-icon.mjs +88 -0
  438. package/fesm2015/ptsecurity-mosaic-icon.mjs.map +1 -0
  439. package/fesm2015/ptsecurity-mosaic-input.mjs +609 -0
  440. package/fesm2015/ptsecurity-mosaic-input.mjs.map +1 -0
  441. package/fesm2015/ptsecurity-mosaic-link.mjs +137 -0
  442. package/fesm2015/ptsecurity-mosaic-link.mjs.map +1 -0
  443. package/fesm2015/ptsecurity-mosaic-list.mjs +791 -0
  444. package/fesm2015/ptsecurity-mosaic-list.mjs.map +1 -0
  445. package/fesm2015/ptsecurity-mosaic-modal.mjs +864 -0
  446. package/fesm2015/ptsecurity-mosaic-modal.mjs.map +1 -0
  447. package/fesm2015/ptsecurity-mosaic-navbar.mjs +1025 -0
  448. package/fesm2015/ptsecurity-mosaic-navbar.mjs.map +1 -0
  449. package/fesm2015/ptsecurity-mosaic-popover.mjs +393 -0
  450. package/fesm2015/ptsecurity-mosaic-popover.mjs.map +1 -0
  451. package/fesm2015/ptsecurity-mosaic-progress-bar.mjs +76 -0
  452. package/fesm2015/ptsecurity-mosaic-progress-bar.mjs.map +1 -0
  453. package/fesm2015/ptsecurity-mosaic-progress-spinner.mjs +80 -0
  454. package/fesm2015/ptsecurity-mosaic-progress-spinner.mjs.map +1 -0
  455. package/fesm2015/ptsecurity-mosaic-radio.mjs +481 -0
  456. package/fesm2015/ptsecurity-mosaic-radio.mjs.map +1 -0
  457. package/fesm2015/ptsecurity-mosaic-select.mjs +1175 -0
  458. package/fesm2015/ptsecurity-mosaic-select.mjs.map +1 -0
  459. package/fesm2015/ptsecurity-mosaic-sidebar.mjs +202 -0
  460. package/fesm2015/ptsecurity-mosaic-sidebar.mjs.map +1 -0
  461. package/fesm2015/ptsecurity-mosaic-sidepanel.mjs +592 -0
  462. package/fesm2015/ptsecurity-mosaic-sidepanel.mjs.map +1 -0
  463. package/fesm2015/ptsecurity-mosaic-splitter.mjs +524 -0
  464. package/fesm2015/ptsecurity-mosaic-splitter.mjs.map +1 -0
  465. package/fesm2015/ptsecurity-mosaic-table.mjs +50 -0
  466. package/fesm2015/ptsecurity-mosaic-table.mjs.map +1 -0
  467. package/fesm2015/ptsecurity-mosaic-tabs.mjs +1511 -0
  468. package/fesm2015/ptsecurity-mosaic-tabs.mjs.map +1 -0
  469. package/fesm2015/ptsecurity-mosaic-tags.mjs +1377 -0
  470. package/fesm2015/ptsecurity-mosaic-tags.mjs.map +1 -0
  471. package/fesm2015/ptsecurity-mosaic-textarea.mjs +293 -0
  472. package/fesm2015/ptsecurity-mosaic-textarea.mjs.map +1 -0
  473. package/fesm2015/ptsecurity-mosaic-timepicker.mjs +715 -0
  474. package/fesm2015/ptsecurity-mosaic-timepicker.mjs.map +1 -0
  475. package/fesm2015/ptsecurity-mosaic-toggle.mjs +180 -0
  476. package/fesm2015/ptsecurity-mosaic-toggle.mjs.map +1 -0
  477. package/fesm2015/ptsecurity-mosaic-tooltip.mjs +362 -0
  478. package/fesm2015/ptsecurity-mosaic-tooltip.mjs.map +1 -0
  479. package/fesm2015/ptsecurity-mosaic-tree-select.mjs +972 -0
  480. package/fesm2015/ptsecurity-mosaic-tree-select.mjs.map +1 -0
  481. package/fesm2015/ptsecurity-mosaic-tree.mjs +1718 -0
  482. package/fesm2015/ptsecurity-mosaic-tree.mjs.map +1 -0
  483. package/fesm2015/ptsecurity-mosaic.mjs +4 -0
  484. package/fesm2015/ptsecurity-mosaic.mjs.map +1 -0
  485. package/fesm2020/ptsecurity-mosaic-autocomplete.mjs +752 -0
  486. package/fesm2020/ptsecurity-mosaic-autocomplete.mjs.map +1 -0
  487. package/fesm2020/ptsecurity-mosaic-button-toggle.mjs +383 -0
  488. package/fesm2020/ptsecurity-mosaic-button-toggle.mjs.map +1 -0
  489. package/fesm2020/ptsecurity-mosaic-button.mjs +170 -0
  490. package/fesm2020/ptsecurity-mosaic-button.mjs.map +1 -0
  491. package/fesm2020/ptsecurity-mosaic-card.mjs +113 -0
  492. package/fesm2020/ptsecurity-mosaic-card.mjs.map +1 -0
  493. package/fesm2020/ptsecurity-mosaic-checkbox.mjs +364 -0
  494. package/fesm2020/ptsecurity-mosaic-checkbox.mjs.map +1 -0
  495. package/fesm2020/ptsecurity-mosaic-core.mjs +2735 -0
  496. package/fesm2020/ptsecurity-mosaic-core.mjs.map +1 -0
  497. package/fesm2020/ptsecurity-mosaic-datepicker.mjs +2687 -0
  498. package/fesm2020/ptsecurity-mosaic-datepicker.mjs.map +1 -0
  499. package/fesm2020/ptsecurity-mosaic-design-tokens.mjs +2925 -0
  500. package/fesm2020/ptsecurity-mosaic-design-tokens.mjs.map +1 -0
  501. package/fesm2020/ptsecurity-mosaic-divider.mjs +61 -0
  502. package/fesm2020/ptsecurity-mosaic-divider.mjs.map +1 -0
  503. package/fesm2020/ptsecurity-mosaic-dropdown.mjs +1093 -0
  504. package/fesm2020/ptsecurity-mosaic-dropdown.mjs.map +1 -0
  505. package/fesm2020/ptsecurity-mosaic-form-field.mjs +377 -0
  506. package/fesm2020/ptsecurity-mosaic-form-field.mjs.map +1 -0
  507. package/fesm2020/ptsecurity-mosaic-icon.mjs +86 -0
  508. package/fesm2020/ptsecurity-mosaic-icon.mjs.map +1 -0
  509. package/fesm2020/ptsecurity-mosaic-input.mjs +605 -0
  510. package/fesm2020/ptsecurity-mosaic-input.mjs.map +1 -0
  511. package/fesm2020/ptsecurity-mosaic-link.mjs +136 -0
  512. package/fesm2020/ptsecurity-mosaic-link.mjs.map +1 -0
  513. package/fesm2020/ptsecurity-mosaic-list.mjs +784 -0
  514. package/fesm2020/ptsecurity-mosaic-list.mjs.map +1 -0
  515. package/fesm2020/ptsecurity-mosaic-modal.mjs +860 -0
  516. package/fesm2020/ptsecurity-mosaic-modal.mjs.map +1 -0
  517. package/fesm2020/ptsecurity-mosaic-navbar.mjs +1009 -0
  518. package/fesm2020/ptsecurity-mosaic-navbar.mjs.map +1 -0
  519. package/fesm2020/ptsecurity-mosaic-popover.mjs +389 -0
  520. package/fesm2020/ptsecurity-mosaic-popover.mjs.map +1 -0
  521. package/fesm2020/ptsecurity-mosaic-progress-bar.mjs +76 -0
  522. package/fesm2020/ptsecurity-mosaic-progress-bar.mjs.map +1 -0
  523. package/fesm2020/ptsecurity-mosaic-progress-spinner.mjs +80 -0
  524. package/fesm2020/ptsecurity-mosaic-progress-spinner.mjs.map +1 -0
  525. package/fesm2020/ptsecurity-mosaic-radio.mjs +479 -0
  526. package/fesm2020/ptsecurity-mosaic-radio.mjs.map +1 -0
  527. package/fesm2020/ptsecurity-mosaic-select.mjs +1173 -0
  528. package/fesm2020/ptsecurity-mosaic-select.mjs.map +1 -0
  529. package/fesm2020/ptsecurity-mosaic-sidebar.mjs +202 -0
  530. package/fesm2020/ptsecurity-mosaic-sidebar.mjs.map +1 -0
  531. package/fesm2020/ptsecurity-mosaic-sidepanel.mjs +589 -0
  532. package/fesm2020/ptsecurity-mosaic-sidepanel.mjs.map +1 -0
  533. package/fesm2020/ptsecurity-mosaic-splitter.mjs +524 -0
  534. package/fesm2020/ptsecurity-mosaic-splitter.mjs.map +1 -0
  535. package/fesm2020/ptsecurity-mosaic-table.mjs +50 -0
  536. package/fesm2020/ptsecurity-mosaic-table.mjs.map +1 -0
  537. package/fesm2020/ptsecurity-mosaic-tabs.mjs +1496 -0
  538. package/fesm2020/ptsecurity-mosaic-tabs.mjs.map +1 -0
  539. package/fesm2020/ptsecurity-mosaic-tags.mjs +1370 -0
  540. package/fesm2020/ptsecurity-mosaic-tags.mjs.map +1 -0
  541. package/fesm2020/ptsecurity-mosaic-textarea.mjs +291 -0
  542. package/fesm2020/ptsecurity-mosaic-textarea.mjs.map +1 -0
  543. package/fesm2020/ptsecurity-mosaic-timepicker.mjs +713 -0
  544. package/fesm2020/ptsecurity-mosaic-timepicker.mjs.map +1 -0
  545. package/fesm2020/ptsecurity-mosaic-toggle.mjs +180 -0
  546. package/fesm2020/ptsecurity-mosaic-toggle.mjs.map +1 -0
  547. package/fesm2020/ptsecurity-mosaic-tooltip.mjs +354 -0
  548. package/fesm2020/ptsecurity-mosaic-tooltip.mjs.map +1 -0
  549. package/fesm2020/ptsecurity-mosaic-tree-select.mjs +970 -0
  550. package/fesm2020/ptsecurity-mosaic-tree-select.mjs.map +1 -0
  551. package/fesm2020/ptsecurity-mosaic-tree.mjs +1705 -0
  552. package/fesm2020/ptsecurity-mosaic-tree.mjs.map +1 -0
  553. package/fesm2020/ptsecurity-mosaic.mjs +4 -0
  554. package/fesm2020/ptsecurity-mosaic.mjs.map +1 -0
  555. package/form-field/README.md +0 -0
  556. package/form-field/package.json +5 -5
  557. package/icon/README.md +0 -0
  558. package/icon/package.json +5 -5
  559. package/input/package.json +5 -5
  560. package/link/README.md +0 -0
  561. package/link/package.json +5 -5
  562. package/list/README.md +0 -0
  563. package/list/package.json +5 -5
  564. package/modal/README.md +34 -0
  565. package/modal/modal-control.service.d.ts +1 -0
  566. package/modal/package.json +5 -5
  567. package/navbar/README.md +41 -0
  568. package/navbar/navbar-item.component.d.ts +122 -34
  569. package/navbar/navbar.component.d.ts +37 -9
  570. package/navbar/navbar.module.d.ts +2 -1
  571. package/navbar/package.json +5 -5
  572. package/navbar/vertical-navbar.component.d.ts +15 -26
  573. package/package.json +299 -14
  574. package/popover/README.md +32 -0
  575. package/popover/package.json +5 -5
  576. package/popover/popover.component.d.ts +2 -0
  577. package/popover/popover.module.d.ts +2 -1
  578. package/prebuilt-themes/dark-theme.css +1 -1
  579. package/prebuilt-themes/default-theme.css +1 -1
  580. package/prebuilt-visual/default-visual.css +1 -1
  581. package/progress-bar/README.md +0 -0
  582. package/progress-bar/package.json +5 -5
  583. package/progress-spinner/README.md +0 -0
  584. package/progress-spinner/package.json +5 -5
  585. package/radio/package.json +5 -5
  586. package/schematics/README.md +35 -0
  587. package/schematics/ng-update/data/index.d.ts +1 -0
  588. package/schematics/ng-update/data/index.js +10 -9
  589. package/schematics/ng-update/data/index.js.map +1 -1
  590. package/schematics/ng-update/data/symbol-removal.d.ts +2 -0
  591. package/schematics/ng-update/data/symbol-removal.js +5 -0
  592. package/schematics/ng-update/data/symbol-removal.js.map +1 -0
  593. package/schematics/ng-update/index.js +3 -3
  594. package/schematics/ng-update/index.js.map +1 -1
  595. package/schematics/ng-update/update-9.0.0/secondary-entry-points-migration.js +1 -2
  596. package/schematics/ng-update/update-9.0.0/secondary-entry-points-migration.js.map +1 -1
  597. package/schematics/ng-update/upgrade-data.js +2 -1
  598. package/schematics/ng-update/upgrade-data.js.map +1 -1
  599. package/schematics/tsconfig.lib.json +2 -2
  600. package/select/README.md +0 -0
  601. package/select/package.json +5 -5
  602. package/sidebar/package.json +5 -5
  603. package/sidepanel/package.json +5 -5
  604. package/splitter/package.json +5 -5
  605. package/splitter/splitter.component.d.ts +46 -5
  606. package/splitter/splitter.module.d.ts +1 -1
  607. package/table/README.md +0 -0
  608. package/table/package.json +5 -5
  609. package/tabs/README.md +0 -0
  610. package/tabs/package.json +5 -5
  611. package/tags/README.md +0 -0
  612. package/tags/package.json +5 -5
  613. package/tags/tag.component.d.ts +20 -20
  614. package/textarea/README.md +0 -0
  615. package/textarea/package.json +5 -5
  616. package/timepicker/README.md +0 -0
  617. package/timepicker/package.json +5 -5
  618. package/toggle/package.json +5 -5
  619. package/tooltip/package.json +5 -5
  620. package/tree/data-source/flat-data-source.d.ts +2 -2
  621. package/tree/package.json +5 -5
  622. package/tree/toggle.d.ts +1 -1
  623. package/tree/tree-option.component.d.ts +5 -3
  624. package/tree/tree-selection.component.d.ts +1 -0
  625. package/tree-select/README.md +0 -0
  626. package/tree-select/package.json +5 -5
  627. package/tree-select/tree-select.component.d.ts +9 -1
  628. package/tree-select/tree-select.module.d.ts +2 -1
  629. package/bundles/ptsecurity-mosaic-autocomplete.umd.js +0 -1160
  630. package/bundles/ptsecurity-mosaic-autocomplete.umd.js.map +0 -1
  631. package/bundles/ptsecurity-mosaic-button-toggle.umd.js +0 -755
  632. package/bundles/ptsecurity-mosaic-button-toggle.umd.js.map +0 -1
  633. package/bundles/ptsecurity-mosaic-button.umd.js +0 -533
  634. package/bundles/ptsecurity-mosaic-button.umd.js.map +0 -1
  635. package/bundles/ptsecurity-mosaic-card.umd.js +0 -479
  636. package/bundles/ptsecurity-mosaic-card.umd.js.map +0 -1
  637. package/bundles/ptsecurity-mosaic-checkbox.umd.js +0 -762
  638. package/bundles/ptsecurity-mosaic-checkbox.umd.js.map +0 -1
  639. package/bundles/ptsecurity-mosaic-core.umd.js +0 -2843
  640. package/bundles/ptsecurity-mosaic-core.umd.js.map +0 -1
  641. package/bundles/ptsecurity-mosaic-datepicker.umd.js +0 -3355
  642. package/bundles/ptsecurity-mosaic-datepicker.umd.js.map +0 -1
  643. package/bundles/ptsecurity-mosaic-design-tokens.umd.js +0 -1872
  644. package/bundles/ptsecurity-mosaic-design-tokens.umd.js.map +0 -1
  645. package/bundles/ptsecurity-mosaic-divider.umd.js +0 -106
  646. package/bundles/ptsecurity-mosaic-divider.umd.js.map +0 -1
  647. package/bundles/ptsecurity-mosaic-dropdown.umd.js +0 -1517
  648. package/bundles/ptsecurity-mosaic-dropdown.umd.js.map +0 -1
  649. package/bundles/ptsecurity-mosaic-form-field.umd.js +0 -788
  650. package/bundles/ptsecurity-mosaic-form-field.umd.js.map +0 -1
  651. package/bundles/ptsecurity-mosaic-icon.umd.js +0 -450
  652. package/bundles/ptsecurity-mosaic-icon.umd.js.map +0 -1
  653. package/bundles/ptsecurity-mosaic-input.umd.js +0 -1008
  654. package/bundles/ptsecurity-mosaic-input.umd.js.map +0 -1
  655. package/bundles/ptsecurity-mosaic-link.umd.js +0 -515
  656. package/bundles/ptsecurity-mosaic-link.umd.js.map +0 -1
  657. package/bundles/ptsecurity-mosaic-list.umd.js +0 -1256
  658. package/bundles/ptsecurity-mosaic-list.umd.js.map +0 -1
  659. package/bundles/ptsecurity-mosaic-modal.umd.js +0 -1305
  660. package/bundles/ptsecurity-mosaic-modal.umd.js.map +0 -1
  661. package/bundles/ptsecurity-mosaic-navbar.umd.js +0 -930
  662. package/bundles/ptsecurity-mosaic-navbar.umd.js.map +0 -1
  663. package/bundles/ptsecurity-mosaic-popover.umd.js +0 -830
  664. package/bundles/ptsecurity-mosaic-popover.umd.js.map +0 -1
  665. package/bundles/ptsecurity-mosaic-progress-bar.umd.js +0 -440
  666. package/bundles/ptsecurity-mosaic-progress-bar.umd.js.map +0 -1
  667. package/bundles/ptsecurity-mosaic-progress-spinner.umd.js +0 -448
  668. package/bundles/ptsecurity-mosaic-progress-spinner.umd.js.map +0 -1
  669. package/bundles/ptsecurity-mosaic-radio.umd.js +0 -901
  670. package/bundles/ptsecurity-mosaic-radio.umd.js.map +0 -1
  671. package/bundles/ptsecurity-mosaic-select.umd.js +0 -1606
  672. package/bundles/ptsecurity-mosaic-select.umd.js.map +0 -1
  673. package/bundles/ptsecurity-mosaic-sidebar.umd.js +0 -254
  674. package/bundles/ptsecurity-mosaic-sidebar.umd.js.map +0 -1
  675. package/bundles/ptsecurity-mosaic-sidepanel.umd.js +0 -954
  676. package/bundles/ptsecurity-mosaic-sidepanel.umd.js.map +0 -1
  677. package/bundles/ptsecurity-mosaic-splitter.umd.js +0 -436
  678. package/bundles/ptsecurity-mosaic-splitter.umd.js.map +0 -1
  679. package/bundles/ptsecurity-mosaic-table.umd.js +0 -81
  680. package/bundles/ptsecurity-mosaic-table.umd.js.map +0 -1
  681. package/bundles/ptsecurity-mosaic-tabs.umd.js +0 -2013
  682. package/bundles/ptsecurity-mosaic-tabs.umd.js.map +0 -1
  683. package/bundles/ptsecurity-mosaic-tags.umd.js +0 -1911
  684. package/bundles/ptsecurity-mosaic-tags.umd.js.map +0 -1
  685. package/bundles/ptsecurity-mosaic-textarea.umd.js +0 -664
  686. package/bundles/ptsecurity-mosaic-textarea.umd.js.map +0 -1
  687. package/bundles/ptsecurity-mosaic-timepicker.umd.js +0 -820
  688. package/bundles/ptsecurity-mosaic-timepicker.umd.js.map +0 -1
  689. package/bundles/ptsecurity-mosaic-toggle.umd.js +0 -557
  690. package/bundles/ptsecurity-mosaic-toggle.umd.js.map +0 -1
  691. package/bundles/ptsecurity-mosaic-tooltip.umd.js +0 -777
  692. package/bundles/ptsecurity-mosaic-tooltip.umd.js.map +0 -1
  693. package/bundles/ptsecurity-mosaic-tree-select.umd.js +0 -1368
  694. package/bundles/ptsecurity-mosaic-tree-select.umd.js.map +0 -1
  695. package/bundles/ptsecurity-mosaic-tree.umd.js +0 -2301
  696. package/bundles/ptsecurity-mosaic-tree.umd.js.map +0 -1
  697. package/bundles/ptsecurity-mosaic.umd.js +0 -11
  698. package/bundles/ptsecurity-mosaic.umd.js.map +0 -1
  699. package/design-tokens/tokens/components/checkbox.json5 +0 -39
  700. package/design-tokens/tokens/components/modal.json5 +0 -67
  701. package/design-tokens/tokens/components/navbar.json5 +0 -64
  702. package/design-tokens/tokens/components/radio.json5 +0 -45
  703. package/design-tokens/tokens/components/tags.json5 +0 -126
  704. package/design-tokens/tokens/components/toggle.json5 +0 -55
  705. package/design-tokens/tokens.d.ts +0 -7637
  706. package/esm2015/autocomplete/autocomplete-origin.directive.js +0 -21
  707. package/esm2015/autocomplete/autocomplete-trigger.directive.js +0 -555
  708. package/esm2015/autocomplete/autocomplete.component.js +0 -163
  709. package/esm2015/autocomplete/autocomplete.module.js +0 -34
  710. package/esm2015/button/button.component.js +0 -129
  711. package/esm2015/button/button.module.js +0 -42
  712. package/esm2015/button-toggle/button-toggle.component.js +0 -370
  713. package/esm2015/button-toggle/button-toggle.module.js +0 -19
  714. package/esm2015/card/card.component.js +0 -88
  715. package/esm2015/card/card.module.js +0 -30
  716. package/esm2015/checkbox/checkbox-module.js +0 -19
  717. package/esm2015/checkbox/checkbox-required-validator.js +0 -27
  718. package/esm2015/checkbox/checkbox.js +0 -325
  719. package/esm2015/core/common-behaviors/common-module.js +0 -83
  720. package/esm2015/core/error/error-options.js +0 -26
  721. package/esm2015/core/formatters/date/formatter.js +0 -288
  722. package/esm2015/core/formatters/date/templates/en-US.js +0 -280
  723. package/esm2015/core/formatters/date/templates/ru-RU.js +0 -280
  724. package/esm2015/core/formatters/index.js +0 -20
  725. package/esm2015/core/formatters/number/formatter.js +0 -99
  726. package/esm2015/core/forms/forms-module.js +0 -24
  727. package/esm2015/core/forms/forms.directive.js +0 -66
  728. package/esm2015/core/highlight/highlight.pipe.js +0 -17
  729. package/esm2015/core/highlight/index.js +0 -19
  730. package/esm2015/core/line/line.js +0 -70
  731. package/esm2015/core/option/action.js +0 -131
  732. package/esm2015/core/option/optgroup.js +0 -40
  733. package/esm2015/core/option/option-module.js +0 -21
  734. package/esm2015/core/option/option.js +0 -262
  735. package/esm2015/core/pop-up/pop-up-trigger.js +0 -241
  736. package/esm2015/core/pop-up/pop-up.js +0 -87
  737. package/esm2015/core/public-api.js +0 -17
  738. package/esm2015/core/selection/pseudo-checkbox/pseudo-checkbox.js +0 -45
  739. package/esm2015/core/selection/pseudo-checkbox/pseudo-checkbox.module.js +0 -18
  740. package/esm2015/core/services/measure-scrollbar.service.js +0 -48
  741. package/esm2015/datepicker/calendar-body.component.js +0 -114
  742. package/esm2015/datepicker/calendar.component.js +0 -377
  743. package/esm2015/datepicker/datepicker-input.directive.js +0 -885
  744. package/esm2015/datepicker/datepicker-intl.js +0 -40
  745. package/esm2015/datepicker/datepicker-module.js +0 -107
  746. package/esm2015/datepicker/datepicker-toggle.component.js +0 -94
  747. package/esm2015/datepicker/datepicker.component.js +0 -418
  748. package/esm2015/datepicker/month-view.component.js +0 -263
  749. package/esm2015/datepicker/multi-year-view.component.js +0 -224
  750. package/esm2015/datepicker/year-view.component.js +0 -259
  751. package/esm2015/design-tokens/public-api.js +0 -2
  752. package/esm2015/design-tokens/tokens.js +0 -931
  753. package/esm2015/divider/divider.component.js +0 -46
  754. package/esm2015/divider/divider.module.js +0 -18
  755. package/esm2015/dropdown/dropdown-content.directive.js +0 -66
  756. package/esm2015/dropdown/dropdown-item.component.js +0 -142
  757. package/esm2015/dropdown/dropdown-trigger.directive.js +0 -478
  758. package/esm2015/dropdown/dropdown.component.js +0 -302
  759. package/esm2015/dropdown/dropdown.module.js +0 -50
  760. package/esm2015/form-field/cleaner.js +0 -23
  761. package/esm2015/form-field/form-field.js +0 -224
  762. package/esm2015/form-field/form-field.module.js +0 -52
  763. package/esm2015/form-field/hint.js +0 -23
  764. package/esm2015/form-field/prefix.js +0 -13
  765. package/esm2015/form-field/stepper.js +0 -55
  766. package/esm2015/form-field/suffix.js +0 -13
  767. package/esm2015/icon/icon.component.js +0 -51
  768. package/esm2015/icon/icon.module.js +0 -38
  769. package/esm2015/input/input-number-validators.js +0 -92
  770. package/esm2015/input/input-number.js +0 -163
  771. package/esm2015/input/input.js +0 -333
  772. package/esm2015/input/input.module.js +0 -23
  773. package/esm2015/link/link.component.js +0 -108
  774. package/esm2015/link/link.module.js +0 -26
  775. package/esm2015/list/list-selection.component.js +0 -716
  776. package/esm2015/list/list.component.js +0 -58
  777. package/esm2015/list/list.module.js +0 -55
  778. package/esm2015/modal/css-unit.pipe.js +0 -17
  779. package/esm2015/modal/modal-control.service.js +0 -63
  780. package/esm2015/modal/modal.component.js +0 -508
  781. package/esm2015/modal/modal.directive.js +0 -52
  782. package/esm2015/modal/modal.module.js +0 -72
  783. package/esm2015/modal/modal.service.js +0 -117
  784. package/esm2015/navbar/navbar-item.component.js +0 -209
  785. package/esm2015/navbar/navbar.component.js +0 -118
  786. package/esm2015/navbar/navbar.module.js +0 -76
  787. package/esm2015/navbar/vertical-navbar.animation.js +0 -10
  788. package/esm2015/navbar/vertical-navbar.component.js +0 -140
  789. package/esm2015/popover/popover-confirm.component.js +0 -115
  790. package/esm2015/popover/popover.component.js +0 -256
  791. package/esm2015/popover/popover.module.js +0 -23
  792. package/esm2015/progress-bar/progress-bar.component.js +0 -50
  793. package/esm2015/progress-bar/progress-bar.module.js +0 -30
  794. package/esm2015/progress-spinner/progress-spinner.component.js +0 -54
  795. package/esm2015/progress-spinner/progress-spinner.module.js +0 -30
  796. package/esm2015/radio/radio.component.js +0 -467
  797. package/esm2015/radio/radio.module.js +0 -20
  798. package/esm2015/select/select.component.js +0 -1122
  799. package/esm2015/select/select.module.js +0 -64
  800. package/esm2015/sidebar/sidebar.component.js +0 -155
  801. package/esm2015/sidebar/sidebar.module.js +0 -30
  802. package/esm2015/sidepanel/sidepanel-container.component.js +0 -114
  803. package/esm2015/sidepanel/sidepanel-directives.js +0 -159
  804. package/esm2015/sidepanel/sidepanel.module.js +0 -74
  805. package/esm2015/sidepanel/sidepanel.service.js +0 -164
  806. package/esm2015/splitter/splitter.component.js +0 -331
  807. package/esm2015/splitter/splitter.module.js +0 -38
  808. package/esm2015/table/table.component.js +0 -16
  809. package/esm2015/table/table.module.js +0 -30
  810. package/esm2015/tabs/paginated-tab-header.js +0 -482
  811. package/esm2015/tabs/tab-body.component.js +0 -186
  812. package/esm2015/tabs/tab-content.directive.js +0 -15
  813. package/esm2015/tabs/tab-group.component.js +0 -359
  814. package/esm2015/tabs/tab-header.component.js +0 -76
  815. package/esm2015/tabs/tab-label-wrapper.directive.js +0 -78
  816. package/esm2015/tabs/tab-label.directive.js +0 -17
  817. package/esm2015/tabs/tab-nav-bar/tab-nav-bar.js +0 -118
  818. package/esm2015/tabs/tab.component.js +0 -133
  819. package/esm2015/tabs/tabs.module.js +0 -104
  820. package/esm2015/tags/tag-input.js +0 -229
  821. package/esm2015/tags/tag-list.component.js +0 -732
  822. package/esm2015/tags/tag.component.js +0 -382
  823. package/esm2015/tags/tag.module.js +0 -56
  824. package/esm2015/textarea/textarea.component.js +0 -268
  825. package/esm2015/textarea/textarea.module.js +0 -21
  826. package/esm2015/timepicker/timepicker.directive.js +0 -652
  827. package/esm2015/timepicker/timepicker.module.js +0 -34
  828. package/esm2015/toggle/toggle.component.js +0 -169
  829. package/esm2015/toggle/toggle.module.js +0 -20
  830. package/esm2015/tooltip/tooltip.component.js +0 -299
  831. package/esm2015/tooltip/tooltip.module.js +0 -43
  832. package/esm2015/tree/data-source/flat-data-source.js +0 -162
  833. package/esm2015/tree/node.js +0 -31
  834. package/esm2015/tree/outlet.js +0 -15
  835. package/esm2015/tree/padding.directive.js +0 -111
  836. package/esm2015/tree/toggle.js +0 -89
  837. package/esm2015/tree/tree-base.js +0 -243
  838. package/esm2015/tree/tree-option.component.js +0 -238
  839. package/esm2015/tree/tree-selection.component.js +0 -541
  840. package/esm2015/tree/tree.js +0 -23
  841. package/esm2015/tree/tree.module.js +0 -53
  842. package/esm2015/tree-select/tree-select.component.js +0 -900
  843. package/esm2015/tree-select/tree-select.module.js +0 -43
  844. package/fesm2015/ptsecurity-mosaic-autocomplete.js +0 -761
  845. package/fesm2015/ptsecurity-mosaic-autocomplete.js.map +0 -1
  846. package/fesm2015/ptsecurity-mosaic-button-toggle.js +0 -391
  847. package/fesm2015/ptsecurity-mosaic-button-toggle.js.map +0 -1
  848. package/fesm2015/ptsecurity-mosaic-button.js +0 -174
  849. package/fesm2015/ptsecurity-mosaic-button.js.map +0 -1
  850. package/fesm2015/ptsecurity-mosaic-card.js +0 -121
  851. package/fesm2015/ptsecurity-mosaic-card.js.map +0 -1
  852. package/fesm2015/ptsecurity-mosaic-checkbox.js +0 -374
  853. package/fesm2015/ptsecurity-mosaic-checkbox.js.map +0 -1
  854. package/fesm2015/ptsecurity-mosaic-core.js +0 -2682
  855. package/fesm2015/ptsecurity-mosaic-core.js.map +0 -1
  856. package/fesm2015/ptsecurity-mosaic-datepicker.js +0 -2731
  857. package/fesm2015/ptsecurity-mosaic-datepicker.js.map +0 -1
  858. package/fesm2015/ptsecurity-mosaic-design-tokens.js +0 -937
  859. package/fesm2015/ptsecurity-mosaic-design-tokens.js.map +0 -1
  860. package/fesm2015/ptsecurity-mosaic-divider.js +0 -68
  861. package/fesm2015/ptsecurity-mosaic-divider.js.map +0 -1
  862. package/fesm2015/ptsecurity-mosaic-dropdown.js +0 -1101
  863. package/fesm2015/ptsecurity-mosaic-dropdown.js.map +0 -1
  864. package/fesm2015/ptsecurity-mosaic-form-field.js +0 -396
  865. package/fesm2015/ptsecurity-mosaic-form-field.js.map +0 -1
  866. package/fesm2015/ptsecurity-mosaic-icon.js +0 -93
  867. package/fesm2015/ptsecurity-mosaic-icon.js.map +0 -1
  868. package/fesm2015/ptsecurity-mosaic-input.js +0 -605
  869. package/fesm2015/ptsecurity-mosaic-input.js.map +0 -1
  870. package/fesm2015/ptsecurity-mosaic-link.js +0 -137
  871. package/fesm2015/ptsecurity-mosaic-link.js.map +0 -1
  872. package/fesm2015/ptsecurity-mosaic-list.js +0 -827
  873. package/fesm2015/ptsecurity-mosaic-list.js.map +0 -1
  874. package/fesm2015/ptsecurity-mosaic-modal.js +0 -838
  875. package/fesm2015/ptsecurity-mosaic-modal.js.map +0 -1
  876. package/fesm2015/ptsecurity-mosaic-navbar.js +0 -539
  877. package/fesm2015/ptsecurity-mosaic-navbar.js.map +0 -1
  878. package/fesm2015/ptsecurity-mosaic-popover.js +0 -399
  879. package/fesm2015/ptsecurity-mosaic-popover.js.map +0 -1
  880. package/fesm2015/ptsecurity-mosaic-progress-bar.js +0 -84
  881. package/fesm2015/ptsecurity-mosaic-progress-bar.js.map +0 -1
  882. package/fesm2015/ptsecurity-mosaic-progress-spinner.js +0 -88
  883. package/fesm2015/ptsecurity-mosaic-progress-spinner.js.map +0 -1
  884. package/fesm2015/ptsecurity-mosaic-radio.js +0 -488
  885. package/fesm2015/ptsecurity-mosaic-radio.js.map +0 -1
  886. package/fesm2015/ptsecurity-mosaic-select.js +0 -1185
  887. package/fesm2015/ptsecurity-mosaic-select.js.map +0 -1
  888. package/fesm2015/ptsecurity-mosaic-sidebar.js +0 -211
  889. package/fesm2015/ptsecurity-mosaic-sidebar.js.map +0 -1
  890. package/fesm2015/ptsecurity-mosaic-sidepanel.js +0 -594
  891. package/fesm2015/ptsecurity-mosaic-sidepanel.js.map +0 -1
  892. package/fesm2015/ptsecurity-mosaic-splitter.js +0 -373
  893. package/fesm2015/ptsecurity-mosaic-splitter.js.map +0 -1
  894. package/fesm2015/ptsecurity-mosaic-table.js +0 -50
  895. package/fesm2015/ptsecurity-mosaic-table.js.map +0 -1
  896. package/fesm2015/ptsecurity-mosaic-tabs.js +0 -1533
  897. package/fesm2015/ptsecurity-mosaic-tabs.js.map +0 -1
  898. package/fesm2015/ptsecurity-mosaic-tags.js +0 -1385
  899. package/fesm2015/ptsecurity-mosaic-tags.js.map +0 -1
  900. package/fesm2015/ptsecurity-mosaic-textarea.js +0 -291
  901. package/fesm2015/ptsecurity-mosaic-textarea.js.map +0 -1
  902. package/fesm2015/ptsecurity-mosaic-timepicker.js +0 -712
  903. package/fesm2015/ptsecurity-mosaic-timepicker.js.map +0 -1
  904. package/fesm2015/ptsecurity-mosaic-toggle.js +0 -191
  905. package/fesm2015/ptsecurity-mosaic-toggle.js.map +0 -1
  906. package/fesm2015/ptsecurity-mosaic-tooltip.js +0 -362
  907. package/fesm2015/ptsecurity-mosaic-tooltip.js.map +0 -1
  908. package/fesm2015/ptsecurity-mosaic-tree-select.js +0 -942
  909. package/fesm2015/ptsecurity-mosaic-tree-select.js.map +0 -1
  910. package/fesm2015/ptsecurity-mosaic-tree.js +0 -1735
  911. package/fesm2015/ptsecurity-mosaic-tree.js.map +0 -1
  912. package/fesm2015/ptsecurity-mosaic.js +0 -4
  913. package/fesm2015/ptsecurity-mosaic.js.map +0 -1
@@ -0,0 +1,1705 @@
1
+ import * as i2$1 from '@angular/common';
2
+ import { CommonModule } from '@angular/common';
3
+ import * as i0 from '@angular/core';
4
+ import { Directive, Input, ViewChild, ContentChildren, forwardRef, Inject, Optional, Component, ViewEncapsulation, ChangeDetectionStrategy, InjectionToken, EventEmitter, ContentChild, Output, QueryList, Attribute, NgModule } from '@angular/core';
5
+ import * as i1 from '@ptsecurity/mosaic/core';
6
+ import { mixinDisabled, MC_OPTION_ACTION_PARENT, McPseudoCheckbox, McOptionActionComponent, MultipleMode, getMcSelectNonArrayValueError, McPseudoCheckboxModule } from '@ptsecurity/mosaic/core';
7
+ import * as i2 from '@angular/cdk/bidi';
8
+ import { coerceNumberProperty, coerceBooleanProperty } from '@angular/cdk/coercion';
9
+ import { TreeSizePaddingLeft } from '@ptsecurity/mosaic/design-tokens';
10
+ import { BehaviorSubject, Subject, Observable, of, merge } from 'rxjs';
11
+ import { takeUntil, map, take, delay } from 'rxjs/operators';
12
+ import { TAB, hasModifierKey, SPACE, LEFT_ARROW, RIGHT_ARROW, isVerticalMovement, isSelectAll, isCopy, DOWN_ARROW, UP_ARROW, ENTER, HOME, END, PAGE_UP, PAGE_DOWN } from '@ptsecurity/cdk/keycodes';
13
+ import { McDropdownTrigger } from '@ptsecurity/mosaic/dropdown';
14
+ import { McTooltipTrigger } from '@ptsecurity/mosaic/tooltip';
15
+ import * as i1$1 from '@angular/cdk/clipboard';
16
+ import { SelectionModel, DataSource } from '@angular/cdk/collections';
17
+ import { NG_VALUE_ACCESSOR } from '@angular/forms';
18
+ import { FocusKeyManager } from '@ptsecurity/cdk/a11y';
19
+
20
+ /** Context provided to the tree node component. */
21
+ class McTreeNodeOutletContext {
22
+ constructor(data) {
23
+ this.$implicit = data;
24
+ }
25
+ }
26
+ /**
27
+ * Data node definition for the McTree.
28
+ * Captures the node's template and a when predicate that describes when this node should be used.
29
+ */
30
+ class McTreeNodeDef {
31
+ /** @docs-private */
32
+ constructor(template) {
33
+ this.template = template;
34
+ }
35
+ }
36
+ /** @nocollapse */ /** @nocollapse */ McTreeNodeDef.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.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.2.0", type: McTreeNodeDef, selector: "[mcTreeNodeDef]", inputs: { when: ["mcTreeNodeDefWhen", "when"], data: ["mcTreeNode", "data"] }, ngImport: i0 });
38
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: McTreeNodeDef, decorators: [{
39
+ type: Directive,
40
+ args: [{
41
+ selector: '[mcTreeNodeDef]',
42
+ inputs: ['when: mcTreeNodeDefWhen']
43
+ }]
44
+ }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; }, propDecorators: { data: [{
45
+ type: Input,
46
+ args: ['mcTreeNode']
47
+ }] } });
48
+
49
+ class McTreeNodeOutlet {
50
+ constructor(viewContainer, changeDetectorRef) {
51
+ this.viewContainer = viewContainer;
52
+ this.changeDetectorRef = changeDetectorRef;
53
+ }
54
+ }
55
+ /** @nocollapse */ /** @nocollapse */ McTreeNodeOutlet.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.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.2.0", type: McTreeNodeOutlet, selector: "[mcTreeNodeOutlet]", ngImport: i0 });
57
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: McTreeNodeOutlet, decorators: [{
58
+ type: Directive,
59
+ args: [{ selector: '[mcTreeNodeOutlet]' }]
60
+ }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.ChangeDetectorRef }]; } });
61
+
62
+ /**
63
+ * Returns an error to be thrown when there is no usable data.
64
+ * @docs-private
65
+ */
66
+ function getTreeNoValidDataSourceError() {
67
+ return Error(`A valid data source must be provided.`);
68
+ }
69
+ /**
70
+ * Returns an error to be thrown when there are multiple nodes that are missing a when function.
71
+ * @docs-private
72
+ */
73
+ function getTreeMultipleDefaultNodeDefsError() {
74
+ return Error(`There can only be one default row without a when predicate function.`);
75
+ }
76
+ /**
77
+ * Returns an error to be thrown when there are no matching node defs for a particular set of data.
78
+ * @docs-private
79
+ */
80
+ function getTreeMissingMatchingNodeDefError() {
81
+ return Error(`Could not find a matching node definition for the provided node data.`);
82
+ }
83
+ /**
84
+ * Returns an error to be thrown when there are tree control.
85
+ * @docs-private
86
+ */
87
+ function getTreeControlMissingError() {
88
+ return Error(`Could not find a tree control for the tree.`);
89
+ }
90
+ /**
91
+ * Returns an error to be thrown when tree control did not implement functions for flat/nested node.
92
+ * @docs-private
93
+ */
94
+ function getTreeControlFunctionsMissingError() {
95
+ return Error(`Could not find functions for nested/flat tree in tree control.`);
96
+ }
97
+
98
+ class McTreeBase {
99
+ constructor(differs, changeDetectorRef) {
100
+ this.differs = differs;
101
+ this.changeDetectorRef = changeDetectorRef;
102
+ // TODO(tinayuangao): Setup a listener for scrolling, emit the calculated view to viewChange.
103
+ // Remove the MAX_VALUE in viewChange
104
+ /**
105
+ * Stream containing the latest information on what rows are being displayed on screen.
106
+ * Can be used by the data source to as a heuristic of what data should be provided.
107
+ */
108
+ this.viewChange = new BehaviorSubject({ start: 0, end: Number.MAX_VALUE });
109
+ /** Subject that emits when the component has been destroyed. */
110
+ this.onDestroy = new Subject();
111
+ /** Level of nodes */
112
+ this.levels = new Map();
113
+ }
114
+ /**
115
+ * Provides a stream containing the latest data array to render. Influenced by the tree's
116
+ * stream of view window (what dataNodes are currently on screen).
117
+ * Data source can be an observable of data array, or a dara array to render.
118
+ */
119
+ get dataSource() {
120
+ return this._dataSource;
121
+ }
122
+ set dataSource(dataSource) {
123
+ if (this._dataSource !== dataSource) {
124
+ this.switchDataSource(dataSource);
125
+ }
126
+ }
127
+ ngOnInit() {
128
+ this.dataDiffer = this.differs.find([]).create(this.trackBy);
129
+ if (!this.treeControl) {
130
+ throw getTreeControlMissingError();
131
+ }
132
+ }
133
+ ngOnDestroy() {
134
+ this.nodeOutlet.viewContainer.clear();
135
+ this.onDestroy.next();
136
+ this.onDestroy.complete();
137
+ // tslint:disable-next-line:no-unbound-method
138
+ if (this._dataSource && typeof this.dataSource.disconnect === 'function') {
139
+ this.dataSource.disconnect(this);
140
+ }
141
+ if (this.dataSubscription) {
142
+ this.dataSubscription.unsubscribe();
143
+ this.dataSubscription = null;
144
+ }
145
+ }
146
+ ngAfterContentChecked() {
147
+ const defaultNodeDefs = this.nodeDefs.filter((def) => !def.when);
148
+ if (defaultNodeDefs.length > 1) {
149
+ throw getTreeMultipleDefaultNodeDefsError();
150
+ }
151
+ this.defaultNodeDef = defaultNodeDefs[0];
152
+ if (this.dataSource && this.nodeDefs && !this.dataSubscription) {
153
+ this.observeRenderChanges();
154
+ }
155
+ }
156
+ /** Check for changes made in the data and render each change (node added/removed/moved). */
157
+ renderNodeChanges(data, dataDiffer = this.dataDiffer, viewContainer = this.nodeOutlet.viewContainer, parentData) {
158
+ const changes = dataDiffer.diff(data);
159
+ if (!changes) {
160
+ return;
161
+ }
162
+ changes.forEachOperation((item, adjustedPreviousIndex, currentIndex) => {
163
+ if (item.previousIndex == null) {
164
+ this.insertNode(data[currentIndex], currentIndex, viewContainer, parentData);
165
+ }
166
+ else if (currentIndex == null) {
167
+ viewContainer.remove(adjustedPreviousIndex);
168
+ this.levels.delete(item.item);
169
+ }
170
+ else {
171
+ const view = viewContainer.get(adjustedPreviousIndex);
172
+ viewContainer.move(view, currentIndex);
173
+ }
174
+ });
175
+ this.changeDetectorRef.detectChanges();
176
+ }
177
+ /**
178
+ * Finds the matching node definition that should be used for this node data. If there is only
179
+ * one node definition, it is returned. Otherwise, find the node definition that has a when
180
+ * predicate that returns true with the data. If none return true, return the default node
181
+ * definition.
182
+ */
183
+ getNodeDef(data, i) {
184
+ if (this.nodeDefs.length === 1) {
185
+ return this.nodeDefs.first;
186
+ }
187
+ const nodeDef = this.nodeDefs.find((def) => def.when && def.when(i, data)) || this.defaultNodeDef;
188
+ if (!nodeDef) {
189
+ throw getTreeMissingMatchingNodeDefError();
190
+ }
191
+ return nodeDef;
192
+ }
193
+ /**
194
+ * Create the embedded view for the data node template and place it in the correct index location
195
+ * within the data node view container.
196
+ */
197
+ insertNode(nodeData, index, viewContainer, parentData) {
198
+ const node = this.getNodeDef(nodeData, index);
199
+ // Node context that will be provided to created embedded view
200
+ const context = new McTreeNodeOutletContext(nodeData);
201
+ // If the tree is flat tree, then use the `getLevel` function in flat tree control
202
+ // Otherwise, use the level of parent node.
203
+ if (this.treeControl.getLevel) {
204
+ context.level = this.treeControl.getLevel(nodeData);
205
+ /* tslint:disable-next-line:no-typeof-undefined */
206
+ }
207
+ else if (typeof parentData !== 'undefined' && this.levels.has(parentData)) {
208
+ context.level = this.levels.get(parentData) + 1;
209
+ }
210
+ else {
211
+ context.level = 0;
212
+ }
213
+ this.levels.set(nodeData, context.level);
214
+ // Use default tree nodeOutlet, or nested node's nodeOutlet
215
+ const container = viewContainer ? viewContainer : this.nodeOutlet.viewContainer;
216
+ container.createEmbeddedView(node.template, context, index);
217
+ // Set the data to just created `McTreeNode`.
218
+ // The `McTreeNode` created from `createEmbeddedView` will be saved in static variable
219
+ // `mostRecentTreeNode`. We get it from static variable and pass the node data to it.
220
+ if (McTreeNode.mostRecentTreeNode) {
221
+ McTreeNode.mostRecentTreeNode.data = nodeData;
222
+ }
223
+ }
224
+ /** Set up a subscription for the data provided by the data source. */
225
+ observeRenderChanges() {
226
+ let dataStream;
227
+ // Cannot use `instanceof DataSource` since the data source could be a literal with
228
+ // `connect` function and may not extends DataSource.
229
+ // tslint:disable-next-line:no-unbound-method
230
+ if (typeof this._dataSource.connect === 'function') {
231
+ dataStream = this._dataSource.connect(this);
232
+ }
233
+ else if (this._dataSource instanceof Observable) {
234
+ dataStream = this._dataSource;
235
+ }
236
+ else if (Array.isArray(this._dataSource)) {
237
+ dataStream = of(this._dataSource);
238
+ }
239
+ if (dataStream) {
240
+ this.dataSubscription = dataStream
241
+ .pipe(takeUntil(this.onDestroy))
242
+ .subscribe((data) => this.renderNodeChanges(data));
243
+ }
244
+ else {
245
+ throw getTreeNoValidDataSourceError();
246
+ }
247
+ }
248
+ /**
249
+ * Switch to the provided data source by resetting the data and unsubscribing from the current
250
+ * render change subscription if one exists. If the data source is null, interpret this by
251
+ * clearing the node outlet. Otherwise start listening for new data.
252
+ */
253
+ switchDataSource(dataSource) {
254
+ // tslint:disable-next-line:no-unbound-method
255
+ if (this._dataSource && typeof this._dataSource.disconnect === 'function') {
256
+ this.dataSource.disconnect(this);
257
+ }
258
+ if (this.dataSubscription) {
259
+ this.dataSubscription.unsubscribe();
260
+ this.dataSubscription = null;
261
+ }
262
+ // Remove the all dataNodes if there is now no data source
263
+ if (!dataSource) {
264
+ this.nodeOutlet.viewContainer.clear();
265
+ }
266
+ this._dataSource = dataSource;
267
+ if (this.nodeDefs) {
268
+ this.observeRenderChanges();
269
+ }
270
+ }
271
+ }
272
+ /** @nocollapse */ /** @nocollapse */ McTreeBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.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.2.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.2.0", ngImport: i0, type: McTreeBase, decorators: [{
275
+ type: Directive
276
+ }], ctorParameters: function () { return [{ type: i0.IterableDiffers }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { treeControl: [{
277
+ type: Input
278
+ }], trackBy: [{
279
+ type: Input
280
+ }], nodeOutlet: [{
281
+ type: ViewChild,
282
+ args: [McTreeNodeOutlet, { static: true }]
283
+ }], nodeDefs: [{
284
+ type: ContentChildren,
285
+ args: [McTreeNodeDef]
286
+ }], dataSource: [{
287
+ type: Input
288
+ }] } });
289
+ class McTreeNode {
290
+ constructor(elementRef, tree) {
291
+ this.elementRef = elementRef;
292
+ this.tree = tree;
293
+ this.destroyed = new Subject();
294
+ McTreeNode.mostRecentTreeNode = this;
295
+ }
296
+ get data() {
297
+ return this._data;
298
+ }
299
+ set data(value) {
300
+ this._data = value;
301
+ }
302
+ get isExpanded() {
303
+ return this.tree.treeControl.isExpanded(this.data);
304
+ }
305
+ get level() {
306
+ return this.tree.treeControl.getLevel ? this.tree.treeControl.getLevel(this._data) : 0;
307
+ }
308
+ ngOnDestroy() {
309
+ this.destroyed.next();
310
+ this.destroyed.complete();
311
+ }
312
+ focus() {
313
+ this.elementRef.nativeElement.focus();
314
+ }
315
+ }
316
+ /**
317
+ * The most recently created `McTreeNode`. We save it in static variable so we can retrieve it
318
+ * in `McTree` and set the data to it.
319
+ */
320
+ McTreeNode.mostRecentTreeNode = null;
321
+ /** @nocollapse */ /** @nocollapse */ McTreeNode.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.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.2.0", type: McTreeNode, selector: "mc-tree-node", exportAs: ["mcTreeNode"], ngImport: i0 });
323
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: McTreeNode, decorators: [{
324
+ type: Directive,
325
+ args: [{
326
+ selector: 'mc-tree-node',
327
+ exportAs: 'mcTreeNode'
328
+ }]
329
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: McTreeBase, decorators: [{
330
+ type: Inject,
331
+ args: [forwardRef(() => McTreeBase)]
332
+ }] }]; } });
333
+
334
+ /** Regex used to split a string on its CSS units. */
335
+ const cssUnitPattern = /([A-Za-z%]+)$/;
336
+ class McTreeNodePadding {
337
+ constructor(treeNode, tree, renderer, element, dir) {
338
+ this.treeNode = treeNode;
339
+ this.tree = tree;
340
+ this.renderer = renderer;
341
+ this.element = element;
342
+ this.dir = dir;
343
+ this._indent = 20;
344
+ /** CSS units used for the indentation value. */
345
+ this.indentUnits = 'px';
346
+ this.baseLeftPadding = parseInt(TreeSizePaddingLeft);
347
+ this.iconWidth = 24;
348
+ this.destroyed = new Subject();
349
+ this.dir?.change?.pipe(takeUntil(this.destroyed))
350
+ .subscribe(() => this.setPadding());
351
+ }
352
+ get level() {
353
+ return this._level;
354
+ }
355
+ set level(value) {
356
+ this.setLevelInput(value);
357
+ }
358
+ get indent() {
359
+ return this._indent;
360
+ }
361
+ set indent(indent) {
362
+ this.setIndentInput(indent);
363
+ }
364
+ get leftPadding() {
365
+ return (this.withIcon ? 0 : this.iconWidth) + this.baseLeftPadding;
366
+ }
367
+ ngOnInit() {
368
+ this.withIcon = this.tree.treeControl.isExpandable(this.treeNode.data);
369
+ this.setPadding();
370
+ }
371
+ ngOnDestroy() {
372
+ this.destroyed.next();
373
+ this.destroyed.complete();
374
+ }
375
+ paddingIndent() {
376
+ const nodeLevel = (this.treeNode.data && this.tree.treeControl.getLevel)
377
+ ? this.tree.treeControl.getLevel(this.treeNode.data)
378
+ : 0;
379
+ const level = this.level || nodeLevel;
380
+ return level > 0 ? `${(level * this._indent) + this.leftPadding}px` : `${this.leftPadding}px`;
381
+ }
382
+ /**
383
+ * This has been extracted to a util because of TS 4 and VE.
384
+ * View Engine doesn't support property rename inheritance.
385
+ * TS 4.0 doesn't allow properties to override accessors or vice-versa.
386
+ * @docs-private
387
+ */
388
+ setLevelInput(value) {
389
+ // Set to null as the fallback value so that _setPadding can fall back to the node level if the
390
+ // consumer set the directive as `mcTreeNodePadding=""`. We still want to take this value if
391
+ // they set 0 explicitly.
392
+ this._level = coerceNumberProperty(value, null);
393
+ this.setPadding();
394
+ }
395
+ /**
396
+ * This has been extracted to a util because of TS 4 and VE.
397
+ * View Engine doesn't support property rename inheritance.
398
+ * TS 4.0 doesn't allow properties to override accessors or vice-versa.
399
+ * @docs-private
400
+ */
401
+ setIndentInput(indent) {
402
+ let value = indent;
403
+ let units = 'px';
404
+ if (typeof indent === 'string') {
405
+ const parts = indent.split(cssUnitPattern);
406
+ value = parts[0];
407
+ units = parts[1] || units;
408
+ }
409
+ this.indentUnits = units;
410
+ this._indent = coerceNumberProperty(value);
411
+ this.setPadding();
412
+ }
413
+ setPadding() {
414
+ const padding = this.paddingIndent();
415
+ const paddingProp = this.dir?.value === 'rtl' ? 'paddingRight' : 'paddingLeft';
416
+ this.renderer.setStyle(this.element.nativeElement, paddingProp, padding);
417
+ }
418
+ }
419
+ /** @nocollapse */ /** @nocollapse */ McTreeNodePadding.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.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 });
420
+ /** @nocollapse */ /** @nocollapse */ McTreeNodePadding.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: McTreeNodePadding, selector: "[mcTreeNodePadding]", inputs: { indent: ["mcTreeNodePaddingIndent", "indent"] }, exportAs: ["mcTreeNodePadding"], ngImport: i0 });
421
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: McTreeNodePadding, decorators: [{
422
+ type: Directive,
423
+ args: [{
424
+ selector: '[mcTreeNodePadding]',
425
+ exportAs: 'mcTreeNodePadding'
426
+ }]
427
+ }], ctorParameters: function () { return [{ type: McTreeNode }, { type: McTreeBase }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i2.Directionality, decorators: [{
428
+ type: Optional
429
+ }] }]; }, propDecorators: { indent: [{
430
+ type: Input,
431
+ args: ['mcTreeNodePaddingIndent']
432
+ }] } });
433
+
434
+ class McTreeNodeToggleBase {
435
+ }
436
+ // tslint:disable-next-line:naming-convention
437
+ const McTreeNodeToggleMixinBase = mixinDisabled(McTreeNodeToggleBase);
438
+ /** @docs-private */
439
+ class McTreeNodeToggleBaseDirective extends McTreeNodeToggleMixinBase {
440
+ constructor(tree, treeNode) {
441
+ super();
442
+ this.tree = tree;
443
+ this.treeNode = treeNode;
444
+ this._recursive = false;
445
+ this.tree.treeControl.filterValue
446
+ .pipe(map((value) => value?.length > 0))
447
+ .subscribe((state) => this.disabled = state);
448
+ }
449
+ get recursive() {
450
+ return this._recursive;
451
+ }
452
+ set recursive(value) {
453
+ this._recursive = coerceBooleanProperty(value);
454
+ }
455
+ get iconState() {
456
+ return this.tree.treeControl.isExpanded(this.node);
457
+ }
458
+ toggle(event) {
459
+ if (this.disabled) {
460
+ return;
461
+ }
462
+ this.recursive
463
+ ? this.tree.treeControl.toggleDescendants(this.treeNode.data)
464
+ : this.tree.treeControl.toggle(this.treeNode.data);
465
+ event.stopPropagation();
466
+ }
467
+ }
468
+ /** @nocollapse */ /** @nocollapse */ McTreeNodeToggleBaseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: McTreeNodeToggleBaseDirective, deps: [{ token: McTreeBase }, { token: McTreeNode }], target: i0.ɵɵFactoryTarget.Directive });
469
+ /** @nocollapse */ /** @nocollapse */ McTreeNodeToggleBaseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.0", type: McTreeNodeToggleBaseDirective, inputs: { node: "node", recursive: ["mcTreeNodeToggleRecursive", "recursive"] }, usesInheritance: true, ngImport: i0 });
470
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: McTreeNodeToggleBaseDirective, decorators: [{
471
+ type: Directive
472
+ }], ctorParameters: function () { return [{ type: McTreeBase }, { type: McTreeNode }]; }, propDecorators: { node: [{
473
+ type: Input
474
+ }], recursive: [{
475
+ type: Input,
476
+ args: ['mcTreeNodeToggleRecursive']
477
+ }] } });
478
+ class McTreeNodeToggleComponent extends McTreeNodeToggleBaseDirective {
479
+ }
480
+ /** @nocollapse */ /** @nocollapse */ McTreeNodeToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: McTreeNodeToggleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
481
+ /** @nocollapse */ /** @nocollapse */ McTreeNodeToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.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 });
482
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: McTreeNodeToggleComponent, decorators: [{
483
+ type: Component,
484
+ args: [{ selector: 'mc-tree-node-toggle', exportAs: 'mcTreeNodeToggle', template: `<i class="mc mc-icon mc-angle-down-S_16"></i>`, host: {
485
+ class: 'mc-tree-node-toggle',
486
+ '[class.mc-expanded]': 'iconState',
487
+ '[attr.disabled]': 'disabled || null',
488
+ '(click)': 'toggle($event)'
489
+ }, inputs: ['disabled'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
490
+ }] });
491
+ class McTreeNodeToggleDirective extends McTreeNodeToggleBaseDirective {
492
+ }
493
+ /** @nocollapse */ /** @nocollapse */ McTreeNodeToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: McTreeNodeToggleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
494
+ /** @nocollapse */ /** @nocollapse */ McTreeNodeToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.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 });
495
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: McTreeNodeToggleDirective, decorators: [{
496
+ type: Directive,
497
+ args: [{
498
+ selector: '[mc-tree-node-toggle], [mcTreeNodeToggle]',
499
+ exportAs: 'mcTreeNodeToggle',
500
+ host: {
501
+ '[attr.disabled]': 'disabled || null',
502
+ '(click)': 'toggle($event)'
503
+ }
504
+ }]
505
+ }] });
506
+
507
+ class McTree extends McTreeBase {
508
+ }
509
+ /** @nocollapse */ /** @nocollapse */ McTree.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: McTree, deps: null, target: i0.ɵɵFactoryTarget.Component });
510
+ /** @nocollapse */ /** @nocollapse */ McTree.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.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 });
511
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: McTree, decorators: [{
512
+ type: Component,
513
+ args: [{ selector: 'mc-tree', exportAs: 'mcTree', template: `<ng-container mcTreeNodeOutlet></ng-container>`, host: {
514
+ class: 'mc-tree'
515
+ }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".mc-tree{display:block}\n"] }]
516
+ }] });
517
+
518
+ /**
519
+ * Injection token used to provide the parent component to options.
520
+ */
521
+ const MC_TREE_OPTION_PARENT_COMPONENT = new InjectionToken('MC_TREE_OPTION_PARENT_COMPONENT');
522
+ class McTreeOptionChange {
523
+ constructor(source, isUserInput = false) {
524
+ this.source = source;
525
+ this.isUserInput = isUserInput;
526
+ }
527
+ }
528
+ let uniqueIdCounter = 0;
529
+ class McTreeOption extends McTreeNode {
530
+ constructor(elementRef, changeDetectorRef, ngZone, tree) {
531
+ super(elementRef, tree);
532
+ this.changeDetectorRef = changeDetectorRef;
533
+ this.ngZone = ngZone;
534
+ this.tree = tree;
535
+ this.onFocus = new Subject();
536
+ this.onBlur = new Subject();
537
+ this._disabled = false;
538
+ this.onSelectionChange = new EventEmitter();
539
+ this._selected = false;
540
+ this._id = `mc-tree-option-${uniqueIdCounter++}`;
541
+ this.hasFocus = false;
542
+ }
543
+ get externalPseudoCheckbox() {
544
+ return !!this.pseudoCheckbox;
545
+ }
546
+ get value() {
547
+ return this._value;
548
+ }
549
+ set value(value) {
550
+ this._value = value;
551
+ }
552
+ get disabled() {
553
+ return this._disabled || this.tree.disabled;
554
+ }
555
+ set disabled(value) {
556
+ const newValue = coerceBooleanProperty(value);
557
+ if (newValue !== this._disabled) {
558
+ this._disabled = newValue;
559
+ }
560
+ }
561
+ get showCheckbox() {
562
+ return this._showCheckbox !== undefined ? this._showCheckbox : this.tree.showCheckbox;
563
+ }
564
+ set showCheckbox(value) {
565
+ this._showCheckbox = coerceBooleanProperty(value);
566
+ }
567
+ get selected() {
568
+ return this._selected;
569
+ }
570
+ set selected(value) {
571
+ const isSelected = coerceBooleanProperty(value);
572
+ if (isSelected !== this._selected) {
573
+ this.setSelected(isSelected);
574
+ }
575
+ }
576
+ get id() {
577
+ return this._id;
578
+ }
579
+ get viewValue() {
580
+ // TODO: Add input property alternative for node envs.
581
+ return (this.getHostElement().textContent || '').trim();
582
+ }
583
+ get isExpandable() {
584
+ return !this.toggleElement?.disabled && this.tree.treeControl.isExpandable(this.data);
585
+ }
586
+ ngAfterContentInit() {
587
+ this.value = this.tree.treeControl.getValue(this.data);
588
+ }
589
+ toggle() {
590
+ this.selected = !this.selected;
591
+ }
592
+ setSelected(selected) {
593
+ if (this._selected === selected || !this.tree.selectionModel) {
594
+ return;
595
+ }
596
+ this._selected = selected;
597
+ if (selected) {
598
+ this.tree.selectionModel.select(this.data);
599
+ }
600
+ else {
601
+ this.tree.selectionModel.deselect(this.data);
602
+ }
603
+ this.changeDetectorRef.markForCheck();
604
+ }
605
+ focus(focusOrigin) {
606
+ if (focusOrigin === 'program') {
607
+ return;
608
+ }
609
+ if (this.disabled || this.hasFocus || this.actionButton?.hasFocus) {
610
+ return;
611
+ }
612
+ this.elementRef.nativeElement.focus();
613
+ this.onFocus.next({ option: this });
614
+ Promise.resolve().then(() => {
615
+ this.hasFocus = true;
616
+ this.changeDetectorRef.markForCheck();
617
+ });
618
+ }
619
+ blur() {
620
+ // When animations are enabled, Angular may end up removing the option from the DOM a little
621
+ // earlier than usual, causing it to be blurred and throwing off the logic in the tree
622
+ // that moves focus not the next item. To work around the issue, we defer marking the option
623
+ // as not focused until the next time the zone stabilizes.
624
+ this.ngZone.onStable
625
+ .asObservable()
626
+ .pipe(take(1))
627
+ .subscribe(() => {
628
+ this.ngZone.run(() => {
629
+ if (this.actionButton?.hasFocus) {
630
+ return;
631
+ }
632
+ this.onBlur.next({ option: this });
633
+ });
634
+ });
635
+ }
636
+ getHeight() {
637
+ const clientRects = this.elementRef.nativeElement.getClientRects();
638
+ if (clientRects.length) {
639
+ return clientRects[0].height;
640
+ }
641
+ return 0;
642
+ }
643
+ select(setFocus = true) {
644
+ if (this._selected) {
645
+ return;
646
+ }
647
+ this._selected = true;
648
+ if (setFocus && !this.hasFocus) {
649
+ this.focus();
650
+ }
651
+ this.changeDetectorRef.markForCheck();
652
+ this.emitSelectionChangeEvent();
653
+ }
654
+ deselect() {
655
+ if (!this._selected) {
656
+ return;
657
+ }
658
+ this._selected = false;
659
+ this.changeDetectorRef.markForCheck();
660
+ }
661
+ onKeydown($event) {
662
+ if (!this.actionButton) {
663
+ return;
664
+ }
665
+ if ($event.keyCode === TAB && !$event.shiftKey && !this.actionButton.hasFocus) {
666
+ this.actionButton.focus();
667
+ $event.preventDefault();
668
+ }
669
+ }
670
+ selectViaInteraction($event) {
671
+ if (this.disabled) {
672
+ return;
673
+ }
674
+ this.changeDetectorRef.markForCheck();
675
+ this.emitSelectionChangeEvent(true);
676
+ const shiftKey = $event ? hasModifierKey($event, 'shiftKey') : false;
677
+ const ctrlKey = $event ? hasModifierKey($event, 'ctrlKey') : false;
678
+ this.tree.setSelectedOptionsByClick(this, shiftKey, ctrlKey);
679
+ }
680
+ emitSelectionChangeEvent(isUserInput = false) {
681
+ this.onSelectionChange.emit(new McTreeOptionChange(this, isUserInput));
682
+ }
683
+ getHostElement() {
684
+ return this.elementRef.nativeElement;
685
+ }
686
+ markForCheck() {
687
+ this.changeDetectorRef.markForCheck();
688
+ }
689
+ }
690
+ /** @nocollapse */ /** @nocollapse */ McTreeOption.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.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 });
691
+ /** @nocollapse */ /** @nocollapse */ McTreeOption.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.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: [
692
+ { provide: McTreeNode, useExisting: McTreeOption },
693
+ { provide: MC_OPTION_ACTION_PARENT, useExisting: McTreeOption }
694
+ ], 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: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>.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 });
695
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: McTreeOption, decorators: [{
696
+ type: Component,
697
+ args: [{ selector: 'mc-tree-option', exportAs: 'mcTreeOption', host: {
698
+ class: 'mc-tree-option',
699
+ '[class.mc-selected]': 'selected',
700
+ '[class.mc-focused]': 'hasFocus',
701
+ '[class.mc-action-button-focused]': 'actionButton?.active',
702
+ '[attr.id]': 'id',
703
+ '[attr.tabindex]': '-1',
704
+ '[attr.disabled]': 'disabled || null',
705
+ '(focusin)': 'focus()',
706
+ '(blur)': 'blur()',
707
+ '(click)': 'selectViaInteraction($event)',
708
+ '(keydown)': 'onKeydown($event)'
709
+ }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
710
+ { provide: McTreeNode, useExisting: McTreeOption },
711
+ { provide: MC_OPTION_ACTION_PARENT, useExisting: McTreeOption }
712
+ ], 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: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>.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"] }]
713
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: undefined, decorators: [{
714
+ type: Inject,
715
+ args: [MC_TREE_OPTION_PARENT_COMPONENT]
716
+ }] }]; }, propDecorators: { toggleElement: [{
717
+ type: ContentChild,
718
+ args: ['mcTreeNodeToggle']
719
+ }], pseudoCheckbox: [{
720
+ type: ContentChild,
721
+ args: [McPseudoCheckbox]
722
+ }], actionButton: [{
723
+ type: ContentChild,
724
+ args: [McOptionActionComponent]
725
+ }], tooltipTrigger: [{
726
+ type: ContentChild,
727
+ args: [McTooltipTrigger]
728
+ }], dropdownTrigger: [{
729
+ type: ContentChild,
730
+ args: [McDropdownTrigger]
731
+ }], disabled: [{
732
+ type: Input
733
+ }], showCheckbox: [{
734
+ type: Input
735
+ }], onSelectionChange: [{
736
+ type: Output
737
+ }] } });
738
+
739
+ /** Base tree control. It has basic toggle/expand/collapse operations on a single data node. */
740
+ /* tslint:disable-next-line:naming-convention */
741
+ class BaseTreeControl {
742
+ constructor() {
743
+ /** A selection model with multi-selection to track expansion status. */
744
+ this.expansionModel = new SelectionModel(true);
745
+ this.filterModel = new SelectionModel(true);
746
+ this.filterValue = new BehaviorSubject('');
747
+ }
748
+ /** Toggles one single data node's expanded/collapsed state. */
749
+ toggle(dataNode) {
750
+ if (this.filterValue.value) {
751
+ return;
752
+ }
753
+ this.expansionModel.toggle(dataNode);
754
+ }
755
+ /** Expands one single data node. */
756
+ expand(dataNode) {
757
+ if (this.filterValue.value) {
758
+ return;
759
+ }
760
+ this.expansionModel.select(dataNode);
761
+ }
762
+ /** Collapses one single data node. */
763
+ collapse(dataNode) {
764
+ if (this.filterValue.value) {
765
+ return;
766
+ }
767
+ this.expansionModel.deselect(dataNode);
768
+ }
769
+ /** Whether a given data node is expanded or not. Returns true if the data node is expanded. */
770
+ isExpanded(dataNode) {
771
+ return this.expansionModel.isSelected(dataNode);
772
+ }
773
+ /** Toggles a subtree rooted at `node` recursively. */
774
+ toggleDescendants(dataNode) {
775
+ this.expansionModel.isSelected(dataNode)
776
+ ? this.collapseDescendants(dataNode)
777
+ : this.expandDescendants(dataNode);
778
+ }
779
+ /** Collapse all dataNodes in the tree. */
780
+ collapseAll() {
781
+ this.expansionModel.clear();
782
+ }
783
+ /** Expands a subtree rooted at given data node recursively. */
784
+ expandDescendants(dataNode) {
785
+ const toBeProcessed = [dataNode];
786
+ toBeProcessed.push(...this.getDescendants(dataNode));
787
+ this.expansionModel.select(...toBeProcessed);
788
+ }
789
+ /** Collapses a subtree rooted at given data node recursively. */
790
+ collapseDescendants(dataNode) {
791
+ const toBeProcessed = [dataNode];
792
+ toBeProcessed.push(...this.getDescendants(dataNode));
793
+ this.expansionModel.deselect(...toBeProcessed);
794
+ }
795
+ }
796
+
797
+ function defaultCompareValues(firstValue, secondValue) {
798
+ return firstValue === secondValue;
799
+ }
800
+ function defaultCompareViewValues(firstViewValue, secondViewValue) {
801
+ return RegExp(secondViewValue, 'gi').test(firstViewValue);
802
+ }
803
+ /** Flat tree control. Able to expand/collapse a subtree recursively for flattened tree. */
804
+ class FlatTreeControl extends BaseTreeControl {
805
+ /** Construct with flat tree data node functions getLevel, isExpandable, getValue and getViewValue. */
806
+ constructor(getLevel, isExpandable,
807
+ /** getValue will be used to determine if the tree contains value or not. Used in method hasValue */
808
+ getValue,
809
+ /** getViewValue will be used for filter nodes. Returned value will be first argument in filterNodesFunction */
810
+ getViewValue,
811
+ /** compareValues will be used to comparing values. */
812
+ compareValues = defaultCompareValues,
813
+ /** compareValues will be used to comparing values. */
814
+ compareViewValues = defaultCompareViewValues) {
815
+ super();
816
+ this.getLevel = getLevel;
817
+ this.isExpandable = isExpandable;
818
+ this.getValue = getValue;
819
+ this.getViewValue = getViewValue;
820
+ this.compareValues = compareValues;
821
+ this.compareViewValues = compareViewValues;
822
+ }
823
+ /**
824
+ * Gets a list of the data node's subtree of descendent data nodes.
825
+ *
826
+ * To make this working, the `dataNodes` of the TreeControl must be flattened tree nodes
827
+ * with correct levels.
828
+ */
829
+ getDescendants(dataNode) {
830
+ const startIndex = this.dataNodes.indexOf(dataNode);
831
+ const results = [];
832
+ // Goes through flattened tree nodes in the `dataNodes` array, and get all descendants.
833
+ // The level of descendants of a tree node must be greater than the level of the given
834
+ // tree node.
835
+ // If we reach a node whose level is equal to the level of the tree node, we hit a sibling.
836
+ // If we reach a node whose level is greater than the level of the tree node, we hit a
837
+ // sibling of an ancestor.
838
+ for (let i = startIndex + 1; i < this.dataNodes.length && this.getLevel(dataNode) < this.getLevel(this.dataNodes[i]); i++) {
839
+ results.push(this.dataNodes[i]);
840
+ }
841
+ return results;
842
+ }
843
+ /**
844
+ * Expands all data nodes in the tree.
845
+ *
846
+ * To make this working, the `dataNodes` variable of the TreeControl must be set to all flattened
847
+ * data nodes of the tree.
848
+ */
849
+ expandAll() {
850
+ this.expansionModel.select(...this.dataNodes);
851
+ }
852
+ getParents(node, result) {
853
+ if (node.parent) {
854
+ result.unshift(node.parent);
855
+ return this.getParents(node.parent, result);
856
+ }
857
+ else {
858
+ return result;
859
+ }
860
+ }
861
+ hasValue(value) {
862
+ return this.dataNodes.find((node) => this.compareValues(this.getValue(node), value));
863
+ }
864
+ filterNodes(value) {
865
+ this.saveExpansionState();
866
+ this.filterModel.clear();
867
+ this.expansionModel.clear();
868
+ const filteredNodes = this.dataNodes
869
+ .filter((node) => this.compareViewValues(this.getViewValue(node), value));
870
+ const filteredNodesWithTheirParents = new Set();
871
+ filteredNodes.forEach((filteredNode) => {
872
+ this.getParents(filteredNode, [])
873
+ .forEach((node) => {
874
+ filteredNodesWithTheirParents.add(node);
875
+ this.expandDataNode(node);
876
+ });
877
+ filteredNodesWithTheirParents.add(filteredNode);
878
+ this.expandDataNode(filteredNode);
879
+ if (this.isExpandable(filteredNode)) {
880
+ const childNodeLevel = this.getLevel(filteredNode) + 1;
881
+ this.getDescendants(filteredNode)
882
+ .filter((childNode) => this.getLevel(childNode) === childNodeLevel)
883
+ .filter((childNode) => !this.isExpandable(childNode) || !this.hasFilteredDescendant(childNode, filteredNodes))
884
+ .forEach((childNode) => {
885
+ filteredNodesWithTheirParents.add(childNode);
886
+ this.expandDataNode(childNode);
887
+ });
888
+ }
889
+ });
890
+ this.filterModel.select(...Array.from(filteredNodesWithTheirParents));
891
+ this.filterValue.next(value);
892
+ this.restoreExpansionState();
893
+ }
894
+ expandDataNode(dataNode) {
895
+ if (this.isExpandable(dataNode)) {
896
+ this.expansionModel.select(dataNode);
897
+ }
898
+ }
899
+ saveExpansionState() {
900
+ if (this.filterValue.value === '') {
901
+ this.expandedItemsBeforeFiltration = this.expansionModel.selected;
902
+ }
903
+ }
904
+ restoreExpansionState() {
905
+ if (this.filterValue.value === '') {
906
+ this.expansionModel.clear();
907
+ this.expansionModel.select(...this.expandedItemsBeforeFiltration);
908
+ }
909
+ }
910
+ hasFilteredDescendant(dataNode, filteredNodes) {
911
+ const filteredViewValues = filteredNodes
912
+ .map((node) => this.getViewValue(node));
913
+ return this.getDescendants(dataNode)
914
+ .filter((node) => filteredViewValues.includes(this.getViewValue(node)))
915
+ .length > 0;
916
+ }
917
+ }
918
+
919
+ /* tslint:disable:no-empty */
920
+ const MC_SELECTION_TREE_VALUE_ACCESSOR = {
921
+ provide: NG_VALUE_ACCESSOR,
922
+ useExisting: forwardRef(() => McTreeSelection),
923
+ multi: true
924
+ };
925
+ class McTreeSelectAllEvent {
926
+ constructor(source, options) {
927
+ this.source = source;
928
+ this.options = options;
929
+ }
930
+ }
931
+ class McTreeCopyEvent {
932
+ constructor(source, option) {
933
+ this.source = source;
934
+ this.option = option;
935
+ }
936
+ }
937
+ class McTreeNavigationChange {
938
+ constructor(source, option) {
939
+ this.source = source;
940
+ this.option = option;
941
+ }
942
+ }
943
+ class McTreeSelectionChange {
944
+ constructor(source, option) {
945
+ this.source = source;
946
+ this.option = option;
947
+ }
948
+ }
949
+ class McTreeSelection extends McTreeBase {
950
+ constructor(elementRef, differs, changeDetectorRef, multiple, clipboard) {
951
+ super(differs, changeDetectorRef);
952
+ this.elementRef = elementRef;
953
+ this.clipboard = clipboard;
954
+ this.renderedOptions = new QueryList();
955
+ this.resetFocusedItemOnBlur = true;
956
+ this.multipleMode = null;
957
+ this.userTabIndex = null;
958
+ this.navigationChange = new EventEmitter();
959
+ this.selectionChange = new EventEmitter();
960
+ this.onSelectAll = new EventEmitter();
961
+ this.onCopy = new EventEmitter();
962
+ this.sortedNodes = [];
963
+ this._autoSelect = true;
964
+ this._noUnselectLast = true;
965
+ this._disabled = false;
966
+ this._tabIndex = 0;
967
+ this.destroy = new Subject();
968
+ /** `View -> model callback called when value changes` */
969
+ this.onChange = () => { };
970
+ /** `View -> model callback called when select has been touched` */
971
+ this.onTouched = () => { };
972
+ this.updateRenderedOptions = () => {
973
+ const orderedOptions = [];
974
+ this.sortedNodes.forEach((node) => {
975
+ const found = this.unorderedOptions.find((option) => option.value === this.treeControl.getValue(node));
976
+ if (found) {
977
+ orderedOptions.push(found);
978
+ }
979
+ });
980
+ this.renderedOptions.reset(orderedOptions);
981
+ this.renderedOptions.notifyOnChanges();
982
+ this.updateScrollSize();
983
+ };
984
+ if (multiple === MultipleMode.CHECKBOX || multiple === MultipleMode.KEYBOARD) {
985
+ this.multipleMode = multiple;
986
+ }
987
+ else if (multiple !== null) {
988
+ this.multipleMode = MultipleMode.CHECKBOX;
989
+ }
990
+ if (this.multipleMode === MultipleMode.CHECKBOX) {
991
+ this.autoSelect = false;
992
+ this.noUnselectLast = false;
993
+ }
994
+ this.selectionModel = new SelectionModel(this.multiple);
995
+ }
996
+ get autoSelect() {
997
+ return this._autoSelect;
998
+ }
999
+ set autoSelect(value) {
1000
+ this._autoSelect = coerceBooleanProperty(value);
1001
+ }
1002
+ get optionFocusChanges() {
1003
+ return merge(...this.renderedOptions.map((option) => option.onFocus));
1004
+ }
1005
+ get optionBlurChanges() {
1006
+ return merge(...this.renderedOptions.map((option) => option.onBlur));
1007
+ }
1008
+ get multiple() {
1009
+ return !!this.multipleMode;
1010
+ }
1011
+ get noUnselectLast() {
1012
+ return this._noUnselectLast;
1013
+ }
1014
+ set noUnselectLast(value) {
1015
+ this._noUnselectLast = coerceBooleanProperty(value);
1016
+ }
1017
+ get disabled() {
1018
+ return this._disabled;
1019
+ }
1020
+ set disabled(rawValue) {
1021
+ const value = coerceBooleanProperty(rawValue);
1022
+ if (this._disabled !== value) {
1023
+ this._disabled = value;
1024
+ this.markOptionsForCheck();
1025
+ }
1026
+ }
1027
+ get tabIndex() {
1028
+ return this.disabled ? -1 : this._tabIndex;
1029
+ }
1030
+ set tabIndex(value) {
1031
+ this._tabIndex = value;
1032
+ this.userTabIndex = value;
1033
+ }
1034
+ get showCheckbox() {
1035
+ return this.multipleMode === MultipleMode.CHECKBOX;
1036
+ }
1037
+ get isEmpty() {
1038
+ return this.sortedNodes.length === 0;
1039
+ }
1040
+ ngAfterContentInit() {
1041
+ this.unorderedOptions.changes
1042
+ .subscribe(this.updateRenderedOptions);
1043
+ this.keyManager = new FocusKeyManager(this.renderedOptions)
1044
+ .withVerticalOrientation(true)
1045
+ .withHorizontalOrientation(null);
1046
+ this.keyManager.change
1047
+ .pipe(takeUntil(this.destroy))
1048
+ .subscribe(() => {
1049
+ if (this.keyManager.activeItem) {
1050
+ this.emitNavigationEvent(this.keyManager.activeItem);
1051
+ // todo need check this logic
1052
+ if (this.autoSelect && !this.keyManager.activeItem.disabled) {
1053
+ this.updateOptionsFocus();
1054
+ }
1055
+ }
1056
+ });
1057
+ this.keyManager.tabOut
1058
+ .pipe(takeUntil(this.destroy))
1059
+ .subscribe(() => this.allowFocusEscape());
1060
+ this.selectionModel.changed
1061
+ .pipe(takeUntil(this.destroy))
1062
+ .subscribe(() => {
1063
+ this.onChange(this.getSelectedValues());
1064
+ this.renderedOptions.notifyOnChanges();
1065
+ });
1066
+ this.renderedOptions.changes
1067
+ .pipe(takeUntil(this.destroy), delay(0))
1068
+ .subscribe((options) => {
1069
+ this.resetOptions();
1070
+ // Check to see if we need to update our tab index
1071
+ this.updateTabIndex();
1072
+ options.forEach((option) => {
1073
+ if (this.getSelectedValues().includes(option.value)) {
1074
+ option.select(false);
1075
+ }
1076
+ else {
1077
+ option.deselect();
1078
+ }
1079
+ option.markForCheck();
1080
+ });
1081
+ });
1082
+ }
1083
+ ngOnDestroy() {
1084
+ this.destroy.next();
1085
+ this.destroy.complete();
1086
+ }
1087
+ focus($event) {
1088
+ if (this.renderedOptions.length === 0 || this.isFocusReceivedFromNestedOption($event)) {
1089
+ return;
1090
+ }
1091
+ this.keyManager.setFocusOrigin('keyboard');
1092
+ this.keyManager.setFirstItemActive();
1093
+ this.keyManager.setFocusOrigin('program');
1094
+ }
1095
+ blur() {
1096
+ if (!this.hasFocusedOption() && this.resetFocusedItemOnBlur) {
1097
+ this.keyManager.setActiveItem(-1);
1098
+ }
1099
+ this.onTouched();
1100
+ this.changeDetectorRef.markForCheck();
1101
+ }
1102
+ onKeyDown(event) {
1103
+ this.keyManager.setFocusOrigin('keyboard');
1104
+ // tslint:disable-next-line: deprecation
1105
+ const keyCode = event.keyCode;
1106
+ if ([SPACE, LEFT_ARROW, RIGHT_ARROW].includes(keyCode) || isVerticalMovement(event)) {
1107
+ event.preventDefault();
1108
+ }
1109
+ if (this.multiple && isSelectAll(event)) {
1110
+ this.selectAllOptions();
1111
+ return;
1112
+ }
1113
+ else if (isCopy(event)) {
1114
+ this.copyActiveOption();
1115
+ return;
1116
+ }
1117
+ else if (keyCode === TAB) {
1118
+ this.keyManager.tabOut.next();
1119
+ return;
1120
+ }
1121
+ else if (keyCode === LEFT_ARROW && this.keyManager.activeItem?.isExpandable) {
1122
+ this.treeControl.collapse(this.keyManager.activeItem.data);
1123
+ return;
1124
+ }
1125
+ else if (keyCode === RIGHT_ARROW && this.keyManager.activeItem?.isExpandable) {
1126
+ this.treeControl.expand(this.keyManager.activeItem.data);
1127
+ return;
1128
+ }
1129
+ else if (keyCode === DOWN_ARROW) {
1130
+ this.keyManager.setNextItemActive();
1131
+ }
1132
+ else if (keyCode === UP_ARROW) {
1133
+ this.keyManager.setPreviousItemActive();
1134
+ }
1135
+ else if ([SPACE, ENTER].includes(keyCode)) {
1136
+ this.toggleFocusedOption();
1137
+ return;
1138
+ }
1139
+ else if (keyCode === HOME) {
1140
+ this.keyManager.setFirstItemActive();
1141
+ }
1142
+ else if (keyCode === END) {
1143
+ this.keyManager.setLastItemActive();
1144
+ }
1145
+ else if (keyCode === PAGE_UP) {
1146
+ this.keyManager.setPreviousPageItemActive();
1147
+ }
1148
+ else if (keyCode === PAGE_DOWN) {
1149
+ this.keyManager.setNextPageItemActive();
1150
+ }
1151
+ if (this.keyManager.activeItem) {
1152
+ this.setSelectedOptionsByKey(this.keyManager.activeItem, hasModifierKey(event, 'shiftKey'), hasModifierKey(event, 'ctrlKey'));
1153
+ }
1154
+ }
1155
+ updateScrollSize() {
1156
+ if (!this.renderedOptions.first) {
1157
+ return;
1158
+ }
1159
+ this.keyManager.withScrollSize(Math.floor(this.getHeight() / this.renderedOptions.first.getHeight()));
1160
+ }
1161
+ setSelectedOptionsByKey(option, shiftKey, ctrlKey) {
1162
+ if (shiftKey && this.multiple) {
1163
+ this.setSelectedOptions(option);
1164
+ this.emitChangeEvent(option);
1165
+ }
1166
+ else if (ctrlKey) {
1167
+ if (!this.canDeselectLast(option)) {
1168
+ return;
1169
+ }
1170
+ }
1171
+ else if (this.autoSelect) {
1172
+ this.selectionModel.clear();
1173
+ this.selectionModel.toggle(option.data);
1174
+ this.emitChangeEvent(option);
1175
+ }
1176
+ }
1177
+ setSelectedOptionsByClick(option, shiftKey, ctrlKey) {
1178
+ if (!shiftKey && !ctrlKey) {
1179
+ this.keyManager.setActiveItem(option);
1180
+ }
1181
+ if (shiftKey && this.multiple) {
1182
+ this.setSelectedOptions(option);
1183
+ }
1184
+ else if (ctrlKey) {
1185
+ if (!this.canDeselectLast(option)) {
1186
+ return;
1187
+ }
1188
+ this.selectionModel.toggle(option.data);
1189
+ }
1190
+ else if (this.autoSelect) {
1191
+ this.selectionModel.clear();
1192
+ this.selectionModel.toggle(option.data);
1193
+ }
1194
+ else {
1195
+ this.selectionModel.toggle(option.data);
1196
+ }
1197
+ this.emitChangeEvent(option);
1198
+ }
1199
+ setSelectedOptions(option) {
1200
+ const selectedOptionState = option.selected;
1201
+ let fromIndex = this.keyManager.previousActiveItemIndex;
1202
+ let toIndex = this.keyManager.previousActiveItemIndex = this.keyManager.activeItemIndex;
1203
+ if (toIndex === fromIndex) {
1204
+ return;
1205
+ }
1206
+ if (fromIndex > toIndex) {
1207
+ [fromIndex, toIndex] = [toIndex, fromIndex];
1208
+ }
1209
+ this.renderedOptions
1210
+ .toArray()
1211
+ .slice(fromIndex, toIndex + 1)
1212
+ .filter((item) => !item.disabled)
1213
+ .forEach((renderedOption) => {
1214
+ const isLastRenderedOption = renderedOption === this.keyManager.activeItem;
1215
+ if (isLastRenderedOption && renderedOption.selected && this.noUnselectLast) {
1216
+ return;
1217
+ }
1218
+ renderedOption.setSelected(!selectedOptionState);
1219
+ });
1220
+ }
1221
+ setFocusedOption(option) {
1222
+ this.keyManager.setActiveItem(option);
1223
+ }
1224
+ toggleFocusedOption() {
1225
+ const focusedOption = this.keyManager.activeItem;
1226
+ if (focusedOption && (!focusedOption.selected || this.canDeselectLast(focusedOption))) {
1227
+ focusedOption.toggle();
1228
+ this.emitChangeEvent(focusedOption);
1229
+ }
1230
+ }
1231
+ renderNodeChanges(data, dataDiffer = this.dataDiffer, viewContainer = this.nodeOutlet.viewContainer, parentData) {
1232
+ super.renderNodeChanges(data, dataDiffer, viewContainer, parentData);
1233
+ this.sortedNodes = this.getSortedNodes(viewContainer);
1234
+ this.nodeOutlet.changeDetectorRef.detectChanges();
1235
+ }
1236
+ emitNavigationEvent(option) {
1237
+ this.navigationChange.emit(new McTreeNavigationChange(this, option));
1238
+ }
1239
+ emitChangeEvent(option) {
1240
+ this.selectionChange.emit(new McTreeNavigationChange(this, option));
1241
+ }
1242
+ selectAllOptions() {
1243
+ const optionsToSelect = this.renderedOptions
1244
+ .filter((option) => !option.disabled);
1245
+ optionsToSelect
1246
+ .forEach((option) => option.setSelected(true));
1247
+ this.onSelectAll.emit(new McTreeSelectAllEvent(this, optionsToSelect));
1248
+ }
1249
+ copyActiveOption() {
1250
+ if (this.onCopy.observers.length) {
1251
+ this.onCopy.emit(new McTreeCopyEvent(this, this.keyManager.activeItem));
1252
+ }
1253
+ else {
1254
+ this.onCopyDefaultHandler();
1255
+ }
1256
+ }
1257
+ writeValue(value) {
1258
+ if (this.multiple && value && !Array.isArray(value)) {
1259
+ throw getMcSelectNonArrayValueError();
1260
+ }
1261
+ if (value) {
1262
+ this.setOptionsFromValues(this.multiple ? value : [value]);
1263
+ }
1264
+ else {
1265
+ this.selectionModel.clear();
1266
+ }
1267
+ }
1268
+ registerOnChange(fn) {
1269
+ this.onChange = fn;
1270
+ }
1271
+ registerOnTouched(fn) {
1272
+ this.onTouched = fn;
1273
+ }
1274
+ /**
1275
+ * Sets the disabled state of the control. Implemented as a part of ControlValueAccessor.
1276
+ */
1277
+ setDisabledState(isDisabled) {
1278
+ this._disabled = isDisabled;
1279
+ this.changeDetectorRef.markForCheck();
1280
+ }
1281
+ setOptionsFromValues(values) {
1282
+ this.selectionModel.clear();
1283
+ const valuesToSelect = values.reduce((result, value) => {
1284
+ return this.treeControl.hasValue(value) ? [...result, this.treeControl.hasValue(value)] : [...result];
1285
+ }, []);
1286
+ this.selectionModel.select(...valuesToSelect);
1287
+ }
1288
+ getSelectedValues() {
1289
+ return this.selectionModel.selected.map((selected) => this.treeControl.getValue(selected));
1290
+ }
1291
+ getItemHeight() {
1292
+ return this.renderedOptions.first ? this.renderedOptions.first.getHeight() : 0;
1293
+ }
1294
+ onCopyDefaultHandler() {
1295
+ this.clipboard?.copy(this.keyManager.activeItem.value);
1296
+ }
1297
+ getHeight() {
1298
+ const clientRects = this.elementRef.nativeElement.getClientRects();
1299
+ if (clientRects.length) {
1300
+ return clientRects[0].height;
1301
+ }
1302
+ return 0;
1303
+ }
1304
+ updateTabIndex() {
1305
+ this._tabIndex = this.renderedOptions.length === 0 ? -1 : 0;
1306
+ }
1307
+ getSortedNodes(viewContainer) {
1308
+ const array = [];
1309
+ for (let i = 0; i < viewContainer.length; i++) {
1310
+ const viewRef = viewContainer.get(i);
1311
+ array.push(viewRef.context.$implicit);
1312
+ }
1313
+ return array;
1314
+ }
1315
+ allowFocusEscape() {
1316
+ if (this._tabIndex !== -1) {
1317
+ this._tabIndex = -1;
1318
+ setTimeout(() => {
1319
+ this._tabIndex = this.userTabIndex || 0;
1320
+ this.changeDetectorRef.markForCheck();
1321
+ });
1322
+ }
1323
+ }
1324
+ resetOptions() {
1325
+ this.dropSubscriptions();
1326
+ this.listenToOptionsFocus();
1327
+ }
1328
+ dropSubscriptions() {
1329
+ if (this.optionFocusSubscription) {
1330
+ this.optionFocusSubscription.unsubscribe();
1331
+ this.optionFocusSubscription = null;
1332
+ }
1333
+ if (this.optionBlurSubscription) {
1334
+ this.optionBlurSubscription.unsubscribe();
1335
+ this.optionBlurSubscription = null;
1336
+ }
1337
+ }
1338
+ listenToOptionsFocus() {
1339
+ this.optionFocusSubscription = this.optionFocusChanges
1340
+ .subscribe((event) => {
1341
+ const index = this.renderedOptions.toArray().indexOf(event.option);
1342
+ this.renderedOptions
1343
+ .filter((option) => option.hasFocus)
1344
+ .forEach((option) => option.hasFocus = false);
1345
+ if (this.isValidIndex(index)) {
1346
+ this.keyManager.updateActiveItem(index);
1347
+ }
1348
+ });
1349
+ this.optionBlurSubscription = this.optionBlurChanges
1350
+ .subscribe(() => this.blur());
1351
+ }
1352
+ /**
1353
+ * Utility to ensure all indexes are valid.
1354
+ * @param index The index to be checked.
1355
+ * @returns True if the index is valid for our list of options.
1356
+ */
1357
+ isValidIndex(index) {
1358
+ return index >= 0 && index < this.renderedOptions.length;
1359
+ }
1360
+ /** Checks whether any of the options is focused. */
1361
+ hasFocusedOption() {
1362
+ return this.renderedOptions.some((option) => option.hasFocus);
1363
+ }
1364
+ markOptionsForCheck() {
1365
+ this.renderedOptions.forEach((option) => option.markForCheck());
1366
+ }
1367
+ updateOptionsFocus() {
1368
+ this.renderedOptions
1369
+ .filter((option) => option.hasFocus)
1370
+ .forEach((option) => option.hasFocus = false);
1371
+ }
1372
+ canDeselectLast(option) {
1373
+ return !(this.noUnselectLast && this.selectionModel.selected.length === 1 && option.selected);
1374
+ }
1375
+ isFocusReceivedFromNestedOption($event) {
1376
+ if (!$event || !$event.relatedTarget) {
1377
+ return false;
1378
+ }
1379
+ return $event.relatedTarget.classList.contains('mc-tree-option');
1380
+ }
1381
+ }
1382
+ /** @nocollapse */ /** @nocollapse */ McTreeSelection.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.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 });
1383
+ /** @nocollapse */ /** @nocollapse */ McTreeSelection.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.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: [
1384
+ MC_SELECTION_TREE_VALUE_ACCESSOR,
1385
+ { provide: MC_TREE_OPTION_PARENT_COMPONENT, useExisting: McTreeSelection },
1386
+ { provide: McTreeBase, useExisting: McTreeSelection }
1387
+ ], 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 });
1388
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: McTreeSelection, decorators: [{
1389
+ type: Component,
1390
+ args: [{ selector: 'mc-tree-selection', exportAs: 'mcTreeSelection', template: '<ng-container mcTreeNodeOutlet></ng-container>', host: {
1391
+ class: 'mc-tree-selection',
1392
+ '[attr.tabindex]': 'tabIndex',
1393
+ '[attr.disabled]': 'disabled || null',
1394
+ '(blur)': 'blur()',
1395
+ '(focus)': 'focus($event)',
1396
+ '(keydown)': 'onKeyDown($event)',
1397
+ '(window:resize)': 'updateScrollSize()'
1398
+ }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
1399
+ MC_SELECTION_TREE_VALUE_ACCESSOR,
1400
+ { provide: MC_TREE_OPTION_PARENT_COMPONENT, useExisting: McTreeSelection },
1401
+ { provide: McTreeBase, useExisting: McTreeSelection }
1402
+ ], styles: [".mc-tree-selection{display:block}\n"] }]
1403
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.IterableDiffers }, { type: i0.ChangeDetectorRef }, { type: i1.MultipleMode, decorators: [{
1404
+ type: Attribute,
1405
+ args: ['multiple']
1406
+ }] }, { type: i1$1.Clipboard, decorators: [{
1407
+ type: Optional
1408
+ }] }]; }, propDecorators: { nodeOutlet: [{
1409
+ type: ViewChild,
1410
+ args: [McTreeNodeOutlet, { static: true }]
1411
+ }], unorderedOptions: [{
1412
+ type: ContentChildren,
1413
+ args: [McTreeOption]
1414
+ }], treeControl: [{
1415
+ type: Input
1416
+ }], navigationChange: [{
1417
+ type: Output
1418
+ }], selectionChange: [{
1419
+ type: Output
1420
+ }], onSelectAll: [{
1421
+ type: Output
1422
+ }], onCopy: [{
1423
+ type: Output
1424
+ }], autoSelect: [{
1425
+ type: Input
1426
+ }], noUnselectLast: [{
1427
+ type: Input
1428
+ }], disabled: [{
1429
+ type: Input
1430
+ }], tabIndex: [{
1431
+ type: Input
1432
+ }] } });
1433
+
1434
+ const MC_TREE_DIRECTIVES = [
1435
+ McTreeNodeOutlet,
1436
+ McTreeNodeDef,
1437
+ McTreeNode,
1438
+ McTreeNodePadding,
1439
+ McTree,
1440
+ McTreeSelection,
1441
+ McTreeOption,
1442
+ McTreeNodeToggleComponent,
1443
+ McTreeNodeToggleDirective
1444
+ ];
1445
+ class McTreeModule {
1446
+ }
1447
+ /** @nocollapse */ /** @nocollapse */ McTreeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: McTreeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1448
+ /** @nocollapse */ /** @nocollapse */ McTreeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: McTreeModule, declarations: [McTreeNodeOutlet,
1449
+ McTreeNodeDef,
1450
+ McTreeNode,
1451
+ McTreeNodePadding,
1452
+ McTree,
1453
+ McTreeSelection,
1454
+ McTreeOption,
1455
+ McTreeNodeToggleComponent,
1456
+ McTreeNodeToggleDirective], imports: [CommonModule, McPseudoCheckboxModule], exports: [McTreeNodeOutlet,
1457
+ McTreeNodeDef,
1458
+ McTreeNode,
1459
+ McTreeNodePadding,
1460
+ McTree,
1461
+ McTreeSelection,
1462
+ McTreeOption,
1463
+ McTreeNodeToggleComponent,
1464
+ McTreeNodeToggleDirective] });
1465
+ /** @nocollapse */ /** @nocollapse */ McTreeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: McTreeModule, imports: [[CommonModule, McPseudoCheckboxModule]] });
1466
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: McTreeModule, decorators: [{
1467
+ type: NgModule,
1468
+ args: [{
1469
+ imports: [CommonModule, McPseudoCheckboxModule],
1470
+ exports: MC_TREE_DIRECTIVES,
1471
+ declarations: MC_TREE_DIRECTIVES
1472
+ }]
1473
+ }] });
1474
+
1475
+ /** Nested tree control. Able to expand/collapse a subtree recursively for NestedNode type. */
1476
+ class NestedTreeControl extends BaseTreeControl {
1477
+ /** Construct with nested tree function getChildren. */
1478
+ constructor(getChildren) {
1479
+ super();
1480
+ this.getChildren = getChildren;
1481
+ }
1482
+ /**
1483
+ * Expands all dataNodes in the tree.
1484
+ *
1485
+ * To make this working, the `dataNodes` variable of the TreeControl must be set to all root level
1486
+ * data nodes of the tree.
1487
+ */
1488
+ expandAll() {
1489
+ this.expansionModel.clear();
1490
+ const allNodes = this.dataNodes.reduce((accumulator, dataNode) => [...accumulator, ...this.getDescendants(dataNode), dataNode], []);
1491
+ this.expansionModel.select(...allNodes);
1492
+ }
1493
+ /** Gets a list of descendant dataNodes of a subtree rooted at given data node recursively. */
1494
+ getDescendants(dataNode) {
1495
+ const descendants = [];
1496
+ this._getDescendants(descendants, dataNode);
1497
+ return descendants.splice(1);
1498
+ }
1499
+ /** A helper function to get descendants recursively. */
1500
+ // todo нужно придумать другое название и понять в чем отличие между getDescendants и _getDescendants
1501
+ /* tslint:disable-next-line:naming-convention */
1502
+ _getDescendants(descendants, dataNode) {
1503
+ descendants.push(dataNode);
1504
+ this.getChildren(dataNode)
1505
+ .pipe(take(1))
1506
+ .subscribe((children) => {
1507
+ if (children && children.length > 0) {
1508
+ children.forEach((child) => this._getDescendants(descendants, child));
1509
+ }
1510
+ });
1511
+ }
1512
+ }
1513
+
1514
+ /**
1515
+ * Tree flattener to convert a normal type of node to node with children & level information.
1516
+ * Transform nested nodes of type `T` to flattened nodes of type `F`.
1517
+ *
1518
+ * For example, the input data of type `T` is nested, and contains its children data:
1519
+ * SomeNode: {
1520
+ * key: 'Fruits',
1521
+ * children: [
1522
+ * NodeOne: {
1523
+ * key: 'Apple',
1524
+ * },
1525
+ * NodeTwo: {
1526
+ * key: 'Pear',
1527
+ * }
1528
+ * ]
1529
+ * }
1530
+ * After flattener flatten the tree, the structure will become
1531
+ * SomeNode: {
1532
+ * key: 'Fruits',
1533
+ * expandable: true,
1534
+ * level: 1
1535
+ * },
1536
+ * NodeOne: {
1537
+ * key: 'Apple',
1538
+ * expandable: false,
1539
+ * level: 2
1540
+ * },
1541
+ * NodeTwo: {
1542
+ * key: 'Pear',
1543
+ * expandable: false,
1544
+ * level: 2
1545
+ * }
1546
+ * and the output flattened type is `F` with additional information.
1547
+ */
1548
+ class McTreeFlattener {
1549
+ constructor(transformFunction, getLevel, isExpandable, getChildren) {
1550
+ this.transformFunction = transformFunction;
1551
+ this.getLevel = getLevel;
1552
+ this.isExpandable = isExpandable;
1553
+ this.getChildren = getChildren;
1554
+ }
1555
+ flattenNode(node, level, resultNodes, parent) {
1556
+ const flatNode = this.transformFunction(node, level, parent);
1557
+ resultNodes.push(flatNode);
1558
+ if (this.isExpandable(flatNode)) {
1559
+ const childrenNodes = this.getChildren(node);
1560
+ if (childrenNodes) {
1561
+ if (Array.isArray(childrenNodes)) {
1562
+ this.flattenChildren(childrenNodes, level, resultNodes, flatNode);
1563
+ }
1564
+ else {
1565
+ childrenNodes
1566
+ .pipe(take(1))
1567
+ .subscribe((children) => {
1568
+ this.flattenChildren(children, level, resultNodes, flatNode);
1569
+ });
1570
+ }
1571
+ }
1572
+ }
1573
+ return resultNodes;
1574
+ }
1575
+ flattenChildren(children, level, resultNodes, parent) {
1576
+ children.forEach((child) => {
1577
+ this.flattenNode(child, level + 1, resultNodes, parent);
1578
+ });
1579
+ }
1580
+ /**
1581
+ * Flatten a list of node type T to flattened version of node F.
1582
+ * Please note that type T may be nested, and the length of `structuredData` may be different
1583
+ * from that of returned list `F[]`.
1584
+ */
1585
+ flattenNodes(structuredData) {
1586
+ const resultNodes = [];
1587
+ structuredData.forEach((node) => this.flattenNode(node, 0, resultNodes, null));
1588
+ return resultNodes;
1589
+ }
1590
+ /**
1591
+ * Expand flattened node with current expansion status.
1592
+ * The returned list may have different length.
1593
+ */
1594
+ expandFlattenedNodes(nodes, treeControl) {
1595
+ const results = [];
1596
+ const currentExpand = [];
1597
+ currentExpand[0] = true;
1598
+ nodes.forEach((node) => {
1599
+ let expand = true;
1600
+ for (let i = 0; i <= this.getLevel(node); i++) {
1601
+ expand = expand && currentExpand[i];
1602
+ }
1603
+ if (expand) {
1604
+ results.push(node);
1605
+ }
1606
+ if (this.isExpandable(node)) {
1607
+ currentExpand[this.getLevel(node) + 1] = treeControl.isExpanded(node);
1608
+ }
1609
+ });
1610
+ return results;
1611
+ }
1612
+ }
1613
+ var McTreeDataSourceChangeTypes;
1614
+ (function (McTreeDataSourceChangeTypes) {
1615
+ McTreeDataSourceChangeTypes["Expansion"] = "expansion";
1616
+ McTreeDataSourceChangeTypes["Filter"] = "filter";
1617
+ })(McTreeDataSourceChangeTypes || (McTreeDataSourceChangeTypes = {}));
1618
+ /**
1619
+ * Data source for flat tree.
1620
+ * The data source need to handle expansion/collapsion of the tree node and change the data feed
1621
+ * to `McTree`.
1622
+ * The nested tree nodes of type `T` are flattened through `MсTreeFlattener`, and converted
1623
+ * to type `F` for `McTree` to consume.
1624
+ */
1625
+ class McTreeFlatDataSource extends DataSource {
1626
+ constructor(treeControl, treeFlattener, initialData = []) {
1627
+ super();
1628
+ this.treeControl = treeControl;
1629
+ this.treeFlattener = treeFlattener;
1630
+ this.flattenedData = new BehaviorSubject([]);
1631
+ this.expandedData = new BehaviorSubject([]);
1632
+ this.filteredData = new BehaviorSubject([]);
1633
+ this._data = new BehaviorSubject(initialData);
1634
+ }
1635
+ get data() {
1636
+ return this._data.value;
1637
+ }
1638
+ set data(value) {
1639
+ this._data.next(value);
1640
+ this.flattenedData.next(this.treeFlattener.flattenNodes(this.data));
1641
+ this.treeControl.dataNodes = this.flattenedData.value;
1642
+ }
1643
+ connect(collectionViewer) {
1644
+ return merge(collectionViewer.viewChange, this.treeControl.expansionModel.changed
1645
+ .pipe(map((value) => ({ type: McTreeDataSourceChangeTypes.Expansion, value }))), this.treeControl.filterValue
1646
+ .pipe(map((value) => ({ type: McTreeDataSourceChangeTypes.Filter, value }))), this.flattenedData)
1647
+ .pipe(map((changeObj) => {
1648
+ if (changeObj.type === McTreeDataSourceChangeTypes.Filter) {
1649
+ if (changeObj.value && changeObj.value.length > 0) {
1650
+ return this.filterHandler();
1651
+ }
1652
+ else {
1653
+ return this.expansionHandler(changeObj.value);
1654
+ }
1655
+ }
1656
+ return this.expansionHandler(changeObj.value);
1657
+ }));
1658
+ }
1659
+ filterHandler() {
1660
+ this.filteredData.next(this.treeControl.filterModel.selected);
1661
+ return this.filteredData.value;
1662
+ }
1663
+ expansionHandler(_change) {
1664
+ const expandedNodes = this.treeFlattener.expandFlattenedNodes(this.flattenedData.value, this.treeControl);
1665
+ this.expandedData.next(expandedNodes);
1666
+ return this.expandedData.value;
1667
+ }
1668
+ disconnect() {
1669
+ // no op
1670
+ }
1671
+ }
1672
+
1673
+ /**
1674
+ * Data source for nested tree.
1675
+ *
1676
+ * The data source for nested tree doesn't have to consider node flattener, or the way to expand
1677
+ * or collapse. The expansion/collapsion will be handled by TreeControl and each non-leaf node.
1678
+ */
1679
+ class McTreeNestedDataSource extends DataSource {
1680
+ constructor() {
1681
+ super(...arguments);
1682
+ /* tslint:disable-next-line:naming-convention */
1683
+ this._data = new BehaviorSubject([]);
1684
+ }
1685
+ get data() {
1686
+ return this._data.value;
1687
+ }
1688
+ set data(value) {
1689
+ this._data.next(value);
1690
+ }
1691
+ connect(collectionViewer) {
1692
+ return merge(...[collectionViewer.viewChange, this._data])
1693
+ .pipe(map(() => this.data));
1694
+ }
1695
+ disconnect() {
1696
+ // no op
1697
+ }
1698
+ }
1699
+
1700
+ /**
1701
+ * Generated bundle index. Do not edit.
1702
+ */
1703
+
1704
+ export { BaseTreeControl, FlatTreeControl, MC_SELECTION_TREE_VALUE_ACCESSOR, MC_TREE_OPTION_PARENT_COMPONENT, McTree, McTreeBase, McTreeCopyEvent, McTreeFlatDataSource, McTreeFlattener, McTreeModule, McTreeNavigationChange, McTreeNestedDataSource, McTreeNode, McTreeNodeDef, McTreeNodeOutlet, McTreeNodeOutletContext, McTreeNodePadding, McTreeNodeToggleBase, McTreeNodeToggleBaseDirective, McTreeNodeToggleComponent, McTreeNodeToggleDirective, McTreeNodeToggleMixinBase, McTreeOption, McTreeOptionChange, McTreeSelectAllEvent, McTreeSelection, McTreeSelectionChange, NestedTreeControl, defaultCompareValues, defaultCompareViewValues };
1705
+ //# sourceMappingURL=ptsecurity-mosaic-tree.mjs.map