@ptsecurity/mosaic 13.10.0 → 14.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 (531) hide show
  1. package/_theming.scss +90 -7388
  2. package/_visual.scss +6 -2778
  3. package/autocomplete/autocomplete-origin.directive.d.ts +1 -1
  4. package/autocomplete/autocomplete-trigger.directive.d.ts +1 -1
  5. package/autocomplete/autocomplete.component.d.ts +1 -1
  6. package/button/button.component.d.ts +4 -4
  7. package/button-toggle/button-toggle.component.d.ts +2 -2
  8. package/card/card.component.d.ts +3 -3
  9. package/checkbox/checkbox-required-validator.d.ts +1 -1
  10. package/checkbox/checkbox.d.ts +7 -16
  11. package/core/common-behaviors/color.d.ts +4 -1
  12. package/core/common-behaviors/error-state.d.ts +7 -4
  13. package/core/error/error-options.d.ts +3 -3
  14. package/core/formatters/date/formatter.pipe.d.ts +95 -0
  15. package/core/formatters/index.d.ts +3 -1
  16. package/core/formatters/number/formatter.d.ts +1 -1
  17. package/core/forms/forms.directive.d.ts +2 -2
  18. package/core/highlight/highlight.pipe.d.ts +1 -1
  19. package/core/line/line.d.ts +1 -1
  20. package/core/option/action.d.ts +2 -2
  21. package/core/option/optgroup.d.ts +2 -2
  22. package/core/option/option.d.ts +1 -1
  23. package/core/pop-up/pop-up-trigger.d.ts +5 -4
  24. package/core/pop-up/pop-up.d.ts +2 -2
  25. package/core/selection/pseudo-checkbox/pseudo-checkbox.d.ts +3 -3
  26. package/core/validation/validation.d.ts +1 -12
  27. package/datepicker/calendar-body.component.d.ts +1 -1
  28. package/datepicker/calendar.component.d.ts +30 -30
  29. package/datepicker/datepicker-input.directive.d.ts +6 -11
  30. package/datepicker/datepicker-toggle.component.d.ts +2 -2
  31. package/datepicker/datepicker.component.d.ts +2 -2
  32. package/datepicker/month-view.component.d.ts +1 -1
  33. package/datepicker/multi-year-view.component.d.ts +1 -1
  34. package/datepicker/year-view.component.d.ts +1 -1
  35. package/design-tokens/legacy-2017/tokens/components/badge.json5 +46 -46
  36. package/design-tokens/legacy-2017/tokens/components/button-toggle.json5 +2 -1
  37. package/design-tokens/legacy-2017/tokens/components/checkbox.json5 +20 -15
  38. package/design-tokens/legacy-2017/tokens/components/forms.json5 +0 -4
  39. package/design-tokens/legacy-2017/tokens/components/progress-spinner.json5 +10 -1
  40. package/design-tokens/legacy-2017/tokens/components/timezone.json5 +23 -0
  41. package/design-tokens/legacy-2017/tokens.d.ts +55 -35
  42. package/design-tokens/pt-2022/tokens/components/button-toggle.json5 +2 -1
  43. package/design-tokens/pt-2022/tokens/components/checkbox.json5 +21 -16
  44. package/design-tokens/pt-2022/tokens/components/forms.json5 +0 -4
  45. package/design-tokens/pt-2022/tokens/components/progress-spinner.json5 +10 -1
  46. package/design-tokens/pt-2022/tokens/components/timezone.json5 +23 -0
  47. package/design-tokens/pt-2022/tokens/properties/colors.json5 +2 -2
  48. package/design-tokens/pt-2022/tokens/properties/typography.json5 +17 -17
  49. package/design-tokens/pt-2022/tokens.d.ts +43 -23
  50. package/design-tokens/style-dictionary/formats/figma.js +2 -2
  51. package/design-tokens/style-dictionary/transforms/attribute/palette.js +1 -1
  52. package/design-tokens/style-dictionary/transforms/attribute/size.js +1 -1
  53. package/design-tokens/style-dictionary/transforms/attribute/typography.js +1 -1
  54. package/divider/divider.component.d.ts +1 -1
  55. package/dl/dl.component.d.ts +3 -3
  56. package/dropdown/dropdown-content.directive.d.ts +1 -1
  57. package/dropdown/dropdown-item.component.d.ts +1 -1
  58. package/dropdown/dropdown-trigger.directive.d.ts +1 -1
  59. package/dropdown/dropdown.component.d.ts +1 -1
  60. package/esm2020/autocomplete/autocomplete-origin.directive.mjs +4 -4
  61. package/esm2020/autocomplete/autocomplete-trigger.directive.mjs +7 -7
  62. package/esm2020/autocomplete/autocomplete.component.mjs +5 -6
  63. package/esm2020/autocomplete/autocomplete.module.mjs +5 -5
  64. package/esm2020/button/button.component.mjs +13 -13
  65. package/esm2020/button/button.module.mjs +7 -9
  66. package/esm2020/button-toggle/button-toggle.component.mjs +9 -9
  67. package/esm2020/button-toggle/button-toggle.module.mjs +5 -5
  68. package/esm2020/card/card.component.mjs +9 -9
  69. package/esm2020/card/card.module.mjs +7 -9
  70. package/esm2020/checkbox/checkbox-module.mjs +5 -5
  71. package/esm2020/checkbox/checkbox-required-validator.mjs +4 -4
  72. package/esm2020/checkbox/checkbox.mjs +22 -38
  73. package/esm2020/core/common-behaviors/color.mjs +6 -3
  74. package/esm2020/core/common-behaviors/common-module.mjs +5 -5
  75. package/esm2020/core/common-behaviors/disabled.mjs +1 -1
  76. package/esm2020/core/common-behaviors/error-state.mjs +1 -11
  77. package/esm2020/core/error/error-options.mjs +7 -7
  78. package/esm2020/core/formatters/date/formatter.mjs +4 -4
  79. package/esm2020/core/formatters/date/formatter.pipe.mjs +187 -0
  80. package/esm2020/core/formatters/index.mjs +65 -7
  81. package/esm2020/core/formatters/number/formatter.mjs +5 -5
  82. package/esm2020/core/forms/forms-module.mjs +5 -5
  83. package/esm2020/core/forms/forms.directive.mjs +7 -7
  84. package/esm2020/core/highlight/highlight.pipe.mjs +4 -4
  85. package/esm2020/core/highlight/index.mjs +5 -5
  86. package/esm2020/core/line/line.mjs +8 -8
  87. package/esm2020/core/option/action.mjs +6 -6
  88. package/esm2020/core/option/optgroup.mjs +6 -6
  89. package/esm2020/core/option/option-module.mjs +6 -6
  90. package/esm2020/core/option/option.mjs +6 -6
  91. package/esm2020/core/pop-up/pop-up-trigger.mjs +16 -14
  92. package/esm2020/core/pop-up/pop-up.mjs +4 -4
  93. package/esm2020/core/selection/pseudo-checkbox/pseudo-checkbox.mjs +6 -7
  94. package/esm2020/core/selection/pseudo-checkbox/pseudo-checkbox.module.mjs +5 -5
  95. package/esm2020/core/services/measure-scrollbar.service.mjs +4 -4
  96. package/esm2020/core/validation/validation.mjs +1 -114
  97. package/esm2020/datepicker/calendar-body.component.mjs +4 -4
  98. package/esm2020/datepicker/calendar.component.mjs +125 -128
  99. package/esm2020/datepicker/datepicker-input.directive.mjs +14 -32
  100. package/esm2020/datepicker/datepicker-intl.mjs +4 -4
  101. package/esm2020/datepicker/datepicker-module.mjs +11 -17
  102. package/esm2020/datepicker/datepicker-toggle.component.mjs +10 -10
  103. package/esm2020/datepicker/datepicker.component.mjs +10 -10
  104. package/esm2020/datepicker/month-view.component.mjs +6 -6
  105. package/esm2020/datepicker/multi-year-view.component.mjs +4 -4
  106. package/esm2020/datepicker/year-view.component.mjs +4 -4
  107. package/esm2020/design-tokens/legacy-2017/tokens.mjs +56 -36
  108. package/esm2020/design-tokens/pt-2022/tokens.mjs +44 -24
  109. package/esm2020/divider/divider.component.mjs +4 -4
  110. package/esm2020/divider/divider.module.mjs +5 -5
  111. package/esm2020/dl/dl.component.mjs +11 -11
  112. package/esm2020/dl/dl.module.mjs +7 -9
  113. package/esm2020/dropdown/dropdown-content.directive.mjs +4 -4
  114. package/esm2020/dropdown/dropdown-item.component.mjs +7 -7
  115. package/esm2020/dropdown/dropdown-trigger.directive.mjs +4 -4
  116. package/esm2020/dropdown/dropdown.component.mjs +5 -5
  117. package/esm2020/dropdown/dropdown.module.mjs +7 -9
  118. package/esm2020/form-field/cleaner.mjs +4 -4
  119. package/esm2020/form-field/form-field.mjs +24 -21
  120. package/esm2020/form-field/form-field.module.mjs +14 -9
  121. package/esm2020/form-field/hint.mjs +6 -7
  122. package/esm2020/form-field/password-hint.mjs +11 -12
  123. package/esm2020/form-field/prefix.mjs +4 -4
  124. package/esm2020/form-field/public-api.mjs +2 -1
  125. package/esm2020/form-field/stepper.mjs +4 -4
  126. package/esm2020/form-field/suffix.mjs +4 -4
  127. package/esm2020/form-field/validate.directive.mjs +156 -0
  128. package/esm2020/icon/icon.component.mjs +10 -11
  129. package/esm2020/icon/icon.module.mjs +7 -9
  130. package/esm2020/input/input-number-validators.mjs +7 -7
  131. package/esm2020/input/input-number.mjs +4 -4
  132. package/esm2020/input/input-password.mjs +17 -50
  133. package/esm2020/input/input.mjs +19 -46
  134. package/esm2020/input/input.module.mjs +8 -10
  135. package/esm2020/link/link.component.mjs +4 -4
  136. package/esm2020/link/link.module.mjs +6 -8
  137. package/esm2020/list/list-selection.component.mjs +10 -10
  138. package/esm2020/list/list.component.mjs +8 -8
  139. package/esm2020/list/list.module.mjs +9 -11
  140. package/esm2020/loader-overlay/loader-overlay.component.mjs +15 -15
  141. package/esm2020/loader-overlay/loader-overlay.module.mjs +8 -10
  142. package/esm2020/modal/css-unit.pipe.mjs +4 -4
  143. package/esm2020/modal/modal-control.service.mjs +4 -4
  144. package/esm2020/modal/modal.component.mjs +8 -8
  145. package/esm2020/modal/modal.directive.mjs +13 -13
  146. package/esm2020/modal/modal.module.mjs +11 -14
  147. package/esm2020/modal/modal.service.mjs +6 -6
  148. package/esm2020/navbar/navbar-item.component.mjs +36 -36
  149. package/esm2020/navbar/navbar.component.mjs +11 -11
  150. package/esm2020/navbar/navbar.module.mjs +9 -11
  151. package/esm2020/navbar/vertical-navbar.component.mjs +6 -6
  152. package/esm2020/popover/popover-confirm.component.mjs +11 -11
  153. package/esm2020/popover/popover.component.mjs +20 -11
  154. package/esm2020/popover/popover.module.mjs +6 -7
  155. package/esm2020/progress-bar/progress-bar.component.mjs +7 -8
  156. package/esm2020/progress-bar/progress-bar.module.mjs +6 -8
  157. package/esm2020/progress-spinner/progress-spinner.component.mjs +25 -11
  158. package/esm2020/progress-spinner/progress-spinner.module.mjs +6 -8
  159. package/esm2020/radio/radio.component.mjs +53 -54
  160. package/esm2020/radio/radio.module.mjs +5 -5
  161. package/esm2020/select/select-option.directive.mjs +4 -4
  162. package/esm2020/select/select.component.mjs +41 -55
  163. package/esm2020/select/select.module.mjs +10 -12
  164. package/esm2020/sidebar/sidebar.component.mjs +10 -10
  165. package/esm2020/sidebar/sidebar.module.mjs +5 -5
  166. package/esm2020/sidepanel/sidepanel-container.component.mjs +7 -7
  167. package/esm2020/sidepanel/sidepanel-directives.mjs +22 -20
  168. package/esm2020/sidepanel/sidepanel.module.mjs +11 -14
  169. package/esm2020/sidepanel/sidepanel.service.mjs +33 -29
  170. package/esm2020/splitter/splitter.component.mjs +37 -37
  171. package/esm2020/splitter/splitter.module.mjs +6 -8
  172. package/esm2020/table/table.component.mjs +4 -4
  173. package/esm2020/table/table.module.mjs +7 -9
  174. package/esm2020/tabs/paginated-tab-header.mjs +4 -4
  175. package/esm2020/tabs/tab-body.component.mjs +7 -7
  176. package/esm2020/tabs/tab-content.directive.mjs +4 -4
  177. package/esm2020/tabs/tab-group.component.mjs +29 -30
  178. package/esm2020/tabs/tab-header.component.mjs +5 -5
  179. package/esm2020/tabs/tab-label-wrapper.directive.mjs +4 -4
  180. package/esm2020/tabs/tab-label.directive.mjs +4 -4
  181. package/esm2020/tabs/tab-nav-bar/tab-nav-bar.mjs +7 -7
  182. package/esm2020/tabs/tab.component.mjs +4 -4
  183. package/esm2020/tabs/tabs.module.mjs +11 -13
  184. package/esm2020/tags/tag-input.mjs +4 -4
  185. package/esm2020/tags/tag-list.component.mjs +26 -35
  186. package/esm2020/tags/tag.component.mjs +23 -21
  187. package/esm2020/tags/tag.module.mjs +6 -6
  188. package/esm2020/textarea/textarea.component.mjs +24 -39
  189. package/esm2020/textarea/textarea.module.mjs +5 -5
  190. package/esm2020/timepicker/timepicker.directive.mjs +10 -27
  191. package/esm2020/timepicker/timepicker.module.mjs +8 -10
  192. package/esm2020/timezone/cities-by-filter.pipe.mjs +17 -0
  193. package/esm2020/timezone/index.mjs +2 -0
  194. package/esm2020/timezone/ptsecurity-mosaic-timezone.mjs +5 -0
  195. package/esm2020/timezone/public-api.mjs +7 -0
  196. package/esm2020/timezone/timezone-option.component.mjs +48 -0
  197. package/esm2020/timezone/timezone-option.directive.mjs +58 -0
  198. package/esm2020/timezone/timezone-select.component.mjs +40 -0
  199. package/esm2020/timezone/timezone.models.mjs +3 -0
  200. package/esm2020/timezone/timezone.module.mjs +75 -0
  201. package/esm2020/timezone/timezone.utils.mjs +72 -0
  202. package/esm2020/timezone/utc-offset.pipe.mjs +17 -0
  203. package/esm2020/toast/toast-container.component.mjs +5 -5
  204. package/esm2020/toast/toast.component.mjs +9 -9
  205. package/esm2020/toast/toast.module.mjs +12 -12
  206. package/esm2020/toast/toast.service.mjs +23 -14
  207. package/esm2020/toggle/toggle.component.mjs +13 -16
  208. package/esm2020/toggle/toggle.module.mjs +5 -5
  209. package/esm2020/tooltip/tooltip.component.mjs +14 -14
  210. package/esm2020/tooltip/tooltip.module.mjs +7 -8
  211. package/esm2020/tree/control/flat-tree-control.mjs +1 -1
  212. package/esm2020/tree/data-source/nested-data-source.mjs +1 -1
  213. package/esm2020/tree/node.mjs +4 -4
  214. package/esm2020/tree/outlet.mjs +4 -4
  215. package/esm2020/tree/padding.directive.mjs +4 -4
  216. package/esm2020/tree/toggle.mjs +10 -10
  217. package/esm2020/tree/tree-base.mjs +7 -7
  218. package/esm2020/tree/tree-option.component.mjs +8 -8
  219. package/esm2020/tree/tree-selection.component.mjs +5 -5
  220. package/esm2020/tree/tree.mjs +4 -4
  221. package/esm2020/tree/tree.module.mjs +5 -5
  222. package/esm2020/tree-select/tree-select.component.mjs +39 -53
  223. package/esm2020/tree-select/tree-select.module.mjs +11 -13
  224. package/fesm2015/ptsecurity-mosaic-autocomplete.mjs +17 -18
  225. package/fesm2015/ptsecurity-mosaic-autocomplete.mjs.map +1 -1
  226. package/fesm2015/ptsecurity-mosaic-button-toggle.mjs +12 -12
  227. package/fesm2015/ptsecurity-mosaic-button-toggle.mjs.map +1 -1
  228. package/fesm2015/ptsecurity-mosaic-button.mjs +18 -20
  229. package/fesm2015/ptsecurity-mosaic-button.mjs.map +1 -1
  230. package/fesm2015/ptsecurity-mosaic-card.mjs +14 -16
  231. package/fesm2015/ptsecurity-mosaic-card.mjs.map +1 -1
  232. package/fesm2015/ptsecurity-mosaic-checkbox.mjs +28 -44
  233. package/fesm2015/ptsecurity-mosaic-checkbox.mjs.map +1 -1
  234. package/fesm2015/ptsecurity-mosaic-core.mjs +341 -217
  235. package/fesm2015/ptsecurity-mosaic-core.mjs.map +1 -1
  236. package/fesm2015/ptsecurity-mosaic-datepicker.mjs +174 -201
  237. package/fesm2015/ptsecurity-mosaic-datepicker.mjs.map +1 -1
  238. package/fesm2015/ptsecurity-mosaic-design-tokens.mjs +153 -93
  239. package/fesm2015/ptsecurity-mosaic-design-tokens.mjs.map +1 -1
  240. package/fesm2015/ptsecurity-mosaic-divider.mjs +7 -7
  241. package/fesm2015/ptsecurity-mosaic-divider.mjs.map +1 -1
  242. package/fesm2015/ptsecurity-mosaic-dl.mjs +16 -18
  243. package/fesm2015/ptsecurity-mosaic-dl.mjs.map +1 -1
  244. package/fesm2015/ptsecurity-mosaic-dropdown.mjs +22 -24
  245. package/fesm2015/ptsecurity-mosaic-dropdown.mjs.map +1 -1
  246. package/fesm2015/ptsecurity-mosaic-form-field.mjs +216 -57
  247. package/fesm2015/ptsecurity-mosaic-form-field.mjs.map +1 -1
  248. package/fesm2015/ptsecurity-mosaic-icon.mjs +15 -18
  249. package/fesm2015/ptsecurity-mosaic-icon.mjs.map +1 -1
  250. package/fesm2015/ptsecurity-mosaic-input.mjs +45 -107
  251. package/fesm2015/ptsecurity-mosaic-input.mjs.map +1 -1
  252. package/fesm2015/ptsecurity-mosaic-link.mjs +8 -10
  253. package/fesm2015/ptsecurity-mosaic-link.mjs.map +1 -1
  254. package/fesm2015/ptsecurity-mosaic-list.mjs +24 -26
  255. package/fesm2015/ptsecurity-mosaic-list.mjs.map +1 -1
  256. package/fesm2015/ptsecurity-mosaic-loader-overlay.mjs +21 -23
  257. package/fesm2015/ptsecurity-mosaic-loader-overlay.mjs.map +1 -1
  258. package/fesm2015/ptsecurity-mosaic-modal.mjs +41 -44
  259. package/fesm2015/ptsecurity-mosaic-modal.mjs.map +1 -1
  260. package/fesm2015/ptsecurity-mosaic-navbar.mjs +58 -60
  261. package/fesm2015/ptsecurity-mosaic-navbar.mjs.map +1 -1
  262. package/fesm2015/ptsecurity-mosaic-popover.mjs +33 -25
  263. package/fesm2015/ptsecurity-mosaic-popover.mjs.map +1 -1
  264. package/fesm2015/ptsecurity-mosaic-progress-bar.mjs +11 -14
  265. package/fesm2015/ptsecurity-mosaic-progress-bar.mjs.map +1 -1
  266. package/fesm2015/ptsecurity-mosaic-progress-spinner.mjs +29 -17
  267. package/fesm2015/ptsecurity-mosaic-progress-spinner.mjs.map +1 -1
  268. package/fesm2015/ptsecurity-mosaic-radio.mjs +57 -57
  269. package/fesm2015/ptsecurity-mosaic-radio.mjs.map +1 -1
  270. package/fesm2015/ptsecurity-mosaic-select.mjs +52 -68
  271. package/fesm2015/ptsecurity-mosaic-select.mjs.map +1 -1
  272. package/fesm2015/ptsecurity-mosaic-sidebar.mjs +13 -13
  273. package/fesm2015/ptsecurity-mosaic-sidebar.mjs.map +1 -1
  274. package/fesm2015/ptsecurity-mosaic-sidepanel.mjs +69 -66
  275. package/fesm2015/ptsecurity-mosaic-sidepanel.mjs.map +1 -1
  276. package/fesm2015/ptsecurity-mosaic-splitter.mjs +41 -43
  277. package/fesm2015/ptsecurity-mosaic-splitter.mjs.map +1 -1
  278. package/fesm2015/ptsecurity-mosaic-table.mjs +9 -11
  279. package/fesm2015/ptsecurity-mosaic-table.mjs.map +1 -1
  280. package/fesm2015/ptsecurity-mosaic-tabs.mjs +137 -140
  281. package/fesm2015/ptsecurity-mosaic-tabs.mjs.map +1 -1
  282. package/fesm2015/ptsecurity-mosaic-tags.mjs +54 -61
  283. package/fesm2015/ptsecurity-mosaic-tags.mjs.map +1 -1
  284. package/fesm2015/ptsecurity-mosaic-textarea.mjs +28 -42
  285. package/fesm2015/ptsecurity-mosaic-textarea.mjs.map +1 -1
  286. package/fesm2015/ptsecurity-mosaic-timepicker.mjs +15 -34
  287. package/fesm2015/ptsecurity-mosaic-timepicker.mjs.map +1 -1
  288. package/fesm2015/ptsecurity-mosaic-timezone.mjs +308 -0
  289. package/fesm2015/ptsecurity-mosaic-timezone.mjs.map +1 -0
  290. package/fesm2015/ptsecurity-mosaic-toast.mjs +135 -125
  291. package/fesm2015/ptsecurity-mosaic-toast.mjs.map +1 -1
  292. package/fesm2015/ptsecurity-mosaic-toggle.mjs +16 -19
  293. package/fesm2015/ptsecurity-mosaic-toggle.mjs.map +1 -1
  294. package/fesm2015/ptsecurity-mosaic-tooltip.mjs +19 -20
  295. package/fesm2015/ptsecurity-mosaic-tooltip.mjs.map +1 -1
  296. package/fesm2015/ptsecurity-mosaic-tree-select.mjs +50 -66
  297. package/fesm2015/ptsecurity-mosaic-tree-select.mjs.map +1 -1
  298. package/fesm2015/ptsecurity-mosaic-tree.mjs +43 -43
  299. package/fesm2015/ptsecurity-mosaic-tree.mjs.map +1 -1
  300. package/fesm2020/ptsecurity-mosaic-autocomplete.mjs +17 -18
  301. package/fesm2020/ptsecurity-mosaic-autocomplete.mjs.map +1 -1
  302. package/fesm2020/ptsecurity-mosaic-button-toggle.mjs +12 -12
  303. package/fesm2020/ptsecurity-mosaic-button-toggle.mjs.map +1 -1
  304. package/fesm2020/ptsecurity-mosaic-button.mjs +18 -20
  305. package/fesm2020/ptsecurity-mosaic-button.mjs.map +1 -1
  306. package/fesm2020/ptsecurity-mosaic-card.mjs +14 -16
  307. package/fesm2020/ptsecurity-mosaic-card.mjs.map +1 -1
  308. package/fesm2020/ptsecurity-mosaic-checkbox.mjs +28 -44
  309. package/fesm2020/ptsecurity-mosaic-checkbox.mjs.map +1 -1
  310. package/fesm2020/ptsecurity-mosaic-core.mjs +338 -217
  311. package/fesm2020/ptsecurity-mosaic-core.mjs.map +1 -1
  312. package/fesm2020/ptsecurity-mosaic-datepicker.mjs +173 -200
  313. package/fesm2020/ptsecurity-mosaic-datepicker.mjs.map +1 -1
  314. package/fesm2020/ptsecurity-mosaic-design-tokens.mjs +153 -93
  315. package/fesm2020/ptsecurity-mosaic-design-tokens.mjs.map +1 -1
  316. package/fesm2020/ptsecurity-mosaic-divider.mjs +7 -7
  317. package/fesm2020/ptsecurity-mosaic-divider.mjs.map +1 -1
  318. package/fesm2020/ptsecurity-mosaic-dl.mjs +16 -18
  319. package/fesm2020/ptsecurity-mosaic-dl.mjs.map +1 -1
  320. package/fesm2020/ptsecurity-mosaic-dropdown.mjs +22 -24
  321. package/fesm2020/ptsecurity-mosaic-dropdown.mjs.map +1 -1
  322. package/fesm2020/ptsecurity-mosaic-form-field.mjs +214 -57
  323. package/fesm2020/ptsecurity-mosaic-form-field.mjs.map +1 -1
  324. package/fesm2020/ptsecurity-mosaic-icon.mjs +15 -18
  325. package/fesm2020/ptsecurity-mosaic-icon.mjs.map +1 -1
  326. package/fesm2020/ptsecurity-mosaic-input.mjs +45 -107
  327. package/fesm2020/ptsecurity-mosaic-input.mjs.map +1 -1
  328. package/fesm2020/ptsecurity-mosaic-link.mjs +8 -10
  329. package/fesm2020/ptsecurity-mosaic-link.mjs.map +1 -1
  330. package/fesm2020/ptsecurity-mosaic-list.mjs +24 -26
  331. package/fesm2020/ptsecurity-mosaic-list.mjs.map +1 -1
  332. package/fesm2020/ptsecurity-mosaic-loader-overlay.mjs +21 -23
  333. package/fesm2020/ptsecurity-mosaic-loader-overlay.mjs.map +1 -1
  334. package/fesm2020/ptsecurity-mosaic-modal.mjs +41 -44
  335. package/fesm2020/ptsecurity-mosaic-modal.mjs.map +1 -1
  336. package/fesm2020/ptsecurity-mosaic-navbar.mjs +58 -60
  337. package/fesm2020/ptsecurity-mosaic-navbar.mjs.map +1 -1
  338. package/fesm2020/ptsecurity-mosaic-popover.mjs +33 -25
  339. package/fesm2020/ptsecurity-mosaic-popover.mjs.map +1 -1
  340. package/fesm2020/ptsecurity-mosaic-progress-bar.mjs +11 -14
  341. package/fesm2020/ptsecurity-mosaic-progress-bar.mjs.map +1 -1
  342. package/fesm2020/ptsecurity-mosaic-progress-spinner.mjs +29 -17
  343. package/fesm2020/ptsecurity-mosaic-progress-spinner.mjs.map +1 -1
  344. package/fesm2020/ptsecurity-mosaic-radio.mjs +56 -57
  345. package/fesm2020/ptsecurity-mosaic-radio.mjs.map +1 -1
  346. package/fesm2020/ptsecurity-mosaic-select.mjs +50 -67
  347. package/fesm2020/ptsecurity-mosaic-select.mjs.map +1 -1
  348. package/fesm2020/ptsecurity-mosaic-sidebar.mjs +13 -13
  349. package/fesm2020/ptsecurity-mosaic-sidebar.mjs.map +1 -1
  350. package/fesm2020/ptsecurity-mosaic-sidepanel.mjs +69 -66
  351. package/fesm2020/ptsecurity-mosaic-sidepanel.mjs.map +1 -1
  352. package/fesm2020/ptsecurity-mosaic-splitter.mjs +41 -43
  353. package/fesm2020/ptsecurity-mosaic-splitter.mjs.map +1 -1
  354. package/fesm2020/ptsecurity-mosaic-table.mjs +9 -11
  355. package/fesm2020/ptsecurity-mosaic-table.mjs.map +1 -1
  356. package/fesm2020/ptsecurity-mosaic-tabs.mjs +66 -69
  357. package/fesm2020/ptsecurity-mosaic-tabs.mjs.map +1 -1
  358. package/fesm2020/ptsecurity-mosaic-tags.mjs +53 -61
  359. package/fesm2020/ptsecurity-mosaic-tags.mjs.map +1 -1
  360. package/fesm2020/ptsecurity-mosaic-textarea.mjs +26 -41
  361. package/fesm2020/ptsecurity-mosaic-textarea.mjs.map +1 -1
  362. package/fesm2020/ptsecurity-mosaic-timepicker.mjs +15 -34
  363. package/fesm2020/ptsecurity-mosaic-timepicker.mjs.map +1 -1
  364. package/fesm2020/ptsecurity-mosaic-timezone.mjs +306 -0
  365. package/fesm2020/ptsecurity-mosaic-timezone.mjs.map +1 -0
  366. package/fesm2020/ptsecurity-mosaic-toast.mjs +130 -120
  367. package/fesm2020/ptsecurity-mosaic-toast.mjs.map +1 -1
  368. package/fesm2020/ptsecurity-mosaic-toggle.mjs +16 -19
  369. package/fesm2020/ptsecurity-mosaic-toggle.mjs.map +1 -1
  370. package/fesm2020/ptsecurity-mosaic-tooltip.mjs +19 -20
  371. package/fesm2020/ptsecurity-mosaic-tooltip.mjs.map +1 -1
  372. package/fesm2020/ptsecurity-mosaic-tree-select.mjs +47 -64
  373. package/fesm2020/ptsecurity-mosaic-tree-select.mjs.map +1 -1
  374. package/fesm2020/ptsecurity-mosaic-tree.mjs +43 -43
  375. package/fesm2020/ptsecurity-mosaic-tree.mjs.map +1 -1
  376. package/form-field/cleaner.d.ts +1 -1
  377. package/form-field/form-field.d.ts +13 -7
  378. package/form-field/form-field.module.d.ts +4 -3
  379. package/form-field/hint.d.ts +3 -3
  380. package/form-field/password-hint.d.ts +2 -3
  381. package/form-field/prefix.d.ts +1 -1
  382. package/form-field/public-api.d.ts +1 -0
  383. package/form-field/stepper.d.ts +1 -1
  384. package/form-field/suffix.d.ts +1 -1
  385. package/form-field/validate.directive.d.ts +32 -0
  386. package/icon/icon.component.d.ts +4 -4
  387. package/input/input-number-validators.d.ts +2 -2
  388. package/input/input-number.d.ts +1 -1
  389. package/input/input-password.d.ts +9 -15
  390. package/input/input.d.ts +14 -14
  391. package/link/link.component.d.ts +1 -1
  392. package/list/list-selection.component.d.ts +2 -2
  393. package/list/list.component.d.ts +2 -2
  394. package/loader-overlay/loader-overlay.component.d.ts +4 -4
  395. package/modal/css-unit.pipe.d.ts +1 -1
  396. package/modal/modal.component.d.ts +1 -1
  397. package/modal/modal.directive.d.ts +4 -4
  398. package/navbar/navbar-item.component.d.ts +11 -11
  399. package/navbar/navbar.component.d.ts +3 -3
  400. package/navbar/vertical-navbar.component.d.ts +1 -1
  401. package/package.json +56 -48
  402. package/popover/popover-confirm.component.d.ts +2 -2
  403. package/popover/popover.component.d.ts +5 -5
  404. package/prebuilt-themes/dark-theme.css +1 -1
  405. package/prebuilt-themes/default-theme.css +1 -1
  406. package/prebuilt-visual/default-visual.css +1 -1
  407. package/progress-bar/progress-bar.component.d.ts +3 -3
  408. package/progress-spinner/progress-spinner.component.d.ts +8 -3
  409. package/radio/radio.component.d.ts +11 -17
  410. package/select/select-option.directive.d.ts +1 -1
  411. package/select/select.component.d.ts +16 -14
  412. package/sidebar/sidebar.component.d.ts +3 -3
  413. package/sidepanel/sidepanel-container.component.d.ts +1 -1
  414. package/sidepanel/sidepanel-directives.d.ts +5 -5
  415. package/splitter/splitter.component.d.ts +4 -4
  416. package/table/table.component.d.ts +1 -1
  417. package/tabs/paginated-tab-header.d.ts +1 -1
  418. package/tabs/tab-body.component.d.ts +2 -2
  419. package/tabs/tab-content.directive.d.ts +1 -1
  420. package/tabs/tab-group.component.d.ts +8 -8
  421. package/tabs/tab-header.component.d.ts +1 -1
  422. package/tabs/tab-label-wrapper.directive.d.ts +1 -1
  423. package/tabs/tab-label.directive.d.ts +1 -1
  424. package/tabs/tab-nav-bar/tab-nav-bar.d.ts +2 -2
  425. package/tabs/tab.component.d.ts +1 -1
  426. package/tags/tag-input.d.ts +1 -1
  427. package/tags/tag-list.component.d.ts +14 -10
  428. package/tags/tag.component.d.ts +8 -6
  429. package/textarea/textarea.component.d.ts +14 -13
  430. package/timepicker/timepicker.directive.d.ts +5 -10
  431. package/timezone/README.md +0 -0
  432. package/timezone/cities-by-filter.pipe.d.ts +7 -0
  433. package/timezone/index.d.ts +1 -0
  434. package/timezone/public-api.d.ts +6 -0
  435. package/timezone/timezone-option.component.d.ts +15 -0
  436. package/timezone/timezone-option.directive.d.ts +20 -0
  437. package/timezone/timezone-select.component.d.ts +14 -0
  438. package/timezone/timezone.models.d.ts +16 -0
  439. package/timezone/timezone.module.d.ts +19 -0
  440. package/timezone/timezone.utils.d.ts +18 -0
  441. package/timezone/utc-offset.pipe.d.ts +7 -0
  442. package/toast/toast-container.component.d.ts +1 -1
  443. package/toast/toast.component.d.ts +1 -1
  444. package/toast/toast.service.d.ts +6 -4
  445. package/toggle/toggle.component.d.ts +5 -5
  446. package/tooltip/tooltip.component.d.ts +5 -6
  447. package/tree/control/flat-tree-control.d.ts +8 -8
  448. package/tree/node.d.ts +1 -1
  449. package/tree/outlet.d.ts +1 -1
  450. package/tree/padding.directive.d.ts +1 -1
  451. package/tree/toggle.d.ts +3 -3
  452. package/tree/tree-base.d.ts +2 -2
  453. package/tree/tree-option.component.d.ts +1 -1
  454. package/tree/tree-selection.component.d.ts +1 -1
  455. package/tree/tree.d.ts +1 -1
  456. package/tree-select/tree-select.component.d.ts +14 -12
  457. package/autocomplete/package.json +0 -10
  458. package/autocomplete/ptsecurity-mosaic-autocomplete.d.ts +0 -5
  459. package/button/package.json +0 -10
  460. package/button/ptsecurity-mosaic-button.d.ts +0 -5
  461. package/button-toggle/package.json +0 -10
  462. package/button-toggle/ptsecurity-mosaic-button-toggle.d.ts +0 -5
  463. package/card/package.json +0 -10
  464. package/card/ptsecurity-mosaic-card.d.ts +0 -5
  465. package/checkbox/package.json +0 -10
  466. package/checkbox/ptsecurity-mosaic-checkbox.d.ts +0 -5
  467. package/core/package.json +0 -10
  468. package/core/ptsecurity-mosaic-core.d.ts +0 -5
  469. package/datepicker/package.json +0 -10
  470. package/datepicker/ptsecurity-mosaic-datepicker.d.ts +0 -5
  471. package/design-tokens/package.json +0 -10
  472. package/design-tokens/ptsecurity-mosaic-design-tokens.d.ts +0 -5
  473. package/divider/package.json +0 -10
  474. package/divider/ptsecurity-mosaic-divider.d.ts +0 -5
  475. package/dl/package.json +0 -10
  476. package/dl/ptsecurity-mosaic-dl.d.ts +0 -5
  477. package/dropdown/package.json +0 -10
  478. package/dropdown/ptsecurity-mosaic-dropdown.d.ts +0 -5
  479. package/form-field/package.json +0 -10
  480. package/form-field/ptsecurity-mosaic-form-field.d.ts +0 -5
  481. package/icon/package.json +0 -10
  482. package/icon/ptsecurity-mosaic-icon.d.ts +0 -5
  483. package/input/package.json +0 -10
  484. package/input/ptsecurity-mosaic-input.d.ts +0 -5
  485. package/link/package.json +0 -10
  486. package/link/ptsecurity-mosaic-link.d.ts +0 -5
  487. package/list/package.json +0 -10
  488. package/list/ptsecurity-mosaic-list.d.ts +0 -5
  489. package/loader-overlay/package.json +0 -10
  490. package/loader-overlay/ptsecurity-mosaic-loader-overlay.d.ts +0 -5
  491. package/modal/package.json +0 -10
  492. package/modal/ptsecurity-mosaic-modal.d.ts +0 -5
  493. package/navbar/package.json +0 -10
  494. package/navbar/ptsecurity-mosaic-navbar.d.ts +0 -5
  495. package/popover/package.json +0 -10
  496. package/popover/ptsecurity-mosaic-popover.d.ts +0 -5
  497. package/progress-bar/package.json +0 -10
  498. package/progress-bar/ptsecurity-mosaic-progress-bar.d.ts +0 -5
  499. package/progress-spinner/package.json +0 -10
  500. package/progress-spinner/ptsecurity-mosaic-progress-spinner.d.ts +0 -5
  501. package/ptsecurity-mosaic.d.ts +0 -5
  502. package/radio/package.json +0 -10
  503. package/radio/ptsecurity-mosaic-radio.d.ts +0 -5
  504. package/select/package.json +0 -10
  505. package/select/ptsecurity-mosaic-select.d.ts +0 -5
  506. package/sidebar/package.json +0 -10
  507. package/sidebar/ptsecurity-mosaic-sidebar.d.ts +0 -5
  508. package/sidepanel/package.json +0 -10
  509. package/sidepanel/ptsecurity-mosaic-sidepanel.d.ts +0 -5
  510. package/splitter/package.json +0 -10
  511. package/splitter/ptsecurity-mosaic-splitter.d.ts +0 -5
  512. package/table/package.json +0 -10
  513. package/table/ptsecurity-mosaic-table.d.ts +0 -5
  514. package/tabs/package.json +0 -10
  515. package/tabs/ptsecurity-mosaic-tabs.d.ts +0 -5
  516. package/tags/package.json +0 -10
  517. package/tags/ptsecurity-mosaic-tags.d.ts +0 -5
  518. package/textarea/package.json +0 -10
  519. package/textarea/ptsecurity-mosaic-textarea.d.ts +0 -5
  520. package/timepicker/package.json +0 -10
  521. package/timepicker/ptsecurity-mosaic-timepicker.d.ts +0 -5
  522. package/toast/package.json +0 -10
  523. package/toast/ptsecurity-mosaic-toast.d.ts +0 -5
  524. package/toggle/package.json +0 -10
  525. package/toggle/ptsecurity-mosaic-toggle.d.ts +0 -5
  526. package/tooltip/package.json +0 -10
  527. package/tooltip/ptsecurity-mosaic-tooltip.d.ts +0 -5
  528. package/tree/package.json +0 -10
  529. package/tree/ptsecurity-mosaic-tree.d.ts +0 -5
  530. package/tree-select/package.json +0 -10
  531. package/tree-select/ptsecurity-mosaic-tree-select.d.ts +0 -5
@@ -43,9 +43,8 @@ class McCheckboxChange {
43
43
  // Boilerplate for applying mixins to McCheckbox.
44
44
  /** @docs-private */
45
45
  class McCheckboxBase {
46
- // tslint:disable-next-line:naming-convention
47
- constructor(_elementRef) {
48
- this._elementRef = _elementRef;
46
+ constructor(elementRef) {
47
+ this.elementRef = elementRef;
49
48
  }
50
49
  }
51
50
  // tslint:disable-next-line:naming-convention
@@ -58,20 +57,11 @@ const McCheckboxMixinBase = mixinTabIndex(mixinColor(mixinDisabled(McCheckboxBas
58
57
  * have the checkbox be accessible, you may supply an [aria-label] input.
59
58
  */
60
59
  class McCheckbox extends McCheckboxMixinBase {
61
- constructor(elementRef, _changeDetectorRef, _focusMonitor, _clickAction) {
60
+ constructor(elementRef, changeDetectorRef, focusMonitor, clickAction) {
62
61
  super(elementRef);
63
- this._changeDetectorRef = _changeDetectorRef;
64
- this._focusMonitor = _focusMonitor;
65
- this._clickAction = _clickAction;
66
- /**
67
- * Attached to the aria-label attribute of the host element. In most cases, arial-labelledby will
68
- * take precedence so this may be omitted.
69
- */
70
- this.ariaLabel = '';
71
- /**
72
- * Users can specify the `aria-labelledby` attribute which will be forwarded to the input element
73
- */
74
- this.ariaLabelledby = null;
62
+ this.changeDetectorRef = changeDetectorRef;
63
+ this.focusMonitor = focusMonitor;
64
+ this.clickAction = clickAction;
75
65
  /** Whether the label should appear after or before the checkbox. Defaults to 'after' */
76
66
  this.labelPosition = 'after';
77
67
  /** Name value will be applied to the input element if present */
@@ -116,7 +106,7 @@ class McCheckbox extends McCheckboxMixinBase {
116
106
  set checked(value) {
117
107
  if (value !== this.checked) {
118
108
  this._checked = value;
119
- this._changeDetectorRef.markForCheck();
109
+ this.changeDetectorRef.markForCheck();
120
110
  }
121
111
  }
122
112
  /**
@@ -129,7 +119,7 @@ class McCheckbox extends McCheckboxMixinBase {
129
119
  set disabled(value) {
130
120
  if (value !== this.disabled) {
131
121
  this._disabled = value;
132
- this._changeDetectorRef.markForCheck();
122
+ this.changeDetectorRef.markForCheck();
133
123
  }
134
124
  }
135
125
  /**
@@ -155,19 +145,19 @@ class McCheckbox extends McCheckboxMixinBase {
155
145
  }
156
146
  }
157
147
  ngAfterViewInit() {
158
- this._focusMonitor
148
+ this.focusMonitor
159
149
  .monitor(this.inputElement.nativeElement)
160
150
  .subscribe((focusOrigin) => this.onInputFocusChange(focusOrigin));
161
151
  }
162
152
  ngOnDestroy() {
163
- this._focusMonitor.stopMonitoring(this.inputElement.nativeElement);
153
+ this.focusMonitor.stopMonitoring(this.inputElement.nativeElement);
164
154
  }
165
155
  /** Method being called whenever the label text changes. */
166
156
  onLabelTextChange() {
167
157
  // This method is getting called whenever the label of the checkbox changes.
168
158
  // Since the checkbox uses the OnPush strategy we need to notify it about the change
169
159
  // that has been recognized by the cdkObserveContent directive.
170
- this._changeDetectorRef.markForCheck();
160
+ this.changeDetectorRef.markForCheck();
171
161
  }
172
162
  // Implemented as part of ControlValueAccessor.
173
163
  writeValue(value) {
@@ -209,9 +199,9 @@ class McCheckbox extends McCheckboxMixinBase {
209
199
  // Preventing bubbling for the second event will solve that issue.
210
200
  event.stopPropagation();
211
201
  // If resetIndeterminate is false, and the current state is indeterminate, do nothing on click
212
- if (!this.disabled && this._clickAction !== 'noop') {
202
+ if (!this.disabled && this.clickAction !== 'noop') {
213
203
  // When user manually click on the checkbox, `indeterminate` is set to false.
214
- if (this.indeterminate && this._clickAction !== 'check') {
204
+ if (this.indeterminate && this.clickAction !== 'check') {
215
205
  Promise.resolve().then(() => {
216
206
  this._indeterminate = false;
217
207
  this.indeterminateChange.emit(this._indeterminate);
@@ -224,7 +214,7 @@ class McCheckbox extends McCheckboxMixinBase {
224
214
  // we don't want to trigger a change event, when the `checked` variable changes for example.
225
215
  this.emitChangeEvent();
226
216
  }
227
- else if (!this.disabled && this._clickAction === 'noop') {
217
+ else if (!this.disabled && this.clickAction === 'noop') {
228
218
  // Reset native input when clicked with noop. The native checkbox becomes checked after
229
219
  // click, reset it to be align with `checked` value of `mc-checkbox`.
230
220
  this.inputElement.nativeElement.checked = this.checked;
@@ -233,7 +223,7 @@ class McCheckbox extends McCheckboxMixinBase {
233
223
  }
234
224
  /** Focuses the checkbox. */
235
225
  focus() {
236
- this._focusMonitor.focusVia(this.inputElement.nativeElement, 'keyboard');
226
+ this.focusMonitor.focusVia(this.inputElement.nativeElement, 'keyboard');
237
227
  }
238
228
  onInteractionEvent(event) {
239
229
  // We always have to stop propagation on the change event.
@@ -243,7 +233,7 @@ class McCheckbox extends McCheckboxMixinBase {
243
233
  }
244
234
  transitionCheckState(newState) {
245
235
  const oldState = this.currentCheckState;
246
- const element = this._elementRef.nativeElement;
236
+ const element = this.elementRef.nativeElement;
247
237
  if (oldState === newState) {
248
238
  return;
249
239
  }
@@ -269,9 +259,9 @@ class McCheckbox extends McCheckboxMixinBase {
269
259
  }
270
260
  }
271
261
  }
272
- /** @nocollapse */ /** @nocollapse */ McCheckbox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: McCheckbox, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.FocusMonitor }, { token: MC_CHECKBOX_CLICK_ACTION, optional: true }], target: i0.ɵɵFactoryTarget.Component });
273
- /** @nocollapse */ /** @nocollapse */ McCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: McCheckbox, selector: "mc-checkbox", inputs: { color: "color", tabIndex: "tabIndex", ariaLabel: ["aria-label", "ariaLabel"], ariaLabelledby: ["aria-labelledby", "ariaLabelledby"], id: "id", labelPosition: "labelPosition", name: "name", value: "value", required: "required", checked: "checked", disabled: "disabled", indeterminate: "indeterminate" }, outputs: { change: "change", indeterminateChange: "indeterminateChange" }, host: { properties: { "id": "id", "attr.id": "id", "attr.disabled": "disabled", "class.mc-indeterminate": "indeterminate", "class.mc-checked": "checked", "class.mc-disabled": "disabled", "class.mc-checkbox-label-before": "labelPosition == \"before\"" }, classAttribute: "mc-checkbox" }, providers: [MC_CHECKBOX_CONTROL_VALUE_ACCESSOR], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true }], exportAs: ["mcCheckbox"], usesInheritance: true, ngImport: i0, template: "<label [attr.for]=\"inputId\" class=\"mc-checkbox-layout\" #label>\n <div class=\"mc-checkbox-inner-container\"\n [class.mc-checkbox-inner-container-no-side-margin]=\"!checkboxLabel.textContent || !checkboxLabel.textContent.trim()\">\n <input #input\n type=\"checkbox\"\n class=\"mc-checkbox-input cdk-visually-hidden\"\n [id]=\"inputId\"\n [required]=\"required\"\n [checked]=\"checked\"\n [attr.value]=\"value\"\n [disabled]=\"disabled\"\n [attr.name]=\"name\"\n [tabIndex]=\"tabIndex\"\n [indeterminate]=\"indeterminate\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-checked]=\"getAriaChecked()\"\n (change)=\"onInteractionEvent($event)\"\n (click)=\"onInputClick($event)\">\n <div class=\"mc-checkbox-frame\">\n <i class=\"mc-checkbox-checkmark mc mc-check_16\"></i>\n <i class=\"mc-checkbox-mixedmark mc mc-minus_16\"></i>\n </div>\n </div>\n\n <span class=\"mc-checkbox-label\" #checkboxLabel (cdkObserveContent)=\"onLabelTextChange()\">\n <ng-content></ng-content>\n </span>\n</label>\n", styles: [".mc-checkbox-frame{top:0;left:0;right:0;bottom:0;position:absolute;border-radius:3px;box-sizing:border-box;pointer-events:none}.mc-checkbox-checkmark,.mc-checkbox-mixedmark{display:none;position:absolute;top:-1px;left:-1px;right:0;bottom:0}.mc-checkbox-frame{background-color:transparent;border-width:1px;border-width:var(--mc-checkbox-size-border-width, 1px);border-style:solid;box-shadow:inset 0 0 1px #0003;box-shadow:var(--mc-checkbox-size-toggle-box-shadow, inset 0 0 1px 0 rgba(0, 0, 0, .2))}.mc-checkbox{display:inline-block;cursor:pointer;-webkit-tap-highlight-color:transparent}.mc-checkbox.mc-checked .mc-checkbox-checkmark{display:block}.mc-checkbox.mc-checked .mc-checkbox-mixedmark,.mc-checkbox.mc-indeterminate .mc-checkbox-checkmark{display:none}.mc-checkbox.mc-indeterminate .mc-checkbox-mixedmark{display:block}.mc-checkbox.mc-disabled{cursor:default}.mc-checkbox.mc-disabled .mc-checkbox-frame{box-shadow:none}.mc-checkbox-layout{cursor:inherit;align-items:baseline;vertical-align:middle;display:inline-flex;white-space:nowrap;width:100%}.mc-checkbox-inner-container{display:inline-block;height:16px;height:var(--mc-checkbox-size-width, 16px);line-height:0;margin-right:8px;order:0;position:relative;align-self:center;white-space:nowrap;width:16px;width:var(--mc-checkbox-size-width, 16px);flex-shrink:0}[dir=rtl] .mc-checkbox-inner-container{margin-left:8px;margin-right:auto}.mc-checkbox-inner-container-no-side-margin{margin-left:0;margin-right:0}.mc-checkbox-label-before .mc-checkbox-inner-container{order:1;margin-left:8px;margin-right:auto}[dir=rtl] .mc-checkbox-label-before .mc-checkbox-inner-container{margin-left:auto;margin-right:8px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
274
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: McCheckbox, decorators: [{
262
+ /** @nocollapse */ McCheckbox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: McCheckbox, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.FocusMonitor }, { token: MC_CHECKBOX_CLICK_ACTION, optional: true }], target: i0.ɵɵFactoryTarget.Component });
263
+ /** @nocollapse */ McCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: McCheckbox, selector: "mc-checkbox", inputs: { color: "color", tabIndex: "tabIndex", id: "id", labelPosition: "labelPosition", name: "name", value: "value", required: "required", checked: "checked", disabled: "disabled", indeterminate: "indeterminate" }, outputs: { change: "change", indeterminateChange: "indeterminateChange" }, host: { properties: { "id": "id", "attr.id": "id", "attr.disabled": "disabled", "class.mc-indeterminate": "indeterminate", "class.mc-checked": "checked", "class.mc-disabled": "disabled", "class.mc-checkbox-label-before": "labelPosition == \"before\"" }, classAttribute: "mc-checkbox" }, providers: [MC_CHECKBOX_CONTROL_VALUE_ACCESSOR], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true }], exportAs: ["mcCheckbox"], usesInheritance: true, ngImport: i0, template: "<label [attr.for]=\"inputId\" class=\"mc-checkbox-layout\" #label>\n <div class=\"mc-checkbox-inner-container\"\n [class.mc-checkbox-inner-container-no-side-margin]=\"!checkboxLabel.textContent || !checkboxLabel.textContent.trim()\">\n <input #input\n type=\"checkbox\"\n class=\"mc-checkbox-input cdk-visually-hidden\"\n [id]=\"inputId\"\n [required]=\"required\"\n [checked]=\"checked\"\n [attr.value]=\"value\"\n [disabled]=\"disabled\"\n [attr.name]=\"name\"\n [tabIndex]=\"tabIndex\"\n [indeterminate]=\"indeterminate\"\n [attr.aria-checked]=\"getAriaChecked()\"\n (change)=\"onInteractionEvent($event)\"\n (click)=\"onInputClick($event)\">\n <div class=\"mc-checkbox-frame\">\n <i class=\"mc-checkbox-checkmark mc mc-check_16\"></i>\n <i class=\"mc-checkbox-mixedmark mc mc-minus_16\"></i>\n </div>\n </div>\n\n <div class=\"mc-checkbox__text-container\">\n <span class=\"mc-checkbox-label\" #checkboxLabel (cdkObserveContent)=\"onLabelTextChange()\">\n <ng-content></ng-content>\n </span>\n\n <ng-content select=\"mc-hint\"></ng-content>\n </div>\n</label>\n", styles: [".mc-checkbox-frame{top:0;left:0;right:0;bottom:0;position:absolute;border-radius:4px;border-radius:var(--mc-checkbox-size-border-radius, 4px);box-sizing:border-box;pointer-events:none}.mc-checkbox-checkmark,.mc-checkbox-mixedmark{display:none;position:absolute;top:-1px;left:-1px;right:0;bottom:0}.mc-checkbox-frame{background-color:transparent;border-width:1px;border-width:var(--mc-checkbox-size-border-width, 1px);border-style:solid;box-shadow:inset 0 0 1px #0003;box-shadow:var(--mc-checkbox-size-toggle-box-shadow, inset 0 0 1px 0 rgba(0, 0, 0, .2))}.mc-checkbox{display:inline-block;cursor:pointer;-webkit-tap-highlight-color:transparent}.mc-checkbox.mc-checked .mc-checkbox-checkmark{display:block}.mc-checkbox.mc-checked .mc-checkbox-mixedmark,.mc-checkbox.mc-indeterminate .mc-checkbox-checkmark{display:none}.mc-checkbox.mc-indeterminate .mc-checkbox-mixedmark{display:block}.mc-checkbox.mc-disabled{cursor:default}.mc-checkbox.mc-disabled .mc-checkbox-frame{box-shadow:none}.mc-checkbox-layout{position:relative;display:inline-flex;cursor:inherit;padding-left:24px;padding-left:calc(var(--mc-checkbox-size-width, 16px) + var(--mc-checkbox-size-label-margin, 8px))}.mc-checkbox-inner-container{display:inline-block;position:absolute;top:2px;left:0;height:16px;height:var(--mc-checkbox-size-width, 16px);width:16px;width:var(--mc-checkbox-size-width, 16px)}.mc-checkbox__text-container{display:flex;flex-direction:column}.mc-checkbox__text-container .mc-hint{margin-top:2px}.mc-checkbox-inner-container-no-side-margin{margin-left:0;margin-right:0}.mc-checkbox-label-before .mc-checkbox-layout{padding-left:0;padding-right:24px;padding-right:calc(var(--mc-checkbox-size-width, 16px) + var(--mc-checkbox-size-label-margin, 8px))}.mc-checkbox-label-before .mc-checkbox-inner-container{right:0;left:auto;left:initial}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
264
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: McCheckbox, decorators: [{
275
265
  type: Component,
276
266
  args: [{ selector: 'mc-checkbox', exportAs: 'mcCheckbox', host: {
277
267
  class: 'mc-checkbox',
@@ -282,7 +272,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
282
272
  '[class.mc-checked]': 'checked',
283
273
  '[class.mc-disabled]': 'disabled',
284
274
  '[class.mc-checkbox-label-before]': 'labelPosition == "before"'
285
- }, providers: [MC_CHECKBOX_CONTROL_VALUE_ACCESSOR], inputs: ['color', 'tabIndex'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<label [attr.for]=\"inputId\" class=\"mc-checkbox-layout\" #label>\n <div class=\"mc-checkbox-inner-container\"\n [class.mc-checkbox-inner-container-no-side-margin]=\"!checkboxLabel.textContent || !checkboxLabel.textContent.trim()\">\n <input #input\n type=\"checkbox\"\n class=\"mc-checkbox-input cdk-visually-hidden\"\n [id]=\"inputId\"\n [required]=\"required\"\n [checked]=\"checked\"\n [attr.value]=\"value\"\n [disabled]=\"disabled\"\n [attr.name]=\"name\"\n [tabIndex]=\"tabIndex\"\n [indeterminate]=\"indeterminate\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-checked]=\"getAriaChecked()\"\n (change)=\"onInteractionEvent($event)\"\n (click)=\"onInputClick($event)\">\n <div class=\"mc-checkbox-frame\">\n <i class=\"mc-checkbox-checkmark mc mc-check_16\"></i>\n <i class=\"mc-checkbox-mixedmark mc mc-minus_16\"></i>\n </div>\n </div>\n\n <span class=\"mc-checkbox-label\" #checkboxLabel (cdkObserveContent)=\"onLabelTextChange()\">\n <ng-content></ng-content>\n </span>\n</label>\n", styles: [".mc-checkbox-frame{top:0;left:0;right:0;bottom:0;position:absolute;border-radius:3px;box-sizing:border-box;pointer-events:none}.mc-checkbox-checkmark,.mc-checkbox-mixedmark{display:none;position:absolute;top:-1px;left:-1px;right:0;bottom:0}.mc-checkbox-frame{background-color:transparent;border-width:1px;border-width:var(--mc-checkbox-size-border-width, 1px);border-style:solid;box-shadow:inset 0 0 1px #0003;box-shadow:var(--mc-checkbox-size-toggle-box-shadow, inset 0 0 1px 0 rgba(0, 0, 0, .2))}.mc-checkbox{display:inline-block;cursor:pointer;-webkit-tap-highlight-color:transparent}.mc-checkbox.mc-checked .mc-checkbox-checkmark{display:block}.mc-checkbox.mc-checked .mc-checkbox-mixedmark,.mc-checkbox.mc-indeterminate .mc-checkbox-checkmark{display:none}.mc-checkbox.mc-indeterminate .mc-checkbox-mixedmark{display:block}.mc-checkbox.mc-disabled{cursor:default}.mc-checkbox.mc-disabled .mc-checkbox-frame{box-shadow:none}.mc-checkbox-layout{cursor:inherit;align-items:baseline;vertical-align:middle;display:inline-flex;white-space:nowrap;width:100%}.mc-checkbox-inner-container{display:inline-block;height:16px;height:var(--mc-checkbox-size-width, 16px);line-height:0;margin-right:8px;order:0;position:relative;align-self:center;white-space:nowrap;width:16px;width:var(--mc-checkbox-size-width, 16px);flex-shrink:0}[dir=rtl] .mc-checkbox-inner-container{margin-left:8px;margin-right:auto}.mc-checkbox-inner-container-no-side-margin{margin-left:0;margin-right:0}.mc-checkbox-label-before .mc-checkbox-inner-container{order:1;margin-left:8px;margin-right:auto}[dir=rtl] .mc-checkbox-label-before .mc-checkbox-inner-container{margin-left:auto;margin-right:8px}\n"] }]
275
+ }, providers: [MC_CHECKBOX_CONTROL_VALUE_ACCESSOR], inputs: ['color', 'tabIndex'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<label [attr.for]=\"inputId\" class=\"mc-checkbox-layout\" #label>\n <div class=\"mc-checkbox-inner-container\"\n [class.mc-checkbox-inner-container-no-side-margin]=\"!checkboxLabel.textContent || !checkboxLabel.textContent.trim()\">\n <input #input\n type=\"checkbox\"\n class=\"mc-checkbox-input cdk-visually-hidden\"\n [id]=\"inputId\"\n [required]=\"required\"\n [checked]=\"checked\"\n [attr.value]=\"value\"\n [disabled]=\"disabled\"\n [attr.name]=\"name\"\n [tabIndex]=\"tabIndex\"\n [indeterminate]=\"indeterminate\"\n [attr.aria-checked]=\"getAriaChecked()\"\n (change)=\"onInteractionEvent($event)\"\n (click)=\"onInputClick($event)\">\n <div class=\"mc-checkbox-frame\">\n <i class=\"mc-checkbox-checkmark mc mc-check_16\"></i>\n <i class=\"mc-checkbox-mixedmark mc mc-minus_16\"></i>\n </div>\n </div>\n\n <div class=\"mc-checkbox__text-container\">\n <span class=\"mc-checkbox-label\" #checkboxLabel (cdkObserveContent)=\"onLabelTextChange()\">\n <ng-content></ng-content>\n </span>\n\n <ng-content select=\"mc-hint\"></ng-content>\n </div>\n</label>\n", styles: [".mc-checkbox-frame{top:0;left:0;right:0;bottom:0;position:absolute;border-radius:4px;border-radius:var(--mc-checkbox-size-border-radius, 4px);box-sizing:border-box;pointer-events:none}.mc-checkbox-checkmark,.mc-checkbox-mixedmark{display:none;position:absolute;top:-1px;left:-1px;right:0;bottom:0}.mc-checkbox-frame{background-color:transparent;border-width:1px;border-width:var(--mc-checkbox-size-border-width, 1px);border-style:solid;box-shadow:inset 0 0 1px #0003;box-shadow:var(--mc-checkbox-size-toggle-box-shadow, inset 0 0 1px 0 rgba(0, 0, 0, .2))}.mc-checkbox{display:inline-block;cursor:pointer;-webkit-tap-highlight-color:transparent}.mc-checkbox.mc-checked .mc-checkbox-checkmark{display:block}.mc-checkbox.mc-checked .mc-checkbox-mixedmark,.mc-checkbox.mc-indeterminate .mc-checkbox-checkmark{display:none}.mc-checkbox.mc-indeterminate .mc-checkbox-mixedmark{display:block}.mc-checkbox.mc-disabled{cursor:default}.mc-checkbox.mc-disabled .mc-checkbox-frame{box-shadow:none}.mc-checkbox-layout{position:relative;display:inline-flex;cursor:inherit;padding-left:24px;padding-left:calc(var(--mc-checkbox-size-width, 16px) + var(--mc-checkbox-size-label-margin, 8px))}.mc-checkbox-inner-container{display:inline-block;position:absolute;top:2px;left:0;height:16px;height:var(--mc-checkbox-size-width, 16px);width:16px;width:var(--mc-checkbox-size-width, 16px)}.mc-checkbox__text-container{display:flex;flex-direction:column}.mc-checkbox__text-container .mc-hint{margin-top:2px}.mc-checkbox-inner-container-no-side-margin{margin-left:0;margin-right:0}.mc-checkbox-label-before .mc-checkbox-layout{padding-left:0;padding-right:24px;padding-right:calc(var(--mc-checkbox-size-width, 16px) + var(--mc-checkbox-size-label-margin, 8px))}.mc-checkbox-label-before .mc-checkbox-inner-container{right:0;left:auto;left:initial}\n"] }]
286
276
  }], ctorParameters: function () {
287
277
  return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.FocusMonitor }, { type: undefined, decorators: [{
288
278
  type: Optional
@@ -290,13 +280,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
290
280
  type: Inject,
291
281
  args: [MC_CHECKBOX_CLICK_ACTION]
292
282
  }] }];
293
- }, propDecorators: { ariaLabel: [{
294
- type: Input,
295
- args: ['aria-label']
296
- }], ariaLabelledby: [{
297
- type: Input,
298
- args: ['aria-labelledby']
299
- }], id: [{
283
+ }, propDecorators: { id: [{
300
284
  type: Input
301
285
  }], labelPosition: [{
302
286
  type: Input
@@ -333,9 +317,9 @@ const MC_CHECKBOX_REQUIRED_VALIDATOR = {
333
317
  */
334
318
  class McCheckboxRequiredValidator extends CheckboxRequiredValidator {
335
319
  }
336
- /** @nocollapse */ /** @nocollapse */ McCheckboxRequiredValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: McCheckboxRequiredValidator, deps: null, target: i0.ɵɵFactoryTarget.Directive });
337
- /** @nocollapse */ /** @nocollapse */ McCheckboxRequiredValidator.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: McCheckboxRequiredValidator, selector: "mc-checkbox[required][formControlName],\n mc-checkbox[required][formControl], mc-checkbox[required][ngModel]", host: { properties: { "attr.required": "required ? \"\" : null" } }, providers: [MC_CHECKBOX_REQUIRED_VALIDATOR], usesInheritance: true, ngImport: i0 });
338
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: McCheckboxRequiredValidator, decorators: [{
320
+ /** @nocollapse */ McCheckboxRequiredValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: McCheckboxRequiredValidator, deps: null, target: i0.ɵɵFactoryTarget.Directive });
321
+ /** @nocollapse */ McCheckboxRequiredValidator.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.2", type: McCheckboxRequiredValidator, selector: "mc-checkbox[required][formControlName],\n mc-checkbox[required][formControl], mc-checkbox[required][ngModel]", host: { properties: { "attr.required": "required ? \"\" : null" } }, providers: [MC_CHECKBOX_REQUIRED_VALIDATOR], usesInheritance: true, ngImport: i0 });
322
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: McCheckboxRequiredValidator, decorators: [{
339
323
  type: Directive,
340
324
  args: [{
341
325
  selector: `mc-checkbox[required][formControlName],
@@ -347,10 +331,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
347
331
 
348
332
  class McCheckboxModule {
349
333
  }
350
- /** @nocollapse */ /** @nocollapse */ McCheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: McCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
351
- /** @nocollapse */ /** @nocollapse */ McCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: McCheckboxModule, declarations: [McCheckbox, McCheckboxRequiredValidator], imports: [CommonModule], exports: [McCheckbox, McCheckboxRequiredValidator] });
352
- /** @nocollapse */ /** @nocollapse */ McCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: McCheckboxModule, imports: [[CommonModule]] });
353
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: McCheckboxModule, decorators: [{
334
+ /** @nocollapse */ McCheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: McCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
335
+ /** @nocollapse */ McCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.2", ngImport: i0, type: McCheckboxModule, declarations: [McCheckbox, McCheckboxRequiredValidator], imports: [CommonModule], exports: [McCheckbox, McCheckboxRequiredValidator] });
336
+ /** @nocollapse */ McCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: McCheckboxModule, imports: [CommonModule] });
337
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: McCheckboxModule, decorators: [{
354
338
  type: NgModule,
355
339
  args: [{
356
340
  imports: [CommonModule],
@@ -1 +1 @@
1
- {"version":3,"file":"ptsecurity-mosaic-checkbox.mjs","sources":["../../../packages/mosaic/checkbox/checkbox-config.ts","../../../packages/mosaic/checkbox/checkbox.ts","../../../packages/mosaic/checkbox/checkbox.html","../../../packages/mosaic/checkbox/checkbox-required-validator.ts","../../../packages/mosaic/checkbox/checkbox-module.ts","../../../packages/mosaic/checkbox/ptsecurity-mosaic-checkbox.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\n\n/**\n * Checkbox click action when user click on input element.\n * noop: Do not toggle checked or indeterminate.\n * check: Only toggle checked status, ignore indeterminate.\n * check-indeterminate: Toggle checked status, set indeterminate to false. Default behavior.\n * undefined: Same as `check-indeterminate`.\n */\nexport type McCheckboxClickAction = 'noop' | 'check' | 'check-indeterminate' | undefined;\n\n/**\n * Injection token that can be used to specify the checkbox click behavior.\n */\nexport const MC_CHECKBOX_CLICK_ACTION =\n new InjectionToken<McCheckboxClickAction>('mc-checkbox-click-action');\n","import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';\nimport {\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ElementRef,\n EventEmitter,\n forwardRef,\n Inject,\n Input,\n OnDestroy,\n Optional,\n Output,\n ViewChild,\n ViewEncapsulation\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport {\n CanColor,\n CanColorCtor,\n CanDisable,\n CanDisableCtor,\n HasTabIndex,\n HasTabIndexCtor,\n mixinColor,\n mixinDisabled,\n mixinTabIndex,\n ThemePalette,\n toBoolean\n} from '@ptsecurity/mosaic/core';\n\nimport { MC_CHECKBOX_CLICK_ACTION, McCheckboxClickAction } from './checkbox-config';\n\n\n// Increasing integer for generating unique ids for checkbox components.\nlet nextUniqueId = 0;\n\n/**\n * Provider Expression that allows mc-checkbox to register as a ControlValueAccessor.\n * This allows it to support [(ngModel)].\n * @docs-private\n */\nexport const MC_CHECKBOX_CONTROL_VALUE_ACCESSOR: any = {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => McCheckbox),\n multi: true\n};\n\n/**\n * Represents the different states that require custom transitions between them.\n * @docs-private\n */\nexport enum TransitionCheckState {\n /** The initial state of the component before any user interaction. */\n Init,\n /** The state representing the component when it's becoming checked. */\n Checked,\n /** The state representing the component when it's becoming unchecked. */\n Unchecked,\n /** The state representing the component when it's becoming indeterminate. */\n Indeterminate\n}\n\n/** Change event object emitted by McCheckbox. */\nexport class McCheckboxChange {\n /** The source McCheckbox of the event. */\n source: McCheckbox;\n /** The new `checked` value of the checkbox. */\n checked: boolean;\n}\n\n// Boilerplate for applying mixins to McCheckbox.\n/** @docs-private */\nexport class McCheckboxBase {\n // tslint:disable-next-line:naming-convention\n constructor(public _elementRef: ElementRef) {}\n}\n\n// tslint:disable-next-line:naming-convention\nexport const McCheckboxMixinBase:\n HasTabIndexCtor &\n CanColorCtor &\n CanDisableCtor &\n typeof McCheckboxBase = mixinTabIndex(mixinColor(mixinDisabled(McCheckboxBase), ThemePalette.Primary));\n\n\n/**\n * A mosaic checkbox component. Supports all of the functionality of an HTML5 checkbox,\n * and exposes a similar API. A McCheckbox can be either checked, unchecked, indeterminate, or\n * disabled. Note that all additional accessibility attributes are taken care of by the component,\n * so there is no need to provide them yourself. However, if you want to omit a label and still\n * have the checkbox be accessible, you may supply an [aria-label] input.\n */\n@Component({\n selector: 'mc-checkbox',\n exportAs: 'mcCheckbox',\n templateUrl: 'checkbox.html',\n styleUrls: ['checkbox.scss'],\n host: {\n class: 'mc-checkbox',\n '[id]': 'id',\n '[attr.id]': 'id',\n '[attr.disabled]': 'disabled',\n '[class.mc-indeterminate]': 'indeterminate',\n '[class.mc-checked]': 'checked',\n '[class.mc-disabled]': 'disabled',\n '[class.mc-checkbox-label-before]': 'labelPosition == \"before\"'\n },\n providers: [MC_CHECKBOX_CONTROL_VALUE_ACCESSOR],\n inputs: ['color', 'tabIndex'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class McCheckbox extends McCheckboxMixinBase implements ControlValueAccessor,\n AfterViewInit, OnDestroy, CanColor, CanDisable, HasTabIndex {\n\n /**\n * Attached to the aria-label attribute of the host element. In most cases, arial-labelledby will\n * take precedence so this may be omitted.\n */\n @Input('aria-label') ariaLabel: string = '';\n\n /**\n * Users can specify the `aria-labelledby` attribute which will be forwarded to the input element\n */\n @Input('aria-labelledby') ariaLabelledby: string | null = null;\n\n /** A unique id for the checkbox input. If none is supplied, it will be auto-generated. */\n @Input() id: string;\n\n /** Whether the label should appear after or before the checkbox. Defaults to 'after' */\n @Input() labelPosition: 'before' | 'after' = 'after';\n\n /** Name value will be applied to the input element if present */\n @Input() name: string | null = null;\n\n /** Event emitted when the checkbox's `checked` value changes. */\n @Output() readonly change: EventEmitter<McCheckboxChange> = new EventEmitter<McCheckboxChange>();\n\n /** Event emitted when the checkbox's `indeterminate` value changes. */\n @Output() readonly indeterminateChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n /** The value attribute of the native input element */\n @Input() value: string;\n\n /** The native `<input type=\"checkbox\">` element */\n @ViewChild('input', { static: false }) inputElement: ElementRef;\n\n /** Returns the unique id for the visual hidden input. */\n get inputId(): string {\n return `${this.id || this.uniqueId}-input`;\n }\n\n /** Whether the checkbox is required. */\n @Input()\n get required(): boolean {\n return this._required;\n }\n\n set required(value: boolean) {\n this._required = toBoolean(value);\n }\n\n private _required: boolean;\n\n /**\n * Whether the checkbox is checked.\n */\n @Input()\n get checked(): boolean {\n return this._checked;\n }\n\n set checked(value: boolean) {\n if (value !== this.checked) {\n this._checked = value;\n this._changeDetectorRef.markForCheck();\n }\n }\n\n private _checked: boolean = false;\n\n /**\n * Whether the checkbox is disabled. This fully overrides the implementation provided by\n * mixinDisabled, but the mixin is still required because mixinTabIndex requires it.\n */\n @Input()\n get disabled() {\n return this._disabled;\n }\n\n set disabled(value: any) {\n if (value !== this.disabled) {\n this._disabled = value;\n this._changeDetectorRef.markForCheck();\n }\n }\n\n private _disabled: boolean = false;\n\n /**\n * Whether the checkbox is indeterminate. This is also known as \"mixed\" mode and can be used to\n * represent a checkbox with three states, e.g. a checkbox that represents a nested list of\n * checkable items. Note that whenever checkbox is manually clicked, indeterminate is immediately\n * set to false.\n */\n @Input()\n get indeterminate(): boolean {\n return this._indeterminate;\n }\n\n set indeterminate(value: boolean) {\n const changed = value !== this._indeterminate;\n this._indeterminate = value;\n\n if (changed) {\n if (this._indeterminate) {\n this.transitionCheckState(TransitionCheckState.Indeterminate);\n } else {\n this.transitionCheckState(\n this.checked ? TransitionCheckState.Checked : TransitionCheckState.Unchecked);\n }\n\n this.indeterminateChange.emit(this._indeterminate);\n }\n }\n\n private _indeterminate: boolean = false;\n\n private uniqueId: string = `mc-checkbox-${++nextUniqueId}`;\n\n private currentAnimationClass: string = '';\n\n private currentCheckState: TransitionCheckState = TransitionCheckState.Init;\n\n constructor(\n elementRef: ElementRef,\n private _changeDetectorRef: ChangeDetectorRef,\n private _focusMonitor: FocusMonitor,\n @Optional() @Inject(MC_CHECKBOX_CLICK_ACTION)\n private _clickAction: McCheckboxClickAction\n ) {\n super(elementRef);\n\n this.id = this.uniqueId;\n }\n\n /**\n * Called when the checkbox is blurred. Needed to properly implement ControlValueAccessor.\n * @docs-private\n */\n // tslint:disable-next-line:no-empty\n onTouched: () => any = () => {};\n\n ngAfterViewInit() {\n this._focusMonitor\n .monitor(this.inputElement.nativeElement)\n .subscribe((focusOrigin) => this.onInputFocusChange(focusOrigin));\n }\n\n ngOnDestroy() {\n this._focusMonitor.stopMonitoring(this.inputElement.nativeElement);\n }\n\n /** Method being called whenever the label text changes. */\n onLabelTextChange() {\n // This method is getting called whenever the label of the checkbox changes.\n // Since the checkbox uses the OnPush strategy we need to notify it about the change\n // that has been recognized by the cdkObserveContent directive.\n this._changeDetectorRef.markForCheck();\n }\n\n // Implemented as part of ControlValueAccessor.\n writeValue(value: any) {\n this.checked = !!value;\n }\n\n // Implemented as part of ControlValueAccessor.\n registerOnChange(fn: (value: any) => void) {\n this.controlValueAccessorChangeFn = fn;\n }\n\n // Implemented as part of ControlValueAccessor.\n registerOnTouched(fn: any) {\n this.onTouched = fn;\n }\n\n // Implemented as part of ControlValueAccessor.\n setDisabledState(isDisabled: boolean) {\n this.disabled = isDisabled;\n }\n\n getAriaChecked(): 'true' | 'false' | 'mixed' {\n return this.checked ? 'true' : (this.indeterminate ? 'mixed' : 'false');\n }\n\n /** Toggles the `checked` state of the checkbox. */\n toggle(): void {\n this.checked = !this.checked;\n }\n\n /**\n * Event handler for checkbox input element.\n * Toggles checked state if element is not disabled.\n * Do not toggle on (change) event since IE doesn't fire change event when\n * indeterminate checkbox is clicked.\n * @param event Input click event\n */\n onInputClick(event: Event) {\n // We have to stop propagation for click events on the visual hidden input element.\n // By default, when a user clicks on a label element, a generated click event will be\n // dispatched on the associated input element. Since we are using a label element as our\n // root container, the click event on the `checkbox` will be executed twice.\n // The real click event will bubble up, and the generated click event also tries to bubble up.\n // This will lead to multiple click events.\n // Preventing bubbling for the second event will solve that issue.\n event.stopPropagation();\n\n // If resetIndeterminate is false, and the current state is indeterminate, do nothing on click\n if (!this.disabled && this._clickAction !== 'noop') {\n // When user manually click on the checkbox, `indeterminate` is set to false.\n if (this.indeterminate && this._clickAction !== 'check') {\n\n Promise.resolve().then(() => {\n this._indeterminate = false;\n this.indeterminateChange.emit(this._indeterminate);\n });\n }\n\n this.toggle();\n this.transitionCheckState(\n this._checked ? TransitionCheckState.Checked : TransitionCheckState.Unchecked);\n\n // Emit our custom change event if the native input emitted one.\n // It is important to only emit it, if the native input triggered one, because\n // we don't want to trigger a change event, when the `checked` variable changes for example.\n this.emitChangeEvent();\n } else if (!this.disabled && this._clickAction === 'noop') {\n // Reset native input when clicked with noop. The native checkbox becomes checked after\n // click, reset it to be align with `checked` value of `mc-checkbox`.\n this.inputElement.nativeElement.checked = this.checked;\n this.inputElement.nativeElement.indeterminate = this.indeterminate;\n }\n }\n\n /** Focuses the checkbox. */\n focus(): void {\n this._focusMonitor.focusVia(this.inputElement.nativeElement, 'keyboard');\n }\n\n onInteractionEvent(event: Event) {\n // We always have to stop propagation on the change event.\n // Otherwise the change event, from the input element, will bubble up and\n // emit its event object to the `change` output.\n event.stopPropagation();\n }\n // tslint:disable-next-line:no-empty\n private controlValueAccessorChangeFn: (value: any) => void = () => {};\n\n private transitionCheckState(newState: TransitionCheckState) {\n const oldState = this.currentCheckState;\n const element: HTMLElement = this._elementRef.nativeElement;\n\n if (oldState === newState) {\n return;\n }\n if (this.currentAnimationClass.length > 0) {\n element.classList.remove(this.currentAnimationClass);\n }\n\n this.currentCheckState = newState;\n\n if (this.currentAnimationClass.length > 0) {\n element.classList.add(this.currentAnimationClass);\n }\n }\n\n private emitChangeEvent() {\n const event = new McCheckboxChange();\n event.source = this;\n event.checked = this.checked;\n\n this.controlValueAccessorChangeFn(this.checked);\n this.change.emit(event);\n }\n\n /** Function is called whenever the focus changes for the input element. */\n private onInputFocusChange(focusOrigin: FocusOrigin) {\n if (focusOrigin) {\n this.onTouched();\n }\n }\n}\n","<label [attr.for]=\"inputId\" class=\"mc-checkbox-layout\" #label>\n <div class=\"mc-checkbox-inner-container\"\n [class.mc-checkbox-inner-container-no-side-margin]=\"!checkboxLabel.textContent || !checkboxLabel.textContent.trim()\">\n <input #input\n type=\"checkbox\"\n class=\"mc-checkbox-input cdk-visually-hidden\"\n [id]=\"inputId\"\n [required]=\"required\"\n [checked]=\"checked\"\n [attr.value]=\"value\"\n [disabled]=\"disabled\"\n [attr.name]=\"name\"\n [tabIndex]=\"tabIndex\"\n [indeterminate]=\"indeterminate\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-checked]=\"getAriaChecked()\"\n (change)=\"onInteractionEvent($event)\"\n (click)=\"onInputClick($event)\">\n <div class=\"mc-checkbox-frame\">\n <i class=\"mc-checkbox-checkmark mc mc-check_16\"></i>\n <i class=\"mc-checkbox-mixedmark mc mc-minus_16\"></i>\n </div>\n </div>\n\n <span class=\"mc-checkbox-label\" #checkboxLabel (cdkObserveContent)=\"onLabelTextChange()\">\n <ng-content></ng-content>\n </span>\n</label>\n","import {\n Directive,\n forwardRef,\n Provider\n} from '@angular/core';\nimport {\n CheckboxRequiredValidator,\n NG_VALIDATORS\n} from '@angular/forms';\n\n\nexport const MC_CHECKBOX_REQUIRED_VALIDATOR: Provider = {\n provide: NG_VALIDATORS,\n useExisting: forwardRef(() => McCheckboxRequiredValidator),\n multi: true\n};\n\n/**\n * Validator for Mosaic checkbox's required attribute in template-driven checkbox.\n * Current CheckboxRequiredValidator only work with `input type=checkbox` and does not\n * work with `mc-checkbox`.\n */\n@Directive({\n selector: `mc-checkbox[required][formControlName],\n mc-checkbox[required][formControl], mc-checkbox[required][ngModel]`,\n providers: [MC_CHECKBOX_REQUIRED_VALIDATOR],\n host: { '[attr.required]': 'required ? \"\" : null' }\n})\nexport class McCheckboxRequiredValidator extends CheckboxRequiredValidator {\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { McCheckbox } from './checkbox';\nimport { McCheckboxRequiredValidator } from './checkbox-required-validator';\n\n\n@NgModule({\n imports: [CommonModule],\n exports: [McCheckbox, McCheckboxRequiredValidator],\n declarations: [McCheckbox, McCheckboxRequiredValidator]\n})\nexport class McCheckboxModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ptsecurity-mosaic-checkbox.mjs","sources":["../../../packages/mosaic/checkbox/checkbox-config.ts","../../../packages/mosaic/checkbox/checkbox.ts","../../../packages/mosaic/checkbox/checkbox.html","../../../packages/mosaic/checkbox/checkbox-required-validator.ts","../../../packages/mosaic/checkbox/checkbox-module.ts","../../../packages/mosaic/checkbox/ptsecurity-mosaic-checkbox.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\n\n/**\n * Checkbox click action when user click on input element.\n * noop: Do not toggle checked or indeterminate.\n * check: Only toggle checked status, ignore indeterminate.\n * check-indeterminate: Toggle checked status, set indeterminate to false. Default behavior.\n * undefined: Same as `check-indeterminate`.\n */\nexport type McCheckboxClickAction = 'noop' | 'check' | 'check-indeterminate' | undefined;\n\n/**\n * Injection token that can be used to specify the checkbox click behavior.\n */\nexport const MC_CHECKBOX_CLICK_ACTION =\n new InjectionToken<McCheckboxClickAction>('mc-checkbox-click-action');\n","import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';\nimport {\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ElementRef,\n EventEmitter,\n forwardRef,\n Inject,\n Input,\n OnDestroy,\n Optional,\n Output,\n ViewChild,\n ViewEncapsulation\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport {\n CanColor,\n CanColorCtor,\n CanDisable,\n CanDisableCtor,\n HasTabIndex,\n HasTabIndexCtor,\n mixinColor,\n mixinDisabled,\n mixinTabIndex,\n ThemePalette,\n toBoolean\n} from '@ptsecurity/mosaic/core';\n\nimport { MC_CHECKBOX_CLICK_ACTION, McCheckboxClickAction } from './checkbox-config';\n\n\n// Increasing integer for generating unique ids for checkbox components.\nlet nextUniqueId = 0;\n\n/**\n * Provider Expression that allows mc-checkbox to register as a ControlValueAccessor.\n * This allows it to support [(ngModel)].\n * @docs-private\n */\nexport const MC_CHECKBOX_CONTROL_VALUE_ACCESSOR: any = {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => McCheckbox),\n multi: true\n};\n\n/**\n * Represents the different states that require custom transitions between them.\n * @docs-private\n */\nexport enum TransitionCheckState {\n /** The initial state of the component before any user interaction. */\n Init,\n /** The state representing the component when it's becoming checked. */\n Checked,\n /** The state representing the component when it's becoming unchecked. */\n Unchecked,\n /** The state representing the component when it's becoming indeterminate. */\n Indeterminate\n}\n\n/** Change event object emitted by McCheckbox. */\nexport class McCheckboxChange {\n /** The source McCheckbox of the event. */\n source: McCheckbox;\n /** The new `checked` value of the checkbox. */\n checked: boolean;\n}\n\n// Boilerplate for applying mixins to McCheckbox.\n/** @docs-private */\nexport class McCheckboxBase {\n constructor(public elementRef: ElementRef) {}\n}\n\n// tslint:disable-next-line:naming-convention\nexport const McCheckboxMixinBase:\n HasTabIndexCtor &\n CanColorCtor &\n CanDisableCtor &\n typeof McCheckboxBase = mixinTabIndex(mixinColor(mixinDisabled(McCheckboxBase), ThemePalette.Primary));\n\n\n/**\n * A mosaic checkbox component. Supports all of the functionality of an HTML5 checkbox,\n * and exposes a similar API. A McCheckbox can be either checked, unchecked, indeterminate, or\n * disabled. Note that all additional accessibility attributes are taken care of by the component,\n * so there is no need to provide them yourself. However, if you want to omit a label and still\n * have the checkbox be accessible, you may supply an [aria-label] input.\n */\n@Component({\n selector: 'mc-checkbox',\n exportAs: 'mcCheckbox',\n templateUrl: 'checkbox.html',\n styleUrls: ['checkbox.scss'],\n host: {\n class: 'mc-checkbox',\n '[id]': 'id',\n '[attr.id]': 'id',\n '[attr.disabled]': 'disabled',\n '[class.mc-indeterminate]': 'indeterminate',\n '[class.mc-checked]': 'checked',\n '[class.mc-disabled]': 'disabled',\n '[class.mc-checkbox-label-before]': 'labelPosition == \"before\"'\n },\n providers: [MC_CHECKBOX_CONTROL_VALUE_ACCESSOR],\n inputs: ['color', 'tabIndex'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class McCheckbox extends McCheckboxMixinBase implements ControlValueAccessor,\n AfterViewInit, OnDestroy, CanColor, CanDisable, HasTabIndex {\n\n /** A unique id for the checkbox input. If none is supplied, it will be auto-generated. */\n @Input() id: string;\n\n /** Whether the label should appear after or before the checkbox. Defaults to 'after' */\n @Input() labelPosition: 'before' | 'after' = 'after';\n\n /** Name value will be applied to the input element if present */\n @Input() name: string | null = null;\n\n /** Event emitted when the checkbox's `checked` value changes. */\n @Output() readonly change: EventEmitter<McCheckboxChange> = new EventEmitter<McCheckboxChange>();\n\n /** Event emitted when the checkbox's `indeterminate` value changes. */\n @Output() readonly indeterminateChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n /** The value attribute of the native input element */\n @Input() value: string;\n\n /** The native `<input type=\"checkbox\">` element */\n @ViewChild('input', { static: false }) inputElement: ElementRef;\n\n /** Returns the unique id for the visual hidden input. */\n get inputId(): string {\n return `${this.id || this.uniqueId}-input`;\n }\n\n /** Whether the checkbox is required. */\n @Input()\n get required(): boolean {\n return this._required;\n }\n\n set required(value: boolean) {\n this._required = toBoolean(value);\n }\n\n private _required: boolean;\n\n /**\n * Whether the checkbox is checked.\n */\n @Input()\n get checked(): boolean {\n return this._checked;\n }\n\n set checked(value: boolean) {\n if (value !== this.checked) {\n this._checked = value;\n this.changeDetectorRef.markForCheck();\n }\n }\n\n private _checked: boolean = false;\n\n /**\n * Whether the checkbox is disabled. This fully overrides the implementation provided by\n * mixinDisabled, but the mixin is still required because mixinTabIndex requires it.\n */\n @Input()\n get disabled() {\n return this._disabled;\n }\n\n set disabled(value: any) {\n if (value !== this.disabled) {\n this._disabled = value;\n this.changeDetectorRef.markForCheck();\n }\n }\n\n private _disabled: boolean = false;\n\n /**\n * Whether the checkbox is indeterminate. This is also known as \"mixed\" mode and can be used to\n * represent a checkbox with three states, e.g. a checkbox that represents a nested list of\n * checkable items. Note that whenever checkbox is manually clicked, indeterminate is immediately\n * set to false.\n */\n @Input()\n get indeterminate(): boolean {\n return this._indeterminate;\n }\n\n set indeterminate(value: boolean) {\n const changed = value !== this._indeterminate;\n this._indeterminate = value;\n\n if (changed) {\n if (this._indeterminate) {\n this.transitionCheckState(TransitionCheckState.Indeterminate);\n } else {\n this.transitionCheckState(\n this.checked ? TransitionCheckState.Checked : TransitionCheckState.Unchecked);\n }\n\n this.indeterminateChange.emit(this._indeterminate);\n }\n }\n\n private _indeterminate: boolean = false;\n\n private uniqueId: string = `mc-checkbox-${++nextUniqueId}`;\n\n private currentAnimationClass: string = '';\n\n private currentCheckState: TransitionCheckState = TransitionCheckState.Init;\n\n constructor(\n elementRef: ElementRef,\n private changeDetectorRef: ChangeDetectorRef,\n private focusMonitor: FocusMonitor,\n @Optional() @Inject(MC_CHECKBOX_CLICK_ACTION) private clickAction: McCheckboxClickAction\n ) {\n super(elementRef);\n\n this.id = this.uniqueId;\n }\n\n /**\n * Called when the checkbox is blurred. Needed to properly implement ControlValueAccessor.\n * @docs-private\n */\n // tslint:disable-next-line:no-empty\n onTouched: () => any = () => {};\n\n ngAfterViewInit() {\n this.focusMonitor\n .monitor(this.inputElement.nativeElement)\n .subscribe((focusOrigin) => this.onInputFocusChange(focusOrigin));\n }\n\n ngOnDestroy() {\n this.focusMonitor.stopMonitoring(this.inputElement.nativeElement);\n }\n\n /** Method being called whenever the label text changes. */\n onLabelTextChange() {\n // This method is getting called whenever the label of the checkbox changes.\n // Since the checkbox uses the OnPush strategy we need to notify it about the change\n // that has been recognized by the cdkObserveContent directive.\n this.changeDetectorRef.markForCheck();\n }\n\n // Implemented as part of ControlValueAccessor.\n writeValue(value: any) {\n this.checked = !!value;\n }\n\n // Implemented as part of ControlValueAccessor.\n registerOnChange(fn: (value: any) => void) {\n this.controlValueAccessorChangeFn = fn;\n }\n\n // Implemented as part of ControlValueAccessor.\n registerOnTouched(fn: any) {\n this.onTouched = fn;\n }\n\n // Implemented as part of ControlValueAccessor.\n setDisabledState(isDisabled: boolean) {\n this.disabled = isDisabled;\n }\n\n getAriaChecked(): 'true' | 'false' | 'mixed' {\n return this.checked ? 'true' : (this.indeterminate ? 'mixed' : 'false');\n }\n\n /** Toggles the `checked` state of the checkbox. */\n toggle(): void {\n this.checked = !this.checked;\n }\n\n /**\n * Event handler for checkbox input element.\n * Toggles checked state if element is not disabled.\n * Do not toggle on (change) event since IE doesn't fire change event when\n * indeterminate checkbox is clicked.\n * @param event Input click event\n */\n onInputClick(event: Event) {\n // We have to stop propagation for click events on the visual hidden input element.\n // By default, when a user clicks on a label element, a generated click event will be\n // dispatched on the associated input element. Since we are using a label element as our\n // root container, the click event on the `checkbox` will be executed twice.\n // The real click event will bubble up, and the generated click event also tries to bubble up.\n // This will lead to multiple click events.\n // Preventing bubbling for the second event will solve that issue.\n event.stopPropagation();\n\n // If resetIndeterminate is false, and the current state is indeterminate, do nothing on click\n if (!this.disabled && this.clickAction !== 'noop') {\n // When user manually click on the checkbox, `indeterminate` is set to false.\n if (this.indeterminate && this.clickAction !== 'check') {\n\n Promise.resolve().then(() => {\n this._indeterminate = false;\n this.indeterminateChange.emit(this._indeterminate);\n });\n }\n\n this.toggle();\n this.transitionCheckState(\n this._checked ? TransitionCheckState.Checked : TransitionCheckState.Unchecked);\n\n // Emit our custom change event if the native input emitted one.\n // It is important to only emit it, if the native input triggered one, because\n // we don't want to trigger a change event, when the `checked` variable changes for example.\n this.emitChangeEvent();\n } else if (!this.disabled && this.clickAction === 'noop') {\n // Reset native input when clicked with noop. The native checkbox becomes checked after\n // click, reset it to be align with `checked` value of `mc-checkbox`.\n this.inputElement.nativeElement.checked = this.checked;\n this.inputElement.nativeElement.indeterminate = this.indeterminate;\n }\n }\n\n /** Focuses the checkbox. */\n focus(): void {\n this.focusMonitor.focusVia(this.inputElement.nativeElement, 'keyboard');\n }\n\n onInteractionEvent(event: Event) {\n // We always have to stop propagation on the change event.\n // Otherwise the change event, from the input element, will bubble up and\n // emit its event object to the `change` output.\n event.stopPropagation();\n }\n // tslint:disable-next-line:no-empty\n private controlValueAccessorChangeFn: (value: any) => void = () => {};\n\n private transitionCheckState(newState: TransitionCheckState) {\n const oldState = this.currentCheckState;\n const element: HTMLElement = this.elementRef.nativeElement;\n\n if (oldState === newState) { return; }\n\n if (this.currentAnimationClass.length > 0) {\n element.classList.remove(this.currentAnimationClass);\n }\n\n this.currentCheckState = newState;\n\n if (this.currentAnimationClass.length > 0) {\n element.classList.add(this.currentAnimationClass);\n }\n }\n\n private emitChangeEvent() {\n const event = new McCheckboxChange();\n event.source = this;\n event.checked = this.checked;\n\n this.controlValueAccessorChangeFn(this.checked);\n this.change.emit(event);\n }\n\n /** Function is called whenever the focus changes for the input element. */\n private onInputFocusChange(focusOrigin: FocusOrigin) {\n if (focusOrigin) {\n this.onTouched();\n }\n }\n}\n","<label [attr.for]=\"inputId\" class=\"mc-checkbox-layout\" #label>\n <div class=\"mc-checkbox-inner-container\"\n [class.mc-checkbox-inner-container-no-side-margin]=\"!checkboxLabel.textContent || !checkboxLabel.textContent.trim()\">\n <input #input\n type=\"checkbox\"\n class=\"mc-checkbox-input cdk-visually-hidden\"\n [id]=\"inputId\"\n [required]=\"required\"\n [checked]=\"checked\"\n [attr.value]=\"value\"\n [disabled]=\"disabled\"\n [attr.name]=\"name\"\n [tabIndex]=\"tabIndex\"\n [indeterminate]=\"indeterminate\"\n [attr.aria-checked]=\"getAriaChecked()\"\n (change)=\"onInteractionEvent($event)\"\n (click)=\"onInputClick($event)\">\n <div class=\"mc-checkbox-frame\">\n <i class=\"mc-checkbox-checkmark mc mc-check_16\"></i>\n <i class=\"mc-checkbox-mixedmark mc mc-minus_16\"></i>\n </div>\n </div>\n\n <div class=\"mc-checkbox__text-container\">\n <span class=\"mc-checkbox-label\" #checkboxLabel (cdkObserveContent)=\"onLabelTextChange()\">\n <ng-content></ng-content>\n </span>\n\n <ng-content select=\"mc-hint\"></ng-content>\n </div>\n</label>\n","import {\n Directive,\n forwardRef,\n Provider\n} from '@angular/core';\nimport {\n CheckboxRequiredValidator,\n NG_VALIDATORS\n} from '@angular/forms';\n\n\nexport const MC_CHECKBOX_REQUIRED_VALIDATOR: Provider = {\n provide: NG_VALIDATORS,\n useExisting: forwardRef(() => McCheckboxRequiredValidator),\n multi: true\n};\n\n/**\n * Validator for Mosaic checkbox's required attribute in template-driven checkbox.\n * Current CheckboxRequiredValidator only work with `input type=checkbox` and does not\n * work with `mc-checkbox`.\n */\n@Directive({\n selector: `mc-checkbox[required][formControlName],\n mc-checkbox[required][formControl], mc-checkbox[required][ngModel]`,\n providers: [MC_CHECKBOX_REQUIRED_VALIDATOR],\n host: { '[attr.required]': 'required ? \"\" : null' }\n})\nexport class McCheckboxRequiredValidator extends CheckboxRequiredValidator {\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { McCheckbox } from './checkbox';\nimport { McCheckboxRequiredValidator } from './checkbox-required-validator';\n\n\n@NgModule({\n imports: [CommonModule],\n exports: [McCheckbox, McCheckboxRequiredValidator],\n declarations: [McCheckbox, McCheckboxRequiredValidator]\n})\nexport class McCheckboxModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}