@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/esm2020/table/table.component.mjs CHANGED
@@ -202,9 +202,9 @@ export class XTableComponent extends XTableProperty {
202
202
  this.cdr.detectChanges();
203
203
  }
204
204
  }
205
- /** @nocollapse */ /** @nocollapse */ XTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTableComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
206
- /** @nocollapse */ /** @nocollapse */ XTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: XTableComponent, selector: "x-table", viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true }, { propertyName: "pagination", first: true, predicate: ["pagination"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<table\r\n #table\r\n class=\"x-table\"\r\n [ngClass]=\"classMap\"\r\n [x-loading]=\"loading && getting\"\r\n [class.x-table-scroll-left]=\"getScrollLeft\"\r\n [class.x-table-scroll-top]=\"getScrollTop\"\r\n [class.x-table-bordered]=\"bordered\"\r\n [class.x-table-td-adaption-height]=\"rowHeight == 0\"\r\n [class.x-table-cell-config]=\"cellConfig\"\r\n>\r\n <x-table-head\r\n *ngIf=\"showHeader\"\r\n [columns]=\"columns\"\r\n [rowHeight]=\"rowHeight\"\r\n [columnTpl]=\"headColumnTpl\"\r\n [scrollYWidth]=\"scrollYWidth\"\r\n [scrollXWidth]=\"scrollXWidth\"\r\n [cellConfig]=\"cellConfig?.thead\"\r\n [table]=\"this\"\r\n ></x-table-head>\r\n <x-table-body\r\n [data]=\"tableData\"\r\n [columns]=\"columns\"\r\n [itemSize]=\"itemSize\"\r\n [rowHeight]=\"rowHeight\"\r\n [bodyHeight]=\"bodyHeight\"\r\n [columnTpl]=\"bodyColumnTpl\"\r\n [allowSelectRow]=\"allowSelectRow\"\r\n [virtualScroll]=\"virtualScroll\"\r\n [minBufferPx]=\"minBufferPx\"\r\n [maxBufferPx]=\"maxBufferPx\"\r\n [adaptionHeight]=\"adaptionHeight\"\r\n [docPercent]=\"docPercent\"\r\n [scroll]=\"scroll\"\r\n [cellConfig]=\"cellConfig?.tbody\"\r\n [(activatedRow)]=\"activatedRow\"\r\n (activatedRowChange)=\"activatedRowChange.emit($event)\"\r\n [table]=\"this\"\r\n ></x-table-body>\r\n <x-table-foot [table]=\"this\"></x-table-foot>\r\n</table>\r\n<x-pagination\r\n #pagination\r\n *ngIf=\"size\"\r\n [(index)]=\"index\"\r\n [(size)]=\"size\"\r\n [(query)]=\"query\"\r\n [total]=\"total\"\r\n (indexChange)=\"change($event)\"\r\n [showEllipsis]=\"showEllipsis\"\r\n [showTotal]=\"showTotal\"\r\n [space]=\"space\"\r\n [hiddenBorder]=\"hiddenBorder\"\r\n>\r\n</x-pagination>\r\n", styles: [".x-table{margin:0;padding:0;display:flex;flex-direction:column;border-collapse:collapse;width:100%;border:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table>thead{position:relative;overflow:hidden;display:block;background-color:var(--x-background);min-height:42px}.x-table>thead>tr{position:absolute;width:100%;display:flex;min-height:42px}.x-table>thead>tr>th{display:flex;align-items:center;flex:1;position:relative;font-weight:600;background-color:var(--x-background);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table>thead>tr>th>a{display:inline-flex;align-items:center;color:var(--x-text-300);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-table>thead>tr>th.x-table-sticky{position:sticky;z-index:1}.x-table>thead>tr>th .x-table-drag-width{position:absolute;height:100%;width:.1875rem;right:-.125rem;cursor:ew-resize;transition:background-color var(--x-animation-duration-fast);z-index:1}.x-table>thead>tr>th .x-table-drag-width:hover{background-color:var(--x-primary)}.x-table>tbody{display:block;border-top:none;position:relative;min-height:7rem}.x-table>tbody tr{display:flex}.x-table>tbody tr>td{display:flex;align-items:center;position:relative;justify-content:space-between;overflow:hidden;background-color:var(--x-background);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table>tbody tr>td>div{flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.x-table>tbody tr>td.x-table-sticky{position:sticky;z-index:1}.x-table>tbody tr.x-table-activated>td{background-color:var(--x-background-a200);color:var(--x-primary)}.x-table>tbody tr:hover>td{background-color:var(--x-background-a200)}.x-table>tbody tr:last-child{border-bottom:none}.x-table>tbody x-empty{position:absolute;top:0;width:100%;padding:calc(var(--x-font-size) * 2)}.x-table>tfoot{display:flex;flex-direction:column;justify-content:center}.x-table-sort{cursor:pointer;transition:transform .2s}.x-table-sort:hover{color:var(--x-text-300)}.x-table-sort:active{transform:translate(1px,1px)}.x-table-sort-icon.x-icon{margin-left:.25rem;display:none;font-size:1rem;transform:rotate(90deg) rotateY(180deg);transition:.3s}.x-table-sort-icon.x-icon.x-table-icon-up,.x-table-sort-icon.x-icon.x-table-icon-down{display:inherit}.x-table-sort-icon.x-icon.x-table-icon-down{transform:rotate(90deg)}.x-table-scroll-top>thead{box-shadow:0 var(--x-box-shadow-light-width) var(--x-box-shadow-light-width) var(--x-box-shadow-light-color);z-index:1}.x-table-scroll-left>thead .x-table-sticky{box-shadow:var(--x-box-shadow-light-width) var(--x-box-shadow-light-width) var(--x-box-shadow-light-width) var(--x-box-shadow-light-color);border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-scroll-left>tbody .x-table-sticky{box-shadow:var(--x-box-shadow-light-width) var(--x-box-shadow-light-width) var(--x-box-shadow-light-width) var(--x-box-shadow-light-color);border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-td-adaption-height>tbody tr>td{overflow:inherit}.x-table-td-adaption-height>tbody tr>td>div{white-space:inherit;text-overflow:inherit;overflow:inherit}.x-table-bordered>thead>tr>th,.x-table-bordered>tbody tr>td{border-right:var(--x-border-width) var(--x-border-style) var(--x-border);padding-left:calc(var(--x-font-size) / 2)}.x-table-bordered>thead>tr>th:last-child,.x-table-bordered>tbody tr>td:last-child{border-right:none}.x-table-cell-config>thead tr,.x-table-cell-config>tbody tr{display:grid;grid-auto-flow:row;height:100%}.x-table-cell-config>thead>tr>th,.x-table-cell-config>tbody tr>td{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-cell-config>thead>tr>th:last-child,.x-table-cell-config>tbody tr>td:last-child{border-right:none}.x-table-row-size-big>thead>tr>th,.x-table-row-size-big>tbody tr>td{padding:calc(var(--x-font-size) / 5 * 4) calc(var(--x-font-size) * 5 / 4) calc(var(--x-font-size) / 5 * 4) 0}.x-table-row-size-big>thead>tr>th:first-child,.x-table-row-size-big>tbody tr>td:first-child{padding-left:calc(var(--x-font-size) * 5 / 4)}.x-table-row-size-big.x-table-bordered>thead>tr>th,.x-table-row-size-big.x-table-bordered>tbody tr>td{padding-left:calc(var(--x-font-size) * 5 / 4)}.x-table-row-size-big.x-table-cell-config>thead>tr>th,.x-table-row-size-big.x-table-cell-config>tbody tr>td{padding-left:calc(var(--x-font-size) * 5 / 4)}.x-table-row-size-large>thead>tr>th,.x-table-row-size-large>tbody tr>td{padding:calc(var(--x-font-size) / 4 * 3) calc(var(--x-font-size) * 4 / 3) calc(var(--x-font-size) / 4 * 3) 0}.x-table-row-size-large>thead>tr>th:first-child,.x-table-row-size-large>tbody tr>td:first-child{padding-left:calc(var(--x-font-size) * 4 / 3)}.x-table-row-size-large.x-table-bordered>thead>tr>th,.x-table-row-size-large.x-table-bordered>tbody tr>td{padding-left:calc(var(--x-font-size) * 4 / 3)}.x-table-row-size-large.x-table-cell-config>thead>tr>th,.x-table-row-size-large.x-table-cell-config>tbody tr>td{padding-left:calc(var(--x-font-size) * 4 / 3)}.x-table-row-size-medium>thead>tr>th,.x-table-row-size-medium>tbody tr>td{padding:calc(var(--x-font-size) / 2) var(--x-font-size) calc(var(--x-font-size) / 2) 0}.x-table-row-size-medium>thead>tr>th:first-child,.x-table-row-size-medium>tbody tr>td:first-child{padding-left:var(--x-font-size)}.x-table-row-size-medium.x-table-bordered>thead>tr>th,.x-table-row-size-medium.x-table-bordered>tbody tr>td{padding-left:var(--x-font-size)}.x-table-row-size-medium.x-table-cell-config>thead>tr>th,.x-table-row-size-medium.x-table-cell-config>tbody tr>td{padding-left:var(--x-font-size)}.x-table-row-size-small>thead>tr>th,.x-table-row-size-small>tbody tr>td{padding:calc(var(--x-font-size) / 3) calc(var(--x-font-size) * 2 / 3) calc(var(--x-font-size) / 3) 0}.x-table-row-size-small>thead>tr>th:first-child,.x-table-row-size-small>tbody tr>td:first-child{padding-left:calc(var(--x-font-size) * 2 / 3)}.x-table-row-size-small.x-table-bordered>thead>tr>th,.x-table-row-size-small.x-table-bordered>tbody tr>td{padding-left:calc(var(--x-font-size) * 2 / 3)}.x-table-row-size-small.x-table-cell-config>thead>tr>th,.x-table-row-size-small.x-table-cell-config>tbody tr>td{padding-left:calc(var(--x-font-size) * 2 / 3)}.x-table-row-size-mini>thead>tr>th,.x-table-row-size-mini>tbody tr>td{padding:calc(var(--x-font-size) / 4) calc(var(--x-font-size) / 2) calc(var(--x-font-size) / 4) 0}.x-table-row-size-mini>thead>tr>th:first-child,.x-table-row-size-mini>tbody tr>td:first-child{padding-left:calc(var(--x-font-size) / 2)}.x-table-row-size-mini.x-table-bordered>thead>tr>th,.x-table-row-size-mini.x-table-bordered>tbody tr>td{padding-left:calc(var(--x-font-size) / 2)}.x-table-row-size-mini.x-table-cell-config>thead>tr>th,.x-table-row-size-mini.x-table-cell-config>tbody tr>td{padding-left:calc(var(--x-font-size) / 2)}x-table{width:100%}x-table .x-pagination{padding-top:calc(var(--x-font-size) / 2)}\n"], components: [{ type: i2.XLoadingComponent, selector: "x-loading, [x-loading]" }, { type: i3.XTableHeadComponent, selector: "x-table-head", inputs: ["table"] }, { type: i4.XTableBodyComponent, selector: "x-table-body", inputs: ["table"] }, { type: i5.XTableFootComponent, selector: "x-table-foot", inputs: ["table"] }, { type: i6.XPaginationComponent, selector: "x-pagination" }], directives: [{ type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
207
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTableComponent, decorators: [{
205
+ /** @nocollapse */ /** @nocollapse */ XTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTableComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
206
+ /** @nocollapse */ /** @nocollapse */ XTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XTableComponent, selector: "x-table", viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true }, { propertyName: "pagination", first: true, predicate: ["pagination"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<table\r\n #table\r\n class=\"x-table\"\r\n [ngClass]=\"classMap\"\r\n [x-loading]=\"loading && getting\"\r\n [class.x-table-scroll-left]=\"getScrollLeft\"\r\n [class.x-table-scroll-top]=\"getScrollTop\"\r\n [class.x-table-bordered]=\"bordered\"\r\n [class.x-table-td-adaption-height]=\"rowHeight == 0\"\r\n [class.x-table-cell-config]=\"cellConfig\"\r\n>\r\n <x-table-head\r\n *ngIf=\"showHeader\"\r\n [columns]=\"columns\"\r\n [rowHeight]=\"rowHeight\"\r\n [columnTpl]=\"headColumnTpl\"\r\n [scrollYWidth]=\"scrollYWidth\"\r\n [scrollXWidth]=\"scrollXWidth\"\r\n [cellConfig]=\"cellConfig?.thead\"\r\n [table]=\"this\"\r\n ></x-table-head>\r\n <x-table-body\r\n [data]=\"tableData\"\r\n [columns]=\"columns\"\r\n [itemSize]=\"itemSize\"\r\n [rowHeight]=\"rowHeight\"\r\n [bodyHeight]=\"bodyHeight\"\r\n [columnTpl]=\"bodyColumnTpl\"\r\n [allowSelectRow]=\"allowSelectRow\"\r\n [virtualScroll]=\"virtualScroll\"\r\n [minBufferPx]=\"minBufferPx\"\r\n [maxBufferPx]=\"maxBufferPx\"\r\n [adaptionHeight]=\"adaptionHeight\"\r\n [docPercent]=\"docPercent\"\r\n [scroll]=\"scroll\"\r\n [cellConfig]=\"cellConfig?.tbody\"\r\n [(activatedRow)]=\"activatedRow\"\r\n (activatedRowChange)=\"activatedRowChange.emit($event)\"\r\n [table]=\"this\"\r\n ></x-table-body>\r\n <x-table-foot [table]=\"this\"></x-table-foot>\r\n</table>\r\n<x-pagination\r\n #pagination\r\n *ngIf=\"size\"\r\n [(index)]=\"index\"\r\n [(size)]=\"size\"\r\n [(query)]=\"query\"\r\n [total]=\"total\"\r\n (indexChange)=\"change($event)\"\r\n [showEllipsis]=\"showEllipsis\"\r\n [showTotal]=\"showTotal\"\r\n [space]=\"space\"\r\n [hiddenBorder]=\"hiddenBorder\"\r\n>\r\n</x-pagination>\r\n", styles: [".x-table{margin:0;padding:0;display:flex;flex-direction:column;border-collapse:collapse;width:100%;border:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table>thead{position:relative;overflow:hidden;display:block;background-color:var(--x-background);min-height:42px}.x-table>thead>tr{position:absolute;width:100%;display:flex;min-height:42px}.x-table>thead>tr>th{display:flex;align-items:center;flex:1;position:relative;font-weight:600;background-color:var(--x-background);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table>thead>tr>th>a{display:inline-flex;align-items:center;color:var(--x-text-300);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-table>thead>tr>th.x-table-sticky{position:sticky;z-index:1}.x-table>thead>tr>th .x-table-drag-width{position:absolute;height:100%;width:.1875rem;right:-.125rem;cursor:ew-resize;transition:background-color var(--x-animation-duration-fast);z-index:1}.x-table>thead>tr>th .x-table-drag-width:hover{background-color:var(--x-primary)}.x-table>tbody{display:block;border-top:none;position:relative;min-height:7rem}.x-table>tbody tr{display:flex}.x-table>tbody tr>td{display:flex;align-items:center;position:relative;justify-content:space-between;overflow:hidden;background-color:var(--x-background);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table>tbody tr>td>div{flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.x-table>tbody tr>td.x-table-sticky{position:sticky;z-index:1}.x-table>tbody tr.x-table-activated>td{background-color:var(--x-background-a200);color:var(--x-primary)}.x-table>tbody tr:hover>td{background-color:var(--x-background-a200)}.x-table>tbody tr:last-child{border-bottom:none}.x-table>tbody x-empty{position:absolute;top:0;width:100%;padding:calc(var(--x-font-size) * 2)}.x-table>tfoot{display:flex;flex-direction:column;justify-content:center}.x-table-sort{cursor:pointer;transition:transform .2s}.x-table-sort:hover{color:var(--x-text-300)}.x-table-sort:active{transform:translate(1px,1px)}.x-table-sort-icon.x-icon{margin-left:.25rem;display:none;font-size:1rem;transform:rotate(90deg) rotateY(180deg);transition:.3s}.x-table-sort-icon.x-icon.x-table-icon-up,.x-table-sort-icon.x-icon.x-table-icon-down{display:inherit}.x-table-sort-icon.x-icon.x-table-icon-down{transform:rotate(90deg)}.x-table-scroll-top>thead{box-shadow:0 var(--x-box-shadow-light-width) var(--x-box-shadow-light-width) var(--x-box-shadow-light-color);z-index:1}.x-table-scroll-left>thead .x-table-sticky{box-shadow:var(--x-box-shadow-light-width) var(--x-box-shadow-light-width) var(--x-box-shadow-light-width) var(--x-box-shadow-light-color);border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-scroll-left>tbody .x-table-sticky{box-shadow:var(--x-box-shadow-light-width) var(--x-box-shadow-light-width) var(--x-box-shadow-light-width) var(--x-box-shadow-light-color);border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-td-adaption-height>tbody tr>td{overflow:inherit}.x-table-td-adaption-height>tbody tr>td>div{white-space:inherit;text-overflow:inherit;overflow:inherit}.x-table-bordered>thead>tr>th,.x-table-bordered>tbody tr>td{border-right:var(--x-border-width) var(--x-border-style) var(--x-border);padding-left:calc(var(--x-font-size) / 2)}.x-table-bordered>thead>tr>th:last-child,.x-table-bordered>tbody tr>td:last-child{border-right:none}.x-table-cell-config>thead tr,.x-table-cell-config>tbody tr{display:grid;grid-auto-flow:row;height:100%}.x-table-cell-config>thead>tr>th,.x-table-cell-config>tbody tr>td{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-cell-config>thead>tr>th:last-child,.x-table-cell-config>tbody tr>td:last-child{border-right:none}.x-table-row-size-big>thead>tr>th,.x-table-row-size-big>tbody tr>td{padding:calc(var(--x-font-size) / 5 * 4) calc(var(--x-font-size) * 5 / 4) calc(var(--x-font-size) / 5 * 4) 0}.x-table-row-size-big>thead>tr>th:first-child,.x-table-row-size-big>tbody tr>td:first-child{padding-left:calc(var(--x-font-size) * 5 / 4)}.x-table-row-size-big.x-table-bordered>thead>tr>th,.x-table-row-size-big.x-table-bordered>tbody tr>td{padding-left:calc(var(--x-font-size) * 5 / 4)}.x-table-row-size-big.x-table-cell-config>thead>tr>th,.x-table-row-size-big.x-table-cell-config>tbody tr>td{padding-left:calc(var(--x-font-size) * 5 / 4)}.x-table-row-size-large>thead>tr>th,.x-table-row-size-large>tbody tr>td{padding:calc(var(--x-font-size) / 4 * 3) calc(var(--x-font-size) * 4 / 3) calc(var(--x-font-size) / 4 * 3) 0}.x-table-row-size-large>thead>tr>th:first-child,.x-table-row-size-large>tbody tr>td:first-child{padding-left:calc(var(--x-font-size) * 4 / 3)}.x-table-row-size-large.x-table-bordered>thead>tr>th,.x-table-row-size-large.x-table-bordered>tbody tr>td{padding-left:calc(var(--x-font-size) * 4 / 3)}.x-table-row-size-large.x-table-cell-config>thead>tr>th,.x-table-row-size-large.x-table-cell-config>tbody tr>td{padding-left:calc(var(--x-font-size) * 4 / 3)}.x-table-row-size-medium>thead>tr>th,.x-table-row-size-medium>tbody tr>td{padding:calc(var(--x-font-size) / 2) var(--x-font-size) calc(var(--x-font-size) / 2) 0}.x-table-row-size-medium>thead>tr>th:first-child,.x-table-row-size-medium>tbody tr>td:first-child{padding-left:var(--x-font-size)}.x-table-row-size-medium.x-table-bordered>thead>tr>th,.x-table-row-size-medium.x-table-bordered>tbody tr>td{padding-left:var(--x-font-size)}.x-table-row-size-medium.x-table-cell-config>thead>tr>th,.x-table-row-size-medium.x-table-cell-config>tbody tr>td{padding-left:var(--x-font-size)}.x-table-row-size-small>thead>tr>th,.x-table-row-size-small>tbody tr>td{padding:calc(var(--x-font-size) / 3) calc(var(--x-font-size) * 2 / 3) calc(var(--x-font-size) / 3) 0}.x-table-row-size-small>thead>tr>th:first-child,.x-table-row-size-small>tbody tr>td:first-child{padding-left:calc(var(--x-font-size) * 2 / 3)}.x-table-row-size-small.x-table-bordered>thead>tr>th,.x-table-row-size-small.x-table-bordered>tbody tr>td{padding-left:calc(var(--x-font-size) * 2 / 3)}.x-table-row-size-small.x-table-cell-config>thead>tr>th,.x-table-row-size-small.x-table-cell-config>tbody tr>td{padding-left:calc(var(--x-font-size) * 2 / 3)}.x-table-row-size-mini>thead>tr>th,.x-table-row-size-mini>tbody tr>td{padding:calc(var(--x-font-size) / 4) calc(var(--x-font-size) / 2) calc(var(--x-font-size) / 4) 0}.x-table-row-size-mini>thead>tr>th:first-child,.x-table-row-size-mini>tbody tr>td:first-child{padding-left:calc(var(--x-font-size) / 2)}.x-table-row-size-mini.x-table-bordered>thead>tr>th,.x-table-row-size-mini.x-table-bordered>tbody tr>td{padding-left:calc(var(--x-font-size) / 2)}.x-table-row-size-mini.x-table-cell-config>thead>tr>th,.x-table-row-size-mini.x-table-cell-config>tbody tr>td{padding-left:calc(var(--x-font-size) / 2)}x-table{width:100%}x-table .x-pagination{padding-top:calc(var(--x-font-size) / 2)}\n"], components: [{ type: i2.XLoadingComponent, selector: "x-loading, [x-loading]" }, { type: i3.XTableHeadComponent, selector: "x-table-head", inputs: ["table"] }, { type: i4.XTableBodyComponent, selector: "x-table-body", inputs: ["table"] }, { type: i5.XTableFootComponent, selector: "x-table-foot", inputs: ["table"] }, { type: i6.XPaginationComponent, selector: "x-pagination" }], directives: [{ type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
207
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTableComponent, decorators: [{
208
208
  type: Component,
209
209
  args: [{ selector: `${XTablePrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<table\r\n #table\r\n class=\"x-table\"\r\n [ngClass]=\"classMap\"\r\n [x-loading]=\"loading && getting\"\r\n [class.x-table-scroll-left]=\"getScrollLeft\"\r\n [class.x-table-scroll-top]=\"getScrollTop\"\r\n [class.x-table-bordered]=\"bordered\"\r\n [class.x-table-td-adaption-height]=\"rowHeight == 0\"\r\n [class.x-table-cell-config]=\"cellConfig\"\r\n>\r\n <x-table-head\r\n *ngIf=\"showHeader\"\r\n [columns]=\"columns\"\r\n [rowHeight]=\"rowHeight\"\r\n [columnTpl]=\"headColumnTpl\"\r\n [scrollYWidth]=\"scrollYWidth\"\r\n [scrollXWidth]=\"scrollXWidth\"\r\n [cellConfig]=\"cellConfig?.thead\"\r\n [table]=\"this\"\r\n ></x-table-head>\r\n <x-table-body\r\n [data]=\"tableData\"\r\n [columns]=\"columns\"\r\n [itemSize]=\"itemSize\"\r\n [rowHeight]=\"rowHeight\"\r\n [bodyHeight]=\"bodyHeight\"\r\n [columnTpl]=\"bodyColumnTpl\"\r\n [allowSelectRow]=\"allowSelectRow\"\r\n [virtualScroll]=\"virtualScroll\"\r\n [minBufferPx]=\"minBufferPx\"\r\n [maxBufferPx]=\"maxBufferPx\"\r\n [adaptionHeight]=\"adaptionHeight\"\r\n [docPercent]=\"docPercent\"\r\n [scroll]=\"scroll\"\r\n [cellConfig]=\"cellConfig?.tbody\"\r\n [(activatedRow)]=\"activatedRow\"\r\n (activatedRowChange)=\"activatedRowChange.emit($event)\"\r\n [table]=\"this\"\r\n ></x-table-body>\r\n <x-table-foot [table]=\"this\"></x-table-foot>\r\n</table>\r\n<x-pagination\r\n #pagination\r\n *ngIf=\"size\"\r\n [(index)]=\"index\"\r\n [(size)]=\"size\"\r\n [(query)]=\"query\"\r\n [total]=\"total\"\r\n (indexChange)=\"change($event)\"\r\n [showEllipsis]=\"showEllipsis\"\r\n [showTotal]=\"showTotal\"\r\n [space]=\"space\"\r\n [hiddenBorder]=\"hiddenBorder\"\r\n>\r\n</x-pagination>\r\n", styles: [".x-table{margin:0;padding:0;display:flex;flex-direction:column;border-collapse:collapse;width:100%;border:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table>thead{position:relative;overflow:hidden;display:block;background-color:var(--x-background);min-height:42px}.x-table>thead>tr{position:absolute;width:100%;display:flex;min-height:42px}.x-table>thead>tr>th{display:flex;align-items:center;flex:1;position:relative;font-weight:600;background-color:var(--x-background);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table>thead>tr>th>a{display:inline-flex;align-items:center;color:var(--x-text-300);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-table>thead>tr>th.x-table-sticky{position:sticky;z-index:1}.x-table>thead>tr>th .x-table-drag-width{position:absolute;height:100%;width:.1875rem;right:-.125rem;cursor:ew-resize;transition:background-color var(--x-animation-duration-fast);z-index:1}.x-table>thead>tr>th .x-table-drag-width:hover{background-color:var(--x-primary)}.x-table>tbody{display:block;border-top:none;position:relative;min-height:7rem}.x-table>tbody tr{display:flex}.x-table>tbody tr>td{display:flex;align-items:center;position:relative;justify-content:space-between;overflow:hidden;background-color:var(--x-background);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table>tbody tr>td>div{flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.x-table>tbody tr>td.x-table-sticky{position:sticky;z-index:1}.x-table>tbody tr.x-table-activated>td{background-color:var(--x-background-a200);color:var(--x-primary)}.x-table>tbody tr:hover>td{background-color:var(--x-background-a200)}.x-table>tbody tr:last-child{border-bottom:none}.x-table>tbody x-empty{position:absolute;top:0;width:100%;padding:calc(var(--x-font-size) * 2)}.x-table>tfoot{display:flex;flex-direction:column;justify-content:center}.x-table-sort{cursor:pointer;transition:transform .2s}.x-table-sort:hover{color:var(--x-text-300)}.x-table-sort:active{transform:translate(1px,1px)}.x-table-sort-icon.x-icon{margin-left:.25rem;display:none;font-size:1rem;transform:rotate(90deg) rotateY(180deg);transition:.3s}.x-table-sort-icon.x-icon.x-table-icon-up,.x-table-sort-icon.x-icon.x-table-icon-down{display:inherit}.x-table-sort-icon.x-icon.x-table-icon-down{transform:rotate(90deg)}.x-table-scroll-top>thead{box-shadow:0 var(--x-box-shadow-light-width) var(--x-box-shadow-light-width) var(--x-box-shadow-light-color);z-index:1}.x-table-scroll-left>thead .x-table-sticky{box-shadow:var(--x-box-shadow-light-width) var(--x-box-shadow-light-width) var(--x-box-shadow-light-width) var(--x-box-shadow-light-color);border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-scroll-left>tbody .x-table-sticky{box-shadow:var(--x-box-shadow-light-width) var(--x-box-shadow-light-width) var(--x-box-shadow-light-width) var(--x-box-shadow-light-color);border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-td-adaption-height>tbody tr>td{overflow:inherit}.x-table-td-adaption-height>tbody tr>td>div{white-space:inherit;text-overflow:inherit;overflow:inherit}.x-table-bordered>thead>tr>th,.x-table-bordered>tbody tr>td{border-right:var(--x-border-width) var(--x-border-style) var(--x-border);padding-left:calc(var(--x-font-size) / 2)}.x-table-bordered>thead>tr>th:last-child,.x-table-bordered>tbody tr>td:last-child{border-right:none}.x-table-cell-config>thead tr,.x-table-cell-config>tbody tr{display:grid;grid-auto-flow:row;height:100%}.x-table-cell-config>thead>tr>th,.x-table-cell-config>tbody tr>td{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-table-cell-config>thead>tr>th:last-child,.x-table-cell-config>tbody tr>td:last-child{border-right:none}.x-table-row-size-big>thead>tr>th,.x-table-row-size-big>tbody tr>td{padding:calc(var(--x-font-size) / 5 * 4) calc(var(--x-font-size) * 5 / 4) calc(var(--x-font-size) / 5 * 4) 0}.x-table-row-size-big>thead>tr>th:first-child,.x-table-row-size-big>tbody tr>td:first-child{padding-left:calc(var(--x-font-size) * 5 / 4)}.x-table-row-size-big.x-table-bordered>thead>tr>th,.x-table-row-size-big.x-table-bordered>tbody tr>td{padding-left:calc(var(--x-font-size) * 5 / 4)}.x-table-row-size-big.x-table-cell-config>thead>tr>th,.x-table-row-size-big.x-table-cell-config>tbody tr>td{padding-left:calc(var(--x-font-size) * 5 / 4)}.x-table-row-size-large>thead>tr>th,.x-table-row-size-large>tbody tr>td{padding:calc(var(--x-font-size) / 4 * 3) calc(var(--x-font-size) * 4 / 3) calc(var(--x-font-size) / 4 * 3) 0}.x-table-row-size-large>thead>tr>th:first-child,.x-table-row-size-large>tbody tr>td:first-child{padding-left:calc(var(--x-font-size) * 4 / 3)}.x-table-row-size-large.x-table-bordered>thead>tr>th,.x-table-row-size-large.x-table-bordered>tbody tr>td{padding-left:calc(var(--x-font-size) * 4 / 3)}.x-table-row-size-large.x-table-cell-config>thead>tr>th,.x-table-row-size-large.x-table-cell-config>tbody tr>td{padding-left:calc(var(--x-font-size) * 4 / 3)}.x-table-row-size-medium>thead>tr>th,.x-table-row-size-medium>tbody tr>td{padding:calc(var(--x-font-size) / 2) var(--x-font-size) calc(var(--x-font-size) / 2) 0}.x-table-row-size-medium>thead>tr>th:first-child,.x-table-row-size-medium>tbody tr>td:first-child{padding-left:var(--x-font-size)}.x-table-row-size-medium.x-table-bordered>thead>tr>th,.x-table-row-size-medium.x-table-bordered>tbody tr>td{padding-left:var(--x-font-size)}.x-table-row-size-medium.x-table-cell-config>thead>tr>th,.x-table-row-size-medium.x-table-cell-config>tbody tr>td{padding-left:var(--x-font-size)}.x-table-row-size-small>thead>tr>th,.x-table-row-size-small>tbody tr>td{padding:calc(var(--x-font-size) / 3) calc(var(--x-font-size) * 2 / 3) calc(var(--x-font-size) / 3) 0}.x-table-row-size-small>thead>tr>th:first-child,.x-table-row-size-small>tbody tr>td:first-child{padding-left:calc(var(--x-font-size) * 2 / 3)}.x-table-row-size-small.x-table-bordered>thead>tr>th,.x-table-row-size-small.x-table-bordered>tbody tr>td{padding-left:calc(var(--x-font-size) * 2 / 3)}.x-table-row-size-small.x-table-cell-config>thead>tr>th,.x-table-row-size-small.x-table-cell-config>tbody tr>td{padding-left:calc(var(--x-font-size) * 2 / 3)}.x-table-row-size-mini>thead>tr>th,.x-table-row-size-mini>tbody tr>td{padding:calc(var(--x-font-size) / 4) calc(var(--x-font-size) / 2) calc(var(--x-font-size) / 4) 0}.x-table-row-size-mini>thead>tr>th:first-child,.x-table-row-size-mini>tbody tr>td:first-child{padding-left:calc(var(--x-font-size) / 2)}.x-table-row-size-mini.x-table-bordered>thead>tr>th,.x-table-row-size-mini.x-table-bordered>tbody tr>td{padding-left:calc(var(--x-font-size) / 2)}.x-table-row-size-mini.x-table-cell-config>thead>tr>th,.x-table-row-size-mini.x-table-cell-config>tbody tr>td{padding-left:calc(var(--x-font-size) / 2)}x-table{width:100%}x-table .x-pagination{padding-top:calc(var(--x-font-size) / 2)}\n"] }]
210
210
  }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XConfigService }]; }, propDecorators: { table: [{
package/esm2020/table/table.module.mjs CHANGED
@@ -17,8 +17,8 @@ import { XDragDirective } from './drag.directive';
17
17
  import * as i0 from "@angular/core";
18
18
  export class XTableModule {
19
19
  }
20
- /** @nocollapse */ /** @nocollapse */ XTableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
21
- /** @nocollapse */ /** @nocollapse */ XTableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTableModule, declarations: [XDragDirective,
20
+ /** @nocollapse */ /** @nocollapse */ XTableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
21
+ /** @nocollapse */ /** @nocollapse */ XTableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTableModule, declarations: [XDragDirective,
22
22
  XTableComponent,
23
23
  XTableProperty,
24
24
  XTableHeadComponent,
@@ -35,7 +35,7 @@ export class XTableModule {
35
35
  ScrollingModule,
36
36
  XEmptyModule,
37
37
  XLoadingModule], exports: [XTableComponent] });
38
- /** @nocollapse */ /** @nocollapse */ XTableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTableModule, imports: [[
38
+ /** @nocollapse */ /** @nocollapse */ XTableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTableModule, imports: [[
39
39
  CommonModule,
40
40
  FormsModule,
41
41
  XPaginationModule,
@@ -46,7 +46,7 @@ export class XTableModule {
46
46
  XEmptyModule,
47
47
  XLoadingModule
48
48
  ]] });
49
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTableModule, decorators: [{
49
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTableModule, decorators: [{
50
50
  type: NgModule,
51
51
  args: [{
52
52
  declarations: [
package/esm2020/table/table.property.mjs CHANGED
@@ -78,8 +78,8 @@ export class XTableProperty extends XPaginationProperty {
78
78
  this.manualChange = new EventEmitter();
79
79
  }
80
80
  }
81
- /** @nocollapse */ /** @nocollapse */ XTableProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTableProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
82
- /** @nocollapse */ /** @nocollapse */ XTableProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: XTableProperty, selector: "ng-component", inputs: { data: "data", columns: "columns", rowHeight: "rowHeight", loading: "loading", bordered: "bordered", showHeader: "showHeader", activatedRow: "activatedRow", headColumnTpl: "headColumnTpl", bodyColumnTpl: "bodyColumnTpl", allowSelectRow: "allowSelectRow", virtualScroll: "virtualScroll", bodyHeight: "bodyHeight", itemSize: "itemSize", minBufferPx: "minBufferPx", maxBufferPx: "maxBufferPx", adaptionHeight: "adaptionHeight", docPercent: "docPercent", checkedRow: "checkedRow", manual: "manual", scroll: "scroll", cellConfig: "cellConfig", rowSize: "rowSize" }, outputs: { activatedRowChange: "activatedRowChange", sortChange: "sortChange", manualChange: "manualChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
81
+ /** @nocollapse */ /** @nocollapse */ XTableProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTableProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
82
+ /** @nocollapse */ /** @nocollapse */ XTableProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XTableProperty, selector: "ng-component", inputs: { data: "data", columns: "columns", rowHeight: "rowHeight", loading: "loading", bordered: "bordered", showHeader: "showHeader", activatedRow: "activatedRow", headColumnTpl: "headColumnTpl", bodyColumnTpl: "bodyColumnTpl", allowSelectRow: "allowSelectRow", virtualScroll: "virtualScroll", bodyHeight: "bodyHeight", itemSize: "itemSize", minBufferPx: "minBufferPx", maxBufferPx: "maxBufferPx", adaptionHeight: "adaptionHeight", docPercent: "docPercent", checkedRow: "checkedRow", manual: "manual", scroll: "scroll", cellConfig: "cellConfig", rowSize: "rowSize" }, outputs: { activatedRowChange: "activatedRowChange", sortChange: "sortChange", manualChange: "manualChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
83
83
  __decorate([
84
84
  XWithConfig(X_CONFIG_NAME, 42),
85
85
  XInputNumber()
@@ -123,7 +123,7 @@ __decorate([
123
123
  __decorate([
124
124
  XWithConfig(X_CONFIG_NAME, 'medium')
125
125
  ], XTableProperty.prototype, "rowSize", void 0);
126
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTableProperty, decorators: [{
126
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTableProperty, decorators: [{
127
127
  type: Component,
128
128
  args: [{ template: '' }]
129
129
  }], propDecorators: { data: [{
@@ -206,12 +206,12 @@ export class XTableHeadProperty extends XProperty {
206
206
  this.columnTpl = {};
207
207
  }
208
208
  }
209
- /** @nocollapse */ /** @nocollapse */ XTableHeadProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTableHeadProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
210
- /** @nocollapse */ /** @nocollapse */ XTableHeadProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: XTableHeadProperty, selector: "ng-component", inputs: { columns: "columns", rowHeight: "rowHeight", columnTpl: "columnTpl", scrollYWidth: "scrollYWidth", scrollXWidth: "scrollXWidth", cellConfig: "cellConfig" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
209
+ /** @nocollapse */ /** @nocollapse */ XTableHeadProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTableHeadProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
210
+ /** @nocollapse */ /** @nocollapse */ XTableHeadProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XTableHeadProperty, selector: "ng-component", inputs: { columns: "columns", rowHeight: "rowHeight", columnTpl: "columnTpl", scrollYWidth: "scrollYWidth", scrollXWidth: "scrollXWidth", cellConfig: "cellConfig" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
211
211
  __decorate([
212
212
  XInputNumber()
213
213
  ], XTableHeadProperty.prototype, "rowHeight", void 0);
214
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTableHeadProperty, decorators: [{
214
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTableHeadProperty, decorators: [{
215
215
  type: Component,
216
216
  args: [{ template: '' }]
217
217
  }], propDecorators: { columns: [{
@@ -296,8 +296,8 @@ export class XTableBodyProperty extends XProperty {
296
296
  this.docPercent = 1;
297
297
  }
298
298
  }
299
- /** @nocollapse */ /** @nocollapse */ XTableBodyProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTableBodyProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
300
- /** @nocollapse */ /** @nocollapse */ XTableBodyProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: XTableBodyProperty, selector: "ng-component", inputs: { data: "data", columns: "columns", columnTpl: "columnTpl", activatedRow: "activatedRow", rowHeight: "rowHeight", bodyHeight: "bodyHeight", allowSelectRow: "allowSelectRow", virtualScroll: "virtualScroll", itemSize: "itemSize", minBufferPx: "minBufferPx", maxBufferPx: "maxBufferPx", adaptionHeight: "adaptionHeight", docPercent: "docPercent", scroll: "scroll", cellConfig: "cellConfig" }, outputs: { activatedRowChange: "activatedRowChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
299
+ /** @nocollapse */ /** @nocollapse */ XTableBodyProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTableBodyProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
300
+ /** @nocollapse */ /** @nocollapse */ XTableBodyProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XTableBodyProperty, selector: "ng-component", inputs: { data: "data", columns: "columns", columnTpl: "columnTpl", activatedRow: "activatedRow", rowHeight: "rowHeight", bodyHeight: "bodyHeight", allowSelectRow: "allowSelectRow", virtualScroll: "virtualScroll", itemSize: "itemSize", minBufferPx: "minBufferPx", maxBufferPx: "maxBufferPx", adaptionHeight: "adaptionHeight", docPercent: "docPercent", scroll: "scroll", cellConfig: "cellConfig" }, outputs: { activatedRowChange: "activatedRowChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
301
301
  __decorate([
302
302
  XInputNumber()
303
303
  ], XTableBodyProperty.prototype, "rowHeight", void 0);
@@ -319,7 +319,7 @@ __decorate([
319
319
  __decorate([
320
320
  XInputNumber()
321
321
  ], XTableBodyProperty.prototype, "docPercent", void 0);
322
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTableBodyProperty, decorators: [{
322
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTableBodyProperty, decorators: [{
323
323
  type: Component,
324
324
  args: [{ template: '' }]
325
325
  }], propDecorators: { data: [{
@@ -366,9 +366,9 @@ export const XTableFootPrefix = 'x-table-foot';
366
366
  */
367
367
  export class XTableFootProperty extends XProperty {
368
368
  }
369
- /** @nocollapse */ /** @nocollapse */ XTableFootProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTableFootProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
370
- /** @nocollapse */ /** @nocollapse */ XTableFootProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: XTableFootProperty, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
371
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTableFootProperty, decorators: [{
369
+ /** @nocollapse */ /** @nocollapse */ XTableFootProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTableFootProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
370
+ /** @nocollapse */ /** @nocollapse */ XTableFootProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XTableFootProperty, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
371
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTableFootProperty, decorators: [{
372
372
  type: Component,
373
373
  args: [{ template: '' }]
374
374
  }] });
package/esm2020/tabs/tab-content.component.mjs CHANGED
@@ -9,9 +9,9 @@ export class XTabContentComponent {
9
9
  this.renderer.addClass(this.elementRef.nativeElement, 'x-tab-content');
10
10
  }
11
11
  }
12
- /** @nocollapse */ /** @nocollapse */ XTabContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTabContentComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
13
- /** @nocollapse */ /** @nocollapse */ XTabContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: XTabContentComponent, selector: "x-tab-content", inputs: { content: "content", active: "active" }, ngImport: i0, template: "<ng-container>\r\n <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\r\n</ng-container>\r\n", directives: [{ type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
14
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTabContentComponent, decorators: [{
12
+ /** @nocollapse */ /** @nocollapse */ XTabContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTabContentComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
13
+ /** @nocollapse */ /** @nocollapse */ XTabContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XTabContentComponent, selector: "x-tab-content", inputs: { content: "content", active: "active" }, ngImport: i0, template: "<ng-container>\r\n <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\r\n</ng-container>\r\n", directives: [{ type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
14
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTabContentComponent, decorators: [{
15
15
  type: Component,
16
16
  args: [{ selector: 'x-tab-content', preserveWhitespaces: false, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container>\r\n <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\r\n</ng-container>\r\n" }]
17
17
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { content: [{
package/esm2020/tabs/tab.component.mjs CHANGED
@@ -8,9 +8,9 @@ export class XTabComponent extends XTabProperty {
8
8
  this.configService = configService;
9
9
  }
10
10
  }
11
- /** @nocollapse */ /** @nocollapse */ XTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTabComponent, deps: [{ token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
12
- /** @nocollapse */ /** @nocollapse */ XTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: XTabComponent, selector: "x-tab", viewQueries: [{ propertyName: "content", first: true, predicate: TemplateRef, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-template>\r\n <ng-content></ng-content>\r\n</ng-template>\r\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
13
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTabComponent, decorators: [{
11
+ /** @nocollapse */ /** @nocollapse */ XTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTabComponent, deps: [{ token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
12
+ /** @nocollapse */ /** @nocollapse */ XTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XTabComponent, selector: "x-tab", viewQueries: [{ propertyName: "content", first: true, predicate: TemplateRef, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-template>\r\n <ng-content></ng-content>\r\n</ng-template>\r\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
13
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTabComponent, decorators: [{
14
14
  type: Component,
15
15
  args: [{ selector: `${XTabPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template>\r\n <ng-content></ng-content>\r\n</ng-template>\r\n" }]
16
16
  }], ctorParameters: function () { return [{ type: i1.XConfigService }]; }, propDecorators: { content: [{
package/esm2020/tabs/tabs.component.mjs CHANGED
@@ -103,9 +103,9 @@ export class XTabsComponent extends XTabsProperty {
103
103
  this.classMap[`${XTabsPrefix}-is-last`] = this.activatedIndex === this.tabs?.length - 1;
104
104
  }
105
105
  }
106
- /** @nocollapse */ /** @nocollapse */ XTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTabsComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
107
- /** @nocollapse */ /** @nocollapse */ XTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: XTabsComponent, selector: "x-tabs", queries: [{ propertyName: "listTabs", predicate: XTabComponent }], viewQueries: [{ propertyName: "slider", first: true, predicate: XSliderComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"x-tabs\" [ngClass]=\"classMap\">\r\n <div #list class=\"x-tabs-list\" *ngIf=\"!sliderHidden\">\r\n <x-slider\r\n #slider\r\n [animated]=\"animated && type !== 'tag'\"\r\n [justify]=\"justify\"\r\n [nodeJustify]=\"nodeJustify\"\r\n [data]=\"sliderOption.data\"\r\n [layout]=\"sliderOption.layout\"\r\n [size]=\"size\"\r\n [nodeTpl]=\"nodeTpl\"\r\n [activatedIndex]=\"sliderOption.activatedIndex\"\r\n (indexChange)=\"activatedChange($event)\"\r\n ></x-slider>\r\n </div>\r\n <div #content class=\"x-tabs-contents\" [class.x-tabs-contents-animated]=\"animated && (layout === 'top' || layout === 'bottom')\">\r\n <x-tab-content\r\n *ngFor=\"let tab of listTabs; index as i\"\r\n [active]=\"activeIndex == i\"\r\n [content]=\"tab.content\"\r\n [class.x-tab-content-unactivated]=\"activeIndex != i\"\r\n [style.transform]=\"'translate(' + (-activeIndex || 0) * 100 + '%, 0px)'\"\r\n >\r\n </x-tab-content>\r\n </div>\r\n</div>\r\n", styles: [".x-tabs{margin:0;padding:0;display:flex;overflow:hidden}.x-tabs-contents{flex:1;display:flex;overflow:hidden;flex-direction:row}.x-tabs-contents>.x-tab-content{flex-shrink:0;width:100%;opacity:1;height:-moz-fit-content;height:fit-content}.x-tabs-contents>.x-tab-content.x-tab-content-unactivated{transition:height 0s,opacity 0s;height:0;opacity:0}.x-tabs-contents-animated>.x-tab-content{transition:transform var(--x-animation-duration-slow) cubic-bezier(.645,.045,.355,1),height 0s,opacity var(--x-animation-duration-slow)}.x-tabs-contents-animated>.x-tab-content.x-tab-content-unactivated{display:inherit}.x-tabs-list{display:flex}.x-tabs-top{flex-direction:column}.x-tabs-right{flex-direction:row-reverse}.x-tabs-bottom{flex-direction:column-reverse}.x-tabs-left{flex-direction:row}.x-tabs-block.x-tabs-top>.x-tabs-list{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-block.x-tabs-top>.x-tabs-list>x-slider{width:100%}.x-tabs-block.x-tabs-top>.x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.x-tabs-block.x-tabs-right>.x-tabs-list{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-block.x-tabs-right>.x-tabs-list>x-slider{width:100%}.x-tabs-block.x-tabs-right>.x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.x-tabs-block.x-tabs-bottom>.x-tabs-list{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-block.x-tabs-bottom>.x-tabs-list>x-slider{width:100%}.x-tabs-block.x-tabs-bottom>.x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.x-tabs-block.x-tabs-left>.x-tabs-list{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-block.x-tabs-left>.x-tabs-list>x-slider{width:100%}.x-tabs-block.x-tabs-left>.x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.x-tabs-tag.x-tabs-top .x-tabs-list{border-bottom:none}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider{width:100%}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider:before{content:\" \";position:absolute;bottom:0;width:100%;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li{border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background)}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li:first-child{border-top-left-radius:.125rem}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li:nth-last-child(2){border-top-right-radius:.125rem}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li:not(:first-child){border-left:none}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{display:none}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-bottom-color:var(--x-background)}.x-tabs-tag.x-tabs-right .x-tabs-list{border-left:none}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider{width:100%}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider:before{content:\" \";position:absolute;left:0;height:100%;border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li{border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background)}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li:first-child{border-top-right-radius:.125rem}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li:nth-last-child(2){border-bottom-right-radius:.125rem}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li:not(:first-child){border-top:none}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{display:none}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-left-color:var(--x-background)}.x-tabs-tag.x-tabs-bottom .x-tabs-list{border-bottom:none}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider{width:100%}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider:before{content:\" \";position:absolute;top:0;width:100%;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li{border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background)}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li:first-child{border-bottom-left-radius:.125rem}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li:nth-last-child(2){border-bottom-right-radius:.125rem}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li:not(:first-child){border-left:none}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{display:none}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-top-color:var(--x-background)}.x-tabs-tag.x-tabs-left .x-tabs-list{border-right:none}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider{width:100%}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider:before{content:\" \";position:absolute;right:0;height:100%;border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li{border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background)}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li:first-child{border-top-left-radius:.125rem}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li:nth-last-child(2){border-bottom-left-radius:.125rem}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li:not(:first-child){border-top:none}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{display:none}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-right-color:var(--x-background)}.x-tabs-card.x-tabs-top{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-top:none;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-tabs-card.x-tabs-top .x-tabs-list{border-bottom:none}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider{width:100%}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll{background-color:var(--x-background)}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll:after,.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll:before{content:\" \";position:absolute;width:100%;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll:after{top:0}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll:before{bottom:0}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border);border-right:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom-color:var(--x-background);background-color:var(--x-background)}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-bottom-color:var(--x-background)}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-arrow-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-left:0}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-arrow-right{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-left:none}.x-tabs-card.x-tabs-top.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-right:none}.x-tabs-card.x-tabs-right{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-right:none;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-tabs-card.x-tabs-right .x-tabs-list{border-left:none}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider{width:100%}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll{background-color:var(--x-background)}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll:after,.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll:before{content:\" \";position:absolute;height:100%;border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll:after{left:0}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll:before{right:0}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);border-left-color:var(--x-background);background-color:var(--x-background)}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-left-color:var(--x-background)}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-arrow-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-top:0}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-arrow-right{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-top:none}.x-tabs-card.x-tabs-right.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-bottom:none}.x-tabs-card.x-tabs-bottom{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:none;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-tabs-card.x-tabs-bottom .x-tabs-list{border-top:none}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider{width:100%}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll{background-color:var(--x-background)}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll:after,.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll:before{content:\" \";position:absolute;width:100%;border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll:after{top:0}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll:before{bottom:0}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border);border-right:var(--x-border-width) var(--x-border-style) var(--x-border);border-top-color:var(--x-background);background-color:var(--x-background)}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-top-color:var(--x-background)}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-arrow-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-left:0}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-arrow-right{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-left:none}.x-tabs-card.x-tabs-bottom.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-right:none}.x-tabs-card.x-tabs-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-left:none;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-tabs-card.x-tabs-left .x-tabs-list{border-right:none}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider{width:100%}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll{background-color:var(--x-background)}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll:after,.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll:before{content:\" \";position:absolute;height:100%;border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll:after{left:0}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll:before{right:0}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);border-right-color:var(--x-background);background-color:var(--x-background)}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-right-color:var(--x-background)}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-arrow-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-top:0}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-arrow-right{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-top:none}.x-tabs-card.x-tabs-left.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-bottom:none}\n"], components: [{ type: i2.XSliderComponent, selector: "x-slider" }, { type: i3.XTabContentComponent, selector: "x-tab-content", inputs: ["content", "active"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
108
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTabsComponent, decorators: [{
106
+ /** @nocollapse */ /** @nocollapse */ XTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTabsComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
107
+ /** @nocollapse */ /** @nocollapse */ XTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XTabsComponent, selector: "x-tabs", queries: [{ propertyName: "listTabs", predicate: XTabComponent }], viewQueries: [{ propertyName: "slider", first: true, predicate: XSliderComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"x-tabs\" [ngClass]=\"classMap\">\r\n <div #list class=\"x-tabs-list\" *ngIf=\"!sliderHidden\">\r\n <x-slider\r\n #slider\r\n [animated]=\"animated && type !== 'tag'\"\r\n [justify]=\"justify\"\r\n [nodeJustify]=\"nodeJustify\"\r\n [data]=\"sliderOption.data\"\r\n [layout]=\"sliderOption.layout\"\r\n [size]=\"size\"\r\n [nodeTpl]=\"nodeTpl\"\r\n [activatedIndex]=\"sliderOption.activatedIndex\"\r\n (indexChange)=\"activatedChange($event)\"\r\n ></x-slider>\r\n </div>\r\n <div #content class=\"x-tabs-contents\" [class.x-tabs-contents-animated]=\"animated && (layout === 'top' || layout === 'bottom')\">\r\n <x-tab-content\r\n *ngFor=\"let tab of listTabs; index as i\"\r\n [active]=\"activeIndex == i\"\r\n [content]=\"tab.content\"\r\n [class.x-tab-content-unactivated]=\"activeIndex != i\"\r\n [style.transform]=\"'translate(' + (-activeIndex || 0) * 100 + '%, 0px)'\"\r\n >\r\n </x-tab-content>\r\n </div>\r\n</div>\r\n", styles: [".x-tabs{margin:0;padding:0;display:flex;overflow:hidden}.x-tabs-contents{flex:1;display:flex;overflow:hidden;flex-direction:row}.x-tabs-contents>.x-tab-content{flex-shrink:0;width:100%;opacity:1;height:-moz-fit-content;height:fit-content}.x-tabs-contents>.x-tab-content.x-tab-content-unactivated{transition:height 0s,opacity 0s;height:0;opacity:0}.x-tabs-contents-animated>.x-tab-content{transition:transform var(--x-animation-duration-slow) cubic-bezier(.645,.045,.355,1),height 0s,opacity var(--x-animation-duration-slow)}.x-tabs-contents-animated>.x-tab-content.x-tab-content-unactivated{display:inherit}.x-tabs-list{display:flex}.x-tabs-top{flex-direction:column}.x-tabs-right{flex-direction:row-reverse}.x-tabs-bottom{flex-direction:column-reverse}.x-tabs-left{flex-direction:row}.x-tabs-block.x-tabs-top>.x-tabs-list{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-block.x-tabs-top>.x-tabs-list>x-slider{width:100%}.x-tabs-block.x-tabs-top>.x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.x-tabs-block.x-tabs-right>.x-tabs-list{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-block.x-tabs-right>.x-tabs-list>x-slider{width:100%}.x-tabs-block.x-tabs-right>.x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.x-tabs-block.x-tabs-bottom>.x-tabs-list{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-block.x-tabs-bottom>.x-tabs-list>x-slider{width:100%}.x-tabs-block.x-tabs-bottom>.x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.x-tabs-block.x-tabs-left>.x-tabs-list{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-block.x-tabs-left>.x-tabs-list>x-slider{width:100%}.x-tabs-block.x-tabs-left>.x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.x-tabs-tag.x-tabs-top .x-tabs-list{border-bottom:none}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider{width:100%}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider:before{content:\" \";position:absolute;bottom:0;width:100%;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li{border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background)}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li:first-child{border-top-left-radius:.125rem}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li:nth-last-child(2){border-top-right-radius:.125rem}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li:not(:first-child){border-left:none}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{display:none}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-bottom-color:var(--x-background)}.x-tabs-tag.x-tabs-right .x-tabs-list{border-left:none}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider{width:100%}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider:before{content:\" \";position:absolute;left:0;height:100%;border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li{border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background)}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li:first-child{border-top-right-radius:.125rem}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li:nth-last-child(2){border-bottom-right-radius:.125rem}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li:not(:first-child){border-top:none}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{display:none}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-left-color:var(--x-background)}.x-tabs-tag.x-tabs-bottom .x-tabs-list{border-bottom:none}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider{width:100%}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider:before{content:\" \";position:absolute;top:0;width:100%;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li{border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background)}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li:first-child{border-bottom-left-radius:.125rem}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li:nth-last-child(2){border-bottom-right-radius:.125rem}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li:not(:first-child){border-left:none}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{display:none}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-top-color:var(--x-background)}.x-tabs-tag.x-tabs-left .x-tabs-list{border-right:none}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider{width:100%}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider:before{content:\" \";position:absolute;right:0;height:100%;border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li{border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background)}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li:first-child{border-top-left-radius:.125rem}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li:nth-last-child(2){border-bottom-left-radius:.125rem}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li:not(:first-child){border-top:none}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{display:none}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-right-color:var(--x-background)}.x-tabs-card.x-tabs-top{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-top:none;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-tabs-card.x-tabs-top .x-tabs-list{border-bottom:none}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider{width:100%}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll{background-color:var(--x-background)}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll:after,.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll:before{content:\" \";position:absolute;width:100%;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll:after{top:0}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll:before{bottom:0}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border);border-right:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom-color:var(--x-background);background-color:var(--x-background)}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-bottom-color:var(--x-background)}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-arrow-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-left:0}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-arrow-right{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-left:none}.x-tabs-card.x-tabs-top.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-right:none}.x-tabs-card.x-tabs-right{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-right:none;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-tabs-card.x-tabs-right .x-tabs-list{border-left:none}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider{width:100%}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll{background-color:var(--x-background)}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll:after,.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll:before{content:\" \";position:absolute;height:100%;border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll:after{left:0}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll:before{right:0}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);border-left-color:var(--x-background);background-color:var(--x-background)}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-left-color:var(--x-background)}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-arrow-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-top:0}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-arrow-right{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-top:none}.x-tabs-card.x-tabs-right.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-bottom:none}.x-tabs-card.x-tabs-bottom{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:none;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-tabs-card.x-tabs-bottom .x-tabs-list{border-top:none}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider{width:100%}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll{background-color:var(--x-background)}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll:after,.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll:before{content:\" \";position:absolute;width:100%;border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll:after{top:0}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll:before{bottom:0}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border);border-right:var(--x-border-width) var(--x-border-style) var(--x-border);border-top-color:var(--x-background);background-color:var(--x-background)}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-top-color:var(--x-background)}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-arrow-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-left:0}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-arrow-right{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-left:none}.x-tabs-card.x-tabs-bottom.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-right:none}.x-tabs-card.x-tabs-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-left:none;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-tabs-card.x-tabs-left .x-tabs-list{border-right:none}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider{width:100%}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll{background-color:var(--x-background)}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll:after,.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll:before{content:\" \";position:absolute;height:100%;border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll:after{left:0}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll:before{right:0}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);border-right-color:var(--x-background);background-color:var(--x-background)}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-right-color:var(--x-background)}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-arrow-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-top:0}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-arrow-right{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-top:none}.x-tabs-card.x-tabs-left.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-bottom:none}\n"], components: [{ type: i2.XSliderComponent, selector: "x-slider" }, { type: i3.XTabContentComponent, selector: "x-tab-content", inputs: ["content", "active"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
108
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTabsComponent, decorators: [{
109
109
  type: Component,
110
110
  args: [{ selector: `${XTabsPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"x-tabs\" [ngClass]=\"classMap\">\r\n <div #list class=\"x-tabs-list\" *ngIf=\"!sliderHidden\">\r\n <x-slider\r\n #slider\r\n [animated]=\"animated && type !== 'tag'\"\r\n [justify]=\"justify\"\r\n [nodeJustify]=\"nodeJustify\"\r\n [data]=\"sliderOption.data\"\r\n [layout]=\"sliderOption.layout\"\r\n [size]=\"size\"\r\n [nodeTpl]=\"nodeTpl\"\r\n [activatedIndex]=\"sliderOption.activatedIndex\"\r\n (indexChange)=\"activatedChange($event)\"\r\n ></x-slider>\r\n </div>\r\n <div #content class=\"x-tabs-contents\" [class.x-tabs-contents-animated]=\"animated && (layout === 'top' || layout === 'bottom')\">\r\n <x-tab-content\r\n *ngFor=\"let tab of listTabs; index as i\"\r\n [active]=\"activeIndex == i\"\r\n [content]=\"tab.content\"\r\n [class.x-tab-content-unactivated]=\"activeIndex != i\"\r\n [style.transform]=\"'translate(' + (-activeIndex || 0) * 100 + '%, 0px)'\"\r\n >\r\n </x-tab-content>\r\n </div>\r\n</div>\r\n", styles: [".x-tabs{margin:0;padding:0;display:flex;overflow:hidden}.x-tabs-contents{flex:1;display:flex;overflow:hidden;flex-direction:row}.x-tabs-contents>.x-tab-content{flex-shrink:0;width:100%;opacity:1;height:-moz-fit-content;height:fit-content}.x-tabs-contents>.x-tab-content.x-tab-content-unactivated{transition:height 0s,opacity 0s;height:0;opacity:0}.x-tabs-contents-animated>.x-tab-content{transition:transform var(--x-animation-duration-slow) cubic-bezier(.645,.045,.355,1),height 0s,opacity var(--x-animation-duration-slow)}.x-tabs-contents-animated>.x-tab-content.x-tab-content-unactivated{display:inherit}.x-tabs-list{display:flex}.x-tabs-top{flex-direction:column}.x-tabs-right{flex-direction:row-reverse}.x-tabs-bottom{flex-direction:column-reverse}.x-tabs-left{flex-direction:row}.x-tabs-block.x-tabs-top>.x-tabs-list{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-block.x-tabs-top>.x-tabs-list>x-slider{width:100%}.x-tabs-block.x-tabs-top>.x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.x-tabs-block.x-tabs-right>.x-tabs-list{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-block.x-tabs-right>.x-tabs-list>x-slider{width:100%}.x-tabs-block.x-tabs-right>.x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.x-tabs-block.x-tabs-bottom>.x-tabs-list{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-block.x-tabs-bottom>.x-tabs-list>x-slider{width:100%}.x-tabs-block.x-tabs-bottom>.x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.x-tabs-block.x-tabs-left>.x-tabs-list{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-block.x-tabs-left>.x-tabs-list>x-slider{width:100%}.x-tabs-block.x-tabs-left>.x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.x-tabs-tag.x-tabs-top .x-tabs-list{border-bottom:none}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider{width:100%}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider:before{content:\" \";position:absolute;bottom:0;width:100%;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li{border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background)}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li:first-child{border-top-left-radius:.125rem}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li:nth-last-child(2){border-top-right-radius:.125rem}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li:not(:first-child){border-left:none}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{display:none}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-bottom-color:var(--x-background)}.x-tabs-tag.x-tabs-right .x-tabs-list{border-left:none}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider{width:100%}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider:before{content:\" \";position:absolute;left:0;height:100%;border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li{border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background)}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li:first-child{border-top-right-radius:.125rem}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li:nth-last-child(2){border-bottom-right-radius:.125rem}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li:not(:first-child){border-top:none}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{display:none}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-left-color:var(--x-background)}.x-tabs-tag.x-tabs-bottom .x-tabs-list{border-bottom:none}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider{width:100%}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider:before{content:\" \";position:absolute;top:0;width:100%;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li{border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background)}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li:first-child{border-bottom-left-radius:.125rem}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li:nth-last-child(2){border-bottom-right-radius:.125rem}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li:not(:first-child){border-left:none}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{display:none}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-top-color:var(--x-background)}.x-tabs-tag.x-tabs-left .x-tabs-list{border-right:none}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider{width:100%}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider:before{content:\" \";position:absolute;right:0;height:100%;border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li{border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background)}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li:first-child{border-top-left-radius:.125rem}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li:nth-last-child(2){border-bottom-left-radius:.125rem}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li:not(:first-child){border-top:none}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{display:none}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-right-color:var(--x-background)}.x-tabs-card.x-tabs-top{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-top:none;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-tabs-card.x-tabs-top .x-tabs-list{border-bottom:none}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider{width:100%}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll{background-color:var(--x-background)}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll:after,.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll:before{content:\" \";position:absolute;width:100%;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll:after{top:0}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll:before{bottom:0}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border);border-right:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom-color:var(--x-background);background-color:var(--x-background)}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-bottom-color:var(--x-background)}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-arrow-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-left:0}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-arrow-right{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-left:none}.x-tabs-card.x-tabs-top.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-right:none}.x-tabs-card.x-tabs-right{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-right:none;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-tabs-card.x-tabs-right .x-tabs-list{border-left:none}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider{width:100%}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll{background-color:var(--x-background)}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll:after,.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll:before{content:\" \";position:absolute;height:100%;border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll:after{left:0}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll:before{right:0}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);border-left-color:var(--x-background);background-color:var(--x-background)}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-left-color:var(--x-background)}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-arrow-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-top:0}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-arrow-right{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-top:none}.x-tabs-card.x-tabs-right.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-bottom:none}.x-tabs-card.x-tabs-bottom{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:none;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-tabs-card.x-tabs-bottom .x-tabs-list{border-top:none}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider{width:100%}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll{background-color:var(--x-background)}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll:after,.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll:before{content:\" \";position:absolute;width:100%;border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll:after{top:0}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll:before{bottom:0}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border);border-right:var(--x-border-width) var(--x-border-style) var(--x-border);border-top-color:var(--x-background);background-color:var(--x-background)}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-top-color:var(--x-background)}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-arrow-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-left:0}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-arrow-right{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-left:none}.x-tabs-card.x-tabs-bottom.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-right:none}.x-tabs-card.x-tabs-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-left:none;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-tabs-card.x-tabs-left .x-tabs-list{border-right:none}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider{width:100%}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll{background-color:var(--x-background)}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll:after,.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll:before{content:\" \";position:absolute;height:100%;border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll:after{left:0}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll:before{right:0}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);border-right-color:var(--x-background);background-color:var(--x-background)}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-right-color:var(--x-background)}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-arrow-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-top:0}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-arrow-right{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-top:none}.x-tabs-card.x-tabs-left.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-bottom:none}\n"] }]
111
111
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.XConfigService }]; }, propDecorators: { listTabs: [{
package/esm2020/tabs/tabs.module.mjs CHANGED
@@ -9,10 +9,10 @@ import { XTabsProperty, XTabProperty } from './tabs.property';
9
9
  import * as i0 from "@angular/core";
10
10
  export class XTabsModule {
11
11
  }
12
- /** @nocollapse */ /** @nocollapse */ XTabsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
13
- /** @nocollapse */ /** @nocollapse */ XTabsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTabsModule, declarations: [XTabsComponent, XTabContentComponent, XTabComponent, XTabsProperty, XTabProperty], imports: [CommonModule, XSliderModule, XIconModule], exports: [XTabsComponent, XTabContentComponent, XTabComponent] });
14
- /** @nocollapse */ /** @nocollapse */ XTabsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTabsModule, imports: [[CommonModule, XSliderModule, XIconModule]] });
15
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTabsModule, decorators: [{
12
+ /** @nocollapse */ /** @nocollapse */ XTabsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
13
+ /** @nocollapse */ /** @nocollapse */ XTabsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTabsModule, declarations: [XTabsComponent, XTabContentComponent, XTabComponent, XTabsProperty, XTabProperty], imports: [CommonModule, XSliderModule, XIconModule], exports: [XTabsComponent, XTabContentComponent, XTabComponent] });
14
+ /** @nocollapse */ /** @nocollapse */ XTabsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTabsModule, imports: [[CommonModule, XSliderModule, XIconModule]] });
15
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTabsModule, decorators: [{
16
16
  type: NgModule,
17
17
  args: [{
18
18
  declarations: [XTabsComponent, XTabContentComponent, XTabComponent, XTabsProperty, XTabProperty],
package/esm2020/tabs/tabs.property.mjs CHANGED
@@ -52,8 +52,8 @@ export class XTabsProperty extends XProperty {
52
52
  this.indexChange = new EventEmitter();
53
53
  }
54
54
  }
55
- /** @nocollapse */ /** @nocollapse */ XTabsProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTabsProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
56
- /** @nocollapse */ /** @nocollapse */ XTabsProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: XTabsProperty, selector: "ng-component", inputs: { data: "data", justify: "justify", type: "type", layout: "layout", activatedIndex: "activatedIndex", animated: "animated", nodeTpl: "nodeTpl", size: "size", nodeJustify: "nodeJustify", sliderHidden: "sliderHidden" }, outputs: { indexChange: "indexChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
55
+ /** @nocollapse */ /** @nocollapse */ XTabsProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTabsProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
56
+ /** @nocollapse */ /** @nocollapse */ XTabsProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XTabsProperty, selector: "ng-component", inputs: { data: "data", justify: "justify", type: "type", layout: "layout", activatedIndex: "activatedIndex", animated: "animated", nodeTpl: "nodeTpl", size: "size", nodeJustify: "nodeJustify", sliderHidden: "sliderHidden" }, outputs: { indexChange: "indexChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
57
57
  __decorate([
58
58
  XInputNumber()
59
59
  ], XTabsProperty.prototype, "activatedIndex", void 0);
@@ -66,7 +66,7 @@ __decorate([
66
66
  __decorate([
67
67
  XInputBoolean()
68
68
  ], XTabsProperty.prototype, "sliderHidden", void 0);
69
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTabsProperty, decorators: [{
69
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTabsProperty, decorators: [{
70
70
  type: Component,
71
71
  args: [{ template: '' }]
72
72
  }], propDecorators: { data: [{
@@ -103,9 +103,9 @@ export const XTabPrefix = 'x-tab';
103
103
  */
104
104
  export class XTabProperty {
105
105
  }
106
- /** @nocollapse */ /** @nocollapse */ XTabProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTabProperty, deps: [], target: i0.ɵɵFactoryTarget.Component });
107
- /** @nocollapse */ /** @nocollapse */ XTabProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: XTabProperty, selector: "ng-component", inputs: { label: "label" }, ngImport: i0, template: '', isInline: true });
108
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTabProperty, decorators: [{
106
+ /** @nocollapse */ /** @nocollapse */ XTabProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTabProperty, deps: [], target: i0.ɵɵFactoryTarget.Component });
107
+ /** @nocollapse */ /** @nocollapse */ XTabProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XTabProperty, selector: "ng-component", inputs: { label: "label" }, ngImport: i0, template: '', isInline: true });
108
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTabProperty, decorators: [{
109
109
  type: Component,
110
110
  args: [{ template: '' }]
111
111
  }], propDecorators: { label: [{
package/esm2020/tag/tag.component.mjs CHANGED
@@ -34,9 +34,9 @@ export class XTagComponent extends XTagProperty {
34
34
  this.close.emit();
35
35
  }
36
36
  }
37
- /** @nocollapse */ /** @nocollapse */ XTagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTagComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
38
- /** @nocollapse */ /** @nocollapse */ XTagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: XTagComponent, selector: "x-tag", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #tag class=\"x-tag\" [ngClass]=\"classMap\" [class.x-disabled]=\"disabled\" [class.x-tag-bordered]=\"bordered\">\r\n <ng-content></ng-content>\r\n <x-icon type=\"fto-x\" *ngIf=\"closable\" (click)=\"onClose()\"></x-icon>\r\n</div>\r\n", styles: ["x-tag{display:inline-block}.x-tag{margin:0;padding:0;display:inline-flex;align-items:center;font-size:var(--x-font-size-small);border-radius:var(--x-border-radius);height:1.625rem;line-height:1.625rem;padding:0 .65rem;white-space:nowrap;border:var(--x-border-width) var(--x-border-style);border-width:0}.x-tag>.x-icon{position:relative;right:-.25rem;border-radius:50%;cursor:pointer;padding:.0625rem;font-size:calc(var(--x-font-size-small) + .0625rem);transition:.3s}.x-tag>.x-icon:hover{background-color:var(--x-text-500);color:var(--x-white)}.x-tag-dark{background-color:var(--x-text);color:var(--x-background-100)}.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-bordered{border-width:var(--x-border-width)}.x-tag-big{height:var(--x-height-big);line-height:var(--x-height-big);padding:0 var(--x-padding-big)}.x-tag-big>.x-icon{right:-var(--x-padding-big)/2}.x-tag-large{height:var(--x-height-large);line-height:var(--x-height-large);padding:0 var(--x-padding-large)}.x-tag-large>.x-icon{right:-var(--x-padding-large)/2}.x-tag-medium{height:var(--x-height-medium);line-height:var(--x-height-medium);padding:0 var(--x-padding-medium)}.x-tag-medium>.x-icon{right:-var(--x-padding-medium)/2}.x-tag-small{height:var(--x-height-small);line-height:var(--x-height-small);padding:0 var(--x-padding-small)}.x-tag-small>.x-icon{right:-var(--x-padding-small)/2}.x-tag-mini{height:var(--x-height-mini);line-height:var(--x-height-mini);padding:0 var(--x-padding-mini)}.x-tag-mini>.x-icon{right:-var(--x-padding-mini)/2}.x-tag-initial{border-color:var(--x-border);color:var(--x-text);background-color:var(--x-background-200)}.x-tag-initial>.x-icon:hover{background-color:var(--x-text)}.x-tag-initial.x-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover,.x-tag-initial.x-disabled:active,.x-tag-initial.x-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-disabled:hover,.x-tag-initial.x-disabled:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover:hover,.x-tag-initial.x-disabled:hover:active,.x-tag-initial.x-disabled:hover:focus,.x-tag-initial.x-disabled:active:hover,.x-tag-initial.x-disabled:active:active,.x-tag-initial.x-disabled:active:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover>.x-icon:hover,.x-tag-initial.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-tag-dark{border-color:var(--x-text);color:var(--x-white);background-color:var(--x-text)}.x-tag-initial.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-initial.x-tag-dark.x-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover,.x-tag-initial.x-tag-dark.x-disabled:active,.x-tag-initial.x-tag-dark.x-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-tag-dark.x-disabled:hover,.x-tag-initial.x-tag-dark.x-disabled:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover:hover,.x-tag-initial.x-tag-dark.x-disabled:hover:active,.x-tag-initial.x-tag-dark.x-disabled:hover:focus,.x-tag-initial.x-tag-dark.x-disabled:active:hover,.x-tag-initial.x-tag-dark.x-disabled:active:active,.x-tag-initial.x-tag-dark.x-disabled:active:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-initial.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-primary{border-color:var(--x-primary-600);color:var(--x-primary);background-color:var(--x-primary-900)}.x-tag-primary>.x-icon:hover{background-color:var(--x-primary)}.x-tag-primary.x-disabled{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover,.x-tag-primary.x-disabled:active,.x-tag-primary.x-disabled:focus{color:var(--x-primary-400);background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-primary-400);background-color:var(--x-primary-900)}.x-tag-primary.x-disabled:hover,.x-tag-primary.x-disabled:active{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover:hover,.x-tag-primary.x-disabled:hover:active,.x-tag-primary.x-disabled:hover:focus,.x-tag-primary.x-disabled:active:hover,.x-tag-primary.x-disabled:active:active,.x-tag-primary.x-disabled:active:focus{color:var(--x-primary-400);background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover>.x-icon:hover,.x-tag-primary.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-primary-400);background-color:var(--x-primary-900)}.x-tag-primary.x-tag-dark{border-color:var(--x-primary);color:var(--x-white);background-color:var(--x-primary)}.x-tag-primary.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-primary.x-tag-dark.x-disabled{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover,.x-tag-primary.x-tag-dark.x-disabled:active,.x-tag-primary.x-tag-dark.x-disabled:focus{color:var(--x-primary-800);background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-primary-800);background-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover,.x-tag-primary.x-tag-dark.x-disabled:active{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover:hover,.x-tag-primary.x-tag-dark.x-disabled:hover:active,.x-tag-primary.x-tag-dark.x-disabled:hover:focus,.x-tag-primary.x-tag-dark.x-disabled:active:hover,.x-tag-primary.x-tag-dark.x-disabled:active:active,.x-tag-primary.x-tag-dark.x-disabled:active:focus{color:var(--x-primary-800);background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-primary.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-primary-800);background-color:var(--x-primary-500)}.x-tag-success{border-color:var(--x-success-600);color:var(--x-success);background-color:var(--x-success-900)}.x-tag-success>.x-icon:hover{background-color:var(--x-success)}.x-tag-success.x-disabled{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover,.x-tag-success.x-disabled:active,.x-tag-success.x-disabled:focus{color:var(--x-success-400);background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-success-400);background-color:var(--x-success-900)}.x-tag-success.x-disabled:hover,.x-tag-success.x-disabled:active{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover:hover,.x-tag-success.x-disabled:hover:active,.x-tag-success.x-disabled:hover:focus,.x-tag-success.x-disabled:active:hover,.x-tag-success.x-disabled:active:active,.x-tag-success.x-disabled:active:focus{color:var(--x-success-400);background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover>.x-icon:hover,.x-tag-success.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-success-400);background-color:var(--x-success-900)}.x-tag-success.x-tag-dark{border-color:var(--x-success);color:var(--x-white);background-color:var(--x-success)}.x-tag-success.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-success.x-tag-dark.x-disabled{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover,.x-tag-success.x-tag-dark.x-disabled:active,.x-tag-success.x-tag-dark.x-disabled:focus{color:var(--x-success-800);background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-success-800);background-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover,.x-tag-success.x-tag-dark.x-disabled:active{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover:hover,.x-tag-success.x-tag-dark.x-disabled:hover:active,.x-tag-success.x-tag-dark.x-disabled:hover:focus,.x-tag-success.x-tag-dark.x-disabled:active:hover,.x-tag-success.x-tag-dark.x-disabled:active:active,.x-tag-success.x-tag-dark.x-disabled:active:focus{color:var(--x-success-800);background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-success.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-success-800);background-color:var(--x-success-500)}.x-tag-warning{border-color:var(--x-warning-600);color:var(--x-warning);background-color:var(--x-warning-900)}.x-tag-warning>.x-icon:hover{background-color:var(--x-warning)}.x-tag-warning.x-disabled{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover,.x-tag-warning.x-disabled:active,.x-tag-warning.x-disabled:focus{color:var(--x-warning-400);background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-warning-400);background-color:var(--x-warning-900)}.x-tag-warning.x-disabled:hover,.x-tag-warning.x-disabled:active{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover:hover,.x-tag-warning.x-disabled:hover:active,.x-tag-warning.x-disabled:hover:focus,.x-tag-warning.x-disabled:active:hover,.x-tag-warning.x-disabled:active:active,.x-tag-warning.x-disabled:active:focus{color:var(--x-warning-400);background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover>.x-icon:hover,.x-tag-warning.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-warning-400);background-color:var(--x-warning-900)}.x-tag-warning.x-tag-dark{border-color:var(--x-warning);color:var(--x-white);background-color:var(--x-warning)}.x-tag-warning.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-warning.x-tag-dark.x-disabled{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover,.x-tag-warning.x-tag-dark.x-disabled:active,.x-tag-warning.x-tag-dark.x-disabled:focus{color:var(--x-warning-800);background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-warning-800);background-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover,.x-tag-warning.x-tag-dark.x-disabled:active{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover:hover,.x-tag-warning.x-tag-dark.x-disabled:hover:active,.x-tag-warning.x-tag-dark.x-disabled:hover:focus,.x-tag-warning.x-tag-dark.x-disabled:active:hover,.x-tag-warning.x-tag-dark.x-disabled:active:active,.x-tag-warning.x-tag-dark.x-disabled:active:focus{color:var(--x-warning-800);background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-warning.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-warning-800);background-color:var(--x-warning-500)}.x-tag-danger{border-color:var(--x-danger-600);color:var(--x-danger);background-color:var(--x-danger-900)}.x-tag-danger>.x-icon:hover{background-color:var(--x-danger)}.x-tag-danger.x-disabled{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover,.x-tag-danger.x-disabled:active,.x-tag-danger.x-disabled:focus{color:var(--x-danger-400);background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-danger-400);background-color:var(--x-danger-900)}.x-tag-danger.x-disabled:hover,.x-tag-danger.x-disabled:active{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover:hover,.x-tag-danger.x-disabled:hover:active,.x-tag-danger.x-disabled:hover:focus,.x-tag-danger.x-disabled:active:hover,.x-tag-danger.x-disabled:active:active,.x-tag-danger.x-disabled:active:focus{color:var(--x-danger-400);background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover>.x-icon:hover,.x-tag-danger.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-danger-400);background-color:var(--x-danger-900)}.x-tag-danger.x-tag-dark{border-color:var(--x-danger);color:var(--x-white);background-color:var(--x-danger)}.x-tag-danger.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-danger.x-tag-dark.x-disabled{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover,.x-tag-danger.x-tag-dark.x-disabled:active,.x-tag-danger.x-tag-dark.x-disabled:focus{color:var(--x-danger-800);background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-danger-800);background-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover,.x-tag-danger.x-tag-dark.x-disabled:active{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover:hover,.x-tag-danger.x-tag-dark.x-disabled:hover:active,.x-tag-danger.x-tag-dark.x-disabled:hover:focus,.x-tag-danger.x-tag-dark.x-disabled:active:hover,.x-tag-danger.x-tag-dark.x-disabled:active:active,.x-tag-danger.x-tag-dark.x-disabled:active:focus{color:var(--x-danger-800);background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-danger.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-danger-800);background-color:var(--x-danger-500)}.x-tag-info{border-color:var(--x-info-600);color:var(--x-info);background-color:var(--x-info-900)}.x-tag-info>.x-icon:hover{background-color:var(--x-info)}.x-tag-info.x-disabled{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover,.x-tag-info.x-disabled:active,.x-tag-info.x-disabled:focus{color:var(--x-info-400);background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-info-400);background-color:var(--x-info-900)}.x-tag-info.x-disabled:hover,.x-tag-info.x-disabled:active{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover:hover,.x-tag-info.x-disabled:hover:active,.x-tag-info.x-disabled:hover:focus,.x-tag-info.x-disabled:active:hover,.x-tag-info.x-disabled:active:active,.x-tag-info.x-disabled:active:focus{color:var(--x-info-400);background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover>.x-icon:hover,.x-tag-info.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-info-400);background-color:var(--x-info-900)}.x-tag-info.x-tag-dark{border-color:var(--x-info);color:var(--x-white);background-color:var(--x-info)}.x-tag-info.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-info.x-tag-dark.x-disabled{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover,.x-tag-info.x-tag-dark.x-disabled:active,.x-tag-info.x-tag-dark.x-disabled:focus{color:var(--x-info-800);background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-info-800);background-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover,.x-tag-info.x-tag-dark.x-disabled:active{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover:hover,.x-tag-info.x-tag-dark.x-disabled:hover:active,.x-tag-info.x-tag-dark.x-disabled:hover:focus,.x-tag-info.x-tag-dark.x-disabled:active:hover,.x-tag-info.x-tag-dark.x-disabled:active:active,.x-tag-info.x-tag-dark.x-disabled:active:focus{color:var(--x-info-800);background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-info.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-info-800);background-color:var(--x-info-500)}\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 });
39
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: XTagComponent, decorators: [{
37
+ /** @nocollapse */ /** @nocollapse */ XTagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTagComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
38
+ /** @nocollapse */ /** @nocollapse */ XTagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XTagComponent, selector: "x-tag", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #tag class=\"x-tag\" [ngClass]=\"classMap\" [class.x-disabled]=\"disabled\" [class.x-tag-bordered]=\"bordered\">\r\n <ng-content></ng-content>\r\n <x-icon type=\"fto-x\" *ngIf=\"closable\" (click)=\"onClose()\"></x-icon>\r\n</div>\r\n", styles: ["x-tag{display:inline-block}.x-tag{margin:0;padding:0;display:inline-flex;align-items:center;font-size:var(--x-font-size-small);border-radius:var(--x-border-radius);height:1.625rem;line-height:1.625rem;padding:0 .65rem;white-space:nowrap;border:var(--x-border-width) var(--x-border-style);border-width:0}.x-tag>.x-icon{position:relative;right:-.25rem;border-radius:50%;cursor:pointer;padding:.0625rem;font-size:calc(var(--x-font-size-small) + .0625rem);transition:.3s}.x-tag>.x-icon:hover{background-color:var(--x-text-500);color:var(--x-white)}.x-tag-dark{background-color:var(--x-text);color:var(--x-background-100)}.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-bordered{border-width:var(--x-border-width)}.x-tag-big{height:var(--x-height-big);line-height:var(--x-height-big);padding:0 var(--x-padding-big)}.x-tag-big>.x-icon{right:-var(--x-padding-big)/2}.x-tag-large{height:var(--x-height-large);line-height:var(--x-height-large);padding:0 var(--x-padding-large)}.x-tag-large>.x-icon{right:-var(--x-padding-large)/2}.x-tag-medium{height:var(--x-height-medium);line-height:var(--x-height-medium);padding:0 var(--x-padding-medium)}.x-tag-medium>.x-icon{right:-var(--x-padding-medium)/2}.x-tag-small{height:var(--x-height-small);line-height:var(--x-height-small);padding:0 var(--x-padding-small)}.x-tag-small>.x-icon{right:-var(--x-padding-small)/2}.x-tag-mini{height:var(--x-height-mini);line-height:var(--x-height-mini);padding:0 var(--x-padding-mini)}.x-tag-mini>.x-icon{right:-var(--x-padding-mini)/2}.x-tag-initial{border-color:var(--x-border);color:var(--x-text);background-color:var(--x-background-200)}.x-tag-initial>.x-icon:hover{background-color:var(--x-text)}.x-tag-initial.x-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover,.x-tag-initial.x-disabled:active,.x-tag-initial.x-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-disabled:hover,.x-tag-initial.x-disabled:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover:hover,.x-tag-initial.x-disabled:hover:active,.x-tag-initial.x-disabled:hover:focus,.x-tag-initial.x-disabled:active:hover,.x-tag-initial.x-disabled:active:active,.x-tag-initial.x-disabled:active:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover>.x-icon:hover,.x-tag-initial.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-tag-dark{border-color:var(--x-text);color:var(--x-white);background-color:var(--x-text)}.x-tag-initial.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-initial.x-tag-dark.x-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover,.x-tag-initial.x-tag-dark.x-disabled:active,.x-tag-initial.x-tag-dark.x-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-tag-dark.x-disabled:hover,.x-tag-initial.x-tag-dark.x-disabled:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover:hover,.x-tag-initial.x-tag-dark.x-disabled:hover:active,.x-tag-initial.x-tag-dark.x-disabled:hover:focus,.x-tag-initial.x-tag-dark.x-disabled:active:hover,.x-tag-initial.x-tag-dark.x-disabled:active:active,.x-tag-initial.x-tag-dark.x-disabled:active:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-initial.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-primary{border-color:var(--x-primary-600);color:var(--x-primary);background-color:var(--x-primary-900)}.x-tag-primary>.x-icon:hover{background-color:var(--x-primary)}.x-tag-primary.x-disabled{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover,.x-tag-primary.x-disabled:active,.x-tag-primary.x-disabled:focus{color:var(--x-primary-400);background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-primary-400);background-color:var(--x-primary-900)}.x-tag-primary.x-disabled:hover,.x-tag-primary.x-disabled:active{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover:hover,.x-tag-primary.x-disabled:hover:active,.x-tag-primary.x-disabled:hover:focus,.x-tag-primary.x-disabled:active:hover,.x-tag-primary.x-disabled:active:active,.x-tag-primary.x-disabled:active:focus{color:var(--x-primary-400);background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover>.x-icon:hover,.x-tag-primary.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-primary-400);background-color:var(--x-primary-900)}.x-tag-primary.x-tag-dark{border-color:var(--x-primary);color:var(--x-white);background-color:var(--x-primary)}.x-tag-primary.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-primary.x-tag-dark.x-disabled{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover,.x-tag-primary.x-tag-dark.x-disabled:active,.x-tag-primary.x-tag-dark.x-disabled:focus{color:var(--x-primary-800);background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-primary-800);background-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover,.x-tag-primary.x-tag-dark.x-disabled:active{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover:hover,.x-tag-primary.x-tag-dark.x-disabled:hover:active,.x-tag-primary.x-tag-dark.x-disabled:hover:focus,.x-tag-primary.x-tag-dark.x-disabled:active:hover,.x-tag-primary.x-tag-dark.x-disabled:active:active,.x-tag-primary.x-tag-dark.x-disabled:active:focus{color:var(--x-primary-800);background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-primary.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-primary-800);background-color:var(--x-primary-500)}.x-tag-success{border-color:var(--x-success-600);color:var(--x-success);background-color:var(--x-success-900)}.x-tag-success>.x-icon:hover{background-color:var(--x-success)}.x-tag-success.x-disabled{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover,.x-tag-success.x-disabled:active,.x-tag-success.x-disabled:focus{color:var(--x-success-400);background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-success-400);background-color:var(--x-success-900)}.x-tag-success.x-disabled:hover,.x-tag-success.x-disabled:active{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover:hover,.x-tag-success.x-disabled:hover:active,.x-tag-success.x-disabled:hover:focus,.x-tag-success.x-disabled:active:hover,.x-tag-success.x-disabled:active:active,.x-tag-success.x-disabled:active:focus{color:var(--x-success-400);background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover>.x-icon:hover,.x-tag-success.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-success-400);background-color:var(--x-success-900)}.x-tag-success.x-tag-dark{border-color:var(--x-success);color:var(--x-white);background-color:var(--x-success)}.x-tag-success.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-success.x-tag-dark.x-disabled{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover,.x-tag-success.x-tag-dark.x-disabled:active,.x-tag-success.x-tag-dark.x-disabled:focus{color:var(--x-success-800);background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-success-800);background-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover,.x-tag-success.x-tag-dark.x-disabled:active{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover:hover,.x-tag-success.x-tag-dark.x-disabled:hover:active,.x-tag-success.x-tag-dark.x-disabled:hover:focus,.x-tag-success.x-tag-dark.x-disabled:active:hover,.x-tag-success.x-tag-dark.x-disabled:active:active,.x-tag-success.x-tag-dark.x-disabled:active:focus{color:var(--x-success-800);background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-success.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-success-800);background-color:var(--x-success-500)}.x-tag-warning{border-color:var(--x-warning-600);color:var(--x-warning);background-color:var(--x-warning-900)}.x-tag-warning>.x-icon:hover{background-color:var(--x-warning)}.x-tag-warning.x-disabled{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover,.x-tag-warning.x-disabled:active,.x-tag-warning.x-disabled:focus{color:var(--x-warning-400);background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-warning-400);background-color:var(--x-warning-900)}.x-tag-warning.x-disabled:hover,.x-tag-warning.x-disabled:active{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover:hover,.x-tag-warning.x-disabled:hover:active,.x-tag-warning.x-disabled:hover:focus,.x-tag-warning.x-disabled:active:hover,.x-tag-warning.x-disabled:active:active,.x-tag-warning.x-disabled:active:focus{color:var(--x-warning-400);background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover>.x-icon:hover,.x-tag-warning.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-warning-400);background-color:var(--x-warning-900)}.x-tag-warning.x-tag-dark{border-color:var(--x-warning);color:var(--x-white);background-color:var(--x-warning)}.x-tag-warning.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-warning.x-tag-dark.x-disabled{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover,.x-tag-warning.x-tag-dark.x-disabled:active,.x-tag-warning.x-tag-dark.x-disabled:focus{color:var(--x-warning-800);background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-warning-800);background-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover,.x-tag-warning.x-tag-dark.x-disabled:active{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover:hover,.x-tag-warning.x-tag-dark.x-disabled:hover:active,.x-tag-warning.x-tag-dark.x-disabled:hover:focus,.x-tag-warning.x-tag-dark.x-disabled:active:hover,.x-tag-warning.x-tag-dark.x-disabled:active:active,.x-tag-warning.x-tag-dark.x-disabled:active:focus{color:var(--x-warning-800);background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-warning.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-warning-800);background-color:var(--x-warning-500)}.x-tag-danger{border-color:var(--x-danger-600);color:var(--x-danger);background-color:var(--x-danger-900)}.x-tag-danger>.x-icon:hover{background-color:var(--x-danger)}.x-tag-danger.x-disabled{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover,.x-tag-danger.x-disabled:active,.x-tag-danger.x-disabled:focus{color:var(--x-danger-400);background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-danger-400);background-color:var(--x-danger-900)}.x-tag-danger.x-disabled:hover,.x-tag-danger.x-disabled:active{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover:hover,.x-tag-danger.x-disabled:hover:active,.x-tag-danger.x-disabled:hover:focus,.x-tag-danger.x-disabled:active:hover,.x-tag-danger.x-disabled:active:active,.x-tag-danger.x-disabled:active:focus{color:var(--x-danger-400);background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover>.x-icon:hover,.x-tag-danger.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-danger-400);background-color:var(--x-danger-900)}.x-tag-danger.x-tag-dark{border-color:var(--x-danger);color:var(--x-white);background-color:var(--x-danger)}.x-tag-danger.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-danger.x-tag-dark.x-disabled{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover,.x-tag-danger.x-tag-dark.x-disabled:active,.x-tag-danger.x-tag-dark.x-disabled:focus{color:var(--x-danger-800);background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-danger-800);background-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover,.x-tag-danger.x-tag-dark.x-disabled:active{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover:hover,.x-tag-danger.x-tag-dark.x-disabled:hover:active,.x-tag-danger.x-tag-dark.x-disabled:hover:focus,.x-tag-danger.x-tag-dark.x-disabled:active:hover,.x-tag-danger.x-tag-dark.x-disabled:active:active,.x-tag-danger.x-tag-dark.x-disabled:active:focus{color:var(--x-danger-800);background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-danger.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-danger-800);background-color:var(--x-danger-500)}.x-tag-info{border-color:var(--x-info-600);color:var(--x-info);background-color:var(--x-info-900)}.x-tag-info>.x-icon:hover{background-color:var(--x-info)}.x-tag-info.x-disabled{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover,.x-tag-info.x-disabled:active,.x-tag-info.x-disabled:focus{color:var(--x-info-400);background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-info-400);background-color:var(--x-info-900)}.x-tag-info.x-disabled:hover,.x-tag-info.x-disabled:active{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover:hover,.x-tag-info.x-disabled:hover:active,.x-tag-info.x-disabled:hover:focus,.x-tag-info.x-disabled:active:hover,.x-tag-info.x-disabled:active:active,.x-tag-info.x-disabled:active:focus{color:var(--x-info-400);background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover>.x-icon:hover,.x-tag-info.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-info-400);background-color:var(--x-info-900)}.x-tag-info.x-tag-dark{border-color:var(--x-info);color:var(--x-white);background-color:var(--x-info)}.x-tag-info.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-info.x-tag-dark.x-disabled{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover,.x-tag-info.x-tag-dark.x-disabled:active,.x-tag-info.x-tag-dark.x-disabled:focus{color:var(--x-info-800);background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-info-800);background-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover,.x-tag-info.x-tag-dark.x-disabled:active{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover:hover,.x-tag-info.x-tag-dark.x-disabled:hover:active,.x-tag-info.x-tag-dark.x-disabled:hover:focus,.x-tag-info.x-tag-dark.x-disabled:active:hover,.x-tag-info.x-tag-dark.x-disabled:active:active,.x-tag-info.x-tag-dark.x-disabled:active:focus{color:var(--x-info-800);background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-info.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-info-800);background-color:var(--x-info-500)}\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 });
39
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XTagComponent, decorators: [{
40
40
  type: Component,
41
41
  args: [{ selector: `${XTagPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #tag class=\"x-tag\" [ngClass]=\"classMap\" [class.x-disabled]=\"disabled\" [class.x-tag-bordered]=\"bordered\">\r\n <ng-content></ng-content>\r\n <x-icon type=\"fto-x\" *ngIf=\"closable\" (click)=\"onClose()\"></x-icon>\r\n</div>\r\n", styles: ["x-tag{display:inline-block}.x-tag{margin:0;padding:0;display:inline-flex;align-items:center;font-size:var(--x-font-size-small);border-radius:var(--x-border-radius);height:1.625rem;line-height:1.625rem;padding:0 .65rem;white-space:nowrap;border:var(--x-border-width) var(--x-border-style);border-width:0}.x-tag>.x-icon{position:relative;right:-.25rem;border-radius:50%;cursor:pointer;padding:.0625rem;font-size:calc(var(--x-font-size-small) + .0625rem);transition:.3s}.x-tag>.x-icon:hover{background-color:var(--x-text-500);color:var(--x-white)}.x-tag-dark{background-color:var(--x-text);color:var(--x-background-100)}.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-bordered{border-width:var(--x-border-width)}.x-tag-big{height:var(--x-height-big);line-height:var(--x-height-big);padding:0 var(--x-padding-big)}.x-tag-big>.x-icon{right:-var(--x-padding-big)/2}.x-tag-large{height:var(--x-height-large);line-height:var(--x-height-large);padding:0 var(--x-padding-large)}.x-tag-large>.x-icon{right:-var(--x-padding-large)/2}.x-tag-medium{height:var(--x-height-medium);line-height:var(--x-height-medium);padding:0 var(--x-padding-medium)}.x-tag-medium>.x-icon{right:-var(--x-padding-medium)/2}.x-tag-small{height:var(--x-height-small);line-height:var(--x-height-small);padding:0 var(--x-padding-small)}.x-tag-small>.x-icon{right:-var(--x-padding-small)/2}.x-tag-mini{height:var(--x-height-mini);line-height:var(--x-height-mini);padding:0 var(--x-padding-mini)}.x-tag-mini>.x-icon{right:-var(--x-padding-mini)/2}.x-tag-initial{border-color:var(--x-border);color:var(--x-text);background-color:var(--x-background-200)}.x-tag-initial>.x-icon:hover{background-color:var(--x-text)}.x-tag-initial.x-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover,.x-tag-initial.x-disabled:active,.x-tag-initial.x-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-disabled:hover,.x-tag-initial.x-disabled:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover:hover,.x-tag-initial.x-disabled:hover:active,.x-tag-initial.x-disabled:hover:focus,.x-tag-initial.x-disabled:active:hover,.x-tag-initial.x-disabled:active:active,.x-tag-initial.x-disabled:active:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover>.x-icon:hover,.x-tag-initial.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-tag-dark{border-color:var(--x-text);color:var(--x-white);background-color:var(--x-text)}.x-tag-initial.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-initial.x-tag-dark.x-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover,.x-tag-initial.x-tag-dark.x-disabled:active,.x-tag-initial.x-tag-dark.x-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-tag-dark.x-disabled:hover,.x-tag-initial.x-tag-dark.x-disabled:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover:hover,.x-tag-initial.x-tag-dark.x-disabled:hover:active,.x-tag-initial.x-tag-dark.x-disabled:hover:focus,.x-tag-initial.x-tag-dark.x-disabled:active:hover,.x-tag-initial.x-tag-dark.x-disabled:active:active,.x-tag-initial.x-tag-dark.x-disabled:active:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-initial.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-primary{border-color:var(--x-primary-600);color:var(--x-primary);background-color:var(--x-primary-900)}.x-tag-primary>.x-icon:hover{background-color:var(--x-primary)}.x-tag-primary.x-disabled{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover,.x-tag-primary.x-disabled:active,.x-tag-primary.x-disabled:focus{color:var(--x-primary-400);background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-primary-400);background-color:var(--x-primary-900)}.x-tag-primary.x-disabled:hover,.x-tag-primary.x-disabled:active{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover:hover,.x-tag-primary.x-disabled:hover:active,.x-tag-primary.x-disabled:hover:focus,.x-tag-primary.x-disabled:active:hover,.x-tag-primary.x-disabled:active:active,.x-tag-primary.x-disabled:active:focus{color:var(--x-primary-400);background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover>.x-icon:hover,.x-tag-primary.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-primary-400);background-color:var(--x-primary-900)}.x-tag-primary.x-tag-dark{border-color:var(--x-primary);color:var(--x-white);background-color:var(--x-primary)}.x-tag-primary.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-primary.x-tag-dark.x-disabled{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover,.x-tag-primary.x-tag-dark.x-disabled:active,.x-tag-primary.x-tag-dark.x-disabled:focus{color:var(--x-primary-800);background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-primary-800);background-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover,.x-tag-primary.x-tag-dark.x-disabled:active{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover:hover,.x-tag-primary.x-tag-dark.x-disabled:hover:active,.x-tag-primary.x-tag-dark.x-disabled:hover:focus,.x-tag-primary.x-tag-dark.x-disabled:active:hover,.x-tag-primary.x-tag-dark.x-disabled:active:active,.x-tag-primary.x-tag-dark.x-disabled:active:focus{color:var(--x-primary-800);background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-primary.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-primary-800);background-color:var(--x-primary-500)}.x-tag-success{border-color:var(--x-success-600);color:var(--x-success);background-color:var(--x-success-900)}.x-tag-success>.x-icon:hover{background-color:var(--x-success)}.x-tag-success.x-disabled{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover,.x-tag-success.x-disabled:active,.x-tag-success.x-disabled:focus{color:var(--x-success-400);background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-success-400);background-color:var(--x-success-900)}.x-tag-success.x-disabled:hover,.x-tag-success.x-disabled:active{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover:hover,.x-tag-success.x-disabled:hover:active,.x-tag-success.x-disabled:hover:focus,.x-tag-success.x-disabled:active:hover,.x-tag-success.x-disabled:active:active,.x-tag-success.x-disabled:active:focus{color:var(--x-success-400);background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover>.x-icon:hover,.x-tag-success.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-success-400);background-color:var(--x-success-900)}.x-tag-success.x-tag-dark{border-color:var(--x-success);color:var(--x-white);background-color:var(--x-success)}.x-tag-success.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-success.x-tag-dark.x-disabled{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover,.x-tag-success.x-tag-dark.x-disabled:active,.x-tag-success.x-tag-dark.x-disabled:focus{color:var(--x-success-800);background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-success-800);background-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover,.x-tag-success.x-tag-dark.x-disabled:active{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover:hover,.x-tag-success.x-tag-dark.x-disabled:hover:active,.x-tag-success.x-tag-dark.x-disabled:hover:focus,.x-tag-success.x-tag-dark.x-disabled:active:hover,.x-tag-success.x-tag-dark.x-disabled:active:active,.x-tag-success.x-tag-dark.x-disabled:active:focus{color:var(--x-success-800);background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-success.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-success-800);background-color:var(--x-success-500)}.x-tag-warning{border-color:var(--x-warning-600);color:var(--x-warning);background-color:var(--x-warning-900)}.x-tag-warning>.x-icon:hover{background-color:var(--x-warning)}.x-tag-warning.x-disabled{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover,.x-tag-warning.x-disabled:active,.x-tag-warning.x-disabled:focus{color:var(--x-warning-400);background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-warning-400);background-color:var(--x-warning-900)}.x-tag-warning.x-disabled:hover,.x-tag-warning.x-disabled:active{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover:hover,.x-tag-warning.x-disabled:hover:active,.x-tag-warning.x-disabled:hover:focus,.x-tag-warning.x-disabled:active:hover,.x-tag-warning.x-disabled:active:active,.x-tag-warning.x-disabled:active:focus{color:var(--x-warning-400);background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover>.x-icon:hover,.x-tag-warning.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-warning-400);background-color:var(--x-warning-900)}.x-tag-warning.x-tag-dark{border-color:var(--x-warning);color:var(--x-white);background-color:var(--x-warning)}.x-tag-warning.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-warning.x-tag-dark.x-disabled{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover,.x-tag-warning.x-tag-dark.x-disabled:active,.x-tag-warning.x-tag-dark.x-disabled:focus{color:var(--x-warning-800);background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-warning-800);background-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover,.x-tag-warning.x-tag-dark.x-disabled:active{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover:hover,.x-tag-warning.x-tag-dark.x-disabled:hover:active,.x-tag-warning.x-tag-dark.x-disabled:hover:focus,.x-tag-warning.x-tag-dark.x-disabled:active:hover,.x-tag-warning.x-tag-dark.x-disabled:active:active,.x-tag-warning.x-tag-dark.x-disabled:active:focus{color:var(--x-warning-800);background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-warning.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-warning-800);background-color:var(--x-warning-500)}.x-tag-danger{border-color:var(--x-danger-600);color:var(--x-danger);background-color:var(--x-danger-900)}.x-tag-danger>.x-icon:hover{background-color:var(--x-danger)}.x-tag-danger.x-disabled{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover,.x-tag-danger.x-disabled:active,.x-tag-danger.x-disabled:focus{color:var(--x-danger-400);background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-danger-400);background-color:var(--x-danger-900)}.x-tag-danger.x-disabled:hover,.x-tag-danger.x-disabled:active{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover:hover,.x-tag-danger.x-disabled:hover:active,.x-tag-danger.x-disabled:hover:focus,.x-tag-danger.x-disabled:active:hover,.x-tag-danger.x-disabled:active:active,.x-tag-danger.x-disabled:active:focus{color:var(--x-danger-400);background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover>.x-icon:hover,.x-tag-danger.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-danger-400);background-color:var(--x-danger-900)}.x-tag-danger.x-tag-dark{border-color:var(--x-danger);color:var(--x-white);background-color:var(--x-danger)}.x-tag-danger.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-danger.x-tag-dark.x-disabled{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover,.x-tag-danger.x-tag-dark.x-disabled:active,.x-tag-danger.x-tag-dark.x-disabled:focus{color:var(--x-danger-800);background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-danger-800);background-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover,.x-tag-danger.x-tag-dark.x-disabled:active{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover:hover,.x-tag-danger.x-tag-dark.x-disabled:hover:active,.x-tag-danger.x-tag-dark.x-disabled:hover:focus,.x-tag-danger.x-tag-dark.x-disabled:active:hover,.x-tag-danger.x-tag-dark.x-disabled:active:active,.x-tag-danger.x-tag-dark.x-disabled:active:focus{color:var(--x-danger-800);background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-danger.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-danger-800);background-color:var(--x-danger-500)}.x-tag-info{border-color:var(--x-info-600);color:var(--x-info);background-color:var(--x-info-900)}.x-tag-info>.x-icon:hover{background-color:var(--x-info)}.x-tag-info.x-disabled{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover,.x-tag-info.x-disabled:active,.x-tag-info.x-disabled:focus{color:var(--x-info-400);background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-info-400);background-color:var(--x-info-900)}.x-tag-info.x-disabled:hover,.x-tag-info.x-disabled:active{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover:hover,.x-tag-info.x-disabled:hover:active,.x-tag-info.x-disabled:hover:focus,.x-tag-info.x-disabled:active:hover,.x-tag-info.x-disabled:active:active,.x-tag-info.x-disabled:active:focus{color:var(--x-info-400);background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover>.x-icon:hover,.x-tag-info.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-info-400);background-color:var(--x-info-900)}.x-tag-info.x-tag-dark{border-color:var(--x-info);color:var(--x-white);background-color:var(--x-info)}.x-tag-info.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-info.x-tag-dark.x-disabled{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover,.x-tag-info.x-tag-dark.x-disabled:active,.x-tag-info.x-tag-dark.x-disabled:focus{color:var(--x-info-800);background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-info-800);background-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover,.x-tag-info.x-tag-dark.x-disabled:active{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover:hover,.x-tag-info.x-tag-dark.x-disabled:hover:active,.x-tag-info.x-tag-dark.x-disabled:hover:focus,.x-tag-info.x-tag-dark.x-disabled:active:hover,.x-tag-info.x-tag-dark.x-disabled:active:active,.x-tag-info.x-tag-dark.x-disabled:active:focus{color:var(--x-info-800);background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-info.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-info-800);background-color:var(--x-info-500)}\n"] }]
42
42
  }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XConfigService }]; } });