@ng-nest/ui 13.0.6 → 13.0.7

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 (461) hide show
  1. package/core/config/config.d.ts +4 -1
  2. package/esm2020/affix/affix.component.mjs +3 -3
  3. package/esm2020/affix/affix.module.mjs +4 -4
  4. package/esm2020/affix/affix.property.mjs +3 -3
  5. package/esm2020/alert/alert.component.mjs +3 -3
  6. package/esm2020/alert/alert.module.mjs +4 -4
  7. package/esm2020/alert/alert.property.mjs +3 -3
  8. package/esm2020/anchor/anchor.component.mjs +3 -3
  9. package/esm2020/anchor/anchor.module.mjs +4 -4
  10. package/esm2020/anchor/anchor.property.mjs +3 -3
  11. package/esm2020/api/api.component.mjs +3 -3
  12. package/esm2020/api/api.module.mjs +4 -4
  13. package/esm2020/auto-complete/auto-complete-portal.component.mjs +3 -3
  14. package/esm2020/auto-complete/auto-complete.component.mjs +3 -3
  15. package/esm2020/auto-complete/auto-complete.module.mjs +4 -4
  16. package/esm2020/auto-complete/auto-complete.property.mjs +3 -3
  17. package/esm2020/avatar/avatar.component.mjs +3 -3
  18. package/esm2020/avatar/avatar.module.mjs +4 -4
  19. package/esm2020/avatar/avatar.property.mjs +3 -3
  20. package/esm2020/back-top/back-top.component.mjs +3 -3
  21. package/esm2020/back-top/back-top.module.mjs +4 -4
  22. package/esm2020/back-top/back-top.property.mjs +3 -3
  23. package/esm2020/badge/badge.component.mjs +3 -3
  24. package/esm2020/badge/badge.module.mjs +4 -4
  25. package/esm2020/badge/badge.property.mjs +3 -3
  26. package/esm2020/base-form/base-form.component.mjs +3 -3
  27. package/esm2020/base-form/base-form.module.mjs +4 -4
  28. package/esm2020/base-form/base-form.property.mjs +3 -3
  29. package/esm2020/border/border.component.mjs +3 -3
  30. package/esm2020/border/border.module.mjs +4 -4
  31. package/esm2020/button/button.component.mjs +3 -3
  32. package/esm2020/button/button.module.mjs +4 -4
  33. package/esm2020/button/button.property.mjs +6 -6
  34. package/esm2020/button/buttons.component.mjs +3 -3
  35. package/esm2020/calendar/calendar.component.mjs +3 -3
  36. package/esm2020/calendar/calendar.module.mjs +4 -4
  37. package/esm2020/calendar/calendar.property.mjs +3 -3
  38. package/esm2020/card/card.component.mjs +3 -3
  39. package/esm2020/card/card.module.mjs +4 -4
  40. package/esm2020/card/card.property.mjs +3 -3
  41. package/esm2020/carousel/carousel-panel.component.mjs +3 -3
  42. package/esm2020/carousel/carousel.component.mjs +3 -3
  43. package/esm2020/carousel/carousel.module.mjs +4 -4
  44. package/esm2020/carousel/carousel.property.mjs +6 -6
  45. package/esm2020/cascade/cascade-portal.component.mjs +3 -3
  46. package/esm2020/cascade/cascade.component.mjs +3 -3
  47. package/esm2020/cascade/cascade.module.mjs +4 -4
  48. package/esm2020/cascade/cascade.property.mjs +3 -3
  49. package/esm2020/checkbox/checkbox.component.mjs +3 -3
  50. package/esm2020/checkbox/checkbox.module.mjs +4 -4
  51. package/esm2020/checkbox/checkbox.property.mjs +3 -3
  52. package/esm2020/collapse/collapse-panel.component.mjs +3 -3
  53. package/esm2020/collapse/collapse.component.mjs +3 -3
  54. package/esm2020/collapse/collapse.module.mjs +4 -4
  55. package/esm2020/collapse/collapse.property.mjs +6 -6
  56. package/esm2020/color/color.component.mjs +3 -3
  57. package/esm2020/color/color.module.mjs +4 -4
  58. package/esm2020/color/color.property.mjs +3 -3
  59. package/esm2020/color-picker/color-picker-portal.component.mjs +3 -3
  60. package/esm2020/color-picker/color-picker.component.mjs +3 -3
  61. package/esm2020/color-picker/color-picker.module.mjs +4 -4
  62. package/esm2020/color-picker/color-picker.property.mjs +3 -3
  63. package/esm2020/comment/comment-reply.component.mjs +3 -3
  64. package/esm2020/comment/comment.component.mjs +3 -3
  65. package/esm2020/comment/comment.module.mjs +4 -4
  66. package/esm2020/comment/comment.property.mjs +6 -6
  67. package/esm2020/container/aside.component.mjs +3 -3
  68. package/esm2020/container/container.component.mjs +3 -3
  69. package/esm2020/container/container.module.mjs +4 -4
  70. package/esm2020/container/container.property.mjs +12 -12
  71. package/esm2020/container/footer.component.mjs +3 -3
  72. package/esm2020/container/header.component.mjs +3 -3
  73. package/esm2020/container/main.component.mjs +3 -3
  74. package/esm2020/core/config/config.mjs +1 -1
  75. package/esm2020/core/config/config.service.mjs +3 -3
  76. package/esm2020/core/services/http.service.mjs +3 -3
  77. package/esm2020/core/services/preloading-strategy.service.mjs +3 -3
  78. package/esm2020/core/services/storage.service.mjs +3 -3
  79. package/esm2020/core/theme/theme.service.mjs +3 -3
  80. package/esm2020/crumb/crumb.component.mjs +3 -3
  81. package/esm2020/crumb/crumb.module.mjs +4 -4
  82. package/esm2020/crumb/crumb.property.mjs +3 -3
  83. package/esm2020/date-picker/date-picker-portal.component.mjs +3 -3
  84. package/esm2020/date-picker/date-picker.component.mjs +3 -3
  85. package/esm2020/date-picker/date-picker.module.mjs +4 -4
  86. package/esm2020/date-picker/date-picker.property.mjs +15 -15
  87. package/esm2020/date-picker/date-range-portal.component.mjs +3 -3
  88. package/esm2020/date-picker/date-range.component.mjs +3 -3
  89. package/esm2020/date-picker/picker-date.component.mjs +3 -3
  90. package/esm2020/date-picker/picker-month.component.mjs +3 -3
  91. package/esm2020/date-picker/picker-year.component.mjs +3 -3
  92. package/esm2020/description/description-item.component.mjs +3 -3
  93. package/esm2020/description/description.component.mjs +3 -3
  94. package/esm2020/description/description.module.mjs +4 -4
  95. package/esm2020/description/description.property.mjs +6 -6
  96. package/esm2020/dialog/dialog-portal.component.mjs +3 -3
  97. package/esm2020/dialog/dialog-portal.directives.mjs +12 -12
  98. package/esm2020/dialog/dialog.component.mjs +3 -3
  99. package/esm2020/dialog/dialog.module.mjs +4 -4
  100. package/esm2020/dialog/dialog.property.mjs +3 -3
  101. package/esm2020/dialog/dialog.service.mjs +3 -3
  102. package/esm2020/doc/doc.component.mjs +3 -3
  103. package/esm2020/doc/doc.module.mjs +4 -4
  104. package/esm2020/drawer/drawer-container.component.mjs +3 -3
  105. package/esm2020/drawer/drawer-portal.component.mjs +3 -3
  106. package/esm2020/drawer/drawer-portal.directives.mjs +9 -9
  107. package/esm2020/drawer/drawer.component.mjs +3 -3
  108. package/esm2020/drawer/drawer.module.mjs +4 -4
  109. package/esm2020/drawer/drawer.property.mjs +6 -6
  110. package/esm2020/drawer/drawer.service.mjs +3 -3
  111. package/esm2020/dropdown/dropdown-portal.component.mjs +3 -3
  112. package/esm2020/dropdown/dropdown.component.mjs +3 -3
  113. package/esm2020/dropdown/dropdown.module.mjs +4 -4
  114. package/esm2020/dropdown/dropdown.property.mjs +3 -3
  115. package/esm2020/empty/empty.component.mjs +3 -3
  116. package/esm2020/empty/empty.module.mjs +4 -4
  117. package/esm2020/empty/empty.property.mjs +3 -3
  118. package/esm2020/examples/examples.component.mjs +3 -3
  119. package/esm2020/examples/examples.module.mjs +4 -4
  120. package/esm2020/find/find.component.mjs +3 -3
  121. package/esm2020/find/find.module.mjs +4 -4
  122. package/esm2020/find/find.property.mjs +3 -3
  123. package/esm2020/form/control.component.mjs +3 -3
  124. package/esm2020/form/form.component.mjs +3 -3
  125. package/esm2020/form/form.module.mjs +4 -4
  126. package/esm2020/form/form.property.mjs +6 -6
  127. package/esm2020/highlight/highlight.component.mjs +3 -3
  128. package/esm2020/highlight/highlight.module.mjs +4 -4
  129. package/esm2020/highlight/highlight.property.mjs +3 -3
  130. package/esm2020/i18n/i18n.directive.mjs +3 -3
  131. package/esm2020/i18n/i18n.module.mjs +4 -4
  132. package/esm2020/i18n/i18n.pipe.mjs +3 -3
  133. package/esm2020/i18n/i18n.service.mjs +3 -3
  134. package/esm2020/icon/icon.component.mjs +3 -3
  135. package/esm2020/icon/icon.module.mjs +4 -4
  136. package/esm2020/icon/icon.property.mjs +3 -3
  137. package/esm2020/icon/icon.service.mjs +3 -3
  138. package/esm2020/inner/inner.component.mjs +3 -3
  139. package/esm2020/inner/inner.module.mjs +4 -4
  140. package/esm2020/inner/inner.property.mjs +3 -3
  141. package/esm2020/input/input-group.component.mjs +3 -3
  142. package/esm2020/input/input.component.mjs +3 -3
  143. package/esm2020/input/input.module.mjs +4 -4
  144. package/esm2020/input/input.property.mjs +6 -6
  145. package/esm2020/input-number/input-number.component.mjs +3 -3
  146. package/esm2020/input-number/input-number.module.mjs +4 -4
  147. package/esm2020/input-number/input-number.property.mjs +3 -3
  148. package/esm2020/layout/col.component.mjs +3 -3
  149. package/esm2020/layout/layout.module.mjs +4 -4
  150. package/esm2020/layout/layout.property.mjs +6 -6
  151. package/esm2020/layout/row.component.mjs +3 -3
  152. package/esm2020/link/link.component.mjs +3 -3
  153. package/esm2020/link/link.module.mjs +4 -4
  154. package/esm2020/link/link.property.mjs +3 -3
  155. package/esm2020/list/list-option.component.mjs +3 -3
  156. package/esm2020/list/list.component.mjs +3 -3
  157. package/esm2020/list/list.module.mjs +4 -4
  158. package/esm2020/list/list.property.mjs +6 -6
  159. package/esm2020/loading/loading.component.mjs +3 -3
  160. package/esm2020/loading/loading.module.mjs +4 -4
  161. package/esm2020/loading/loading.property.mjs +3 -3
  162. package/esm2020/menu/menu-node.component.mjs +3 -3
  163. package/esm2020/menu/menu.component.mjs +5 -5
  164. package/esm2020/menu/menu.module.mjs +4 -4
  165. package/esm2020/menu/menu.property.mjs +12 -7
  166. package/esm2020/message/message.component.mjs +3 -3
  167. package/esm2020/message/message.module.mjs +4 -4
  168. package/esm2020/message/message.service.mjs +3 -3
  169. package/esm2020/message-box/message-box.component.mjs +3 -3
  170. package/esm2020/message-box/message-box.module.mjs +4 -4
  171. package/esm2020/message-box/message-box.service.mjs +3 -3
  172. package/esm2020/notification/notification.component.mjs +3 -3
  173. package/esm2020/notification/notification.module.mjs +4 -4
  174. package/esm2020/notification/notification.service.mjs +3 -3
  175. package/esm2020/outlet/outlet.directive.mjs +3 -3
  176. package/esm2020/outlet/outlet.module.mjs +4 -4
  177. package/esm2020/page-header/page-header.component.mjs +3 -3
  178. package/esm2020/page-header/page-header.module.mjs +4 -4
  179. package/esm2020/page-header/page-header.property.mjs +3 -3
  180. package/esm2020/pagination/pagination.component.mjs +3 -3
  181. package/esm2020/pagination/pagination.module.mjs +4 -4
  182. package/esm2020/pagination/pagination.property.mjs +3 -3
  183. package/esm2020/pattern/pattern.component.mjs +3 -3
  184. package/esm2020/pattern/pattern.module.mjs +4 -4
  185. package/esm2020/popconfirm/popconfirm.component.mjs +3 -3
  186. package/esm2020/popconfirm/popconfirm.module.mjs +4 -4
  187. package/esm2020/popconfirm/popconfirm.property.mjs +3 -3
  188. package/esm2020/popover/popover-portal.component.mjs +3 -3
  189. package/esm2020/popover/popover.directive.mjs +3 -3
  190. package/esm2020/popover/popover.module.mjs +4 -4
  191. package/esm2020/popover/popover.property.mjs +3 -3
  192. package/esm2020/portal/portal.module.mjs +4 -4
  193. package/esm2020/portal/portal.service.mjs +3 -3
  194. package/esm2020/progress/progress.component.mjs +3 -3
  195. package/esm2020/progress/progress.module.mjs +4 -4
  196. package/esm2020/progress/progress.property.mjs +3 -3
  197. package/esm2020/radio/radio.component.mjs +3 -3
  198. package/esm2020/radio/radio.module.mjs +4 -4
  199. package/esm2020/radio/radio.property.mjs +3 -3
  200. package/esm2020/rate/rate.component.mjs +3 -3
  201. package/esm2020/rate/rate.module.mjs +4 -4
  202. package/esm2020/rate/rate.property.mjs +3 -3
  203. package/esm2020/result/result.component.mjs +3 -3
  204. package/esm2020/result/result.module.mjs +4 -4
  205. package/esm2020/result/result.property.mjs +3 -3
  206. package/esm2020/ripple/ripple.directive.mjs +3 -3
  207. package/esm2020/ripple/ripple.module.mjs +4 -4
  208. package/esm2020/ripple/ripple.property.mjs +3 -3
  209. package/esm2020/select/select-portal.component.mjs +3 -3
  210. package/esm2020/select/select.component.mjs +3 -3
  211. package/esm2020/select/select.module.mjs +4 -4
  212. package/esm2020/select/select.property.mjs +3 -3
  213. package/esm2020/skeleton/skeleton.component.mjs +3 -3
  214. package/esm2020/skeleton/skeleton.module.mjs +4 -4
  215. package/esm2020/skeleton/skeleton.property.mjs +3 -3
  216. package/esm2020/slider/slider.component.mjs +3 -3
  217. package/esm2020/slider/slider.module.mjs +4 -4
  218. package/esm2020/slider/slider.property.mjs +3 -3
  219. package/esm2020/slider-select/slider-select.component.mjs +3 -3
  220. package/esm2020/slider-select/slider-select.module.mjs +4 -4
  221. package/esm2020/slider-select/slider-select.property.mjs +3 -3
  222. package/esm2020/statistic/countdown.component.mjs +3 -3
  223. package/esm2020/statistic/statistic.component.mjs +3 -3
  224. package/esm2020/statistic/statistic.module.mjs +4 -4
  225. package/esm2020/statistic/statistic.property.mjs +6 -6
  226. package/esm2020/steps/steps.component.mjs +3 -3
  227. package/esm2020/steps/steps.module.mjs +4 -4
  228. package/esm2020/steps/steps.property.mjs +3 -3
  229. package/esm2020/switch/switch.component.mjs +3 -3
  230. package/esm2020/switch/switch.module.mjs +4 -4
  231. package/esm2020/switch/switch.property.mjs +3 -3
  232. package/esm2020/table/drag.directive.mjs +3 -3
  233. package/esm2020/table/table-body.component.mjs +3 -3
  234. package/esm2020/table/table-foot.component.mjs +3 -3
  235. package/esm2020/table/table-head.component.mjs +3 -3
  236. package/esm2020/table/table.component.mjs +3 -3
  237. package/esm2020/table/table.module.mjs +4 -4
  238. package/esm2020/table/table.property.mjs +12 -12
  239. package/esm2020/tabs/tab-content.component.mjs +3 -3
  240. package/esm2020/tabs/tab.component.mjs +3 -3
  241. package/esm2020/tabs/tabs.component.mjs +3 -3
  242. package/esm2020/tabs/tabs.module.mjs +4 -4
  243. package/esm2020/tabs/tabs.property.mjs +6 -6
  244. package/esm2020/tag/tag.component.mjs +3 -3
  245. package/esm2020/tag/tag.module.mjs +4 -4
  246. package/esm2020/tag/tag.property.mjs +3 -3
  247. package/esm2020/text-retract/text-retract.component.mjs +3 -3
  248. package/esm2020/text-retract/text-retract.module.mjs +4 -4
  249. package/esm2020/text-retract/text-retract.property.mjs +3 -3
  250. package/esm2020/textarea/textarea.component.mjs +3 -3
  251. package/esm2020/textarea/textarea.module.mjs +4 -4
  252. package/esm2020/textarea/textarea.property.mjs +3 -3
  253. package/esm2020/theme/theme.component.mjs +3 -3
  254. package/esm2020/theme/theme.module.mjs +4 -4
  255. package/esm2020/theme/theme.property.mjs +3 -3
  256. package/esm2020/time-ago/time-ago.module.mjs +4 -4
  257. package/esm2020/time-ago/time-ago.pipe.mjs +3 -3
  258. package/esm2020/time-picker/time-picker-frame.component.mjs +3 -3
  259. package/esm2020/time-picker/time-picker-portal.component.mjs +3 -3
  260. package/esm2020/time-picker/time-picker.component.mjs +3 -3
  261. package/esm2020/time-picker/time-picker.module.mjs +4 -4
  262. package/esm2020/time-picker/time-picker.property.mjs +3 -3
  263. package/esm2020/time-range/time-range.module.mjs +4 -4
  264. package/esm2020/time-range/time-range.pipe.mjs +3 -3
  265. package/esm2020/timeline/timeline.component.mjs +3 -3
  266. package/esm2020/timeline/timeline.module.mjs +4 -4
  267. package/esm2020/timeline/timeline.property.mjs +3 -3
  268. package/esm2020/tooltip/tooltip-portal.component.mjs +3 -3
  269. package/esm2020/tooltip/tooltip.directive.mjs +3 -3
  270. package/esm2020/tooltip/tooltip.module.mjs +4 -4
  271. package/esm2020/tooltip/tooltip.property.mjs +3 -3
  272. package/esm2020/transfer/transfer.component.mjs +3 -3
  273. package/esm2020/transfer/transfer.module.mjs +4 -4
  274. package/esm2020/transfer/transfer.property.mjs +3 -3
  275. package/esm2020/tree/tree-node.component.mjs +5 -5
  276. package/esm2020/tree/tree.component.mjs +3 -3
  277. package/esm2020/tree/tree.module.mjs +4 -4
  278. package/esm2020/tree/tree.property.mjs +13 -7
  279. package/esm2020/tree-file/tree-file.component.mjs +3 -3
  280. package/esm2020/tree-file/tree-file.module.mjs +4 -4
  281. package/esm2020/tree-file/tree-file.property.mjs +3 -3
  282. package/esm2020/typography/typography.component.mjs +3 -3
  283. package/esm2020/typography/typography.module.mjs +4 -4
  284. package/esm2020/typography/typography.property.mjs +3 -3
  285. package/esm2020/upload/upload-portal.component.mjs +3 -3
  286. package/esm2020/upload/upload.component.mjs +3 -3
  287. package/esm2020/upload/upload.module.mjs +4 -4
  288. package/esm2020/upload/upload.property.mjs +3 -3
  289. package/fesm2015/ng-nest-ui-affix.mjs +10 -10
  290. package/fesm2015/ng-nest-ui-alert.mjs +10 -10
  291. package/fesm2015/ng-nest-ui-anchor.mjs +10 -10
  292. package/fesm2015/ng-nest-ui-api.mjs +7 -7
  293. package/fesm2015/ng-nest-ui-auto-complete.mjs +13 -13
  294. package/fesm2015/ng-nest-ui-avatar.mjs +10 -10
  295. package/fesm2015/ng-nest-ui-back-top.mjs +10 -10
  296. package/fesm2015/ng-nest-ui-badge.mjs +10 -10
  297. package/fesm2015/ng-nest-ui-base-form.mjs +10 -10
  298. package/fesm2015/ng-nest-ui-border.mjs +7 -7
  299. package/fesm2015/ng-nest-ui-button.mjs +16 -16
  300. package/fesm2015/ng-nest-ui-calendar.mjs +10 -10
  301. package/fesm2015/ng-nest-ui-card.mjs +10 -10
  302. package/fesm2015/ng-nest-ui-carousel.mjs +16 -16
  303. package/fesm2015/ng-nest-ui-cascade.mjs +13 -13
  304. package/fesm2015/ng-nest-ui-checkbox.mjs +10 -10
  305. package/fesm2015/ng-nest-ui-collapse.mjs +16 -16
  306. package/fesm2015/ng-nest-ui-color-picker.mjs +13 -13
  307. package/fesm2015/ng-nest-ui-color.mjs +10 -10
  308. package/fesm2015/ng-nest-ui-comment.mjs +16 -16
  309. package/fesm2015/ng-nest-ui-container.mjs +31 -31
  310. package/fesm2015/ng-nest-ui-core.mjs +15 -15
  311. package/fesm2015/ng-nest-ui-core.mjs.map +1 -1
  312. package/fesm2015/ng-nest-ui-crumb.mjs +10 -10
  313. package/fesm2015/ng-nest-ui-date-picker.mjs +40 -40
  314. package/fesm2015/ng-nest-ui-description.mjs +16 -16
  315. package/fesm2015/ng-nest-ui-dialog.mjs +28 -28
  316. package/fesm2015/ng-nest-ui-doc.mjs +7 -7
  317. package/fesm2015/ng-nest-ui-drawer.mjs +31 -31
  318. package/fesm2015/ng-nest-ui-dropdown.mjs +13 -13
  319. package/fesm2015/ng-nest-ui-empty.mjs +10 -10
  320. package/fesm2015/ng-nest-ui-examples.mjs +7 -7
  321. package/fesm2015/ng-nest-ui-find.mjs +10 -10
  322. package/fesm2015/ng-nest-ui-form.mjs +16 -16
  323. package/fesm2015/ng-nest-ui-highlight.mjs +10 -10
  324. package/fesm2015/ng-nest-ui-i18n.mjs +13 -13
  325. package/fesm2015/ng-nest-ui-icon.mjs +13 -13
  326. package/fesm2015/ng-nest-ui-inner.mjs +10 -10
  327. package/fesm2015/ng-nest-ui-input-number.mjs +10 -10
  328. package/fesm2015/ng-nest-ui-input.mjs +16 -16
  329. package/fesm2015/ng-nest-ui-layout.mjs +16 -16
  330. package/fesm2015/ng-nest-ui-link.mjs +10 -10
  331. package/fesm2015/ng-nest-ui-list.mjs +16 -16
  332. package/fesm2015/ng-nest-ui-loading.mjs +10 -10
  333. package/fesm2015/ng-nest-ui-menu.mjs +22 -17
  334. package/fesm2015/ng-nest-ui-menu.mjs.map +1 -1
  335. package/fesm2015/ng-nest-ui-message-box.mjs +10 -10
  336. package/fesm2015/ng-nest-ui-message.mjs +10 -10
  337. package/fesm2015/ng-nest-ui-notification.mjs +10 -10
  338. package/fesm2015/ng-nest-ui-outlet.mjs +7 -7
  339. package/fesm2015/ng-nest-ui-page-header.mjs +10 -10
  340. package/fesm2015/ng-nest-ui-pagination.mjs +10 -10
  341. package/fesm2015/ng-nest-ui-pattern.mjs +7 -7
  342. package/fesm2015/ng-nest-ui-popconfirm.mjs +10 -10
  343. package/fesm2015/ng-nest-ui-popover.mjs +13 -13
  344. package/fesm2015/ng-nest-ui-portal.mjs +7 -7
  345. package/fesm2015/ng-nest-ui-progress.mjs +10 -10
  346. package/fesm2015/ng-nest-ui-radio.mjs +10 -10
  347. package/fesm2015/ng-nest-ui-rate.mjs +10 -10
  348. package/fesm2015/ng-nest-ui-result.mjs +10 -10
  349. package/fesm2015/ng-nest-ui-ripple.mjs +10 -10
  350. package/fesm2015/ng-nest-ui-select.mjs +13 -13
  351. package/fesm2015/ng-nest-ui-skeleton.mjs +10 -10
  352. package/fesm2015/ng-nest-ui-slider-select.mjs +10 -10
  353. package/fesm2015/ng-nest-ui-slider.mjs +10 -10
  354. package/fesm2015/ng-nest-ui-statistic.mjs +16 -16
  355. package/fesm2015/ng-nest-ui-steps.mjs +10 -10
  356. package/fesm2015/ng-nest-ui-switch.mjs +10 -10
  357. package/fesm2015/ng-nest-ui-table.mjs +31 -31
  358. package/fesm2015/ng-nest-ui-tabs.mjs +19 -19
  359. package/fesm2015/ng-nest-ui-tag.mjs +10 -10
  360. package/fesm2015/ng-nest-ui-text-retract.mjs +10 -10
  361. package/fesm2015/ng-nest-ui-textarea.mjs +10 -10
  362. package/fesm2015/ng-nest-ui-theme.mjs +10 -10
  363. package/fesm2015/ng-nest-ui-time-ago.mjs +7 -7
  364. package/fesm2015/ng-nest-ui-time-picker.mjs +16 -16
  365. package/fesm2015/ng-nest-ui-time-range.mjs +7 -7
  366. package/fesm2015/ng-nest-ui-timeline.mjs +10 -10
  367. package/fesm2015/ng-nest-ui-tooltip.mjs +13 -13
  368. package/fesm2015/ng-nest-ui-transfer.mjs +10 -10
  369. package/fesm2015/ng-nest-ui-tree-file.mjs +10 -10
  370. package/fesm2015/ng-nest-ui-tree.mjs +23 -17
  371. package/fesm2015/ng-nest-ui-tree.mjs.map +1 -1
  372. package/fesm2015/ng-nest-ui-typography.mjs +10 -10
  373. package/fesm2015/ng-nest-ui-upload.mjs +13 -13
  374. package/fesm2020/ng-nest-ui-affix.mjs +10 -10
  375. package/fesm2020/ng-nest-ui-alert.mjs +10 -10
  376. package/fesm2020/ng-nest-ui-anchor.mjs +10 -10
  377. package/fesm2020/ng-nest-ui-api.mjs +7 -7
  378. package/fesm2020/ng-nest-ui-auto-complete.mjs +13 -13
  379. package/fesm2020/ng-nest-ui-avatar.mjs +10 -10
  380. package/fesm2020/ng-nest-ui-back-top.mjs +10 -10
  381. package/fesm2020/ng-nest-ui-badge.mjs +10 -10
  382. package/fesm2020/ng-nest-ui-base-form.mjs +10 -10
  383. package/fesm2020/ng-nest-ui-border.mjs +7 -7
  384. package/fesm2020/ng-nest-ui-button.mjs +16 -16
  385. package/fesm2020/ng-nest-ui-calendar.mjs +10 -10
  386. package/fesm2020/ng-nest-ui-card.mjs +10 -10
  387. package/fesm2020/ng-nest-ui-carousel.mjs +16 -16
  388. package/fesm2020/ng-nest-ui-cascade.mjs +13 -13
  389. package/fesm2020/ng-nest-ui-checkbox.mjs +10 -10
  390. package/fesm2020/ng-nest-ui-collapse.mjs +16 -16
  391. package/fesm2020/ng-nest-ui-color-picker.mjs +13 -13
  392. package/fesm2020/ng-nest-ui-color.mjs +10 -10
  393. package/fesm2020/ng-nest-ui-comment.mjs +16 -16
  394. package/fesm2020/ng-nest-ui-container.mjs +31 -31
  395. package/fesm2020/ng-nest-ui-core.mjs +15 -15
  396. package/fesm2020/ng-nest-ui-core.mjs.map +1 -1
  397. package/fesm2020/ng-nest-ui-crumb.mjs +10 -10
  398. package/fesm2020/ng-nest-ui-date-picker.mjs +40 -40
  399. package/fesm2020/ng-nest-ui-description.mjs +16 -16
  400. package/fesm2020/ng-nest-ui-dialog.mjs +28 -28
  401. package/fesm2020/ng-nest-ui-doc.mjs +7 -7
  402. package/fesm2020/ng-nest-ui-drawer.mjs +31 -31
  403. package/fesm2020/ng-nest-ui-dropdown.mjs +13 -13
  404. package/fesm2020/ng-nest-ui-empty.mjs +10 -10
  405. package/fesm2020/ng-nest-ui-examples.mjs +7 -7
  406. package/fesm2020/ng-nest-ui-find.mjs +10 -10
  407. package/fesm2020/ng-nest-ui-form.mjs +16 -16
  408. package/fesm2020/ng-nest-ui-highlight.mjs +10 -10
  409. package/fesm2020/ng-nest-ui-i18n.mjs +13 -13
  410. package/fesm2020/ng-nest-ui-icon.mjs +13 -13
  411. package/fesm2020/ng-nest-ui-inner.mjs +10 -10
  412. package/fesm2020/ng-nest-ui-input-number.mjs +10 -10
  413. package/fesm2020/ng-nest-ui-input.mjs +16 -16
  414. package/fesm2020/ng-nest-ui-layout.mjs +16 -16
  415. package/fesm2020/ng-nest-ui-link.mjs +10 -10
  416. package/fesm2020/ng-nest-ui-list.mjs +16 -16
  417. package/fesm2020/ng-nest-ui-loading.mjs +10 -10
  418. package/fesm2020/ng-nest-ui-menu.mjs +22 -17
  419. package/fesm2020/ng-nest-ui-menu.mjs.map +1 -1
  420. package/fesm2020/ng-nest-ui-message-box.mjs +10 -10
  421. package/fesm2020/ng-nest-ui-message.mjs +10 -10
  422. package/fesm2020/ng-nest-ui-notification.mjs +10 -10
  423. package/fesm2020/ng-nest-ui-outlet.mjs +7 -7
  424. package/fesm2020/ng-nest-ui-page-header.mjs +10 -10
  425. package/fesm2020/ng-nest-ui-pagination.mjs +10 -10
  426. package/fesm2020/ng-nest-ui-pattern.mjs +7 -7
  427. package/fesm2020/ng-nest-ui-popconfirm.mjs +10 -10
  428. package/fesm2020/ng-nest-ui-popover.mjs +13 -13
  429. package/fesm2020/ng-nest-ui-portal.mjs +7 -7
  430. package/fesm2020/ng-nest-ui-progress.mjs +10 -10
  431. package/fesm2020/ng-nest-ui-radio.mjs +10 -10
  432. package/fesm2020/ng-nest-ui-rate.mjs +10 -10
  433. package/fesm2020/ng-nest-ui-result.mjs +10 -10
  434. package/fesm2020/ng-nest-ui-ripple.mjs +10 -10
  435. package/fesm2020/ng-nest-ui-select.mjs +13 -13
  436. package/fesm2020/ng-nest-ui-skeleton.mjs +10 -10
  437. package/fesm2020/ng-nest-ui-slider-select.mjs +10 -10
  438. package/fesm2020/ng-nest-ui-slider.mjs +10 -10
  439. package/fesm2020/ng-nest-ui-statistic.mjs +16 -16
  440. package/fesm2020/ng-nest-ui-steps.mjs +10 -10
  441. package/fesm2020/ng-nest-ui-switch.mjs +10 -10
  442. package/fesm2020/ng-nest-ui-table.mjs +31 -31
  443. package/fesm2020/ng-nest-ui-tabs.mjs +19 -19
  444. package/fesm2020/ng-nest-ui-tag.mjs +10 -10
  445. package/fesm2020/ng-nest-ui-text-retract.mjs +10 -10
  446. package/fesm2020/ng-nest-ui-textarea.mjs +10 -10
  447. package/fesm2020/ng-nest-ui-theme.mjs +10 -10
  448. package/fesm2020/ng-nest-ui-time-ago.mjs +7 -7
  449. package/fesm2020/ng-nest-ui-time-picker.mjs +16 -16
  450. package/fesm2020/ng-nest-ui-time-range.mjs +7 -7
  451. package/fesm2020/ng-nest-ui-timeline.mjs +10 -10
  452. package/fesm2020/ng-nest-ui-tooltip.mjs +13 -13
  453. package/fesm2020/ng-nest-ui-transfer.mjs +10 -10
  454. package/fesm2020/ng-nest-ui-tree-file.mjs +10 -10
  455. package/fesm2020/ng-nest-ui-tree.mjs +23 -17
  456. package/fesm2020/ng-nest-ui-tree.mjs.map +1 -1
  457. package/fesm2020/ng-nest-ui-typography.mjs +10 -10
  458. package/fesm2020/ng-nest-ui-upload.mjs +13 -13
  459. package/menu/menu.property.d.ts +8 -3
  460. package/package.json +1 -1
  461. package/tree/tree.property.d.ts +6 -1
package/fesm2015/ng-nest-ui-link.mjs CHANGED
@@ -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.1.3", ngImport: i0, type: XLinkProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
26
- /** @nocollapse */ /** @nocollapse */ XLinkProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.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 });
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.1.3", 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.1.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.1.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.1.3", 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.1.3", ngImpor
93
93
 
94
94
  class XLinkModule {
95
95
  }
96
- /** @nocollapse */ /** @nocollapse */ XLinkModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XLinkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
97
- /** @nocollapse */ /** @nocollapse */ XLinkModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.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.1.3", ngImport: i0, type: XLinkModule, imports: [[CommonModule, XIconModule, XOutletModule, XRippleModule]] });
99
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", 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],
package/fesm2015/ng-nest-ui-list.mjs CHANGED
@@ -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.1.3", ngImport: i0, type: XListProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
71
- /** @nocollapse */ /** @nocollapse */ XListProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.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 });
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.1.3", 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.1.3", ngImport: i0, type: XListOptionProperty, deps: [], target: i0.ɵɵFactoryTarget.Component });
134
- /** @nocollapse */ /** @nocollapse */ XListOptionProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.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 });
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.1.3", 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.1.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.1.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.1.3", 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.1.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.1.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.1.3", 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.1.3", ngImpor
431
431
 
432
432
  class XListModule {
433
433
  }
434
- /** @nocollapse */ /** @nocollapse */ XListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
435
- /** @nocollapse */ /** @nocollapse */ XListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", 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.1.3", 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.1.3", 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],
package/fesm2015/ng-nest-ui-loading.mjs CHANGED
@@ -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.1.3", ngImport: i0, type: XLoadingProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
36
- /** @nocollapse */ /** @nocollapse */ XLoadingProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.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 });
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.1.3", 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.1.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.1.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.1.3", 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.1.3", ngImpor
143
143
 
144
144
  class XLoadingModule {
145
145
  }
146
- /** @nocollapse */ /** @nocollapse */ XLoadingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XLoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
147
- /** @nocollapse */ /** @nocollapse */ XLoadingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.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.1.3", ngImport: i0, type: XLoadingModule, imports: [[CommonModule, XIconModule, XOutletModule, XPortalModule]] });
149
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", 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],
package/fesm2015/ng-nest-ui-menu.mjs CHANGED
@@ -60,14 +60,17 @@ 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.1.3", ngImport: i0, type: XMenuProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
64
- /** @nocollapse */ /** @nocollapse */ XMenuProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.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 });
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", width: "width", 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);
68
68
  __decorate([
69
69
  XWithConfig(X_CONFIG_NAME, 'medium')
70
70
  ], XMenuProperty.prototype, "size", void 0);
71
+ __decorate([
72
+ XWithConfig(X_CONFIG_NAME, '12rem')
73
+ ], XMenuProperty.prototype, "width", void 0);
71
74
  __decorate([
72
75
  XInputBoolean()
73
76
  ], XMenuProperty.prototype, "collapsed", void 0);
@@ -80,7 +83,7 @@ __decorate([
80
83
  __decorate([
81
84
  XInputNumber()
82
85
  ], XMenuProperty.prototype, "expandedLevel", void 0);
83
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XMenuProperty, decorators: [{
86
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XMenuProperty, decorators: [{
84
87
  type: Component,
85
88
  args: [{ template: '' }]
86
89
  }], propDecorators: { data: [{
@@ -89,6 +92,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
89
92
  type: Input
90
93
  }], size: [{
91
94
  type: Input
95
+ }], width: [{
96
+ type: Input
92
97
  }], collapsed: [{
93
98
  type: Input
94
99
  }], trigger: [{
@@ -121,9 +126,9 @@ const XMenuNodePrefix = 'x-menu-node';
121
126
  */
122
127
  class XMenuNodeProperty extends XProperty {
123
128
  }
124
- /** @nocollapse */ /** @nocollapse */ XMenuNodeProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XMenuNodeProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
125
- /** @nocollapse */ /** @nocollapse */ XMenuNodeProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.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.1.3", ngImport: i0, type: XMenuNodeProperty, decorators: [{
129
+ /** @nocollapse */ /** @nocollapse */ XMenuNodeProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XMenuNodeProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
130
+ /** @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 });
131
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XMenuNodeProperty, decorators: [{
127
132
  type: Component,
128
133
  args: [{ template: '' }]
129
134
  }], propDecorators: { node: [{
@@ -149,9 +154,9 @@ class XMenuNodeComponent extends XMenuNodeProperty {
149
154
  };
150
155
  }
151
156
  }
152
- /** @nocollapse */ /** @nocollapse */ XMenuNodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.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.1.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.1.3", ngImport: i0, type: XMenuNodeComponent, decorators: [{
157
+ /** @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 });
158
+ /** @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 });
159
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XMenuNodeComponent, decorators: [{
155
160
  type: Component,
156
161
  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
162
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.XConfigService }]; }, propDecorators: { menu: [{
@@ -334,11 +339,11 @@ class XMenuComponent extends XMenuProperty {
334
339
  return item.id;
335
340
  }
336
341
  }
337
- /** @nocollapse */ /** @nocollapse */ XMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.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.1.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.1.3", ngImport: i0, type: XMenuComponent, decorators: [{
342
+ /** @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 });
343
+ /** @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\" [style.width]=\"layout === 'column' ? width : ''\">\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:16rem;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 });
344
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XMenuComponent, decorators: [{
340
345
  type: Component,
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"] }]
346
+ args: [{ selector: `${XMenuPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #menu class=\"x-menu\" [ngClass]=\"classMap\" [style.width]=\"layout === 'column' ? width : ''\">\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:16rem;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
347
  }], ctorParameters: function () {
343
348
  return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
344
349
  type: Inject,
@@ -348,10 +353,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
348
353
 
349
354
  class XMenuModule {
350
355
  }
351
- /** @nocollapse */ /** @nocollapse */ XMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
352
- /** @nocollapse */ /** @nocollapse */ XMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.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.1.3", ngImport: i0, type: XMenuModule, imports: [[CommonModule, RouterModule, XDropdownModule, XSliderModule, XIconModule]] });
354
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XMenuModule, decorators: [{
356
+ /** @nocollapse */ /** @nocollapse */ XMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
357
+ /** @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] });
358
+ /** @nocollapse */ /** @nocollapse */ XMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XMenuModule, imports: [[CommonModule, RouterModule, XDropdownModule, XSliderModule, XIconModule]] });
359
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XMenuModule, decorators: [{
355
360
  type: NgModule,
356
361
  args: [{
357
362
  declarations: [XMenuComponent, XMenuNodeComponent, XMenuProperty, XMenuNodeProperty],