@ng-nest/ui 15.0.17 → 15.0.19

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 (578) hide show
  1. package/anchor/anchor.component.d.ts +1 -1
  2. package/avatar/avatar.component.d.ts +1 -1
  3. package/back-top/back-top.component.d.ts +5 -3
  4. package/button/button.component.d.ts +2 -0
  5. package/color/color.component.d.ts +2 -2
  6. package/core/config/config.d.ts +6 -2
  7. package/core/config/config.service.d.ts +4 -3
  8. package/core/functions/resize.d.ts +4 -2
  9. package/core/services/storage.service.d.ts +3 -1
  10. package/core/theme/theme.service.d.ts +2 -2
  11. package/core/util/computed-style.d.ts +2 -1
  12. package/core/util/index.d.ts +1 -0
  13. package/esm2020/affix/affix.component.mjs +3 -3
  14. package/esm2020/affix/affix.module.mjs +4 -4
  15. package/esm2020/affix/affix.property.mjs +3 -3
  16. package/esm2020/alert/alert.component.mjs +3 -3
  17. package/esm2020/alert/alert.module.mjs +4 -4
  18. package/esm2020/alert/alert.property.mjs +3 -3
  19. package/esm2020/anchor/anchor-inner.component.mjs +3 -3
  20. package/esm2020/anchor/anchor.component.mjs +16 -19
  21. package/esm2020/anchor/anchor.module.mjs +4 -4
  22. package/esm2020/anchor/anchor.property.mjs +6 -6
  23. package/esm2020/api/api.component.mjs +3 -3
  24. package/esm2020/api/api.module.mjs +4 -4
  25. package/esm2020/auto-complete/auto-complete-portal.component.mjs +3 -3
  26. package/esm2020/auto-complete/auto-complete.component.mjs +3 -3
  27. package/esm2020/auto-complete/auto-complete.module.mjs +4 -4
  28. package/esm2020/auto-complete/auto-complete.property.mjs +3 -3
  29. package/esm2020/avatar/avatar-group.component.mjs +3 -3
  30. package/esm2020/avatar/avatar.component.mjs +8 -11
  31. package/esm2020/avatar/avatar.module.mjs +4 -4
  32. package/esm2020/avatar/avatar.property.mjs +6 -6
  33. package/esm2020/back-top/back-top.component.mjs +17 -16
  34. package/esm2020/back-top/back-top.module.mjs +4 -4
  35. package/esm2020/back-top/back-top.property.mjs +3 -3
  36. package/esm2020/badge/badge.component.mjs +3 -3
  37. package/esm2020/badge/badge.module.mjs +4 -4
  38. package/esm2020/badge/badge.property.mjs +3 -3
  39. package/esm2020/base-form/base-form.component.mjs +3 -3
  40. package/esm2020/base-form/base-form.module.mjs +4 -4
  41. package/esm2020/base-form/base-form.property.mjs +3 -3
  42. package/esm2020/border/border.component.mjs +3 -3
  43. package/esm2020/border/border.module.mjs +4 -4
  44. package/esm2020/button/button.component.mjs +22 -10
  45. package/esm2020/button/button.module.mjs +4 -4
  46. package/esm2020/button/button.property.mjs +6 -6
  47. package/esm2020/button/buttons.component.mjs +3 -3
  48. package/esm2020/calendar/calendar.component.mjs +3 -3
  49. package/esm2020/calendar/calendar.module.mjs +4 -4
  50. package/esm2020/calendar/calendar.property.mjs +3 -3
  51. package/esm2020/card/card.component.mjs +3 -3
  52. package/esm2020/card/card.module.mjs +4 -4
  53. package/esm2020/card/card.property.mjs +3 -3
  54. package/esm2020/carousel/carousel-panel.component.mjs +3 -3
  55. package/esm2020/carousel/carousel.component.mjs +4 -4
  56. package/esm2020/carousel/carousel.module.mjs +4 -4
  57. package/esm2020/carousel/carousel.property.mjs +6 -6
  58. package/esm2020/cascade/cascade-portal.component.mjs +3 -3
  59. package/esm2020/cascade/cascade.component.mjs +3 -3
  60. package/esm2020/cascade/cascade.module.mjs +4 -4
  61. package/esm2020/cascade/cascade.property.mjs +3 -3
  62. package/esm2020/checkbox/checkbox.component.mjs +3 -3
  63. package/esm2020/checkbox/checkbox.module.mjs +4 -4
  64. package/esm2020/checkbox/checkbox.property.mjs +3 -3
  65. package/esm2020/collapse/collapse-panel.component.mjs +3 -3
  66. package/esm2020/collapse/collapse.component.mjs +3 -3
  67. package/esm2020/collapse/collapse.module.mjs +4 -4
  68. package/esm2020/collapse/collapse.property.mjs +6 -6
  69. package/esm2020/color/color.component.mjs +10 -13
  70. package/esm2020/color/color.module.mjs +4 -4
  71. package/esm2020/color/color.property.mjs +3 -3
  72. package/esm2020/color-picker/color-picker-portal.component.mjs +6 -6
  73. package/esm2020/color-picker/color-picker.component.mjs +3 -3
  74. package/esm2020/color-picker/color-picker.module.mjs +4 -4
  75. package/esm2020/color-picker/color-picker.property.mjs +3 -3
  76. package/esm2020/comment/comment-reply.component.mjs +3 -3
  77. package/esm2020/comment/comment.component.mjs +3 -3
  78. package/esm2020/comment/comment.module.mjs +4 -4
  79. package/esm2020/comment/comment.property.mjs +6 -6
  80. package/esm2020/container/aside.component.mjs +3 -3
  81. package/esm2020/container/container.component.mjs +3 -3
  82. package/esm2020/container/container.module.mjs +4 -4
  83. package/esm2020/container/container.property.mjs +12 -12
  84. package/esm2020/container/footer.component.mjs +3 -3
  85. package/esm2020/container/header.component.mjs +3 -3
  86. package/esm2020/container/main.component.mjs +3 -3
  87. package/esm2020/core/config/config.mjs +1 -1
  88. package/esm2020/core/config/config.service.mjs +11 -20
  89. package/esm2020/core/functions/resize.mjs +4 -1
  90. package/esm2020/core/services/http.service.mjs +3 -3
  91. package/esm2020/core/services/preloading-strategy.service.mjs +3 -3
  92. package/esm2020/core/services/storage.service.mjs +45 -12
  93. package/esm2020/core/theme/theme.service.mjs +10 -12
  94. package/esm2020/core/util/computed-style.mjs +9 -3
  95. package/esm2020/core/util/index.mjs +2 -0
  96. package/esm2020/crumb/crumb.component.mjs +3 -3
  97. package/esm2020/crumb/crumb.module.mjs +4 -4
  98. package/esm2020/crumb/crumb.property.mjs +3 -3
  99. package/esm2020/date-picker/date-picker-portal.component.mjs +3 -3
  100. package/esm2020/date-picker/date-picker.component.mjs +3 -3
  101. package/esm2020/date-picker/date-picker.module.mjs +4 -4
  102. package/esm2020/date-picker/date-picker.property.mjs +18 -18
  103. package/esm2020/date-picker/date-quarter.pipe.mjs +3 -3
  104. package/esm2020/date-picker/date-range-portal.component.mjs +3 -3
  105. package/esm2020/date-picker/date-range.component.mjs +3 -3
  106. package/esm2020/date-picker/picker-date.component.mjs +3 -3
  107. package/esm2020/date-picker/picker-month.component.mjs +3 -3
  108. package/esm2020/date-picker/picker-quarter.component.mjs +3 -3
  109. package/esm2020/date-picker/picker-year.component.mjs +3 -3
  110. package/esm2020/description/description-item.component.mjs +3 -3
  111. package/esm2020/description/description.component.mjs +3 -3
  112. package/esm2020/description/description.module.mjs +4 -4
  113. package/esm2020/description/description.property.mjs +6 -6
  114. package/esm2020/dialog/dialog-container.component.mjs +3 -3
  115. package/esm2020/dialog/dialog-portal.component.mjs +3 -3
  116. package/esm2020/dialog/dialog-portal.directives.mjs +18 -18
  117. package/esm2020/dialog/dialog.component.mjs +3 -3
  118. package/esm2020/dialog/dialog.module.mjs +4 -4
  119. package/esm2020/dialog/dialog.property.mjs +6 -6
  120. package/esm2020/dialog/dialog.service.mjs +3 -3
  121. package/esm2020/doc/doc.component.mjs +3 -3
  122. package/esm2020/doc/doc.module.mjs +4 -4
  123. package/esm2020/drawer/drawer-container.component.mjs +3 -3
  124. package/esm2020/drawer/drawer-portal.component.mjs +3 -3
  125. package/esm2020/drawer/drawer-portal.directives.mjs +9 -9
  126. package/esm2020/drawer/drawer.component.mjs +3 -3
  127. package/esm2020/drawer/drawer.module.mjs +4 -4
  128. package/esm2020/drawer/drawer.property.mjs +6 -6
  129. package/esm2020/drawer/drawer.service.mjs +3 -3
  130. package/esm2020/dropdown/dropdown-portal.component.mjs +3 -3
  131. package/esm2020/dropdown/dropdown.component.mjs +3 -3
  132. package/esm2020/dropdown/dropdown.module.mjs +4 -4
  133. package/esm2020/dropdown/dropdown.property.mjs +3 -3
  134. package/esm2020/empty/empty.component.mjs +3 -3
  135. package/esm2020/empty/empty.module.mjs +4 -4
  136. package/esm2020/empty/empty.property.mjs +7 -4
  137. package/esm2020/examples/examples.component.mjs +3 -3
  138. package/esm2020/examples/examples.module.mjs +4 -4
  139. package/esm2020/find/find.component.mjs +4 -4
  140. package/esm2020/find/find.module.mjs +4 -4
  141. package/esm2020/find/find.property.mjs +3 -3
  142. package/esm2020/form/control.component.mjs +3 -3
  143. package/esm2020/form/form.component.mjs +3 -3
  144. package/esm2020/form/form.module.mjs +4 -4
  145. package/esm2020/form/form.property.mjs +6 -6
  146. package/esm2020/highlight/highlight.component.mjs +9 -8
  147. package/esm2020/highlight/highlight.module.mjs +4 -4
  148. package/esm2020/highlight/highlight.property.mjs +3 -3
  149. package/esm2020/i18n/i18n.directive.mjs +3 -3
  150. package/esm2020/i18n/i18n.module.mjs +4 -4
  151. package/esm2020/i18n/i18n.pipe.mjs +3 -3
  152. package/esm2020/i18n/i18n.property.mjs +1 -1
  153. package/esm2020/i18n/i18n.service.mjs +3 -3
  154. package/esm2020/i18n/languages/en_GB.mjs +5 -2
  155. package/esm2020/i18n/languages/en_US.mjs +5 -2
  156. package/esm2020/i18n/languages/zh_CN.mjs +5 -2
  157. package/esm2020/i18n/languages/zh_TW.mjs +5 -2
  158. package/esm2020/icon/icon.component.mjs +9 -14
  159. package/esm2020/icon/icon.module.mjs +4 -4
  160. package/esm2020/icon/icon.property.mjs +3 -3
  161. package/esm2020/icon/icon.service.mjs +3 -3
  162. package/esm2020/image/image-group.component.mjs +3 -3
  163. package/esm2020/image/image-preview.component.mjs +14 -10
  164. package/esm2020/image/image.component.mjs +3 -3
  165. package/esm2020/image/image.module.mjs +4 -4
  166. package/esm2020/image/image.property.mjs +6 -6
  167. package/esm2020/inner/inner.component.mjs +3 -3
  168. package/esm2020/inner/inner.module.mjs +4 -4
  169. package/esm2020/inner/inner.property.mjs +3 -3
  170. package/esm2020/input/input-group.component.mjs +3 -3
  171. package/esm2020/input/input.component.mjs +3 -3
  172. package/esm2020/input/input.module.mjs +4 -4
  173. package/esm2020/input/input.property.mjs +6 -6
  174. package/esm2020/input-number/input-number.component.mjs +3 -3
  175. package/esm2020/input-number/input-number.module.mjs +4 -4
  176. package/esm2020/input-number/input-number.property.mjs +3 -3
  177. package/esm2020/keyword/keyword.directive.mjs +3 -3
  178. package/esm2020/keyword/keyword.module.mjs +4 -4
  179. package/esm2020/keyword/keyword.property.mjs +3 -3
  180. package/esm2020/layout/col.component.mjs +3 -3
  181. package/esm2020/layout/layout.module.mjs +4 -4
  182. package/esm2020/layout/layout.property.mjs +6 -6
  183. package/esm2020/layout/row.component.mjs +3 -3
  184. package/esm2020/link/link.component.mjs +3 -3
  185. package/esm2020/link/link.module.mjs +4 -4
  186. package/esm2020/link/link.property.mjs +3 -3
  187. package/esm2020/list/list-drop-group.directive.mjs +3 -3
  188. package/esm2020/list/list-option.component.mjs +3 -3
  189. package/esm2020/list/list.component.mjs +5 -5
  190. package/esm2020/list/list.module.mjs +4 -4
  191. package/esm2020/list/list.property.mjs +6 -6
  192. package/esm2020/loading/loading.component.mjs +3 -3
  193. package/esm2020/loading/loading.module.mjs +4 -4
  194. package/esm2020/loading/loading.property.mjs +3 -3
  195. package/esm2020/menu/menu-node.component.mjs +3 -3
  196. package/esm2020/menu/menu.component.mjs +12 -12
  197. package/esm2020/menu/menu.module.mjs +4 -4
  198. package/esm2020/menu/menu.property.mjs +6 -6
  199. package/esm2020/message/message.component.mjs +3 -3
  200. package/esm2020/message/message.module.mjs +4 -4
  201. package/esm2020/message/message.service.mjs +3 -3
  202. package/esm2020/message-box/message-box.component.mjs +3 -3
  203. package/esm2020/message-box/message-box.module.mjs +4 -4
  204. package/esm2020/message-box/message-box.service.mjs +3 -3
  205. package/esm2020/notification/notification.component.mjs +3 -3
  206. package/esm2020/notification/notification.module.mjs +4 -4
  207. package/esm2020/notification/notification.service.mjs +3 -3
  208. package/esm2020/outlet/outlet.directive.mjs +3 -3
  209. package/esm2020/outlet/outlet.module.mjs +4 -4
  210. package/esm2020/page-header/page-header.component.mjs +3 -3
  211. package/esm2020/page-header/page-header.module.mjs +4 -4
  212. package/esm2020/page-header/page-header.property.mjs +3 -3
  213. package/esm2020/pagination/pagination.component.mjs +3 -3
  214. package/esm2020/pagination/pagination.module.mjs +4 -4
  215. package/esm2020/pagination/pagination.property.mjs +3 -3
  216. package/esm2020/pattern/pattern.component.mjs +3 -3
  217. package/esm2020/pattern/pattern.module.mjs +4 -4
  218. package/esm2020/popconfirm/popconfirm.component.mjs +3 -3
  219. package/esm2020/popconfirm/popconfirm.module.mjs +4 -4
  220. package/esm2020/popconfirm/popconfirm.property.mjs +3 -3
  221. package/esm2020/popover/popover-portal.component.mjs +3 -3
  222. package/esm2020/popover/popover.directive.mjs +3 -3
  223. package/esm2020/popover/popover.module.mjs +4 -4
  224. package/esm2020/popover/popover.property.mjs +3 -3
  225. package/esm2020/portal/portal.module.mjs +4 -4
  226. package/esm2020/portal/portal.service.mjs +6 -5
  227. package/esm2020/progress/progress.component.mjs +3 -3
  228. package/esm2020/progress/progress.module.mjs +4 -4
  229. package/esm2020/progress/progress.property.mjs +3 -3
  230. package/esm2020/radio/radio.component.mjs +5 -5
  231. package/esm2020/radio/radio.module.mjs +4 -4
  232. package/esm2020/radio/radio.property.mjs +3 -3
  233. package/esm2020/rate/rate.component.mjs +3 -3
  234. package/esm2020/rate/rate.module.mjs +4 -4
  235. package/esm2020/rate/rate.property.mjs +3 -3
  236. package/esm2020/resizable/resizable.directive.mjs +10 -13
  237. package/esm2020/resizable/resizable.module.mjs +4 -4
  238. package/esm2020/resizable/resizable.property.mjs +3 -3
  239. package/esm2020/result/result.component.mjs +3 -3
  240. package/esm2020/result/result.module.mjs +4 -4
  241. package/esm2020/result/result.property.mjs +3 -3
  242. package/esm2020/ripple/ripple.directive.mjs +6 -5
  243. package/esm2020/ripple/ripple.module.mjs +4 -4
  244. package/esm2020/ripple/ripple.property.mjs +3 -3
  245. package/esm2020/select/select-portal.component.mjs +3 -3
  246. package/esm2020/select/select.component.mjs +6 -6
  247. package/esm2020/select/select.module.mjs +4 -4
  248. package/esm2020/select/select.property.mjs +3 -3
  249. package/esm2020/skeleton/skeleton.component.mjs +3 -3
  250. package/esm2020/skeleton/skeleton.module.mjs +4 -4
  251. package/esm2020/skeleton/skeleton.property.mjs +3 -3
  252. package/esm2020/slider/slider.component.mjs +7 -5
  253. package/esm2020/slider/slider.module.mjs +4 -4
  254. package/esm2020/slider/slider.property.mjs +3 -3
  255. package/esm2020/slider-select/slider-select.component.mjs +21 -14
  256. package/esm2020/slider-select/slider-select.module.mjs +4 -4
  257. package/esm2020/slider-select/slider-select.property.mjs +3 -3
  258. package/esm2020/statistic/countdown.component.mjs +3 -3
  259. package/esm2020/statistic/statistic.component.mjs +3 -3
  260. package/esm2020/statistic/statistic.module.mjs +4 -4
  261. package/esm2020/statistic/statistic.property.mjs +6 -6
  262. package/esm2020/steps/steps.component.mjs +3 -3
  263. package/esm2020/steps/steps.module.mjs +4 -4
  264. package/esm2020/steps/steps.property.mjs +3 -3
  265. package/esm2020/switch/switch.component.mjs +3 -3
  266. package/esm2020/switch/switch.module.mjs +4 -4
  267. package/esm2020/switch/switch.property.mjs +3 -3
  268. package/esm2020/table/drag.directive.mjs +8 -11
  269. package/esm2020/table/table-body.component.mjs +11 -14
  270. package/esm2020/table/table-foot.component.mjs +3 -3
  271. package/esm2020/table/table-head.component.mjs +3 -3
  272. package/esm2020/table/table.component.mjs +3 -3
  273. package/esm2020/table/table.module.mjs +4 -4
  274. package/esm2020/table/table.property.mjs +29 -13
  275. package/esm2020/tabs/tab-content.component.mjs +3 -3
  276. package/esm2020/tabs/tab-link.directive.mjs +6 -6
  277. package/esm2020/tabs/tab.component.mjs +3 -3
  278. package/esm2020/tabs/tabs.component.mjs +4 -4
  279. package/esm2020/tabs/tabs.module.mjs +4 -4
  280. package/esm2020/tabs/tabs.property.mjs +6 -6
  281. package/esm2020/tag/tag.component.mjs +3 -3
  282. package/esm2020/tag/tag.module.mjs +4 -4
  283. package/esm2020/tag/tag.property.mjs +3 -3
  284. package/esm2020/text-retract/text-retract.component.mjs +3 -3
  285. package/esm2020/text-retract/text-retract.module.mjs +4 -4
  286. package/esm2020/text-retract/text-retract.property.mjs +3 -3
  287. package/esm2020/textarea/textarea.component.mjs +3 -3
  288. package/esm2020/textarea/textarea.module.mjs +4 -4
  289. package/esm2020/textarea/textarea.property.mjs +3 -3
  290. package/esm2020/theme/theme.component.mjs +3 -3
  291. package/esm2020/theme/theme.module.mjs +4 -4
  292. package/esm2020/theme/theme.property.mjs +3 -3
  293. package/esm2020/time-ago/time-ago.module.mjs +4 -4
  294. package/esm2020/time-ago/time-ago.pipe.mjs +3 -3
  295. package/esm2020/time-picker/time-picker-frame.component.mjs +3 -3
  296. package/esm2020/time-picker/time-picker-portal.component.mjs +3 -3
  297. package/esm2020/time-picker/time-picker.component.mjs +21 -5
  298. package/esm2020/time-picker/time-picker.module.mjs +4 -4
  299. package/esm2020/time-picker/time-picker.property.mjs +3 -3
  300. package/esm2020/time-range/time-range.module.mjs +4 -4
  301. package/esm2020/time-range/time-range.pipe.mjs +3 -3
  302. package/esm2020/timeline/timeline.component.mjs +3 -3
  303. package/esm2020/timeline/timeline.module.mjs +4 -4
  304. package/esm2020/timeline/timeline.property.mjs +3 -3
  305. package/esm2020/tooltip/tooltip-portal.component.mjs +3 -3
  306. package/esm2020/tooltip/tooltip.directive.mjs +3 -3
  307. package/esm2020/tooltip/tooltip.module.mjs +4 -4
  308. package/esm2020/tooltip/tooltip.property.mjs +3 -3
  309. package/esm2020/transfer/transfer.component.mjs +3 -3
  310. package/esm2020/transfer/transfer.module.mjs +4 -4
  311. package/esm2020/transfer/transfer.property.mjs +3 -3
  312. package/esm2020/tree/tree-node.component.mjs +3 -3
  313. package/esm2020/tree/tree.component.mjs +4 -4
  314. package/esm2020/tree/tree.module.mjs +4 -4
  315. package/esm2020/tree/tree.property.mjs +6 -6
  316. package/esm2020/tree/tree.service.mjs +3 -3
  317. package/esm2020/tree-file/tree-file.component.mjs +9 -6
  318. package/esm2020/tree-file/tree-file.module.mjs +4 -4
  319. package/esm2020/tree-file/tree-file.property.mjs +5 -5
  320. package/esm2020/tree-select/tree-select-portal.component.mjs +3 -3
  321. package/esm2020/tree-select/tree-select.component.mjs +6 -6
  322. package/esm2020/tree-select/tree-select.module.mjs +4 -4
  323. package/esm2020/tree-select/tree-select.property.mjs +3 -3
  324. package/esm2020/typography/typography.component.mjs +3 -3
  325. package/esm2020/typography/typography.module.mjs +4 -4
  326. package/esm2020/typography/typography.property.mjs +3 -3
  327. package/esm2020/upload/upload-portal.component.mjs +8 -11
  328. package/esm2020/upload/upload.component.mjs +3 -3
  329. package/esm2020/upload/upload.module.mjs +4 -4
  330. package/esm2020/upload/upload.property.mjs +3 -3
  331. package/fesm2015/ng-nest-ui-affix.mjs +10 -10
  332. package/fesm2015/ng-nest-ui-alert.mjs +10 -10
  333. package/fesm2015/ng-nest-ui-anchor.mjs +28 -33
  334. package/fesm2015/ng-nest-ui-anchor.mjs.map +1 -1
  335. package/fesm2015/ng-nest-ui-api.mjs +7 -7
  336. package/fesm2015/ng-nest-ui-auto-complete.mjs +13 -13
  337. package/fesm2015/ng-nest-ui-avatar.mjs +20 -25
  338. package/fesm2015/ng-nest-ui-avatar.mjs.map +1 -1
  339. package/fesm2015/ng-nest-ui-back-top.mjs +23 -24
  340. package/fesm2015/ng-nest-ui-back-top.mjs.map +1 -1
  341. package/fesm2015/ng-nest-ui-badge.mjs +10 -10
  342. package/fesm2015/ng-nest-ui-base-form.mjs +10 -10
  343. package/fesm2015/ng-nest-ui-border.mjs +7 -7
  344. package/fesm2015/ng-nest-ui-button.mjs +35 -22
  345. package/fesm2015/ng-nest-ui-button.mjs.map +1 -1
  346. package/fesm2015/ng-nest-ui-calendar.mjs +10 -10
  347. package/fesm2015/ng-nest-ui-card.mjs +10 -10
  348. package/fesm2015/ng-nest-ui-carousel.mjs +16 -16
  349. package/fesm2015/ng-nest-ui-carousel.mjs.map +1 -1
  350. package/fesm2015/ng-nest-ui-cascade.mjs +13 -13
  351. package/fesm2015/ng-nest-ui-checkbox.mjs +10 -10
  352. package/fesm2015/ng-nest-ui-collapse.mjs +16 -16
  353. package/fesm2015/ng-nest-ui-color-picker.mjs +15 -15
  354. package/fesm2015/ng-nest-ui-color-picker.mjs.map +1 -1
  355. package/fesm2015/ng-nest-ui-color.mjs +16 -21
  356. package/fesm2015/ng-nest-ui-color.mjs.map +1 -1
  357. package/fesm2015/ng-nest-ui-comment.mjs +16 -16
  358. package/fesm2015/ng-nest-ui-container.mjs +31 -31
  359. package/fesm2015/ng-nest-ui-core.mjs +78 -51
  360. package/fesm2015/ng-nest-ui-core.mjs.map +1 -1
  361. package/fesm2015/ng-nest-ui-crumb.mjs +10 -10
  362. package/fesm2015/ng-nest-ui-date-picker.mjs +49 -49
  363. package/fesm2015/ng-nest-ui-description.mjs +16 -16
  364. package/fesm2015/ng-nest-ui-dialog.mjs +40 -40
  365. package/fesm2015/ng-nest-ui-doc.mjs +7 -7
  366. package/fesm2015/ng-nest-ui-drawer.mjs +31 -31
  367. package/fesm2015/ng-nest-ui-dropdown.mjs +13 -13
  368. package/fesm2015/ng-nest-ui-empty.mjs +13 -10
  369. package/fesm2015/ng-nest-ui-empty.mjs.map +1 -1
  370. package/fesm2015/ng-nest-ui-examples.mjs +7 -7
  371. package/fesm2015/ng-nest-ui-find.mjs +10 -10
  372. package/fesm2015/ng-nest-ui-find.mjs.map +1 -1
  373. package/fesm2015/ng-nest-ui-form.mjs +16 -16
  374. package/fesm2015/ng-nest-ui-highlight.mjs +15 -14
  375. package/fesm2015/ng-nest-ui-highlight.mjs.map +1 -1
  376. package/fesm2015/ng-nest-ui-i18n.mjs +29 -17
  377. package/fesm2015/ng-nest-ui-i18n.mjs.map +1 -1
  378. package/fesm2015/ng-nest-ui-icon.mjs +18 -25
  379. package/fesm2015/ng-nest-ui-icon.mjs.map +1 -1
  380. package/fesm2015/ng-nest-ui-image.mjs +30 -26
  381. package/fesm2015/ng-nest-ui-image.mjs.map +1 -1
  382. package/fesm2015/ng-nest-ui-inner.mjs +10 -10
  383. package/fesm2015/ng-nest-ui-input-number.mjs +10 -10
  384. package/fesm2015/ng-nest-ui-input.mjs +16 -16
  385. package/fesm2015/ng-nest-ui-keyword.mjs +10 -10
  386. package/fesm2015/ng-nest-ui-layout.mjs +16 -16
  387. package/fesm2015/ng-nest-ui-link.mjs +10 -10
  388. package/fesm2015/ng-nest-ui-list.mjs +20 -20
  389. package/fesm2015/ng-nest-ui-list.mjs.map +1 -1
  390. package/fesm2015/ng-nest-ui-loading.mjs +10 -10
  391. package/fesm2015/ng-nest-ui-menu.mjs +24 -26
  392. package/fesm2015/ng-nest-ui-menu.mjs.map +1 -1
  393. package/fesm2015/ng-nest-ui-message-box.mjs +10 -10
  394. package/fesm2015/ng-nest-ui-message.mjs +10 -10
  395. package/fesm2015/ng-nest-ui-notification.mjs +10 -10
  396. package/fesm2015/ng-nest-ui-outlet.mjs +7 -7
  397. package/fesm2015/ng-nest-ui-page-header.mjs +10 -10
  398. package/fesm2015/ng-nest-ui-pagination.mjs +10 -10
  399. package/fesm2015/ng-nest-ui-pattern.mjs +7 -7
  400. package/fesm2015/ng-nest-ui-popconfirm.mjs +10 -10
  401. package/fesm2015/ng-nest-ui-popover.mjs +13 -13
  402. package/fesm2015/ng-nest-ui-portal.mjs +9 -9
  403. package/fesm2015/ng-nest-ui-portal.mjs.map +1 -1
  404. package/fesm2015/ng-nest-ui-progress.mjs +10 -10
  405. package/fesm2015/ng-nest-ui-radio.mjs +11 -11
  406. package/fesm2015/ng-nest-ui-radio.mjs.map +1 -1
  407. package/fesm2015/ng-nest-ui-rate.mjs +10 -10
  408. package/fesm2015/ng-nest-ui-resizable.mjs +16 -21
  409. package/fesm2015/ng-nest-ui-resizable.mjs.map +1 -1
  410. package/fesm2015/ng-nest-ui-result.mjs +10 -10
  411. package/fesm2015/ng-nest-ui-ripple.mjs +12 -12
  412. package/fesm2015/ng-nest-ui-ripple.mjs.map +1 -1
  413. package/fesm2015/ng-nest-ui-select.mjs +15 -15
  414. package/fesm2015/ng-nest-ui-select.mjs.map +1 -1
  415. package/fesm2015/ng-nest-ui-skeleton.mjs +10 -10
  416. package/fesm2015/ng-nest-ui-slider-select.mjs +27 -20
  417. package/fesm2015/ng-nest-ui-slider-select.mjs.map +1 -1
  418. package/fesm2015/ng-nest-ui-slider.mjs +13 -11
  419. package/fesm2015/ng-nest-ui-slider.mjs.map +1 -1
  420. package/fesm2015/ng-nest-ui-statistic.mjs +16 -16
  421. package/fesm2015/ng-nest-ui-steps.mjs +10 -10
  422. package/fesm2015/ng-nest-ui-switch.mjs +10 -10
  423. package/fesm2015/ng-nest-ui-table.mjs +57 -51
  424. package/fesm2015/ng-nest-ui-table.mjs.map +1 -1
  425. package/fesm2015/ng-nest-ui-tabs.mjs +25 -25
  426. package/fesm2015/ng-nest-ui-tabs.mjs.map +1 -1
  427. package/fesm2015/ng-nest-ui-tag.mjs +10 -10
  428. package/fesm2015/ng-nest-ui-text-retract.mjs +10 -10
  429. package/fesm2015/ng-nest-ui-textarea.mjs +10 -10
  430. package/fesm2015/ng-nest-ui-theme.mjs +10 -10
  431. package/fesm2015/ng-nest-ui-time-ago.mjs +7 -7
  432. package/fesm2015/ng-nest-ui-time-picker.mjs +33 -17
  433. package/fesm2015/ng-nest-ui-time-picker.mjs.map +1 -1
  434. package/fesm2015/ng-nest-ui-time-range.mjs +7 -7
  435. package/fesm2015/ng-nest-ui-timeline.mjs +10 -10
  436. package/fesm2015/ng-nest-ui-tooltip.mjs +13 -13
  437. package/fesm2015/ng-nest-ui-transfer.mjs +10 -10
  438. package/fesm2015/ng-nest-ui-tree-file.mjs +16 -13
  439. package/fesm2015/ng-nest-ui-tree-file.mjs.map +1 -1
  440. package/fesm2015/ng-nest-ui-tree-select.mjs +15 -15
  441. package/fesm2015/ng-nest-ui-tree-select.mjs.map +1 -1
  442. package/fesm2015/ng-nest-ui-tree.mjs +19 -19
  443. package/fesm2015/ng-nest-ui-tree.mjs.map +1 -1
  444. package/fesm2015/ng-nest-ui-typography.mjs +10 -10
  445. package/fesm2015/ng-nest-ui-upload.mjs +17 -22
  446. package/fesm2015/ng-nest-ui-upload.mjs.map +1 -1
  447. package/fesm2020/ng-nest-ui-affix.mjs +10 -10
  448. package/fesm2020/ng-nest-ui-alert.mjs +10 -10
  449. package/fesm2020/ng-nest-ui-anchor.mjs +28 -31
  450. package/fesm2020/ng-nest-ui-anchor.mjs.map +1 -1
  451. package/fesm2020/ng-nest-ui-api.mjs +7 -7
  452. package/fesm2020/ng-nest-ui-auto-complete.mjs +13 -13
  453. package/fesm2020/ng-nest-ui-avatar.mjs +20 -23
  454. package/fesm2020/ng-nest-ui-avatar.mjs.map +1 -1
  455. package/fesm2020/ng-nest-ui-back-top.mjs +23 -22
  456. package/fesm2020/ng-nest-ui-back-top.mjs.map +1 -1
  457. package/fesm2020/ng-nest-ui-badge.mjs +10 -10
  458. package/fesm2020/ng-nest-ui-base-form.mjs +10 -10
  459. package/fesm2020/ng-nest-ui-border.mjs +7 -7
  460. package/fesm2020/ng-nest-ui-button.mjs +34 -22
  461. package/fesm2020/ng-nest-ui-button.mjs.map +1 -1
  462. package/fesm2020/ng-nest-ui-calendar.mjs +10 -10
  463. package/fesm2020/ng-nest-ui-card.mjs +10 -10
  464. package/fesm2020/ng-nest-ui-carousel.mjs +16 -16
  465. package/fesm2020/ng-nest-ui-carousel.mjs.map +1 -1
  466. package/fesm2020/ng-nest-ui-cascade.mjs +13 -13
  467. package/fesm2020/ng-nest-ui-checkbox.mjs +10 -10
  468. package/fesm2020/ng-nest-ui-collapse.mjs +16 -16
  469. package/fesm2020/ng-nest-ui-color-picker.mjs +15 -15
  470. package/fesm2020/ng-nest-ui-color-picker.mjs.map +1 -1
  471. package/fesm2020/ng-nest-ui-color.mjs +16 -19
  472. package/fesm2020/ng-nest-ui-color.mjs.map +1 -1
  473. package/fesm2020/ng-nest-ui-comment.mjs +16 -16
  474. package/fesm2020/ng-nest-ui-container.mjs +31 -31
  475. package/fesm2020/ng-nest-ui-core.mjs +78 -47
  476. package/fesm2020/ng-nest-ui-core.mjs.map +1 -1
  477. package/fesm2020/ng-nest-ui-crumb.mjs +10 -10
  478. package/fesm2020/ng-nest-ui-date-picker.mjs +49 -49
  479. package/fesm2020/ng-nest-ui-description.mjs +16 -16
  480. package/fesm2020/ng-nest-ui-dialog.mjs +40 -40
  481. package/fesm2020/ng-nest-ui-doc.mjs +7 -7
  482. package/fesm2020/ng-nest-ui-drawer.mjs +31 -31
  483. package/fesm2020/ng-nest-ui-dropdown.mjs +13 -13
  484. package/fesm2020/ng-nest-ui-empty.mjs +13 -10
  485. package/fesm2020/ng-nest-ui-empty.mjs.map +1 -1
  486. package/fesm2020/ng-nest-ui-examples.mjs +7 -7
  487. package/fesm2020/ng-nest-ui-find.mjs +10 -10
  488. package/fesm2020/ng-nest-ui-find.mjs.map +1 -1
  489. package/fesm2020/ng-nest-ui-form.mjs +16 -16
  490. package/fesm2020/ng-nest-ui-highlight.mjs +15 -14
  491. package/fesm2020/ng-nest-ui-highlight.mjs.map +1 -1
  492. package/fesm2020/ng-nest-ui-i18n.mjs +29 -17
  493. package/fesm2020/ng-nest-ui-i18n.mjs.map +1 -1
  494. package/fesm2020/ng-nest-ui-icon.mjs +18 -23
  495. package/fesm2020/ng-nest-ui-icon.mjs.map +1 -1
  496. package/fesm2020/ng-nest-ui-image.mjs +29 -26
  497. package/fesm2020/ng-nest-ui-image.mjs.map +1 -1
  498. package/fesm2020/ng-nest-ui-inner.mjs +10 -10
  499. package/fesm2020/ng-nest-ui-input-number.mjs +10 -10
  500. package/fesm2020/ng-nest-ui-input.mjs +16 -16
  501. package/fesm2020/ng-nest-ui-keyword.mjs +10 -10
  502. package/fesm2020/ng-nest-ui-layout.mjs +16 -16
  503. package/fesm2020/ng-nest-ui-link.mjs +10 -10
  504. package/fesm2020/ng-nest-ui-list.mjs +20 -20
  505. package/fesm2020/ng-nest-ui-list.mjs.map +1 -1
  506. package/fesm2020/ng-nest-ui-loading.mjs +10 -10
  507. package/fesm2020/ng-nest-ui-menu.mjs +24 -24
  508. package/fesm2020/ng-nest-ui-menu.mjs.map +1 -1
  509. package/fesm2020/ng-nest-ui-message-box.mjs +10 -10
  510. package/fesm2020/ng-nest-ui-message.mjs +10 -10
  511. package/fesm2020/ng-nest-ui-notification.mjs +10 -10
  512. package/fesm2020/ng-nest-ui-outlet.mjs +7 -7
  513. package/fesm2020/ng-nest-ui-page-header.mjs +10 -10
  514. package/fesm2020/ng-nest-ui-pagination.mjs +10 -10
  515. package/fesm2020/ng-nest-ui-pattern.mjs +7 -7
  516. package/fesm2020/ng-nest-ui-popconfirm.mjs +10 -10
  517. package/fesm2020/ng-nest-ui-popover.mjs +13 -13
  518. package/fesm2020/ng-nest-ui-portal.mjs +9 -9
  519. package/fesm2020/ng-nest-ui-portal.mjs.map +1 -1
  520. package/fesm2020/ng-nest-ui-progress.mjs +10 -10
  521. package/fesm2020/ng-nest-ui-radio.mjs +11 -11
  522. package/fesm2020/ng-nest-ui-radio.mjs.map +1 -1
  523. package/fesm2020/ng-nest-ui-rate.mjs +10 -10
  524. package/fesm2020/ng-nest-ui-resizable.mjs +16 -19
  525. package/fesm2020/ng-nest-ui-resizable.mjs.map +1 -1
  526. package/fesm2020/ng-nest-ui-result.mjs +10 -10
  527. package/fesm2020/ng-nest-ui-ripple.mjs +12 -12
  528. package/fesm2020/ng-nest-ui-ripple.mjs.map +1 -1
  529. package/fesm2020/ng-nest-ui-select.mjs +15 -15
  530. package/fesm2020/ng-nest-ui-select.mjs.map +1 -1
  531. package/fesm2020/ng-nest-ui-skeleton.mjs +10 -10
  532. package/fesm2020/ng-nest-ui-slider-select.mjs +27 -20
  533. package/fesm2020/ng-nest-ui-slider-select.mjs.map +1 -1
  534. package/fesm2020/ng-nest-ui-slider.mjs +13 -11
  535. package/fesm2020/ng-nest-ui-slider.mjs.map +1 -1
  536. package/fesm2020/ng-nest-ui-statistic.mjs +16 -16
  537. package/fesm2020/ng-nest-ui-steps.mjs +10 -10
  538. package/fesm2020/ng-nest-ui-switch.mjs +10 -10
  539. package/fesm2020/ng-nest-ui-table.mjs +57 -47
  540. package/fesm2020/ng-nest-ui-table.mjs.map +1 -1
  541. package/fesm2020/ng-nest-ui-tabs.mjs +25 -25
  542. package/fesm2020/ng-nest-ui-tabs.mjs.map +1 -1
  543. package/fesm2020/ng-nest-ui-tag.mjs +10 -10
  544. package/fesm2020/ng-nest-ui-text-retract.mjs +10 -10
  545. package/fesm2020/ng-nest-ui-textarea.mjs +10 -10
  546. package/fesm2020/ng-nest-ui-theme.mjs +10 -10
  547. package/fesm2020/ng-nest-ui-time-ago.mjs +7 -7
  548. package/fesm2020/ng-nest-ui-time-picker.mjs +33 -17
  549. package/fesm2020/ng-nest-ui-time-picker.mjs.map +1 -1
  550. package/fesm2020/ng-nest-ui-time-range.mjs +7 -7
  551. package/fesm2020/ng-nest-ui-timeline.mjs +10 -10
  552. package/fesm2020/ng-nest-ui-tooltip.mjs +13 -13
  553. package/fesm2020/ng-nest-ui-transfer.mjs +10 -10
  554. package/fesm2020/ng-nest-ui-tree-file.mjs +16 -13
  555. package/fesm2020/ng-nest-ui-tree-file.mjs.map +1 -1
  556. package/fesm2020/ng-nest-ui-tree-select.mjs +15 -15
  557. package/fesm2020/ng-nest-ui-tree-select.mjs.map +1 -1
  558. package/fesm2020/ng-nest-ui-tree.mjs +19 -19
  559. package/fesm2020/ng-nest-ui-tree.mjs.map +1 -1
  560. package/fesm2020/ng-nest-ui-typography.mjs +10 -10
  561. package/fesm2020/ng-nest-ui-upload.mjs +17 -20
  562. package/fesm2020/ng-nest-ui-upload.mjs.map +1 -1
  563. package/i18n/i18n.property.d.ts +3 -0
  564. package/i18n/languages/en_GB.d.ts +3 -0
  565. package/i18n/languages/en_US.d.ts +3 -0
  566. package/i18n/languages/zh_CN.d.ts +3 -0
  567. package/i18n/languages/zh_TW.d.ts +3 -0
  568. package/icon/icon.component.d.ts +4 -4
  569. package/image/image-preview.component.d.ts +1 -0
  570. package/menu/menu.component.d.ts +2 -2
  571. package/package.json +1 -1
  572. package/resizable/resizable.directive.d.ts +1 -1
  573. package/slider-select/slider-select.component.d.ts +1 -1
  574. package/table/drag.directive.d.ts +1 -1
  575. package/table/table-body.component.d.ts +2 -2
  576. package/table/table.property.d.ts +16 -1
  577. package/time-picker/time-picker.component.d.ts +1 -0
  578. package/upload/upload-portal.component.d.ts +1 -1
package/esm2020/checkbox/checkbox.component.mjs CHANGED
@@ -109,9 +109,9 @@ export class XCheckboxComponent extends XCheckboxProperty {
109
109
  this.cdr.detectChanges();
110
110
  }
111
111
  }
112
- /** @nocollapse */ XCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XCheckboxComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
113
- /** @nocollapse */ XCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: XCheckboxComponent, selector: "x-checkbox", providers: [XValueAccessor(XCheckboxComponent)], viewQueries: [{ propertyName: "checkbox", first: true, predicate: ["checkbox"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\r\n #checkbox\r\n class=\"x-checkbox\"\r\n [class.x-flex]=\"justify || align || direction\"\r\n [class.x-disabled]=\"disabled\"\r\n [class.x-required]=\"requiredIsEmpty\"\r\n [class.x-invalid]=\"invalid\"\r\n [class.x-checkbox-button]=\"button\"\r\n [class.x-checkbox-icon]=\"icon\"\r\n [class.x-checkbox-after]=\"after\"\r\n [class.x-checkbox-before]=\"before\"\r\n [class.x-checkbox-after-template]=\"afterIsTemplate\"\r\n [class.x-checkbox-before-template]=\"beforeIsTemplate\"\r\n>\r\n <label *ngIf=\"label\" [class.x-checkbox-label-required]=\"required\" [style.width]=\"labelWidth\" [ngClass]=\"labelMap\">{{ label }}</label>\r\n <div class=\"x-checkbox-row\">\r\n <div class=\"x-checkbox-row-before\" *ngIf=\"before\">\r\n <ng-container *xOutlet=\"before\">{{ before }}</ng-container>\r\n </div>\r\n <div class=\"x-checkbox-row-list\" [ngSwitch]=\"checkboxType\">\r\n <ng-container *ngSwitchCase=\"'initial'\">\r\n <div\r\n class=\"x-checkbox-row-item\"\r\n *ngFor=\"let item of nodes; trackBy: trackByItem\"\r\n [class.x-checked]=\"getChecked(item.id)\"\r\n [class.x-disabled]=\"disabled || item.disabled\"\r\n [class.x-indeterminate]=\"indeterminate\"\r\n (click)=\"checkboxClick($event, item)\"\r\n >\r\n <span class=\"x-checkbox-box\"></span>\r\n <span class=\"x-checkbox-label\">\r\n <ng-container *xOutlet=\"item.label; context: { $node: item }\">{{ item.label }}</ng-container>\r\n </span>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'button'\">\r\n <x-buttons>\r\n <x-button\r\n *ngFor=\"let item of nodes; trackBy: trackByItem\"\r\n [icon]=\"item.icon\"\r\n [title]=\"item.title\"\r\n [size]=\"size\"\r\n [type]=\"type\"\r\n [activated]=\"getChecked(item.id)\"\r\n [disabled]=\"getDisabled(item.disabled)\"\r\n attrType=\"button\"\r\n (click)=\"checkboxClick($event, item)\"\r\n >{{ item.label }}</x-button\r\n >\r\n </x-buttons>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'icon'\">\r\n <x-buttons>\r\n <x-button\r\n *ngFor=\"let item of nodes; trackBy: trackByItem\"\r\n [icon]=\"item.icon\"\r\n [title]=\"item.title\"\r\n [size]=\"size\"\r\n [type]=\"type\"\r\n [activated]=\"getChecked(item.id)\"\r\n [disabled]=\"getDisabled(item.disabled)\"\r\n attrType=\"button\"\r\n (click)=\"checkboxClick($event, item)\"\r\n >{{ item.label }}</x-button\r\n >\r\n </x-buttons>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'tag'\">\r\n <x-tag\r\n *ngFor=\"let item of nodes; trackBy: trackByItem\"\r\n checked\r\n manual\r\n [type]=\"type\"\r\n [size]=\"size\"\r\n [bordered]=\"tagBordered\"\r\n [dark]=\"tagDark\"\r\n [disabled]=\"getDisabled(item.disabled)\"\r\n [selected]=\"getChecked(item.id)\"\r\n (click)=\"checkboxClick($event, item)\"\r\n >{{ item.label }}</x-tag\r\n >\r\n </ng-container>\r\n </div>\r\n <div class=\"x-checkbox-row-after\" *ngIf=\"after\">\r\n <ng-container *xOutlet=\"after\">{{ after }}</ng-container>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<ng-template #default> </ng-template>\r\n", styles: [".x-checkbox{margin:0;padding:0;width:100%}.x-checkbox.x-flex{display:flex}.x-checkbox.x-justify-start{justify-content:flex-start}.x-checkbox.x-justify-center{justify-content:center}.x-checkbox.x-justify-end{justify-content:flex-end}.x-checkbox.x-justify-space-between{justify-content:space-between}.x-checkbox.x-justify-space-around{justify-content:space-around}.x-checkbox.x-align-start{align-items:flex-start}.x-checkbox.x-align-center{align-items:center}.x-checkbox.x-align-end{align-items:flex-end}.x-checkbox.x-direction-column{flex-direction:column}.x-checkbox.x-direction-column-reverse{flex-direction:column-reverse}.x-checkbox.x-direction-row{flex-direction:row}.x-checkbox.x-direction-row-reverse{flex-direction:row-reverse}.x-checkbox>label{display:inline-block;white-space:nowrap;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem);position:relative;color:var(--x-text-300);font-weight:600}.x-checkbox>label.x-text-align-start{text-align:start}.x-checkbox>label.x-text-align-center{text-align:center}.x-checkbox>label.x-text-align-end{text-align:end}.x-checkbox-row{flex:1;display:flex;align-items:center;flex-wrap:wrap;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem)}.x-checkbox-row .x-checkbox-row-before,.x-checkbox-row .x-checkbox-row-after{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:var(--x-border-radius);background-color:var(--x-background-a100);padding:0 var(--x-padding-medium);height:var(--x-height-medium);line-height:var(--x-height-medium)}.x-checkbox-row-list{position:relative;display:inline-flex;align-items:center}.x-checkbox-row-list x-tag:not(:first-child){margin-left:.875rem}.x-checkbox-row-item{position:relative;display:inline-flex;align-items:center;white-space:nowrap;outline:none;margin-right:.875rem;font-size:.875rem;cursor:pointer;transition:all .3s}.x-checkbox-row-item:hover{color:var(--x-primary)}.x-checkbox-row-item:hover .x-checkbox-box{border-color:var(--x-primary)}.x-checkbox-row-item:last-child{margin-right:0}.x-checkbox-row-item.x-indeterminate .x-checkbox-box{border-color:var(--x-primary)}.x-checkbox-row-item.x-indeterminate .x-checkbox-box:after{top:50%;left:50%;width:.5rem;height:.5rem;background-color:var(--x-primary);border:0;transform:translate(-50%,-50%) scale(1);opacity:1;content:\" \"}.x-checkbox-row-item.x-checked .x-checkbox-box{border-color:var(--x-primary);background-color:var(--x-primary)}.x-checkbox-row-item.x-checked .x-checkbox-box:after{border:.125rem solid var(--x-background-100);border-top:0;border-left:0;top:.3875rem;left:.1875rem;width:.3125rem;height:.625rem;transform:rotate(40deg) scale(1) translate(-50%,-50%);opacity:1;transition:all .2s;content:\" \"}.x-checkbox-row-item.x-disabled{color:var(--x-text-400);cursor:not-allowed}.x-checkbox-row-item.x-disabled .x-checkbox-box{border-color:var(--x-border-100);background-color:var(--x-border-300)}.x-checkbox-row-item.x-disabled .x-checkbox-box:after{border-color:var(--x-text-400);background-color:transparent}.x-checkbox-button .x-checkbox-row-before,.x-checkbox-icon .x-checkbox-row-before{margin-right:0}.x-checkbox-button .x-checkbox-row-after,.x-checkbox-icon .x-checkbox-row-after{margin-left:0}.x-checkbox-box{border:var(--x-border-width) solid var(--x-border);width:1rem;height:1rem;border-radius:.0625rem;background-color:var(--x-background-a100);position:relative;display:inline-block;box-sizing:border-box;transition:all .3s}.x-checkbox-box:hover{border-color:var(--x-primary)}.x-checkbox-box:after{position:absolute;top:.35rem;left:.175rem;display:inline-block;width:.3rem;height:.6rem;border:.125rem solid var(--x-background-a100);border-top:0;border-left:0;transform:rotate(40deg) scale(0) translate(-50%,-50%);opacity:0;transition:all .3s;content:\" \"}.x-checkbox-label{margin-left:.325rem;-webkit-user-select:none;user-select:none}.x-checkbox-label-required:before{display:inline-block;margin-right:.25rem;color:var(--x-danger);line-height:1;font-size:var(--x-font-size-small);content:\"*\"}.x-checkbox-before:not(.x-checkbox-before-template,.x-checkbox-button,.x-checkbox-icon) .x-checkbox-row-before{margin-right:var(--x-padding-medium)}.x-checkbox-before.x-checkbox-button .x-buttons:not(.x-buttons-space)>x-button:first-child .x-button,.x-checkbox-before.x-checkbox-icon .x-buttons:not(.x-buttons-space)>x-button:first-child .x-button{border-top-left-radius:0;border-bottom-left-radius:0}.x-checkbox-before.x-checkbox-button .x-checkbox-row-before,.x-checkbox-before.x-checkbox-icon .x-checkbox-row-before{margin-right:0;border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.x-checkbox-before-template .x-checkbox-row-before{display:contents}.x-checkbox-before-template .x-checkbox-row-list{margin-left:var(--x-padding-medium)}.x-checkbox-before-template.x-checkbox-button .x-checkbox-row-list,.x-checkbox-before-template.x-checkbox-icon .x-checkbox-row-list{margin-left:0}.x-checkbox-before-template.x-checkbox-button .x-checkbox-row-list .x-button,.x-checkbox-before-template.x-checkbox-icon .x-checkbox-row-list .x-button{margin-left:calc(var(--x-border-width) * -1)}.x-checkbox-before-template.x-checkbox-button .x-checkbox-row-list .x-button:hover,.x-checkbox-before-template.x-checkbox-button .x-checkbox-row-list .x-button:focus,.x-checkbox-before-template.x-checkbox-icon .x-checkbox-row-list .x-button:hover,.x-checkbox-before-template.x-checkbox-icon .x-checkbox-row-list .x-button:focus{z-index:1}.x-checkbox-before-template.x-checkbox-button .x-checkbox-row-before input:hover,.x-checkbox-before-template.x-checkbox-button .x-checkbox-row-before input:focus,.x-checkbox-before-template.x-checkbox-button .x-checkbox-row-before .x-button:hover,.x-checkbox-before-template.x-checkbox-button .x-checkbox-row-before .x-button:focus,.x-checkbox-before-template.x-checkbox-icon .x-checkbox-row-before input:hover,.x-checkbox-before-template.x-checkbox-icon .x-checkbox-row-before input:focus,.x-checkbox-before-template.x-checkbox-icon .x-checkbox-row-before .x-button:hover,.x-checkbox-before-template.x-checkbox-icon .x-checkbox-row-before .x-button:focus{z-index:1}.x-checkbox-before-template.x-checkbox-button .x-checkbox-row-before input,.x-checkbox-before-template.x-checkbox-button .x-checkbox-row-before .x-button,.x-checkbox-before-template.x-checkbox-icon .x-checkbox-row-before input,.x-checkbox-before-template.x-checkbox-icon .x-checkbox-row-before .x-button{border-top-right-radius:0;border-bottom-right-radius:0}.x-checkbox-after:not(.x-checkbox-before-template,.x-checkbox-button,.x-checkbox-icon) .x-checkbox-row-after{margin-left:var(--x-padding-medium)}.x-checkbox-after.x-checkbox-button .x-buttons:not(.x-buttons-space)>x-button:last-child .x-button,.x-checkbox-after.x-checkbox-icon .x-buttons:not(.x-buttons-space)>x-button:last-child .x-button{border-top-right-radius:0;border-bottom-right-radius:0}.x-checkbox-after.x-checkbox-button .x-checkbox-row-after,.x-checkbox-after.x-checkbox-icon .x-checkbox-row-after{margin-left:0;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.x-checkbox-after-template .x-checkbox-row-after{display:contents}.x-checkbox-after-template .x-checkbox-row-list{margin-right:var(--x-padding-medium)}.x-checkbox-after-template.x-checkbox-button .x-checkbox-row-list,.x-checkbox-after-template.x-checkbox-icon .x-checkbox-row-list{margin-right:0}.x-checkbox-after-template.x-checkbox-button .x-checkbox-row-list .x-button,.x-checkbox-after-template.x-checkbox-icon .x-checkbox-row-list .x-button{margin-right:calc(var(--x-border-width) * -1)}.x-checkbox-after-template.x-checkbox-button .x-checkbox-row-list .x-button:hover,.x-checkbox-after-template.x-checkbox-button .x-checkbox-row-list .x-button:focus,.x-checkbox-after-template.x-checkbox-icon .x-checkbox-row-list .x-button:hover,.x-checkbox-after-template.x-checkbox-icon .x-checkbox-row-list .x-button:focus{z-index:1}.x-checkbox-after-template.x-checkbox-button .x-checkbox-row-after input:hover,.x-checkbox-after-template.x-checkbox-button .x-checkbox-row-after input:focus,.x-checkbox-after-template.x-checkbox-button .x-checkbox-row-after .x-button:hover,.x-checkbox-after-template.x-checkbox-button .x-checkbox-row-after .x-button:focus,.x-checkbox-after-template.x-checkbox-icon .x-checkbox-row-after input:hover,.x-checkbox-after-template.x-checkbox-icon .x-checkbox-row-after input:focus,.x-checkbox-after-template.x-checkbox-icon .x-checkbox-row-after .x-button:hover,.x-checkbox-after-template.x-checkbox-icon .x-checkbox-row-after .x-button:focus{z-index:1}.x-checkbox-after-template.x-checkbox-button .x-checkbox-row-after input,.x-checkbox-after-template.x-checkbox-button .x-checkbox-row-after .x-button,.x-checkbox-after-template.x-checkbox-icon .x-checkbox-row-after input,.x-checkbox-after-template.x-checkbox-icon .x-checkbox-row-after .x-button{border-top-left-radius:0;border-bottom-left-radius:0}.x-checkbox.x-disabled .x-checkbox-item{color:var(--x-text-400);cursor:not-allowed}.x-checkbox.x-disabled .x-checkbox-item.x-indeterminate .x-checkbox-box:after{background-color:var(--x-text-400)}.x-checkbox.x-disabled .x-checkbox-item.x-checked .x-checkbox-box:after{background-color:transparent}.x-checkbox.x-disabled .x-checkbox-item .x-checkbox-box{border-color:var(--x-border-100);background-color:var(--x-border-300)}.x-checkbox.x-disabled .x-checkbox-item .x-checkbox-box:after{border-color:var(--x-text-400);background-color:transparent}.x-checkbox.x-invalid>label,.x-checkbox.x-required>label{color:var(--x-danger)}.x-checkbox.x-direction-row>label{padding:0 .5rem 0 0}.x-checkbox.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-checkbox.x-direction-column,.x-checkbox.x-direction-column-reverse{align-items:inherit}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i3.XButtonComponent, selector: "x-button" }, { kind: "component", type: i3.XButtonsComponent, selector: "x-buttons" }, { kind: "component", type: i4.XTagComponent, selector: "x-tag" }, { kind: "directive", type: i5.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
114
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XCheckboxComponent, decorators: [{
112
+ /** @nocollapse */ XCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XCheckboxComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
113
+ /** @nocollapse */ XCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: XCheckboxComponent, selector: "x-checkbox", providers: [XValueAccessor(XCheckboxComponent)], viewQueries: [{ propertyName: "checkbox", first: true, predicate: ["checkbox"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\r\n #checkbox\r\n class=\"x-checkbox\"\r\n [class.x-flex]=\"justify || align || direction\"\r\n [class.x-disabled]=\"disabled\"\r\n [class.x-required]=\"requiredIsEmpty\"\r\n [class.x-invalid]=\"invalid\"\r\n [class.x-checkbox-button]=\"button\"\r\n [class.x-checkbox-icon]=\"icon\"\r\n [class.x-checkbox-after]=\"after\"\r\n [class.x-checkbox-before]=\"before\"\r\n [class.x-checkbox-after-template]=\"afterIsTemplate\"\r\n [class.x-checkbox-before-template]=\"beforeIsTemplate\"\r\n>\r\n <label *ngIf=\"label\" [class.x-checkbox-label-required]=\"required\" [style.width]=\"labelWidth\" [ngClass]=\"labelMap\">{{ label }}</label>\r\n <div class=\"x-checkbox-row\">\r\n <div class=\"x-checkbox-row-before\" *ngIf=\"before\">\r\n <ng-container *xOutlet=\"before\">{{ before }}</ng-container>\r\n </div>\r\n <div class=\"x-checkbox-row-list\" [ngSwitch]=\"checkboxType\">\r\n <ng-container *ngSwitchCase=\"'initial'\">\r\n <div\r\n class=\"x-checkbox-row-item\"\r\n *ngFor=\"let item of nodes; trackBy: trackByItem\"\r\n [class.x-checked]=\"getChecked(item.id)\"\r\n [class.x-disabled]=\"disabled || item.disabled\"\r\n [class.x-indeterminate]=\"indeterminate\"\r\n (click)=\"checkboxClick($event, item)\"\r\n >\r\n <span class=\"x-checkbox-box\"></span>\r\n <span class=\"x-checkbox-label\">\r\n <ng-container *xOutlet=\"item.label; context: { $node: item }\">{{ item.label }}</ng-container>\r\n </span>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'button'\">\r\n <x-buttons>\r\n <x-button\r\n *ngFor=\"let item of nodes; trackBy: trackByItem\"\r\n [icon]=\"item.icon\"\r\n [title]=\"item.title\"\r\n [size]=\"size\"\r\n [type]=\"type\"\r\n [activated]=\"getChecked(item.id)\"\r\n [disabled]=\"getDisabled(item.disabled)\"\r\n attrType=\"button\"\r\n (click)=\"checkboxClick($event, item)\"\r\n >{{ item.label }}</x-button\r\n >\r\n </x-buttons>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'icon'\">\r\n <x-buttons>\r\n <x-button\r\n *ngFor=\"let item of nodes; trackBy: trackByItem\"\r\n [icon]=\"item.icon\"\r\n [title]=\"item.title\"\r\n [size]=\"size\"\r\n [type]=\"type\"\r\n [activated]=\"getChecked(item.id)\"\r\n [disabled]=\"getDisabled(item.disabled)\"\r\n attrType=\"button\"\r\n (click)=\"checkboxClick($event, item)\"\r\n >{{ item.label }}</x-button\r\n >\r\n </x-buttons>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'tag'\">\r\n <x-tag\r\n *ngFor=\"let item of nodes; trackBy: trackByItem\"\r\n checked\r\n manual\r\n [type]=\"type\"\r\n [size]=\"size\"\r\n [bordered]=\"tagBordered\"\r\n [dark]=\"tagDark\"\r\n [disabled]=\"getDisabled(item.disabled)\"\r\n [selected]=\"getChecked(item.id)\"\r\n (click)=\"checkboxClick($event, item)\"\r\n >{{ item.label }}</x-tag\r\n >\r\n </ng-container>\r\n </div>\r\n <div class=\"x-checkbox-row-after\" *ngIf=\"after\">\r\n <ng-container *xOutlet=\"after\">{{ after }}</ng-container>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<ng-template #default> </ng-template>\r\n", styles: [".x-checkbox{margin:0;padding:0;width:100%}.x-checkbox.x-flex{display:flex}.x-checkbox.x-justify-start{justify-content:flex-start}.x-checkbox.x-justify-center{justify-content:center}.x-checkbox.x-justify-end{justify-content:flex-end}.x-checkbox.x-justify-space-between{justify-content:space-between}.x-checkbox.x-justify-space-around{justify-content:space-around}.x-checkbox.x-align-start{align-items:flex-start}.x-checkbox.x-align-center{align-items:center}.x-checkbox.x-align-end{align-items:flex-end}.x-checkbox.x-direction-column{flex-direction:column}.x-checkbox.x-direction-column-reverse{flex-direction:column-reverse}.x-checkbox.x-direction-row{flex-direction:row}.x-checkbox.x-direction-row-reverse{flex-direction:row-reverse}.x-checkbox>label{display:inline-block;white-space:nowrap;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem);position:relative;color:var(--x-text-300);font-weight:600}.x-checkbox>label.x-text-align-start{text-align:start}.x-checkbox>label.x-text-align-center{text-align:center}.x-checkbox>label.x-text-align-end{text-align:end}.x-checkbox-row{flex:1;display:flex;align-items:center;flex-wrap:wrap;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem)}.x-checkbox-row .x-checkbox-row-before,.x-checkbox-row .x-checkbox-row-after{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:var(--x-border-radius);background-color:var(--x-background-a100);padding:0 var(--x-padding-medium);height:var(--x-height-medium);line-height:var(--x-height-medium)}.x-checkbox-row-list{position:relative;display:inline-flex;align-items:center}.x-checkbox-row-list x-tag:not(:first-child){margin-left:.875rem}.x-checkbox-row-item{position:relative;display:inline-flex;align-items:center;white-space:nowrap;outline:none;margin-right:.875rem;font-size:.875rem;cursor:pointer;transition:all .3s}.x-checkbox-row-item:hover{color:var(--x-primary)}.x-checkbox-row-item:hover .x-checkbox-box{border-color:var(--x-primary)}.x-checkbox-row-item:last-child{margin-right:0}.x-checkbox-row-item.x-indeterminate .x-checkbox-box{border-color:var(--x-primary)}.x-checkbox-row-item.x-indeterminate .x-checkbox-box:after{top:50%;left:50%;width:.5rem;height:.5rem;background-color:var(--x-primary);border:0;transform:translate(-50%,-50%) scale(1);opacity:1;content:\" \"}.x-checkbox-row-item.x-checked .x-checkbox-box{border-color:var(--x-primary);background-color:var(--x-primary)}.x-checkbox-row-item.x-checked .x-checkbox-box:after{border:.125rem solid var(--x-background-100);border-top:0;border-left:0;top:.3875rem;left:.1875rem;width:.3125rem;height:.625rem;transform:rotate(40deg) scale(1) translate(-50%,-50%);opacity:1;transition:all .2s;content:\" \"}.x-checkbox-row-item.x-disabled{color:var(--x-text-400);cursor:not-allowed}.x-checkbox-row-item.x-disabled .x-checkbox-box{border-color:var(--x-border-100);background-color:var(--x-border-300)}.x-checkbox-row-item.x-disabled .x-checkbox-box:after{border-color:var(--x-text-400);background-color:transparent}.x-checkbox-button .x-checkbox-row-before,.x-checkbox-icon .x-checkbox-row-before{margin-right:0}.x-checkbox-button .x-checkbox-row-after,.x-checkbox-icon .x-checkbox-row-after{margin-left:0}.x-checkbox-box{border:var(--x-border-width) solid var(--x-border);width:1rem;height:1rem;border-radius:.0625rem;background-color:var(--x-background-a100);position:relative;display:inline-block;box-sizing:border-box;transition:all .3s}.x-checkbox-box:hover{border-color:var(--x-primary)}.x-checkbox-box:after{position:absolute;top:.35rem;left:.175rem;display:inline-block;width:.3rem;height:.6rem;border:.125rem solid var(--x-background-a100);border-top:0;border-left:0;transform:rotate(40deg) scale(0) translate(-50%,-50%);opacity:0;transition:all .3s;content:\" \"}.x-checkbox-label{margin-left:.325rem;-webkit-user-select:none;user-select:none}.x-checkbox-label-required:before{display:inline-block;margin-right:.25rem;color:var(--x-danger);line-height:1;font-size:var(--x-font-size-small);content:\"*\"}.x-checkbox-before:not(.x-checkbox-before-template,.x-checkbox-button,.x-checkbox-icon) .x-checkbox-row-before{margin-right:var(--x-padding-medium)}.x-checkbox-before.x-checkbox-button .x-buttons:not(.x-buttons-space)>x-button:first-child .x-button,.x-checkbox-before.x-checkbox-icon .x-buttons:not(.x-buttons-space)>x-button:first-child .x-button{border-top-left-radius:0;border-bottom-left-radius:0}.x-checkbox-before.x-checkbox-button .x-checkbox-row-before,.x-checkbox-before.x-checkbox-icon .x-checkbox-row-before{margin-right:0;border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.x-checkbox-before-template .x-checkbox-row-before{display:contents}.x-checkbox-before-template .x-checkbox-row-list{margin-left:var(--x-padding-medium)}.x-checkbox-before-template.x-checkbox-button .x-checkbox-row-list,.x-checkbox-before-template.x-checkbox-icon .x-checkbox-row-list{margin-left:0}.x-checkbox-before-template.x-checkbox-button .x-checkbox-row-list .x-button,.x-checkbox-before-template.x-checkbox-icon .x-checkbox-row-list .x-button{margin-left:calc(var(--x-border-width) * -1)}.x-checkbox-before-template.x-checkbox-button .x-checkbox-row-list .x-button:hover,.x-checkbox-before-template.x-checkbox-button .x-checkbox-row-list .x-button:focus,.x-checkbox-before-template.x-checkbox-icon .x-checkbox-row-list .x-button:hover,.x-checkbox-before-template.x-checkbox-icon .x-checkbox-row-list .x-button:focus{z-index:1}.x-checkbox-before-template.x-checkbox-button .x-checkbox-row-before input:hover,.x-checkbox-before-template.x-checkbox-button .x-checkbox-row-before input:focus,.x-checkbox-before-template.x-checkbox-button .x-checkbox-row-before .x-button:hover,.x-checkbox-before-template.x-checkbox-button .x-checkbox-row-before .x-button:focus,.x-checkbox-before-template.x-checkbox-icon .x-checkbox-row-before input:hover,.x-checkbox-before-template.x-checkbox-icon .x-checkbox-row-before input:focus,.x-checkbox-before-template.x-checkbox-icon .x-checkbox-row-before .x-button:hover,.x-checkbox-before-template.x-checkbox-icon .x-checkbox-row-before .x-button:focus{z-index:1}.x-checkbox-before-template.x-checkbox-button .x-checkbox-row-before input,.x-checkbox-before-template.x-checkbox-button .x-checkbox-row-before .x-button,.x-checkbox-before-template.x-checkbox-icon .x-checkbox-row-before input,.x-checkbox-before-template.x-checkbox-icon .x-checkbox-row-before .x-button{border-top-right-radius:0;border-bottom-right-radius:0}.x-checkbox-after:not(.x-checkbox-before-template,.x-checkbox-button,.x-checkbox-icon) .x-checkbox-row-after{margin-left:var(--x-padding-medium)}.x-checkbox-after.x-checkbox-button .x-buttons:not(.x-buttons-space)>x-button:last-child .x-button,.x-checkbox-after.x-checkbox-icon .x-buttons:not(.x-buttons-space)>x-button:last-child .x-button{border-top-right-radius:0;border-bottom-right-radius:0}.x-checkbox-after.x-checkbox-button .x-checkbox-row-after,.x-checkbox-after.x-checkbox-icon .x-checkbox-row-after{margin-left:0;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.x-checkbox-after-template .x-checkbox-row-after{display:contents}.x-checkbox-after-template .x-checkbox-row-list{margin-right:var(--x-padding-medium)}.x-checkbox-after-template.x-checkbox-button .x-checkbox-row-list,.x-checkbox-after-template.x-checkbox-icon .x-checkbox-row-list{margin-right:0}.x-checkbox-after-template.x-checkbox-button .x-checkbox-row-list .x-button,.x-checkbox-after-template.x-checkbox-icon .x-checkbox-row-list .x-button{margin-right:calc(var(--x-border-width) * -1)}.x-checkbox-after-template.x-checkbox-button .x-checkbox-row-list .x-button:hover,.x-checkbox-after-template.x-checkbox-button .x-checkbox-row-list .x-button:focus,.x-checkbox-after-template.x-checkbox-icon .x-checkbox-row-list .x-button:hover,.x-checkbox-after-template.x-checkbox-icon .x-checkbox-row-list .x-button:focus{z-index:1}.x-checkbox-after-template.x-checkbox-button .x-checkbox-row-after input:hover,.x-checkbox-after-template.x-checkbox-button .x-checkbox-row-after input:focus,.x-checkbox-after-template.x-checkbox-button .x-checkbox-row-after .x-button:hover,.x-checkbox-after-template.x-checkbox-button .x-checkbox-row-after .x-button:focus,.x-checkbox-after-template.x-checkbox-icon .x-checkbox-row-after input:hover,.x-checkbox-after-template.x-checkbox-icon .x-checkbox-row-after input:focus,.x-checkbox-after-template.x-checkbox-icon .x-checkbox-row-after .x-button:hover,.x-checkbox-after-template.x-checkbox-icon .x-checkbox-row-after .x-button:focus{z-index:1}.x-checkbox-after-template.x-checkbox-button .x-checkbox-row-after input,.x-checkbox-after-template.x-checkbox-button .x-checkbox-row-after .x-button,.x-checkbox-after-template.x-checkbox-icon .x-checkbox-row-after input,.x-checkbox-after-template.x-checkbox-icon .x-checkbox-row-after .x-button{border-top-left-radius:0;border-bottom-left-radius:0}.x-checkbox.x-disabled .x-checkbox-item{color:var(--x-text-400);cursor:not-allowed}.x-checkbox.x-disabled .x-checkbox-item.x-indeterminate .x-checkbox-box:after{background-color:var(--x-text-400)}.x-checkbox.x-disabled .x-checkbox-item.x-checked .x-checkbox-box:after{background-color:transparent}.x-checkbox.x-disabled .x-checkbox-item .x-checkbox-box{border-color:var(--x-border-100);background-color:var(--x-border-300)}.x-checkbox.x-disabled .x-checkbox-item .x-checkbox-box:after{border-color:var(--x-text-400);background-color:transparent}.x-checkbox.x-invalid>label,.x-checkbox.x-required>label{color:var(--x-danger)}.x-checkbox.x-direction-row>label{padding:0 .5rem 0 0}.x-checkbox.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-checkbox.x-direction-column,.x-checkbox.x-direction-column-reverse{align-items:inherit}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i3.XButtonComponent, selector: "x-button" }, { kind: "component", type: i3.XButtonsComponent, selector: "x-buttons" }, { kind: "component", type: i4.XTagComponent, selector: "x-tag" }, { kind: "directive", type: i5.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
114
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XCheckboxComponent, decorators: [{
115
115
  type: Component,
116
116
  args: [{ selector: `${XCheckboxPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [XValueAccessor(XCheckboxComponent)], template: "<div\r\n #checkbox\r\n class=\"x-checkbox\"\r\n [class.x-flex]=\"justify || align || direction\"\r\n [class.x-disabled]=\"disabled\"\r\n [class.x-required]=\"requiredIsEmpty\"\r\n [class.x-invalid]=\"invalid\"\r\n [class.x-checkbox-button]=\"button\"\r\n [class.x-checkbox-icon]=\"icon\"\r\n [class.x-checkbox-after]=\"after\"\r\n [class.x-checkbox-before]=\"before\"\r\n [class.x-checkbox-after-template]=\"afterIsTemplate\"\r\n [class.x-checkbox-before-template]=\"beforeIsTemplate\"\r\n>\r\n <label *ngIf=\"label\" [class.x-checkbox-label-required]=\"required\" [style.width]=\"labelWidth\" [ngClass]=\"labelMap\">{{ label }}</label>\r\n <div class=\"x-checkbox-row\">\r\n <div class=\"x-checkbox-row-before\" *ngIf=\"before\">\r\n <ng-container *xOutlet=\"before\">{{ before }}</ng-container>\r\n </div>\r\n <div class=\"x-checkbox-row-list\" [ngSwitch]=\"checkboxType\">\r\n <ng-container *ngSwitchCase=\"'initial'\">\r\n <div\r\n class=\"x-checkbox-row-item\"\r\n *ngFor=\"let item of nodes; trackBy: trackByItem\"\r\n [class.x-checked]=\"getChecked(item.id)\"\r\n [class.x-disabled]=\"disabled || item.disabled\"\r\n [class.x-indeterminate]=\"indeterminate\"\r\n (click)=\"checkboxClick($event, item)\"\r\n >\r\n <span class=\"x-checkbox-box\"></span>\r\n <span class=\"x-checkbox-label\">\r\n <ng-container *xOutlet=\"item.label; context: { $node: item }\">{{ item.label }}</ng-container>\r\n </span>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'button'\">\r\n <x-buttons>\r\n <x-button\r\n *ngFor=\"let item of nodes; trackBy: trackByItem\"\r\n [icon]=\"item.icon\"\r\n [title]=\"item.title\"\r\n [size]=\"size\"\r\n [type]=\"type\"\r\n [activated]=\"getChecked(item.id)\"\r\n [disabled]=\"getDisabled(item.disabled)\"\r\n attrType=\"button\"\r\n (click)=\"checkboxClick($event, item)\"\r\n >{{ item.label }}</x-button\r\n >\r\n </x-buttons>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'icon'\">\r\n <x-buttons>\r\n <x-button\r\n *ngFor=\"let item of nodes; trackBy: trackByItem\"\r\n [icon]=\"item.icon\"\r\n [title]=\"item.title\"\r\n [size]=\"size\"\r\n [type]=\"type\"\r\n [activated]=\"getChecked(item.id)\"\r\n [disabled]=\"getDisabled(item.disabled)\"\r\n attrType=\"button\"\r\n (click)=\"checkboxClick($event, item)\"\r\n >{{ item.label }}</x-button\r\n >\r\n </x-buttons>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'tag'\">\r\n <x-tag\r\n *ngFor=\"let item of nodes; trackBy: trackByItem\"\r\n checked\r\n manual\r\n [type]=\"type\"\r\n [size]=\"size\"\r\n [bordered]=\"tagBordered\"\r\n [dark]=\"tagDark\"\r\n [disabled]=\"getDisabled(item.disabled)\"\r\n [selected]=\"getChecked(item.id)\"\r\n (click)=\"checkboxClick($event, item)\"\r\n >{{ item.label }}</x-tag\r\n >\r\n </ng-container>\r\n </div>\r\n <div class=\"x-checkbox-row-after\" *ngIf=\"after\">\r\n <ng-container *xOutlet=\"after\">{{ after }}</ng-container>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<ng-template #default> </ng-template>\r\n", styles: [".x-checkbox{margin:0;padding:0;width:100%}.x-checkbox.x-flex{display:flex}.x-checkbox.x-justify-start{justify-content:flex-start}.x-checkbox.x-justify-center{justify-content:center}.x-checkbox.x-justify-end{justify-content:flex-end}.x-checkbox.x-justify-space-between{justify-content:space-between}.x-checkbox.x-justify-space-around{justify-content:space-around}.x-checkbox.x-align-start{align-items:flex-start}.x-checkbox.x-align-center{align-items:center}.x-checkbox.x-align-end{align-items:flex-end}.x-checkbox.x-direction-column{flex-direction:column}.x-checkbox.x-direction-column-reverse{flex-direction:column-reverse}.x-checkbox.x-direction-row{flex-direction:row}.x-checkbox.x-direction-row-reverse{flex-direction:row-reverse}.x-checkbox>label{display:inline-block;white-space:nowrap;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem);position:relative;color:var(--x-text-300);font-weight:600}.x-checkbox>label.x-text-align-start{text-align:start}.x-checkbox>label.x-text-align-center{text-align:center}.x-checkbox>label.x-text-align-end{text-align:end}.x-checkbox-row{flex:1;display:flex;align-items:center;flex-wrap:wrap;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem)}.x-checkbox-row .x-checkbox-row-before,.x-checkbox-row .x-checkbox-row-after{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:var(--x-border-radius);background-color:var(--x-background-a100);padding:0 var(--x-padding-medium);height:var(--x-height-medium);line-height:var(--x-height-medium)}.x-checkbox-row-list{position:relative;display:inline-flex;align-items:center}.x-checkbox-row-list x-tag:not(:first-child){margin-left:.875rem}.x-checkbox-row-item{position:relative;display:inline-flex;align-items:center;white-space:nowrap;outline:none;margin-right:.875rem;font-size:.875rem;cursor:pointer;transition:all .3s}.x-checkbox-row-item:hover{color:var(--x-primary)}.x-checkbox-row-item:hover .x-checkbox-box{border-color:var(--x-primary)}.x-checkbox-row-item:last-child{margin-right:0}.x-checkbox-row-item.x-indeterminate .x-checkbox-box{border-color:var(--x-primary)}.x-checkbox-row-item.x-indeterminate .x-checkbox-box:after{top:50%;left:50%;width:.5rem;height:.5rem;background-color:var(--x-primary);border:0;transform:translate(-50%,-50%) scale(1);opacity:1;content:\" \"}.x-checkbox-row-item.x-checked .x-checkbox-box{border-color:var(--x-primary);background-color:var(--x-primary)}.x-checkbox-row-item.x-checked .x-checkbox-box:after{border:.125rem solid var(--x-background-100);border-top:0;border-left:0;top:.3875rem;left:.1875rem;width:.3125rem;height:.625rem;transform:rotate(40deg) scale(1) translate(-50%,-50%);opacity:1;transition:all .2s;content:\" \"}.x-checkbox-row-item.x-disabled{color:var(--x-text-400);cursor:not-allowed}.x-checkbox-row-item.x-disabled .x-checkbox-box{border-color:var(--x-border-100);background-color:var(--x-border-300)}.x-checkbox-row-item.x-disabled .x-checkbox-box:after{border-color:var(--x-text-400);background-color:transparent}.x-checkbox-button .x-checkbox-row-before,.x-checkbox-icon .x-checkbox-row-before{margin-right:0}.x-checkbox-button .x-checkbox-row-after,.x-checkbox-icon .x-checkbox-row-after{margin-left:0}.x-checkbox-box{border:var(--x-border-width) solid var(--x-border);width:1rem;height:1rem;border-radius:.0625rem;background-color:var(--x-background-a100);position:relative;display:inline-block;box-sizing:border-box;transition:all .3s}.x-checkbox-box:hover{border-color:var(--x-primary)}.x-checkbox-box:after{position:absolute;top:.35rem;left:.175rem;display:inline-block;width:.3rem;height:.6rem;border:.125rem solid var(--x-background-a100);border-top:0;border-left:0;transform:rotate(40deg) scale(0) translate(-50%,-50%);opacity:0;transition:all .3s;content:\" \"}.x-checkbox-label{margin-left:.325rem;-webkit-user-select:none;user-select:none}.x-checkbox-label-required:before{display:inline-block;margin-right:.25rem;color:var(--x-danger);line-height:1;font-size:var(--x-font-size-small);content:\"*\"}.x-checkbox-before:not(.x-checkbox-before-template,.x-checkbox-button,.x-checkbox-icon) .x-checkbox-row-before{margin-right:var(--x-padding-medium)}.x-checkbox-before.x-checkbox-button .x-buttons:not(.x-buttons-space)>x-button:first-child .x-button,.x-checkbox-before.x-checkbox-icon .x-buttons:not(.x-buttons-space)>x-button:first-child .x-button{border-top-left-radius:0;border-bottom-left-radius:0}.x-checkbox-before.x-checkbox-button .x-checkbox-row-before,.x-checkbox-before.x-checkbox-icon .x-checkbox-row-before{margin-right:0;border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.x-checkbox-before-template .x-checkbox-row-before{display:contents}.x-checkbox-before-template .x-checkbox-row-list{margin-left:var(--x-padding-medium)}.x-checkbox-before-template.x-checkbox-button .x-checkbox-row-list,.x-checkbox-before-template.x-checkbox-icon .x-checkbox-row-list{margin-left:0}.x-checkbox-before-template.x-checkbox-button .x-checkbox-row-list .x-button,.x-checkbox-before-template.x-checkbox-icon .x-checkbox-row-list .x-button{margin-left:calc(var(--x-border-width) * -1)}.x-checkbox-before-template.x-checkbox-button .x-checkbox-row-list .x-button:hover,.x-checkbox-before-template.x-checkbox-button .x-checkbox-row-list .x-button:focus,.x-checkbox-before-template.x-checkbox-icon .x-checkbox-row-list .x-button:hover,.x-checkbox-before-template.x-checkbox-icon .x-checkbox-row-list .x-button:focus{z-index:1}.x-checkbox-before-template.x-checkbox-button .x-checkbox-row-before input:hover,.x-checkbox-before-template.x-checkbox-button .x-checkbox-row-before input:focus,.x-checkbox-before-template.x-checkbox-button .x-checkbox-row-before .x-button:hover,.x-checkbox-before-template.x-checkbox-button .x-checkbox-row-before .x-button:focus,.x-checkbox-before-template.x-checkbox-icon .x-checkbox-row-before input:hover,.x-checkbox-before-template.x-checkbox-icon .x-checkbox-row-before input:focus,.x-checkbox-before-template.x-checkbox-icon .x-checkbox-row-before .x-button:hover,.x-checkbox-before-template.x-checkbox-icon .x-checkbox-row-before .x-button:focus{z-index:1}.x-checkbox-before-template.x-checkbox-button .x-checkbox-row-before input,.x-checkbox-before-template.x-checkbox-button .x-checkbox-row-before .x-button,.x-checkbox-before-template.x-checkbox-icon .x-checkbox-row-before input,.x-checkbox-before-template.x-checkbox-icon .x-checkbox-row-before .x-button{border-top-right-radius:0;border-bottom-right-radius:0}.x-checkbox-after:not(.x-checkbox-before-template,.x-checkbox-button,.x-checkbox-icon) .x-checkbox-row-after{margin-left:var(--x-padding-medium)}.x-checkbox-after.x-checkbox-button .x-buttons:not(.x-buttons-space)>x-button:last-child .x-button,.x-checkbox-after.x-checkbox-icon .x-buttons:not(.x-buttons-space)>x-button:last-child .x-button{border-top-right-radius:0;border-bottom-right-radius:0}.x-checkbox-after.x-checkbox-button .x-checkbox-row-after,.x-checkbox-after.x-checkbox-icon .x-checkbox-row-after{margin-left:0;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.x-checkbox-after-template .x-checkbox-row-after{display:contents}.x-checkbox-after-template .x-checkbox-row-list{margin-right:var(--x-padding-medium)}.x-checkbox-after-template.x-checkbox-button .x-checkbox-row-list,.x-checkbox-after-template.x-checkbox-icon .x-checkbox-row-list{margin-right:0}.x-checkbox-after-template.x-checkbox-button .x-checkbox-row-list .x-button,.x-checkbox-after-template.x-checkbox-icon .x-checkbox-row-list .x-button{margin-right:calc(var(--x-border-width) * -1)}.x-checkbox-after-template.x-checkbox-button .x-checkbox-row-list .x-button:hover,.x-checkbox-after-template.x-checkbox-button .x-checkbox-row-list .x-button:focus,.x-checkbox-after-template.x-checkbox-icon .x-checkbox-row-list .x-button:hover,.x-checkbox-after-template.x-checkbox-icon .x-checkbox-row-list .x-button:focus{z-index:1}.x-checkbox-after-template.x-checkbox-button .x-checkbox-row-after input:hover,.x-checkbox-after-template.x-checkbox-button .x-checkbox-row-after input:focus,.x-checkbox-after-template.x-checkbox-button .x-checkbox-row-after .x-button:hover,.x-checkbox-after-template.x-checkbox-button .x-checkbox-row-after .x-button:focus,.x-checkbox-after-template.x-checkbox-icon .x-checkbox-row-after input:hover,.x-checkbox-after-template.x-checkbox-icon .x-checkbox-row-after input:focus,.x-checkbox-after-template.x-checkbox-icon .x-checkbox-row-after .x-button:hover,.x-checkbox-after-template.x-checkbox-icon .x-checkbox-row-after .x-button:focus{z-index:1}.x-checkbox-after-template.x-checkbox-button .x-checkbox-row-after input,.x-checkbox-after-template.x-checkbox-button .x-checkbox-row-after .x-button,.x-checkbox-after-template.x-checkbox-icon .x-checkbox-row-after input,.x-checkbox-after-template.x-checkbox-icon .x-checkbox-row-after .x-button{border-top-left-radius:0;border-bottom-left-radius:0}.x-checkbox.x-disabled .x-checkbox-item{color:var(--x-text-400);cursor:not-allowed}.x-checkbox.x-disabled .x-checkbox-item.x-indeterminate .x-checkbox-box:after{background-color:var(--x-text-400)}.x-checkbox.x-disabled .x-checkbox-item.x-checked .x-checkbox-box:after{background-color:transparent}.x-checkbox.x-disabled .x-checkbox-item .x-checkbox-box{border-color:var(--x-border-100);background-color:var(--x-border-300)}.x-checkbox.x-disabled .x-checkbox-item .x-checkbox-box:after{border-color:var(--x-text-400);background-color:transparent}.x-checkbox.x-invalid>label,.x-checkbox.x-required>label{color:var(--x-danger)}.x-checkbox.x-direction-row>label{padding:0 .5rem 0 0}.x-checkbox.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-checkbox.x-direction-column,.x-checkbox.x-direction-column-reverse{align-items:inherit}\n"] }]
117
117
  }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XConfigService }]; }, propDecorators: { checkbox: [{
package/esm2020/checkbox/checkbox.module.mjs CHANGED
@@ -10,10 +10,10 @@ import { XTagModule } from '@ng-nest/ui/tag';
10
10
  import * as i0 from "@angular/core";
11
11
  export class XCheckboxModule {
12
12
  }
13
- /** @nocollapse */ XCheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
14
- /** @nocollapse */ XCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: XCheckboxModule, declarations: [XCheckboxComponent, XCheckboxProperty], imports: [CommonModule, FormsModule, XButtonModule, XTagModule, XOutletModule, XBaseFormModule], exports: [XCheckboxComponent] });
15
- /** @nocollapse */ XCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XCheckboxModule, imports: [CommonModule, FormsModule, XButtonModule, XTagModule, XOutletModule, XBaseFormModule] });
16
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XCheckboxModule, decorators: [{
13
+ /** @nocollapse */ XCheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
14
+ /** @nocollapse */ XCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: XCheckboxModule, declarations: [XCheckboxComponent, XCheckboxProperty], imports: [CommonModule, FormsModule, XButtonModule, XTagModule, XOutletModule, XBaseFormModule], exports: [XCheckboxComponent] });
15
+ /** @nocollapse */ XCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XCheckboxModule, imports: [CommonModule, FormsModule, XButtonModule, XTagModule, XOutletModule, XBaseFormModule] });
16
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XCheckboxModule, decorators: [{
17
17
  type: NgModule,
18
18
  args: [{
19
19
  declarations: [XCheckboxComponent, XCheckboxProperty],
package/esm2020/checkbox/checkbox.property.mjs CHANGED
@@ -38,8 +38,8 @@ export class XCheckboxProperty extends XControlValueAccessor {
38
38
  this.tagDark = false;
39
39
  }
40
40
  }
41
- /** @nocollapse */ XCheckboxProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XCheckboxProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
42
- /** @nocollapse */ XCheckboxProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: XCheckboxProperty, selector: "ng-component", inputs: { data: "data", button: "button", icon: "icon", tag: "tag", indeterminate: "indeterminate", size: "size", type: "type", tagBordered: "tagBordered", tagDark: "tagDark", before: "before", after: "after" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
41
+ /** @nocollapse */ XCheckboxProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XCheckboxProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
42
+ /** @nocollapse */ XCheckboxProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: XCheckboxProperty, selector: "ng-component", inputs: { data: "data", button: "button", icon: "icon", tag: "tag", indeterminate: "indeterminate", size: "size", type: "type", tagBordered: "tagBordered", tagDark: "tagDark", before: "before", after: "after" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
43
43
  __decorate([
44
44
  XDataConvert()
45
45
  ], XCheckboxProperty.prototype, "data", void 0);
@@ -58,7 +58,7 @@ __decorate([
58
58
  __decorate([
59
59
  XWithConfig(X_CONFIG_NAME, 'medium')
60
60
  ], XCheckboxProperty.prototype, "size", void 0);
61
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XCheckboxProperty, decorators: [{
61
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XCheckboxProperty, decorators: [{
62
62
  type: Component,
63
63
  args: [{ template: '' }]
64
64
  }], propDecorators: { data: [{
package/esm2020/collapse/collapse-panel.component.mjs CHANGED
@@ -35,9 +35,9 @@ export class XCollapsePanelComponent extends XCollapsePanelProperty {
35
35
  this.cdr.detectChanges();
36
36
  }
37
37
  }
38
- /** @nocollapse */ XCollapsePanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XCollapsePanelComponent, deps: [{ token: i1.XCollapseComponent, host: true, optional: true }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
39
- /** @nocollapse */ XCollapsePanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: XCollapsePanelComponent, selector: "x-collapse-panel", usesInheritance: true, ngImport: i0, template: "<div class=\"x-collapse-panel\" [class.x-activated]=\"active\" [class.x-collapse-panel-disabled]=\"disabled\">\r\n <div class=\"x-collapse-panel-header x-collapse-panel-icon-{{ collapseComponent.iconPosition }}\" (click)=\"!disabled && headerClick()\">\r\n <div class=\"x-collapse-panel-header-title\">\r\n <ng-container *xOutlet=\"label\">{{ label }}</ng-container>\r\n </div>\r\n <ng-container *ngIf=\"collapseComponent.showIcon\">\r\n <ng-container *xOutlet=\"collapseComponent.icon\">\r\n <x-icon type=\"fto-chevron-right\"></x-icon>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n <div class=\"x-collapse-panel-body\">\r\n <div class=\"x-collapse-panel-content\" [@x-drop-animation]=\"active\"><ng-content></ng-content></div>\r\n </div>\r\n</div>\r\n", styles: [".x-collapse-panel{margin:0;padding:0;box-sizing:border-box}.x-collapse-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.625rem 0;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);transition:border-color .3s;cursor:pointer}.x-collapse-panel-header-title{flex:1}.x-collapse-panel-header>.x-icon{margin-right:.125rem;color:var(--x-text-300);transition:transform .3s}.x-collapse-panel-disabled .x-collapse-panel-header-title{color:var(--x-text-400);cursor:not-allowed}.x-collapse-panel-icon-left{flex-direction:row-reverse}.x-collapse-panel-body{overflow:hidden;border-bottom:.0625rem solid transparent;transition:border-color .3s}.x-collapse-panel-content{padding-bottom:.625rem}.x-collapse-panel.x-activated .x-collapse-panel-header{border-bottom-color:transparent}.x-collapse-panel.x-activated .x-collapse-panel-header>.x-icon{transform:rotate(90deg)}.x-collapse-panel.x-activated .x-collapse-panel-body{border-bottom-color:var(--x-border)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.XIconComponent, selector: "x-icon" }, { kind: "directive", type: i4.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], animations: [XDropAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
40
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XCollapsePanelComponent, decorators: [{
38
+ /** @nocollapse */ XCollapsePanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XCollapsePanelComponent, deps: [{ token: i1.XCollapseComponent, host: true, optional: true }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
39
+ /** @nocollapse */ XCollapsePanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: XCollapsePanelComponent, selector: "x-collapse-panel", usesInheritance: true, ngImport: i0, template: "<div class=\"x-collapse-panel\" [class.x-activated]=\"active\" [class.x-collapse-panel-disabled]=\"disabled\">\r\n <div class=\"x-collapse-panel-header x-collapse-panel-icon-{{ collapseComponent.iconPosition }}\" (click)=\"!disabled && headerClick()\">\r\n <div class=\"x-collapse-panel-header-title\">\r\n <ng-container *xOutlet=\"label\">{{ label }}</ng-container>\r\n </div>\r\n <ng-container *ngIf=\"collapseComponent.showIcon\">\r\n <ng-container *xOutlet=\"collapseComponent.icon\">\r\n <x-icon type=\"fto-chevron-right\"></x-icon>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n <div class=\"x-collapse-panel-body\">\r\n <div class=\"x-collapse-panel-content\" [@x-drop-animation]=\"active\"><ng-content></ng-content></div>\r\n </div>\r\n</div>\r\n", styles: [".x-collapse-panel{margin:0;padding:0;box-sizing:border-box}.x-collapse-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.625rem 0;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);transition:border-color .3s;cursor:pointer}.x-collapse-panel-header-title{flex:1}.x-collapse-panel-header>.x-icon{margin-right:.125rem;color:var(--x-text-300);transition:transform .3s}.x-collapse-panel-disabled .x-collapse-panel-header-title{color:var(--x-text-400);cursor:not-allowed}.x-collapse-panel-icon-left{flex-direction:row-reverse}.x-collapse-panel-body{overflow:hidden;border-bottom:.0625rem solid transparent;transition:border-color .3s}.x-collapse-panel-content{padding-bottom:.625rem}.x-collapse-panel.x-activated .x-collapse-panel-header{border-bottom-color:transparent}.x-collapse-panel.x-activated .x-collapse-panel-header>.x-icon{transform:rotate(90deg)}.x-collapse-panel.x-activated .x-collapse-panel-body{border-bottom-color:var(--x-border)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.XIconComponent, selector: "x-icon" }, { kind: "directive", type: i4.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], animations: [XDropAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
40
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XCollapsePanelComponent, decorators: [{
41
41
  type: Component,
42
42
  args: [{ selector: `${XCollapsePanelPrefix}`, animations: [XDropAnimation], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"x-collapse-panel\" [class.x-activated]=\"active\" [class.x-collapse-panel-disabled]=\"disabled\">\r\n <div class=\"x-collapse-panel-header x-collapse-panel-icon-{{ collapseComponent.iconPosition }}\" (click)=\"!disabled && headerClick()\">\r\n <div class=\"x-collapse-panel-header-title\">\r\n <ng-container *xOutlet=\"label\">{{ label }}</ng-container>\r\n </div>\r\n <ng-container *ngIf=\"collapseComponent.showIcon\">\r\n <ng-container *xOutlet=\"collapseComponent.icon\">\r\n <x-icon type=\"fto-chevron-right\"></x-icon>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n <div class=\"x-collapse-panel-body\">\r\n <div class=\"x-collapse-panel-content\" [@x-drop-animation]=\"active\"><ng-content></ng-content></div>\r\n </div>\r\n</div>\r\n", styles: [".x-collapse-panel{margin:0;padding:0;box-sizing:border-box}.x-collapse-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.625rem 0;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);transition:border-color .3s;cursor:pointer}.x-collapse-panel-header-title{flex:1}.x-collapse-panel-header>.x-icon{margin-right:.125rem;color:var(--x-text-300);transition:transform .3s}.x-collapse-panel-disabled .x-collapse-panel-header-title{color:var(--x-text-400);cursor:not-allowed}.x-collapse-panel-icon-left{flex-direction:row-reverse}.x-collapse-panel-body{overflow:hidden;border-bottom:.0625rem solid transparent;transition:border-color .3s}.x-collapse-panel-content{padding-bottom:.625rem}.x-collapse-panel.x-activated .x-collapse-panel-header{border-bottom-color:transparent}.x-collapse-panel.x-activated .x-collapse-panel-header>.x-icon{transform:rotate(90deg)}.x-collapse-panel.x-activated .x-collapse-panel-body{border-bottom-color:var(--x-border)}\n"] }]
43
43
  }], ctorParameters: function () { return [{ type: i1.XCollapseComponent, decorators: [{
package/esm2020/collapse/collapse.component.mjs CHANGED
@@ -38,9 +38,9 @@ export class XCollapseComponent extends XCollapseProperty {
38
38
  this.activeChange.emit(this.active);
39
39
  }
40
40
  }
41
- /** @nocollapse */ XCollapseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XCollapseComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
42
- /** @nocollapse */ XCollapseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: XCollapseComponent, selector: "x-collapse", usesInheritance: true, ngImport: i0, template: "<div #collapse class=\"x-collapse\" [class.x-collapse-ghost]=\"ghost\" [class.x-collapse-bordered]=\"bordered\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".x-collapse{margin:0;padding:0;font-size:var(--x-font-size);box-sizing:border-box;border-top:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-collapse x-collapse-panel:last-child .x-collapse-panel-header{border-bottom-color:transparent}.x-collapse-bordered{border-left:var(--x-border-width) var(--x-border-style) var(--x-border);border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-collapse-bordered x-collapse-panel .x-collapse-panel-header{padding-left:.625rem;padding-right:.625rem}.x-collapse-bordered x-collapse-panel .x-collapse-panel-body{padding-left:.625rem;padding-right:.625rem}.x-collapse-ghost{border-top:none;border-bottom:none}.x-collapse-ghost x-collapse-panel .x-collapse-panel-header{border-bottom:none}.x-collapse-ghost x-collapse-panel .x-collapse-panel-body{border-bottom:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
43
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XCollapseComponent, decorators: [{
41
+ /** @nocollapse */ XCollapseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XCollapseComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
42
+ /** @nocollapse */ XCollapseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: XCollapseComponent, selector: "x-collapse", usesInheritance: true, ngImport: i0, template: "<div #collapse class=\"x-collapse\" [class.x-collapse-ghost]=\"ghost\" [class.x-collapse-bordered]=\"bordered\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".x-collapse{margin:0;padding:0;font-size:var(--x-font-size);box-sizing:border-box;border-top:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-collapse x-collapse-panel:last-child .x-collapse-panel-header{border-bottom-color:transparent}.x-collapse-bordered{border-left:var(--x-border-width) var(--x-border-style) var(--x-border);border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-collapse-bordered x-collapse-panel .x-collapse-panel-header{padding-left:.625rem;padding-right:.625rem}.x-collapse-bordered x-collapse-panel .x-collapse-panel-body{padding-left:.625rem;padding-right:.625rem}.x-collapse-ghost{border-top:none;border-bottom:none}.x-collapse-ghost x-collapse-panel .x-collapse-panel-header{border-bottom:none}.x-collapse-ghost x-collapse-panel .x-collapse-panel-body{border-bottom:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
43
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XCollapseComponent, decorators: [{
44
44
  type: Component,
45
45
  args: [{ selector: `${XCollapsePrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #collapse class=\"x-collapse\" [class.x-collapse-ghost]=\"ghost\" [class.x-collapse-bordered]=\"bordered\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [".x-collapse{margin:0;padding:0;font-size:var(--x-font-size);box-sizing:border-box;border-top:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-collapse x-collapse-panel:last-child .x-collapse-panel-header{border-bottom-color:transparent}.x-collapse-bordered{border-left:var(--x-border-width) var(--x-border-style) var(--x-border);border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-collapse-bordered x-collapse-panel .x-collapse-panel-header{padding-left:.625rem;padding-right:.625rem}.x-collapse-bordered x-collapse-panel .x-collapse-panel-body{padding-left:.625rem;padding-right:.625rem}.x-collapse-ghost{border-top:none;border-bottom:none}.x-collapse-ghost x-collapse-panel .x-collapse-panel-header{border-bottom:none}.x-collapse-ghost x-collapse-panel .x-collapse-panel-body{border-bottom:none}\n"] }]
46
46
  }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XConfigService }]; } });
package/esm2020/collapse/collapse.module.mjs CHANGED
@@ -8,10 +8,10 @@ import { XCollapseProperty, XCollapsePanelProperty } from './collapse.property';
8
8
  import * as i0 from "@angular/core";
9
9
  export class XCollapseModule {
10
10
  }
11
- /** @nocollapse */ XCollapseModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XCollapseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
12
- /** @nocollapse */ XCollapseModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: XCollapseModule, declarations: [XCollapseComponent, XCollapsePanelComponent, XCollapseProperty, XCollapsePanelProperty], imports: [CommonModule, XIconModule, XOutletModule], exports: [XCollapseComponent, XCollapsePanelComponent] });
13
- /** @nocollapse */ XCollapseModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XCollapseModule, imports: [CommonModule, XIconModule, XOutletModule] });
14
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XCollapseModule, decorators: [{
11
+ /** @nocollapse */ XCollapseModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XCollapseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
12
+ /** @nocollapse */ XCollapseModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: XCollapseModule, declarations: [XCollapseComponent, XCollapsePanelComponent, XCollapseProperty, XCollapsePanelProperty], imports: [CommonModule, XIconModule, XOutletModule], exports: [XCollapseComponent, XCollapsePanelComponent] });
13
+ /** @nocollapse */ XCollapseModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XCollapseModule, imports: [CommonModule, XIconModule, XOutletModule] });
14
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XCollapseModule, decorators: [{
15
15
  type: NgModule,
16
16
  args: [{
17
17
  declarations: [XCollapseComponent, XCollapsePanelComponent, XCollapseProperty, XCollapsePanelProperty],
package/esm2020/collapse/collapse.property.mjs CHANGED
@@ -27,8 +27,8 @@ export class XCollapseProperty extends XProperty {
27
27
  this.activeChange = new EventEmitter();
28
28
  }
29
29
  }
30
- /** @nocollapse */ XCollapseProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XCollapseProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
31
- /** @nocollapse */ XCollapseProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: XCollapseProperty, selector: "ng-component", inputs: { accordion: "accordion", icon: "icon", showIcon: "showIcon", iconPosition: "iconPosition", ghost: "ghost", bordered: "bordered", active: "active" }, outputs: { activeChange: "activeChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
30
+ /** @nocollapse */ XCollapseProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XCollapseProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
31
+ /** @nocollapse */ XCollapseProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: XCollapseProperty, selector: "ng-component", inputs: { accordion: "accordion", icon: "icon", showIcon: "showIcon", iconPosition: "iconPosition", ghost: "ghost", bordered: "bordered", active: "active" }, outputs: { activeChange: "activeChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
32
32
  __decorate([
33
33
  XInputBoolean()
34
34
  ], XCollapseProperty.prototype, "accordion", void 0);
@@ -47,7 +47,7 @@ __decorate([
47
47
  XInputBoolean(),
48
48
  XWithConfig(X_CONFIG_NAME, false)
49
49
  ], XCollapseProperty.prototype, "bordered", void 0);
50
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XCollapseProperty, decorators: [{
50
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XCollapseProperty, decorators: [{
51
51
  type: Component,
52
52
  args: [{ template: '' }]
53
53
  }], propDecorators: { accordion: [{
@@ -78,15 +78,15 @@ export const XCollapsePanelPrefix = 'x-collapse-panel';
78
78
  */
79
79
  export class XCollapsePanelProperty extends XProperty {
80
80
  }
81
- /** @nocollapse */ XCollapsePanelProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XCollapsePanelProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
82
- /** @nocollapse */ XCollapsePanelProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: XCollapsePanelProperty, selector: "ng-component", inputs: { label: "label", active: "active", disabled: "disabled" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
81
+ /** @nocollapse */ XCollapsePanelProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XCollapsePanelProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
82
+ /** @nocollapse */ XCollapsePanelProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: XCollapsePanelProperty, selector: "ng-component", inputs: { label: "label", active: "active", disabled: "disabled" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
83
83
  __decorate([
84
84
  XInputBoolean()
85
85
  ], XCollapsePanelProperty.prototype, "active", void 0);
86
86
  __decorate([
87
87
  XInputBoolean()
88
88
  ], XCollapsePanelProperty.prototype, "disabled", void 0);
89
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XCollapsePanelProperty, decorators: [{
89
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XCollapsePanelProperty, decorators: [{
90
90
  type: Component,
91
91
  args: [{ template: '' }]
92
92
  }], propDecorators: { label: [{
package/esm2020/color/color.component.mjs CHANGED
@@ -1,23 +1,23 @@
1
- import { Component, ViewEncapsulation, ChangeDetectionStrategy, Inject } from '@angular/core';
1
+ import { Component, ViewEncapsulation, ChangeDetectionStrategy, inject } from '@angular/core';
2
2
  import { DOCUMENT } from '@angular/common';
3
3
  import { XColorPrefix, XColorProperty } from './color.property';
4
- import { toHex, mixColors } from '@ng-nest/ui/core';
4
+ import { toHex, mixColors, XComputed } from '@ng-nest/ui/core';
5
5
  import * as i0 from "@angular/core";
6
6
  import * as i1 from "@ng-nest/ui/core";
7
7
  import * as i2 from "@angular/common";
8
8
  export class XColorComponent extends XColorProperty {
9
- constructor(doc, renderer, elementRef, configService) {
9
+ constructor(renderer, elementRef, configService) {
10
10
  super();
11
- this.doc = doc;
12
11
  this.renderer = renderer;
13
12
  this.elementRef = elementRef;
14
13
  this.configService = configService;
15
14
  this.colors = [];
15
+ this.doc = inject(DOCUMENT);
16
16
  this.renderer.addClass(this.elementRef.nativeElement, XColorPrefix);
17
17
  }
18
18
  ngOnInit() {
19
19
  if (!this.hex || this.hex === 'var(--x-primary)')
20
- this.hex = getComputedStyle(this.doc.documentElement).getPropertyValue('--x-primary');
20
+ this.hex = XComputed(this.doc.documentElement).getPropertyValue('--x-primary');
21
21
  if (this.hex)
22
22
  this.setColors();
23
23
  }
@@ -32,13 +32,10 @@ export class XColorComponent extends XColorProperty {
32
32
  return item;
33
33
  }
34
34
  }
35
- /** @nocollapse */ XColorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XColorComponent, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
36
- /** @nocollapse */ XColorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: XColorComponent, selector: "x-color", usesInheritance: true, ngImport: i0, template: "<div class=\"x-color-box\">\r\n <div class=\"x-color-primary\" [style.background-color]=\"hex\" [class.x-color-only]=\"colors.length === 0\">\r\n <span>{{ label }}</span>\r\n <span class=\"x-color-hex\">{{ hex }}</span>\r\n </div>\r\n <div class=\"x-color-gradual\">\r\n <div class=\"x-color-item\" *ngFor=\"let color of colors; index as i; trackBy: trackByColor\" [style.background-color]=\"color\"></div>\r\n </div>\r\n</div>\r\n", styles: [".x-color{margin:0;padding:0;display:block;color:var(--x-white)}.x-color-primary{padding:1rem;border-top-left-radius:.125rem;border-top-right-radius:.125rem}.x-color-only{border-bottom-left-radius:.125rem;border-bottom-right-radius:.125rem}.x-color-hex{margin-top:.25rem;display:block;font-size:.75rem;opacity:.7}.x-color-gradual{display:flex}.x-color-item{flex:1;height:2.5rem}.x-color-item:first-child{border-bottom-left-radius:.125rem}.x-color-item:last-child{border-bottom-right-radius:.125rem}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
37
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XColorComponent, decorators: [{
35
+ /** @nocollapse */ XColorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XColorComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
36
+ /** @nocollapse */ XColorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: XColorComponent, selector: "x-color", usesInheritance: true, ngImport: i0, template: "<div class=\"x-color-box\">\r\n <div class=\"x-color-primary\" [style.background-color]=\"hex\" [class.x-color-only]=\"colors.length === 0\">\r\n <span>{{ label }}</span>\r\n <span class=\"x-color-hex\">{{ hex }}</span>\r\n </div>\r\n <div class=\"x-color-gradual\">\r\n <div class=\"x-color-item\" *ngFor=\"let color of colors; index as i; trackBy: trackByColor\" [style.background-color]=\"color\"></div>\r\n </div>\r\n</div>\r\n", styles: [".x-color{margin:0;padding:0;display:block;color:var(--x-white)}.x-color-primary{padding:1rem;border-top-left-radius:.125rem;border-top-right-radius:.125rem}.x-color-only{border-bottom-left-radius:.125rem;border-bottom-right-radius:.125rem}.x-color-hex{margin-top:.25rem;display:block;font-size:.75rem;opacity:.7}.x-color-gradual{display:flex}.x-color-item{flex:1;height:2.5rem}.x-color-item:first-child{border-bottom-left-radius:.125rem}.x-color-item:last-child{border-bottom-right-radius:.125rem}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
37
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XColorComponent, decorators: [{
38
38
  type: Component,
39
39
  args: [{ selector: 'x-color', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"x-color-box\">\r\n <div class=\"x-color-primary\" [style.background-color]=\"hex\" [class.x-color-only]=\"colors.length === 0\">\r\n <span>{{ label }}</span>\r\n <span class=\"x-color-hex\">{{ hex }}</span>\r\n </div>\r\n <div class=\"x-color-gradual\">\r\n <div class=\"x-color-item\" *ngFor=\"let color of colors; index as i; trackBy: trackByColor\" [style.background-color]=\"color\"></div>\r\n </div>\r\n</div>\r\n", styles: [".x-color{margin:0;padding:0;display:block;color:var(--x-white)}.x-color-primary{padding:1rem;border-top-left-radius:.125rem;border-top-right-radius:.125rem}.x-color-only{border-bottom-left-radius:.125rem;border-bottom-right-radius:.125rem}.x-color-hex{margin-top:.25rem;display:block;font-size:.75rem;opacity:.7}.x-color-gradual{display:flex}.x-color-item{flex:1;height:2.5rem}.x-color-item:first-child{border-bottom-left-radius:.125rem}.x-color-item:last-child{border-bottom-right-radius:.125rem}\n"] }]
40
- }], ctorParameters: function () { return [{ type: undefined, decorators: [{
41
- type: Inject,
42
- args: [DOCUMENT]
43
- }] }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.XConfigService }]; } });
44
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvY29sb3IvY29sb3IuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvY29sb3IvY29sb3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxpQkFBaUIsRUFBRSx1QkFBdUIsRUFBeUIsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdILE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMzQyxPQUFPLEVBQUUsWUFBWSxFQUFFLGNBQWMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFrQixNQUFNLGtCQUFrQixDQUFDOzs7O0FBU3BFLE1BQU0sT0FBTyxlQUFnQixTQUFRLGNBQWM7SUFHakQsWUFDNEIsR0FBUSxFQUMxQixRQUFtQixFQUNuQixVQUFtQyxFQUNwQyxhQUE2QjtRQUVwQyxLQUFLLEVBQUUsQ0FBQztRQUxrQixRQUFHLEdBQUgsR0FBRyxDQUFLO1FBQzFCLGFBQVEsR0FBUixRQUFRLENBQVc7UUFDbkIsZUFBVSxHQUFWLFVBQVUsQ0FBeUI7UUFDcEMsa0JBQWEsR0FBYixhQUFhLENBQWdCO1FBTnRDLFdBQU0sR0FBYSxFQUFFLENBQUM7UUFTcEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLEVBQUUsWUFBWSxDQUFDLENBQUM7SUFDdEUsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsSUFBSSxJQUFJLENBQUMsR0FBRyxLQUFLLGtCQUFrQjtZQUFFLElBQUksQ0FBQyxHQUFHLEdBQUcsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxlQUFlLENBQUMsQ0FBQyxnQkFBZ0IsQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUN4SSxJQUFJLElBQUksQ0FBQyxHQUFHO1lBQUUsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQ2pDLENBQUM7SUFFRCxTQUFTO1FBQ1AsSUFBSSxNQUFNLEdBQUcsRUFBRSxDQUFDO1FBQ2hCLEtBQUssSUFBSSxNQUFNLElBQUksSUFBSSxDQUFDLE9BQXdCLEVBQUU7WUFDaEQsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFlLEVBQUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLEVBQUUsRUFBRSxNQUFnQixDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQ3hGO1FBQ0QsSUFBSSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7SUFDdkIsQ0FBQztJQUVELFlBQVksQ0FBQyxNQUFjLEVBQUUsSUFBWTtRQUN2QyxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7OytIQTVCVSxlQUFlLGtCQUloQixRQUFRO21IQUpQLGVBQWUsc0VDWjVCLDhiQVNBOzJGREdhLGVBQWU7a0JBUDNCLFNBQVM7K0JBQ0UsU0FBUyxpQkFHSixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNOzswQkFNNUMsTUFBTTsyQkFBQyxRQUFRIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9uLCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgUmVuZGVyZXIyLCBFbGVtZW50UmVmLCBJbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRE9DVU1FTlQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBYQ29sb3JQcmVmaXgsIFhDb2xvclByb3BlcnR5IH0gZnJvbSAnLi9jb2xvci5wcm9wZXJ0eSc7XHJcbmltcG9ydCB7IHRvSGV4LCBtaXhDb2xvcnMsIFhDb25maWdTZXJ2aWNlIH0gZnJvbSAnQG5nLW5lc3QvdWkvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3gtY29sb3InLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jb2xvci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vc3R5bGUvaW5kZXguc2NzcyddLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIFhDb2xvckNvbXBvbmVudCBleHRlbmRzIFhDb2xvclByb3BlcnR5IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBjb2xvcnM6IHN0cmluZ1tdID0gW107XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgQEluamVjdChET0NVTUVOVCkgcHJpdmF0ZSBkb2M6IGFueSxcclxuICAgIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMixcclxuICAgIHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4sXHJcbiAgICBwdWJsaWMgY29uZmlnU2VydmljZTogWENvbmZpZ1NlcnZpY2VcclxuICApIHtcclxuICAgIHN1cGVyKCk7XHJcbiAgICB0aGlzLnJlbmRlcmVyLmFkZENsYXNzKHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCBYQ29sb3JQcmVmaXgpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICBpZiAoIXRoaXMuaGV4IHx8IHRoaXMuaGV4ID09PSAndmFyKC0teC1wcmltYXJ5KScpIHRoaXMuaGV4ID0gZ2V0Q29tcHV0ZWRTdHlsZSh0aGlzLmRvYy5kb2N1bWVudEVsZW1lbnQpLmdldFByb3BlcnR5VmFsdWUoJy0teC1wcmltYXJ5Jyk7XHJcbiAgICBpZiAodGhpcy5oZXgpIHRoaXMuc2V0Q29sb3JzKCk7XHJcbiAgfVxyXG5cclxuICBzZXRDb2xvcnMoKSB7XHJcbiAgICBsZXQgY29sb3JzID0gW107XHJcbiAgICBmb3IgKGxldCBhbW91bnQgb2YgdGhpcy5hbW91bnRzIGFzIEFycmF5PG51bWJlcj4pIHtcclxuICAgICAgY29sb3JzLnB1c2godG9IZXgobWl4Q29sb3JzKHRoaXMubWVyZ2UgYXMgc3RyaW5nLCB0aGlzLmhleC50cmltKCksIGFtb3VudCBhcyBudW1iZXIpKSk7XHJcbiAgICB9XHJcbiAgICB0aGlzLmNvbG9ycyA9IGNvbG9ycztcclxuICB9XHJcblxyXG4gIHRyYWNrQnlDb2xvcihfaW5kZXg6IG51bWJlciwgaXRlbTogc3RyaW5nKSB7XHJcbiAgICByZXR1cm4gaXRlbTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cIngtY29sb3ItYm94XCI+XHJcbiAgPGRpdiBjbGFzcz1cIngtY29sb3ItcHJpbWFyeVwiIFtzdHlsZS5iYWNrZ3JvdW5kLWNvbG9yXT1cImhleFwiIFtjbGFzcy54LWNvbG9yLW9ubHldPVwiY29sb3JzLmxlbmd0aCA9PT0gMFwiPlxyXG4gICAgPHNwYW4+e3sgbGFiZWwgfX08L3NwYW4+XHJcbiAgICA8c3BhbiBjbGFzcz1cIngtY29sb3ItaGV4XCI+e3sgaGV4IH19PC9zcGFuPlxyXG4gIDwvZGl2PlxyXG4gIDxkaXYgY2xhc3M9XCJ4LWNvbG9yLWdyYWR1YWxcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJ4LWNvbG9yLWl0ZW1cIiAqbmdGb3I9XCJsZXQgY29sb3Igb2YgY29sb3JzOyBpbmRleCBhcyBpOyB0cmFja0J5OiB0cmFja0J5Q29sb3JcIiBbc3R5bGUuYmFja2dyb3VuZC1jb2xvcl09XCJjb2xvclwiPjwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
40
+ }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.XConfigService }]; } });
41
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvY29sb3IvY29sb3IuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvY29sb3IvY29sb3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxpQkFBaUIsRUFBRSx1QkFBdUIsRUFBeUIsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdILE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMzQyxPQUFPLEVBQUUsWUFBWSxFQUFFLGNBQWMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFrQixTQUFTLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7OztBQVMvRSxNQUFNLE9BQU8sZUFBZ0IsU0FBUSxjQUFjO0lBSWpELFlBQW9CLFFBQW1CLEVBQVUsVUFBbUMsRUFBUyxhQUE2QjtRQUN4SCxLQUFLLEVBQUUsQ0FBQztRQURVLGFBQVEsR0FBUixRQUFRLENBQVc7UUFBVSxlQUFVLEdBQVYsVUFBVSxDQUF5QjtRQUFTLGtCQUFhLEdBQWIsYUFBYSxDQUFnQjtRQUgxSCxXQUFNLEdBQWEsRUFBRSxDQUFDO1FBQ2QsUUFBRyxHQUFHLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUk3QixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsRUFBRSxZQUFZLENBQUMsQ0FBQztJQUN0RSxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxJQUFJLElBQUksQ0FBQyxHQUFHLEtBQUssa0JBQWtCO1lBQUUsSUFBSSxDQUFDLEdBQUcsR0FBRyxTQUFTLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxlQUFlLENBQUMsQ0FBQyxnQkFBZ0IsQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUNqSSxJQUFJLElBQUksQ0FBQyxHQUFHO1lBQUUsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQ2pDLENBQUM7SUFFRCxTQUFTO1FBQ1AsSUFBSSxNQUFNLEdBQUcsRUFBRSxDQUFDO1FBQ2hCLEtBQUssSUFBSSxNQUFNLElBQUksSUFBSSxDQUFDLE9BQXdCLEVBQUU7WUFDaEQsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFlLEVBQUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLEVBQUUsRUFBRSxNQUFnQixDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQ3hGO1FBQ0QsSUFBSSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7SUFDdkIsQ0FBQztJQUVELFlBQVksQ0FBQyxNQUFjLEVBQUUsSUFBWTtRQUN2QyxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7OytIQXhCVSxlQUFlO21IQUFmLGVBQWUsc0VDWjVCLDhiQVNBOzJGREdhLGVBQWU7a0JBUDNCLFNBQVM7K0JBQ0UsU0FBUyxpQkFHSixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9uLCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgUmVuZGVyZXIyLCBFbGVtZW50UmVmLCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRE9DVU1FTlQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBYQ29sb3JQcmVmaXgsIFhDb2xvclByb3BlcnR5IH0gZnJvbSAnLi9jb2xvci5wcm9wZXJ0eSc7XHJcbmltcG9ydCB7IHRvSGV4LCBtaXhDb2xvcnMsIFhDb25maWdTZXJ2aWNlLCBYQ29tcHV0ZWQgfSBmcm9tICdAbmctbmVzdC91aS9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAneC1jb2xvcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbG9yLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zdHlsZS9pbmRleC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgWENvbG9yQ29tcG9uZW50IGV4dGVuZHMgWENvbG9yUHJvcGVydHkgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIGNvbG9yczogc3RyaW5nW10gPSBbXTtcclxuICBwcml2YXRlIGRvYyA9IGluamVjdChET0NVTUVOVCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMiwgcHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PiwgcHVibGljIGNvbmZpZ1NlcnZpY2U6IFhDb25maWdTZXJ2aWNlKSB7XHJcbiAgICBzdXBlcigpO1xyXG4gICAgdGhpcy5yZW5kZXJlci5hZGRDbGFzcyh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgWENvbG9yUHJlZml4KTtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgaWYgKCF0aGlzLmhleCB8fCB0aGlzLmhleCA9PT0gJ3ZhcigtLXgtcHJpbWFyeSknKSB0aGlzLmhleCA9IFhDb21wdXRlZCh0aGlzLmRvYy5kb2N1bWVudEVsZW1lbnQpLmdldFByb3BlcnR5VmFsdWUoJy0teC1wcmltYXJ5Jyk7XHJcbiAgICBpZiAodGhpcy5oZXgpIHRoaXMuc2V0Q29sb3JzKCk7XHJcbiAgfVxyXG5cclxuICBzZXRDb2xvcnMoKSB7XHJcbiAgICBsZXQgY29sb3JzID0gW107XHJcbiAgICBmb3IgKGxldCBhbW91bnQgb2YgdGhpcy5hbW91bnRzIGFzIEFycmF5PG51bWJlcj4pIHtcclxuICAgICAgY29sb3JzLnB1c2godG9IZXgobWl4Q29sb3JzKHRoaXMubWVyZ2UgYXMgc3RyaW5nLCB0aGlzLmhleC50cmltKCksIGFtb3VudCBhcyBudW1iZXIpKSk7XHJcbiAgICB9XHJcbiAgICB0aGlzLmNvbG9ycyA9IGNvbG9ycztcclxuICB9XHJcblxyXG4gIHRyYWNrQnlDb2xvcihfaW5kZXg6IG51bWJlciwgaXRlbTogc3RyaW5nKSB7XHJcbiAgICByZXR1cm4gaXRlbTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cIngtY29sb3ItYm94XCI+XHJcbiAgPGRpdiBjbGFzcz1cIngtY29sb3ItcHJpbWFyeVwiIFtzdHlsZS5iYWNrZ3JvdW5kLWNvbG9yXT1cImhleFwiIFtjbGFzcy54LWNvbG9yLW9ubHldPVwiY29sb3JzLmxlbmd0aCA9PT0gMFwiPlxyXG4gICAgPHNwYW4+e3sgbGFiZWwgfX08L3NwYW4+XHJcbiAgICA8c3BhbiBjbGFzcz1cIngtY29sb3ItaGV4XCI+e3sgaGV4IH19PC9zcGFuPlxyXG4gIDwvZGl2PlxyXG4gIDxkaXYgY2xhc3M9XCJ4LWNvbG9yLWdyYWR1YWxcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJ4LWNvbG9yLWl0ZW1cIiAqbmdGb3I9XCJsZXQgY29sb3Igb2YgY29sb3JzOyBpbmRleCBhcyBpOyB0cmFja0J5OiB0cmFja0J5Q29sb3JcIiBbc3R5bGUuYmFja2dyb3VuZC1jb2xvcl09XCJjb2xvclwiPjwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
package/esm2020/color/color.module.mjs CHANGED
@@ -5,10 +5,10 @@ import { XColorProperty } from './color.property';
5
5
  import * as i0 from "@angular/core";
6
6
  export class XColorModule {
7
7
  }
8
- /** @nocollapse */ XColorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XColorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
9
- /** @nocollapse */ XColorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: XColorModule, declarations: [XColorComponent, XColorProperty], imports: [CommonModule], exports: [XColorComponent] });
10
- /** @nocollapse */ XColorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XColorModule, imports: [CommonModule] });
11
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XColorModule, decorators: [{
8
+ /** @nocollapse */ XColorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XColorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
9
+ /** @nocollapse */ XColorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: XColorModule, declarations: [XColorComponent, XColorProperty], imports: [CommonModule], exports: [XColorComponent] });
10
+ /** @nocollapse */ XColorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XColorModule, imports: [CommonModule] });
11
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XColorModule, decorators: [{
12
12
  type: NgModule,
13
13
  args: [{
14
14
  declarations: [XColorComponent, XColorProperty],
package/esm2020/color/color.property.mjs CHANGED
@@ -28,15 +28,15 @@ export class XColorProperty extends XProperty {
28
28
  this.hex = 'var(--x-primary)';
29
29
  }
30
30
  }
31
- /** @nocollapse */ XColorProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XColorProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
32
- /** @nocollapse */ XColorProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: XColorProperty, selector: "ng-component", inputs: { label: "label", hex: "hex", merge: "merge", amounts: "amounts" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
31
+ /** @nocollapse */ XColorProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XColorProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
32
+ /** @nocollapse */ XColorProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: XColorProperty, selector: "ng-component", inputs: { label: "label", hex: "hex", merge: "merge", amounts: "amounts" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
33
33
  __decorate([
34
34
  XWithConfig(X_CONFIG_NAME, '#ffffff')
35
35
  ], XColorProperty.prototype, "merge", void 0);
36
36
  __decorate([
37
37
  XWithConfig(X_CONFIG_NAME, XAmounts)
38
38
  ], XColorProperty.prototype, "amounts", void 0);
39
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: XColorProperty, decorators: [{
39
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XColorProperty, decorators: [{
40
40
  type: Component,
41
41
  args: [{ template: '' }]
42
42
  }], propDecorators: { label: [{