@ptsecurity/mosaic 15.3.1 → 15.4.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (474) hide show
  1. package/_theming.scss +688 -212
  2. package/_visual.scss +132 -42
  3. package/alert/README.md +0 -0
  4. package/alert/_alert-theme.scss +61 -0
  5. package/alert/alert.component.d.ts +22 -0
  6. package/alert/alert.component.scss +81 -0
  7. package/alert/alert.module.d.ts +10 -0
  8. package/alert/index.d.ts +1 -0
  9. package/alert/public-api.d.ts +2 -0
  10. package/autocomplete/_autocomplete-theme.nvl.scss +21 -0
  11. package/button/_button-base.scss +2 -2
  12. package/button/_button-theme.nvl.scss +180 -0
  13. package/button/_button-theme.scss +0 -2
  14. package/button/button.component.d.ts +12 -3
  15. package/button/button.scss +19 -5
  16. package/button-toggle/_button-toggle-theme.scss +92 -0
  17. package/button-toggle/button-toggle.component.d.ts +6 -2
  18. package/button-toggle/button-toggle.module.d.ts +2 -1
  19. package/button-toggle/button-toggle.scss +110 -82
  20. package/card/_card-theme.nvl.scss +61 -0
  21. package/checkbox/_checkbox-theme.nvl.scss +120 -0
  22. package/checkbox/_checkbox-theme.scss +7 -7
  23. package/checkbox/checkbox.d.ts +2 -1
  24. package/checkbox/checkbox.scss +85 -52
  25. package/code-block/_code-block-theme.nvl.scss +326 -0
  26. package/core/common-behaviors/color.d.ts +13 -2
  27. package/core/common-behaviors/index.d.ts +1 -1
  28. package/core/forms/_forms-theme.nvl.scss +31 -0
  29. package/core/highlight/_highlight-theme.nvl.scss +8 -0
  30. package/core/highlight/_highlight-theme.scss +0 -2
  31. package/core/option/_optgroup-theme.nvl.scss +25 -0
  32. package/core/option/_option-action-theme.nvl.scss +41 -0
  33. package/core/option/_option-theme.nvl.scss +44 -0
  34. package/core/selection/pseudo-checkbox/_pseudo-checkbox-theme.nvl.scss +48 -0
  35. package/core/selection/pseudo-checkbox/pseudo-checkbox.d.ts +2 -1
  36. package/core/selection/pseudo-checkbox/pseudo-checkbox.scss +26 -6
  37. package/core/styles/_mosaic-theme.nvl.scss +153 -0
  38. package/core/styles/_mosaic-theme.scss +7 -2
  39. package/core/styles/_tokens.scss +4 -4
  40. package/core/styles/theming/_badges-theme.nvl.scss +118 -0
  41. package/core/styles/theming/_badges.nvl.scss +57 -0
  42. package/core/styles/theming/_components-theming.nvl.scss +1185 -0
  43. package/core/styles/theming/_components-theming.scss +92 -0
  44. package/core/styles/theming/_scrollbars-theme.nvl.scss +98 -0
  45. package/core/styles/theming/_scrollbars.nvl.scss +39 -0
  46. package/core/styles/theming/_theming.nvl.scss +137 -0
  47. package/core/styles/theming/prebuilt/dark-theme.nvl.scss +20 -0
  48. package/core/styles/theming/prebuilt/light-theme.nvl.scss +20 -0
  49. package/core/styles/typography/_typography.scss +5 -4
  50. package/core/utils/data-size/config.d.ts +20 -0
  51. package/core/utils/data-size/data-size.pipe.d.ts +13 -0
  52. package/core/utils/data-size/index.d.ts +3 -0
  53. package/core/utils/data-size/size.d.ts +16 -0
  54. package/core/utils/public-api.d.ts +1 -0
  55. package/datepicker/_datepicker-theme.nvl.scss +101 -0
  56. package/datepicker/datepicker-toggle.scss +2 -2
  57. package/divider/_divider-theme.nvl.scss +10 -0
  58. package/divider/_divider-theme.scss +1 -0
  59. package/divider/divider.component.d.ts +4 -1
  60. package/divider/divider.scss +24 -24
  61. package/dl/_dl-theme.nvl.scss +86 -0
  62. package/dl/_dl-theme.scss +0 -1
  63. package/dropdown/_dropdown-theme.nvl.scss +85 -0
  64. package/dropdown/dropdown.scss +3 -3
  65. package/ellipsis-center/ellipsis-center.directive.d.ts +27 -0
  66. package/ellipsis-center/index.d.ts +1 -0
  67. package/ellipsis-center/public-api.d.ts +1 -0
  68. package/esm2020/alert/alert.component.mjs +67 -0
  69. package/esm2020/alert/alert.module.mjs +44 -0
  70. package/esm2020/alert/index.mjs +2 -0
  71. package/esm2020/alert/ptsecurity-mosaic-alert.mjs +5 -0
  72. package/esm2020/alert/public-api.mjs +3 -0
  73. package/esm2020/autocomplete/autocomplete-origin.directive.mjs +3 -3
  74. package/esm2020/autocomplete/autocomplete-trigger.directive.mjs +3 -3
  75. package/esm2020/autocomplete/autocomplete.component.mjs +5 -5
  76. package/esm2020/autocomplete/autocomplete.module.mjs +4 -4
  77. package/esm2020/button/button.component.mjs +37 -19
  78. package/esm2020/button/button.module.mjs +4 -4
  79. package/esm2020/button-toggle/button-toggle.component.mjs +33 -14
  80. package/esm2020/button-toggle/button-toggle.module.mjs +7 -6
  81. package/esm2020/card/card.component.mjs +3 -3
  82. package/esm2020/card/card.module.mjs +4 -4
  83. package/esm2020/checkbox/checkbox-module.mjs +4 -4
  84. package/esm2020/checkbox/checkbox-required-validator.mjs +3 -3
  85. package/esm2020/checkbox/checkbox.mjs +13 -9
  86. package/esm2020/code-block/actionbar.component.mjs +5 -5
  87. package/esm2020/code-block/code-block.component.mjs +4 -4
  88. package/esm2020/code-block/code-block.module.mjs +4 -4
  89. package/esm2020/core/common-behaviors/color.mjs +14 -2
  90. package/esm2020/core/common-behaviors/common-module.mjs +4 -4
  91. package/esm2020/core/common-behaviors/index.mjs +2 -2
  92. package/esm2020/core/error/error-options.mjs +6 -6
  93. package/esm2020/core/formatters/date/formatter.mjs +3 -3
  94. package/esm2020/core/formatters/date/formatter.pipe.mjs +39 -39
  95. package/esm2020/core/formatters/index.mjs +4 -4
  96. package/esm2020/core/formatters/number/formatter.mjs +4 -4
  97. package/esm2020/core/forms/forms-module.mjs +4 -4
  98. package/esm2020/core/forms/forms.directive.mjs +6 -6
  99. package/esm2020/core/highlight/highlight.pipe.mjs +3 -3
  100. package/esm2020/core/highlight/index.mjs +4 -4
  101. package/esm2020/core/line/line.mjs +7 -7
  102. package/esm2020/core/locales/locale-service.mjs +3 -3
  103. package/esm2020/core/locales/locale-service.module.mjs +4 -4
  104. package/esm2020/core/option/action.mjs +3 -3
  105. package/esm2020/core/option/optgroup.mjs +3 -3
  106. package/esm2020/core/option/option-module.mjs +4 -4
  107. package/esm2020/core/option/option.mjs +4 -4
  108. package/esm2020/core/pop-up/pop-up-trigger.mjs +3 -3
  109. package/esm2020/core/pop-up/pop-up.mjs +3 -3
  110. package/esm2020/core/selection/pseudo-checkbox/pseudo-checkbox.mjs +12 -8
  111. package/esm2020/core/selection/pseudo-checkbox/pseudo-checkbox.module.mjs +4 -4
  112. package/esm2020/core/services/measure-scrollbar.service.mjs +3 -3
  113. package/esm2020/core/utils/data-size/config.mjs +22 -0
  114. package/esm2020/core/utils/data-size/data-size.pipe.mjs +32 -0
  115. package/esm2020/core/utils/data-size/index.mjs +4 -0
  116. package/esm2020/core/utils/data-size/size.mjs +50 -0
  117. package/esm2020/core/utils/public-api.mjs +2 -1
  118. package/esm2020/core/version.mjs +2 -2
  119. package/esm2020/datepicker/calendar-body.component.mjs +3 -3
  120. package/esm2020/datepicker/calendar-header.component.mjs +3 -3
  121. package/esm2020/datepicker/calendar.component.mjs +3 -3
  122. package/esm2020/datepicker/datepicker-input.directive.mjs +3 -3
  123. package/esm2020/datepicker/datepicker-intl.mjs +3 -3
  124. package/esm2020/datepicker/datepicker-module.mjs +4 -4
  125. package/esm2020/datepicker/datepicker-toggle.component.mjs +7 -7
  126. package/esm2020/datepicker/datepicker.component.mjs +6 -6
  127. package/esm2020/datepicker/month-view.component.mjs +3 -3
  128. package/esm2020/divider/divider.component.mjs +16 -6
  129. package/esm2020/divider/divider.module.mjs +4 -4
  130. package/esm2020/dl/dl.component.mjs +9 -9
  131. package/esm2020/dl/dl.module.mjs +4 -4
  132. package/esm2020/dropdown/dropdown-content.directive.mjs +3 -3
  133. package/esm2020/dropdown/dropdown-item.component.mjs +5 -5
  134. package/esm2020/dropdown/dropdown-trigger.directive.mjs +3 -3
  135. package/esm2020/dropdown/dropdown.component.mjs +6 -6
  136. package/esm2020/dropdown/dropdown.module.mjs +4 -4
  137. package/esm2020/ellipsis-center/ellipsis-center.directive.mjs +106 -0
  138. package/esm2020/ellipsis-center/index.mjs +2 -0
  139. package/esm2020/ellipsis-center/ptsecurity-mosaic-ellipsis-center.mjs +5 -0
  140. package/esm2020/ellipsis-center/public-api.mjs +2 -0
  141. package/esm2020/file-upload/file-drop.mjs +43 -0
  142. package/esm2020/file-upload/file-upload.mjs +4 -0
  143. package/esm2020/file-upload/file-upload.module.mjs +66 -0
  144. package/esm2020/file-upload/index.mjs +2 -0
  145. package/esm2020/file-upload/multiple-file-upload.component.mjs +161 -0
  146. package/esm2020/file-upload/ptsecurity-mosaic-file-upload.mjs +5 -0
  147. package/esm2020/file-upload/public-api.mjs +6 -0
  148. package/esm2020/file-upload/single-file-upload.component.mjs +130 -0
  149. package/esm2020/form-field/cleaner.mjs +7 -7
  150. package/esm2020/form-field/form-field.mjs +10 -10
  151. package/esm2020/form-field/form-field.module.mjs +4 -4
  152. package/esm2020/form-field/hint.mjs +15 -15
  153. package/esm2020/form-field/password-hint.mjs +4 -4
  154. package/esm2020/form-field/prefix.mjs +3 -3
  155. package/esm2020/form-field/stepper.mjs +3 -3
  156. package/esm2020/form-field/suffix.mjs +3 -3
  157. package/esm2020/form-field/validate.directive.mjs +3 -3
  158. package/esm2020/icon/icon.component.mjs +78 -21
  159. package/esm2020/icon/icon.module.mjs +14 -10
  160. package/esm2020/input/input-number-validators.mjs +6 -6
  161. package/esm2020/input/input-number.mjs +3 -3
  162. package/esm2020/input/input-password.mjs +6 -6
  163. package/esm2020/input/input.mjs +6 -6
  164. package/esm2020/input/input.module.mjs +4 -4
  165. package/esm2020/link/link.component.mjs +14 -4
  166. package/esm2020/link/link.module.mjs +4 -4
  167. package/esm2020/list/list-selection.component.mjs +9 -9
  168. package/esm2020/list/list.component.mjs +7 -7
  169. package/esm2020/list/list.module.mjs +4 -4
  170. package/esm2020/loader-overlay/loader-overlay.component.mjs +12 -12
  171. package/esm2020/loader-overlay/loader-overlay.module.mjs +4 -4
  172. package/esm2020/markdown/markdown.component.mjs +5 -5
  173. package/esm2020/markdown/markdown.module.mjs +4 -4
  174. package/esm2020/markdown/markdown.service.mjs +3 -3
  175. package/esm2020/modal/css-unit.pipe.mjs +3 -3
  176. package/esm2020/modal/modal-control.service.mjs +3 -3
  177. package/esm2020/modal/modal.component.mjs +4 -4
  178. package/esm2020/modal/modal.directive.mjs +12 -12
  179. package/esm2020/modal/modal.module.mjs +4 -4
  180. package/esm2020/modal/modal.service.mjs +3 -3
  181. package/esm2020/navbar/navbar-item.component.mjs +31 -31
  182. package/esm2020/navbar/navbar.component.mjs +9 -9
  183. package/esm2020/navbar/navbar.module.mjs +4 -4
  184. package/esm2020/navbar/vertical-navbar.component.mjs +3 -3
  185. package/esm2020/popover/popover-confirm.component.mjs +8 -8
  186. package/esm2020/popover/popover.component.mjs +7 -7
  187. package/esm2020/popover/popover.module.mjs +4 -4
  188. package/esm2020/progress-bar/progress-bar.component.mjs +3 -3
  189. package/esm2020/progress-bar/progress-bar.module.mjs +4 -4
  190. package/esm2020/progress-spinner/progress-spinner.component.mjs +6 -6
  191. package/esm2020/progress-spinner/progress-spinner.module.mjs +4 -4
  192. package/esm2020/radio/radio.component.mjs +13 -9
  193. package/esm2020/radio/radio.module.mjs +4 -4
  194. package/esm2020/select/select-option.directive.mjs +3 -3
  195. package/esm2020/select/select.component.mjs +22 -22
  196. package/esm2020/select/select.module.mjs +4 -4
  197. package/esm2020/sidebar/sidebar.component.mjs +9 -9
  198. package/esm2020/sidebar/sidebar.module.mjs +4 -4
  199. package/esm2020/sidepanel/sidepanel-container.component.mjs +4 -4
  200. package/esm2020/sidepanel/sidepanel-directives.mjs +17 -17
  201. package/esm2020/sidepanel/sidepanel.module.mjs +4 -4
  202. package/esm2020/sidepanel/sidepanel.service.mjs +3 -3
  203. package/esm2020/splitter/splitter.component.mjs +12 -12
  204. package/esm2020/splitter/splitter.module.mjs +4 -4
  205. package/esm2020/table/table.component.mjs +3 -3
  206. package/esm2020/table/table.module.mjs +4 -4
  207. package/esm2020/tabs/paginated-tab-header.mjs +3 -3
  208. package/esm2020/tabs/tab-body.component.mjs +9 -8
  209. package/esm2020/tabs/tab-content.directive.mjs +3 -3
  210. package/esm2020/tabs/tab-group.component.mjs +18 -18
  211. package/esm2020/tabs/tab-header.component.mjs +4 -4
  212. package/esm2020/tabs/tab-label-wrapper.directive.mjs +3 -3
  213. package/esm2020/tabs/tab-label.directive.mjs +3 -3
  214. package/esm2020/tabs/tab-nav-bar/tab-nav-bar.mjs +7 -7
  215. package/esm2020/tabs/tab.component.mjs +3 -3
  216. package/esm2020/tabs/tabs.module.mjs +9 -5
  217. package/esm2020/tags/tag-input.mjs +3 -3
  218. package/esm2020/tags/tag-list.component.mjs +4 -4
  219. package/esm2020/tags/tag.component.mjs +16 -16
  220. package/esm2020/tags/tag.module.mjs +4 -4
  221. package/esm2020/textarea/textarea.component.mjs +3 -3
  222. package/esm2020/textarea/textarea.module.mjs +4 -4
  223. package/esm2020/timepicker/timepicker.directive.mjs +3 -3
  224. package/esm2020/timepicker/timepicker.module.mjs +4 -4
  225. package/esm2020/timezone/cities-by-filter.pipe.mjs +3 -3
  226. package/esm2020/timezone/timezone-option.component.mjs +3 -3
  227. package/esm2020/timezone/timezone-option.directive.mjs +3 -3
  228. package/esm2020/timezone/timezone-select.component.mjs +8 -8
  229. package/esm2020/timezone/timezone.module.mjs +4 -4
  230. package/esm2020/timezone/utc-offset.pipe.mjs +3 -3
  231. package/esm2020/title/title.directive.mjs +3 -3
  232. package/esm2020/title/title.module.mjs +4 -4
  233. package/esm2020/toast/toast-container.component.mjs +3 -3
  234. package/esm2020/toast/toast.component.mjs +5 -5
  235. package/esm2020/toast/toast.module.mjs +4 -4
  236. package/esm2020/toast/toast.service.mjs +3 -3
  237. package/esm2020/toggle/toggle.component.mjs +17 -13
  238. package/esm2020/toggle/toggle.module.mjs +4 -4
  239. package/esm2020/tooltip/tooltip.component.mjs +26 -17
  240. package/esm2020/tooltip/tooltip.module.mjs +4 -4
  241. package/esm2020/tree/node.mjs +3 -3
  242. package/esm2020/tree/outlet.mjs +3 -3
  243. package/esm2020/tree/padding.directive.mjs +3 -3
  244. package/esm2020/tree/toggle.mjs +9 -9
  245. package/esm2020/tree/tree-base.mjs +6 -6
  246. package/esm2020/tree/tree-option.component.mjs +4 -4
  247. package/esm2020/tree/tree-selection.component.mjs +3 -3
  248. package/esm2020/tree/tree.mjs +3 -3
  249. package/esm2020/tree/tree.module.mjs +4 -4
  250. package/esm2020/tree-select/tree-select.component.mjs +16 -13
  251. package/esm2020/tree-select/tree-select.module.mjs +4 -4
  252. package/fesm2015/ptsecurity-mosaic-alert.mjs +115 -0
  253. package/fesm2015/ptsecurity-mosaic-alert.mjs.map +1 -0
  254. package/fesm2015/ptsecurity-mosaic-autocomplete.mjs +15 -15
  255. package/fesm2015/ptsecurity-mosaic-button-toggle.mjs +38 -18
  256. package/fesm2015/ptsecurity-mosaic-button-toggle.mjs.map +1 -1
  257. package/fesm2015/ptsecurity-mosaic-button.mjs +41 -23
  258. package/fesm2015/ptsecurity-mosaic-button.mjs.map +1 -1
  259. package/fesm2015/ptsecurity-mosaic-card.mjs +7 -7
  260. package/fesm2015/ptsecurity-mosaic-checkbox.mjs +19 -15
  261. package/fesm2015/ptsecurity-mosaic-checkbox.mjs.map +1 -1
  262. package/fesm2015/ptsecurity-mosaic-code-block.mjs +12 -12
  263. package/fesm2015/ptsecurity-mosaic-code-block.mjs.map +1 -1
  264. package/fesm2015/ptsecurity-mosaic-core.mjs +242 -127
  265. package/fesm2015/ptsecurity-mosaic-core.mjs.map +1 -1
  266. package/fesm2015/ptsecurity-mosaic-datepicker.mjs +35 -35
  267. package/fesm2015/ptsecurity-mosaic-datepicker.mjs.map +1 -1
  268. package/fesm2015/ptsecurity-mosaic-divider.mjs +19 -9
  269. package/fesm2015/ptsecurity-mosaic-divider.mjs.map +1 -1
  270. package/fesm2015/ptsecurity-mosaic-dl.mjs +13 -13
  271. package/fesm2015/ptsecurity-mosaic-dropdown.mjs +20 -20
  272. package/fesm2015/ptsecurity-mosaic-dropdown.mjs.map +1 -1
  273. package/fesm2015/ptsecurity-mosaic-ellipsis-center.mjs +113 -0
  274. package/fesm2015/ptsecurity-mosaic-ellipsis-center.mjs.map +1 -0
  275. package/fesm2015/ptsecurity-mosaic-file-upload.mjs +392 -0
  276. package/fesm2015/ptsecurity-mosaic-file-upload.mjs.map +1 -0
  277. package/fesm2015/ptsecurity-mosaic-form-field.mjs +49 -49
  278. package/fesm2015/ptsecurity-mosaic-form-field.mjs.map +1 -1
  279. package/fesm2015/ptsecurity-mosaic-icon.mjs +93 -29
  280. package/fesm2015/ptsecurity-mosaic-icon.mjs.map +1 -1
  281. package/fesm2015/ptsecurity-mosaic-input.mjs +25 -25
  282. package/fesm2015/ptsecurity-mosaic-link.mjs +17 -7
  283. package/fesm2015/ptsecurity-mosaic-link.mjs.map +1 -1
  284. package/fesm2015/ptsecurity-mosaic-list.mjs +20 -20
  285. package/fesm2015/ptsecurity-mosaic-list.mjs.map +1 -1
  286. package/fesm2015/ptsecurity-mosaic-loader-overlay.mjs +16 -16
  287. package/fesm2015/ptsecurity-mosaic-markdown.mjs +12 -12
  288. package/fesm2015/ptsecurity-mosaic-markdown.mjs.map +1 -1
  289. package/fesm2015/ptsecurity-mosaic-modal.mjs +29 -29
  290. package/fesm2015/ptsecurity-mosaic-modal.mjs.map +1 -1
  291. package/fesm2015/ptsecurity-mosaic-navbar.mjs +47 -47
  292. package/fesm2015/ptsecurity-mosaic-navbar.mjs.map +1 -1
  293. package/fesm2015/ptsecurity-mosaic-popover.mjs +18 -18
  294. package/fesm2015/ptsecurity-mosaic-popover.mjs.map +1 -1
  295. package/fesm2015/ptsecurity-mosaic-progress-bar.mjs +7 -7
  296. package/fesm2015/ptsecurity-mosaic-progress-spinner.mjs +9 -9
  297. package/fesm2015/ptsecurity-mosaic-progress-spinner.mjs.map +1 -1
  298. package/fesm2015/ptsecurity-mosaic-radio.mjs +16 -12
  299. package/fesm2015/ptsecurity-mosaic-radio.mjs.map +1 -1
  300. package/fesm2015/ptsecurity-mosaic-select.mjs +28 -28
  301. package/fesm2015/ptsecurity-mosaic-select.mjs.map +1 -1
  302. package/fesm2015/ptsecurity-mosaic-sidebar.mjs +13 -13
  303. package/fesm2015/ptsecurity-mosaic-sidepanel.mjs +27 -27
  304. package/fesm2015/ptsecurity-mosaic-sidepanel.mjs.map +1 -1
  305. package/fesm2015/ptsecurity-mosaic-splitter.mjs +16 -16
  306. package/fesm2015/ptsecurity-mosaic-table.mjs +7 -7
  307. package/fesm2015/ptsecurity-mosaic-tabs.mjs +60 -56
  308. package/fesm2015/ptsecurity-mosaic-tabs.mjs.map +1 -1
  309. package/fesm2015/ptsecurity-mosaic-tags.mjs +26 -26
  310. package/fesm2015/ptsecurity-mosaic-tags.mjs.map +1 -1
  311. package/fesm2015/ptsecurity-mosaic-textarea.mjs +7 -7
  312. package/fesm2015/ptsecurity-mosaic-timepicker.mjs +7 -7
  313. package/fesm2015/ptsecurity-mosaic-timezone.mjs +24 -24
  314. package/fesm2015/ptsecurity-mosaic-timezone.mjs.map +1 -1
  315. package/fesm2015/ptsecurity-mosaic-title.mjs +7 -7
  316. package/fesm2015/ptsecurity-mosaic-toast.mjs +14 -14
  317. package/fesm2015/ptsecurity-mosaic-toast.mjs.map +1 -1
  318. package/fesm2015/ptsecurity-mosaic-toggle.mjs +21 -17
  319. package/fesm2015/ptsecurity-mosaic-toggle.mjs.map +1 -1
  320. package/fesm2015/ptsecurity-mosaic-tooltip.mjs +29 -20
  321. package/fesm2015/ptsecurity-mosaic-tooltip.mjs.map +1 -1
  322. package/fesm2015/ptsecurity-mosaic-tree-select.mjs +19 -16
  323. package/fesm2015/ptsecurity-mosaic-tree-select.mjs.map +1 -1
  324. package/fesm2015/ptsecurity-mosaic-tree.mjs +38 -38
  325. package/fesm2015/ptsecurity-mosaic-tree.mjs.map +1 -1
  326. package/fesm2020/ptsecurity-mosaic-alert.mjs +115 -0
  327. package/fesm2020/ptsecurity-mosaic-alert.mjs.map +1 -0
  328. package/fesm2020/ptsecurity-mosaic-autocomplete.mjs +15 -15
  329. package/fesm2020/ptsecurity-mosaic-button-toggle.mjs +38 -18
  330. package/fesm2020/ptsecurity-mosaic-button-toggle.mjs.map +1 -1
  331. package/fesm2020/ptsecurity-mosaic-button.mjs +41 -23
  332. package/fesm2020/ptsecurity-mosaic-button.mjs.map +1 -1
  333. package/fesm2020/ptsecurity-mosaic-card.mjs +7 -7
  334. package/fesm2020/ptsecurity-mosaic-checkbox.mjs +19 -15
  335. package/fesm2020/ptsecurity-mosaic-checkbox.mjs.map +1 -1
  336. package/fesm2020/ptsecurity-mosaic-code-block.mjs +12 -12
  337. package/fesm2020/ptsecurity-mosaic-code-block.mjs.map +1 -1
  338. package/fesm2020/ptsecurity-mosaic-core.mjs +242 -127
  339. package/fesm2020/ptsecurity-mosaic-core.mjs.map +1 -1
  340. package/fesm2020/ptsecurity-mosaic-datepicker.mjs +36 -35
  341. package/fesm2020/ptsecurity-mosaic-datepicker.mjs.map +1 -1
  342. package/fesm2020/ptsecurity-mosaic-divider.mjs +19 -9
  343. package/fesm2020/ptsecurity-mosaic-divider.mjs.map +1 -1
  344. package/fesm2020/ptsecurity-mosaic-dl.mjs +13 -13
  345. package/fesm2020/ptsecurity-mosaic-dropdown.mjs +20 -20
  346. package/fesm2020/ptsecurity-mosaic-dropdown.mjs.map +1 -1
  347. package/fesm2020/ptsecurity-mosaic-ellipsis-center.mjs +111 -0
  348. package/fesm2020/ptsecurity-mosaic-ellipsis-center.mjs.map +1 -0
  349. package/fesm2020/ptsecurity-mosaic-file-upload.mjs +388 -0
  350. package/fesm2020/ptsecurity-mosaic-file-upload.mjs.map +1 -0
  351. package/fesm2020/ptsecurity-mosaic-form-field.mjs +49 -49
  352. package/fesm2020/ptsecurity-mosaic-form-field.mjs.map +1 -1
  353. package/fesm2020/ptsecurity-mosaic-icon.mjs +89 -29
  354. package/fesm2020/ptsecurity-mosaic-icon.mjs.map +1 -1
  355. package/fesm2020/ptsecurity-mosaic-input.mjs +25 -25
  356. package/fesm2020/ptsecurity-mosaic-link.mjs +17 -7
  357. package/fesm2020/ptsecurity-mosaic-link.mjs.map +1 -1
  358. package/fesm2020/ptsecurity-mosaic-list.mjs +20 -20
  359. package/fesm2020/ptsecurity-mosaic-list.mjs.map +1 -1
  360. package/fesm2020/ptsecurity-mosaic-loader-overlay.mjs +16 -16
  361. package/fesm2020/ptsecurity-mosaic-markdown.mjs +12 -12
  362. package/fesm2020/ptsecurity-mosaic-markdown.mjs.map +1 -1
  363. package/fesm2020/ptsecurity-mosaic-modal.mjs +29 -29
  364. package/fesm2020/ptsecurity-mosaic-modal.mjs.map +1 -1
  365. package/fesm2020/ptsecurity-mosaic-navbar.mjs +47 -47
  366. package/fesm2020/ptsecurity-mosaic-navbar.mjs.map +1 -1
  367. package/fesm2020/ptsecurity-mosaic-popover.mjs +18 -18
  368. package/fesm2020/ptsecurity-mosaic-popover.mjs.map +1 -1
  369. package/fesm2020/ptsecurity-mosaic-progress-bar.mjs +7 -7
  370. package/fesm2020/ptsecurity-mosaic-progress-spinner.mjs +9 -9
  371. package/fesm2020/ptsecurity-mosaic-progress-spinner.mjs.map +1 -1
  372. package/fesm2020/ptsecurity-mosaic-radio.mjs +16 -12
  373. package/fesm2020/ptsecurity-mosaic-radio.mjs.map +1 -1
  374. package/fesm2020/ptsecurity-mosaic-select.mjs +28 -28
  375. package/fesm2020/ptsecurity-mosaic-select.mjs.map +1 -1
  376. package/fesm2020/ptsecurity-mosaic-sidebar.mjs +13 -13
  377. package/fesm2020/ptsecurity-mosaic-sidepanel.mjs +27 -27
  378. package/fesm2020/ptsecurity-mosaic-sidepanel.mjs.map +1 -1
  379. package/fesm2020/ptsecurity-mosaic-splitter.mjs +16 -16
  380. package/fesm2020/ptsecurity-mosaic-table.mjs +7 -7
  381. package/fesm2020/ptsecurity-mosaic-tabs.mjs +60 -56
  382. package/fesm2020/ptsecurity-mosaic-tabs.mjs.map +1 -1
  383. package/fesm2020/ptsecurity-mosaic-tags.mjs +26 -26
  384. package/fesm2020/ptsecurity-mosaic-tags.mjs.map +1 -1
  385. package/fesm2020/ptsecurity-mosaic-textarea.mjs +7 -7
  386. package/fesm2020/ptsecurity-mosaic-timepicker.mjs +7 -7
  387. package/fesm2020/ptsecurity-mosaic-timezone.mjs +24 -24
  388. package/fesm2020/ptsecurity-mosaic-timezone.mjs.map +1 -1
  389. package/fesm2020/ptsecurity-mosaic-title.mjs +7 -7
  390. package/fesm2020/ptsecurity-mosaic-toast.mjs +14 -14
  391. package/fesm2020/ptsecurity-mosaic-toast.mjs.map +1 -1
  392. package/fesm2020/ptsecurity-mosaic-toggle.mjs +21 -17
  393. package/fesm2020/ptsecurity-mosaic-toggle.mjs.map +1 -1
  394. package/fesm2020/ptsecurity-mosaic-tooltip.mjs +29 -20
  395. package/fesm2020/ptsecurity-mosaic-tooltip.mjs.map +1 -1
  396. package/fesm2020/ptsecurity-mosaic-tree-select.mjs +19 -16
  397. package/fesm2020/ptsecurity-mosaic-tree-select.mjs.map +1 -1
  398. package/fesm2020/ptsecurity-mosaic-tree.mjs +38 -38
  399. package/fesm2020/ptsecurity-mosaic-tree.mjs.map +1 -1
  400. package/file-upload/README.md +0 -0
  401. package/file-upload/_file-upload-theme.scss +174 -0
  402. package/file-upload/file-drop.d.ts +11 -0
  403. package/file-upload/file-upload.d.ts +22 -0
  404. package/file-upload/file-upload.module.d.ts +18 -0
  405. package/file-upload/file-upload.scss +46 -0
  406. package/file-upload/index.d.ts +1 -0
  407. package/file-upload/multiple-file-upload.component.d.ts +51 -0
  408. package/file-upload/multiple-file-upload.component.scss +148 -0
  409. package/file-upload/public-api.d.ts +5 -0
  410. package/file-upload/single-file-upload.component.d.ts +34 -0
  411. package/file-upload/single-file-upload.component.scss +60 -0
  412. package/form-field/_form-field-theme.nvl.scss +111 -0
  413. package/form-field/_hint-theme.nvl.scss +67 -0
  414. package/form-field/cleaner.d.ts +2 -2
  415. package/form-field/hint.d.ts +2 -1
  416. package/form-field/hint.scss +15 -0
  417. package/icon/_icon-theme.nvl.scss +267 -0
  418. package/icon/icon.component.d.ts +22 -6
  419. package/icon/icon.module.d.ts +1 -1
  420. package/icon/icon.scss +39 -0
  421. package/input/_input-theme.nvl.scss +56 -0
  422. package/input/input.scss +5 -0
  423. package/link/_link-theme.nvl.scss +178 -0
  424. package/link/_link-theme.scss +2 -3
  425. package/link/link.component.d.ts +4 -1
  426. package/list/_list-theme.nvl.scss +47 -0
  427. package/loader-overlay/_loader-overlay-theme.nvl.scss +34 -0
  428. package/loader-overlay/_loader-overlay-theme.scss +0 -1
  429. package/markdown/_markdown-theme.nvl.scss +142 -0
  430. package/markdown/markdown.scss +13 -7
  431. package/modal/_modal-theme.nvl.scss +90 -0
  432. package/navbar/_navbar-theme.nvl.scss +123 -0
  433. package/package.json +26 -2
  434. package/popover/_popover-theme.nvl.scss +111 -0
  435. package/prebuilt-themes/dark-theme.css +1 -1
  436. package/prebuilt-themes/dark-theme.nvl.css +1 -0
  437. package/prebuilt-themes/default-theme.css +1 -1
  438. package/prebuilt-themes/light-theme.nvl.css +1 -0
  439. package/progress-bar/_progress-bar-theme.nvl.scss +28 -0
  440. package/progress-spinner/_progress-spinner-theme.nvl.scss +24 -0
  441. package/radio/_radio-theme.nvl.scss +95 -0
  442. package/radio/_radio-theme.scss +1 -1
  443. package/radio/radio.component.d.ts +2 -1
  444. package/radio/radio.scss +60 -27
  445. package/select/_select-theme.nvl.scss +55 -0
  446. package/select/_select-theme.scss +6 -0
  447. package/select/select.component.d.ts +1 -1
  448. package/select/select.scss +51 -27
  449. package/sidepanel/_sidepanel-theme.nvl.scss +67 -0
  450. package/splitter/_splitter-theme.nvl.scss +31 -0
  451. package/table/_table-theme.nvl.scss +65 -0
  452. package/table/_table-theme.scss +0 -1
  453. package/tabs/_tabs-theme.nvl.scss +240 -0
  454. package/tabs/tabs.module.d.ts +5 -4
  455. package/tags/_tag-theme.nvl.scss +100 -0
  456. package/tags/_tag-theme.scss +0 -1
  457. package/tags/tag-list.scss +23 -7
  458. package/tags/tag.scss +21 -69
  459. package/textarea/_textarea-theme.nvl.scss +37 -0
  460. package/timezone/_timezone-option-theme.nvl.scss +34 -0
  461. package/toast/_toast-theme.nvl.scss +61 -0
  462. package/toggle/_toggle-theme.nvl.scss +98 -0
  463. package/toggle/_toggle-theme.scss +0 -3
  464. package/toggle/toggle.component.d.ts +2 -1
  465. package/toggle/toggle.scss +51 -76
  466. package/tooltip/_tooltip-theme.nvl.scss +49 -0
  467. package/tooltip/tooltip.component.d.ts +5 -2
  468. package/tooltip/tooltip.scss +10 -39
  469. package/tree/_tree-theme.nvl.scss +69 -0
  470. package/tree-select/_tree-select-theme.nvl.scss +41 -0
  471. package/tree-select/_tree-select-theme.scss +6 -0
  472. package/tree-select/tree-select.component.d.ts +2 -2
  473. package/tree-select/tree-select.scss +13 -0
  474. package/core/styles/theming/_alerts.scss +0 -166
@@ -11,7 +11,7 @@ import * as i3 from '@angular/forms';
11
11
  import { SelectionModel } from '@angular/cdk/collections';
12
12
  import { FocusKeyManager } from '@ptsecurity/cdk/a11y';
13
13
  import * as i1$1 from '@ptsecurity/mosaic/core';
14
- import { mixinColor, mixinDisabled, MC_TITLE_TEXT_REF, mixinErrorState } from '@ptsecurity/mosaic/core';
14
+ import { mixinColor, mixinDisabled, KbqComponentColors, MC_TITLE_TEXT_REF, mixinErrorState } from '@ptsecurity/mosaic/core';
15
15
  import { Subject, merge } from 'rxjs';
16
16
  import { take, takeUntil, startWith } from 'rxjs/operators';
17
17
  import { McIcon } from '@ptsecurity/mosaic/icon';
@@ -208,9 +208,9 @@ class McTagInput {
208
208
  .some((separator) => separator.key === event.key && !event.shiftKey);
209
209
  }
210
210
  }
211
- /** @nocollapse */ McTagInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McTagInput, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: MC_TAGS_DEFAULT_OPTIONS }, { token: i1.McTrim, optional: true, self: true }, { token: i3.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive });
212
- /** @nocollapse */ McTagInput.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: McTagInput, selector: "input[mcTagInputFor]", inputs: { separatorKeyCodes: ["mcTagInputSeparatorKeyCodes", "separatorKeyCodes"], placeholder: "placeholder", id: "id", tagList: ["mcTagInputFor", "tagList"], addOnBlur: ["mcTagInputAddOnBlur", "addOnBlur"], disabled: "disabled" }, outputs: { tagEnd: "mcTagInputTokenEnd" }, host: { listeners: { "keydown": "onKeydown($event)", "blur": "blur()", "focus": "onFocus()", "input": "onInput()", "paste": "onPaste($event)" }, properties: { "id": "id", "attr.disabled": "disabled || null", "attr.placeholder": "placeholder || null" }, classAttribute: "mc-tag-input" }, exportAs: ["mcTagInput", "mcTagInputFor"], usesOnChanges: true, ngImport: i0 });
213
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McTagInput, decorators: [{
211
+ /** @nocollapse */ McTagInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTagInput, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: MC_TAGS_DEFAULT_OPTIONS }, { token: i1.McTrim, optional: true, self: true }, { token: i3.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive });
212
+ /** @nocollapse */ McTagInput.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McTagInput, selector: "input[mcTagInputFor]", inputs: { separatorKeyCodes: ["mcTagInputSeparatorKeyCodes", "separatorKeyCodes"], placeholder: "placeholder", id: "id", tagList: ["mcTagInputFor", "tagList"], addOnBlur: ["mcTagInputAddOnBlur", "addOnBlur"], disabled: "disabled" }, outputs: { tagEnd: "mcTagInputTokenEnd" }, host: { listeners: { "keydown": "onKeydown($event)", "blur": "blur()", "focus": "onFocus()", "input": "onInput()", "paste": "onPaste($event)" }, properties: { "id": "id", "attr.disabled": "disabled || null", "attr.placeholder": "placeholder || null" }, classAttribute: "mc-tag-input" }, exportAs: ["mcTagInput", "mcTagInputFor"], usesOnChanges: true, ngImport: i0 });
213
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTagInput, decorators: [{
214
214
  type: Directive,
215
215
  args: [{
216
216
  selector: 'input[mcTagInputFor]',
@@ -275,9 +275,9 @@ const TAG_ATTRIBUTE_NAMES = ['mc-basic-tag'];
275
275
  */
276
276
  class McTagAvatar {
277
277
  }
278
- /** @nocollapse */ McTagAvatar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McTagAvatar, deps: [], target: i0.ɵɵFactoryTarget.Directive });
279
- /** @nocollapse */ McTagAvatar.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: McTagAvatar, selector: "mc-tag-avatar, [mcTagAvatar]", host: { classAttribute: "mc-tag-avatar" }, ngImport: i0 });
280
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McTagAvatar, decorators: [{
278
+ /** @nocollapse */ McTagAvatar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTagAvatar, deps: [], target: i0.ɵɵFactoryTarget.Directive });
279
+ /** @nocollapse */ McTagAvatar.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McTagAvatar, selector: "mc-tag-avatar, [mcTagAvatar]", host: { classAttribute: "mc-tag-avatar" }, ngImport: i0 });
280
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTagAvatar, decorators: [{
281
281
  type: Directive,
282
282
  args: [{
283
283
  selector: 'mc-tag-avatar, [mcTagAvatar]',
@@ -290,9 +290,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
290
290
  */
291
291
  class McTagTrailingIcon {
292
292
  }
293
- /** @nocollapse */ McTagTrailingIcon.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McTagTrailingIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
294
- /** @nocollapse */ McTagTrailingIcon.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: McTagTrailingIcon, selector: "mc-tag-trailing-icon, [mcTagTrailingIcon]", host: { classAttribute: "mc-tag-trailing-icon" }, ngImport: i0 });
295
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McTagTrailingIcon, decorators: [{
293
+ /** @nocollapse */ McTagTrailingIcon.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTagTrailingIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
294
+ /** @nocollapse */ McTagTrailingIcon.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McTagTrailingIcon, selector: "mc-tag-trailing-icon, [mcTagTrailingIcon]", host: { classAttribute: "mc-tag-trailing-icon" }, ngImport: i0 });
295
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTagTrailingIcon, decorators: [{
296
296
  type: Directive,
297
297
  args: [{
298
298
  selector: 'mc-tag-trailing-icon, [mcTagTrailingIcon]',
@@ -306,7 +306,7 @@ class McTagBase {
306
306
  }
307
307
  }
308
308
  /** @docs-private */
309
- const McTagMixinBase = mixinColor(mixinDisabled(McTagBase));
309
+ const McTagMixinBase = mixinColor(mixinDisabled(McTagBase), KbqComponentColors.Theme);
310
310
  class McTag extends McTagMixinBase {
311
311
  constructor(elementRef, changeDetectorRef, _ngZone) {
312
312
  super(elementRef);
@@ -530,9 +530,9 @@ class McTag extends McTagMixinBase {
530
530
  });
531
531
  }
532
532
  }
533
- /** @nocollapse */ McTag.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McTag, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
534
- /** @nocollapse */ McTag.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: McTag, selector: "mc-tag, [mc-tag], mc-basic-tag, [mc-basic-tag]", inputs: { color: "color", selected: "selected", value: "value", selectable: "selectable", removable: "removable", tabindex: "tabindex", disabled: "disabled" }, outputs: { selectionChange: "selectionChange", destroyed: "destroyed", removed: "removed" }, host: { listeners: { "click": "handleClick($event)", "keydown": "handleKeydown($event)", "focus": "focus()", "blur": "blur()" }, properties: { "attr.tabindex": "tabindex", "attr.disabled": "disabled || null", "class.mc-selected": "selected", "class.mc-focused": "hasFocus", "class.mc-tag-with-avatar": "avatar", "class.mc-tag-with-icon": "contentChildren", "class.mc-tag-with-trailing-icon": "trailingIcon || removeIcon", "class.mc-disabled": "disabled" }, classAttribute: "mc-tag" }, providers: [{ provide: MC_TITLE_TEXT_REF, useExisting: McTag }], queries: [{ propertyName: "avatar", first: true, predicate: McTagAvatar, descendants: true }, { propertyName: "trailingIcon", first: true, predicate: McTagTrailingIcon, descendants: true }, { propertyName: "removeIcon", first: true, predicate: i0.forwardRef(function () { return McTagRemove; }), descendants: true }, { propertyName: "contentChildren", predicate: McIcon }], viewQueries: [{ propertyName: "textElement", first: true, predicate: ["mcTitleText"], descendants: true }], exportAs: ["mcTag"], usesInheritance: true, ngImport: i0, template: "<div class=\"mc-tag__wrapper\">\n <ng-content select=\"[mc-icon]:not([mcTagRemove])\"></ng-content>\n <span class=\"mc-tag__text\" #mcTitleText><ng-content></ng-content></span>\n <ng-content select=\"[mcTagRemove]\"></ng-content>\n</div>\n<div class=\"mc-tag-overlay\"></div>\n", styles: [".mc-tag{position:relative;display:inline-block;max-width:100%;margin:var(--mc-tags-size-margin, 2px);height:var(--mc-tags-size-height, 24px);border-width:var(--mc-tags-size-border-width, 1px);border-style:solid;border-radius:var(--mc-tags-size-border-radius, 4px);cursor:default;outline:none;box-sizing:border-box}.mc-tag .mc-icon.mc-tag-remove:hover{cursor:pointer}.mc-tag.mc-disabled .mc-icon.mc-tag-remove:hover{cursor:default}.mc-tag .mc-tag__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mc-tag:not(.mc-tag-with-icon) .mc-tag__text{margin-right:calc(var(--mc-tags-size-text-margin, 8px) - var(--mc-tags-size-border-width, 1px))}.mc-tag__wrapper{display:flex;align-items:center;height:100%;flex:1 1 100%}.mc-tag__wrapper .mc-icon.mc-tag-remove{display:flex;align-items:center;justify-content:center;flex-shrink:0;height:var(--mc-tags-size-height, 24px);padding-left:var(--mc-tags-size-icon-padding, 4px);padding-right:var(--mc-tags-size-icon-padding, 4px)}.mc-tag__wrapper .mc-icon_left{margin-right:var(--mc-tags-size-icon-padding, 4px)}.mc-tag__wrapper>.mc-icon:first-child{margin-left:calc(var(--mc-tags-size-icon-padding, 4px) - var(--mc-tags-size-border-width, 1px))}.mc-tag__wrapper>.mc-tag__text:last-child{margin-right:calc(var(--mc-tags-size-text-margin, 8px) - var(--mc-tags-size-border-width, 1px))}.mc-tag__wrapper>.mc-tag__text:first-child{margin-left:calc(var(--mc-tags-size-text-margin, 8px) - var(--mc-tags-size-border-width, 1px))}.mc-tag-overlay{position:absolute;inset:-1px;pointer-events:none;border-radius:inherit}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
535
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McTag, decorators: [{
533
+ /** @nocollapse */ McTag.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTag, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
534
+ /** @nocollapse */ McTag.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: McTag, selector: "mc-tag, [mc-tag], mc-basic-tag, [mc-basic-tag]", inputs: { color: "color", selected: "selected", value: "value", selectable: "selectable", removable: "removable", tabindex: "tabindex", disabled: "disabled" }, outputs: { selectionChange: "selectionChange", destroyed: "destroyed", removed: "removed" }, host: { listeners: { "click": "handleClick($event)", "keydown": "handleKeydown($event)", "focus": "focus()", "blur": "blur()" }, properties: { "attr.tabindex": "tabindex", "attr.disabled": "disabled || null", "class.mc-selected": "selected", "class.mc-focused": "hasFocus", "class.mc-tag-with-avatar": "avatar", "class.mc-tag-with-icon": "contentChildren", "class.mc-tag-with-trailing-icon": "trailingIcon || removeIcon", "class.mc-disabled": "disabled" }, classAttribute: "mc-tag" }, providers: [{ provide: MC_TITLE_TEXT_REF, useExisting: McTag }], queries: [{ propertyName: "avatar", first: true, predicate: McTagAvatar, descendants: true }, { propertyName: "trailingIcon", first: true, predicate: McTagTrailingIcon, descendants: true }, { propertyName: "removeIcon", first: true, predicate: i0.forwardRef(function () { return McTagRemove; }), descendants: true }, { propertyName: "contentChildren", predicate: McIcon }], viewQueries: [{ propertyName: "textElement", first: true, predicate: ["mcTitleText"], descendants: true }], exportAs: ["mcTag"], usesInheritance: true, ngImport: i0, template: "<div class=\"mc-tag__wrapper\">\n <ng-content select=\"[mc-icon]:not([mcTagRemove])\"></ng-content>\n <span class=\"mc-tag__text\" #mcTitleText><ng-content></ng-content></span>\n <ng-content select=\"[mcTagRemove]\"></ng-content>\n</div>\n", styles: [".mc-tag{position:relative;display:inline-block;max-width:100%;padding:var(--mc-tag-size-padding-vertical, 4px) var(--mc-tag-size-padding-horizontal, 4px);border-radius:4px;cursor:default;outline:none;box-sizing:border-box}.mc-tag .mc-icon.mc-tag-remove{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:var(--mc-tag-size-close-button-margin-right, 2px)}.mc-tag .mc-icon.mc-tag-remove:hover{cursor:pointer}.mc-tag.mc-disabled .mc-icon.mc-tag-remove:hover{cursor:default}.mc-tag .mc-tag__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:0 var(--mc-tag-size-content-gap-horizontal, 2px)}.mc-tag .mc-icon_left{margin-left:var(--mc-tag-size-icon-margin-left, 2px)}.mc-tag__wrapper{display:flex;align-items:center;height:100%;flex:1 1 100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
535
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTag, decorators: [{
536
536
  type: Component,
537
537
  args: [{ selector: 'mc-tag, [mc-tag], mc-basic-tag, [mc-basic-tag]', exportAs: 'mcTag', inputs: ['color'], host: {
538
538
  class: 'mc-tag',
@@ -548,7 +548,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
548
548
  '(keydown)': 'handleKeydown($event)',
549
549
  '(focus)': 'focus()',
550
550
  '(blur)': 'blur()'
551
- }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: MC_TITLE_TEXT_REF, useExisting: McTag }], template: "<div class=\"mc-tag__wrapper\">\n <ng-content select=\"[mc-icon]:not([mcTagRemove])\"></ng-content>\n <span class=\"mc-tag__text\" #mcTitleText><ng-content></ng-content></span>\n <ng-content select=\"[mcTagRemove]\"></ng-content>\n</div>\n<div class=\"mc-tag-overlay\"></div>\n", styles: [".mc-tag{position:relative;display:inline-block;max-width:100%;margin:var(--mc-tags-size-margin, 2px);height:var(--mc-tags-size-height, 24px);border-width:var(--mc-tags-size-border-width, 1px);border-style:solid;border-radius:var(--mc-tags-size-border-radius, 4px);cursor:default;outline:none;box-sizing:border-box}.mc-tag .mc-icon.mc-tag-remove:hover{cursor:pointer}.mc-tag.mc-disabled .mc-icon.mc-tag-remove:hover{cursor:default}.mc-tag .mc-tag__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mc-tag:not(.mc-tag-with-icon) .mc-tag__text{margin-right:calc(var(--mc-tags-size-text-margin, 8px) - var(--mc-tags-size-border-width, 1px))}.mc-tag__wrapper{display:flex;align-items:center;height:100%;flex:1 1 100%}.mc-tag__wrapper .mc-icon.mc-tag-remove{display:flex;align-items:center;justify-content:center;flex-shrink:0;height:var(--mc-tags-size-height, 24px);padding-left:var(--mc-tags-size-icon-padding, 4px);padding-right:var(--mc-tags-size-icon-padding, 4px)}.mc-tag__wrapper .mc-icon_left{margin-right:var(--mc-tags-size-icon-padding, 4px)}.mc-tag__wrapper>.mc-icon:first-child{margin-left:calc(var(--mc-tags-size-icon-padding, 4px) - var(--mc-tags-size-border-width, 1px))}.mc-tag__wrapper>.mc-tag__text:last-child{margin-right:calc(var(--mc-tags-size-text-margin, 8px) - var(--mc-tags-size-border-width, 1px))}.mc-tag__wrapper>.mc-tag__text:first-child{margin-left:calc(var(--mc-tags-size-text-margin, 8px) - var(--mc-tags-size-border-width, 1px))}.mc-tag-overlay{position:absolute;inset:-1px;pointer-events:none;border-radius:inherit}\n"] }]
551
+ }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: MC_TITLE_TEXT_REF, useExisting: McTag }], template: "<div class=\"mc-tag__wrapper\">\n <ng-content select=\"[mc-icon]:not([mcTagRemove])\"></ng-content>\n <span class=\"mc-tag__text\" #mcTitleText><ng-content></ng-content></span>\n <ng-content select=\"[mcTagRemove]\"></ng-content>\n</div>\n", styles: [".mc-tag{position:relative;display:inline-block;max-width:100%;padding:var(--mc-tag-size-padding-vertical, 4px) var(--mc-tag-size-padding-horizontal, 4px);border-radius:4px;cursor:default;outline:none;box-sizing:border-box}.mc-tag .mc-icon.mc-tag-remove{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:var(--mc-tag-size-close-button-margin-right, 2px)}.mc-tag .mc-icon.mc-tag-remove:hover{cursor:pointer}.mc-tag.mc-disabled .mc-icon.mc-tag-remove:hover{cursor:default}.mc-tag .mc-tag__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin:0 var(--mc-tag-size-content-gap-horizontal, 2px)}.mc-tag .mc-icon_left{margin-left:var(--mc-tag-size-icon-margin-left, 2px)}.mc-tag__wrapper{display:flex;align-items:center;height:100%;flex:1 1 100%}\n"] }]
552
552
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }]; }, propDecorators: { textElement: [{
553
553
  type: ViewChild,
554
554
  args: ['mcTitleText']
@@ -615,9 +615,9 @@ class McTagRemove {
615
615
  event.stopPropagation();
616
616
  }
617
617
  }
618
- /** @nocollapse */ McTagRemove.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McTagRemove, deps: [{ token: forwardRef(() => McTag) }], target: i0.ɵɵFactoryTarget.Directive });
619
- /** @nocollapse */ McTagRemove.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: McTagRemove, selector: "[mcTagRemove]", host: { listeners: { "click": "handleClick($event)", "focus": "focus($event)" }, properties: { "attr.tabindex": "-1" }, classAttribute: "mc-tag-remove mc-tag-trailing-icon" }, ngImport: i0 });
620
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McTagRemove, decorators: [{
618
+ /** @nocollapse */ McTagRemove.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTagRemove, deps: [{ token: forwardRef(() => McTag) }], target: i0.ɵɵFactoryTarget.Directive });
619
+ /** @nocollapse */ McTagRemove.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: McTagRemove, selector: "[mcTagRemove]", host: { listeners: { "click": "handleClick($event)", "focus": "focus($event)" }, properties: { "attr.tabindex": "-1" }, classAttribute: "mc-tag-remove mc-tag-trailing-icon" }, ngImport: i0 });
620
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTagRemove, decorators: [{
621
621
  type: Directive,
622
622
  args: [{
623
623
  selector: '[mcTagRemove]',
@@ -1273,9 +1273,9 @@ class McTagList extends McTagListMixinBase {
1273
1273
  }
1274
1274
  }
1275
1275
  }
1276
- /** @nocollapse */ McTagList.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McTagList, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1$1.ErrorStateMatcher }, { token: i2.Directionality, optional: true }, { token: i3.NgForm, optional: true }, { token: i3.FormGroupDirective, optional: true }, { token: i3.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
1277
- /** @nocollapse */ McTagList.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: McTagList, selector: "mc-tag-list", inputs: { multiple: "multiple", compareWith: "compareWith", value: "value", required: "required", placeholder: "placeholder", disabled: "disabled", selectable: "selectable", tabIndex: "tabIndex", errorStateMatcher: "errorStateMatcher", orientation: "orientation" }, outputs: { valueChange: "valueChange", change: "change" }, host: { listeners: { "focus": "focus()", "blur": "blur()", "keydown": "keydown($event)" }, properties: { "class.mc-disabled": "disabled", "class.mc-invalid": "errorState", "attr.tabindex": "disabled ? null : tabIndex", "id": "uid" }, classAttribute: "mc-tag-list" }, providers: [{ provide: McFormFieldControl, useExisting: McTagList }], queries: [{ propertyName: "cleaner", first: true, predicate: ["mcTagListCleaner"], descendants: true, static: true }, { propertyName: "tags", predicate: McTag, descendants: true }], exportAs: ["mcTagList"], usesInheritance: true, ngImport: i0, template: "<div class=\"mc-tags-list__list-container\">\n <ng-content></ng-content>\n</div>\n\n<div class=\"mc-tags-list__cleaner\"\n *ngIf=\"canShowCleaner\">\n <ng-content select=\"mc-cleaner\"></ng-content>\n</div>\n", styles: [".mc-tag-list{display:flex;flex-direction:row;box-sizing:border-box}.mc-tag-input{border:none;outline:none;background:transparent}.mc-tags-list__list-container{display:flex;flex-wrap:wrap;flex:1 1 100%;box-sizing:border-box;min-width:0;min-height:calc(var(--mc-form-field-size-height, 32px) - var(--mc-form-field-size-border-width, 1px) * 2);padding:var(--mc-tag-list-size-padding, 1px 12px)}.mc-tags-list__list-container .mc-tag-input{max-width:100%;flex:1 1 auto;height:var(--mc-tag-input-size-height, 22px);margin:var(--mc-tag-input-size-margin, 2px 4px)}.mc-tags-list__cleaner .mc-cleaner{height:30px}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1278
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McTagList, decorators: [{
1276
+ /** @nocollapse */ McTagList.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTagList, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1$1.ErrorStateMatcher }, { token: i2.Directionality, optional: true }, { token: i3.NgForm, optional: true }, { token: i3.FormGroupDirective, optional: true }, { token: i3.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
1277
+ /** @nocollapse */ McTagList.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: McTagList, selector: "mc-tag-list", inputs: { multiple: "multiple", compareWith: "compareWith", value: "value", required: "required", placeholder: "placeholder", disabled: "disabled", selectable: "selectable", tabIndex: "tabIndex", errorStateMatcher: "errorStateMatcher", orientation: "orientation" }, outputs: { valueChange: "valueChange", change: "change" }, host: { listeners: { "focus": "focus()", "blur": "blur()", "keydown": "keydown($event)" }, properties: { "class.mc-disabled": "disabled", "class.mc-invalid": "errorState", "attr.tabindex": "disabled ? null : tabIndex", "id": "uid" }, classAttribute: "mc-tag-list" }, providers: [{ provide: McFormFieldControl, useExisting: McTagList }], queries: [{ propertyName: "cleaner", first: true, predicate: ["mcTagListCleaner"], descendants: true, static: true }, { propertyName: "tags", predicate: McTag, descendants: true }], exportAs: ["mcTagList"], usesInheritance: true, ngImport: i0, template: "<div class=\"mc-tags-list__list-container\">\n <ng-content></ng-content>\n</div>\n\n<div class=\"mc-tags-list__cleaner\"\n *ngIf=\"canShowCleaner\">\n <ng-content select=\"mc-cleaner\"></ng-content>\n</div>\n", styles: [".mc-tag-list{display:flex;flex-direction:row;box-sizing:border-box}.mc-tag-input{border:none;outline:none;background:transparent;min-height:22px}.mc-tags-list__list-container{display:flex;flex-wrap:wrap;flex:1 1 100%;box-sizing:border-box;min-width:0;gap:var(--mc-tag-list-size-content-gap, 4px)}.mc-tags-list__list-container .mc-tag-input{max-width:100%;flex:1 1 auto;height:var(--mc-tag-input-size-height, );margin-left:var(--mc-tag-input-size-content-gap, 4px)}.mc-tags-list__cleaner .mc-cleaner{height:30px}.mc-form-field-type-tag-list .mc-tags-list__list-container{padding-top:calc(var(--mc-tag-input-size-vertical-padding, 4px) - var(--mc-size-border-width, 1px));padding-bottom:calc(var(--mc-tag-input-size-vertical-padding, 4px) - var(--mc-size-border-width, 1px));padding-left:var(--mc-tag-input-size-horizontal-padding-left, 4px);padding-right:var(--mc-tag-input-size-horizontal-padding-right, 12px)}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
1278
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTagList, decorators: [{
1279
1279
  type: Component,
1280
1280
  args: [{ selector: 'mc-tag-list', exportAs: 'mcTagList', host: {
1281
1281
  class: 'mc-tag-list',
@@ -1286,7 +1286,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
1286
1286
  '(focus)': 'focus()',
1287
1287
  '(blur)': 'blur()',
1288
1288
  '(keydown)': 'keydown($event)'
1289
- }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: McFormFieldControl, useExisting: McTagList }], template: "<div class=\"mc-tags-list__list-container\">\n <ng-content></ng-content>\n</div>\n\n<div class=\"mc-tags-list__cleaner\"\n *ngIf=\"canShowCleaner\">\n <ng-content select=\"mc-cleaner\"></ng-content>\n</div>\n", styles: [".mc-tag-list{display:flex;flex-direction:row;box-sizing:border-box}.mc-tag-input{border:none;outline:none;background:transparent}.mc-tags-list__list-container{display:flex;flex-wrap:wrap;flex:1 1 100%;box-sizing:border-box;min-width:0;min-height:calc(var(--mc-form-field-size-height, 32px) - var(--mc-form-field-size-border-width, 1px) * 2);padding:var(--mc-tag-list-size-padding, 1px 12px)}.mc-tags-list__list-container .mc-tag-input{max-width:100%;flex:1 1 auto;height:var(--mc-tag-input-size-height, 22px);margin:var(--mc-tag-input-size-margin, 2px 4px)}.mc-tags-list__cleaner .mc-cleaner{height:30px}\n"] }]
1289
+ }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: McFormFieldControl, useExisting: McTagList }], template: "<div class=\"mc-tags-list__list-container\">\n <ng-content></ng-content>\n</div>\n\n<div class=\"mc-tags-list__cleaner\"\n *ngIf=\"canShowCleaner\">\n <ng-content select=\"mc-cleaner\"></ng-content>\n</div>\n", styles: [".mc-tag-list{display:flex;flex-direction:row;box-sizing:border-box}.mc-tag-input{border:none;outline:none;background:transparent;min-height:22px}.mc-tags-list__list-container{display:flex;flex-wrap:wrap;flex:1 1 100%;box-sizing:border-box;min-width:0;gap:var(--mc-tag-list-size-content-gap, 4px)}.mc-tags-list__list-container .mc-tag-input{max-width:100%;flex:1 1 auto;height:var(--mc-tag-input-size-height, );margin-left:var(--mc-tag-input-size-content-gap, 4px)}.mc-tags-list__cleaner .mc-cleaner{height:30px}.mc-form-field-type-tag-list .mc-tags-list__list-container{padding-top:calc(var(--mc-tag-input-size-vertical-padding, 4px) - var(--mc-size-border-width, 1px));padding-bottom:calc(var(--mc-tag-input-size-vertical-padding, 4px) - var(--mc-size-border-width, 1px));padding-left:var(--mc-tag-input-size-horizontal-padding-left, 4px);padding-right:var(--mc-tag-input-size-horizontal-padding-right, 12px)}\n"] }]
1290
1290
  }], ctorParameters: function () {
1291
1291
  return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1$1.ErrorStateMatcher }, { type: i2.Directionality, decorators: [{
1292
1292
  type: Optional
@@ -1338,8 +1338,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
1338
1338
 
1339
1339
  class McTagsModule {
1340
1340
  }
1341
- /** @nocollapse */ McTagsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McTagsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1342
- /** @nocollapse */ McTagsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.2", ngImport: i0, type: McTagsModule, declarations: [McTagList,
1341
+ /** @nocollapse */ McTagsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTagsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1342
+ /** @nocollapse */ McTagsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: McTagsModule, declarations: [McTagList,
1343
1343
  McTag,
1344
1344
  McTagInput,
1345
1345
  McTagTrailingIcon,
@@ -1350,12 +1350,12 @@ class McTagsModule {
1350
1350
  McTagTrailingIcon,
1351
1351
  McTagAvatar,
1352
1352
  McTagRemove] });
1353
- /** @nocollapse */ McTagsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McTagsModule, providers: [{
1353
+ /** @nocollapse */ McTagsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTagsModule, providers: [{
1354
1354
  provide: MC_TAGS_DEFAULT_OPTIONS,
1355
1355
  // tslint:disable-next-line: no-object-literal-type-assertion
1356
1356
  useValue: { separatorKeyCodes: [ENTER] }
1357
1357
  }], imports: [CommonModule, PlatformModule] });
1358
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: McTagsModule, decorators: [{
1358
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: McTagsModule, decorators: [{
1359
1359
  type: NgModule,
1360
1360
  args: [{
1361
1361
  imports: [CommonModule, PlatformModule],