@ng-nest/ui 13.0.3 → 13.0.4

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 (515) hide show
  1. package/core/config/config.d.ts +4 -0
  2. package/dialog/dialog-container.component.d.ts +18 -0
  3. package/dialog/dialog-container.directives.d.ts +24 -0
  4. package/dialog/dialog-ref.d.ts +9 -0
  5. package/dialog/dialog.module.d.ts +13 -11
  6. package/dialog/dialog.property.d.ts +84 -6
  7. package/dialog/dialog.service.d.ts +19 -0
  8. package/dialog/examples/en_US/default/service/README.md +6 -0
  9. package/dialog/examples/zh_CN/default/service/README.md +6 -0
  10. package/dialog/public-api.d.ts +4 -0
  11. package/drawer/drawer-container.component.d.ts +18 -0
  12. package/drawer/drawer-container.directives.d.ts +19 -0
  13. package/drawer/drawer-ref.d.ts +9 -0
  14. package/drawer/drawer.module.d.ts +8 -6
  15. package/drawer/drawer.property.d.ts +83 -2
  16. package/drawer/drawer.service.d.ts +19 -0
  17. package/drawer/examples/en_US/default/service/README.md +6 -0
  18. package/drawer/examples/zh_CN/default/service/README.md +6 -0
  19. package/drawer/public-api.d.ts +5 -0
  20. package/esm2020/affix/affix.component.mjs +3 -3
  21. package/esm2020/affix/affix.module.mjs +4 -4
  22. package/esm2020/affix/affix.property.mjs +3 -3
  23. package/esm2020/alert/alert.component.mjs +5 -5
  24. package/esm2020/alert/alert.module.mjs +4 -4
  25. package/esm2020/alert/alert.property.mjs +3 -3
  26. package/esm2020/anchor/anchor.component.mjs +3 -3
  27. package/esm2020/anchor/anchor.module.mjs +4 -4
  28. package/esm2020/anchor/anchor.property.mjs +3 -3
  29. package/esm2020/api/api.component.mjs +3 -3
  30. package/esm2020/api/api.module.mjs +4 -4
  31. package/esm2020/auto-complete/auto-complete-portal.component.mjs +3 -3
  32. package/esm2020/auto-complete/auto-complete.component.mjs +3 -3
  33. package/esm2020/auto-complete/auto-complete.module.mjs +4 -4
  34. package/esm2020/auto-complete/auto-complete.property.mjs +3 -3
  35. package/esm2020/avatar/avatar.component.mjs +3 -3
  36. package/esm2020/avatar/avatar.module.mjs +4 -4
  37. package/esm2020/avatar/avatar.property.mjs +3 -3
  38. package/esm2020/back-top/back-top.component.mjs +3 -3
  39. package/esm2020/back-top/back-top.module.mjs +4 -4
  40. package/esm2020/back-top/back-top.property.mjs +3 -3
  41. package/esm2020/badge/badge.component.mjs +3 -3
  42. package/esm2020/badge/badge.module.mjs +4 -4
  43. package/esm2020/badge/badge.property.mjs +3 -3
  44. package/esm2020/base-form/base-form.component.mjs +3 -3
  45. package/esm2020/base-form/base-form.module.mjs +4 -4
  46. package/esm2020/base-form/base-form.property.mjs +3 -3
  47. package/esm2020/border/border.component.mjs +3 -3
  48. package/esm2020/border/border.module.mjs +4 -4
  49. package/esm2020/button/button.component.mjs +4 -4
  50. package/esm2020/button/button.module.mjs +4 -4
  51. package/esm2020/button/button.property.mjs +6 -6
  52. package/esm2020/button/buttons.component.mjs +3 -3
  53. package/esm2020/calendar/calendar.component.mjs +3 -3
  54. package/esm2020/calendar/calendar.module.mjs +4 -4
  55. package/esm2020/calendar/calendar.property.mjs +3 -3
  56. package/esm2020/card/card.component.mjs +4 -4
  57. package/esm2020/card/card.module.mjs +4 -4
  58. package/esm2020/card/card.property.mjs +3 -3
  59. package/esm2020/carousel/carousel-panel.component.mjs +3 -3
  60. package/esm2020/carousel/carousel.component.mjs +3 -3
  61. package/esm2020/carousel/carousel.module.mjs +4 -4
  62. package/esm2020/carousel/carousel.property.mjs +6 -6
  63. package/esm2020/cascade/cascade-portal.component.mjs +3 -3
  64. package/esm2020/cascade/cascade.component.mjs +3 -3
  65. package/esm2020/cascade/cascade.module.mjs +4 -4
  66. package/esm2020/cascade/cascade.property.mjs +3 -3
  67. package/esm2020/checkbox/checkbox.component.mjs +4 -4
  68. package/esm2020/checkbox/checkbox.module.mjs +4 -4
  69. package/esm2020/checkbox/checkbox.property.mjs +3 -3
  70. package/esm2020/collapse/collapse-panel.component.mjs +3 -3
  71. package/esm2020/collapse/collapse.component.mjs +3 -3
  72. package/esm2020/collapse/collapse.module.mjs +4 -4
  73. package/esm2020/collapse/collapse.property.mjs +6 -6
  74. package/esm2020/color/color.component.mjs +3 -3
  75. package/esm2020/color/color.module.mjs +4 -4
  76. package/esm2020/color/color.property.mjs +3 -3
  77. package/esm2020/color-picker/color-picker-portal.component.mjs +3 -3
  78. package/esm2020/color-picker/color-picker.component.mjs +3 -3
  79. package/esm2020/color-picker/color-picker.module.mjs +4 -4
  80. package/esm2020/color-picker/color-picker.property.mjs +3 -3
  81. package/esm2020/comment/comment-reply.component.mjs +3 -3
  82. package/esm2020/comment/comment.component.mjs +3 -3
  83. package/esm2020/comment/comment.module.mjs +4 -4
  84. package/esm2020/comment/comment.property.mjs +6 -6
  85. package/esm2020/container/aside.component.mjs +3 -3
  86. package/esm2020/container/container.component.mjs +3 -3
  87. package/esm2020/container/container.module.mjs +4 -4
  88. package/esm2020/container/container.property.mjs +12 -12
  89. package/esm2020/container/footer.component.mjs +4 -4
  90. package/esm2020/container/header.component.mjs +4 -4
  91. package/esm2020/container/main.component.mjs +4 -4
  92. package/esm2020/core/config/config.mjs +1 -1
  93. package/esm2020/core/config/config.service.mjs +3 -3
  94. package/esm2020/core/services/http.service.mjs +3 -3
  95. package/esm2020/core/services/preloading-strategy.service.mjs +3 -3
  96. package/esm2020/core/services/storage.service.mjs +3 -3
  97. package/esm2020/core/theme/theme.service.mjs +3 -3
  98. package/esm2020/crumb/crumb.component.mjs +3 -3
  99. package/esm2020/crumb/crumb.module.mjs +4 -4
  100. package/esm2020/crumb/crumb.property.mjs +3 -3
  101. package/esm2020/date-picker/date-picker-portal.component.mjs +3 -3
  102. package/esm2020/date-picker/date-picker.component.mjs +3 -3
  103. package/esm2020/date-picker/date-picker.module.mjs +4 -4
  104. package/esm2020/date-picker/date-picker.property.mjs +15 -15
  105. package/esm2020/date-picker/date-range-portal.component.mjs +5 -5
  106. package/esm2020/date-picker/date-range.component.mjs +3 -3
  107. package/esm2020/date-picker/picker-date.component.mjs +3 -3
  108. package/esm2020/date-picker/picker-month.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 +52 -0
  115. package/esm2020/dialog/dialog-container.directives.mjs +73 -0
  116. package/esm2020/dialog/dialog-ref.mjs +17 -0
  117. package/esm2020/dialog/dialog.component.mjs +5 -5
  118. package/esm2020/dialog/dialog.module.mjs +39 -9
  119. package/esm2020/dialog/dialog.property.mjs +20 -19
  120. package/esm2020/dialog/dialog.service.mjs +67 -0
  121. package/esm2020/dialog/public-api.mjs +5 -1
  122. package/esm2020/doc/doc.component.mjs +4 -4
  123. package/esm2020/doc/doc.module.mjs +4 -4
  124. package/esm2020/drawer/drawer-container.component.mjs +52 -0
  125. package/esm2020/drawer/drawer-container.directives.mjs +57 -0
  126. package/esm2020/drawer/drawer-ref.mjs +17 -0
  127. package/esm2020/drawer/drawer.component.mjs +5 -5
  128. package/esm2020/drawer/drawer.module.mjs +24 -8
  129. package/esm2020/drawer/drawer.property.mjs +24 -8
  130. package/esm2020/drawer/drawer.service.mjs +65 -0
  131. package/esm2020/drawer/public-api.mjs +6 -1
  132. package/esm2020/dropdown/dropdown-portal.component.mjs +3 -3
  133. package/esm2020/dropdown/dropdown.component.mjs +3 -3
  134. package/esm2020/dropdown/dropdown.module.mjs +4 -4
  135. package/esm2020/dropdown/dropdown.property.mjs +3 -3
  136. package/esm2020/empty/empty.component.mjs +3 -3
  137. package/esm2020/empty/empty.module.mjs +4 -4
  138. package/esm2020/empty/empty.property.mjs +3 -3
  139. package/esm2020/examples/examples.component.mjs +3 -3
  140. package/esm2020/examples/examples.module.mjs +4 -4
  141. package/esm2020/find/find.component.mjs +4 -4
  142. package/esm2020/find/find.module.mjs +4 -4
  143. package/esm2020/find/find.property.mjs +3 -3
  144. package/esm2020/form/control.component.mjs +3 -3
  145. package/esm2020/form/form.component.mjs +3 -3
  146. package/esm2020/form/form.module.mjs +4 -4
  147. package/esm2020/form/form.property.mjs +6 -6
  148. package/esm2020/highlight/highlight.component.mjs +3 -3
  149. package/esm2020/highlight/highlight.module.mjs +4 -4
  150. package/esm2020/highlight/highlight.property.mjs +3 -3
  151. package/esm2020/i18n/i18n.directive.mjs +3 -3
  152. package/esm2020/i18n/i18n.module.mjs +4 -4
  153. package/esm2020/i18n/i18n.pipe.mjs +3 -3
  154. package/esm2020/i18n/i18n.service.mjs +3 -3
  155. package/esm2020/icon/icon.component.mjs +3 -3
  156. package/esm2020/icon/icon.module.mjs +4 -4
  157. package/esm2020/icon/icon.property.mjs +3 -3
  158. package/esm2020/icon/icon.service.mjs +3 -3
  159. package/esm2020/inner/inner.component.mjs +3 -3
  160. package/esm2020/inner/inner.module.mjs +4 -4
  161. package/esm2020/inner/inner.property.mjs +3 -3
  162. package/esm2020/input/input-group.component.mjs +3 -3
  163. package/esm2020/input/input.component.mjs +6 -5
  164. package/esm2020/input/input.module.mjs +4 -4
  165. package/esm2020/input/input.property.mjs +6 -6
  166. package/esm2020/input-number/input-number.component.mjs +3 -3
  167. package/esm2020/input-number/input-number.module.mjs +4 -4
  168. package/esm2020/input-number/input-number.property.mjs +3 -3
  169. package/esm2020/layout/col.component.mjs +3 -3
  170. package/esm2020/layout/layout.module.mjs +4 -4
  171. package/esm2020/layout/layout.property.mjs +6 -6
  172. package/esm2020/layout/row.component.mjs +3 -3
  173. package/esm2020/link/link.component.mjs +3 -3
  174. package/esm2020/link/link.module.mjs +4 -4
  175. package/esm2020/link/link.property.mjs +3 -3
  176. package/esm2020/list/list-option.component.mjs +3 -3
  177. package/esm2020/list/list.component.mjs +3 -3
  178. package/esm2020/list/list.module.mjs +4 -4
  179. package/esm2020/list/list.property.mjs +6 -6
  180. package/esm2020/loading/loading.component.mjs +3 -3
  181. package/esm2020/loading/loading.module.mjs +4 -4
  182. package/esm2020/loading/loading.property.mjs +3 -3
  183. package/esm2020/menu/menu-node.component.mjs +3 -3
  184. package/esm2020/menu/menu.component.mjs +3 -3
  185. package/esm2020/menu/menu.module.mjs +4 -4
  186. package/esm2020/menu/menu.property.mjs +6 -6
  187. package/esm2020/message/message.component.mjs +3 -3
  188. package/esm2020/message/message.module.mjs +4 -4
  189. package/esm2020/message/message.property.mjs +2 -2
  190. package/esm2020/message/message.service.mjs +6 -6
  191. package/esm2020/message-box/message-box.component.mjs +3 -3
  192. package/esm2020/message-box/message-box.module.mjs +4 -4
  193. package/esm2020/message-box/message-box.service.mjs +3 -3
  194. package/esm2020/notification/notification.component.mjs +3 -3
  195. package/esm2020/notification/notification.module.mjs +4 -4
  196. package/esm2020/notification/notification.service.mjs +3 -3
  197. package/esm2020/outlet/outlet.directive.mjs +3 -3
  198. package/esm2020/outlet/outlet.module.mjs +4 -4
  199. package/esm2020/page-header/page-header.component.mjs +3 -3
  200. package/esm2020/page-header/page-header.module.mjs +4 -4
  201. package/esm2020/page-header/page-header.property.mjs +3 -3
  202. package/esm2020/pagination/pagination.component.mjs +4 -4
  203. package/esm2020/pagination/pagination.module.mjs +4 -4
  204. package/esm2020/pagination/pagination.property.mjs +3 -3
  205. package/esm2020/pattern/pattern.component.mjs +3 -3
  206. package/esm2020/pattern/pattern.module.mjs +4 -4
  207. package/esm2020/popconfirm/popconfirm.component.mjs +3 -3
  208. package/esm2020/popconfirm/popconfirm.module.mjs +4 -4
  209. package/esm2020/popconfirm/popconfirm.property.mjs +3 -3
  210. package/esm2020/popover/popover-portal.component.mjs +3 -3
  211. package/esm2020/popover/popover.directive.mjs +3 -3
  212. package/esm2020/popover/popover.module.mjs +4 -4
  213. package/esm2020/popover/popover.property.mjs +3 -3
  214. package/esm2020/portal/portal.module.mjs +6 -5
  215. package/esm2020/portal/portal.service.mjs +11 -12
  216. package/esm2020/progress/progress.component.mjs +179 -18
  217. package/esm2020/progress/progress.module.mjs +4 -4
  218. package/esm2020/progress/progress.property.mjs +52 -5
  219. package/esm2020/radio/radio.component.mjs +4 -4
  220. package/esm2020/radio/radio.module.mjs +4 -4
  221. package/esm2020/radio/radio.property.mjs +3 -3
  222. package/esm2020/rate/rate.component.mjs +4 -4
  223. package/esm2020/rate/rate.module.mjs +4 -4
  224. package/esm2020/rate/rate.property.mjs +3 -3
  225. package/esm2020/result/result.component.mjs +4 -4
  226. package/esm2020/result/result.module.mjs +4 -4
  227. package/esm2020/result/result.property.mjs +3 -3
  228. package/esm2020/ripple/ripple.directive.mjs +3 -3
  229. package/esm2020/ripple/ripple.module.mjs +4 -4
  230. package/esm2020/ripple/ripple.property.mjs +3 -3
  231. package/esm2020/select/select-portal.component.mjs +3 -3
  232. package/esm2020/select/select.component.mjs +3 -3
  233. package/esm2020/select/select.module.mjs +4 -4
  234. package/esm2020/select/select.property.mjs +3 -3
  235. package/esm2020/skeleton/skeleton.component.mjs +3 -3
  236. package/esm2020/skeleton/skeleton.module.mjs +4 -4
  237. package/esm2020/skeleton/skeleton.property.mjs +3 -3
  238. package/esm2020/slider/slider.component.mjs +3 -3
  239. package/esm2020/slider/slider.module.mjs +4 -4
  240. package/esm2020/slider/slider.property.mjs +3 -3
  241. package/esm2020/slider-select/slider-select.component.mjs +4 -4
  242. package/esm2020/slider-select/slider-select.module.mjs +4 -4
  243. package/esm2020/slider-select/slider-select.property.mjs +3 -3
  244. package/esm2020/statistic/countdown.component.mjs +3 -3
  245. package/esm2020/statistic/statistic.component.mjs +3 -3
  246. package/esm2020/statistic/statistic.module.mjs +4 -4
  247. package/esm2020/statistic/statistic.property.mjs +6 -6
  248. package/esm2020/steps/steps.component.mjs +18 -11
  249. package/esm2020/steps/steps.module.mjs +4 -4
  250. package/esm2020/steps/steps.property.mjs +10 -5
  251. package/esm2020/switch/switch.component.mjs +4 -4
  252. package/esm2020/switch/switch.module.mjs +4 -4
  253. package/esm2020/switch/switch.property.mjs +3 -3
  254. package/esm2020/table/drag.directive.mjs +3 -3
  255. package/esm2020/table/table-body.component.mjs +3 -3
  256. package/esm2020/table/table-foot.component.mjs +3 -3
  257. package/esm2020/table/table-head.component.mjs +3 -3
  258. package/esm2020/table/table.component.mjs +3 -3
  259. package/esm2020/table/table.module.mjs +4 -4
  260. package/esm2020/table/table.property.mjs +12 -12
  261. package/esm2020/tabs/tab-content.component.mjs +3 -3
  262. package/esm2020/tabs/tab.component.mjs +3 -3
  263. package/esm2020/tabs/tabs.component.mjs +3 -3
  264. package/esm2020/tabs/tabs.module.mjs +4 -4
  265. package/esm2020/tabs/tabs.property.mjs +6 -6
  266. package/esm2020/tag/tag.component.mjs +4 -4
  267. package/esm2020/tag/tag.module.mjs +4 -4
  268. package/esm2020/tag/tag.property.mjs +3 -3
  269. package/esm2020/text-retract/text-retract.component.mjs +3 -3
  270. package/esm2020/text-retract/text-retract.module.mjs +4 -4
  271. package/esm2020/text-retract/text-retract.property.mjs +3 -3
  272. package/esm2020/textarea/textarea.component.mjs +4 -4
  273. package/esm2020/textarea/textarea.module.mjs +4 -4
  274. package/esm2020/textarea/textarea.property.mjs +3 -3
  275. package/esm2020/theme/theme.component.mjs +3 -3
  276. package/esm2020/theme/theme.module.mjs +4 -4
  277. package/esm2020/theme/theme.property.mjs +3 -3
  278. package/esm2020/time-ago/time-ago.module.mjs +4 -4
  279. package/esm2020/time-ago/time-ago.pipe.mjs +3 -3
  280. package/esm2020/time-picker/time-picker-frame.component.mjs +4 -4
  281. package/esm2020/time-picker/time-picker-portal.component.mjs +3 -3
  282. package/esm2020/time-picker/time-picker.component.mjs +3 -3
  283. package/esm2020/time-picker/time-picker.module.mjs +4 -4
  284. package/esm2020/time-picker/time-picker.property.mjs +3 -3
  285. package/esm2020/time-range/time-range.module.mjs +4 -4
  286. package/esm2020/time-range/time-range.pipe.mjs +3 -3
  287. package/esm2020/timeline/timeline.component.mjs +3 -3
  288. package/esm2020/timeline/timeline.module.mjs +4 -4
  289. package/esm2020/timeline/timeline.property.mjs +3 -3
  290. package/esm2020/tooltip/tooltip-portal.component.mjs +3 -3
  291. package/esm2020/tooltip/tooltip.directive.mjs +3 -3
  292. package/esm2020/tooltip/tooltip.module.mjs +4 -4
  293. package/esm2020/tooltip/tooltip.property.mjs +3 -3
  294. package/esm2020/transfer/transfer.component.mjs +3 -3
  295. package/esm2020/transfer/transfer.module.mjs +4 -4
  296. package/esm2020/transfer/transfer.property.mjs +3 -3
  297. package/esm2020/tree/tree-node.component.mjs +3 -3
  298. package/esm2020/tree/tree.component.mjs +3 -3
  299. package/esm2020/tree/tree.module.mjs +4 -4
  300. package/esm2020/tree/tree.property.mjs +6 -6
  301. package/esm2020/tree-file/tree-file.component.mjs +4 -4
  302. package/esm2020/tree-file/tree-file.module.mjs +4 -4
  303. package/esm2020/tree-file/tree-file.property.mjs +3 -3
  304. package/esm2020/typography/typography.component.mjs +3 -3
  305. package/esm2020/typography/typography.module.mjs +4 -4
  306. package/esm2020/typography/typography.property.mjs +3 -3
  307. package/esm2020/upload/upload-portal.component.mjs +4 -4
  308. package/esm2020/upload/upload.component.mjs +3 -3
  309. package/esm2020/upload/upload.module.mjs +4 -4
  310. package/esm2020/upload/upload.property.mjs +3 -3
  311. package/fesm2015/ng-nest-ui-affix.mjs +10 -10
  312. package/fesm2015/ng-nest-ui-alert.mjs +11 -11
  313. package/fesm2015/ng-nest-ui-alert.mjs.map +1 -1
  314. package/fesm2015/ng-nest-ui-anchor.mjs +10 -10
  315. package/fesm2015/ng-nest-ui-api.mjs +7 -7
  316. package/fesm2015/ng-nest-ui-auto-complete.mjs +13 -13
  317. package/fesm2015/ng-nest-ui-avatar.mjs +10 -10
  318. package/fesm2015/ng-nest-ui-back-top.mjs +10 -10
  319. package/fesm2015/ng-nest-ui-badge.mjs +10 -10
  320. package/fesm2015/ng-nest-ui-base-form.mjs +10 -10
  321. package/fesm2015/ng-nest-ui-border.mjs +7 -7
  322. package/fesm2015/ng-nest-ui-button.mjs +17 -17
  323. package/fesm2015/ng-nest-ui-calendar.mjs +10 -10
  324. package/fesm2015/ng-nest-ui-card.mjs +11 -11
  325. package/fesm2015/ng-nest-ui-carousel.mjs +16 -16
  326. package/fesm2015/ng-nest-ui-cascade.mjs +13 -13
  327. package/fesm2015/ng-nest-ui-checkbox.mjs +11 -11
  328. package/fesm2015/ng-nest-ui-collapse.mjs +16 -16
  329. package/fesm2015/ng-nest-ui-color-picker.mjs +13 -13
  330. package/fesm2015/ng-nest-ui-color.mjs +10 -10
  331. package/fesm2015/ng-nest-ui-comment.mjs +16 -16
  332. package/fesm2015/ng-nest-ui-container.mjs +34 -34
  333. package/fesm2015/ng-nest-ui-core.mjs +15 -15
  334. package/fesm2015/ng-nest-ui-core.mjs.map +1 -1
  335. package/fesm2015/ng-nest-ui-crumb.mjs +10 -10
  336. package/fesm2015/ng-nest-ui-date-picker.mjs +41 -41
  337. package/fesm2015/ng-nest-ui-date-picker.mjs.map +1 -1
  338. package/fesm2015/ng-nest-ui-description.mjs +16 -16
  339. package/fesm2015/ng-nest-ui-dialog.mjs +257 -33
  340. package/fesm2015/ng-nest-ui-dialog.mjs.map +1 -1
  341. package/fesm2015/ng-nest-ui-doc.mjs +8 -8
  342. package/fesm2015/ng-nest-ui-drawer.mjs +226 -20
  343. package/fesm2015/ng-nest-ui-drawer.mjs.map +1 -1
  344. package/fesm2015/ng-nest-ui-dropdown.mjs +13 -13
  345. package/fesm2015/ng-nest-ui-empty.mjs +10 -10
  346. package/fesm2015/ng-nest-ui-examples.mjs +7 -7
  347. package/fesm2015/ng-nest-ui-find.mjs +11 -11
  348. package/fesm2015/ng-nest-ui-form.mjs +16 -16
  349. package/fesm2015/ng-nest-ui-highlight.mjs +10 -10
  350. package/fesm2015/ng-nest-ui-i18n.mjs +13 -13
  351. package/fesm2015/ng-nest-ui-icon.mjs +13 -13
  352. package/fesm2015/ng-nest-ui-inner.mjs +10 -10
  353. package/fesm2015/ng-nest-ui-input-number.mjs +10 -10
  354. package/fesm2015/ng-nest-ui-input.mjs +18 -17
  355. package/fesm2015/ng-nest-ui-input.mjs.map +1 -1
  356. package/fesm2015/ng-nest-ui-layout.mjs +16 -16
  357. package/fesm2015/ng-nest-ui-link.mjs +10 -10
  358. package/fesm2015/ng-nest-ui-list.mjs +16 -16
  359. package/fesm2015/ng-nest-ui-loading.mjs +10 -10
  360. package/fesm2015/ng-nest-ui-menu.mjs +16 -16
  361. package/fesm2015/ng-nest-ui-message-box.mjs +10 -10
  362. package/fesm2015/ng-nest-ui-message.mjs +13 -13
  363. package/fesm2015/ng-nest-ui-message.mjs.map +1 -1
  364. package/fesm2015/ng-nest-ui-notification.mjs +10 -10
  365. package/fesm2015/ng-nest-ui-outlet.mjs +7 -7
  366. package/fesm2015/ng-nest-ui-page-header.mjs +10 -10
  367. package/fesm2015/ng-nest-ui-pagination.mjs +11 -11
  368. package/fesm2015/ng-nest-ui-pattern.mjs +7 -7
  369. package/fesm2015/ng-nest-ui-popconfirm.mjs +10 -10
  370. package/fesm2015/ng-nest-ui-popover.mjs +13 -13
  371. package/fesm2015/ng-nest-ui-portal.mjs +15 -15
  372. package/fesm2015/ng-nest-ui-portal.mjs.map +1 -1
  373. package/fesm2015/ng-nest-ui-progress.mjs +234 -26
  374. package/fesm2015/ng-nest-ui-progress.mjs.map +1 -1
  375. package/fesm2015/ng-nest-ui-radio.mjs +11 -11
  376. package/fesm2015/ng-nest-ui-rate.mjs +11 -11
  377. package/fesm2015/ng-nest-ui-result.mjs +11 -11
  378. package/fesm2015/ng-nest-ui-ripple.mjs +10 -10
  379. package/fesm2015/ng-nest-ui-select.mjs +13 -13
  380. package/fesm2015/ng-nest-ui-skeleton.mjs +10 -10
  381. package/fesm2015/ng-nest-ui-slider-select.mjs +11 -11
  382. package/fesm2015/ng-nest-ui-slider.mjs +10 -10
  383. package/fesm2015/ng-nest-ui-statistic.mjs +16 -16
  384. package/fesm2015/ng-nest-ui-steps.mjs +30 -18
  385. package/fesm2015/ng-nest-ui-steps.mjs.map +1 -1
  386. package/fesm2015/ng-nest-ui-switch.mjs +11 -11
  387. package/fesm2015/ng-nest-ui-table.mjs +31 -31
  388. package/fesm2015/ng-nest-ui-tabs.mjs +19 -19
  389. package/fesm2015/ng-nest-ui-tag.mjs +11 -11
  390. package/fesm2015/ng-nest-ui-text-retract.mjs +10 -10
  391. package/fesm2015/ng-nest-ui-textarea.mjs +11 -11
  392. package/fesm2015/ng-nest-ui-theme.mjs +10 -10
  393. package/fesm2015/ng-nest-ui-time-ago.mjs +7 -7
  394. package/fesm2015/ng-nest-ui-time-picker.mjs +17 -17
  395. package/fesm2015/ng-nest-ui-time-range.mjs +7 -7
  396. package/fesm2015/ng-nest-ui-timeline.mjs +10 -10
  397. package/fesm2015/ng-nest-ui-tooltip.mjs +13 -13
  398. package/fesm2015/ng-nest-ui-transfer.mjs +10 -10
  399. package/fesm2015/ng-nest-ui-tree-file.mjs +11 -11
  400. package/fesm2015/ng-nest-ui-tree.mjs +16 -16
  401. package/fesm2015/ng-nest-ui-typography.mjs +10 -10
  402. package/fesm2015/ng-nest-ui-upload.mjs +14 -14
  403. package/fesm2020/ng-nest-ui-affix.mjs +10 -10
  404. package/fesm2020/ng-nest-ui-alert.mjs +11 -11
  405. package/fesm2020/ng-nest-ui-alert.mjs.map +1 -1
  406. package/fesm2020/ng-nest-ui-anchor.mjs +10 -10
  407. package/fesm2020/ng-nest-ui-api.mjs +7 -7
  408. package/fesm2020/ng-nest-ui-auto-complete.mjs +13 -13
  409. package/fesm2020/ng-nest-ui-avatar.mjs +10 -10
  410. package/fesm2020/ng-nest-ui-back-top.mjs +10 -10
  411. package/fesm2020/ng-nest-ui-badge.mjs +10 -10
  412. package/fesm2020/ng-nest-ui-base-form.mjs +10 -10
  413. package/fesm2020/ng-nest-ui-border.mjs +7 -7
  414. package/fesm2020/ng-nest-ui-button.mjs +17 -17
  415. package/fesm2020/ng-nest-ui-calendar.mjs +10 -10
  416. package/fesm2020/ng-nest-ui-card.mjs +11 -11
  417. package/fesm2020/ng-nest-ui-carousel.mjs +16 -16
  418. package/fesm2020/ng-nest-ui-cascade.mjs +13 -13
  419. package/fesm2020/ng-nest-ui-checkbox.mjs +11 -11
  420. package/fesm2020/ng-nest-ui-collapse.mjs +16 -16
  421. package/fesm2020/ng-nest-ui-color-picker.mjs +13 -13
  422. package/fesm2020/ng-nest-ui-color.mjs +10 -10
  423. package/fesm2020/ng-nest-ui-comment.mjs +16 -16
  424. package/fesm2020/ng-nest-ui-container.mjs +34 -34
  425. package/fesm2020/ng-nest-ui-core.mjs +15 -15
  426. package/fesm2020/ng-nest-ui-core.mjs.map +1 -1
  427. package/fesm2020/ng-nest-ui-crumb.mjs +10 -10
  428. package/fesm2020/ng-nest-ui-date-picker.mjs +41 -41
  429. package/fesm2020/ng-nest-ui-date-picker.mjs.map +1 -1
  430. package/fesm2020/ng-nest-ui-description.mjs +16 -16
  431. package/fesm2020/ng-nest-ui-dialog.mjs +255 -33
  432. package/fesm2020/ng-nest-ui-dialog.mjs.map +1 -1
  433. package/fesm2020/ng-nest-ui-doc.mjs +8 -8
  434. package/fesm2020/ng-nest-ui-drawer.mjs +224 -20
  435. package/fesm2020/ng-nest-ui-drawer.mjs.map +1 -1
  436. package/fesm2020/ng-nest-ui-dropdown.mjs +13 -13
  437. package/fesm2020/ng-nest-ui-empty.mjs +10 -10
  438. package/fesm2020/ng-nest-ui-examples.mjs +7 -7
  439. package/fesm2020/ng-nest-ui-find.mjs +11 -11
  440. package/fesm2020/ng-nest-ui-form.mjs +16 -16
  441. package/fesm2020/ng-nest-ui-highlight.mjs +10 -10
  442. package/fesm2020/ng-nest-ui-i18n.mjs +13 -13
  443. package/fesm2020/ng-nest-ui-icon.mjs +13 -13
  444. package/fesm2020/ng-nest-ui-inner.mjs +10 -10
  445. package/fesm2020/ng-nest-ui-input-number.mjs +10 -10
  446. package/fesm2020/ng-nest-ui-input.mjs +18 -17
  447. package/fesm2020/ng-nest-ui-input.mjs.map +1 -1
  448. package/fesm2020/ng-nest-ui-layout.mjs +16 -16
  449. package/fesm2020/ng-nest-ui-link.mjs +10 -10
  450. package/fesm2020/ng-nest-ui-list.mjs +16 -16
  451. package/fesm2020/ng-nest-ui-loading.mjs +10 -10
  452. package/fesm2020/ng-nest-ui-menu.mjs +16 -16
  453. package/fesm2020/ng-nest-ui-message-box.mjs +10 -10
  454. package/fesm2020/ng-nest-ui-message.mjs +13 -13
  455. package/fesm2020/ng-nest-ui-message.mjs.map +1 -1
  456. package/fesm2020/ng-nest-ui-notification.mjs +10 -10
  457. package/fesm2020/ng-nest-ui-outlet.mjs +7 -7
  458. package/fesm2020/ng-nest-ui-page-header.mjs +10 -10
  459. package/fesm2020/ng-nest-ui-pagination.mjs +11 -11
  460. package/fesm2020/ng-nest-ui-pattern.mjs +7 -7
  461. package/fesm2020/ng-nest-ui-popconfirm.mjs +10 -10
  462. package/fesm2020/ng-nest-ui-popover.mjs +13 -13
  463. package/fesm2020/ng-nest-ui-portal.mjs +15 -15
  464. package/fesm2020/ng-nest-ui-portal.mjs.map +1 -1
  465. package/fesm2020/ng-nest-ui-progress.mjs +233 -25
  466. package/fesm2020/ng-nest-ui-progress.mjs.map +1 -1
  467. package/fesm2020/ng-nest-ui-radio.mjs +11 -11
  468. package/fesm2020/ng-nest-ui-rate.mjs +11 -11
  469. package/fesm2020/ng-nest-ui-result.mjs +11 -11
  470. package/fesm2020/ng-nest-ui-ripple.mjs +10 -10
  471. package/fesm2020/ng-nest-ui-select.mjs +13 -13
  472. package/fesm2020/ng-nest-ui-skeleton.mjs +10 -10
  473. package/fesm2020/ng-nest-ui-slider-select.mjs +11 -11
  474. package/fesm2020/ng-nest-ui-slider.mjs +10 -10
  475. package/fesm2020/ng-nest-ui-statistic.mjs +16 -16
  476. package/fesm2020/ng-nest-ui-steps.mjs +30 -18
  477. package/fesm2020/ng-nest-ui-steps.mjs.map +1 -1
  478. package/fesm2020/ng-nest-ui-switch.mjs +11 -11
  479. package/fesm2020/ng-nest-ui-table.mjs +31 -31
  480. package/fesm2020/ng-nest-ui-tabs.mjs +19 -19
  481. package/fesm2020/ng-nest-ui-tag.mjs +11 -11
  482. package/fesm2020/ng-nest-ui-text-retract.mjs +10 -10
  483. package/fesm2020/ng-nest-ui-textarea.mjs +11 -11
  484. package/fesm2020/ng-nest-ui-theme.mjs +10 -10
  485. package/fesm2020/ng-nest-ui-time-ago.mjs +7 -7
  486. package/fesm2020/ng-nest-ui-time-picker.mjs +17 -17
  487. package/fesm2020/ng-nest-ui-time-range.mjs +7 -7
  488. package/fesm2020/ng-nest-ui-timeline.mjs +10 -10
  489. package/fesm2020/ng-nest-ui-tooltip.mjs +13 -13
  490. package/fesm2020/ng-nest-ui-transfer.mjs +10 -10
  491. package/fesm2020/ng-nest-ui-tree-file.mjs +11 -11
  492. package/fesm2020/ng-nest-ui-tree.mjs +16 -16
  493. package/fesm2020/ng-nest-ui-typography.mjs +10 -10
  494. package/fesm2020/ng-nest-ui-upload.mjs +14 -14
  495. package/layout/examples/en_US/default/flex/README.md +1 -1
  496. package/layout/examples/zh_CN/default/flex/README.md +1 -1
  497. package/message/message.property.d.ts +1 -1
  498. package/package.json +1 -1
  499. package/portal/portal.module.d.ts +1 -1
  500. package/portal/portal.service.d.ts +2 -3
  501. package/progress/examples/en_US/default/circle/README.md +6 -0
  502. package/progress/examples/en_US/default/dashboard/README.md +6 -0
  503. package/progress/examples/en_US/default/gradient/README.md +6 -0
  504. package/progress/examples/en_US/default/steps/README.md +6 -0
  505. package/progress/examples/en_US/default/subsection/README.md +6 -0
  506. package/progress/examples/zh_CN/default/circle/README.md +6 -0
  507. package/progress/examples/zh_CN/default/dashboard/README.md +6 -0
  508. package/progress/examples/zh_CN/default/gradient/README.md +6 -0
  509. package/progress/examples/zh_CN/default/steps/README.md +6 -0
  510. package/progress/examples/zh_CN/default/subsection/README.md +6 -0
  511. package/progress/progress.component.d.ts +31 -3
  512. package/progress/progress.property.d.ts +80 -5
  513. package/steps/examples/en_US/default/node-status/README.md +6 -0
  514. package/steps/examples/zh_CN/default/node-status/README.md +6 -0
  515. package/steps/steps.property.d.ts +7 -2
@@ -22,8 +22,8 @@ const X_CONFIG_NAME = 'link';
22
22
  */
23
23
  class XLinkProperty extends XProperty {
24
24
  }
25
- /** @nocollapse */ /** @nocollapse */ XLinkProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XLinkProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
26
- /** @nocollapse */ /** @nocollapse */ XLinkProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XLinkProperty, selector: "ng-component", inputs: { href: "href", icon: "icon", underline: "underline", disabled: "disabled", iconRight: "iconRight", type: "type", target: "target" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
25
+ /** @nocollapse */ /** @nocollapse */ XLinkProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XLinkProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
26
+ /** @nocollapse */ /** @nocollapse */ XLinkProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XLinkProperty, selector: "ng-component", inputs: { href: "href", icon: "icon", underline: "underline", disabled: "disabled", iconRight: "iconRight", type: "type", target: "target" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
27
27
  __decorate([
28
28
  XWithConfig(X_CONFIG_NAME),
29
29
  XInputBoolean()
@@ -35,7 +35,7 @@ __decorate([
35
35
  XWithConfig(X_CONFIG_NAME),
36
36
  XInputBoolean()
37
37
  ], XLinkProperty.prototype, "iconRight", void 0);
38
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XLinkProperty, decorators: [{
38
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XLinkProperty, decorators: [{
39
39
  type: Component,
40
40
  args: [{ template: '' }]
41
41
  }], propDecorators: { href: [{
@@ -78,9 +78,9 @@ class XLinkComponent extends XLinkProperty {
78
78
  this.classMap[`${XLinkPrefix}-${this.type}`] = this.type ? true : false;
79
79
  }
80
80
  }
81
- /** @nocollapse */ /** @nocollapse */ XLinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XLinkComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
82
- /** @nocollapse */ /** @nocollapse */ XLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XLinkComponent, selector: "x-link", host: { listeners: { "mouseenter": "mouseenter()", "mouseleave": "mouseleave()" } }, usesInheritance: true, ngImport: i0, template: "<a\r\n class=\"x-link\"\r\n [ngClass]=\"classMap\"\r\n [class.x-link-disabled]=\"disabled\"\r\n [class.x-link-underline]=\"underline && !disabled\"\r\n [class.x-link-icon-right]=\"iconRight\"\r\n [class.x-link-only-icon]=\"icon && !content.innerHTML.trim()\"\r\n [attr.href]=\"href\"\r\n [attr.target]=\"target\"\r\n>\r\n <x-icon *ngIf=\"icon\" [type]=\"icon\"></x-icon>\r\n <span #content><ng-content></ng-content></span>\r\n</a>\r\n", styles: ["x-link{display:inline-flex}.x-link{margin:0;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;vertical-align:middle;position:relative;text-decoration:none;outline:none;cursor:pointer;padding:0;transition:all var(--x-animation-duration-base) ease-in-out}.x-link>x-icon{margin-right:.125rem}.x-link-underline:hover:after{content:\"\";position:absolute;left:0;right:0;height:0;bottom:0;border-bottom:.0625rem solid var(--x-primary)}.x-link-icon-right{flex-direction:row-reverse}.x-link-icon-right>x-icon{margin-right:0;margin-left:.125rem}.x-link-only-icon>x-icon{margin-right:0;margin-left:0}.x-link{color:inherit}.x-link:hover{color:var(--x-primary)}.x-link:hover:after{border-color:var(--x-primary)}.x-link:active{color:var(--x-primary-a100)}.x-link.x-link-disabled{color:var(--x-text-400);cursor:not-allowed}.x-link.x-link-disabled:active{transform:none}.x-link.x-link-disabled:hover:after{border-color:transparent}.x-link-primary{color:var(--x-primary)}.x-link-primary:hover{color:var(--x-primary-100)}.x-link-primary:hover:after{border-color:var(--x-primary-100)}.x-link-primary:active{color:var(--x-primary-300)}.x-link-primary.x-link-disabled{color:var(--x-primary-400);cursor:not-allowed}.x-link-primary.x-link-disabled:active{transform:none}.x-link-primary.x-link-disabled:hover:after{border-color:transparent}.x-link-success{color:var(--x-success)}.x-link-success:hover{color:var(--x-success-100)}.x-link-success:hover:after{border-color:var(--x-success-100)}.x-link-success:active{color:var(--x-success-300)}.x-link-success.x-link-disabled{color:var(--x-success-400);cursor:not-allowed}.x-link-success.x-link-disabled:active{transform:none}.x-link-success.x-link-disabled:hover:after{border-color:transparent}.x-link-warning{color:var(--x-warning)}.x-link-warning:hover{color:var(--x-warning-100)}.x-link-warning:hover:after{border-color:var(--x-warning-100)}.x-link-warning:active{color:var(--x-warning-300)}.x-link-warning.x-link-disabled{color:var(--x-warning-400);cursor:not-allowed}.x-link-warning.x-link-disabled:active{transform:none}.x-link-warning.x-link-disabled:hover:after{border-color:transparent}.x-link-danger{color:var(--x-danger)}.x-link-danger:hover{color:var(--x-danger-100)}.x-link-danger:hover:after{border-color:var(--x-danger-100)}.x-link-danger:active{color:var(--x-danger-300)}.x-link-danger.x-link-disabled{color:var(--x-danger-400);cursor:not-allowed}.x-link-danger.x-link-disabled:active{transform:none}.x-link-danger.x-link-disabled:hover:after{border-color:transparent}.x-link-info{color:var(--x-info)}.x-link-info:hover{color:var(--x-info-100)}.x-link-info:hover:after{border-color:var(--x-info-100)}.x-link-info:active{color:var(--x-info-300)}.x-link-info.x-link-disabled{color:var(--x-info-400);cursor:not-allowed}.x-link-info.x-link-disabled:active{transform:none}.x-link-info.x-link-disabled:hover:after{border-color:transparent}\n"], components: [{ type: i2.XIconComponent, selector: "x-icon" }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
83
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XLinkComponent, decorators: [{
81
+ /** @nocollapse */ /** @nocollapse */ XLinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XLinkComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
82
+ /** @nocollapse */ /** @nocollapse */ XLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XLinkComponent, selector: "x-link", host: { listeners: { "mouseenter": "mouseenter()", "mouseleave": "mouseleave()" } }, usesInheritance: true, ngImport: i0, template: "<a\r\n class=\"x-link\"\r\n [ngClass]=\"classMap\"\r\n [class.x-link-disabled]=\"disabled\"\r\n [class.x-link-underline]=\"underline && !disabled\"\r\n [class.x-link-icon-right]=\"iconRight\"\r\n [class.x-link-only-icon]=\"icon && !content.innerHTML.trim()\"\r\n [attr.href]=\"href\"\r\n [attr.target]=\"target\"\r\n>\r\n <x-icon *ngIf=\"icon\" [type]=\"icon\"></x-icon>\r\n <span #content><ng-content></ng-content></span>\r\n</a>\r\n", styles: ["x-link{display:inline-flex}.x-link{margin:0;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;vertical-align:middle;position:relative;text-decoration:none;outline:none;cursor:pointer;padding:0;transition:all var(--x-animation-duration-base) ease-in-out}.x-link>x-icon{margin-right:.125rem}.x-link-underline:hover:after{content:\"\";position:absolute;left:0;right:0;height:0;bottom:0;border-bottom:.0625rem solid var(--x-primary)}.x-link-icon-right{flex-direction:row-reverse}.x-link-icon-right>x-icon{margin-right:0;margin-left:.125rem}.x-link-only-icon>x-icon{margin-right:0;margin-left:0}.x-link{color:inherit}.x-link:hover{color:var(--x-primary)}.x-link:hover:after{border-color:var(--x-primary)}.x-link:active{color:var(--x-primary-a100)}.x-link.x-link-disabled{color:var(--x-text-400);cursor:not-allowed}.x-link.x-link-disabled:active{transform:none}.x-link.x-link-disabled:hover:after{border-color:transparent}.x-link-primary{color:var(--x-primary)}.x-link-primary:hover{color:var(--x-primary-100)}.x-link-primary:hover:after{border-color:var(--x-primary-100)}.x-link-primary:active{color:var(--x-primary-300)}.x-link-primary.x-link-disabled{color:var(--x-primary-400);cursor:not-allowed}.x-link-primary.x-link-disabled:active{transform:none}.x-link-primary.x-link-disabled:hover:after{border-color:transparent}.x-link-success{color:var(--x-success)}.x-link-success:hover{color:var(--x-success-100)}.x-link-success:hover:after{border-color:var(--x-success-100)}.x-link-success:active{color:var(--x-success-300)}.x-link-success.x-link-disabled{color:var(--x-success-400);cursor:not-allowed}.x-link-success.x-link-disabled:active{transform:none}.x-link-success.x-link-disabled:hover:after{border-color:transparent}.x-link-warning{color:var(--x-warning)}.x-link-warning:hover{color:var(--x-warning-100)}.x-link-warning:hover:after{border-color:var(--x-warning-100)}.x-link-warning:active{color:var(--x-warning-300)}.x-link-warning.x-link-disabled{color:var(--x-warning-400);cursor:not-allowed}.x-link-warning.x-link-disabled:active{transform:none}.x-link-warning.x-link-disabled:hover:after{border-color:transparent}.x-link-danger{color:var(--x-danger)}.x-link-danger:hover{color:var(--x-danger-100)}.x-link-danger:hover:after{border-color:var(--x-danger-100)}.x-link-danger:active{color:var(--x-danger-300)}.x-link-danger.x-link-disabled{color:var(--x-danger-400);cursor:not-allowed}.x-link-danger.x-link-disabled:active{transform:none}.x-link-danger.x-link-disabled:hover:after{border-color:transparent}.x-link-info{color:var(--x-info)}.x-link-info:hover{color:var(--x-info-100)}.x-link-info:hover:after{border-color:var(--x-info-100)}.x-link-info:active{color:var(--x-info-300)}.x-link-info.x-link-disabled{color:var(--x-info-400);cursor:not-allowed}.x-link-info.x-link-disabled:active{transform:none}.x-link-info.x-link-disabled:hover:after{border-color:transparent}\n"], components: [{ type: i2.XIconComponent, selector: "x-icon" }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
83
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XLinkComponent, decorators: [{
84
84
  type: Component,
85
85
  args: [{ selector: `${XLinkPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\r\n class=\"x-link\"\r\n [ngClass]=\"classMap\"\r\n [class.x-link-disabled]=\"disabled\"\r\n [class.x-link-underline]=\"underline && !disabled\"\r\n [class.x-link-icon-right]=\"iconRight\"\r\n [class.x-link-only-icon]=\"icon && !content.innerHTML.trim()\"\r\n [attr.href]=\"href\"\r\n [attr.target]=\"target\"\r\n>\r\n <x-icon *ngIf=\"icon\" [type]=\"icon\"></x-icon>\r\n <span #content><ng-content></ng-content></span>\r\n</a>\r\n", styles: ["x-link{display:inline-flex}.x-link{margin:0;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;vertical-align:middle;position:relative;text-decoration:none;outline:none;cursor:pointer;padding:0;transition:all var(--x-animation-duration-base) ease-in-out}.x-link>x-icon{margin-right:.125rem}.x-link-underline:hover:after{content:\"\";position:absolute;left:0;right:0;height:0;bottom:0;border-bottom:.0625rem solid var(--x-primary)}.x-link-icon-right{flex-direction:row-reverse}.x-link-icon-right>x-icon{margin-right:0;margin-left:.125rem}.x-link-only-icon>x-icon{margin-right:0;margin-left:0}.x-link{color:inherit}.x-link:hover{color:var(--x-primary)}.x-link:hover:after{border-color:var(--x-primary)}.x-link:active{color:var(--x-primary-a100)}.x-link.x-link-disabled{color:var(--x-text-400);cursor:not-allowed}.x-link.x-link-disabled:active{transform:none}.x-link.x-link-disabled:hover:after{border-color:transparent}.x-link-primary{color:var(--x-primary)}.x-link-primary:hover{color:var(--x-primary-100)}.x-link-primary:hover:after{border-color:var(--x-primary-100)}.x-link-primary:active{color:var(--x-primary-300)}.x-link-primary.x-link-disabled{color:var(--x-primary-400);cursor:not-allowed}.x-link-primary.x-link-disabled:active{transform:none}.x-link-primary.x-link-disabled:hover:after{border-color:transparent}.x-link-success{color:var(--x-success)}.x-link-success:hover{color:var(--x-success-100)}.x-link-success:hover:after{border-color:var(--x-success-100)}.x-link-success:active{color:var(--x-success-300)}.x-link-success.x-link-disabled{color:var(--x-success-400);cursor:not-allowed}.x-link-success.x-link-disabled:active{transform:none}.x-link-success.x-link-disabled:hover:after{border-color:transparent}.x-link-warning{color:var(--x-warning)}.x-link-warning:hover{color:var(--x-warning-100)}.x-link-warning:hover:after{border-color:var(--x-warning-100)}.x-link-warning:active{color:var(--x-warning-300)}.x-link-warning.x-link-disabled{color:var(--x-warning-400);cursor:not-allowed}.x-link-warning.x-link-disabled:active{transform:none}.x-link-warning.x-link-disabled:hover:after{border-color:transparent}.x-link-danger{color:var(--x-danger)}.x-link-danger:hover{color:var(--x-danger-100)}.x-link-danger:hover:after{border-color:var(--x-danger-100)}.x-link-danger:active{color:var(--x-danger-300)}.x-link-danger.x-link-disabled{color:var(--x-danger-400);cursor:not-allowed}.x-link-danger.x-link-disabled:active{transform:none}.x-link-danger.x-link-disabled:hover:after{border-color:transparent}.x-link-info{color:var(--x-info)}.x-link-info:hover{color:var(--x-info-100)}.x-link-info:hover:after{border-color:var(--x-info-100)}.x-link-info:active{color:var(--x-info-300)}.x-link-info.x-link-disabled{color:var(--x-info-400);cursor:not-allowed}.x-link-info.x-link-disabled:active{transform:none}.x-link-info.x-link-disabled:hover:after{border-color:transparent}\n"] }]
86
86
  }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XConfigService }]; }, propDecorators: { mouseenter: [{
@@ -93,10 +93,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImpor
93
93
 
94
94
  class XLinkModule {
95
95
  }
96
- /** @nocollapse */ /** @nocollapse */ XLinkModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XLinkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
97
- /** @nocollapse */ /** @nocollapse */ XLinkModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XLinkModule, declarations: [XLinkComponent, XLinkProperty], imports: [CommonModule, XIconModule, XOutletModule, XRippleModule], exports: [XLinkComponent] });
98
- /** @nocollapse */ /** @nocollapse */ XLinkModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XLinkModule, imports: [[CommonModule, XIconModule, XOutletModule, XRippleModule]] });
99
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XLinkModule, decorators: [{
96
+ /** @nocollapse */ /** @nocollapse */ XLinkModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XLinkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
97
+ /** @nocollapse */ /** @nocollapse */ XLinkModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XLinkModule, declarations: [XLinkComponent, XLinkProperty], imports: [CommonModule, XIconModule, XOutletModule, XRippleModule], exports: [XLinkComponent] });
98
+ /** @nocollapse */ /** @nocollapse */ XLinkModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XLinkModule, imports: [[CommonModule, XIconModule, XOutletModule, XRippleModule]] });
99
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XLinkModule, decorators: [{
100
100
  type: NgModule,
101
101
  args: [{
102
102
  declarations: [XLinkComponent, XLinkProperty],
@@ -67,8 +67,8 @@ class XListProperty extends XControlValueAccessor {
67
67
  this.keyManagerChange = new EventEmitter();
68
68
  }
69
69
  }
70
- /** @nocollapse */ /** @nocollapse */ XListProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XListProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
71
- /** @nocollapse */ /** @nocollapse */ XListProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XListProperty, selector: "ng-component", inputs: { data: "data", multiple: "multiple", checked: "checked", drag: "drag", objectArray: "objectArray", nodeTpl: "nodeTpl", scrollElement: "scrollElement" }, outputs: { nodeMouseenter: "nodeMouseenter", nodeMouseleave: "nodeMouseleave", nodeClick: "nodeClick", keyManagerTabOut: "keyManagerTabOut", keyManagerChange: "keyManagerChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
70
+ /** @nocollapse */ /** @nocollapse */ XListProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XListProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
71
+ /** @nocollapse */ /** @nocollapse */ XListProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XListProperty, selector: "ng-component", inputs: { data: "data", multiple: "multiple", checked: "checked", drag: "drag", objectArray: "objectArray", nodeTpl: "nodeTpl", scrollElement: "scrollElement" }, outputs: { nodeMouseenter: "nodeMouseenter", nodeMouseleave: "nodeMouseleave", nodeClick: "nodeClick", keyManagerTabOut: "keyManagerTabOut", keyManagerChange: "keyManagerChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
72
72
  __decorate([
73
73
  XDataConvert()
74
74
  ], XListProperty.prototype, "data", void 0);
@@ -84,7 +84,7 @@ __decorate([
84
84
  __decorate([
85
85
  XInputBoolean()
86
86
  ], XListProperty.prototype, "objectArray", void 0);
87
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XListProperty, decorators: [{
87
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XListProperty, decorators: [{
88
88
  type: Component,
89
89
  args: [{ template: '' }]
90
90
  }], propDecorators: { data: [{
@@ -130,8 +130,8 @@ class XListOptionProperty {
130
130
  this.activeChange = new EventEmitter();
131
131
  }
132
132
  }
133
- /** @nocollapse */ /** @nocollapse */ XListOptionProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XListOptionProperty, deps: [], target: i0.ɵɵFactoryTarget.Component });
134
- /** @nocollapse */ /** @nocollapse */ XListOptionProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XListOptionProperty, selector: "ng-component", inputs: { node: "node", checked: "checked", nodeTpl: "nodeTpl", selected: "selected", disabled: "disabled", active: "active", icon: "icon", divided: "divided", label: "label", leaf: "leaf" }, outputs: { activeChange: "activeChange" }, ngImport: i0, template: '', isInline: true });
133
+ /** @nocollapse */ /** @nocollapse */ XListOptionProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XListOptionProperty, deps: [], target: i0.ɵɵFactoryTarget.Component });
134
+ /** @nocollapse */ /** @nocollapse */ XListOptionProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XListOptionProperty, selector: "ng-component", inputs: { node: "node", checked: "checked", nodeTpl: "nodeTpl", selected: "selected", disabled: "disabled", active: "active", icon: "icon", divided: "divided", label: "label", leaf: "leaf" }, outputs: { activeChange: "activeChange" }, ngImport: i0, template: '', isInline: true });
135
135
  __decorate([
136
136
  XInputBoolean()
137
137
  ], XListOptionProperty.prototype, "checked", void 0);
@@ -147,7 +147,7 @@ __decorate([
147
147
  __decorate([
148
148
  XInputBoolean()
149
149
  ], XListOptionProperty.prototype, "leaf", void 0);
150
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XListOptionProperty, decorators: [{
150
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XListOptionProperty, decorators: [{
151
151
  type: Component,
152
152
  args: [{ template: '' }]
153
153
  }], propDecorators: { node: [{
@@ -195,9 +195,9 @@ class XListOptionComponent extends XListOptionProperty {
195
195
  return this.label;
196
196
  }
197
197
  }
198
- /** @nocollapse */ /** @nocollapse */ XListOptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XListOptionComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
199
- /** @nocollapse */ /** @nocollapse */ XListOptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XListOptionComponent, selector: "x-list-option", host: { properties: { "attr.role": "this.role" } }, usesInheritance: true, ngImport: i0, template: "<div\r\n class=\"x-list-option\"\r\n [class.x-selected]=\"selected\"\r\n [class.x-disabled]=\"disabled\"\r\n [class.x-active]=\"active\"\r\n [class.x-list-icon]=\"icon\"\r\n [class.x-list-divided]=\"divided\"\r\n>\r\n <span>\r\n <ng-container *ngIf=\"!nodeTpl\"\r\n ><x-icon [type]=\"icon\" *ngIf=\"icon\"></x-icon> {{ label }}</ng-container\r\n >\r\n <ng-container *ngIf=\"nodeTpl\">\r\n <ng-template *ngTemplateOutlet=\"nodeTpl; context: { $node: node }\"></ng-template>\r\n </ng-container>\r\n </span>\r\n <x-icon class=\"x-list-leaf\" type=\"fto-chevron-right\" *ngIf=\"leaf\"></x-icon>\r\n <x-icon class=\"x-list-checked\" type=\"fto-check\" *ngIf=\"checked && !leaf && selected\"></x-icon>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-list-option{display:block}.x-list-option{padding:0 .4rem;height:calc(var(--x-font-size) + 1rem);line-height:calc(var(--x-font-size) + 1rem);border-radius:var(--x-border-radius);display:flex;align-items:center;justify-content:space-between;border:.0625rem dashed transparent;transition:border-color var(--x-animation-duration-base),background-color var(--x-animation-duration-base),color var(--x-animation-duration-base)}.x-list-option>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;-webkit-user-select:none;user-select:none}.x-list-option:not(:first-child){margin-top:var(--x-border-width)}.x-list-option:hover,.x-list-option.x-active{background-color:var(--x-background-a300)}.x-list-option.x-list-divided{margin-top:.8125rem}.x-list-option.x-list-divided:before{content:\" \";position:absolute;top:0;left:0;width:100%;margin-top:-.5rem;border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-list-option.x-selected{background-color:var(--x-background-a300);color:var(--x-primary)}.x-list-option.x-selected>x-icon{color:var(--x-primary)}.x-list-option.x-disabled{color:var(--x-text-500);cursor:not-allowed}.x-list-option.x-disabled:hover{background-color:inherit}.x-list-option.x-disabled>span x-icon{color:var(--x-text-500)}body>x-list-option{display:block}body>x-list-option.cdk-drag-preview .x-list-option{padding:0 .4rem;height:calc(var(--x-font-size) + 1rem);line-height:calc(var(--x-font-size) + 1rem);border-radius:var(--x-border-radius);display:flex;align-items:center;justify-content:space-between;border:.0625rem dashed transparent;border-color:var(--x-primary);color:var(--x-primary);background-color:var(--x-background);opacity:.8}body>x-list-option.cdk-drag-animating{transition:transform var(--x-animation-duration-base) cubic-bezier(0,0,.2,1)}\n"], components: [{ type: i1.XIconComponent, selector: "x-icon" }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
200
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XListOptionComponent, decorators: [{
198
+ /** @nocollapse */ /** @nocollapse */ XListOptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XListOptionComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
199
+ /** @nocollapse */ /** @nocollapse */ XListOptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XListOptionComponent, selector: "x-list-option", host: { properties: { "attr.role": "this.role" } }, usesInheritance: true, ngImport: i0, template: "<div\r\n class=\"x-list-option\"\r\n [class.x-selected]=\"selected\"\r\n [class.x-disabled]=\"disabled\"\r\n [class.x-active]=\"active\"\r\n [class.x-list-icon]=\"icon\"\r\n [class.x-list-divided]=\"divided\"\r\n>\r\n <span>\r\n <ng-container *ngIf=\"!nodeTpl\"\r\n ><x-icon [type]=\"icon\" *ngIf=\"icon\"></x-icon> {{ label }}</ng-container\r\n >\r\n <ng-container *ngIf=\"nodeTpl\">\r\n <ng-template *ngTemplateOutlet=\"nodeTpl; context: { $node: node }\"></ng-template>\r\n </ng-container>\r\n </span>\r\n <x-icon class=\"x-list-leaf\" type=\"fto-chevron-right\" *ngIf=\"leaf\"></x-icon>\r\n <x-icon class=\"x-list-checked\" type=\"fto-check\" *ngIf=\"checked && !leaf && selected\"></x-icon>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-list-option{display:block}.x-list-option{padding:0 .4rem;height:calc(var(--x-font-size) + 1rem);line-height:calc(var(--x-font-size) + 1rem);border-radius:var(--x-border-radius);display:flex;align-items:center;justify-content:space-between;border:.0625rem dashed transparent;transition:border-color var(--x-animation-duration-base),background-color var(--x-animation-duration-base),color var(--x-animation-duration-base)}.x-list-option>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;-webkit-user-select:none;user-select:none}.x-list-option:not(:first-child){margin-top:var(--x-border-width)}.x-list-option:hover,.x-list-option.x-active{background-color:var(--x-background-a300)}.x-list-option.x-list-divided{margin-top:.8125rem}.x-list-option.x-list-divided:before{content:\" \";position:absolute;top:0;left:0;width:100%;margin-top:-.5rem;border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-list-option.x-selected{background-color:var(--x-background-a300);color:var(--x-primary)}.x-list-option.x-selected>x-icon{color:var(--x-primary)}.x-list-option.x-disabled{color:var(--x-text-500);cursor:not-allowed}.x-list-option.x-disabled:hover{background-color:inherit}.x-list-option.x-disabled>span x-icon{color:var(--x-text-500)}body>x-list-option{display:block}body>x-list-option.cdk-drag-preview .x-list-option{padding:0 .4rem;height:calc(var(--x-font-size) + 1rem);line-height:calc(var(--x-font-size) + 1rem);border-radius:var(--x-border-radius);display:flex;align-items:center;justify-content:space-between;border:.0625rem dashed transparent;border-color:var(--x-primary);color:var(--x-primary);background-color:var(--x-background);opacity:.8}body>x-list-option.cdk-drag-animating{transition:transform var(--x-animation-duration-base) cubic-bezier(0,0,.2,1)}\n"], components: [{ type: i1.XIconComponent, selector: "x-icon" }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
200
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XListOptionComponent, decorators: [{
201
201
  type: Component,
202
202
  args: [{ selector: `${XListOptionPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n class=\"x-list-option\"\r\n [class.x-selected]=\"selected\"\r\n [class.x-disabled]=\"disabled\"\r\n [class.x-active]=\"active\"\r\n [class.x-list-icon]=\"icon\"\r\n [class.x-list-divided]=\"divided\"\r\n>\r\n <span>\r\n <ng-container *ngIf=\"!nodeTpl\"\r\n ><x-icon [type]=\"icon\" *ngIf=\"icon\"></x-icon> {{ label }}</ng-container\r\n >\r\n <ng-container *ngIf=\"nodeTpl\">\r\n <ng-template *ngTemplateOutlet=\"nodeTpl; context: { $node: node }\"></ng-template>\r\n </ng-container>\r\n </span>\r\n <x-icon class=\"x-list-leaf\" type=\"fto-chevron-right\" *ngIf=\"leaf\"></x-icon>\r\n <x-icon class=\"x-list-checked\" type=\"fto-check\" *ngIf=\"checked && !leaf && selected\"></x-icon>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";x-list-option{display:block}.x-list-option{padding:0 .4rem;height:calc(var(--x-font-size) + 1rem);line-height:calc(var(--x-font-size) + 1rem);border-radius:var(--x-border-radius);display:flex;align-items:center;justify-content:space-between;border:.0625rem dashed transparent;transition:border-color var(--x-animation-duration-base),background-color var(--x-animation-duration-base),color var(--x-animation-duration-base)}.x-list-option>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;-webkit-user-select:none;user-select:none}.x-list-option:not(:first-child){margin-top:var(--x-border-width)}.x-list-option:hover,.x-list-option.x-active{background-color:var(--x-background-a300)}.x-list-option.x-list-divided{margin-top:.8125rem}.x-list-option.x-list-divided:before{content:\" \";position:absolute;top:0;left:0;width:100%;margin-top:-.5rem;border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-list-option.x-selected{background-color:var(--x-background-a300);color:var(--x-primary)}.x-list-option.x-selected>x-icon{color:var(--x-primary)}.x-list-option.x-disabled{color:var(--x-text-500);cursor:not-allowed}.x-list-option.x-disabled:hover{background-color:inherit}.x-list-option.x-disabled>span x-icon{color:var(--x-text-500)}body>x-list-option{display:block}body>x-list-option.cdk-drag-preview .x-list-option{padding:0 .4rem;height:calc(var(--x-font-size) + 1rem);line-height:calc(var(--x-font-size) + 1rem);border-radius:var(--x-border-radius);display:flex;align-items:center;justify-content:space-between;border:.0625rem dashed transparent;border-color:var(--x-primary);color:var(--x-primary);background-color:var(--x-background);opacity:.8}body>x-list-option.cdk-drag-animating{transition:transform var(--x-animation-duration-base) cubic-bezier(0,0,.2,1)}\n"] }]
203
203
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { role: [{
@@ -407,9 +407,9 @@ class XListComponent extends XListProperty {
407
407
  this.nodes[num].active = false;
408
408
  }
409
409
  }
410
- /** @nocollapse */ /** @nocollapse */ XListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XListComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1$1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
411
- /** @nocollapse */ /** @nocollapse */ XListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XListComponent, selector: "x-list", host: { listeners: { "keydown": "keydown($event)" }, properties: { "attr.role": "this.role", "attr.tabindex": "this.tabindex" } }, providers: [XValueAccessor(XListComponent)], viewQueries: [{ propertyName: "listItems", first: true, predicate: ["listItems"], descendants: true }, { propertyName: "options", predicate: XListOptionComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\r\n class=\"x-list\"\r\n cdkDropList\r\n (cdkDropListDropped)=\"dropCdk($event)\"\r\n [cdkDropListDisabled]=\"!drag\"\r\n [hidden]=\"isEmpty\"\r\n>\r\n <x-list-option\r\n cdkDrag\r\n *ngFor=\"let node of nodes; trackBy: trackByNode\"\r\n [node]=\"node\"\r\n [checked]=\"checked\"\r\n [nodeTpl]=\"nodeTpl\"\r\n [selected]=\"node.selected\"\r\n [disabled]=\"node.disabled\"\r\n [(active)]=\"node.active\"\r\n [icon]=\"node.icon\"\r\n [label]=\"node.label\"\r\n [leaf]=\"node.leaf\"\r\n (click)=\"onNodeClick($event, node)\"\r\n (mouseenter)=\"onMouseenter($event, node)\"\r\n (mouseleave)=\"onMouseleave($event, node)\"\r\n ></x-list-option>\r\n</div>\r\n<x-empty *ngIf=\"isEmpty\"></x-empty>\r\n", styles: ["@charset \"UTF-8\";x-list{width:100%}x-list:focus{outline:none}x-list>x-empty{margin:1rem}.x-list{margin:0;padding:0;width:100%;cursor:pointer}.x-list:focus{outline:none}.x-list.cdk-drop-list-dragging>x-list-option:hover{background-color:transparent}.x-list.cdk-drop-list-dragging>x-list-option.cdk-drag-placeholder{border-color:var(--x-border);color:var(--x-text-400);background-color:var(--x-background-a100);opacity:.9}.x-list.cdk-drop-list-dragging>x-list-option:not(.cdk-drag-placeholder){transition:transform var(--x-animation-duration-base) cubic-bezier(0,0,.2,1)}.x-list-leaf,.x-list-checked{right:0;margin-left:.4rem;color:var(--x-text-400)}.x-list-icon>span x-icon{color:var(--x-text-300);margin-right:.25rem}\n"], components: [{ type: XListOptionComponent, selector: "x-list-option" }, { type: i3.XEmptyComponent, selector: "x-empty" }], directives: [{ type: i4.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
412
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XListComponent, decorators: [{
410
+ /** @nocollapse */ /** @nocollapse */ XListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XListComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1$1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
411
+ /** @nocollapse */ /** @nocollapse */ XListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XListComponent, selector: "x-list", host: { listeners: { "keydown": "keydown($event)" }, properties: { "attr.role": "this.role", "attr.tabindex": "this.tabindex" } }, providers: [XValueAccessor(XListComponent)], viewQueries: [{ propertyName: "listItems", first: true, predicate: ["listItems"], descendants: true }, { propertyName: "options", predicate: XListOptionComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\r\n class=\"x-list\"\r\n cdkDropList\r\n (cdkDropListDropped)=\"dropCdk($event)\"\r\n [cdkDropListDisabled]=\"!drag\"\r\n [hidden]=\"isEmpty\"\r\n>\r\n <x-list-option\r\n cdkDrag\r\n *ngFor=\"let node of nodes; trackBy: trackByNode\"\r\n [node]=\"node\"\r\n [checked]=\"checked\"\r\n [nodeTpl]=\"nodeTpl\"\r\n [selected]=\"node.selected\"\r\n [disabled]=\"node.disabled\"\r\n [(active)]=\"node.active\"\r\n [icon]=\"node.icon\"\r\n [label]=\"node.label\"\r\n [leaf]=\"node.leaf\"\r\n (click)=\"onNodeClick($event, node)\"\r\n (mouseenter)=\"onMouseenter($event, node)\"\r\n (mouseleave)=\"onMouseleave($event, node)\"\r\n ></x-list-option>\r\n</div>\r\n<x-empty *ngIf=\"isEmpty\"></x-empty>\r\n", styles: ["@charset \"UTF-8\";x-list{width:100%}x-list:focus{outline:none}x-list>x-empty{margin:1rem}.x-list{margin:0;padding:0;width:100%;cursor:pointer}.x-list:focus{outline:none}.x-list.cdk-drop-list-dragging>x-list-option:hover{background-color:transparent}.x-list.cdk-drop-list-dragging>x-list-option.cdk-drag-placeholder{border-color:var(--x-border);color:var(--x-text-400);background-color:var(--x-background-a100);opacity:.9}.x-list.cdk-drop-list-dragging>x-list-option:not(.cdk-drag-placeholder){transition:transform var(--x-animation-duration-base) cubic-bezier(0,0,.2,1)}.x-list-leaf,.x-list-checked{right:0;margin-left:.4rem;color:var(--x-text-400)}.x-list-icon>span x-icon{color:var(--x-text-300);margin-right:.25rem}\n"], components: [{ type: XListOptionComponent, selector: "x-list-option" }, { type: i3.XEmptyComponent, selector: "x-empty" }], directives: [{ type: i4.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
412
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XListComponent, decorators: [{
413
413
  type: Component,
414
414
  args: [{ selector: `${XListPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [XValueAccessor(XListComponent)], template: "<div\r\n class=\"x-list\"\r\n cdkDropList\r\n (cdkDropListDropped)=\"dropCdk($event)\"\r\n [cdkDropListDisabled]=\"!drag\"\r\n [hidden]=\"isEmpty\"\r\n>\r\n <x-list-option\r\n cdkDrag\r\n *ngFor=\"let node of nodes; trackBy: trackByNode\"\r\n [node]=\"node\"\r\n [checked]=\"checked\"\r\n [nodeTpl]=\"nodeTpl\"\r\n [selected]=\"node.selected\"\r\n [disabled]=\"node.disabled\"\r\n [(active)]=\"node.active\"\r\n [icon]=\"node.icon\"\r\n [label]=\"node.label\"\r\n [leaf]=\"node.leaf\"\r\n (click)=\"onNodeClick($event, node)\"\r\n (mouseenter)=\"onMouseenter($event, node)\"\r\n (mouseleave)=\"onMouseleave($event, node)\"\r\n ></x-list-option>\r\n</div>\r\n<x-empty *ngIf=\"isEmpty\"></x-empty>\r\n", styles: ["@charset \"UTF-8\";x-list{width:100%}x-list:focus{outline:none}x-list>x-empty{margin:1rem}.x-list{margin:0;padding:0;width:100%;cursor:pointer}.x-list:focus{outline:none}.x-list.cdk-drop-list-dragging>x-list-option:hover{background-color:transparent}.x-list.cdk-drop-list-dragging>x-list-option.cdk-drag-placeholder{border-color:var(--x-border);color:var(--x-text-400);background-color:var(--x-background-a100);opacity:.9}.x-list.cdk-drop-list-dragging>x-list-option:not(.cdk-drag-placeholder){transition:transform var(--x-animation-duration-base) cubic-bezier(0,0,.2,1)}.x-list-leaf,.x-list-checked{right:0;margin-left:.4rem;color:var(--x-text-400)}.x-list-icon>span x-icon{color:var(--x-text-300);margin-right:.25rem}\n"] }]
415
415
  }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1$1.XConfigService }]; }, propDecorators: { listItems: [{
@@ -431,8 +431,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImpor
431
431
 
432
432
  class XListModule {
433
433
  }
434
- /** @nocollapse */ /** @nocollapse */ XListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
435
- /** @nocollapse */ /** @nocollapse */ XListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XListModule, declarations: [XListComponent, XListOptionComponent, XListProperty, XListOptionProperty], imports: [CommonModule,
434
+ /** @nocollapse */ /** @nocollapse */ XListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
435
+ /** @nocollapse */ /** @nocollapse */ XListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XListModule, declarations: [XListComponent, XListOptionComponent, XListProperty, XListOptionProperty], imports: [CommonModule,
436
436
  FormsModule,
437
437
  ReactiveFormsModule,
438
438
  DragDropModule,
@@ -440,7 +440,7 @@ class XListModule {
440
440
  XIconModule,
441
441
  XEmptyModule,
442
442
  XBaseFormModule], exports: [XListComponent, XListOptionComponent] });
443
- /** @nocollapse */ /** @nocollapse */ XListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XListModule, imports: [[
443
+ /** @nocollapse */ /** @nocollapse */ XListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XListModule, imports: [[
444
444
  CommonModule,
445
445
  FormsModule,
446
446
  ReactiveFormsModule,
@@ -450,7 +450,7 @@ class XListModule {
450
450
  XEmptyModule,
451
451
  XBaseFormModule
452
452
  ]] });
453
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XListModule, decorators: [{
453
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XListModule, decorators: [{
454
454
  type: NgModule,
455
455
  args: [{
456
456
  declarations: [XListComponent, XListOptionComponent, XListProperty, XListOptionProperty],
@@ -32,8 +32,8 @@ class XLoadingProperty extends XProperty {
32
32
  this.loading = false;
33
33
  }
34
34
  }
35
- /** @nocollapse */ /** @nocollapse */ XLoadingProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XLoadingProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
36
- /** @nocollapse */ /** @nocollapse */ XLoadingProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XLoadingProperty, selector: "ng-component", inputs: { loading: ["x-loading", "loading"], size: "size", text: "text", icon: "icon", color: "color", fullScreen: "fullScreen", background: "background" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
35
+ /** @nocollapse */ /** @nocollapse */ XLoadingProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XLoadingProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
36
+ /** @nocollapse */ /** @nocollapse */ XLoadingProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XLoadingProperty, selector: "ng-component", inputs: { loading: ["x-loading", "loading"], size: "size", text: "text", icon: "icon", color: "color", fullScreen: "fullScreen", background: "background" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
37
37
  __decorate([
38
38
  XInputBoolean()
39
39
  ], XLoadingProperty.prototype, "loading", void 0);
@@ -55,7 +55,7 @@ __decorate([
55
55
  __decorate([
56
56
  XWithConfig(X_CONFIG_NAME)
57
57
  ], XLoadingProperty.prototype, "background", void 0);
58
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XLoadingProperty, decorators: [{
58
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XLoadingProperty, decorators: [{
59
59
  type: Component,
60
60
  args: [{ template: '' }]
61
61
  }], propDecorators: { loading: [{
@@ -128,9 +128,9 @@ class XLoadingComponent extends XLoadingProperty {
128
128
  }
129
129
  }
130
130
  }
131
- /** @nocollapse */ /** @nocollapse */ XLoadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XLoadingComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XPortalService }, { token: i0.ViewContainerRef }, { token: i2.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
132
- /** @nocollapse */ /** @nocollapse */ XLoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XLoadingComponent, selector: "x-loading, [x-loading]", host: { properties: { "class.x-loading-parent": "this.getLoading" } }, viewQueries: [{ propertyName: "loadingTpl", first: true, predicate: ["loadingTpl"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\r\n\r\n<ng-container *ngIf=\"!fullScreen\">\r\n <ng-container *ngTemplateOutlet=\"loadingTpl\"></ng-container>\r\n</ng-container>\r\n\r\n<ng-template #loadingTpl>\r\n <div #loading class=\"x-loading\" [ngClass]=\"classMap\" [style.background]=\"background\" *ngIf=\"loading\">\r\n <div class=\"x-loading-spinner\" [style.color]=\"color\">\r\n <ng-container *ngIf=\"icon; else circularTpl\">\r\n <div class=\"x-loading-icon\">\r\n <x-icon [type]=\"icon\"></x-icon>\r\n </div>\r\n </ng-container>\r\n <div class=\"x-loading-text\">\r\n <ng-container *xOutlet=\"text\">{{ text }}</ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n</ng-template>\r\n\r\n<ng-template #circularTpl>\r\n <svg class=\"x-loading-circular\" viewBox=\"25 25 50 50\">\r\n <circle class=\"x-loading-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" />\r\n </svg>\r\n</ng-template>\r\n", styles: ["@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-2.5rem}to{stroke-dasharray:90,150;stroke-dashoffset:-7.5rem}}.x-loading-parent{position:relative}.x-loading{padding:0;position:absolute;background-color:var(--x-background);opacity:.85;margin:0;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;z-index:10}.x-loading-spinner{color:var(--x-primary);text-align:center}.x-loading-circular{animation:loading-rotate 2s linear infinite}.x-loading-icon{animation:loading-rotate 2s linear infinite;display:inline-flex}.x-loading-path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:var(--x-primary);stroke-linecap:round}.x-loading-big .x-loading-circular{height:2.175rem;width:2.175rem}.x-loading-big .x-loading-icon{font-size:2.175rem}.x-loading-large .x-loading-circular{height:1.875rem;width:1.875rem}.x-loading-large .x-loading-icon{font-size:1.875rem}.x-loading-medium .x-loading-circular{height:1.675rem;width:1.675rem}.x-loading-medium .x-loading-icon{font-size:1.675rem}.x-loading-small .x-loading-circular{height:1.5rem;width:1.5rem}.x-loading-small .x-loading-icon{font-size:1.5rem}.x-loading-mini .x-loading-circular{height:1.375rem;width:1.375rem}.x-loading-mini .x-loading-icon{font-size:1.375rem}\n"], components: [{ type: i3.XIconComponent, selector: "x-icon" }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
133
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XLoadingComponent, decorators: [{
131
+ /** @nocollapse */ /** @nocollapse */ XLoadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XLoadingComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XPortalService }, { token: i0.ViewContainerRef }, { token: i2.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
132
+ /** @nocollapse */ /** @nocollapse */ XLoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XLoadingComponent, selector: "x-loading, [x-loading]", host: { properties: { "class.x-loading-parent": "this.getLoading" } }, viewQueries: [{ propertyName: "loadingTpl", first: true, predicate: ["loadingTpl"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\r\n\r\n<ng-container *ngIf=\"!fullScreen\">\r\n <ng-container *ngTemplateOutlet=\"loadingTpl\"></ng-container>\r\n</ng-container>\r\n\r\n<ng-template #loadingTpl>\r\n <div #loading class=\"x-loading\" [ngClass]=\"classMap\" [style.background]=\"background\" *ngIf=\"loading\">\r\n <div class=\"x-loading-spinner\" [style.color]=\"color\">\r\n <ng-container *ngIf=\"icon; else circularTpl\">\r\n <div class=\"x-loading-icon\">\r\n <x-icon [type]=\"icon\"></x-icon>\r\n </div>\r\n </ng-container>\r\n <div class=\"x-loading-text\">\r\n <ng-container *xOutlet=\"text\">{{ text }}</ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n</ng-template>\r\n\r\n<ng-template #circularTpl>\r\n <svg class=\"x-loading-circular\" viewBox=\"25 25 50 50\">\r\n <circle class=\"x-loading-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" />\r\n </svg>\r\n</ng-template>\r\n", styles: ["@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-2.5rem}to{stroke-dasharray:90,150;stroke-dashoffset:-7.5rem}}.x-loading-parent{position:relative}.x-loading{padding:0;position:absolute;background-color:var(--x-background);opacity:.85;margin:0;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;z-index:10}.x-loading-spinner{color:var(--x-primary);text-align:center}.x-loading-circular{animation:loading-rotate 2s linear infinite}.x-loading-icon{animation:loading-rotate 2s linear infinite;display:inline-flex}.x-loading-path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:var(--x-primary);stroke-linecap:round}.x-loading-big .x-loading-circular{height:2.175rem;width:2.175rem}.x-loading-big .x-loading-icon{font-size:2.175rem}.x-loading-large .x-loading-circular{height:1.875rem;width:1.875rem}.x-loading-large .x-loading-icon{font-size:1.875rem}.x-loading-medium .x-loading-circular{height:1.675rem;width:1.675rem}.x-loading-medium .x-loading-icon{font-size:1.675rem}.x-loading-small .x-loading-circular{height:1.5rem;width:1.5rem}.x-loading-small .x-loading-icon{font-size:1.5rem}.x-loading-mini .x-loading-circular{height:1.375rem;width:1.375rem}.x-loading-mini .x-loading-icon{font-size:1.375rem}\n"], components: [{ type: i3.XIconComponent, selector: "x-icon" }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
133
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XLoadingComponent, decorators: [{
134
134
  type: Component,
135
135
  args: [{ selector: `${XLoadingPrefix}, [${XLoadingPrefix}]`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\r\n\r\n<ng-container *ngIf=\"!fullScreen\">\r\n <ng-container *ngTemplateOutlet=\"loadingTpl\"></ng-container>\r\n</ng-container>\r\n\r\n<ng-template #loadingTpl>\r\n <div #loading class=\"x-loading\" [ngClass]=\"classMap\" [style.background]=\"background\" *ngIf=\"loading\">\r\n <div class=\"x-loading-spinner\" [style.color]=\"color\">\r\n <ng-container *ngIf=\"icon; else circularTpl\">\r\n <div class=\"x-loading-icon\">\r\n <x-icon [type]=\"icon\"></x-icon>\r\n </div>\r\n </ng-container>\r\n <div class=\"x-loading-text\">\r\n <ng-container *xOutlet=\"text\">{{ text }}</ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n</ng-template>\r\n\r\n<ng-template #circularTpl>\r\n <svg class=\"x-loading-circular\" viewBox=\"25 25 50 50\">\r\n <circle class=\"x-loading-path\" cx=\"50\" cy=\"50\" r=\"20\" fill=\"none\" />\r\n </svg>\r\n</ng-template>\r\n", styles: ["@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-2.5rem}to{stroke-dasharray:90,150;stroke-dashoffset:-7.5rem}}.x-loading-parent{position:relative}.x-loading{padding:0;position:absolute;background-color:var(--x-background);opacity:.85;margin:0;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;z-index:10}.x-loading-spinner{color:var(--x-primary);text-align:center}.x-loading-circular{animation:loading-rotate 2s linear infinite}.x-loading-icon{animation:loading-rotate 2s linear infinite;display:inline-flex}.x-loading-path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:var(--x-primary);stroke-linecap:round}.x-loading-big .x-loading-circular{height:2.175rem;width:2.175rem}.x-loading-big .x-loading-icon{font-size:2.175rem}.x-loading-large .x-loading-circular{height:1.875rem;width:1.875rem}.x-loading-large .x-loading-icon{font-size:1.875rem}.x-loading-medium .x-loading-circular{height:1.675rem;width:1.675rem}.x-loading-medium .x-loading-icon{font-size:1.675rem}.x-loading-small .x-loading-circular{height:1.5rem;width:1.5rem}.x-loading-small .x-loading-icon{font-size:1.5rem}.x-loading-mini .x-loading-circular{height:1.375rem;width:1.375rem}.x-loading-mini .x-loading-icon{font-size:1.375rem}\n"] }]
136
136
  }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XPortalService }, { type: i0.ViewContainerRef }, { type: i2.XConfigService }]; }, propDecorators: { getLoading: [{
@@ -143,10 +143,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImpor
143
143
 
144
144
  class XLoadingModule {
145
145
  }
146
- /** @nocollapse */ /** @nocollapse */ XLoadingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XLoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
147
- /** @nocollapse */ /** @nocollapse */ XLoadingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XLoadingModule, declarations: [XLoadingComponent, XLoadingProperty], imports: [CommonModule, XIconModule, XOutletModule, XPortalModule], exports: [XLoadingComponent] });
148
- /** @nocollapse */ /** @nocollapse */ XLoadingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XLoadingModule, imports: [[CommonModule, XIconModule, XOutletModule, XPortalModule]] });
149
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XLoadingModule, decorators: [{
146
+ /** @nocollapse */ /** @nocollapse */ XLoadingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XLoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
147
+ /** @nocollapse */ /** @nocollapse */ XLoadingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XLoadingModule, declarations: [XLoadingComponent, XLoadingProperty], imports: [CommonModule, XIconModule, XOutletModule, XPortalModule], exports: [XLoadingComponent] });
148
+ /** @nocollapse */ /** @nocollapse */ XLoadingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XLoadingModule, imports: [[CommonModule, XIconModule, XOutletModule, XPortalModule]] });
149
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XLoadingModule, decorators: [{
150
150
  type: NgModule,
151
151
  args: [{
152
152
  declarations: [XLoadingComponent, XLoadingProperty],
@@ -60,8 +60,8 @@ class XMenuProperty extends XProperty {
60
60
  this.activatedIdChange = new EventEmitter();
61
61
  }
62
62
  }
63
- /** @nocollapse */ /** @nocollapse */ XMenuProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XMenuProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
64
- /** @nocollapse */ /** @nocollapse */ XMenuProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XMenuProperty, selector: "ng-component", inputs: { data: "data", layout: "layout", size: "size", collapsed: "collapsed", trigger: "trigger", nodeTpl: "nodeTpl", expandedAll: "expandedAll", expandedLevel: "expandedLevel", activatedId: "activatedId", target: "target", portalMinWidth: "portalMinWidth" }, outputs: { nodeClick: "nodeClick", activatedIdChange: "activatedIdChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
63
+ /** @nocollapse */ /** @nocollapse */ XMenuProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XMenuProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
64
+ /** @nocollapse */ /** @nocollapse */ XMenuProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XMenuProperty, selector: "ng-component", inputs: { data: "data", layout: "layout", size: "size", collapsed: "collapsed", trigger: "trigger", nodeTpl: "nodeTpl", expandedAll: "expandedAll", expandedLevel: "expandedLevel", activatedId: "activatedId", target: "target", portalMinWidth: "portalMinWidth" }, outputs: { nodeClick: "nodeClick", activatedIdChange: "activatedIdChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
65
65
  __decorate([
66
66
  XDataConvert()
67
67
  ], XMenuProperty.prototype, "data", void 0);
@@ -80,7 +80,7 @@ __decorate([
80
80
  __decorate([
81
81
  XInputNumber()
82
82
  ], XMenuProperty.prototype, "expandedLevel", void 0);
83
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XMenuProperty, decorators: [{
83
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XMenuProperty, decorators: [{
84
84
  type: Component,
85
85
  args: [{ template: '' }]
86
86
  }], propDecorators: { data: [{
@@ -121,9 +121,9 @@ const XMenuNodePrefix = 'x-menu-node';
121
121
  */
122
122
  class XMenuNodeProperty extends XProperty {
123
123
  }
124
- /** @nocollapse */ /** @nocollapse */ XMenuNodeProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XMenuNodeProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
125
- /** @nocollapse */ /** @nocollapse */ XMenuNodeProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XMenuNodeProperty, selector: "ng-component", inputs: { node: "node" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
126
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XMenuNodeProperty, decorators: [{
124
+ /** @nocollapse */ /** @nocollapse */ XMenuNodeProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XMenuNodeProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
125
+ /** @nocollapse */ /** @nocollapse */ XMenuNodeProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XMenuNodeProperty, selector: "ng-component", inputs: { node: "node" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
126
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XMenuNodeProperty, decorators: [{
127
127
  type: Component,
128
128
  args: [{ template: '' }]
129
129
  }], propDecorators: { node: [{
@@ -149,9 +149,9 @@ class XMenuNodeComponent extends XMenuNodeProperty {
149
149
  };
150
150
  }
151
151
  }
152
- /** @nocollapse */ /** @nocollapse */ XMenuNodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XMenuNodeComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
153
- /** @nocollapse */ /** @nocollapse */ XMenuNodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XMenuNodeComponent, selector: "x-menu-node", inputs: { menu: "menu" }, usesInheritance: true, ngImport: i0, template: "<a *ngIf=\"node.routerLink && !node.leaf; else menuTpl\" [routerLink]=\"node.routerLink\">\r\n <ng-container *ngTemplateOutlet=\"menuTpl\"></ng-container>\r\n</a>\r\n\r\n<ng-template #menuTpl>\r\n <x-icon class=\"x-menu-icon\" *ngIf=\"node.icon\" [type]=\"node.icon\"></x-icon>\r\n <span class=\"x-menu-text\" *ngIf=\"node.label\">{{ node.label }}</span>\r\n <x-icon class=\"x-menu-arrow\" *ngIf=\"node.leaf\" [class.is-open]=\"node.open\" type=\"fto-chevron-down\"></x-icon>\r\n</ng-template>\r\n", components: [{ type: i2.XIconComponent, selector: "x-icon" }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
154
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XMenuNodeComponent, decorators: [{
152
+ /** @nocollapse */ /** @nocollapse */ XMenuNodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XMenuNodeComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
153
+ /** @nocollapse */ /** @nocollapse */ XMenuNodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XMenuNodeComponent, selector: "x-menu-node", inputs: { menu: "menu" }, usesInheritance: true, ngImport: i0, template: "<a *ngIf=\"node.routerLink && !node.leaf; else menuTpl\" [routerLink]=\"node.routerLink\">\r\n <ng-container *ngTemplateOutlet=\"menuTpl\"></ng-container>\r\n</a>\r\n\r\n<ng-template #menuTpl>\r\n <x-icon class=\"x-menu-icon\" *ngIf=\"node.icon\" [type]=\"node.icon\"></x-icon>\r\n <span class=\"x-menu-text\" *ngIf=\"node.label\">{{ node.label }}</span>\r\n <x-icon class=\"x-menu-arrow\" *ngIf=\"node.leaf\" [class.is-open]=\"node.open\" type=\"fto-chevron-down\"></x-icon>\r\n</ng-template>\r\n", components: [{ type: i2.XIconComponent, selector: "x-icon" }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
154
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XMenuNodeComponent, decorators: [{
155
155
  type: Component,
156
156
  args: [{ selector: `${XMenuNodePrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<a *ngIf=\"node.routerLink && !node.leaf; else menuTpl\" [routerLink]=\"node.routerLink\">\r\n <ng-container *ngTemplateOutlet=\"menuTpl\"></ng-container>\r\n</a>\r\n\r\n<ng-template #menuTpl>\r\n <x-icon class=\"x-menu-icon\" *ngIf=\"node.icon\" [type]=\"node.icon\"></x-icon>\r\n <span class=\"x-menu-text\" *ngIf=\"node.label\">{{ node.label }}</span>\r\n <x-icon class=\"x-menu-arrow\" *ngIf=\"node.leaf\" [class.is-open]=\"node.open\" type=\"fto-chevron-down\"></x-icon>\r\n</ng-template>\r\n" }]
157
157
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.XConfigService }]; }, propDecorators: { menu: [{
@@ -334,9 +334,9 @@ class XMenuComponent extends XMenuProperty {
334
334
  return item.id;
335
335
  }
336
336
  }
337
- /** @nocollapse */ /** @nocollapse */ XMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XMenuComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: DOCUMENT }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
338
- /** @nocollapse */ /** @nocollapse */ XMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XMenuComponent, selector: "x-menu", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #menu class=\"x-menu\" [ngClass]=\"classMap\">\r\n <div class=\"x-menu-nodes\" *ngIf=\"layout === 'column'\">\r\n <ng-container *ngFor=\"let node of nodes; trackBy: trackByNode\">\r\n <ng-container *ngTemplateOutlet=\"nodeColumnTpl; context: { $node: node, $children: true }\"></ng-container>\r\n </ng-container>\r\n </div>\r\n <x-slider\r\n *ngIf=\"layout === 'row'\"\r\n [data]=\"nodes\"\r\n [size]=\"size\"\r\n [nodeTpl]=\"nodeRowTpl\"\r\n [nodeJustify]=\"'center'\"\r\n [activatedIndex]=\"rootIndex\"\r\n (indexChange)=\"rootIndexChange($event)\"\r\n ></x-slider>\r\n</div>\r\n\r\n<ng-template #nodeTpl let-node=\"$node\">\r\n <x-dropdown\r\n *ngIf=\"node.level === 0 && collapsed\"\r\n [disabled]=\"!node.leaf\"\r\n [data]=\"node.children\"\r\n [trigger]=\"trigger\"\r\n placement=\"right-start\"\r\n (nodeClick)=\"onNodeClick($event)\"\r\n [portalMinWidth]=\"portalMinWidth\"\r\n children\r\n >\r\n <x-menu-node [node]=\"node\" [menu]=\"this\"></x-menu-node>\r\n </x-dropdown>\r\n <x-menu-node *ngIf=\"!collapsed\" [node]=\"node\" [menu]=\"this\"></x-menu-node>\r\n</ng-template>\r\n\r\n<ng-template #nodeRowTpl let-node=\"$node\">\r\n <x-dropdown\r\n [disabled]=\"!node.leaf\"\r\n [data]=\"node.children\"\r\n [trigger]=\"trigger\"\r\n (nodeClick)=\"onNodeClick($event)\"\r\n [portalMinWidth]=\"portalMinWidth\"\r\n children\r\n >\r\n <div class=\"x-menu-node\" [ngClass]=\"nodeClassMap\">\r\n <ng-container *ngTemplateOutlet=\"nodeTpl; context: { $node: node }\"></ng-container>\r\n </div>\r\n </x-dropdown>\r\n</ng-template>\r\n\r\n<ng-template #nodeColumnTpl let-node=\"$node\">\r\n <div\r\n class=\"x-menu-node\"\r\n [class.x-activated]=\"activated?.id === node.id\"\r\n [class.x-menu-category]=\"node.categoryNode\"\r\n [ngClass]=\"nodeClassMap\"\r\n (click)=\"onToggle($event, node)\"\r\n [style.padding-left.rem]=\"(node.level + 1) * 0.875\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"nodeTpl; context: { $node: node }\"></ng-container>\r\n </div>\r\n <div class=\"x-menu-nodes\" *ngIf=\"node.childrenLoaded || (node.leaf && node.open)\" [hidden]=\"!node.open\">\r\n <ng-container *ngFor=\"let child of node.children; trackBy: trackByNode\">\r\n <ng-container *ngTemplateOutlet=\"nodeColumnTpl; context: { $node: child }\"></ng-container>\r\n </ng-container>\r\n </div>\r\n</ng-template>\r\n", styles: ["x-menu{display:block}.x-menu{margin:0;padding:0}.x-menu-icon.x-icon{font-size:1rem;transition:opacity var(--x-animation-duration-base)}.x-menu-arrow.x-icon{transition:opacity var(--x-animation-duration-base)}.x-menu-arrow.x-icon.is-open{transform:rotate(180deg)}.x-menu-node.x-size-big{padding:0 calc(var(--x-padding-big) + .25rem);height:calc(var(--x-height-big) + .75rem);line-height:calc(var(--x-height-big) + .75rem)}.x-menu-node.x-size-big.x-menu-category{height:calc(calc(var(--x-height-big) + .75rem) * 1.5)}.x-menu-node.x-size-large{padding:0 calc(var(--x-padding-large) + .25rem);height:calc(var(--x-height-large) + .75rem);line-height:calc(var(--x-height-large) + .75rem)}.x-menu-node.x-size-large.x-menu-category{height:calc(calc(var(--x-height-large) + .75rem) * 1.5)}.x-menu-node.x-size-medium{padding:0 calc(var(--x-padding-medium) + .25rem);height:calc(var(--x-height-medium) + .75rem);line-height:calc(var(--x-height-medium) + .75rem)}.x-menu-node.x-size-medium.x-menu-category{height:calc(calc(var(--x-height-medium) + .75rem) * 1.5)}.x-menu-node.x-size-small{padding:0 var(--x-padding-small);height:calc(var(--x-height-small) + .5rem);line-height:calc(var(--x-height-small) + .5rem)}.x-menu-node.x-size-small.x-menu-category{height:calc(calc(var(--x-height-small) + .5rem) * 1.5)}.x-menu-node.x-size-mini{padding:0 var(--x-padding-mini);height:calc(var(--x-height-mini) + .5rem);line-height:calc(var(--x-height-mini) + .5rem)}.x-menu-node.x-size-mini.x-menu-category{height:calc(calc(var(--x-height-mini) + .5rem) * 1.5)}.x-menu x-slider .x-slider-scroll>ul>li.x-slider-highlight{background-color:inherit;border-radius:0;border:none;border-bottom:.125rem solid var(--x-primary)}.x-menu x-slider .x-slider-scroll>ul>li>x-link{padding:0!important;height:inherit!important;line-height:inherit!important}.x-menu-column{width:12rem;transition:var(--x-animation-duration-base)}.x-menu-row .x-menu-text{margin-left:.25rem}.x-menu-nodes .x-menu-node{cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:width var(--x-animation-duration-base),background-color var(--x-animation-duration-base);border-right:.125rem solid var(--x-border);position:relative;-webkit-user-select:none;user-select:none;padding-right:.875rem}.x-menu-nodes .x-menu-node .x-menu-text{flex:1;margin:0 .25rem;transition:background-color var(--x-animation-duration-base),opacity var(--x-animation-duration-base);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-menu-nodes .x-menu-node:hover{color:var(--x-primary);background-color:var(--x-background-a100)}.x-menu-nodes .x-menu-node x-menu-node{flex:1;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.x-menu-nodes .x-menu-node x-menu-node>a{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:none}.x-menu-nodes .x-menu-node.x-activated{color:var(--x-primary);background-color:var(--x-background-a100)}.x-menu-nodes .x-menu-node.x-activated:after{content:\"\";position:absolute;height:100%;right:-.125rem;top:0;border-right:.125rem solid var(--x-primary)}.x-menu-nodes .x-menu-node.x-menu-category{cursor:inherit;color:var(--x-text-400)}.x-menu-nodes .x-menu-node.x-menu-category:hover{background-color:transparent}.x-menu-nodes .x-menu-node.x-menu-category>x-menu-node{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border-300)}.x-menu-collapsed.x-menu-column{width:3rem}.x-menu-collapsed .x-menu-nodes x-dropdown,.x-menu-collapsed .x-menu-nodes .x-dropdown{display:flex;flex:1}.x-menu-collapsed .x-menu-nodes .x-menu-node{padding-left:0!important;padding-right:0}.x-menu-collapsed .x-menu-nodes .x-menu-node x-menu-node{padding-left:.875rem}.x-menu-collapsed .x-menu-nodes .x-menu-node .x-menu-text{opacity:0;width:0}.x-menu-collapsed .x-menu-nodes .x-menu-nodes{display:none}.x-menu-collapsed .x-menu-arrow.x-icon{opacity:0;width:0}\n"], components: [{ type: i2$1.XSliderComponent, selector: "x-slider" }, { type: i3.XDropdownComponent, selector: "x-dropdown" }, { type: XMenuNodeComponent, selector: "x-menu-node", inputs: ["menu"] }], directives: [{ type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
339
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XMenuComponent, decorators: [{
337
+ /** @nocollapse */ /** @nocollapse */ XMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XMenuComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: DOCUMENT }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
338
+ /** @nocollapse */ /** @nocollapse */ XMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XMenuComponent, selector: "x-menu", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #menu class=\"x-menu\" [ngClass]=\"classMap\">\r\n <div class=\"x-menu-nodes\" *ngIf=\"layout === 'column'\">\r\n <ng-container *ngFor=\"let node of nodes; trackBy: trackByNode\">\r\n <ng-container *ngTemplateOutlet=\"nodeColumnTpl; context: { $node: node, $children: true }\"></ng-container>\r\n </ng-container>\r\n </div>\r\n <x-slider\r\n *ngIf=\"layout === 'row'\"\r\n [data]=\"nodes\"\r\n [size]=\"size\"\r\n [nodeTpl]=\"nodeRowTpl\"\r\n [nodeJustify]=\"'center'\"\r\n [activatedIndex]=\"rootIndex\"\r\n (indexChange)=\"rootIndexChange($event)\"\r\n ></x-slider>\r\n</div>\r\n\r\n<ng-template #nodeTpl let-node=\"$node\">\r\n <x-dropdown\r\n *ngIf=\"node.level === 0 && collapsed\"\r\n [disabled]=\"!node.leaf\"\r\n [data]=\"node.children\"\r\n [trigger]=\"trigger\"\r\n placement=\"right-start\"\r\n (nodeClick)=\"onNodeClick($event)\"\r\n [portalMinWidth]=\"portalMinWidth\"\r\n children\r\n >\r\n <x-menu-node [node]=\"node\" [menu]=\"this\"></x-menu-node>\r\n </x-dropdown>\r\n <x-menu-node *ngIf=\"!collapsed\" [node]=\"node\" [menu]=\"this\"></x-menu-node>\r\n</ng-template>\r\n\r\n<ng-template #nodeRowTpl let-node=\"$node\">\r\n <x-dropdown\r\n [disabled]=\"!node.leaf\"\r\n [data]=\"node.children\"\r\n [trigger]=\"trigger\"\r\n (nodeClick)=\"onNodeClick($event)\"\r\n [portalMinWidth]=\"portalMinWidth\"\r\n children\r\n >\r\n <div class=\"x-menu-node\" [ngClass]=\"nodeClassMap\">\r\n <ng-container *ngTemplateOutlet=\"nodeTpl; context: { $node: node }\"></ng-container>\r\n </div>\r\n </x-dropdown>\r\n</ng-template>\r\n\r\n<ng-template #nodeColumnTpl let-node=\"$node\">\r\n <div\r\n class=\"x-menu-node\"\r\n [class.x-activated]=\"activated?.id === node.id\"\r\n [class.x-menu-category]=\"node.categoryNode\"\r\n [ngClass]=\"nodeClassMap\"\r\n (click)=\"onToggle($event, node)\"\r\n [style.padding-left.rem]=\"(node.level + 1) * 0.875\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"nodeTpl; context: { $node: node }\"></ng-container>\r\n </div>\r\n <div class=\"x-menu-nodes\" *ngIf=\"node.childrenLoaded || (node.leaf && node.open)\" [hidden]=\"!node.open\">\r\n <ng-container *ngFor=\"let child of node.children; trackBy: trackByNode\">\r\n <ng-container *ngTemplateOutlet=\"nodeColumnTpl; context: { $node: child }\"></ng-container>\r\n </ng-container>\r\n </div>\r\n</ng-template>\r\n", styles: ["x-menu{display:block}.x-menu{margin:0;padding:0}.x-menu-icon.x-icon{font-size:1rem;transition:opacity var(--x-animation-duration-base)}.x-menu-arrow.x-icon{transition:opacity var(--x-animation-duration-base)}.x-menu-arrow.x-icon.is-open{transform:rotate(180deg)}.x-menu-node.x-size-big{padding:0 calc(var(--x-padding-big) + .25rem);height:calc(var(--x-height-big) + .75rem);line-height:calc(var(--x-height-big) + .75rem)}.x-menu-node.x-size-big.x-menu-category{height:calc(calc(var(--x-height-big) + .75rem) * 1.5)}.x-menu-node.x-size-large{padding:0 calc(var(--x-padding-large) + .25rem);height:calc(var(--x-height-large) + .75rem);line-height:calc(var(--x-height-large) + .75rem)}.x-menu-node.x-size-large.x-menu-category{height:calc(calc(var(--x-height-large) + .75rem) * 1.5)}.x-menu-node.x-size-medium{padding:0 calc(var(--x-padding-medium) + .25rem);height:calc(var(--x-height-medium) + .75rem);line-height:calc(var(--x-height-medium) + .75rem)}.x-menu-node.x-size-medium.x-menu-category{height:calc(calc(var(--x-height-medium) + .75rem) * 1.5)}.x-menu-node.x-size-small{padding:0 var(--x-padding-small);height:calc(var(--x-height-small) + .5rem);line-height:calc(var(--x-height-small) + .5rem)}.x-menu-node.x-size-small.x-menu-category{height:calc(calc(var(--x-height-small) + .5rem) * 1.5)}.x-menu-node.x-size-mini{padding:0 var(--x-padding-mini);height:calc(var(--x-height-mini) + .5rem);line-height:calc(var(--x-height-mini) + .5rem)}.x-menu-node.x-size-mini.x-menu-category{height:calc(calc(var(--x-height-mini) + .5rem) * 1.5)}.x-menu x-slider .x-slider-scroll>ul>li.x-slider-highlight{background-color:inherit;border-radius:0;border:none;border-bottom:.125rem solid var(--x-primary)}.x-menu x-slider .x-slider-scroll>ul>li>x-link{padding:0!important;height:inherit!important;line-height:inherit!important}.x-menu-column{width:12rem;transition:var(--x-animation-duration-base)}.x-menu-row .x-menu-text{margin-left:.25rem}.x-menu-nodes .x-menu-node{cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:width var(--x-animation-duration-base),background-color var(--x-animation-duration-base);border-right:.125rem solid var(--x-border);position:relative;-webkit-user-select:none;user-select:none;padding-right:.875rem}.x-menu-nodes .x-menu-node .x-menu-text{flex:1;margin:0 .25rem;transition:background-color var(--x-animation-duration-base),opacity var(--x-animation-duration-base);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-menu-nodes .x-menu-node:hover{color:var(--x-primary);background-color:var(--x-background-a100)}.x-menu-nodes .x-menu-node x-menu-node{flex:1;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.x-menu-nodes .x-menu-node x-menu-node>a{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:none}.x-menu-nodes .x-menu-node.x-activated{color:var(--x-primary);background-color:var(--x-background-a100)}.x-menu-nodes .x-menu-node.x-activated:after{content:\"\";position:absolute;height:100%;right:-.125rem;top:0;border-right:.125rem solid var(--x-primary)}.x-menu-nodes .x-menu-node.x-menu-category{cursor:inherit;color:var(--x-text-400)}.x-menu-nodes .x-menu-node.x-menu-category:hover{background-color:transparent}.x-menu-nodes .x-menu-node.x-menu-category>x-menu-node{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border-300)}.x-menu-collapsed.x-menu-column{width:3rem}.x-menu-collapsed .x-menu-nodes x-dropdown,.x-menu-collapsed .x-menu-nodes .x-dropdown{display:flex;flex:1}.x-menu-collapsed .x-menu-nodes .x-menu-node{padding-left:0!important;padding-right:0}.x-menu-collapsed .x-menu-nodes .x-menu-node x-menu-node{padding-left:.875rem}.x-menu-collapsed .x-menu-nodes .x-menu-node .x-menu-text{opacity:0;width:0}.x-menu-collapsed .x-menu-nodes .x-menu-nodes{display:none}.x-menu-collapsed .x-menu-arrow.x-icon{opacity:0;width:0}\n"], components: [{ type: i2$1.XSliderComponent, selector: "x-slider" }, { type: i3.XDropdownComponent, selector: "x-dropdown" }, { type: XMenuNodeComponent, selector: "x-menu-node", inputs: ["menu"] }], directives: [{ type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
339
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XMenuComponent, decorators: [{
340
340
  type: Component,
341
341
  args: [{ selector: `${XMenuPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #menu class=\"x-menu\" [ngClass]=\"classMap\">\r\n <div class=\"x-menu-nodes\" *ngIf=\"layout === 'column'\">\r\n <ng-container *ngFor=\"let node of nodes; trackBy: trackByNode\">\r\n <ng-container *ngTemplateOutlet=\"nodeColumnTpl; context: { $node: node, $children: true }\"></ng-container>\r\n </ng-container>\r\n </div>\r\n <x-slider\r\n *ngIf=\"layout === 'row'\"\r\n [data]=\"nodes\"\r\n [size]=\"size\"\r\n [nodeTpl]=\"nodeRowTpl\"\r\n [nodeJustify]=\"'center'\"\r\n [activatedIndex]=\"rootIndex\"\r\n (indexChange)=\"rootIndexChange($event)\"\r\n ></x-slider>\r\n</div>\r\n\r\n<ng-template #nodeTpl let-node=\"$node\">\r\n <x-dropdown\r\n *ngIf=\"node.level === 0 && collapsed\"\r\n [disabled]=\"!node.leaf\"\r\n [data]=\"node.children\"\r\n [trigger]=\"trigger\"\r\n placement=\"right-start\"\r\n (nodeClick)=\"onNodeClick($event)\"\r\n [portalMinWidth]=\"portalMinWidth\"\r\n children\r\n >\r\n <x-menu-node [node]=\"node\" [menu]=\"this\"></x-menu-node>\r\n </x-dropdown>\r\n <x-menu-node *ngIf=\"!collapsed\" [node]=\"node\" [menu]=\"this\"></x-menu-node>\r\n</ng-template>\r\n\r\n<ng-template #nodeRowTpl let-node=\"$node\">\r\n <x-dropdown\r\n [disabled]=\"!node.leaf\"\r\n [data]=\"node.children\"\r\n [trigger]=\"trigger\"\r\n (nodeClick)=\"onNodeClick($event)\"\r\n [portalMinWidth]=\"portalMinWidth\"\r\n children\r\n >\r\n <div class=\"x-menu-node\" [ngClass]=\"nodeClassMap\">\r\n <ng-container *ngTemplateOutlet=\"nodeTpl; context: { $node: node }\"></ng-container>\r\n </div>\r\n </x-dropdown>\r\n</ng-template>\r\n\r\n<ng-template #nodeColumnTpl let-node=\"$node\">\r\n <div\r\n class=\"x-menu-node\"\r\n [class.x-activated]=\"activated?.id === node.id\"\r\n [class.x-menu-category]=\"node.categoryNode\"\r\n [ngClass]=\"nodeClassMap\"\r\n (click)=\"onToggle($event, node)\"\r\n [style.padding-left.rem]=\"(node.level + 1) * 0.875\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"nodeTpl; context: { $node: node }\"></ng-container>\r\n </div>\r\n <div class=\"x-menu-nodes\" *ngIf=\"node.childrenLoaded || (node.leaf && node.open)\" [hidden]=\"!node.open\">\r\n <ng-container *ngFor=\"let child of node.children; trackBy: trackByNode\">\r\n <ng-container *ngTemplateOutlet=\"nodeColumnTpl; context: { $node: child }\"></ng-container>\r\n </ng-container>\r\n </div>\r\n</ng-template>\r\n", styles: ["x-menu{display:block}.x-menu{margin:0;padding:0}.x-menu-icon.x-icon{font-size:1rem;transition:opacity var(--x-animation-duration-base)}.x-menu-arrow.x-icon{transition:opacity var(--x-animation-duration-base)}.x-menu-arrow.x-icon.is-open{transform:rotate(180deg)}.x-menu-node.x-size-big{padding:0 calc(var(--x-padding-big) + .25rem);height:calc(var(--x-height-big) + .75rem);line-height:calc(var(--x-height-big) + .75rem)}.x-menu-node.x-size-big.x-menu-category{height:calc(calc(var(--x-height-big) + .75rem) * 1.5)}.x-menu-node.x-size-large{padding:0 calc(var(--x-padding-large) + .25rem);height:calc(var(--x-height-large) + .75rem);line-height:calc(var(--x-height-large) + .75rem)}.x-menu-node.x-size-large.x-menu-category{height:calc(calc(var(--x-height-large) + .75rem) * 1.5)}.x-menu-node.x-size-medium{padding:0 calc(var(--x-padding-medium) + .25rem);height:calc(var(--x-height-medium) + .75rem);line-height:calc(var(--x-height-medium) + .75rem)}.x-menu-node.x-size-medium.x-menu-category{height:calc(calc(var(--x-height-medium) + .75rem) * 1.5)}.x-menu-node.x-size-small{padding:0 var(--x-padding-small);height:calc(var(--x-height-small) + .5rem);line-height:calc(var(--x-height-small) + .5rem)}.x-menu-node.x-size-small.x-menu-category{height:calc(calc(var(--x-height-small) + .5rem) * 1.5)}.x-menu-node.x-size-mini{padding:0 var(--x-padding-mini);height:calc(var(--x-height-mini) + .5rem);line-height:calc(var(--x-height-mini) + .5rem)}.x-menu-node.x-size-mini.x-menu-category{height:calc(calc(var(--x-height-mini) + .5rem) * 1.5)}.x-menu x-slider .x-slider-scroll>ul>li.x-slider-highlight{background-color:inherit;border-radius:0;border:none;border-bottom:.125rem solid var(--x-primary)}.x-menu x-slider .x-slider-scroll>ul>li>x-link{padding:0!important;height:inherit!important;line-height:inherit!important}.x-menu-column{width:12rem;transition:var(--x-animation-duration-base)}.x-menu-row .x-menu-text{margin-left:.25rem}.x-menu-nodes .x-menu-node{cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:width var(--x-animation-duration-base),background-color var(--x-animation-duration-base);border-right:.125rem solid var(--x-border);position:relative;-webkit-user-select:none;user-select:none;padding-right:.875rem}.x-menu-nodes .x-menu-node .x-menu-text{flex:1;margin:0 .25rem;transition:background-color var(--x-animation-duration-base),opacity var(--x-animation-duration-base);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-menu-nodes .x-menu-node:hover{color:var(--x-primary);background-color:var(--x-background-a100)}.x-menu-nodes .x-menu-node x-menu-node{flex:1;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.x-menu-nodes .x-menu-node x-menu-node>a{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:none}.x-menu-nodes .x-menu-node.x-activated{color:var(--x-primary);background-color:var(--x-background-a100)}.x-menu-nodes .x-menu-node.x-activated:after{content:\"\";position:absolute;height:100%;right:-.125rem;top:0;border-right:.125rem solid var(--x-primary)}.x-menu-nodes .x-menu-node.x-menu-category{cursor:inherit;color:var(--x-text-400)}.x-menu-nodes .x-menu-node.x-menu-category:hover{background-color:transparent}.x-menu-nodes .x-menu-node.x-menu-category>x-menu-node{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border-300)}.x-menu-collapsed.x-menu-column{width:3rem}.x-menu-collapsed .x-menu-nodes x-dropdown,.x-menu-collapsed .x-menu-nodes .x-dropdown{display:flex;flex:1}.x-menu-collapsed .x-menu-nodes .x-menu-node{padding-left:0!important;padding-right:0}.x-menu-collapsed .x-menu-nodes .x-menu-node x-menu-node{padding-left:.875rem}.x-menu-collapsed .x-menu-nodes .x-menu-node .x-menu-text{opacity:0;width:0}.x-menu-collapsed .x-menu-nodes .x-menu-nodes{display:none}.x-menu-collapsed .x-menu-arrow.x-icon{opacity:0;width:0}\n"] }]
342
342
  }], ctorParameters: function () {
@@ -348,10 +348,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImpor
348
348
 
349
349
  class XMenuModule {
350
350
  }
351
- /** @nocollapse */ /** @nocollapse */ XMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
352
- /** @nocollapse */ /** @nocollapse */ XMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XMenuModule, declarations: [XMenuComponent, XMenuNodeComponent, XMenuProperty, XMenuNodeProperty], imports: [CommonModule, RouterModule, XDropdownModule, XSliderModule, XIconModule], exports: [XMenuComponent, XMenuNodeComponent] });
353
- /** @nocollapse */ /** @nocollapse */ XMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XMenuModule, imports: [[CommonModule, RouterModule, XDropdownModule, XSliderModule, XIconModule]] });
354
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XMenuModule, decorators: [{
351
+ /** @nocollapse */ /** @nocollapse */ XMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
352
+ /** @nocollapse */ /** @nocollapse */ XMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XMenuModule, declarations: [XMenuComponent, XMenuNodeComponent, XMenuProperty, XMenuNodeProperty], imports: [CommonModule, RouterModule, XDropdownModule, XSliderModule, XIconModule], exports: [XMenuComponent, XMenuNodeComponent] });
353
+ /** @nocollapse */ /** @nocollapse */ XMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XMenuModule, imports: [[CommonModule, RouterModule, XDropdownModule, XSliderModule, XIconModule]] });
354
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XMenuModule, decorators: [{
355
355
  type: NgModule,
356
356
  args: [{
357
357
  declarations: [XMenuComponent, XMenuNodeComponent, XMenuProperty, XMenuNodeProperty],
@@ -84,9 +84,9 @@ class XMessageBoxComponent {
84
84
  this.formGroup.addControl('inputValue', new FormControl(this.msgInput.inputValue, [Validators.required, Validators.pattern(this.msgInput.inputPattern)]));
85
85
  }
86
86
  }
87
- /** @nocollapse */ /** @nocollapse */ XMessageBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XMessageBoxComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
88
- /** @nocollapse */ /** @nocollapse */ XMessageBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XMessageBoxComponent, selector: "x-message-box", ngImport: i0, template: "<div\r\n class=\"x-message-box\"\r\n *ngIf=\"!messageBox?.input?.hide\"\r\n [@x-move-box-animation]=\"messageBox.input?.placement\"\r\n (@x-move-box-animation.done)=\"moveDone($event)\"\r\n>\r\n <x-alert\r\n (close)=\"onClose()\"\r\n [title]=\"messageBox.input?.title\"\r\n [content]=\"contentTpl\"\r\n [type]=\"messageBox.input?.type\"\r\n [effect]=\"messageBox.input?.effect\"\r\n [hideClose]=\"messageBox.input?.hideClose\"\r\n [closeText]=\"messageBox.input?.closeText\"\r\n showIcon=\"false\"\r\n duration=\"0\"\r\n manual\r\n disabledAnimation\r\n ></x-alert>\r\n <ng-template #contentTpl let-iconTpl=\"$iconTpl\">\r\n <div class=\"x-message-box-inner\">\r\n <div class=\"x-message-box-content\">\r\n <ng-container *ngIf=\"!messageBox.input?.showInput; else inputTpl\">\r\n <ng-container *ngIf=\"messageBox.input?.showIcon\">\r\n <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\r\n </ng-container>\r\n <ng-container *xOutlet=\"messageBox.input?.content\">\r\n {{ messageBox.input?.content }}\r\n </ng-container>\r\n </ng-container>\r\n <ng-template #inputTpl>\r\n <form [formGroup]=\"formGroup\">\r\n <x-input\r\n formControlName=\"inputValue\"\r\n [type]=\"messageBox.input?.inputType\"\r\n [label]=\"getLabel\"\r\n [placeholder]=\"messageBox.input?.inputPlaceholder\"\r\n [pattern]=\"getPattern\"\r\n [message]=\"messageBox.input?.inputInvalidMessage\"\r\n ></x-input>\r\n </form>\r\n </ng-template>\r\n </div>\r\n <x-buttons space=\"1\">\r\n <x-button *ngIf=\"messageBox.input?.showCancel\" (click)=\"onCancel()\">{{ messageBox.input?.cancelText }}</x-button>\r\n <x-button type=\"primary\" (click)=\"onConfirm()\" [disabled]=\"formGroup?.invalid\">{{ messageBox.input?.confirmText }}</x-button>\r\n </x-buttons>\r\n </div>\r\n </ng-template>\r\n</div>\r\n", styles: [".x-message-box{margin:0;padding:0}.x-message-box-inner{display:flex;flex-direction:column;margin:.5rem 0}.x-message-box-inner>x-buttons{margin-top:1rem;align-self:flex-end}.x-message-box-content{display:inline-flex}.x-message-box-content>form{width:100%}.x-message-box-content>form>x-input{width:100%}.x-message-box-portal x-message-box{width:100%}\n"], components: [{ type: i1.XAlertComponent, selector: "x-alert" }, { type: i2.XInputComponent, selector: "x-input" }, { type: i3.XButtonsComponent, selector: "x-buttons" }, { type: i3.XButtonComponent, selector: "x-button" }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i5.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { type: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i6.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }], animations: [XMoveBoxAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
89
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XMessageBoxComponent, decorators: [{
87
+ /** @nocollapse */ /** @nocollapse */ XMessageBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XMessageBoxComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
88
+ /** @nocollapse */ /** @nocollapse */ XMessageBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XMessageBoxComponent, selector: "x-message-box", ngImport: i0, template: "<div\r\n class=\"x-message-box\"\r\n *ngIf=\"!messageBox?.input?.hide\"\r\n [@x-move-box-animation]=\"messageBox.input?.placement\"\r\n (@x-move-box-animation.done)=\"moveDone($event)\"\r\n>\r\n <x-alert\r\n (close)=\"onClose()\"\r\n [title]=\"messageBox.input?.title\"\r\n [content]=\"contentTpl\"\r\n [type]=\"messageBox.input?.type\"\r\n [effect]=\"messageBox.input?.effect\"\r\n [hideClose]=\"messageBox.input?.hideClose\"\r\n [closeText]=\"messageBox.input?.closeText\"\r\n showIcon=\"false\"\r\n duration=\"0\"\r\n manual\r\n disabledAnimation\r\n ></x-alert>\r\n <ng-template #contentTpl let-iconTpl=\"$iconTpl\">\r\n <div class=\"x-message-box-inner\">\r\n <div class=\"x-message-box-content\">\r\n <ng-container *ngIf=\"!messageBox.input?.showInput; else inputTpl\">\r\n <ng-container *ngIf=\"messageBox.input?.showIcon\">\r\n <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\r\n </ng-container>\r\n <ng-container *xOutlet=\"messageBox.input?.content\">\r\n {{ messageBox.input?.content }}\r\n </ng-container>\r\n </ng-container>\r\n <ng-template #inputTpl>\r\n <form [formGroup]=\"formGroup\">\r\n <x-input\r\n formControlName=\"inputValue\"\r\n [type]=\"messageBox.input?.inputType\"\r\n [label]=\"getLabel\"\r\n [placeholder]=\"messageBox.input?.inputPlaceholder\"\r\n [pattern]=\"getPattern\"\r\n [message]=\"messageBox.input?.inputInvalidMessage\"\r\n ></x-input>\r\n </form>\r\n </ng-template>\r\n </div>\r\n <x-buttons space=\"1\">\r\n <x-button *ngIf=\"messageBox.input?.showCancel\" (click)=\"onCancel()\">{{ messageBox.input?.cancelText }}</x-button>\r\n <x-button type=\"primary\" (click)=\"onConfirm()\" [disabled]=\"formGroup?.invalid\">{{ messageBox.input?.confirmText }}</x-button>\r\n </x-buttons>\r\n </div>\r\n </ng-template>\r\n</div>\r\n", styles: [".x-message-box{margin:0;padding:0}.x-message-box-inner{display:flex;flex-direction:column;margin:.5rem 0}.x-message-box-inner>x-buttons{margin-top:1rem;align-self:flex-end}.x-message-box-content{display:inline-flex}.x-message-box-content>form{width:100%}.x-message-box-content>form>x-input{width:100%}.x-message-box-portal x-message-box{width:100%}\n"], components: [{ type: i1.XAlertComponent, selector: "x-alert" }, { type: i2.XInputComponent, selector: "x-input" }, { type: i3.XButtonsComponent, selector: "x-buttons" }, { type: i3.XButtonComponent, selector: "x-button" }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i5.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { type: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i6.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }], animations: [XMoveBoxAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
89
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XMessageBoxComponent, decorators: [{
90
90
  type: Component,
91
91
  args: [{ selector: `${XMessageBoxPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [XMoveBoxAnimation], template: "<div\r\n class=\"x-message-box\"\r\n *ngIf=\"!messageBox?.input?.hide\"\r\n [@x-move-box-animation]=\"messageBox.input?.placement\"\r\n (@x-move-box-animation.done)=\"moveDone($event)\"\r\n>\r\n <x-alert\r\n (close)=\"onClose()\"\r\n [title]=\"messageBox.input?.title\"\r\n [content]=\"contentTpl\"\r\n [type]=\"messageBox.input?.type\"\r\n [effect]=\"messageBox.input?.effect\"\r\n [hideClose]=\"messageBox.input?.hideClose\"\r\n [closeText]=\"messageBox.input?.closeText\"\r\n showIcon=\"false\"\r\n duration=\"0\"\r\n manual\r\n disabledAnimation\r\n ></x-alert>\r\n <ng-template #contentTpl let-iconTpl=\"$iconTpl\">\r\n <div class=\"x-message-box-inner\">\r\n <div class=\"x-message-box-content\">\r\n <ng-container *ngIf=\"!messageBox.input?.showInput; else inputTpl\">\r\n <ng-container *ngIf=\"messageBox.input?.showIcon\">\r\n <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\r\n </ng-container>\r\n <ng-container *xOutlet=\"messageBox.input?.content\">\r\n {{ messageBox.input?.content }}\r\n </ng-container>\r\n </ng-container>\r\n <ng-template #inputTpl>\r\n <form [formGroup]=\"formGroup\">\r\n <x-input\r\n formControlName=\"inputValue\"\r\n [type]=\"messageBox.input?.inputType\"\r\n [label]=\"getLabel\"\r\n [placeholder]=\"messageBox.input?.inputPlaceholder\"\r\n [pattern]=\"getPattern\"\r\n [message]=\"messageBox.input?.inputInvalidMessage\"\r\n ></x-input>\r\n </form>\r\n </ng-template>\r\n </div>\r\n <x-buttons space=\"1\">\r\n <x-button *ngIf=\"messageBox.input?.showCancel\" (click)=\"onCancel()\">{{ messageBox.input?.cancelText }}</x-button>\r\n <x-button type=\"primary\" (click)=\"onConfirm()\" [disabled]=\"formGroup?.invalid\">{{ messageBox.input?.confirmText }}</x-button>\r\n </x-buttons>\r\n </div>\r\n </ng-template>\r\n</div>\r\n", styles: [".x-message-box{margin:0;padding:0}.x-message-box-inner{display:flex;flex-direction:column;margin:.5rem 0}.x-message-box-inner>x-buttons{margin-top:1rem;align-self:flex-end}.x-message-box-content{display:inline-flex}.x-message-box-content>form{width:100%}.x-message-box-content>form>x-input{width:100%}.x-message-box-portal x-message-box{width:100%}\n"] }]
92
92
  }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; } });
@@ -158,16 +158,16 @@ class XMessageBoxService {
158
158
  this.default = Object.assign(Object.assign({}, this.default), messageBoxLocale);
159
159
  }
160
160
  }
161
- /** @nocollapse */ /** @nocollapse */ XMessageBoxService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XMessageBoxService, deps: [{ token: i1$1.XPortalService }, { token: i2$1.XI18nService }], target: i0.ɵɵFactoryTarget.Injectable });
162
- /** @nocollapse */ /** @nocollapse */ XMessageBoxService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XMessageBoxService });
163
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XMessageBoxService, decorators: [{
161
+ /** @nocollapse */ /** @nocollapse */ XMessageBoxService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XMessageBoxService, deps: [{ token: i1$1.XPortalService }, { token: i2$1.XI18nService }], target: i0.ɵɵFactoryTarget.Injectable });
162
+ /** @nocollapse */ /** @nocollapse */ XMessageBoxService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XMessageBoxService });
163
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XMessageBoxService, decorators: [{
164
164
  type: Injectable
165
165
  }], ctorParameters: function () { return [{ type: i1$1.XPortalService }, { type: i2$1.XI18nService }]; } });
166
166
 
167
167
  class XMessageBoxModule {
168
168
  }
169
- /** @nocollapse */ /** @nocollapse */ XMessageBoxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XMessageBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
170
- /** @nocollapse */ /** @nocollapse */ XMessageBoxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XMessageBoxModule, declarations: [XMessageBoxComponent], imports: [CommonModule,
169
+ /** @nocollapse */ /** @nocollapse */ XMessageBoxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XMessageBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
170
+ /** @nocollapse */ /** @nocollapse */ XMessageBoxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XMessageBoxModule, declarations: [XMessageBoxComponent], imports: [CommonModule,
171
171
  FormsModule,
172
172
  ReactiveFormsModule,
173
173
  XPortalModule,
@@ -176,7 +176,7 @@ class XMessageBoxModule {
176
176
  XIconModule,
177
177
  XAlertModule,
178
178
  XOutletModule], exports: [XMessageBoxComponent] });
179
- /** @nocollapse */ /** @nocollapse */ XMessageBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XMessageBoxModule, providers: [XMessageBoxService], imports: [[
179
+ /** @nocollapse */ /** @nocollapse */ XMessageBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XMessageBoxModule, providers: [XMessageBoxService], imports: [[
180
180
  CommonModule,
181
181
  FormsModule,
182
182
  ReactiveFormsModule,
@@ -187,7 +187,7 @@ class XMessageBoxModule {
187
187
  XAlertModule,
188
188
  XOutletModule
189
189
  ]] });
190
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XMessageBoxModule, decorators: [{
190
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XMessageBoxModule, decorators: [{
191
191
  type: NgModule,
192
192
  args: [{
193
193
  declarations: [XMessageBoxComponent],