x-next 1.0.0 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (792) hide show
  1. package/CHANGELOG.md +47 -0
  2. package/LICENSE +21 -0
  3. package/README.md +12 -0
  4. package/dist/_hooks/use-form-item.d.ts +5 -3
  5. package/dist/_styles/palette-aliases.d.ts +1 -0
  6. package/dist/_utils/helpers.d.ts +0 -9
  7. package/dist/_utils/palette.d.ts +85 -0
  8. package/dist/components/_components/feedback-icon/index.vue.d.ts +156 -12
  9. package/dist/components/_components/icon-hover/index.vue.d.ts +13 -0
  10. package/dist/components/_components/input-label/input-label.d.ts +3 -1
  11. package/dist/components/_components/picker/input-range.vue.d.ts +223 -15
  12. package/dist/components/_components/picker/input.vue.d.ts +223 -15
  13. package/dist/components/_components/select-view/select-view.d.ts +3 -1
  14. package/dist/components/alert/Alert.vue.d.ts +207 -15
  15. package/dist/components/alert/index.d.ts +414 -30
  16. package/dist/components/button/Button.d.ts +12 -3
  17. package/dist/components/button/index.d.ts +24 -7
  18. package/dist/components/button/props.d.ts +6 -1
  19. package/dist/components/config-provider/ConfigProvider.d.ts +93 -0
  20. package/dist/components/config-provider/context.d.ts +18 -0
  21. package/dist/components/config-provider/index.d.ts +99 -0
  22. package/dist/components/date-picker/DatePanel.vue.d.ts +2 -1
  23. package/dist/components/date-picker/DatePicker.vue.d.ts +524 -66
  24. package/dist/components/date-picker/index.d.ts +1050 -133
  25. package/dist/components/date-picker/utils.d.ts +16 -6
  26. package/dist/components/dialog/Dialog.d.ts +1 -1
  27. package/dist/components/dialog/index.d.ts +7 -3
  28. package/dist/components/drawer/index.d.ts +101 -68
  29. package/dist/components/drawer/src/Drawer.vue.d.ts +49 -33
  30. package/dist/components/dropdown/Dropdown.vue.d.ts +16 -0
  31. package/dist/components/dropdown/DropdownButton.vue.d.ts +94 -27
  32. package/dist/components/dropdown/DropdownSubmenu.vue.d.ts +55 -3
  33. package/dist/components/dropdown/dropdown-panel.vue.d.ts +16 -0
  34. package/dist/components/dropdown/index.d.ts +378 -108
  35. package/dist/components/empty/Empty.d.ts +19 -0
  36. package/dist/components/empty/index.d.ts +15 -0
  37. package/dist/components/form/FormItem.vue.d.ts +39 -22
  38. package/dist/components/form/context.d.ts +0 -1
  39. package/dist/components/form/form-item-label.vue.d.ts +39 -3
  40. package/dist/components/form/index.d.ts +121 -61
  41. package/dist/components/form/interface.d.ts +12 -0
  42. package/dist/components/form-checkbox/Checkbox.d.ts +12 -0
  43. package/dist/components/form-checkbox/CheckboxGroup.d.ts +1 -1
  44. package/dist/components/form-checkbox/index.d.ts +27 -3
  45. package/dist/components/form-input/InputPassword.vue.d.ts +91 -6
  46. package/dist/components/form-input/index.d.ts +183 -12
  47. package/dist/components/form-input-number/InputNumber.d.ts +1 -1
  48. package/dist/components/form-input-number/index.d.ts +3 -3
  49. package/dist/components/form-input-tag/InputTag.d.ts +3 -1
  50. package/dist/components/form-input-tag/index.d.ts +6 -3
  51. package/dist/components/form-radio/Radio.d.ts +12 -0
  52. package/dist/components/form-radio/RadioGroup.d.ts +1 -1
  53. package/dist/components/form-radio/index.d.ts +27 -3
  54. package/dist/components/form-select/Select.d.ts +4 -2
  55. package/dist/components/form-select/SelectDropdown.vue.d.ts +21 -1
  56. package/dist/components/form-select/SelectOption.vue.d.ts +13 -0
  57. package/dist/components/form-select/context.d.ts +1 -0
  58. package/dist/components/form-select/hooks/use-select.d.ts +2 -1
  59. package/dist/components/form-select/index.d.ts +78 -8
  60. package/dist/components/form-slider/Slider.vue.d.ts +23 -5
  61. package/dist/components/form-slider/index.d.ts +35 -11
  62. package/dist/components/form-slider/slider-button.vue.d.ts +5 -1
  63. package/dist/components/form-slider/slider-input.vue.d.ts +3 -3
  64. package/dist/components/form-switch/Switch.vue.d.ts +39 -3
  65. package/dist/components/form-switch/index.d.ts +78 -6
  66. package/dist/components/form-textarea/Textarea.vue.d.ts +53 -4
  67. package/dist/components/form-textarea/index.d.ts +108 -9
  68. package/dist/components/image/Image.vue.d.ts +237 -19
  69. package/dist/components/image/ImagePreview.vue.d.ts +158 -12
  70. package/dist/components/image/ImagePreviewGroup.vue.d.ts +158 -12
  71. package/dist/components/image/index.d.ts +1109 -88
  72. package/dist/components/image/preview-arrow.vue.d.ts +79 -6
  73. package/dist/components/index.d.ts +1 -1
  74. package/dist/components/layout/LayoutSidebar.vue.d.ts +78 -6
  75. package/dist/components/layout/index.d.ts +156 -12
  76. package/dist/components/link/Link.vue.d.ts +79 -7
  77. package/dist/components/link/index.d.ts +159 -15
  78. package/dist/components/menu/Menu.d.ts +79 -6
  79. package/dist/components/menu/base-menu.vue.d.ts +79 -6
  80. package/dist/components/menu/index.d.ts +158 -12
  81. package/dist/components/menu/sub-menu-pop.vue.d.ts +79 -6
  82. package/dist/components/message/index.d.ts +573 -45
  83. package/dist/components/message/message.vue.d.ts +286 -22
  84. package/dist/components/pagination/page-item-ellipsis.vue.d.ts +41 -3
  85. package/dist/components/pagination/page-item-step.vue.d.ts +79 -6
  86. package/dist/components/pagination/page-jumper.vue.d.ts +4 -3
  87. package/dist/components/pagination/page-options.vue.d.ts +9 -5
  88. package/dist/components/popconfirm/index.d.ts +14 -14
  89. package/dist/components/popconfirm/src/Popconfirm.d.ts +7 -7
  90. package/dist/components/popconfirm/src/popup.vue.d.ts +91 -39
  91. package/dist/components/popconfirm/src/props.d.ts +2 -2
  92. package/dist/components/progress/Progress.vue.d.ts +159 -15
  93. package/dist/components/progress/circle.vue.d.ts +78 -6
  94. package/dist/components/progress/index.d.ts +318 -30
  95. package/dist/components/progress/line.vue.d.ts +42 -6
  96. package/dist/components/progress/steps.vue.d.ts +39 -3
  97. package/dist/components/rate/Rate.d.ts +2 -2
  98. package/dist/components/rate/index.d.ts +6 -6
  99. package/dist/components/skeleton/Skeleton.vue.d.ts +1 -1
  100. package/dist/components/skeleton/index.d.ts +3 -3
  101. package/dist/components/steps/Step.vue.d.ts +78 -6
  102. package/dist/components/steps/index.d.ts +156 -12
  103. package/dist/components/table/Table.d.ts +8 -14
  104. package/dist/components/table/hooks/use-drag.d.ts +0 -1
  105. package/dist/components/table/hooks/use-pagination.d.ts +3 -2
  106. package/dist/components/table/index.d.ts +25 -27
  107. package/dist/components/table/interface.d.ts +6 -1
  108. package/dist/components/table/locale.d.ts +23 -0
  109. package/dist/components/table/table-operation-td.d.ts +48 -98
  110. package/dist/components/table/table-td.d.ts +1 -1
  111. package/dist/components/table/table-tr.d.ts +1 -1
  112. package/dist/components/tabs/tabs-tab.vue.d.ts +52 -3
  113. package/dist/components/tag/Tag.vue.d.ts +93 -8
  114. package/dist/components/tag/index.d.ts +189 -18
  115. package/dist/components/time-picker/TimePanel.vue.d.ts +47 -31
  116. package/dist/components/time-picker/TimePicker.vue.d.ts +559 -67
  117. package/dist/components/time-picker/index.d.ts +1160 -140
  118. package/dist/components/trend-chart/themes.d.ts +2 -0
  119. package/dist/es/_container/client-only.js +16 -0
  120. package/dist/es/_container/render-function.js +16 -0
  121. package/dist/es/_container/resize-observer-v2.js +45 -0
  122. package/dist/es/_container/resize-observer.js +36 -0
  123. package/dist/es/_container/resize-trigger.vue.js +39 -0
  124. package/dist/es/_container/resize-trigger.vue2.js +58 -0
  125. package/dist/es/_hooks/use-children-components.js +17 -0
  126. package/dist/es/_hooks/use-component-ref.js +16 -0
  127. package/dist/es/_hooks/use-cursor.js +36 -0
  128. package/dist/es/_hooks/use-first-element.js +15 -0
  129. package/dist/es/_hooks/use-form-item.js +16 -0
  130. package/dist/es/_hooks/use-index.js +32 -0
  131. package/dist/es/_hooks/use-input.js +59 -0
  132. package/dist/es/_hooks/use-merge-state.js +16 -0
  133. package/dist/es/_hooks/use-overflow.js +46 -0
  134. package/dist/es/_hooks/use-pick-slots.js +11 -0
  135. package/dist/es/_hooks/use-popup-container.js +12 -0
  136. package/dist/es/_hooks/use-popup-manager.js +51 -0
  137. package/dist/es/_hooks/use-popup-overflow-hidden.js +29 -0
  138. package/dist/es/_hooks/use-pure-prop.js +11 -0
  139. package/dist/es/_hooks/use-resize-observer.js +22 -0
  140. package/dist/es/_hooks/use-responsive.js +20 -0
  141. package/dist/es/_hooks/use-scrollbar.js +18 -0
  142. package/dist/es/_hooks/use-size.js +16 -0
  143. package/dist/es/_hooks/use-state.js +10 -0
  144. package/dist/es/_hooks/use-teleport-container.js +22 -0
  145. package/dist/es/_hooks/use-trigger.js +19 -0
  146. package/dist/es/_styles/palette-aliases.js +188 -0
  147. package/dist/es/_utils/array.js +4 -0
  148. package/dist/es/_utils/config.js +15 -0
  149. package/dist/es/_utils/constant.js +56 -0
  150. package/dist/es/_utils/convert-case.js +5 -0
  151. package/dist/es/_utils/date.js +63 -0
  152. package/dist/es/_utils/debounce.js +12 -0
  153. package/dist/es/_utils/dom.js +102 -0
  154. package/dist/es/_utils/get-value-by-path.js +35 -0
  155. package/dist/es/_utils/helpers.js +27 -0
  156. package/dist/es/_utils/is-equal.js +30 -0
  157. package/dist/es/_utils/is.js +56 -0
  158. package/dist/es/_utils/keyboard.js +36 -0
  159. package/dist/es/_utils/keycode.js +9 -0
  160. package/dist/es/_utils/omit.js +9 -0
  161. package/dist/es/_utils/palette.js +57 -0
  162. package/dist/es/_utils/pick.js +10 -0
  163. package/dist/es/_utils/raf.js +5 -0
  164. package/dist/es/_utils/responsive-observe.js +60 -0
  165. package/dist/es/_utils/style.js +17 -0
  166. package/dist/es/_utils/throttle-by-raf.js +15 -0
  167. package/dist/es/_utils/use-prop-or-slot.js +7 -0
  168. package/dist/es/_utils/vue-eco.js +137 -0
  169. package/dist/es/_virtual/_commonjsHelpers.js +6 -0
  170. package/dist/es/_virtual/_plugin-vue_export-helper.js +9 -0
  171. package/dist/es/_virtual/advancedFormat.js +7 -0
  172. package/dist/es/_virtual/advancedFormat2.js +4 -0
  173. package/dist/es/_virtual/customParseFormat.js +7 -0
  174. package/dist/es/_virtual/customParseFormat2.js +4 -0
  175. package/dist/es/_virtual/dayjs.min.js +7 -0
  176. package/dist/es/_virtual/dayjs.min2.js +4 -0
  177. package/dist/es/_virtual/isBetween.js +7 -0
  178. package/dist/es/_virtual/isBetween2.js +4 -0
  179. package/dist/es/_virtual/quarterOfYear.js +7 -0
  180. package/dist/es/_virtual/quarterOfYear2.js +4 -0
  181. package/dist/es/_virtual/weekOfYear.js +7 -0
  182. package/dist/es/_virtual/weekOfYear2.js +4 -0
  183. package/dist/es/_virtual/weekYear.js +7 -0
  184. package/dist/es/_virtual/weekYear2.js +4 -0
  185. package/dist/es/_virtual/zh-cn.js +2 -0
  186. package/dist/es/_virtual/zh-cn2.js +4 -0
  187. package/dist/es/components/_components/auto-tooltip/auto-tooltip.js +71 -0
  188. package/dist/es/components/_components/feedback-icon/index.vue.js +15 -0
  189. package/dist/es/components/_components/feedback-icon/index.vue2.js +29 -0
  190. package/dist/es/components/_components/icon-hover/index.vue.js +30 -0
  191. package/dist/es/components/_components/icon-hover/index.vue2.js +45 -0
  192. package/dist/es/components/_components/input-label/input-label.js +141 -0
  193. package/dist/es/components/_components/picker/input-range.vue.js +92 -0
  194. package/dist/es/components/_components/picker/input-range.vue2.js +163 -0
  195. package/dist/es/components/_components/picker/input.vue.js +63 -0
  196. package/dist/es/components/_components/picker/input.vue2.js +114 -0
  197. package/dist/es/components/_components/select-view/select-view.js +226 -0
  198. package/dist/es/components/_components/transition/expand-transition.vue.js +22 -0
  199. package/dist/es/components/_components/transition/expand-transition.vue2.js +29 -0
  200. package/dist/es/components/alert/Alert.vue.js +73 -0
  201. package/dist/es/components/alert/Alert.vue2.js +163 -0
  202. package/dist/es/components/alert/index.js +8 -0
  203. package/dist/es/components/button/Button.js +73 -0
  204. package/dist/es/components/button/ButtonGroup.vue.js +14 -0
  205. package/dist/es/components/button/ButtonGroup.vue2.js +63 -0
  206. package/dist/es/components/button/context.js +4 -0
  207. package/dist/es/components/button/index.js +10 -0
  208. package/dist/es/components/button/props.js +60 -0
  209. package/dist/es/components/config-provider/ConfigProvider.js +97 -0
  210. package/dist/es/components/config-provider/context.js +4 -0
  211. package/dist/es/components/config-provider/index.js +11 -0
  212. package/dist/es/components/date-picker/DatePanel.vue.js +159 -0
  213. package/dist/es/components/date-picker/DatePanel.vue2.js +136 -0
  214. package/dist/es/components/date-picker/DatePicker.vue.js +390 -0
  215. package/dist/es/components/date-picker/DatePicker.vue2.js +450 -0
  216. package/dist/es/components/date-picker/index.js +56 -0
  217. package/dist/es/components/date-picker/lunar/data.js +9581 -0
  218. package/dist/es/components/date-picker/lunar/index.js +58 -0
  219. package/dist/es/components/date-picker/utils.js +200 -0
  220. package/dist/es/components/dialog/Dialog.js +196 -0
  221. package/dist/es/components/dialog/index.js +8 -0
  222. package/dist/es/components/dialog/props.js +95 -0
  223. package/dist/es/components/dialog/use.js +103 -0
  224. package/dist/es/components/dialog/warp.js +4 -0
  225. package/dist/es/components/draggable/Draggable.js +73 -0
  226. package/dist/es/components/draggable/directive.js +31 -0
  227. package/dist/es/components/draggable/index.js +8 -0
  228. package/dist/es/components/draggable/useDraggable.js +172 -0
  229. package/dist/es/components/draggable/utils/index.js +78 -0
  230. package/dist/es/components/draggable/utils/log.js +11 -0
  231. package/dist/es/components/drawer/index.js +8 -0
  232. package/dist/es/components/drawer/src/Drawer.vue.js +137 -0
  233. package/dist/es/components/drawer/src/Drawer.vue2.js +130 -0
  234. package/dist/es/components/drawer/src/props.js +101 -0
  235. package/dist/es/components/dropdown/Dropdown.vue.js +56 -0
  236. package/dist/es/components/dropdown/Dropdown.vue2.js +175 -0
  237. package/dist/es/components/dropdown/DropdownButton.vue.js +57 -0
  238. package/dist/es/components/dropdown/DropdownButton.vue2.js +152 -0
  239. package/dist/es/components/dropdown/DropdownGroup.vue.js +20 -0
  240. package/dist/es/components/dropdown/DropdownGroup.vue2.js +26 -0
  241. package/dist/es/components/dropdown/DropdownOption.vue.js +37 -0
  242. package/dist/es/components/dropdown/DropdownOption.vue2.js +65 -0
  243. package/dist/es/components/dropdown/DropdownSubmenu.vue.js +62 -0
  244. package/dist/es/components/dropdown/DropdownSubmenu.vue2.js +120 -0
  245. package/dist/es/components/dropdown/context.js +4 -0
  246. package/dist/es/components/dropdown/dropdown-panel.vue.js +49 -0
  247. package/dist/es/components/dropdown/dropdown-panel.vue2.js +69 -0
  248. package/dist/es/components/dropdown/index.js +25 -0
  249. package/dist/es/components/empty/Empty.js +82 -0
  250. package/dist/es/components/empty/index.js +8 -0
  251. package/dist/es/components/form/Form.vue.js +18 -0
  252. package/dist/es/components/form/Form.vue2.js +317 -0
  253. package/dist/es/components/form/FormItem.vue.js +93 -0
  254. package/dist/es/components/form/FormItem.vue2.js +409 -0
  255. package/dist/es/components/form/context.js +5 -0
  256. package/dist/es/components/form/form-item-label.vue.js +62 -0
  257. package/dist/es/components/form/form-item-label.vue2.js +54 -0
  258. package/dist/es/components/form/form-item-message.vue.js +37 -0
  259. package/dist/es/components/form/form-item-message.vue2.js +20 -0
  260. package/dist/es/components/form/index.js +10 -0
  261. package/dist/es/components/form/interface.js +4 -0
  262. package/dist/es/components/form/utils.js +24 -0
  263. package/dist/es/components/form-checkbox/Checkbox.js +176 -0
  264. package/dist/es/components/form-checkbox/CheckboxGroup.js +153 -0
  265. package/dist/es/components/form-checkbox/context.js +4 -0
  266. package/dist/es/components/form-checkbox/icon-check.js +52 -0
  267. package/dist/es/components/form-checkbox/index.js +10 -0
  268. package/dist/es/components/form-input/Input.js +360 -0
  269. package/dist/es/components/form-input/InputGroup.vue.js +14 -0
  270. package/dist/es/components/form-input/InputGroup.vue2.js +13 -0
  271. package/dist/es/components/form-input/InputPassword.vue.js +59 -0
  272. package/dist/es/components/form-input/InputPassword.vue2.js +83 -0
  273. package/dist/es/components/form-input/InputSearch.js +140 -0
  274. package/dist/es/components/form-input/index.js +14 -0
  275. package/dist/es/components/form-input-number/InputNumber.js +441 -0
  276. package/dist/es/components/form-input-number/index.js +8 -0
  277. package/dist/es/components/form-input-tag/InputTag.js +463 -0
  278. package/dist/es/components/form-input-tag/index.js +8 -0
  279. package/dist/es/components/form-input-tag/utils.js +32 -0
  280. package/dist/es/components/form-radio/Radio.js +182 -0
  281. package/dist/es/components/form-radio/RadioGroup.js +176 -0
  282. package/dist/es/components/form-radio/context.js +4 -0
  283. package/dist/es/components/form-radio/index.js +10 -0
  284. package/dist/es/components/form-select/Select.js +801 -0
  285. package/dist/es/components/form-select/SelectDropdown.vue.js +59 -0
  286. package/dist/es/components/form-select/SelectDropdown.vue2.js +69 -0
  287. package/dist/es/components/form-select/SelectOption.vue.js +60 -0
  288. package/dist/es/components/form-select/SelectOption.vue2.js +130 -0
  289. package/dist/es/components/form-select/SelectOptionGroup.vue.js +19 -0
  290. package/dist/es/components/form-select/SelectOptionGroup.vue2.js +28 -0
  291. package/dist/es/components/form-select/context.js +4 -0
  292. package/dist/es/components/form-select/hooks/use-options.js +95 -0
  293. package/dist/es/components/form-select/hooks/use-select.js +148 -0
  294. package/dist/es/components/form-select/index.js +20 -0
  295. package/dist/es/components/form-select/utils.js +91 -0
  296. package/dist/es/components/form-slider/Slider.vue.js +92 -0
  297. package/dist/es/components/form-slider/Slider.vue2.js +316 -0
  298. package/dist/es/components/form-slider/index.js +8 -0
  299. package/dist/es/components/form-slider/slider-button.vue.js +39 -0
  300. package/dist/es/components/form-slider/slider-button.vue2.js +87 -0
  301. package/dist/es/components/form-slider/slider-dots.vue.js +22 -0
  302. package/dist/es/components/form-slider/slider-dots.vue2.js +35 -0
  303. package/dist/es/components/form-slider/slider-input.vue.js +37 -0
  304. package/dist/es/components/form-slider/slider-input.vue2.js +39 -0
  305. package/dist/es/components/form-slider/slider-marks.vue.js +19 -0
  306. package/dist/es/components/form-slider/slider-marks.vue2.js +33 -0
  307. package/dist/es/components/form-slider/slider-ticks.vue.js +21 -0
  308. package/dist/es/components/form-slider/slider-ticks.vue2.js +50 -0
  309. package/dist/es/components/form-slider/utils.js +17 -0
  310. package/dist/es/components/form-switch/Switch.vue.js +56 -0
  311. package/dist/es/components/form-switch/Switch.vue2.js +275 -0
  312. package/dist/es/components/form-switch/index.js +8 -0
  313. package/dist/es/components/form-textarea/Textarea.vue.js +61 -0
  314. package/dist/es/components/form-textarea/Textarea.vue2.js +308 -0
  315. package/dist/es/components/form-textarea/index.js +8 -0
  316. package/dist/es/components/form-textarea/utils.js +31 -0
  317. package/dist/es/components/grid/Col.vue.js +16 -0
  318. package/dist/es/components/grid/Col.vue2.js +131 -0
  319. package/dist/es/components/grid/Grid.vue.js +15 -0
  320. package/dist/es/components/grid/Grid.vue2.js +98 -0
  321. package/dist/es/components/grid/GridItem.vue.js +16 -0
  322. package/dist/es/components/grid/GridItem.vue2.js +85 -0
  323. package/dist/es/components/grid/Row.vue.js +15 -0
  324. package/dist/es/components/grid/Row.vue2.js +84 -0
  325. package/dist/es/components/grid/context.js +10 -0
  326. package/dist/es/components/grid/hook/use-responsive-state.js +40 -0
  327. package/dist/es/components/grid/hook/use-responsive-value.js +23 -0
  328. package/dist/es/components/grid/index.js +14 -0
  329. package/dist/es/components/grid/utils/index.js +51 -0
  330. package/dist/es/components/image/Image.vue.js +91 -0
  331. package/dist/es/components/image/Image.vue2.js +259 -0
  332. package/dist/es/components/image/ImagePreview.vue.js +104 -0
  333. package/dist/es/components/image/ImagePreview.vue2.js +361 -0
  334. package/dist/es/components/image/ImagePreviewAction.js +66 -0
  335. package/dist/es/components/image/ImagePreviewGroup.vue.js +32 -0
  336. package/dist/es/components/image/ImagePreviewGroup.vue2.js +228 -0
  337. package/dist/es/components/image/context.js +6 -0
  338. package/dist/es/components/image/hooks/use-image-drag.js +45 -0
  339. package/dist/es/components/image/hooks/use-image-load-status.js +17 -0
  340. package/dist/es/components/image/image-footer.vue.js +35 -0
  341. package/dist/es/components/image/image-footer.vue2.js +21 -0
  342. package/dist/es/components/image/index.js +20 -0
  343. package/dist/es/components/image/preview-arrow.vue.js +49 -0
  344. package/dist/es/components/image/preview-arrow.vue2.js +30 -0
  345. package/dist/es/components/image/preview-toolbar.vue.js +28 -0
  346. package/dist/es/components/image/preview-toolbar.vue2.js +41 -0
  347. package/dist/es/components/image/utils/get-fix-translate.js +7 -0
  348. package/dist/es/components/image/utils/get-scale.js +49 -0
  349. package/dist/es/components/image/utils/index.js +10 -0
  350. package/dist/es/components/index.js +162 -0
  351. package/dist/es/components/layout/Layout.vue.js +14 -0
  352. package/dist/es/components/layout/Layout.vue2.js +31 -0
  353. package/dist/es/components/layout/LayoutContent.vue.js +27 -0
  354. package/dist/es/components/layout/LayoutFooter.vue.js +27 -0
  355. package/dist/es/components/layout/LayoutHeader.vue.js +27 -0
  356. package/dist/es/components/layout/LayoutSidebar.vue.js +38 -0
  357. package/dist/es/components/layout/LayoutSidebar.vue2.js +178 -0
  358. package/dist/es/components/layout/context.js +7 -0
  359. package/dist/es/components/layout/index.js +16 -0
  360. package/dist/es/components/link/Link.vue.js +31 -0
  361. package/dist/es/components/link/Link.vue2.js +99 -0
  362. package/dist/es/components/link/index.js +8 -0
  363. package/dist/es/components/menu/Menu.js +48 -0
  364. package/dist/es/components/menu/MenuItem.js +134 -0
  365. package/dist/es/components/menu/MenuSubMenu.js +161 -0
  366. package/dist/es/components/menu/base-menu.vue.js +39 -0
  367. package/dist/es/components/menu/base-menu.vue2.js +349 -0
  368. package/dist/es/components/menu/context.js +6 -0
  369. package/dist/es/components/menu/hooks/use-level.js +25 -0
  370. package/dist/es/components/menu/hooks/use-menu-context.js +8 -0
  371. package/dist/es/components/menu/hooks/use-menu-data-collector.js +63 -0
  372. package/dist/es/components/menu/hooks/use-menu-open-state.js +75 -0
  373. package/dist/es/components/menu/hooks/use-menu.js +16 -0
  374. package/dist/es/components/menu/indent.vue.js +36 -0
  375. package/dist/es/components/menu/index.js +14 -0
  376. package/dist/es/components/menu/item-group.vue.js +23 -0
  377. package/dist/es/components/menu/item-group.vue2.js +39 -0
  378. package/dist/es/components/menu/overflow-wrap.js +92 -0
  379. package/dist/es/components/menu/sub-menu-inline.vue.js +72 -0
  380. package/dist/es/components/menu/sub-menu-inline.vue2.js +50 -0
  381. package/dist/es/components/menu/sub-menu-pop.vue.js +111 -0
  382. package/dist/es/components/menu/sub-menu-pop.vue2.js +99 -0
  383. package/dist/es/components/message/index.js +8 -0
  384. package/dist/es/components/message/message-list.js +70 -0
  385. package/dist/es/components/message/message.vue.js +54 -0
  386. package/dist/es/components/message/message.vue2.js +142 -0
  387. package/dist/es/components/message/props.js +12 -0
  388. package/dist/es/components/message/warp.js +144 -0
  389. package/dist/es/components/message-box/MessageBox.js +180 -0
  390. package/dist/es/components/message-box/props.js +4 -0
  391. package/dist/es/components/message-box/warp.js +4 -0
  392. package/dist/es/components/network/Network.vue.js +60 -0
  393. package/dist/es/components/network/Network.vue2.js +178 -0
  394. package/dist/es/components/network/index.js +8 -0
  395. package/dist/es/components/network/utils.js +153 -0
  396. package/dist/es/components/notification/Notification.js +84 -0
  397. package/dist/es/components/notification/index.js +8 -0
  398. package/dist/es/components/notification/notification-list.js +72 -0
  399. package/dist/es/components/notification/props.js +65 -0
  400. package/dist/es/components/notification/warp.js +147 -0
  401. package/dist/es/components/pagination/Pagination.js +392 -0
  402. package/dist/es/components/pagination/index.js +8 -0
  403. package/dist/es/components/pagination/page-item-ellipsis.vue.js +23 -0
  404. package/dist/es/components/pagination/page-item-ellipsis.vue2.js +50 -0
  405. package/dist/es/components/pagination/page-item-step.vue.js +28 -0
  406. package/dist/es/components/pagination/page-item-step.vue2.js +66 -0
  407. package/dist/es/components/pagination/page-item.vue.js +24 -0
  408. package/dist/es/components/pagination/page-item.vue2.js +47 -0
  409. package/dist/es/components/pagination/page-jumper.vue.js +48 -0
  410. package/dist/es/components/pagination/page-jumper.vue2.js +68 -0
  411. package/dist/es/components/pagination/page-options.vue.js +20 -0
  412. package/dist/es/components/pagination/page-options.vue2.js +46 -0
  413. package/dist/es/components/pagination/utils.js +4 -0
  414. package/dist/es/components/popconfirm/index.js +8 -0
  415. package/dist/es/components/popconfirm/src/Popconfirm.js +74 -0
  416. package/dist/es/components/popconfirm/src/popup.vue.js +60 -0
  417. package/dist/es/components/popconfirm/src/popup.vue2.js +100 -0
  418. package/dist/es/components/popconfirm/src/props.js +82 -0
  419. package/dist/es/components/popover/Popover.js +86 -0
  420. package/dist/es/components/popover/index.js +8 -0
  421. package/dist/es/components/popover/props.js +139 -0
  422. package/dist/es/components/popup/Popup.js +61 -0
  423. package/dist/es/components/popup/index.js +8 -0
  424. package/dist/es/components/progress/Progress.vue.js +73 -0
  425. package/dist/es/components/progress/Progress.vue2.js +130 -0
  426. package/dist/es/components/progress/circle.vue.js +78 -0
  427. package/dist/es/components/progress/circle.vue2.js +83 -0
  428. package/dist/es/components/progress/index.js +8 -0
  429. package/dist/es/components/progress/line.vue.js +41 -0
  430. package/dist/es/components/progress/line.vue2.js +93 -0
  431. package/dist/es/components/progress/steps.vue.js +45 -0
  432. package/dist/es/components/progress/steps.vue2.js +56 -0
  433. package/dist/es/components/rate/Rate.js +390 -0
  434. package/dist/es/components/rate/index.js +8 -0
  435. package/dist/es/components/resize-box/ResizeBox.vue.js +53 -0
  436. package/dist/es/components/resize-box/ResizeBox.vue2.js +257 -0
  437. package/dist/es/components/resize-box/index.js +8 -0
  438. package/dist/es/components/scrollbar-v2/Scrollbar.vue.js +50 -0
  439. package/dist/es/components/scrollbar-v2/Scrollbar.vue2.js +268 -0
  440. package/dist/es/components/scrollbar-v2/index.js +8 -0
  441. package/dist/es/components/scrollbar-v2/thumb.vue.js +30 -0
  442. package/dist/es/components/scrollbar-v2/thumb.vue2.js +77 -0
  443. package/dist/es/components/skeleton/Skeleton.vue.js +14 -0
  444. package/dist/es/components/skeleton/Skeleton.vue2.js +37 -0
  445. package/dist/es/components/skeleton/SkeletonLine.vue.js +18 -0
  446. package/dist/es/components/skeleton/SkeletonLine.vue2.js +57 -0
  447. package/dist/es/components/skeleton/SkeletonShape.vue.js +12 -0
  448. package/dist/es/components/skeleton/SkeletonShape.vue2.js +38 -0
  449. package/dist/es/components/skeleton/index.js +12 -0
  450. package/dist/es/components/space/Space.js +85 -0
  451. package/dist/es/components/space/index.js +8 -0
  452. package/dist/es/components/spin/Spin.js +135 -0
  453. package/dist/es/components/spin/dot-loading.js +37 -0
  454. package/dist/es/components/spin/index.js +8 -0
  455. package/dist/es/components/steps/Step.vue.js +68 -0
  456. package/dist/es/components/steps/Step.vue2.js +115 -0
  457. package/dist/es/components/steps/Steps.vue.js +14 -0
  458. package/dist/es/components/steps/Steps.vue2.js +140 -0
  459. package/dist/es/components/steps/context.js +4 -0
  460. package/dist/es/components/steps/index.js +10 -0
  461. package/dist/es/components/table/Table.js +1574 -0
  462. package/dist/es/components/table/TableColumn.js +247 -0
  463. package/dist/es/components/table/context.js +5 -0
  464. package/dist/es/components/table/hooks/use-column-filter.js +47 -0
  465. package/dist/es/components/table/hooks/use-column-resize.js +27 -0
  466. package/dist/es/components/table/hooks/use-column-sorter.js +37 -0
  467. package/dist/es/components/table/hooks/use-drag.js +42 -0
  468. package/dist/es/components/table/hooks/use-expand.js +38 -0
  469. package/dist/es/components/table/hooks/use-filter.js +53 -0
  470. package/dist/es/components/table/hooks/use-pagination.js +30 -0
  471. package/dist/es/components/table/hooks/use-row-selection.js +57 -0
  472. package/dist/es/components/table/hooks/use-sorter.js +53 -0
  473. package/dist/es/components/table/hooks/use-span.js +46 -0
  474. package/dist/es/components/table/index.js +10 -0
  475. package/dist/es/components/table/locale.js +21 -0
  476. package/dist/es/components/table/table-col-group.vue.js +25 -0
  477. package/dist/es/components/table/table-col-group.vue2.js +36 -0
  478. package/dist/es/components/table/table-operation-td.js +117 -0
  479. package/dist/es/components/table/table-operation-th.js +64 -0
  480. package/dist/es/components/table/table-tbody.js +18 -0
  481. package/dist/es/components/table/table-td.js +174 -0
  482. package/dist/es/components/table/table-th.js +270 -0
  483. package/dist/es/components/table/table-thead.js +18 -0
  484. package/dist/es/components/table/table-tr.js +45 -0
  485. package/dist/es/components/table/utils.js +168 -0
  486. package/dist/es/components/tabs/TabPane.vue.js +27 -0
  487. package/dist/es/components/tabs/TabPane.vue2.js +73 -0
  488. package/dist/es/components/tabs/Tabs.js +290 -0
  489. package/dist/es/components/tabs/context.js +4 -0
  490. package/dist/es/components/tabs/index.js +10 -0
  491. package/dist/es/components/tabs/tabs-button.js +62 -0
  492. package/dist/es/components/tabs/tabs-nav-ink.vue.js +13 -0
  493. package/dist/es/components/tabs/tabs-nav-ink.vue2.js +49 -0
  494. package/dist/es/components/tabs/tabs-nav.js +216 -0
  495. package/dist/es/components/tabs/tabs-tab.vue.js +36 -0
  496. package/dist/es/components/tabs/tabs-tab.vue2.js +54 -0
  497. package/dist/es/components/tabs/utils.js +12 -0
  498. package/dist/es/components/tag/Tag.vue.js +50 -0
  499. package/dist/es/components/tag/Tag.vue2.js +180 -0
  500. package/dist/es/components/tag/index.js +8 -0
  501. package/dist/es/components/tag/interface.js +18 -0
  502. package/dist/es/components/time-picker/TimeColumn.vue.js +53 -0
  503. package/dist/es/components/time-picker/TimeColumn.vue2.js +55 -0
  504. package/dist/es/components/time-picker/TimePanel.vue.js +69 -0
  505. package/dist/es/components/time-picker/TimePanel.vue2.js +89 -0
  506. package/dist/es/components/time-picker/TimePicker.vue.js +159 -0
  507. package/dist/es/components/time-picker/TimePicker.vue2.js +279 -0
  508. package/dist/es/components/time-picker/TimeRangePanel.js +129 -0
  509. package/dist/es/components/time-picker/hooks/use-time-format.js +14 -0
  510. package/dist/es/components/time-picker/hooks/use-time-list.js +46 -0
  511. package/dist/es/components/time-picker/hooks/use-time-state.js +27 -0
  512. package/dist/es/components/time-picker/index.js +8 -0
  513. package/dist/es/components/time-picker/utils.js +56 -0
  514. package/dist/es/components/time-range-selector/TimeRangeSelector.vue.js +296 -0
  515. package/dist/es/components/time-range-selector/TimeRangeSelector.vue2.js +4 -0
  516. package/dist/es/components/time-range-selector/index.js +11 -0
  517. package/dist/es/components/timeline/index.js +8 -0
  518. package/dist/es/components/timeline/src/Timeline.js +65 -0
  519. package/dist/es/components/timeline/src/TimelineItem.js +63 -0
  520. package/dist/es/components/timeline/src/context.js +4 -0
  521. package/dist/es/components/timeline/src/props.js +84 -0
  522. package/dist/es/components/timeline-item/index.js +8 -0
  523. package/dist/es/components/tooltip/Tooltip.vue.js +135 -0
  524. package/dist/es/components/tooltip/Tooltip.vue2.js +4 -0
  525. package/dist/es/components/tooltip/index.js +8 -0
  526. package/dist/es/components/tooltip/props.js +146 -0
  527. package/dist/es/components/trend-chart/components/TrendChart.js +212 -0
  528. package/dist/es/components/trend-chart/components/trend-chart-curve.js +79 -0
  529. package/dist/es/components/trend-chart/components/trend-chart-grid.js +62 -0
  530. package/dist/es/components/trend-chart/components/trend-chart-labels.js +73 -0
  531. package/dist/es/components/trend-chart/helpers/genPath.js +22 -0
  532. package/dist/es/components/trend-chart/helpers/genPoints.js +21 -0
  533. package/dist/es/components/trend-chart/helpers/getPadding.js +21 -0
  534. package/dist/es/components/trend-chart/helpers/validatePadding.js +7 -0
  535. package/dist/es/components/trend-chart/index.js +8 -0
  536. package/dist/es/components/trend-chart/props.js +160 -0
  537. package/dist/es/components/trend-chart/themes.js +146 -0
  538. package/dist/es/components/trigger/Trigger.js +612 -0
  539. package/dist/es/components/trigger/context.js +4 -0
  540. package/dist/es/components/trigger/index.js +8 -0
  541. package/dist/es/components/trigger/utils.js +303 -0
  542. package/dist/es/components/virtual-list-v2/hooks/use-size.js +60 -0
  543. package/dist/es/components/virtual-list-v2/index.js +4 -0
  544. package/dist/es/components/virtual-list-v2/virtual-list-item.js +35 -0
  545. package/dist/es/components/virtual-list-v2/virtual-list.vue.js +53 -0
  546. package/dist/es/components/virtual-list-v2/virtual-list.vue2.js +126 -0
  547. package/dist/es/components/watermark/Watermark.js +158 -0
  548. package/dist/es/components/watermark/controller.js +107 -0
  549. package/dist/es/components/watermark/directive.js +25 -0
  550. package/dist/es/components/watermark/index.js +8 -0
  551. package/dist/es/components/watermark/utils.js +15 -0
  552. package/dist/es/directives/index.js +12 -0
  553. package/dist/es/directives/wave.js +44 -0
  554. package/dist/es/icons/_self/down.js +16 -0
  555. package/dist/es/icons/_self/dropdown/more.js +13 -0
  556. package/dist/es/icons/_self/empty-better.js +49 -0
  557. package/dist/es/icons/_self/eye-invisible.js +13 -0
  558. package/dist/es/icons/_self/eye.js +13 -0
  559. package/dist/es/icons/_self/full-screen.js +13 -0
  560. package/dist/es/icons/_self/left.js +16 -0
  561. package/dist/es/icons/_self/menu/down.js +13 -0
  562. package/dist/es/icons/_self/minus.js +13 -0
  563. package/dist/es/icons/_self/more-dot.js +13 -0
  564. package/dist/es/icons/_self/next.js +12 -0
  565. package/dist/es/icons/_self/original-size.js +13 -0
  566. package/dist/es/icons/_self/plus.js +12 -0
  567. package/dist/es/icons/_self/prev.js +12 -0
  568. package/dist/es/icons/_self/question-message.js +12 -0
  569. package/dist/es/icons/_self/right.js +16 -0
  570. package/dist/es/icons/_self/rotate-left.js +16 -0
  571. package/dist/es/icons/_self/rotate-right.js +16 -0
  572. package/dist/es/icons/_self/search.js +13 -0
  573. package/dist/es/icons/_self/up.js +16 -0
  574. package/dist/es/icons/_self/zoom-in.js +13 -0
  575. package/dist/es/icons/_self/zoom-out.js +13 -0
  576. package/dist/es/icons/_ui/calendar.js +13 -0
  577. package/dist/es/icons/_ui/time.js +12 -0
  578. package/dist/es/icons/animation/animation-loading.js +16 -0
  579. package/dist/es/icons/default/check-circle-fill.js +21 -0
  580. package/dist/es/icons/default/check.js +13 -0
  581. package/dist/es/icons/default/close-circle-fill.js +21 -0
  582. package/dist/es/icons/default/close.js +17 -0
  583. package/dist/es/icons/default/exclamation-circle-fill.js +21 -0
  584. package/dist/es/icons/default/exclamation.js +29 -0
  585. package/dist/es/icons/default/filter.js +16 -0
  586. package/dist/es/icons/default/info-circle-fill.js +21 -0
  587. package/dist/es/icons/default/link.js +16 -0
  588. package/dist/es/icons/default/minus-circle-fill.js +21 -0
  589. package/dist/es/icons/icon.js +126 -0
  590. package/dist/es/icons/index.js +12 -0
  591. package/dist/es/icons/public/finicon-meta.js +6537 -0
  592. package/dist/es/icons/public/finicon.js +1037 -0
  593. package/dist/es/icons/public/lucide.js +192 -0
  594. package/dist/es/icons/registry.js +18 -0
  595. package/dist/es/index.js +218 -0
  596. package/dist/es/locale/en-US.js +173 -0
  597. package/dist/es/locale/index.js +41 -0
  598. package/dist/es/locale/zh-CN.js +173 -0
  599. package/dist/es/node_modules/.pnpm/b-validate@1.5.3/node_modules/b-validate/es/index.js +74 -0
  600. package/dist/es/node_modules/.pnpm/b-validate@1.5.3/node_modules/b-validate/es/is.js +54 -0
  601. package/dist/es/node_modules/.pnpm/b-validate@1.5.3/node_modules/b-validate/es/locale/en-US.js +49 -0
  602. package/dist/es/node_modules/.pnpm/b-validate@1.5.3/node_modules/b-validate/es/rules/array.js +31 -0
  603. package/dist/es/node_modules/.pnpm/b-validate@1.5.3/node_modules/b-validate/es/rules/base.js +59 -0
  604. package/dist/es/node_modules/.pnpm/b-validate@1.5.3/node_modules/b-validate/es/rules/boolean.js +17 -0
  605. package/dist/es/node_modules/.pnpm/b-validate@1.5.3/node_modules/b-validate/es/rules/custom.js +23 -0
  606. package/dist/es/node_modules/.pnpm/b-validate@1.5.3/node_modules/b-validate/es/rules/number.js +25 -0
  607. package/dist/es/node_modules/.pnpm/b-validate@1.5.3/node_modules/b-validate/es/rules/object.js +22 -0
  608. package/dist/es/node_modules/.pnpm/b-validate@1.5.3/node_modules/b-validate/es/rules/string.js +26 -0
  609. package/dist/es/node_modules/.pnpm/b-validate@1.5.3/node_modules/b-validate/es/rules/type.js +18 -0
  610. package/dist/es/node_modules/.pnpm/b-validate@1.5.3/node_modules/b-validate/es/util.js +17 -0
  611. package/dist/es/node_modules/.pnpm/compute-scroll-into-view@3.1.1/node_modules/compute-scroll-into-view/dist/index.js +58 -0
  612. package/dist/es/node_modules/.pnpm/dayjs@1.11.21/node_modules/dayjs/dayjs.min.js +282 -0
  613. package/dist/es/node_modules/.pnpm/dayjs@1.11.21/node_modules/dayjs/locale/zh-cn.js +24 -0
  614. package/dist/es/node_modules/.pnpm/dayjs@1.11.21/node_modules/dayjs/plugin/advancedFormat.js +54 -0
  615. package/dist/es/node_modules/.pnpm/dayjs@1.11.21/node_modules/dayjs/plugin/customParseFormat.js +127 -0
  616. package/dist/es/node_modules/.pnpm/dayjs@1.11.21/node_modules/dayjs/plugin/isBetween.js +19 -0
  617. package/dist/es/node_modules/.pnpm/dayjs@1.11.21/node_modules/dayjs/plugin/quarterOfYear.js +33 -0
  618. package/dist/es/node_modules/.pnpm/dayjs@1.11.21/node_modules/dayjs/plugin/weekOfYear.js +29 -0
  619. package/dist/es/node_modules/.pnpm/dayjs@1.11.21/node_modules/dayjs/plugin/weekYear.js +19 -0
  620. package/dist/es/node_modules/.pnpm/number-precision@1.6.0/node_modules/number-precision/build/index.es.js +70 -0
  621. package/dist/es/node_modules/.pnpm/resize-observer-polyfill@1.5.1/node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js +290 -0
  622. package/dist/es/node_modules/.pnpm/scroll-into-view-if-needed@3.1.0/node_modules/scroll-into-view-if-needed/dist/index.js +25 -0
  623. package/dist/es/node_modules/.pnpm/sortablejs@1.15.7/node_modules/sortablejs/modular/sortable.esm.js +1277 -0
  624. package/dist/es/style.css +1 -0
  625. package/dist/icons/_self/down.d.ts +39 -3
  626. package/dist/icons/_self/dropdown/more.d.ts +39 -3
  627. package/dist/icons/_self/empty-better.d.ts +39 -3
  628. package/dist/icons/_self/empty.d.ts +39 -3
  629. package/dist/icons/_self/eye-invisible.d.ts +39 -3
  630. package/dist/icons/_self/eye.d.ts +39 -3
  631. package/dist/icons/_self/full-screen.d.ts +39 -3
  632. package/dist/icons/_self/left.d.ts +39 -3
  633. package/dist/icons/_self/menu/down.d.ts +39 -3
  634. package/dist/icons/_self/minus.d.ts +39 -3
  635. package/dist/icons/_self/more-dot.d.ts +39 -3
  636. package/dist/icons/_self/next.d.ts +39 -3
  637. package/dist/icons/_self/original-size.d.ts +39 -3
  638. package/dist/icons/_self/plus.d.ts +39 -3
  639. package/dist/icons/_self/prev.d.ts +39 -3
  640. package/dist/icons/_self/question-message.d.ts +39 -3
  641. package/dist/icons/_self/right.d.ts +39 -3
  642. package/dist/icons/_self/rotate-left.d.ts +39 -3
  643. package/dist/icons/_self/rotate-right.d.ts +39 -3
  644. package/dist/icons/_self/search.d.ts +39 -3
  645. package/dist/icons/_self/up.d.ts +39 -3
  646. package/dist/icons/_self/zoom-in.d.ts +39 -3
  647. package/dist/icons/_self/zoom-out.d.ts +39 -3
  648. package/dist/icons/_ui/alone-left.d.ts +39 -3
  649. package/dist/icons/_ui/alone-margin-left.d.ts +39 -3
  650. package/dist/icons/_ui/alone-margin-right.d.ts +39 -3
  651. package/dist/icons/_ui/alone-right.d.ts +39 -3
  652. package/dist/icons/_ui/calendar.d.ts +39 -3
  653. package/dist/icons/_ui/time.d.ts +39 -3
  654. package/dist/icons/animation/animation-loading.d.ts +39 -3
  655. package/dist/icons/default/check-circle-fill.d.ts +39 -3
  656. package/dist/icons/default/check.d.ts +39 -3
  657. package/dist/icons/default/close-circle-fill.d.ts +39 -3
  658. package/dist/icons/default/close.d.ts +39 -3
  659. package/dist/icons/default/exclamation-circle-fill.d.ts +39 -3
  660. package/dist/icons/default/exclamation.d.ts +39 -3
  661. package/dist/icons/default/filter.d.ts +86 -0
  662. package/dist/icons/default/info-circle-fill.d.ts +39 -3
  663. package/dist/icons/default/link.d.ts +39 -3
  664. package/dist/icons/default/logo-simple.d.ts +39 -3
  665. package/dist/icons/default/minus-circle-fill.d.ts +39 -3
  666. package/dist/icons/icon.d.ts +160 -2
  667. package/dist/icons/index.d.ts +149 -12
  668. package/dist/icons/names.d.ts +5 -0
  669. package/dist/icons/public/finicon-meta.d.ts +4631 -0
  670. package/dist/icons/public/finicon.d.ts +4 -0
  671. package/dist/icons/public/lucide.d.ts +4 -0
  672. package/dist/icons/registry.d.ts +7 -0
  673. package/dist/index.cjs +66 -0
  674. package/dist/index.d.ts +13 -0
  675. package/dist/index.umd.js +62 -3
  676. package/dist/locale/en-US.d.ts +4 -0
  677. package/dist/locale/index.d.ts +46 -0
  678. package/dist/locale/interface.d.ts +249 -0
  679. package/dist/locale/zh-CN.d.ts +8 -0
  680. package/dist/style/alert.css +1 -0
  681. package/dist/style/alert.js +2 -0
  682. package/dist/style/base.css +1 -0
  683. package/dist/style/button.css +1 -0
  684. package/dist/style/button.js +2 -0
  685. package/dist/style/date-picker.css +1 -0
  686. package/dist/style/date-picker.js +2 -0
  687. package/dist/style/dialog.css +1 -0
  688. package/dist/style/dialog.js +2 -0
  689. package/dist/style/drawer.css +1 -0
  690. package/dist/style/drawer.js +2 -0
  691. package/dist/style/dropdown.css +1 -0
  692. package/dist/style/dropdown.js +2 -0
  693. package/dist/style/empty.css +1 -0
  694. package/dist/style/empty.js +2 -0
  695. package/dist/style/form-checkbox.css +1 -0
  696. package/dist/style/form-checkbox.js +2 -0
  697. package/dist/style/form-input-number.css +1 -0
  698. package/dist/style/form-input-number.js +2 -0
  699. package/dist/style/form-input-tag.css +1 -0
  700. package/dist/style/form-input-tag.js +2 -0
  701. package/dist/style/form-input.css +1 -0
  702. package/dist/style/form-input.js +2 -0
  703. package/dist/style/form-radio.css +1 -0
  704. package/dist/style/form-radio.js +2 -0
  705. package/dist/style/form-select.css +1 -0
  706. package/dist/style/form-select.js +2 -0
  707. package/dist/style/form-slider.css +1 -0
  708. package/dist/style/form-slider.js +2 -0
  709. package/dist/style/form-switch.css +1 -0
  710. package/dist/style/form-switch.js +2 -0
  711. package/dist/style/form-textarea.css +1 -0
  712. package/dist/style/form-textarea.js +2 -0
  713. package/dist/style/form.css +1 -0
  714. package/dist/style/form.js +2 -0
  715. package/dist/style/grid.css +1 -0
  716. package/dist/style/grid.js +2 -0
  717. package/dist/style/image.css +1 -0
  718. package/dist/style/image.js +2 -0
  719. package/dist/style/layout.css +1 -0
  720. package/dist/style/layout.js +2 -0
  721. package/dist/style/link.css +1 -0
  722. package/dist/style/link.js +2 -0
  723. package/dist/style/menu.css +1 -0
  724. package/dist/style/menu.js +2 -0
  725. package/dist/style/message-box.css +1 -0
  726. package/dist/style/message-box.js +2 -0
  727. package/dist/style/message.css +1 -0
  728. package/dist/style/message.js +2 -0
  729. package/dist/style/network.css +1 -0
  730. package/dist/style/network.js +2 -0
  731. package/dist/style/notification.css +1 -0
  732. package/dist/style/notification.js +2 -0
  733. package/dist/style/pagination.css +1 -0
  734. package/dist/style/pagination.js +2 -0
  735. package/dist/style/popconfirm.css +1 -0
  736. package/dist/style/popconfirm.js +2 -0
  737. package/dist/style/popover.css +1 -0
  738. package/dist/style/popover.js +2 -0
  739. package/dist/style/popup.css +1 -0
  740. package/dist/style/popup.js +2 -0
  741. package/dist/style/progress.css +1 -0
  742. package/dist/style/progress.js +2 -0
  743. package/dist/style/rate.css +1 -0
  744. package/dist/style/rate.js +2 -0
  745. package/dist/style/resize-box.css +1 -0
  746. package/dist/style/resize-box.js +2 -0
  747. package/dist/style/scrollbar-v2.css +1 -0
  748. package/dist/style/scrollbar-v2.js +2 -0
  749. package/dist/style/skeleton.css +1 -0
  750. package/dist/style/skeleton.js +2 -0
  751. package/dist/style/space.css +1 -0
  752. package/dist/style/space.js +2 -0
  753. package/dist/style/spin.css +1 -0
  754. package/dist/style/spin.js +2 -0
  755. package/dist/style/steps.css +1 -0
  756. package/dist/style/steps.js +2 -0
  757. package/dist/style/table.css +1 -0
  758. package/dist/style/table.js +2 -0
  759. package/dist/style/tabs.css +1 -0
  760. package/dist/style/tabs.js +2 -0
  761. package/dist/style/tag.css +1 -0
  762. package/dist/style/tag.js +2 -0
  763. package/dist/style/time-picker.css +1 -0
  764. package/dist/style/time-picker.js +2 -0
  765. package/dist/style/time-range-selector.css +1 -0
  766. package/dist/style/time-range-selector.js +2 -0
  767. package/dist/style/timeline.css +1 -0
  768. package/dist/style/timeline.js +2 -0
  769. package/dist/style/tooltip.css +1 -0
  770. package/dist/style/tooltip.js +2 -0
  771. package/dist/style/trigger.css +1 -0
  772. package/dist/style/trigger.js +2 -0
  773. package/dist/style/watermark.css +1 -0
  774. package/dist/style/watermark.js +2 -0
  775. package/dist/style.css +1 -1
  776. package/dist/types.d.ts +8 -8
  777. package/package.json +61 -25
  778. package/volar.d.ts +8 -8
  779. package/dist/_container/utils.d.ts +0 -12
  780. package/dist/_utils/number.d.ts +0 -193
  781. package/dist/_utils/pad.d.ts +0 -2
  782. package/dist/components/_components/render-function/index.d.ts +0 -14
  783. package/dist/components/form/validateMessages.d.ts +0 -46
  784. package/dist/components/message/Message.d.ts +0 -108
  785. package/dist/components/table/__tests__/table.spec.d.ts +0 -1
  786. package/dist/components/tag-cloud/index.d.ts +0 -0
  787. package/dist/components/trigger-old/index.d.ts +0 -488
  788. package/dist/components/trigger-old/src/_trigger.d.ts +0 -217
  789. package/dist/components/trigger-old/src/constant.d.ts +0 -8
  790. package/dist/components/trigger-old/src/trigger.d.ts +0 -288
  791. package/dist/components/trigger-old/src/utils.d.ts +0 -50
  792. package/dist/index.es.js +0 -40212
package/dist/style/form-input-number.css ADDED
@@ -0,0 +1 @@
1
+ :root{--x-input-color-bg: var(--x-field-color-bg);--x-input-color-bg_hover: var(--x-field-color-bg-hover);--x-input-color-bg_focus: var(--x-field-color-bg-focus);--x-input-color-bg_disabled: var(--x-field-color-bg-disabled);--x-input-color-addon-bg: var(--x-input-color-bg);--x-input-color-addon-border: var(--x-color-border-subtle);--x-input-border-addon-separator-width: var(--x-border-1);--x-input-color-border_focus: var(--x-field-color-border-focus);--x-input-color-shadow_focus: var(--x-field-color-shadow-focus);--x-input-size-shadow_focus: var(--x-field-size-shadow-focus);--x-input-color-addon-border_default: var(--x-color-transparent);--x-input-color-text: var(--x-field-color-text);--x-input-color-placeholder-text: var(--x-field-color-placeholder);--x-input-color-text_disabled: var(--x-field-color-text-disabled);--x-textarea-color-tip-text: var(--x-color-text-tertiary);--x-input-color-bg_error: var(--x-field-color-bg-error);--x-input-color-bg_error_hover: var(--x-field-color-bg-error-hover);--x-input-color-bg_error_focus: var(--x-field-color-bg-error-focus);--x-input-color-border_error_focus: var(--x-field-color-border-error);--x-input-color-shadow_error_focus: var(--x-field-status-error-shadow-color-focus);--x-input-size-shadow_error_focus: var(--x-field-status-error-shadow-size-focus);--x-input-size-default-height: var(--x-size-default);--x-input-size-mini-height: var(--x-size-mini);--x-input-size-small-height: var(--x-size-small);--x-input-size-large-height: var(--x-size-large);--x-input-border-width: var(--x-border-1);--x-input-border-color: var(--x-field-color-border);--x-input-color-border_disabled: var(--x-field-color-border-disabled);--x-input-color-border_hover: var(--x-field-color-border-hover);--x-input-color-border_error: var(--x-field-color-border-error);--x-input-color-border_error_hover: var(--x-color-transparent);--x-input-size-default-font-size: var(--x-font-size-body-3);--x-input-size-small-font-size: var(--x-font-size-body-3);--x-input-size-large-font-size: var(--x-font-size-body-3);--x-input-size-mini-font-size: var(--x-font-size-body-1);--x-input-font-tip-size: var(--x-font-size-body-1);--x-input-size-mini-icon-suffix-size: var(--x-size-3);--x-input-size-small-icon-suffix-size: 14px;--x-input-size-default-icon-suffix-size: 14px;--x-input-size-large-icon-suffix-size: 14px;--x-input-size-mini-icon-addon-size: var(--x-size-3);--x-input-size-small-icon-addon-size: 14px;--x-input-size-default-icon-addon-size: 14px;--x-input-size-large-icon-addon-size: 14px;--x-input-size-icon-clear: var(--x-size-3);--x-input-color-prefix-text: var(--x-field-color-affix);--x-input-color-suffix-text: var(--x-field-color-affix);--x-input-color-tip-text: var(--x-color-text-tertiary);--x-input-color-icon-clear: var(--x-field-color-icon);--x-input-color-icon-clear-bg_hover: var(--x-color-fill-4);--x-search-color-icon: var(--x-field-color-icon);--x-search-size-icon: 14px;--x-input-padding-horizontal: var(--x-spacing-6);--x-input-margin-left-clear-btn: var(--x-spacing-6);--x-input-spacing-clear-icon-right: var(--x-spacing-4);--x-input-padding-word-limit-left: var(--x-spacing-4);--x-textarea-padding-horizontal: var(--x-spacing-6);--x-textarea-padding-vertical: var(--x-spacing-2);--x-textarea-font-size: var(--x-font-size-body-3);--x-textarea-font-tip-size: var(--x-font-size-body-1);--x-textarea-layout-tip-right: var(--x-spacing-5);--x-textarea-layout-tip-bottom: var(--x-spacing-3);--x-textarea-size-min-height: var(--x-size-default);--x-textarea-size-icon-clear: var(--x-font-size-body-1);--x-textarea-layout-top-icon-clear: var(--x-spacing-5);--x-password-color-eye-icon: var(--x-color-text-2);--x-password-size-eye-icon: var(--x-size-3);--x-input-group-border-radius_compact: var(--x-border-radius-small);--x-input-group-border-separator-width: var(--x-border-1);--x-input-group-color-separator-border: var(--x-color-border-subtle);--x-input-size-medium-height: var(--x-input-size-default-height);--x-input-size-medium-font-size: var(--x-input-size-default-font-size);--x-input-size-mini-line-height: 1.667;--x-input-size-small-line-height: var(--x-line-height-base);--x-input-size-medium-line-height: var(--x-line-height-base);--x-input-size-large-line-height: var(--x-line-height-base);--x-input-size-mini-padding-up-down: 1px;--x-input-size-small-padding-up-down: 2px;--x-input-size-medium-padding-up-down: 3px;--x-input-size-large-padding-up-down: 4px;--x-input-size-huge-padding-up-down: 5px;--x-input-feedback-icon-color_success: var(--x-field-status-success-icon);--x-input-feedback-icon-color_error: var(--x-field-status-error-icon);--x-input-feedback-icon-color_warning: var(--x-field-status-warning-icon);--x-input-feedback-icon-color_validating: var(--x-field-status-validating-icon)}:root{--x-input-number-border-radius: var(--x-input-border-radius);--x-input-number-step-layer-border-radius: 1px;--x-input-number-size-mini-step-button-width: var(--x-size-mini);--x-input-number-size-small-step-button-width: var(--x-size-small);--x-input-number-size-default-step-button-width: var(--x-size-default);--x-input-number-size-large-step-button-width: var(--x-size-large);--x-input-number-step-button-color: var(--x-field-color-icon);--x-input-number-step-button-color_disabled: var(--x-field-color-text-disabled);--x-input-number-step-button-color-border: var(--x-color-border-subtle);--x-input-number-step-button-color-bg_default: var(--x-color-fill-2);--x-input-number-step-button-color-bg_default_hover: var(--x-color-fill-3);--x-input-number-step-button-color-bg_default_active: var(--x-color-fill-4);--x-input-number-step-button-color-bg_disabled: var(--x-field-color-bg-disabled);--x-input-number-step-button-color-bg_disabled_hover: var(--x-field-color-bg-disabled);--x-input-number-step-button-color-bg_disabled_active: var(--x-field-color-bg-disabled)}.x-input-number{position:relative;box-sizing:border-box;width:100%;border-radius:var(--x-input-number-border-radius)}.x-input-number--step--button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;color:var(--x-input-number-step-button-color);background-color:var(--x-input-number-step-button-color-bg_default);cursor:pointer;user-select:none;transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-input-number--step--button:hover{background-color:var(--x-input-number-step-button-color-bg_default_hover);border-color:var(--x-input-number-step-button-color-bg_default_hover)}.x-input-number--step--button:active{background-color:var(--x-input-number-step-button-color-bg_default_active);border-color:var(--x-input-number-step-button-color-bg_default_active)}.x-input-number--step--button:disabled,.x-input-number--step--button.x-button-is-disabled,.x-input-number--step--button.x-input-number--step--button-disabled{color:var(--x-input-number-step-button-color_disabled);background-color:var(--x-input-number-step-button-color-bg_disabled);cursor:not-allowed}.x-input-number--step--button:disabled:hover,.x-input-number--step--button:disabled:active,.x-input-number--step--button.x-button-is-disabled:hover,.x-input-number--step--button.x-button-is-disabled:active,.x-input-number--step--button.x-input-number--step--button-disabled:hover,.x-input-number--step--button.x-input-number--step--button-disabled:active{background-color:var(--x-input-number-step-button-color-bg_disabled_hover);border-color:var(--x-input-number-step-button-color-border)}.x-input-number.x-input--wrapper,.x-input-number.x-input--outer{position:relative}.x-input-number-prefix,.x-input-number-suffix{transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-input-number-mode-embed .x-input-number--step{position:absolute;top:4px;right:4px;bottom:4px;width:18px;overflow:hidden;border-radius:var(--x-input-number-step-layer-border-radius);opacity:0;transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-input-number-mode-embed .x-input-number--step .x-input-number--step--button{width:100%;height:50%;font-size:10px;border:none;border-color:var(--x-input-number-step-button-color-border)}.x-input-number-mode-embed .x-input--suffix{justify-content:flex-end;min-width:6px}.x-input-number-mode-embed .x-input--suffix-has-feedback{min-width:32px}.x-input-number-mode-embed .x-input--suffix-has-feedback .x-input-number--step{right:30px}.x-input-number-mode-embed:not(.x-input-disabled):not(.x-input--outer-disabled):hover .x-input--suffix:has(.x-input-number--suffix),.x-input-number-mode-embed:not(.x-input-disabled):not(.x-input--outer-disabled):focus-within .x-input--suffix:has(.x-input-number--suffix){padding-left:var(--x-spacing-2)}.x-input-number-mode-embed:not(.x-input-disabled):not(.x-input--outer-disabled):hover .x-input-number--step,.x-input-number-mode-embed:not(.x-input-disabled):not(.x-input--outer-disabled):focus-within .x-input-number--step{opacity:1}.x-input-number-mode-embed:not(.x-input-disabled):not(.x-input--outer-disabled):hover .x-input-number--suffix,.x-input-number-mode-embed:not(.x-input-disabled):not(.x-input--outer-disabled):focus-within .x-input-number--suffix{opacity:0;pointer-events:none}.x-input-number-mode-embed.x-input--wrapper:not(.x-input-focus) .x-input-number--step--button:not(.x-input-number--step--button-disabled):hover{background-color:var(--x-input-number-step-button-color-bg_default_active)}.x-input-number-mode-button .x-input--prepend,.x-input-number-mode-button .x-input--append{padding:0;border:none}.x-input-number-mode-button .x-input--prepend,.x-input-number-mode-button .x-input--append,.x-input-number-mode-button .x-input--prepend .x-input-number--step--button,.x-input-number-mode-button .x-input--append .x-input-number--step--button{width:var(--x-input-number-size-default-step-button-width);min-width:var(--x-input-number-size-default-step-button-width);height:100%}.x-input-number-mode-button .x-input--prepend .x-input-number--step--button,.x-input-number-mode-button .x-input--append .x-input-number--step--button{color:var(--x-input-number-step-button-color);background-color:var(--x-input-number-step-button-color-bg_default);border-color:var(--x-input-number-step-button-color-border);border-radius:0}.x-input-number-mode-button .x-input--prepend .x-input-number--step--button .x-button--prefix,.x-input-number-mode-button .x-input--append .x-input-number--step--button .x-button--prefix{margin-right:0}.x-input-number-mode-button .x-input--prepend .x-input-number--step--button .x-icon,.x-input-number-mode-button .x-input--append .x-input-number--step--button .x-icon{width:1em;height:1em;line-height:1}.x-input-number-mode-button .x-input--prepend .x-input-number--step--button{border-right:var(--x-input-border-addon-separator-width) solid var(--x-color-transparent);border-top-right-radius:0;border-bottom-right-radius:0}.x-input-number-mode-button .x-input--prepend .x-input-number--step--button:not(.x-input-number-mode-button .x-input--prepend .x-input-number--step--button:active){border-right-color:var(--x-input-number-step-button-color-border)}.x-input-number-mode-button .x-input--append .x-input-number--step--button{border-left:var(--x-input-border-addon-separator-width) solid var(--x-color-transparent);border-top-left-radius:0;border-bottom-left-radius:0}.x-input-number-mode-button .x-input--append .x-input-number--step--button:not(.x-input-number-mode-button .x-input--append .x-input-number--step--button:active){border-left-color:var(--x-input-number-step-button-color-border)}.x-input-number-mode-button.x-input-number-size-mini .x-input--prepend,.x-input-number-mode-button.x-input-number-size-mini .x-input--append,.x-input-number-mode-button.x-input-number-size-mini .x-input--prepend .x-input-number--step--button,.x-input-number-mode-button.x-input-number-size-mini .x-input--append .x-input-number--step--button{width:var(--x-input-number-size-mini-step-button-width);min-width:var(--x-input-number-size-mini-step-button-width)}.x-input-number-mode-button.x-input-number-size-small .x-input--prepend,.x-input-number-mode-button.x-input-number-size-small .x-input--append,.x-input-number-mode-button.x-input-number-size-small .x-input--prepend .x-input-number--step--button,.x-input-number-mode-button.x-input-number-size-small .x-input--append .x-input-number--step--button{width:var(--x-input-number-size-small-step-button-width);min-width:var(--x-input-number-size-small-step-button-width)}.x-input-number-mode-button.x-input-number-size-large .x-input--prepend,.x-input-number-mode-button.x-input-number-size-large .x-input--append,.x-input-number-mode-button.x-input-number-size-large .x-input--prepend .x-input-number--step--button,.x-input-number-mode-button.x-input-number-size-large .x-input--append .x-input-number--step--button{width:var(--x-input-number-size-large-step-button-width);min-width:var(--x-input-number-size-large-step-button-width)}.x-input-number-readonly .x-input-number--step--button{color:var(--x-input-number-step-button-color_disabled);pointer-events:none}
package/dist/style/form-input-number.js ADDED
@@ -0,0 +1,2 @@
1
+ import './base.css';
2
+ import './form-input-number.css';
package/dist/style/form-input-tag.css ADDED
@@ -0,0 +1 @@
1
+ :root{--x-input-color-bg: var(--x-field-color-bg);--x-input-color-bg_hover: var(--x-field-color-bg-hover);--x-input-color-bg_focus: var(--x-field-color-bg-focus);--x-input-color-bg_disabled: var(--x-field-color-bg-disabled);--x-input-color-addon-bg: var(--x-input-color-bg);--x-input-color-addon-border: var(--x-color-border-subtle);--x-input-border-addon-separator-width: var(--x-border-1);--x-input-color-border_focus: var(--x-field-color-border-focus);--x-input-color-shadow_focus: var(--x-field-color-shadow-focus);--x-input-size-shadow_focus: var(--x-field-size-shadow-focus);--x-input-color-addon-border_default: var(--x-color-transparent);--x-input-color-text: var(--x-field-color-text);--x-input-color-placeholder-text: var(--x-field-color-placeholder);--x-input-color-text_disabled: var(--x-field-color-text-disabled);--x-textarea-color-tip-text: var(--x-color-text-tertiary);--x-input-color-bg_error: var(--x-field-color-bg-error);--x-input-color-bg_error_hover: var(--x-field-color-bg-error-hover);--x-input-color-bg_error_focus: var(--x-field-color-bg-error-focus);--x-input-color-border_error_focus: var(--x-field-color-border-error);--x-input-color-shadow_error_focus: var(--x-field-status-error-shadow-color-focus);--x-input-size-shadow_error_focus: var(--x-field-status-error-shadow-size-focus);--x-input-size-default-height: var(--x-size-default);--x-input-size-mini-height: var(--x-size-mini);--x-input-size-small-height: var(--x-size-small);--x-input-size-large-height: var(--x-size-large);--x-input-border-width: var(--x-border-1);--x-input-border-color: var(--x-field-color-border);--x-input-color-border_disabled: var(--x-field-color-border-disabled);--x-input-color-border_hover: var(--x-field-color-border-hover);--x-input-color-border_error: var(--x-field-color-border-error);--x-input-color-border_error_hover: var(--x-color-transparent);--x-input-size-default-font-size: var(--x-font-size-body-3);--x-input-size-small-font-size: var(--x-font-size-body-3);--x-input-size-large-font-size: var(--x-font-size-body-3);--x-input-size-mini-font-size: var(--x-font-size-body-1);--x-input-font-tip-size: var(--x-font-size-body-1);--x-input-size-mini-icon-suffix-size: var(--x-size-3);--x-input-size-small-icon-suffix-size: 14px;--x-input-size-default-icon-suffix-size: 14px;--x-input-size-large-icon-suffix-size: 14px;--x-input-size-mini-icon-addon-size: var(--x-size-3);--x-input-size-small-icon-addon-size: 14px;--x-input-size-default-icon-addon-size: 14px;--x-input-size-large-icon-addon-size: 14px;--x-input-size-icon-clear: var(--x-size-3);--x-input-color-prefix-text: var(--x-field-color-affix);--x-input-color-suffix-text: var(--x-field-color-affix);--x-input-color-tip-text: var(--x-color-text-tertiary);--x-input-color-icon-clear: var(--x-field-color-icon);--x-input-color-icon-clear-bg_hover: var(--x-color-fill-4);--x-search-color-icon: var(--x-field-color-icon);--x-search-size-icon: 14px;--x-input-padding-horizontal: var(--x-spacing-6);--x-input-margin-left-clear-btn: var(--x-spacing-6);--x-input-spacing-clear-icon-right: var(--x-spacing-4);--x-input-padding-word-limit-left: var(--x-spacing-4);--x-textarea-padding-horizontal: var(--x-spacing-6);--x-textarea-padding-vertical: var(--x-spacing-2);--x-textarea-font-size: var(--x-font-size-body-3);--x-textarea-font-tip-size: var(--x-font-size-body-1);--x-textarea-layout-tip-right: var(--x-spacing-5);--x-textarea-layout-tip-bottom: var(--x-spacing-3);--x-textarea-size-min-height: var(--x-size-default);--x-textarea-size-icon-clear: var(--x-font-size-body-1);--x-textarea-layout-top-icon-clear: var(--x-spacing-5);--x-password-color-eye-icon: var(--x-color-text-2);--x-password-size-eye-icon: var(--x-size-3);--x-input-group-border-radius_compact: var(--x-border-radius-small);--x-input-group-border-separator-width: var(--x-border-1);--x-input-group-color-separator-border: var(--x-color-border-subtle);--x-input-size-medium-height: var(--x-input-size-default-height);--x-input-size-medium-font-size: var(--x-input-size-default-font-size);--x-input-size-mini-line-height: 1.667;--x-input-size-small-line-height: var(--x-line-height-base);--x-input-size-medium-line-height: var(--x-line-height-base);--x-input-size-large-line-height: var(--x-line-height-base);--x-input-size-mini-padding-up-down: 1px;--x-input-size-small-padding-up-down: 2px;--x-input-size-medium-padding-up-down: 3px;--x-input-size-large-padding-up-down: 4px;--x-input-size-huge-padding-up-down: 5px;--x-input-feedback-icon-color_success: var(--x-field-status-success-icon);--x-input-feedback-icon-color_error: var(--x-field-status-error-icon);--x-input-feedback-icon-color_warning: var(--x-field-status-warning-icon);--x-input-feedback-icon-color_validating: var(--x-field-status-validating-icon)}.x-tag{display:inline-flex;align-items:center;box-sizing:border-box;height:24px;padding:4px 8px;color:var(--x-tag-color-text-default);font-weight:500;font-size:12px;line-height:14px;vertical-align:middle;border:1px solid var(--x-color-transparent);border-radius:2px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.x-tag .x-icon-hover.x-icon-hover::before{width:14px;height:14px}.x-tag .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-bg-default-hover)}.x-tag-selectable{cursor:pointer;transition:all .3s linear}.x-tag-selectable:hover{background-color:var(--x-tag-color-bg-default-hover);border-color:var(--x-tag-color-border-default-hover)}.x-tag-checked{background-color:var(--x-tag-color-bg-default)}.x-tag-bordered{border-color:var(--x-tag-color-border-default-bordered)}.x-tag-size-small{height:20px;font-size:12px;line-height:18px}.x-tag-size-medium{height:24px;font-size:12px;line-height:22px}.x-tag-size-large{height:28px;font-size:14px;line-height:26px}.x-tag-hide{display:none}.x-tag-loading{cursor:default;opacity:.8}.x-tag-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-tag-color-red{color:var(--x-tag-color-red-text);background-color:var(--x-tag-color-red-bg);border:1px solid var(--x-tag-color-red-border)}.x-tag-color-red .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-red-icon-bg_hover)}.x-tag-color-red.x-tag-bordered{border-color:var(--x-tag-color-red-text)}.x-tag-color-red.x-tag-selectable:hover{background-color:var(--x-tag-color-red-border-hover);border-color:var(--x-tag-color-red-text)}.x-tag-color-red .x-tag--close-icon:hover{color:var(--x-tag-color-red-text)}.x-tag-color-orangered{color:var(--x-tag-color-orangered-text);background-color:var(--x-tag-color-orangered-bg);border:1px solid var(--x-tag-color-orangered-border)}.x-tag-color-orangered .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-orangered-icon-bg_hover)}.x-tag-color-orangered.x-tag-bordered{border-color:var(--x-tag-color-orangered-text)}.x-tag-color-orangered.x-tag-selectable:hover{background-color:var(--x-tag-color-orangered-border-hover);border-color:var(--x-tag-color-orangered-text)}.x-tag-color-orangered .x-tag--close-icon:hover{color:var(--x-tag-color-orangered-text)}.x-tag-color-orange{color:var(--x-tag-color-orange-text);background-color:var(--x-tag-color-orange-bg);border:1px solid var(--x-tag-color-orange-border)}.x-tag-color-orange .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-orange-icon-bg_hover)}.x-tag-color-orange.x-tag-bordered{border-color:var(--x-tag-color-orange-text)}.x-tag-color-orange.x-tag-selectable:hover{background-color:var(--x-tag-color-orange-border-hover);border-color:var(--x-tag-color-orange-text)}.x-tag-color-orange .x-tag--close-icon:hover{color:var(--x-tag-color-orange-text)}.x-tag-color-gold{color:var(--x-tag-color-gold-text);background-color:var(--x-tag-color-gold-bg);border:1px solid var(--x-tag-color-gold-border)}.x-tag-color-gold .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-gold-icon-bg_hover)}.x-tag-color-gold.x-tag-bordered{border-color:var(--x-tag-color-gold-text)}.x-tag-color-gold.x-tag-selectable:hover{background-color:var(--x-tag-color-gold-border-hover);border-color:var(--x-tag-color-gold-text)}.x-tag-color-gold .x-tag--close-icon:hover{color:var(--x-tag-color-gold-text)}.x-tag-color-lime{color:var(--x-tag-color-lime-text);background-color:var(--x-tag-color-lime-bg);border:1px solid var(--x-tag-color-lime-border)}.x-tag-color-lime .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-lime-icon-bg_hover)}.x-tag-color-lime.x-tag-bordered{border-color:var(--x-tag-color-lime-text)}.x-tag-color-lime.x-tag-selectable:hover{background-color:var(--x-tag-color-lime-border-hover);border-color:var(--x-tag-color-lime-text)}.x-tag-color-lime .x-tag--close-icon:hover{color:var(--x-tag-color-lime-text)}.x-tag-color-green{color:var(--x-tag-color-green-text);background-color:var(--x-tag-color-green-bg);border:1px solid var(--x-tag-color-green-border)}.x-tag-color-green .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-green-icon-bg_hover)}.x-tag-color-green.x-tag-bordered{border-color:var(--x-tag-color-green-text)}.x-tag-color-green.x-tag-selectable:hover{background-color:var(--x-tag-color-green-border-hover);border-color:var(--x-tag-color-green-text)}.x-tag-color-green .x-tag--close-icon:hover{color:var(--x-tag-color-green-text)}.x-tag-color-cyan{color:var(--x-tag-color-cyan-text);background-color:var(--x-tag-color-cyan-bg);border:1px solid var(--x-tag-color-cyan-border)}.x-tag-color-cyan .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-cyan-icon-bg_hover)}.x-tag-color-cyan.x-tag-bordered{border-color:var(--x-tag-color-cyan-text)}.x-tag-color-cyan.x-tag-selectable:hover{background-color:var(--x-tag-color-cyan-border-hover);border-color:var(--x-tag-color-cyan-text)}.x-tag-color-cyan .x-tag--close-icon:hover{color:var(--x-tag-color-cyan-text)}.x-tag-color-better-blue{color:var(--x-tag-color-better-blue-text);background-color:var(--x-tag-color-better-blue-bg);border:1px solid var(--x-tag-color-better-blue-border)}.x-tag-color-better-blue .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-better-blue-icon-bg_hover)}.x-tag-color-better-blue.x-tag-bordered{border-color:var(--x-tag-color-better-blue-text)}.x-tag-color-better-blue.x-tag-selectable:hover{background-color:var(--x-tag-color-better-blue-border-hover);border-color:var(--x-tag-color-better-blue-text)}.x-tag-color-better-blue .x-tag--close-icon:hover{color:var(--x-tag-color-better-blue-text)}.x-tag-color-blue{color:var(--x-tag-color-blue-text);background-color:var(--x-tag-color-blue-bg);border:1px solid var(--x-tag-color-blue-border)}.x-tag-color-blue .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-blue-icon-bg_hover)}.x-tag-color-blue.x-tag-bordered{border-color:var(--x-tag-color-blue-text)}.x-tag-color-blue.x-tag-selectable:hover{background-color:var(--x-tag-color-blue-border-hover);border-color:var(--x-tag-color-blue-text)}.x-tag-color-blue .x-tag--close-icon:hover{color:var(--x-tag-color-blue-text)}.x-tag-color-purple{color:var(--x-tag-color-purple-text);background-color:var(--x-tag-color-purple-bg);border:1px solid var(--x-tag-color-purple-border)}.x-tag-color-purple .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-purple-icon-bg_hover)}.x-tag-color-purple.x-tag-bordered{border-color:var(--x-tag-color-purple-text)}.x-tag-color-purple.x-tag-selectable:hover{background-color:var(--x-tag-color-purple-border-hover);border-color:var(--x-tag-color-purple-text)}.x-tag-color-purple .x-tag--close-icon:hover{color:var(--x-tag-color-purple-text)}.x-tag-color-pink-purple{color:var(--x-tag-color-pink-purple-text);background-color:var(--x-tag-color-pink-purple-bg);border:1px solid var(--x-tag-color-pink-purple-border)}.x-tag-color-pink-purple .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-pink-purple-icon-bg_hover)}.x-tag-color-pink-purple.x-tag-bordered{border-color:var(--x-tag-color-pink-purple-text)}.x-tag-color-pink-purple.x-tag-selectable:hover{background-color:var(--x-tag-color-pink-purple-border-hover);border-color:var(--x-tag-color-pink-purple-text)}.x-tag-color-pink-purple .x-tag--close-icon:hover{color:var(--x-tag-color-pink-purple-text)}.x-tag-color-magenta{color:var(--x-tag-color-magenta-text);background-color:var(--x-tag-color-magenta-bg);border:1px solid var(--x-tag-color-magenta-border)}.x-tag-color-magenta .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-magenta-icon-bg_hover)}.x-tag-color-magenta.x-tag-bordered{border-color:var(--x-tag-color-magenta-text)}.x-tag-color-magenta.x-tag-selectable:hover{background-color:var(--x-tag-color-magenta-border-hover);border-color:var(--x-tag-color-magenta-text)}.x-tag-color-magenta .x-tag--close-icon:hover{color:var(--x-tag-color-magenta-text)}.x-tag-color-gray{color:var(--x-tag-color-gray-text);background-color:var(--x-tag-color-gray-bg);border:1px solid var(--x-tag-color-gray-border)}.x-tag-color-gray .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-color-gray-icon-bg_hover)}.x-tag-color-gray.x-tag-bordered{border-color:var(--x-tag-color-gray-text)}.x-tag-color-gray.x-tag-selectable:hover{background-color:var(--x-tag-color-gray-border-hover);border-color:var(--x-tag-color-gray-text)}.x-tag-color-gray .x-tag--close-icon:hover{color:var(--x-tag-color-gray-text)}.x-tag-custom-color{color:var(--x-tag-custom-color-text)}.x-tag-custom-color .x-icon-hover.x-icon-hover:hover::before{background-color:var(--x-tag-custom-color-icon-bg_hover)}.x-tag-custom-color .x-tag--close-icon:hover{color:var(--x-tag-custom-color-text)}.x-tag--close-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:14px;height:14px;margin-left:4px;font-size:12px;line-height:1;border-radius:50%;cursor:pointer;transition:all .2s ease-in-out}.x-tag--close-icon>.x-icon,.x-tag--close-icon>svg{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;line-height:1}.x-tag--close-icon>svg{position:relative}.x-tag--icon{margin-right:6px;color:currentcolor}.x-tag--loading-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:14px;height:14px;margin-left:4px;font-size:12px;line-height:1}.x-tag--loading-icon>.x-icon,.x-tag--loading-icon>svg{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;line-height:1}:root{--x-input-tag-size-mini-height: var(--x-size-mini);--x-input-tag-size-small-height: var(--x-size-small);--x-input-tag-size-default-height: var(--x-size-default);--x-input-tag-size-large-height: var(--x-size-large);--x-input-tag-size-mini-tag-height: var(--x-size-5);--x-input-tag-size-small-tag-height: var(--x-size-5);--x-input-tag-size-default-tag-height: var(--x-size-6);--x-input-tag-size-large-tag-height: var(--x-size-7);--x-input-tag-size-mini-tag-height-2px: 18px;--x-input-tag-size-small-tag-height-2px: 18px;--x-input-tag-size-default-tag-height-2px: 22px;--x-input-tag-size-large-tag-height-2px: 26px;--x-input-tag-size-mini-padding-top-bottom: 1px;--x-input-tag-size-small-padding-top-bottom: 3px;--x-input-tag-size-default-padding-top-bottom: 3px;--x-input-tag-size-large-padding-top-bottom: 4px;--x-input-tag-size-mini-font-size: var(--x-font-size-body-1);--x-input-tag-size-small-font-size: var(--x-font-size-body-3);--x-input-tag-size-default-font-size: var(--x-font-size-body-3);--x-input-tag-size-large-font-size: var(--x-font-size-body-3);--x-input-tag-color-text_default: var(--x-field-color-text);--x-input-tag-color-text_error: var(--x-field-color-text);--x-input-tag-color-text_disabled: var(--x-field-color-text-disabled);--x-input-tag-color-placeholder: var(--x-field-color-placeholder);--x-input-tag-color-icon-clear: var(--x-field-color-icon);--x-input-tag-color-icon-clear-bg_hover: var(--x-color-fill-4);--x-input-tag-color-border_default: var(--x-field-color-border);--x-input-tag-color-border_default_hover: var(--x-field-color-border-hover);--x-input-tag-color-border_default_focus: var(--x-field-color-border-focus);--x-input-tag-color-border_error: var(--x-color-transparent);--x-input-tag-color-border_error_hover: var(--x-color-transparent);--x-input-tag-color-border_error_focus: var(--x-field-color-border-error);--x-input-tag-color-border_disabled: var(--x-field-color-border-disabled);--x-input-tag-color-border_disabled_hover: var(--x-input-tag-color-border_disabled);--x-input-tag-color-border_disabled_focus: var(--x-input-tag-color-border_disabled);--x-input-tag-color-bg_default: var(--x-field-color-bg);--x-input-tag-color-bg_default_hover: var(--x-field-color-bg-hover);--x-input-tag-color-bg_default_focus: var(--x-field-color-bg-focus);--x-input-tag-color-bg_error: var(--x-field-color-bg-error);--x-input-tag-color-bg_error_hover: var(--x-field-color-bg-error-hover);--x-input-tag-color-bg_error_focus: var(--x-field-color-bg-error-focus);--x-input-tag-color-bg_disabled: var(--x-field-color-bg-disabled);--x-input-tag-color-bg_disabled_hover: var(--x-input-tag-color-bg_disabled);--x-input-tag-color-shadow_default_focus: var(--x-field-color-shadow-focus);--x-input-tag-color-shadow_error_focus: var(--x-field-status-error-shadow-color-focus);--x-input-tag-size-shadow_error_focus: var(--x-field-status-error-shadow-size-focus);--x-input-tag-size-shadow_default_focus: var(--x-field-size-shadow-focus);--x-input-tag-tag-margin-right: var(--x-spacing-2);--x-input-tag-tag-margin-vertical: var(--x-spacing-1);--x-input-tag-tag-margin-vertical-division-2: 1px;--x-input-tag-padding-horizontal: var(--x-spacing-2);--x-input-tag-border-radius: var(--x-border-radius-small);--x-input-tag-border-width: var(--x-border-1);--x-input-tag-size-icon-clear: var(--x-size-3);--x-input-tag-size-icon-clear_hover: var(--x-size-5);--x-input-tag-tag-font-size: var(--x-font-size-body-1);--x-input-tag-tag-color-bg: var(--x-color-bg-2);--x-input-tag-tag-color-bg_focus: var(--x-color-fill-2);--x-input-tag-tag-color-bg_disabled: var(--x-color-fill-2);--x-input-tag-tag-color-border: var(--x-color-fill-3);--x-input-tag-tag-color-border_disabled: var(--x-color-fill-3);--x-input-tag-tag-color-border_focus: var(--x-color-fill-2);--x-input-tag-tag-remove-icon-color-bg: var(--x-color-fill-2);--x-input-tag-tag-remove-icon-color-bg_focus: var(--x-color-fill-3);--x-input-tag-size-medium-height: var(--x-input-tag-size-default-height);--x-input-tag-size-medium-tag-height: var(--x-input-tag-size-default-tag-height);--x-input-tag-size-medium-tag-height-2px: var(--x-input-tag-size-default-tag-height-2px);--x-input-tag-size-medium-padding-top-bottom: var( --x-input-tag-size-default-padding-top-bottom );--x-input-tag-size-medium-font-size: var(--x-input-tag-size-default-font-size)}.x-input-tag{display:inline-flex;align-items:center;box-sizing:border-box;width:100%;min-width:0;padding-right:var(--x-input-padding-horizontal);padding-left:var(--x-input-padding-horizontal);color:var(--x-input-color-text);font-size:var(--x-input-size-default-font-size);background-color:var(--x-input-color-bg);border:var(--x-input-border-width) solid var(--x-input-border-color);border-radius:var(--x-input-border-radius);cursor:text;transition:color var(--x-transition-duration-1) var(--x-transition-timing-function-linear),border-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear),background-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-input-tag:hover{background-color:var(--x-input-color-bg_hover);border-color:var(--x-input-color-border_hover)}.x-input-tag:focus-within,.x-input-tag.x-input-tag-focus{z-index:1;background-color:var(--x-input-color-bg_focus);border-color:var(--x-input-color-border_focus);box-shadow:0 0 0 var(--x-input-size-shadow_focus) var(--x-input-color-shadow_focus)}.x-input-tag.x-input-tag-disabled{color:var(--x-input-color-text_disabled);background-color:var(--x-input-color-bg_disabled);border-color:var(--x-input-color-border_disabled);cursor:not-allowed}.x-input-tag.x-input-tag-disabled:hover{color:var(--x-input-color-text_disabled);background-color:var(--x-input-color-bg_disabled);border-color:var(--x-input-color-border_disabled)}.x-input-tag.x-input-tag-disabled .x-input-tag--prefix,.x-input-tag.x-input-tag-disabled .x-input-tag--suffix{color:inherit}.x-input-tag.x-input-tag-error{background-color:var(--x-input-color-bg_error);border-color:var(--x-input-color-border_error)}.x-input-tag.x-input-tag-error:hover{background-color:var(--x-input-color-bg_error_hover);border-color:var(--x-input-color-border_error_hover)}.x-input-tag.x-input-tag-error:focus-within,.x-input-tag.x-input-tag-error.x-input-tag-focus{z-index:1;background-color:var(--x-input-color-bg_error_focus);border-color:var(--x-input-color-border_error_focus);box-shadow:0 0 0 var(--x-input-size-shadow_error_focus) var(--x-input-color-shadow_error_focus)}.x-input-tag .x-input-tag--prefix,.x-input-tag .x-input-tag--suffix{display:inline-flex;flex-shrink:0;align-items:center;white-space:nowrap;user-select:none}.x-input-tag .x-input-tag--prefix>svg,.x-input-tag .x-input-tag--suffix>svg{font-size:var(--x-input-size-default-icon-suffix-size)}.x-input-tag .x-input-tag--prefix{padding-right:var(--x-input-padding-horizontal);color:var(--x-input-color-prefix-text)}.x-input-tag .x-input-tag--suffix{padding-left:var(--x-input-padding-horizontal);color:var(--x-input-color-suffix-text)}.x-input-tag .x-input-tag--suffix .x-feedback-icon{display:inline-flex}.x-input-tag .x-input-tag--suffix .x-feedback-icon-status-validating{color:var(--x-input-feedback-icon-color_validating)}.x-input-tag .x-input-tag--suffix .x-feedback-icon-status-success{color:var(--x-input-feedback-icon-color_success)}.x-input-tag .x-input-tag--suffix .x-feedback-icon-status-warning{color:var(--x-input-feedback-icon-color_warning)}.x-input-tag .x-input-tag--suffix .x-feedback-icon-status-error{color:var(--x-input-feedback-icon-color_error)}.x-input-tag .x-input-tag--clear-btn{flex-shrink:0;align-self:center;margin-left:var(--x-input-margin-left-clear-btn);color:var(--x-input-color-icon-clear);font-size:var(--x-input-size-icon-clear);visibility:hidden;cursor:pointer}.x-input-tag .x-input-tag--clear-btn>svg{position:relative;transition:color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-input-tag:hover .x-input-tag--clear-btn{visibility:visible}.x-input-tag:not(.x-input-tag-focus) .x-input-tag-icon-hover:hover::before{background-color:var(--x-input-color-icon-clear-bg_hover)}.x-input-tag.x-input-tag-has-tag{padding-right:var(--x-input-tag-padding-horizontal);padding-left:var(--x-input-tag-padding-horizontal)}.x-input-tag.x-input-tag-has-prefix{padding-left:var(--x-input-padding-horizontal)}.x-input-tag.x-input-tag-has-suffix{padding-right:var(--x-input-padding-horizontal)}.x-input-tag .x-input-tag--inner{flex:1;overflow:hidden;line-height:0}.x-input-tag .x-input-tag--inner.x-input-tag-nowrap{display:flex;flex-wrap:wrap}.x-input-tag .x-input-tag--inner .x-input-tag--tag{display:inline-flex;align-items:center;margin-right:var(--x-input-tag-tag-margin-right);color:var(--x-input-tag-color-text_default);font-size:var(--x-input-tag-tag-font-size);white-space:pre-wrap;word-break:break-word;background-color:var(--x-input-tag-tag-color-bg);border-color:var(--x-input-tag-tag-color-border)}.x-input-tag .x-input-tag--inner .x-input-tag--tag .x-icon-hover:hover::before{background-color:var(--x-input-tag-tag-remove-icon-color-bg)}.x-input-tag .x-input-tag--inner .x-input-tag--tag.x-tag-custom-color{color:var(--x-tag-custom-color-text)}.x-input-tag .x-input-tag--inner .x-input-tag--tag.x-tag-custom-color .x-icon-hover.x-tag-icon-hover:hover::before{background-color:var(--x-tag-custom-color-icon-bg_hover)}.x-input-tag .x-input-tag--inner.x-input-tag-nowrap .x-input-tag--tag{white-space:nowrap;word-break:normal}.x-input-tag .x-input-tag--inner .x-input-tag--input{width:100%;min-width:0;padding-right:0;padding-left:0;color:inherit;line-height:var(--x-line-height-base);background:none;border:none;border-radius:0;outline:none;cursor:inherit;-webkit-appearance:none;-webkit-tap-highlight-color:var(--x-color-transparent)}.x-input-tag .x-input-tag--inner .x-input-tag--input::placeholder{color:var(--x-input-color-placeholder-text)}.x-input-tag .x-input-tag--inner .x-input-tag--input[disabled]::placeholder{color:var(--x-input-color-text_disabled)}.x-input-tag .x-input-tag--inner .x-input-tag--input[disabled]{-webkit-text-fill-color:var(--x-input-color-text_disabled)}.x-input-tag .x-input-tag--inner .x-input-tag--input{box-sizing:border-box}.x-input-tag .x-input-tag--mirror{position:absolute;top:0;left:0;white-space:pre;visibility:hidden;pointer-events:none}.x-input-tag.x-input-tag-focus .x-input-tag--tag{background-color:var(--x-input-tag-tag-color-bg_focus);border-color:var(--x-input-tag-tag-color-border_focus)}.x-input-tag.x-input-tag-focus .x-input-tag--tag .x-icon-hover:hover::before{background-color:var(--x-input-tag-tag-remove-icon-color-bg_focus)}.x-input-tag.x-input-tag-disabled .x-input-tag--tag{color:var(--x-input-tag-color-text_disabled);background-color:var(--x-input-tag-tag-color-bg_disabled);border-color:var(--x-input-tag-tag-color-border_disabled)}.x-input-tag.x-input-tag-readonly,.x-input-tag.x-input-tag-disabled-input{cursor:default}.x-input-tag.x-input-tag-size-mini{font-size:var(--x-input-tag-size-mini-font-size)}.x-input-tag.x-input-tag-size-mini .x-input-tag--inner{padding-top:var(--x-input-tag-size-mini-padding-top-bottom);padding-bottom:var(--x-input-tag-size-mini-padding-top-bottom)}.x-input-tag.x-input-tag-size-mini .x-input-tag--tag,.x-input-tag.x-input-tag-size-mini .x-input-tag--input{margin-top:var(--x-input-tag-tag-margin-vertical-division-2);margin-bottom:var(--x-input-tag-tag-margin-vertical-division-2);line-height:var(--x-input-tag-size-mini-tag-height-2px);vertical-align:middle}.x-input-tag.x-input-tag-size-mini .x-input-tag--tag,.x-input-tag.x-input-tag-size-mini .x-input-tag--input{height:auto;min-height:var(--x-input-tag-size-mini-tag-height)}.x-input-tag.x-input-tag-size-medium{font-size:var(--x-input-tag-size-medium-font-size)}.x-input-tag.x-input-tag-size-medium .x-input-tag--inner{padding-top:var(--x-input-tag-size-medium-padding-top-bottom);padding-bottom:var(--x-input-tag-size-medium-padding-top-bottom)}.x-input-tag.x-input-tag-size-medium .x-input-tag--tag,.x-input-tag.x-input-tag-size-medium .x-input-tag--input{margin-top:var(--x-input-tag-tag-margin-vertical-division-2);margin-bottom:var(--x-input-tag-tag-margin-vertical-division-2);line-height:var(--x-input-tag-size-medium-tag-height-2px);vertical-align:middle}.x-input-tag.x-input-tag-size-medium .x-input-tag--tag,.x-input-tag.x-input-tag-size-medium .x-input-tag--input{height:auto;min-height:var(--x-input-tag-size-medium-tag-height)}.x-input-tag.x-input-tag-size-small{font-size:var(--x-input-tag-size-small-font-size)}.x-input-tag.x-input-tag-size-small .x-input-tag--inner{padding-top:var(--x-input-tag-size-small-padding-top-bottom);padding-bottom:var(--x-input-tag-size-small-padding-top-bottom)}.x-input-tag.x-input-tag-size-small .x-input-tag--tag,.x-input-tag.x-input-tag-size-small .x-input-tag--input{margin-top:var(--x-input-tag-tag-margin-vertical-division-2);margin-bottom:var(--x-input-tag-tag-margin-vertical-division-2);line-height:var(--x-input-tag-size-small-tag-height-2px);vertical-align:middle}.x-input-tag.x-input-tag-size-small .x-input-tag--tag,.x-input-tag.x-input-tag-size-small .x-input-tag--input{height:auto;min-height:var(--x-input-tag-size-small-tag-height)}.x-input-tag.x-input-tag-size-large{font-size:var(--x-input-tag-size-large-font-size)}.x-input-tag.x-input-tag-size-large .x-input-tag--inner{padding-top:var(--x-input-tag-size-large-padding-top-bottom);padding-bottom:var(--x-input-tag-size-large-padding-top-bottom)}.x-input-tag.x-input-tag-size-large .x-input-tag--tag,.x-input-tag.x-input-tag-size-large .x-input-tag--input{margin-top:var(--x-input-tag-tag-margin-vertical-division-2);margin-bottom:var(--x-input-tag-tag-margin-vertical-division-2);line-height:var(--x-input-tag-size-large-tag-height-2px);vertical-align:middle}.x-input-tag.x-input-tag-size-large .x-input-tag--tag,.x-input-tag.x-input-tag-size-large .x-input-tag--input{height:auto;min-height:var(--x-input-tag-size-large-tag-height)}.input-tag-zoom-enter-from{transform:scale(0.5, 0.5);opacity:0}.input-tag-zoom-enter-to{transform:scale(1, 1);opacity:1}.input-tag-zoom-enter-active{transition:all var(--x-transition-duration-3) var(--x-transition-timing-function-standard)}.input-tag-zoom-leave-from{transform:scale(1, 1);opacity:1}.input-tag-zoom-leave-to{transform:scale(0.5, 0.5);opacity:0}.input-tag-zoom-leave-active{position:absolute;transition:all var(--x-transition-duration-3) var(--x-transition-timing-function-overshoot)}.input-tag-zoom-move{transition:all var(--x-transition-duration-3) var(--x-transition-timing-function-overshoot)}
package/dist/style/form-input-tag.js ADDED
@@ -0,0 +1,2 @@
1
+ import './base.css';
2
+ import './form-input-tag.css';
package/dist/style/form-input.css ADDED
@@ -0,0 +1 @@
1
+ :root{--x-input-color-bg: var(--x-field-color-bg);--x-input-color-bg_hover: var(--x-field-color-bg-hover);--x-input-color-bg_focus: var(--x-field-color-bg-focus);--x-input-color-bg_disabled: var(--x-field-color-bg-disabled);--x-input-color-addon-bg: var(--x-input-color-bg);--x-input-color-addon-border: var(--x-color-border-subtle);--x-input-border-addon-separator-width: var(--x-border-1);--x-input-color-border_focus: var(--x-field-color-border-focus);--x-input-color-shadow_focus: var(--x-field-color-shadow-focus);--x-input-size-shadow_focus: var(--x-field-size-shadow-focus);--x-input-color-addon-border_default: var(--x-color-transparent);--x-input-color-text: var(--x-field-color-text);--x-input-color-placeholder-text: var(--x-field-color-placeholder);--x-input-color-text_disabled: var(--x-field-color-text-disabled);--x-textarea-color-tip-text: var(--x-color-text-tertiary);--x-input-color-bg_error: var(--x-field-color-bg-error);--x-input-color-bg_error_hover: var(--x-field-color-bg-error-hover);--x-input-color-bg_error_focus: var(--x-field-color-bg-error-focus);--x-input-color-border_error_focus: var(--x-field-color-border-error);--x-input-color-shadow_error_focus: var(--x-field-status-error-shadow-color-focus);--x-input-size-shadow_error_focus: var(--x-field-status-error-shadow-size-focus);--x-input-size-default-height: var(--x-size-default);--x-input-size-mini-height: var(--x-size-mini);--x-input-size-small-height: var(--x-size-small);--x-input-size-large-height: var(--x-size-large);--x-input-border-width: var(--x-border-1);--x-input-border-color: var(--x-field-color-border);--x-input-color-border_disabled: var(--x-field-color-border-disabled);--x-input-color-border_hover: var(--x-field-color-border-hover);--x-input-color-border_error: var(--x-field-color-border-error);--x-input-color-border_error_hover: var(--x-color-transparent);--x-input-size-default-font-size: var(--x-font-size-body-3);--x-input-size-small-font-size: var(--x-font-size-body-3);--x-input-size-large-font-size: var(--x-font-size-body-3);--x-input-size-mini-font-size: var(--x-font-size-body-1);--x-input-font-tip-size: var(--x-font-size-body-1);--x-input-size-mini-icon-suffix-size: var(--x-size-3);--x-input-size-small-icon-suffix-size: 14px;--x-input-size-default-icon-suffix-size: 14px;--x-input-size-large-icon-suffix-size: 14px;--x-input-size-mini-icon-addon-size: var(--x-size-3);--x-input-size-small-icon-addon-size: 14px;--x-input-size-default-icon-addon-size: 14px;--x-input-size-large-icon-addon-size: 14px;--x-input-size-icon-clear: var(--x-size-3);--x-input-color-prefix-text: var(--x-field-color-affix);--x-input-color-suffix-text: var(--x-field-color-affix);--x-input-color-tip-text: var(--x-color-text-tertiary);--x-input-color-icon-clear: var(--x-field-color-icon);--x-input-color-icon-clear-bg_hover: var(--x-color-fill-4);--x-search-color-icon: var(--x-field-color-icon);--x-search-size-icon: 14px;--x-input-padding-horizontal: var(--x-spacing-6);--x-input-margin-left-clear-btn: var(--x-spacing-6);--x-input-spacing-clear-icon-right: var(--x-spacing-4);--x-input-padding-word-limit-left: var(--x-spacing-4);--x-textarea-padding-horizontal: var(--x-spacing-6);--x-textarea-padding-vertical: var(--x-spacing-2);--x-textarea-font-size: var(--x-font-size-body-3);--x-textarea-font-tip-size: var(--x-font-size-body-1);--x-textarea-layout-tip-right: var(--x-spacing-5);--x-textarea-layout-tip-bottom: var(--x-spacing-3);--x-textarea-size-min-height: var(--x-size-default);--x-textarea-size-icon-clear: var(--x-font-size-body-1);--x-textarea-layout-top-icon-clear: var(--x-spacing-5);--x-password-color-eye-icon: var(--x-color-text-2);--x-password-size-eye-icon: var(--x-size-3);--x-input-group-border-radius_compact: var(--x-border-radius-small);--x-input-group-border-separator-width: var(--x-border-1);--x-input-group-color-separator-border: var(--x-color-border-subtle);--x-input-size-medium-height: var(--x-input-size-default-height);--x-input-size-medium-font-size: var(--x-input-size-default-font-size);--x-input-size-mini-line-height: 1.667;--x-input-size-small-line-height: var(--x-line-height-base);--x-input-size-medium-line-height: var(--x-line-height-base);--x-input-size-large-line-height: var(--x-line-height-base);--x-input-size-mini-padding-up-down: 1px;--x-input-size-small-padding-up-down: 2px;--x-input-size-medium-padding-up-down: 3px;--x-input-size-large-padding-up-down: 4px;--x-input-size-huge-padding-up-down: 5px;--x-input-feedback-icon-color_success: var(--x-field-status-success-icon);--x-input-feedback-icon-color_error: var(--x-field-status-error-icon);--x-input-feedback-icon-color_warning: var(--x-field-status-warning-icon);--x-input-feedback-icon-color_validating: var(--x-field-status-validating-icon)}.x-input--group{display:inline-flex;align-items:center}.x-input--group>*{border-radius:0}.x-input--group>*.x-input--outer>:last-child,.x-input--group>*.x-input--outer>:first-child{border-radius:0}.x-input--group>*:not(:last-child){position:relative;box-sizing:border-box}.x-input--group>*:first-child,.x-input--group>*:first-child .x-input--group>*:first-child{border-top-left-radius:var(--x-input-group-border-radius_compact);border-bottom-left-radius:var(--x-input-group-border-radius_compact)}.x-input--group>*:first-child .x-select-view,.x-input--group>*:first-child .x-input--group>*:first-child .x-select-view{border-top-left-radius:var(--x-input-group-border-radius_compact);border-bottom-left-radius:var(--x-input-group-border-radius_compact)}.x-input--group>*:last-child,.x-input--group>*:last-child .x-input--outer>*:last-child{border-top-right-radius:var(--x-input-group-border-radius_compact);border-bottom-right-radius:var(--x-input-group-border-radius_compact)}.x-input--group>*:last-child .x-select-view,.x-input--group>*:last-child .x-input--outer>*:last-child .x-select-view{border-top-right-radius:var(--x-input-group-border-radius_compact);border-bottom-right-radius:var(--x-input-group-border-radius_compact)}.x-input--group>.x-input--wrapper:not(:last-child),.x-input--group>.x-input--outer:not(:last-child),.x-input--group>.x-input-tag:not(:last-child),.x-input--group>.x-select-view:not(:last-child){margin-right:var(--x-input-group-border-separator-width);border-right:var(--x-input-group-border-separator-width) solid var(--x-input-group-color-separator-border)}.x-input--group>.x-input--wrapper:not(:last-child):focus-within,.x-input--group>.x-input--outer:not(:last-child):focus-within,.x-input--group>.x-input-tag:not(:last-child):focus-within,.x-input--group>.x-select-view:not(:last-child):focus-within{border-right-color:var(--x-input-color-border_focus)}.x-input--group>.x-input--wrapper.x-input-error:not(:last-child):focus-within{border-right-color:var(--x-input-color-border_error_focus)}.x-input--wrapper.x-input-password:not(.x-input-disabled) .x-input--suffix{color:var(--x-password-color-eye-icon);font-size:var(--x-password-size-eye-icon);cursor:pointer}.x-input-search .x-input--append{padding:0;border:none}.x-input-search .x-input--suffix{color:var(--x-search-color-icon);font-size:var(--x-search-size-icon)}.x-input-search .x-input-search--btn{border-top-left-radius:0;border-bottom-left-radius:0}.size-height-size-mini{padding-top:calc(var(--x-input-size-mini-height) - var(--x-input-border-width) * 2 - 1.667 * var(--x-input-size-mini-font-size))/2;padding-bottom:calc(var(--x-input-size-mini-height) - var(--x-input-border-width) * 2 - 1.667 * var(--x-input-size-mini-font-size))/2}.size-height-size-small{padding-top:1.9995px;padding-bottom:1.9995px;font-size:14px}.size-height-size-large{padding-top:5.9995px;padding-bottom:5.9995px;font-size:14px}.x-input--wrapper{display:inline-flex;align-items:center;box-sizing:border-box;width:100%;min-width:0;padding-right:var(--x-input-padding-horizontal);padding-left:var(--x-input-padding-horizontal);color:var(--x-input-color-text);font-size:var(--x-input-size-default-font-size);background-color:var(--x-input-color-bg);border:var(--x-input-border-width) solid var(--x-input-border-color);border-radius:var(--x-input-border-radius);cursor:text;transition:color var(--x-transition-duration-1) var(--x-transition-timing-function-linear),border-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear),background-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-input--wrapper:hover{background-color:var(--x-input-color-bg_hover);border-color:var(--x-input-color-border_hover)}.x-input--wrapper:focus-within,.x-input--wrapper.x-input-focus{z-index:1;background-color:var(--x-input-color-bg_focus);border-color:var(--x-input-color-border_focus);box-shadow:0 0 0 var(--x-input-size-shadow_focus) var(--x-input-color-shadow_focus)}.x-input--wrapper.x-input-disabled{color:var(--x-input-color-text_disabled);background-color:var(--x-input-color-bg_disabled);border-color:var(--x-input-color-border_disabled);cursor:not-allowed}.x-input--wrapper.x-input-disabled:hover{color:var(--x-input-color-text_disabled);background-color:var(--x-input-color-bg_disabled);border-color:var(--x-input-color-border_disabled)}.x-input--wrapper.x-input-disabled .x-input--prefix,.x-input--wrapper.x-input-disabled .x-input--suffix{color:inherit}.x-input--wrapper.x-input-error{background-color:var(--x-input-color-bg_error);border-color:var(--x-input-color-border_error)}.x-input--wrapper.x-input-error:hover{background-color:var(--x-input-color-bg_error_hover);border-color:var(--x-input-color-border_error_hover)}.x-input--wrapper.x-input-error:focus-within,.x-input--wrapper.x-input-error.x-input-focus{z-index:1;background-color:var(--x-input-color-bg_error_focus);border-color:var(--x-input-color-border_error_focus);box-shadow:0 0 0 var(--x-input-size-shadow_error_focus) var(--x-input-color-shadow_error_focus)}.x-input--wrapper .x-input--prefix,.x-input--wrapper .x-input--suffix{display:inline-flex;flex-shrink:0;align-items:center;white-space:nowrap;user-select:none}.x-input--wrapper .x-input--prefix>svg,.x-input--wrapper .x-input--suffix>svg{font-size:var(--x-input-size-default-icon-suffix-size)}.x-input--wrapper .x-input--prefix{padding-right:var(--x-input-padding-horizontal);color:var(--x-input-color-prefix-text)}.x-input--wrapper .x-input--suffix{padding-left:var(--x-input-padding-horizontal);color:var(--x-input-color-suffix-text)}.x-input--wrapper .x-input--suffix .x-feedback-icon{display:inline-flex}.x-input--wrapper .x-input--suffix .x-feedback-icon-status-validating{color:var(--x-input-feedback-icon-color_validating)}.x-input--wrapper .x-input--suffix .x-feedback-icon-status-success{color:var(--x-input-feedback-icon-color_success)}.x-input--wrapper .x-input--suffix .x-feedback-icon-status-warning{color:var(--x-input-feedback-icon-color_warning)}.x-input--wrapper .x-input--suffix .x-feedback-icon-status-error{color:var(--x-input-feedback-icon-color_error)}.x-input--wrapper .x-input--clear-btn{flex-shrink:0;align-self:center;margin-left:var(--x-input-margin-left-clear-btn);color:var(--x-input-color-icon-clear);font-size:var(--x-input-size-icon-clear);visibility:hidden;cursor:pointer}.x-input--wrapper .x-input--clear-btn>svg{position:relative;transition:color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-input--wrapper:hover .x-input--clear-btn{visibility:visible}.x-input--wrapper:not(.x-input-focus) .x-input-icon-hover:hover::before{background-color:var(--x-input-color-icon-clear-bg_hover)}.x-input--wrapper .x-input{width:100%;min-width:0;padding-right:0;padding-left:0;color:inherit;line-height:var(--x-line-height-base);background:none;border:none;border-radius:0;outline:none;cursor:inherit;-webkit-appearance:none;-webkit-tap-highlight-color:var(--x-color-transparent)}.x-input--wrapper .x-input::placeholder{color:var(--x-input-color-placeholder-text)}.x-input--wrapper .x-input[disabled]::placeholder{color:var(--x-input-color-text_disabled)}.x-input--wrapper .x-input[disabled]{-webkit-text-fill-color:var(--x-input-color-text_disabled)}.x-input--wrapper .x-input{flex:1 1 0;width:0}.x-input--wrapper .x-input.x-input-size-mini{padding-top:var(--x-input-size-mini-padding-up-down);padding-bottom:var(--x-input-size-mini-padding-up-down);font-size:var(--x-input-size-mini-font-size);line-height:var(--x-input-size-mini-line-height)}.x-input--wrapper .x-input.x-input-size-small{padding-top:var(--x-input-size-small-padding-up-down);padding-bottom:var(--x-input-size-small-padding-up-down);font-size:var(--x-input-size-small-font-size);line-height:var(--x-input-size-small-line-height)}.x-input--wrapper .x-input.x-input-size-medium{padding-top:var(--x-input-size-medium-padding-up-down);padding-bottom:var(--x-input-size-medium-padding-up-down);font-size:var(--x-input-size-medium-font-size);line-height:var(--x-input-size-medium-line-height)}.x-input--wrapper .x-input.x-input-size-large{padding-top:var(--x-input-size-large-padding-up-down);padding-bottom:var(--x-input-size-large-padding-up-down);font-size:var(--x-input-size-large-font-size);line-height:var(--x-input-size-large-line-height)}.x-input--wrapper .x-input-word-limit{color:var(--x-input-color-tip-text);font-size:var(--x-input-font-tip-size)}.x-input--outer{display:inline-flex;width:100%}.x-input--outer>.x-input--wrapper{border-radius:0}.x-input--outer>:first-child{border-top-left-radius:var(--x-input-border-radius);border-bottom-left-radius:var(--x-input-border-radius)}.x-input--outer>:last-child{border-top-right-radius:var(--x-input-border-radius);border-bottom-right-radius:var(--x-input-border-radius)}.x-input--outer.x-input--outer-size-mini .x-input--outer{font-size:var(--x-input-size-mini-font-size)}.x-input--outer.x-input--outer-size-mini .x-input--wrapper .x-input--prefix,.x-input--outer.x-input--outer-size-mini .x-input--wrapper .x-input--suffix{font-size:var(--x-input-size-mini-font-size)}.x-input--outer.x-input--outer-size-mini .x-input--wrapper .x-input--prefix>svg,.x-input--outer.x-input--outer-size-mini .x-input--wrapper .x-input--suffix>svg{font-size:var(--x-input-size-mini-icon-suffix-size)}.x-input--outer.x-input--outer-size-mini .x-input--prepend,.x-input--outer.x-input--outer-size-mini .x-input--append{font-size:var(--x-input-size-mini-font-size)}.x-input--outer.x-input--outer-size-mini .x-input--prepend>svg,.x-input--outer.x-input--outer-size-mini .x-input--append>svg{font-size:var(--x-input-size-mini-icon-addon-size)}.x-input--outer.x-input--outer-size-mini .x-input--prepend .x-input{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-13px;margin-left:-12px;border-color:var(--x-color-transparent);border-top-left-radius:0;border-bottom-left-radius:0}.x-input--outer.x-input--outer-size-mini .x-input--prepend .x-select{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-13px;margin-left:-12px}.x-input--outer.x-input--outer-size-mini .x-input--prepend .x-select .x-select--view{background-color:inherit;border-color:var(--x-color-transparent);border-radius:0}.x-input--outer.x-input--outer-size-mini .x-input--prepend .x-select.x-select-single .x-select--view{height:100%}.x-input--outer.x-input--outer-size-mini .x-input--append .x-input{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-12px;margin-left:-13px;border-color:var(--x-color-transparent);border-top-right-radius:0;border-bottom-right-radius:0}.x-input--outer.x-input--outer-size-mini .x-input--append .x-select{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-12px;margin-left:-13px}.x-input--outer.x-input--outer-size-mini .x-input--append .x-select .x-select--view{background-color:inherit;border-color:var(--x-color-transparent);border-radius:0}.x-input--outer.x-input--outer-size-mini .x-input--append .x-select.x-select-single .x-select--view{height:100%}.x-input--outer.x-input--outer-size-small .x-input--outer{font-size:var(--x-input-size-small-font-size)}.x-input--outer.x-input--outer-size-small .x-input--wrapper .x-input--prefix,.x-input--outer.x-input--outer-size-small .x-input--wrapper .x-input--suffix{font-size:var(--x-input-size-small-font-size)}.x-input--outer.x-input--outer-size-small .x-input--wrapper .x-input--prefix>svg,.x-input--outer.x-input--outer-size-small .x-input--wrapper .x-input--suffix>svg{font-size:var(--x-input-size-small-icon-suffix-size)}.x-input--outer.x-input--outer-size-small .x-input--prepend,.x-input--outer.x-input--outer-size-small .x-input--append{font-size:var(--x-input-size-small-font-size)}.x-input--outer.x-input--outer-size-small .x-input--prepend>svg,.x-input--outer.x-input--outer-size-small .x-input--append>svg{font-size:var(--x-input-size-small-icon-addon-size)}.x-input--outer.x-input--outer-size-small .x-input--prepend .x-input{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-13px;margin-left:-12px;border-color:var(--x-color-transparent);border-top-left-radius:0;border-bottom-left-radius:0}.x-input--outer.x-input--outer-size-small .x-input--prepend .x-select{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-13px;margin-left:-12px}.x-input--outer.x-input--outer-size-small .x-input--prepend .x-select .x-select--view{background-color:inherit;border-color:var(--x-color-transparent);border-radius:0}.x-input--outer.x-input--outer-size-small .x-input--prepend .x-select.x-select-single .x-select--view{height:100%}.x-input--outer.x-input--outer-size-small .x-input--append .x-input{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-12px;margin-left:-13px;border-color:var(--x-color-transparent);border-top-right-radius:0;border-bottom-right-radius:0}.x-input--outer.x-input--outer-size-small .x-input--append .x-select{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-12px;margin-left:-13px}.x-input--outer.x-input--outer-size-small .x-input--append .x-select .x-select--view{background-color:inherit;border-color:var(--x-color-transparent);border-radius:0}.x-input--outer.x-input--outer-size-small .x-input--append .x-select.x-select-single .x-select--view{height:100%}.x-input--outer.x-input--outer-size-large .x-input--outer{font-size:var(--x-input-size-large-font-size)}.x-input--outer.x-input--outer-size-large .x-input--wrapper .x-input--prefix,.x-input--outer.x-input--outer-size-large .x-input--wrapper .x-input--suffix{font-size:var(--x-input-size-large-font-size)}.x-input--outer.x-input--outer-size-large .x-input--wrapper .x-input--prefix>svg,.x-input--outer.x-input--outer-size-large .x-input--wrapper .x-input--suffix>svg{font-size:var(--x-input-size-large-icon-suffix-size)}.x-input--outer.x-input--outer-size-large .x-input--prepend,.x-input--outer.x-input--outer-size-large .x-input--append{font-size:var(--x-input-size-large-font-size)}.x-input--outer.x-input--outer-size-large .x-input--prepend>svg,.x-input--outer.x-input--outer-size-large .x-input--append>svg{font-size:var(--x-input-size-large-icon-addon-size)}.x-input--outer.x-input--outer-size-large .x-input--prepend .x-input{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-13px;margin-left:-12px;border-color:var(--x-color-transparent);border-top-left-radius:0;border-bottom-left-radius:0}.x-input--outer.x-input--outer-size-large .x-input--prepend .x-select{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-13px;margin-left:-12px}.x-input--outer.x-input--outer-size-large .x-input--prepend .x-select .x-select--view{background-color:inherit;border-color:var(--x-color-transparent);border-radius:0}.x-input--outer.x-input--outer-size-large .x-input--prepend .x-select.x-select-single .x-select--view{height:100%}.x-input--outer.x-input--outer-size-large .x-input--append .x-input{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-12px;margin-left:-13px;border-color:var(--x-color-transparent);border-top-right-radius:0;border-bottom-right-radius:0}.x-input--outer.x-input--outer-size-large .x-input--append .x-select{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-12px;margin-left:-13px}.x-input--outer.x-input--outer-size-large .x-input--append .x-select .x-select--view{background-color:inherit;border-color:var(--x-color-transparent);border-radius:0}.x-input--outer.x-input--outer-size-large .x-input--append .x-select.x-select-single .x-select--view{height:100%}.x-input--outer-disabled{cursor:not-allowed}.x-input--prepend,.x-input--append{display:inline-flex;flex-shrink:0;align-items:center;box-sizing:border-box;padding:0 var(--x-input-padding-horizontal);color:var(--x-input-color-text);white-space:nowrap;background-color:var(--x-input-color-addon-bg);border:1px solid var(--x-input-color-addon-border_default)}.x-input--prepend>svg,.x-input--append>svg{font-size:var(--x-input-size-default-icon-addon-size)}.x-input--prepend{border-right:var(--x-input-border-addon-separator-width) solid var(--x-input-color-addon-border)}.x-input--prepend .x-input{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-12px;margin-left:-13px;border-color:var(--x-color-transparent);border-top-right-radius:0;border-bottom-right-radius:0}.x-input--prepend .x-select{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-12px;margin-left:-13px}.x-input--prepend .x-select .x-select--view{background-color:inherit;border-color:var(--x-color-transparent);border-radius:0}.x-input--prepend .x-select.x-select-single .x-select--view{height:100%}.x-input--append{border-left:var(--x-input-border-addon-separator-width) solid var(--x-input-color-addon-border)}.x-input--append .x-input{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-13px;margin-left:-12px;border-color:var(--x-color-transparent);border-top-left-radius:0;border-bottom-left-radius:0}.x-input--append .x-select{width:auto;height:100%;margin-top:-1px;margin-bottom:-1px;margin-right:-13px;margin-left:-12px}.x-input--append .x-select .x-select--view{background-color:inherit;border-color:var(--x-color-transparent);border-radius:0}.x-input--append .x-select.x-select-single .x-select--view{height:100%}
package/dist/style/form-input.js ADDED
@@ -0,0 +1,2 @@
1
+ import './base.css';
2
+ import './form-input.css';
package/dist/style/form-radio.css ADDED
@@ -0,0 +1 @@
1
+ :root{--x-radio-color-border: var(--x-color-neutral-3);--x-radio-color-border_hover: var(--x-color-neutral-3);--x-radio-color-border_disabled: var(--x-color-neutral-3);--x-radio-color-bg: var(--x-color-bg-2);--x-radio-color-bg_checked: var(--x-color-primary-6);--x-radio-border-radius: var(--x-border-radius-circle);--x-radio-color-bg_disabled: var(--x-color-fill-2);--x-radio-color-bg_checked_disabled: var(--x-color-primary-light-3);--x-radio-color-dot-bg_checked_disabled: var(--x-radio-color-bg_disabled);--x-radio-color-text: var(--x-color-text-1);--x-radio-color-text_disabled: var(--x-color-text-4);--x-radio-color-text_checked_disabled: var(--x-color-text-4);--x-radio-font-text-size: var(--x-font-size-body-3);--x-radio-font-text-size_large: var(--x-font-size-body-3);--x-radio-font-text-size_mini: var(--x-font-size-body-1);--x-radio-font-text-size_small: var(--x-font-size-body-3);--x-radio-margin-text-left: var(--x-spacing-4);--x-radio-mask-bg-color-bg: var(--x-icon-hover-color-bg);--x-radio-group-margin-right: var(--x-spacing-8);--x-radio-group-button-color-bg: var(--x-color-fill-2);--x-radio-button-padding-horizontal: var(--x-spacing-6);--x-radio-button-color-bg_active: var(--x-color-bg-5);--x-radio-button-color-bg_hover: var(--x-radio-button-color-bg_active);--x-radio-button-color-text_active: var(--x-color-primary-6);--x-radio-button-font-text-weight_active: var(--x-font-weight-500);--x-radio-button-color-text_hover: var(--x-radio-color-text);--x-radio-button-border-radius: var(--x-border-radius-small);--x-radio-button-bg-border-radius: var(--x-radio-button-border-radius);--x-radio-button-color-bg: var(--x-color-transparent);--x-radio-button-color-text: var(--x-color-text-2);--x-radio-button-color-bg_disabled: var(--x-color-transparent);--x-radio-button-color-text_disabled: var(--x-color-text-4);--x-radio-button-color-bg_checked_disabled: var(--x-radio-button-color-bg_active);--x-radio-button-color-text_checked_disabled: var(--x-color-primary-light-3);--x-radio-button-color-separator-bg: var(--x-color-neutral-3);--x-radio-button-size-separator-height: 14px;--x-radio-group-size-line-height_vertical: var(--x-size-8)}.x-radio>input[type=radio],.x-radio--button>input[type=radio]{position:absolute;top:0;left:0;width:0;height:0;opacity:0}.x-radio>input[type=radio]:focus-visible+.x-radio-icon-hover::before,.x-radio--button>input[type=radio]:focus-visible+.x-radio-icon-hover::before{background-color:var(--x-icon-hover-color-bg)}.x-icon-hover.x-radio-icon-hover::before{width:24px;height:24px}.x-radio{position:relative;display:inline-flex;align-items:center;padding-left:5px;font-size:var(--x-radio-font-text-size);line-height:unset;cursor:pointer}.x-radio--label{margin-left:var(--x-radio-margin-text-left);color:var(--x-radio-color-text)}.x-radio-icon{position:relative;display:block;box-sizing:border-box;width:14px;height:14px;line-height:14px;border:2px solid var(--x-radio-color-border);border-radius:var(--x-radio-border-radius)}.x-radio-icon::after{position:absolute;top:0;left:0;display:inline-block;box-sizing:border-box;width:10px;height:10px;background-color:var(--x-radio-color-bg);border-radius:var(--x-radio-border-radius);transform:scale(1);transition:transform var(--x-transition-duration-3) var(--x-transition-timing-function-overshoot);content:""}.x-radio:hover .x-radio-icon{border-color:var(--x-radio-color-border_hover)}.x-radio-checked .x-radio-icon{background-color:var(--x-radio-color-bg_checked);border-color:var(--x-radio-color-bg_checked)}.x-radio-checked .x-radio-icon::after{background-color:var(--x-color-white);transform:scale(0.4)}.x-radio-checked:hover .x-radio-icon{border-color:var(--x-radio-color-bg_checked)}.x-radio-disabled{cursor:not-allowed}.x-radio-disabled .x-radio-icon-hover{cursor:not-allowed}.x-radio-disabled .x-radio--label{color:var(--x-radio-color-text_disabled)}.x-radio-disabled .x-radio-icon{border-color:var(--x-radio-color-border_disabled)}.x-radio-disabled .x-radio-icon::after{background-color:var(--x-radio-color-bg_disabled)}.x-radio-disabled:hover .x-radio-icon{border-color:var(--x-radio-color-border_disabled)}.x-radio-checked.x-radio-disabled .x-radio-icon,.x-radio-checked.x-radio-disabled:hover .x-radio-icon{background-color:var(--x-radio-color-bg_checked_disabled);border-color:var(--x-color-transparent)}.x-radio-checked.x-radio-disabled .x-radio-icon::after{background-color:var(--x-radio-color-dot-bg_checked_disabled)}.x-radio-checked.x-radio-disabled .x-radio--label{color:var(--x-radio-color-text_checked_disabled)}.x-radio:hover .x-radio-icon-hover::before{background-color:var(--x-radio-mask-bg-color-bg)}.x-radio-size-mini{padding-left:4px;font-size:var(--x-radio-font-text-size_mini)}.x-radio-size-mini .x-radio-icon-hover::before{width:20px;height:20px}.x-radio-size-mini .x-radio-icon{width:12px;height:12px;line-height:12px}.x-radio-size-mini .x-radio-icon::after{width:8px;height:8px}.x-radio-size-small{padding-left:3px;font-size:var(--x-radio-font-text-size_small)}.x-radio-size-small .x-radio-icon-hover::before{width:20px;height:20px}.x-radio-size-small .x-radio-icon{width:14px;height:14px;line-height:14px}.x-radio-size-small .x-radio-icon::after{width:10px;height:10px}.x-radio-size-medium{padding-left:5px;font-size:var(--x-radio-font-text-size)}.x-radio-size-medium .x-radio-icon-hover::before{width:24px;height:24px}.x-radio-size-medium .x-radio-icon{width:14px;height:14px;line-height:14px}.x-radio-size-medium .x-radio-icon::after{width:10px;height:10px}.x-radio-size-large{padding-left:6px;font-size:var(--x-radio-font-text-size_large)}.x-radio-size-large .x-radio-icon-hover::before{width:28px;height:28px}.x-radio-size-large .x-radio-icon{width:16px;height:16px;line-height:16px}.x-radio-size-large .x-radio-icon::after{width:12px;height:12px}.x-radio--group{display:inline-block;box-sizing:border-box}.x-radio--group .x-radio{margin-right:var(--x-radio-group-margin-right)}.x-radio--group--button{display:inline-flex;padding:1.5px;line-height:26px;background-color:var(--x-radio-group-button-color-bg);border-radius:var(--x-radio-button-bg-border-radius)}.x-radio--button{position:relative;display:inline-block;margin:1.5px;color:var(--x-radio-button-color-text);font-size:var(--x-radio-font-text-size);line-height:26px;background-color:var(--x-radio-button-color-bg);border-radius:var(--x-radio-button-border-radius);cursor:pointer;transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-radio--button--content{position:relative;display:block;padding:0 var(--x-radio-button-padding-horizontal)}.x-radio--button>input[type=radio]:focus-visible+.x-radio--button--content{outline:2px solid var(--x-color-primary-6);outline-offset:1px;border-radius:var(--x-radio-button-border-radius)}.x-radio--button:not(:first-of-type)::before{position:absolute;top:50%;left:-1.5px;display:block;width:1px;height:var(--x-radio-button-size-separator-height);background-color:var(--x-radio-button-color-separator-bg);transform:translateY(-50%);transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear);content:""}.x-radio--button:hover::before,.x-radio--button:hover+.x-radio--button::before,.x-radio--button.x-radio-checked::before,.x-radio--button.x-radio-checked+.x-radio--button::before{opacity:0}.x-radio--button:hover{color:var(--x-radio-button-color-text_hover);background-color:var(--x-radio-button-color-bg_hover)}.x-radio--button.x-radio-checked{color:var(--x-radio-button-color-text_active);background-color:var(--x-radio-button-color-bg_active)}.x-radio--button.x-radio-disabled{color:var(--x-radio-button-color-text_disabled);background-color:var(--x-radio-button-color-bg_disabled);cursor:not-allowed}.x-radio--button.x-radio-disabled.x-radio-checked{color:var(--x-radio-button-color-text_checked_disabled);background-color:var(--x-radio-button-color-bg_checked_disabled)}.x-radio--group-size-small{line-height:28px}.x-radio--group-size-small.x-radio--group--button,.x-radio--group-size-small .x-radio--button{font-size:var(--x-radio-font-text-size_small);line-height:22px}.x-radio--group-size-large{line-height:36px}.x-radio--group-size-large.x-radio--group--button,.x-radio--group-size-large .x-radio--button{font-size:var(--x-radio-font-text-size_large);line-height:30px}.x-radio--group-size-mini{line-height:24px}.x-radio--group-size-mini.x-radio--group--button,.x-radio--group-size-mini .x-radio--button{font-size:var(--x-radio-font-text-size_mini);line-height:18px}.x-radio--group-direction-vertical .x-radio{display:flex;margin-right:0;line-height:var(--x-radio-group-size-line-height_vertical)}
package/dist/style/form-radio.js ADDED
@@ -0,0 +1,2 @@
1
+ import './base.css';
2
+ import './form-radio.css';
package/dist/style/form-select.css ADDED
@@ -0,0 +1 @@
1
+ :root{--x-select-popup-max-height: var(--x-size-50);--x-select-popup-border-radius: var(--x-border-radius-medium);--x-select-popup-padding-vertical: var(--x-spacing-2);--x-select-popup-font-size: var(--x-font-size-body-3);--x-select-popup-color-bg: var(--x-color-bg-elevated);--x-select-popup-color-border: var(--x-color-border-subtle);--x-select-popup-box-shadow: var(--x-shadow2-down);--x-select-popup-empty-min-height: var(--x-size-14);--x-select-popup-option-height: var(--x-size-9);--x-select-popup-option-font-weight_selected: var(--x-font-weight-500);--x-select-signal-popup-option-padding-horizontal: var(--x-spacing-6);--x-select-multi-popup-option-padding-horizontal: var(--x-spacing-2);--x-select-popup-option-color-bg_default: var(--x-color-bg-elevated);--x-select-popup-option-color-bg_hover: var(--x-color-fill-2);--x-select-popup-option-color-bg_selected: var(--x-color-bg-elevated);--x-select-popup-option-color-bg_disabled: var(--x-color-bg-elevated);--x-select-popup-option-color-text_default: var(--x-color-text-primary);--x-select-popup-option-color-text_hover: var(--x-color-text-primary);--x-select-popup-option-color-text_selected: var(--x-color-text-primary);--x-select-popup-option-color-text_disabled: var(--x-color-text-disabled);--x-select-popup-option-color-highlight-text: var(--x-color-text-primary);--x-select-popup-option-font-highlight-weight: var(--x-font-weight-500);--x-select-popup-group-title-height: var(--x-size-5);--x-select-popup-group-title-padding-horizontal: var(--x-spacing-6);--x-select-popup-group-title-padding-top: var(--x-spacing-4);--x-select-popup-group-title-font-size: var(--x-font-size-body-1);--x-select-popup-group-title-color-text: var(--x-color-text-tertiary);--x-dropdown-margin-left-suffix-icon: var(--x-spacing-6)}.x-select--dropdown{box-sizing:border-box;padding:var(--x-select-popup-padding-vertical) 0;background-color:var(--x-select-popup-color-bg);border:1px solid var(--x-select-popup-color-border);border-radius:var(--x-select-popup-border-radius);box-shadow:var(--x-select-popup-box-shadow)}.x-select--dropdown--loading,.x-select--dropdown--empty{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:var(--x-select-popup-empty-min-height);padding:var(--x-select-popup-padding-vertical) var(--x-select-signal-popup-option-padding-horizontal)}.x-select--dropdown--list{margin-top:0;margin-bottom:0;padding-left:0;list-style:none}.x-select--dropdown--list-wrapper{max-height:var(--x-select-popup-max-height);overflow-y:auto}.x-select--dropdown .x-select--option{position:relative;z-index:1;display:flex;align-items:center;box-sizing:border-box;width:100%;padding:0 var(--x-select-signal-popup-option-padding-horizontal);color:var(--x-select-popup-option-color-text_default);font-size:var(--x-select-popup-font-size);line-height:var(--x-select-popup-option-height);text-align:left;background-color:var(--x-select-popup-option-color-bg_default);cursor:pointer}.x-select--dropdown .x-select--option--content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-select--dropdown .x-select--option--checkbox{overflow:hidden}.x-select--dropdown .x-select--option--checkbox .x-checkbox--label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-select--dropdown .x-select--option-has-suffix{justify-content:space-between}.x-select--dropdown .x-select--option-selected{color:var(--x-select-popup-option-color-text_selected);font-weight:var(--x-select-popup-option-font-weight_selected);background-color:var(--x-select-popup-option-color-bg_selected)}.x-select--dropdown .x-select--option-active,.x-select--dropdown .x-select--option:not(.x-select--dropdown .x-select--option-disabled):hover{color:var(--x-select-popup-option-color-text_hover);background-color:var(--x-select-popup-option-color-bg_hover);transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-select--dropdown .x-select--option-disabled{color:var(--x-select-popup-option-color-text_disabled);background-color:var(--x-select-popup-option-color-bg_disabled);cursor:not-allowed}.x-select--dropdown .x-select--option--icon{display:inline-flex;margin-right:8px}.x-select--dropdown .x-select--option--suffix{margin-left:var(--x-dropdown-margin-left-suffix-icon)}.x-select--dropdown .x-select--option--group--title:first-child{margin-top:var(--x-select-popup-group-title-padding-top)}.x-select--dropdown .x-select--option--group--title{box-sizing:border-box;width:100%;margin-top:var(--x-select-popup-group-title-padding-top);padding:0 var(--x-select-popup-group-title-padding-horizontal);color:var(--x-select-popup-group-title-color-text);font-size:var(--x-select-popup-group-title-font-size);line-height:var(--x-select-popup-group-title-height);cursor:default;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-select--dropdown.x-select--dropdown-has-header{padding-top:0}.x-select--dropdown-header{border-bottom:1px solid var(--x-select-popup-color-border)}.x-select--dropdown.x-select--dropdown-has-footer{padding-bottom:0}.x-select--dropdown-footer{border-top:1px solid var(--x-select-popup-color-border)}
package/dist/style/form-select.js ADDED
@@ -0,0 +1,2 @@
1
+ import './base.css';
2
+ import './form-select.css';
package/dist/style/form-slider.css ADDED
@@ -0,0 +1 @@
1
+ .x-slider{display:inline-flex;align-items:center;width:100%}.x-slider-vertical{display:inline-flex;align-items:flex-start;width:auto;min-width:var(--x-size-3)10;height:auto}.x-slider-with-marks{margin-bottom:var(--x-spacing-9);padding:var(--x-spacing-8) var(--x-spacing-8)}.x-slider-vertical.x-slider-with-marks{margin-bottom:0;padding:0}.x-slider--track{position:relative;flex:1;width:100%;height:var(--x-size-3);cursor:pointer}.x-slider--track::before{position:absolute;top:50%;display:block;width:100%;height:2px;background-color:var(--x-color-fill-4);border-radius:2px;transform:translateY(-50%);content:""}.x-slider--track.x-slider--track-vertical{width:var(--x-size-3);max-width:var(--x-size-3);height:100%;min-height:200px;margin-right:0;margin-bottom:calc(var(--x-size-3)/2);margin-top:calc(var(--x-size-3)/2);transform:translateY(0)}.x-slider--track.x-slider--track-vertical::before{top:unset;left:50%;width:2px;height:100%;transform:translateX(-50%)}.x-slider--track.x-slider--track-disabled::before{background-color:var(--x-color-fill-2)}.x-slider--track.x-slider--track-disabled .x-slider--bar{background-color:var(--x-color-fill-4)}.x-slider--track.x-slider--track-disabled .x-slider--btn{cursor:not-allowed}.x-slider--track.x-slider--track-disabled .x-slider--btn::after{border-color:var(--x-color-fill-4)}.x-slider--track.x-slider--track-disabled .x-slider--dots .x-slider--dot{border-color:var(--x-color-fill-2)}.x-slider--track.x-slider--track-disabled .x-slider--dots .x-slider--dot-active{border-color:var(--x-color-fill-4)}.x-slider--track.x-slider--track-disabled .x-slider--ticks .x-slider--tick{background:var(--x-color-fill-2)}.x-slider--track.x-slider--track-disabled .x-slider--ticks .x-slider--tick-active{background:var(--x-color-fill-4)}.x-slider--bar{position:absolute;top:50%;height:2px;background-color:var(--x-color-primary-6);border-radius:2px;transform:translateY(-50%)}.x-slider--track-vertical .x-slider--bar{top:unset;left:50%;width:2px;height:unset;transform:translateX(-50%)}.x-slider--btn{position:absolute;top:0;left:0;width:var(--x-size-3);height:var(--x-size-3);transform:translateX(-50%)}.x-slider--btn::after{position:absolute;top:0;left:0;display:inline-block;box-sizing:border-box;width:var(--x-size-3);height:var(--x-size-3);background:var(--x-color-bg-2);border:var(--x-border-2) solid var(--x-color-primary-6);border-radius:50%;transition:all var(--x-transition-duration-3) var(--x-transition-timing-function-overshoot);content:""}.x-slider--btn.x-slider-active::after,.x-slider--btn:hover::after{box-shadow:var(--x-shadow1-down);transform:scale(calc(14px / var(--x-size-3)))}.x-slider--track-vertical .x-slider--btn{top:unset;bottom:0;left:0;transform:translateY(50%)}.x-slider--marks{position:absolute;top:var(--x-size-3);width:100%}.x-slider--marks .x-slider--mark{position:absolute;color:var(--x-color-text-3);font-size:var(--x-font-size-body-3);line-height:1;transform:translateX(-50%);cursor:pointer}.x-slider--track-vertical .x-slider--marks{top:0;left:calc(var(--x-size-3) + 3px);height:100%}.x-slider--track-vertical .x-slider--marks .x-slider--mark{transform:translateY(50%)}.x-slider--dots{height:100%}.x-slider--dots .x-slider--dot--wrapper{position:absolute;top:50%;font-size:var(--x-font-size-body-1);transform:translate(-50%, -50%)}.x-slider--track-vertical .x-slider--dots .x-slider--dot--wrapper{top:unset;left:50%;transform:translate(-50%, 50%)}.x-slider--dots .x-slider--dot--wrapper .x-slider--dot{box-sizing:border-box;width:var(--x-size-2);height:var(--x-size-2);background-color:var(--x-color-bg-2);border:var(--x-border-2) solid var(--x-color-fill-4);border-radius:50%}.x-slider--dots .x-slider--dot--wrapper .x-slider--dot-active{border-color:var(--x-color-primary-6)}.x-slider--ticks .x-slider--tick{position:absolute;top:50%;width:1px;height:3px;margin-top:calc(2px/-2);background:var(--x-color-fill-4);transform:translate(-50%, -100%)}.x-slider--ticks .x-slider--tick-active{background:var(--x-color-primary-6)}.x-slider-vertical .x-slider--ticks .x-slider--tick{top:unset;left:50%;width:3px;height:1px;margin-top:unset;transform:translate(calc(2px / 2), 50%)}.x-slider--input{display:flex;align-items:center;margin-left:var(--x-spacing-8)}.x-slider-vertical .x-slider--input{margin-left:var(--x-spacing-8)}.x-slider-vertical.x-slider .x-slider--input{flex-direction:column;align-items:center}.x-slider--input>.x-input-number{width:var(--x-size-15);height:var(--x-size-8);overflow:visible;line-height:normal}.x-slider--input>.x-input-number input{text-align:center}.x-slider--input-hyphens{margin:0 calc((var(--x-size-5) - var(--x-size-2))/2);width:var(--x-size-2);height:2px;background:var(--x-color-neutral-6)}.x-slider-vertical .x-slider--input-hyphens{width:2px;height:var(--x-size-2);margin:calc((var(--x-size-5) - var(--x-size-2))/2) 0}.x-slider-size-mini.x-slider-vertical{min-width:20px}.x-slider-size-mini .x-slider--track{height:10px}.x-slider-size-mini .x-slider--track::before{height:2px;border-radius:2px}.x-slider-size-mini .x-slider--track.x-slider--track-vertical{width:10px;max-width:10px;margin-top:calc(10px/2);margin-bottom:calc(10px/2)}.x-slider-size-mini .x-slider--track.x-slider--track-vertical::before{width:2px;height:100%}.x-slider-size-mini .x-slider--bar{height:2px;border-radius:2px}.x-slider--track-vertical .x-slider-size-mini .x-slider--bar{width:2px}.x-slider-size-mini .x-slider--btn{width:10px;height:10px}.x-slider-size-mini .x-slider--btn::after{width:10px;height:10px}.x-slider-size-mini .x-slider--btn.x-slider-active::after,.x-slider-size-mini .x-slider--btn:hover::after{transform:scale(calc(12px / 10px))}.x-slider-size-mini .x-slider--marks{top:10px}.x-slider-size-mini .x-slider--marks .x-slider--mark{font-size:var(--x-font-size-body-1)}.x-slider--track-vertical .x-slider-size-mini .x-slider--marks{left:calc(10px + 3px)}.x-slider-size-mini .x-slider--dot{width:6px;height:6px}.x-slider-size-small.x-slider-vertical{min-width:22px}.x-slider-size-small .x-slider--track{height:12px}.x-slider-size-small .x-slider--track::before{height:2px;border-radius:2px}.x-slider-size-small .x-slider--track.x-slider--track-vertical{width:12px;max-width:12px;margin-top:calc(12px/2);margin-bottom:calc(12px/2)}.x-slider-size-small .x-slider--track.x-slider--track-vertical::before{width:2px;height:100%}.x-slider-size-small .x-slider--bar{height:2px;border-radius:2px}.x-slider--track-vertical .x-slider-size-small .x-slider--bar{width:2px}.x-slider-size-small .x-slider--btn{width:12px;height:12px}.x-slider-size-small .x-slider--btn::after{width:12px;height:12px}.x-slider-size-small .x-slider--btn.x-slider-active::after,.x-slider-size-small .x-slider--btn:hover::after{transform:scale(calc(14px / 12px))}.x-slider-size-small .x-slider--marks{top:12px}.x-slider-size-small .x-slider--marks .x-slider--mark{font-size:var(--x-font-size-body-1)}.x-slider--track-vertical .x-slider-size-small .x-slider--marks{left:calc(12px + 3px)}.x-slider-size-small .x-slider--dot{width:8px;height:8px}.x-slider-size-medium.x-slider-vertical{min-width:22px}.x-slider-size-medium .x-slider--track{height:12px}.x-slider-size-medium .x-slider--track::before{height:2px;border-radius:2px}.x-slider-size-medium .x-slider--track.x-slider--track-vertical{width:12px;max-width:12px;margin-top:calc(12px/2);margin-bottom:calc(12px/2)}.x-slider-size-medium .x-slider--track.x-slider--track-vertical::before{width:2px;height:100%}.x-slider-size-medium .x-slider--bar{height:2px;border-radius:2px}.x-slider--track-vertical .x-slider-size-medium .x-slider--bar{width:2px}.x-slider-size-medium .x-slider--btn{width:12px;height:12px}.x-slider-size-medium .x-slider--btn::after{width:12px;height:12px}.x-slider-size-medium .x-slider--btn.x-slider-active::after,.x-slider-size-medium .x-slider--btn:hover::after{transform:scale(calc(14px / 12px))}.x-slider-size-medium .x-slider--marks{top:12px}.x-slider-size-medium .x-slider--marks .x-slider--mark{font-size:var(--x-font-size-body-3)}.x-slider--track-vertical .x-slider-size-medium .x-slider--marks{left:calc(12px + 3px)}.x-slider-size-medium .x-slider--dot{width:8px;height:8px}.x-slider-size-large.x-slider-vertical{min-width:26px}.x-slider-size-large .x-slider--track{height:16px}.x-slider-size-large .x-slider--track::before{height:4px;border-radius:4px}.x-slider-size-large .x-slider--track.x-slider--track-vertical{width:16px;max-width:16px;margin-top:calc(16px/2);margin-bottom:calc(16px/2)}.x-slider-size-large .x-slider--track.x-slider--track-vertical::before{width:4px;height:100%}.x-slider-size-large .x-slider--bar{height:4px;border-radius:4px}.x-slider--track-vertical .x-slider-size-large .x-slider--bar{width:4px}.x-slider-size-large .x-slider--btn{width:16px;height:16px}.x-slider-size-large .x-slider--btn::after{width:16px;height:16px}.x-slider-size-large .x-slider--btn.x-slider-active::after,.x-slider-size-large .x-slider--btn:hover::after{transform:scale(calc(18px / 16px))}.x-slider-size-large .x-slider--marks{top:16px}.x-slider-size-large .x-slider--marks .x-slider--mark{font-size:var(--x-font-size-body-3)}.x-slider--track-vertical .x-slider-size-large .x-slider--marks{left:calc(16px + 3px)}.x-slider-size-large .x-slider--dot{width:10px;height:10px}
package/dist/style/form-slider.js ADDED
@@ -0,0 +1,2 @@
1
+ import './base.css';
2
+ import './form-slider.css';
package/dist/style/form-switch.css ADDED
@@ -0,0 +1 @@
1
+ .x-switch{position:relative;box-sizing:border-box;min-width:var(--x-size-10);height:var(--x-size-6);padding:0;overflow:hidden;line-height:var(--x-size-6);vertical-align:middle;background-color:var(--x-color-fill-4);border:none;border-radius:calc(var(--x-size-6)/2);outline:none;cursor:pointer;transition:background-color var(--x-transition-duration-2) var(--x-transition-timing-function-standard)}.x-switch--handle{position:absolute;top:calc((var(--x-size-6) - var(--x-size-4))/2);left:calc((var(--x-size-6) - var(--x-size-4))/2);display:flex;align-items:center;justify-content:center;width:var(--x-size-4);height:var(--x-size-4);color:var(--x-color-text-3);font-size:12px;background-color:var(--x-color-white);border-radius:50%;transition:all var(--x-transition-duration-2) var(--x-transition-timing-function-standard)}.x-switch--handle-icon{position:absolute;top:50%;left:50%;display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;line-height:1;transform:translate(-50%, -50%)}.x-switch--handle-icon .x-icon{width:1em;height:1em;line-height:1}.x-switch-checked{background-color:var(--x-color-primary)}.x-switch-checked .x-switch--handle{left:calc(100% - var(--x-size-4) - (var(--x-size-6) - var(--x-size-4))/2);color:var(--x-color-primary)}.x-switch[disabled] .x-switch--handle{color:var(--x-color-text-4)}.x-switch--text-holder{display:inline-block;min-width:1.4em;margin:0 8px 0 calc(var(--x-size-4) + calc((var(--x-size-6) - var(--x-size-4)) / 2) + 6px);font-size:var(--x-font-size-caption);opacity:0}.x-switch--text{position:absolute;top:0;right:8px;left:auto;min-width:1.4em;color:var(--x-color-white);font-size:var(--x-font-size-caption);line-height:inherit;text-align:center;white-space:nowrap}.x-switch-checked .x-switch--text-holder{margin:0 calc(var(--x-size-4) + calc((var(--x-size-6) - var(--x-size-4)) / 2) + 6px) 0 8px}.x-switch-checked .x-switch--text{right:auto;left:8px;color:var(--x-color-white)}.x-switch[disabled]{background-color:var(--x-color-fill-2);cursor:not-allowed}.x-switch[disabled] .x-switch--text{color:var(--x-color-white)}.x-switch[disabled].x-switch-checked{background-color:var(--x-color-primary-light-3)}.x-switch[disabled].x-switch-checked .x-switch--handle{color:var(--x-color-primary-light-3)}.x-switch[disabled].x-switch-checked .x-switch--text{color:var(--x-color-white)}.x-switch-loading{background-color:var(--x-color-fill-2)}.x-switch-loading .x-switch--handle{color:var(--x-color-text-3)}.x-switch-loading .x-switch--text{color:var(--x-color-white)}.x-switch-loading.x-switch-checked{background-color:var(--x-color-primary-light-3)}.x-switch-loading.x-switch-checked .x-switch--handle{color:var(--x-color-primary-light-3)}.x-switch-loading.x-switch-checked .x-switch--text{color:var(--x-color-primary-light-1)}.x-switch-small{min-width:var(--x-size-7);height:var(--x-size-4);line-height:var(--x-size-4)}.x-switch-size-mini,.x-switch-size-small{min-width:var(--x-size-7);height:var(--x-size-4);line-height:var(--x-size-4)}.x-switch-size-large{min-width:48px;height:var(--x-size-7);line-height:var(--x-size-7);border-radius:calc(var(--x-size-7)/2)}.x-switch-small .x-switch--text-holder,.x-switch-size-mini .x-switch--text-holder,.x-switch-size-small .x-switch--text-holder{min-width:1.4em;margin:0 6px 0 calc(12px + calc((var(--x-size-4) - 12px) / 2) + 4px);font-size:var(--x-font-size-caption)}.x-switch-small .x-switch--text,.x-switch-size-mini .x-switch--text,.x-switch-size-small .x-switch--text{right:8px;left:auto;min-width:1.4em;font-size:var(--x-font-size-caption)}.x-switch-small.x-switch-checked .x-switch--text-holder,.x-switch-size-mini.x-switch-checked .x-switch--text-holder,.x-switch-size-small.x-switch-checked .x-switch--text-holder{margin:0 calc(12px + calc((var(--x-size-4) - 12px) / 2) + 4px) 0 6px}.x-switch-small.x-switch-checked .x-switch--text,.x-switch-size-mini.x-switch-checked .x-switch--text,.x-switch-size-small.x-switch-checked .x-switch--text{right:auto;left:6px}.x-switch-small .x-switch--handle,.x-switch-size-mini .x-switch--handle,.x-switch-size-small .x-switch--handle{top:calc((var(--x-size-4) - 12px)/2);left:calc((var(--x-size-4) - 12px)/2);width:12px;height:12px;border-radius:calc(var(--x-size-4)/2)}.x-switch-small .x-switch--handle .x-switch--handle-icon,.x-switch-size-mini .x-switch--handle .x-switch--handle-icon,.x-switch-size-small .x-switch--handle .x-switch--handle-icon{transform:translate(-50%, -50%) scale(0.66667)}.x-switch-small.x-switch-checked .x-switch--handle,.x-switch-size-mini.x-switch-checked .x-switch--handle,.x-switch-size-small.x-switch-checked .x-switch--handle{left:calc(100% - 12px - (var(--x-size-4) - 12px)/2)}.x-switch-size-large .x-switch--handle{top:4px;left:4px;width:var(--x-size-5);height:var(--x-size-5);border-radius:calc(var(--x-size-7)/2)}.x-switch-size-large.x-switch-checked .x-switch--handle{left:calc(100% - var(--x-size-5) - 4px)}.x-switch-type-round{min-width:var(--x-size-10);border-radius:var(--x-border-radius-small)}.x-switch-type-round .x-switch--handle{border-radius:2px}.x-switch-type-round.x-switch-small,.x-switch-type-round.x-switch-size-mini,.x-switch-type-round.x-switch-size-small{min-width:var(--x-size-7);height:var(--x-size-4);line-height:var(--x-size-4);border-radius:2px}.x-switch-type-round.x-switch-small .x-switch--handle,.x-switch-type-round.x-switch-size-mini .x-switch--handle,.x-switch-type-round.x-switch-size-small .x-switch--handle{border-radius:1px}.x-switch-type-round.x-switch-size-large{min-width:48px;height:var(--x-size-7);line-height:var(--x-size-7)}.x-switch-type-line{min-width:var(--x-size-9);overflow:unset;background-color:var(--x-color-transparent)}.x-switch-type-line::after{display:block;width:100%;height:6px;background-color:var(--x-color-fill-4);border-radius:3px;transition:background-color var(--x-transition-duration-2) var(--x-transition-timing-function-standard);content:""}.x-switch-type-line .x-switch--handle{top:calc((var(--x-size-6) - var(--x-size-5))/2);left:0;width:var(--x-size-5);height:var(--x-size-5);background-color:var(--x-color-white);border-radius:calc(var(--x-size-5)/2);box-shadow:0 1px 3px var(--x-color-neutral-6)}.x-switch-type-line.x-switch-checked{background-color:var(--x-color-transparent)}.x-switch-type-line.x-switch-checked::after{background-color:var(--x-color-primary)}.x-switch-type-line.x-switch-custom-color{--custom-color: $x-switch-color-bg_off}.x-switch-type-line.x-switch-custom-color::after{background-color:var(--custom-color)}.x-switch-type-line.x-switch-custom-color.x-switch-checked{--custom-color: $x-switch-color-bg_on}.x-switch-type-line.x-switch-checked .x-switch--handle{left:calc(100% - var(--x-size-5))}.x-switch-type-line[disabled]{background-color:var(--x-color-transparent);cursor:not-allowed}.x-switch-type-line[disabled]::after{background-color:var(--x-color-fill-2)}.x-switch-type-line[disabled].x-switch-checked{background-color:var(--x-color-transparent)}.x-switch-type-line[disabled].x-switch-checked::after{background-color:var(--x-color-primary-light-3)}.x-switch-type-line.x-switch-loading{background-color:var(--x-color-transparent)}.x-switch-type-line.x-switch-loading::after{background-color:var(--x-color-fill-2)}.x-switch-type-line.x-switch-loading.x-switch-checked{background-color:var(--x-color-transparent)}.x-switch-type-line.x-switch-loading.x-switch-checked::after{background-color:var(--x-color-primary-light-3)}.x-switch-type-line.x-switch-small,.x-switch-type-line.x-switch-size-mini,.x-switch-type-line.x-switch-size-small{min-width:var(--x-size-7);height:var(--x-size-4);line-height:var(--x-size-4)}.x-switch-type-line.x-switch-small .x-switch--handle,.x-switch-type-line.x-switch-size-mini .x-switch--handle,.x-switch-type-line.x-switch-size-small .x-switch--handle{top:calc((var(--x-size-4) - var(--x-size-4))/2);width:var(--x-size-4);height:var(--x-size-4);border-radius:calc(var(--x-size-4)/2)}.x-switch-type-line.x-switch-small .x-switch--handle .x-switch--handle-icon,.x-switch-type-line.x-switch-size-mini .x-switch--handle .x-switch--handle-icon,.x-switch-type-line.x-switch-size-small .x-switch--handle .x-switch--handle-icon{transform:translate(-50%, -50%) scale(1)}.x-switch-type-line.x-switch-small.x-switch-checked .x-switch--handle,.x-switch-type-line.x-switch-size-mini.x-switch-checked .x-switch--handle,.x-switch-type-line.x-switch-size-small.x-switch-checked .x-switch--handle{left:calc(100% - var(--x-size-4) - (var(--x-size-4) - var(--x-size-4))/2)}.x-switch-type-line.x-switch-size-large{min-width:44px;height:var(--x-size-7);line-height:var(--x-size-7)}.x-switch-type-line.x-switch-size-large .x-switch--handle{top:2px;width:var(--x-size-6);height:var(--x-size-6);border-radius:calc(var(--x-size-6)/2)}.x-switch-type-line.x-switch-size-large.x-switch-checked .x-switch--handle{left:calc(100% - var(--x-size-6))}
package/dist/style/form-switch.js ADDED
@@ -0,0 +1,2 @@
1
+ import './base.css';
2
+ import './form-switch.css';
package/dist/style/form-textarea.css ADDED
@@ -0,0 +1 @@
1
+ :root{--x-input-color-bg: var(--x-field-color-bg);--x-input-color-bg_hover: var(--x-field-color-bg-hover);--x-input-color-bg_focus: var(--x-field-color-bg-focus);--x-input-color-bg_disabled: var(--x-field-color-bg-disabled);--x-input-color-addon-bg: var(--x-input-color-bg);--x-input-color-addon-border: var(--x-color-border-subtle);--x-input-border-addon-separator-width: var(--x-border-1);--x-input-color-border_focus: var(--x-field-color-border-focus);--x-input-color-shadow_focus: var(--x-field-color-shadow-focus);--x-input-size-shadow_focus: var(--x-field-size-shadow-focus);--x-input-color-addon-border_default: var(--x-color-transparent);--x-input-color-text: var(--x-field-color-text);--x-input-color-placeholder-text: var(--x-field-color-placeholder);--x-input-color-text_disabled: var(--x-field-color-text-disabled);--x-textarea-color-tip-text: var(--x-color-text-tertiary);--x-input-color-bg_error: var(--x-field-color-bg-error);--x-input-color-bg_error_hover: var(--x-field-color-bg-error-hover);--x-input-color-bg_error_focus: var(--x-field-color-bg-error-focus);--x-input-color-border_error_focus: var(--x-field-color-border-error);--x-input-color-shadow_error_focus: var(--x-field-status-error-shadow-color-focus);--x-input-size-shadow_error_focus: var(--x-field-status-error-shadow-size-focus);--x-input-size-default-height: var(--x-size-default);--x-input-size-mini-height: var(--x-size-mini);--x-input-size-small-height: var(--x-size-small);--x-input-size-large-height: var(--x-size-large);--x-input-border-width: var(--x-border-1);--x-input-border-color: var(--x-field-color-border);--x-input-color-border_disabled: var(--x-field-color-border-disabled);--x-input-color-border_hover: var(--x-field-color-border-hover);--x-input-color-border_error: var(--x-field-color-border-error);--x-input-color-border_error_hover: var(--x-color-transparent);--x-input-size-default-font-size: var(--x-font-size-body-3);--x-input-size-small-font-size: var(--x-font-size-body-3);--x-input-size-large-font-size: var(--x-font-size-body-3);--x-input-size-mini-font-size: var(--x-font-size-body-1);--x-input-font-tip-size: var(--x-font-size-body-1);--x-input-size-mini-icon-suffix-size: var(--x-size-3);--x-input-size-small-icon-suffix-size: 14px;--x-input-size-default-icon-suffix-size: 14px;--x-input-size-large-icon-suffix-size: 14px;--x-input-size-mini-icon-addon-size: var(--x-size-3);--x-input-size-small-icon-addon-size: 14px;--x-input-size-default-icon-addon-size: 14px;--x-input-size-large-icon-addon-size: 14px;--x-input-size-icon-clear: var(--x-size-3);--x-input-color-prefix-text: var(--x-field-color-affix);--x-input-color-suffix-text: var(--x-field-color-affix);--x-input-color-tip-text: var(--x-color-text-tertiary);--x-input-color-icon-clear: var(--x-field-color-icon);--x-input-color-icon-clear-bg_hover: var(--x-color-fill-4);--x-search-color-icon: var(--x-field-color-icon);--x-search-size-icon: 14px;--x-input-padding-horizontal: var(--x-spacing-6);--x-input-margin-left-clear-btn: var(--x-spacing-6);--x-input-spacing-clear-icon-right: var(--x-spacing-4);--x-input-padding-word-limit-left: var(--x-spacing-4);--x-textarea-padding-horizontal: var(--x-spacing-6);--x-textarea-padding-vertical: var(--x-spacing-2);--x-textarea-font-size: var(--x-font-size-body-3);--x-textarea-font-tip-size: var(--x-font-size-body-1);--x-textarea-layout-tip-right: var(--x-spacing-5);--x-textarea-layout-tip-bottom: var(--x-spacing-3);--x-textarea-size-min-height: var(--x-size-default);--x-textarea-size-icon-clear: var(--x-font-size-body-1);--x-textarea-layout-top-icon-clear: var(--x-spacing-5);--x-password-color-eye-icon: var(--x-color-text-2);--x-password-size-eye-icon: var(--x-size-3);--x-input-group-border-radius_compact: var(--x-border-radius-small);--x-input-group-border-separator-width: var(--x-border-1);--x-input-group-color-separator-border: var(--x-color-border-subtle);--x-input-size-medium-height: var(--x-input-size-default-height);--x-input-size-medium-font-size: var(--x-input-size-default-font-size);--x-input-size-mini-line-height: 1.667;--x-input-size-small-line-height: var(--x-line-height-base);--x-input-size-medium-line-height: var(--x-line-height-base);--x-input-size-large-line-height: var(--x-line-height-base);--x-input-size-mini-padding-up-down: 1px;--x-input-size-small-padding-up-down: 2px;--x-input-size-medium-padding-up-down: 3px;--x-input-size-large-padding-up-down: 4px;--x-input-size-huge-padding-up-down: 5px;--x-input-feedback-icon-color_success: var(--x-field-status-success-icon);--x-input-feedback-icon-color_error: var(--x-field-status-error-icon);--x-input-feedback-icon-color_warning: var(--x-field-status-warning-icon);--x-input-feedback-icon-color_validating: var(--x-field-status-validating-icon)}.x-textarea--wrapper{display:inline-flex;align-items:center;box-sizing:border-box;width:100%;min-width:0;padding-right:var(--x-input-padding-horizontal);padding-left:var(--x-input-padding-horizontal);color:var(--x-input-color-text);font-size:var(--x-input-size-default-font-size);background-color:var(--x-input-color-bg);border:var(--x-input-border-width) solid var(--x-input-border-color);border-radius:var(--x-input-border-radius);cursor:text;transition:color var(--x-transition-duration-1) var(--x-transition-timing-function-linear),border-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear),background-color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-textarea--wrapper:hover{background-color:var(--x-input-color-bg_hover);border-color:var(--x-input-color-border_hover)}.x-textarea--wrapper:focus-within,.x-textarea--wrapper.x-textarea-focus{z-index:1;background-color:var(--x-input-color-bg_focus);border-color:var(--x-input-color-border_focus);box-shadow:0 0 0 var(--x-input-size-shadow_focus) var(--x-input-color-shadow_focus)}.x-textarea--wrapper.x-textarea-disabled{color:var(--x-input-color-text_disabled);background-color:var(--x-input-color-bg_disabled);border-color:var(--x-input-color-border_disabled);cursor:not-allowed}.x-textarea--wrapper.x-textarea-disabled:hover{color:var(--x-input-color-text_disabled);background-color:var(--x-input-color-bg_disabled);border-color:var(--x-input-color-border_disabled)}.x-textarea--wrapper.x-textarea-disabled .x-textarea--prefix,.x-textarea--wrapper.x-textarea-disabled .x-textarea--suffix{color:inherit}.x-textarea--wrapper.x-textarea-error{background-color:var(--x-input-color-bg_error);border-color:var(--x-input-color-border_error)}.x-textarea--wrapper.x-textarea-error:hover{background-color:var(--x-input-color-bg_error_hover);border-color:var(--x-input-color-border_error_hover)}.x-textarea--wrapper.x-textarea-error:focus-within,.x-textarea--wrapper.x-textarea-error.x-textarea-focus{z-index:1;background-color:var(--x-input-color-bg_error_focus);border-color:var(--x-input-color-border_error_focus);box-shadow:0 0 0 var(--x-input-size-shadow_error_focus) var(--x-input-color-shadow_error_focus)}.x-textarea--wrapper .x-textarea--prefix,.x-textarea--wrapper .x-textarea--suffix{display:inline-flex;flex-shrink:0;align-items:center;white-space:nowrap;user-select:none}.x-textarea--wrapper .x-textarea--prefix>svg,.x-textarea--wrapper .x-textarea--suffix>svg{font-size:var(--x-input-size-default-icon-suffix-size)}.x-textarea--wrapper .x-textarea--prefix{padding-right:var(--x-input-padding-horizontal);color:var(--x-input-color-prefix-text)}.x-textarea--wrapper .x-textarea--suffix{padding-left:var(--x-input-padding-horizontal);color:var(--x-input-color-suffix-text)}.x-textarea--wrapper .x-textarea--suffix .x-feedback-icon{display:inline-flex}.x-textarea--wrapper .x-textarea--suffix .x-feedback-icon-status-validating{color:var(--x-input-feedback-icon-color_validating)}.x-textarea--wrapper .x-textarea--suffix .x-feedback-icon-status-success{color:var(--x-input-feedback-icon-color_success)}.x-textarea--wrapper .x-textarea--suffix .x-feedback-icon-status-warning{color:var(--x-input-feedback-icon-color_warning)}.x-textarea--wrapper .x-textarea--suffix .x-feedback-icon-status-error{color:var(--x-input-feedback-icon-color_error)}.x-textarea--wrapper .x-textarea--clear-btn{flex-shrink:0;align-self:center;margin-left:var(--x-input-margin-left-clear-btn);color:var(--x-input-color-icon-clear);font-size:var(--x-input-size-icon-clear);visibility:hidden;cursor:pointer}.x-textarea--wrapper .x-textarea--clear-btn>svg{position:relative;transition:color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-textarea--wrapper:hover .x-textarea--clear-btn{visibility:visible}.x-textarea--wrapper:not(.x-textarea-focus) .x-textarea-icon-hover:hover::before{background-color:var(--x-input-color-icon-clear-bg_hover)}.x-textarea--wrapper{position:relative;display:inline-block;width:100%;padding-right:0;padding-left:0;overflow:hidden}.x-textarea--wrapper.x-textarea-has-clear .x-textarea{padding-right:calc(var(--x-textarea-padding-horizontal) + var(--x-textarea-size-icon-clear) + var(--x-textarea-layout-tip-right))}.x-textarea--wrapper.x-textarea-has-word-limit .x-textarea{padding-bottom:calc(var(--x-textarea-padding-vertical) + var(--x-textarea-font-tip-size) + var(--x-textarea-layout-tip-bottom))}.x-textarea--wrapper .x-textarea--word-limit{position:absolute;right:var(--x-textarea-layout-tip-right);bottom:var(--x-textarea-layout-tip-bottom);color:var(--x-textarea-color-tip-text);font-size:var(--x-textarea-font-tip-size);user-select:none}.x-textarea--wrapper.x-textarea-scroll .x-textarea--word-limit{right:calc(var(--x-textarea-layout-tip-right) + 15px)}.x-textarea--wrapper .x-textarea--clear-btn{position:absolute;top:var(--x-textarea-layout-top-icon-clear);right:var(--x-textarea-layout-tip-right);z-index:1;line-height:1}.x-textarea--wrapper.x-textarea-scroll .x-textarea--clear-btn{right:calc(var(--x-textarea-layout-tip-right) + 15px)}.x-textarea--wrapper:hover .x-textarea--clear-btn{display:block}.x-textarea--wrapper .x-textarea--mirror{position:absolute;visibility:hidden}.x-textarea{width:100%;min-width:0;padding-right:0;padding-left:0;color:inherit;line-height:var(--x-line-height-base);background:none;border:none;border-radius:0;outline:none;cursor:inherit;-webkit-appearance:none;-webkit-tap-highlight-color:var(--x-color-transparent)}.x-textarea::placeholder{color:var(--x-input-color-placeholder-text)}.x-textarea[disabled]::placeholder{color:var(--x-input-color-text_disabled)}.x-textarea[disabled]{-webkit-text-fill-color:var(--x-input-color-text_disabled)}.x-textarea{display:block;box-sizing:border-box;height:100%;min-height:var(--x-textarea-size-min-height);padding:var(--x-textarea-padding-vertical) var(--x-textarea-padding-horizontal);font-size:var(--x-textarea-font-size);line-height:var(--x-line-height-base);vertical-align:top;resize:vertical}.x-textarea--wrapper.x-textarea-size-mini .x-textarea{min-height:calc(var(--x-size-mini)*2);padding-top:var(--x-input-size-mini-padding-up-down);padding-bottom:var(--x-input-size-mini-padding-up-down);font-size:var(--x-input-size-mini-font-size);line-height:var(--x-input-size-mini-line-height)}.x-textarea--wrapper.x-textarea-size-mini .x-textarea--clear-btn{top:var(--x-spacing-3)}.x-textarea--wrapper.x-textarea-size-small .x-textarea{min-height:calc(var(--x-size-small)*2);padding-top:var(--x-input-size-small-padding-up-down);padding-bottom:var(--x-input-size-small-padding-up-down);font-size:var(--x-input-size-small-font-size);line-height:var(--x-input-size-small-line-height)}.x-textarea--wrapper.x-textarea-size-small .x-textarea--clear-btn{top:var(--x-spacing-4)}.x-textarea--wrapper.x-textarea-size-medium .x-textarea{min-height:calc(var(--x-size-medium)*2);padding-top:var(--x-input-size-medium-padding-up-down);padding-bottom:var(--x-input-size-medium-padding-up-down);font-size:var(--x-input-size-medium-font-size);line-height:var(--x-input-size-medium-line-height)}.x-textarea--wrapper.x-textarea-size-large .x-textarea{min-height:calc(var(--x-size-large)*2);padding-top:var(--x-input-size-large-padding-up-down);padding-bottom:var(--x-input-size-large-padding-up-down);font-size:var(--x-input-size-large-font-size);line-height:var(--x-input-size-large-line-height)}
package/dist/style/form-textarea.js ADDED
@@ -0,0 +1,2 @@
1
+ import './base.css';
2
+ import './form-textarea.css';
package/dist/style/form.css ADDED
@@ -0,0 +1 @@
1
+ .x-form--item-status-success .x-input--wrapper:not(.x-input-disabled),.x-form--item-status-success .x-textarea--wrapper:not(.x-textarea-disabled),.x-form--item-status-success .x-select--view:not(.x-select--view-disabled),.x-form--item-status-success .x-input-tag:not(.x-input-tag-disabled){background-color:var(--x-field-status-success-bg);border-color:var(--x-field-status-success-border)}.x-form--item-status-success .x-input--wrapper:not(.x-input-disabled):hover,.x-form--item-status-success .x-textarea--wrapper:not(.x-textarea-disabled):hover,.x-form--item-status-success .x-select--view:not(.x-select--view-disabled):hover,.x-form--item-status-success .x-input-tag:not(.x-input-tag-disabled):hover{background-color:var(--x-field-status-success-bg-hover);border-color:var(--x-field-status-success-border-hover)}.x-form--item-status-success .x-input--wrapper:not(.x-input-disabled):focus-within,.x-form--item-status-success .x-input--wrapper:not(.x-input-disabled).x-input-focus,.x-form--item-status-success .x-textarea--wrapper:not(.x-textarea-disabled):focus-within,.x-form--item-status-success .x-textarea--wrapper:not(.x-textarea-disabled).x-textarea-focus,.x-form--item-status-success .x-select--view:not(.x-select--view-disabled).x-select--view-opened,.x-form--item-status-success .x-input-tag:not(.x-input-tag-disabled).x-input-tag-focus{background-color:var(--x-field-status-success-bg-focus);border-color:var(--x-field-status-success-border-focus);box-shadow:0 0 0 var(--x-field-status-success-shadow-size-focus) var(--x-field-status-success-shadow-color-focus)}.x-form--item-status-success .x-form--item--message-help,.x-form--item-status-success .x-feedback-icon{color:var(--x-field-status-success-text)}.x-form--item-status-success .x-feedback-icon{color:var(--x-field-status-success-icon)}.x-form--item-status-warning .x-input--wrapper:not(.x-input-disabled),.x-form--item-status-warning .x-textarea--wrapper:not(.x-textarea-disabled),.x-form--item-status-warning .x-select--view:not(.x-select--view-disabled),.x-form--item-status-warning .x-input-tag:not(.x-input-tag-disabled){background-color:var(--x-field-status-warning-bg);border-color:var(--x-field-status-warning-border)}.x-form--item-status-warning .x-input--wrapper:not(.x-input-disabled):hover,.x-form--item-status-warning .x-textarea--wrapper:not(.x-textarea-disabled):hover,.x-form--item-status-warning .x-select--view:not(.x-select--view-disabled):hover,.x-form--item-status-warning .x-input-tag:not(.x-input-tag-disabled):hover{background-color:var(--x-field-status-warning-bg-hover);border-color:var(--x-field-status-warning-border-hover)}.x-form--item-status-warning .x-input--wrapper:not(.x-input-disabled):focus-within,.x-form--item-status-warning .x-input--wrapper:not(.x-input-disabled).x-input-focus,.x-form--item-status-warning .x-textarea--wrapper:not(.x-textarea-disabled):focus-within,.x-form--item-status-warning .x-textarea--wrapper:not(.x-textarea-disabled).x-textarea-focus,.x-form--item-status-warning .x-select--view:not(.x-select--view-disabled).x-select--view-opened,.x-form--item-status-warning .x-input-tag:not(.x-input-tag-disabled).x-input-tag-focus{background-color:var(--x-field-status-warning-bg-focus);border-color:var(--x-field-status-warning-border-focus);box-shadow:0 0 0 var(--x-field-status-warning-shadow-size-focus) var(--x-field-status-warning-shadow-color-focus)}.x-form--item-status-warning .x-form--item--message-help,.x-form--item-status-warning .x-feedback-icon{color:var(--x-field-status-warning-text)}.x-form--item-status-warning .x-feedback-icon{color:var(--x-field-status-warning-icon)}.x-form--item-status-error .x-input--wrapper:not(.x-input-disabled),.x-form--item-status-error .x-textarea--wrapper:not(.x-textarea-disabled),.x-form--item-status-error .x-select--view:not(.x-select--view-disabled),.x-form--item-status-error .x-input-tag:not(.x-input-tag-disabled){background-color:var(--x-field-status-error-bg);border-color:var(--x-field-status-error-border)}.x-form--item-status-error .x-input--wrapper:not(.x-input-disabled):hover,.x-form--item-status-error .x-textarea--wrapper:not(.x-textarea-disabled):hover,.x-form--item-status-error .x-select--view:not(.x-select--view-disabled):hover,.x-form--item-status-error .x-input-tag:not(.x-input-tag-disabled):hover{background-color:var(--x-field-status-error-bg-hover);border-color:var(--x-field-status-error-border-hover)}.x-form--item-status-error .x-input--wrapper:not(.x-input-disabled):focus-within,.x-form--item-status-error .x-input--wrapper:not(.x-input-disabled).x-input-focus,.x-form--item-status-error .x-textarea--wrapper:not(.x-textarea-disabled):focus-within,.x-form--item-status-error .x-textarea--wrapper:not(.x-textarea-disabled).x-textarea-focus,.x-form--item-status-error .x-select--view:not(.x-select--view-disabled).x-select--view-opened,.x-form--item-status-error .x-input-tag:not(.x-input-tag-disabled).x-input-tag-focus{background-color:var(--x-field-status-error-bg-focus);border-color:var(--x-field-status-error-border-focus);box-shadow:0 0 0 var(--x-field-status-error-shadow-size-focus) var(--x-field-status-error-shadow-color-focus)}.x-form--item-status-error .x-form--item--message-help,.x-form--item-status-error .x-feedback-icon{color:var(--x-field-status-error-text)}.x-form--item-status-error .x-feedback-icon{color:var(--x-field-status-error-icon)}.x-form--item-status-validating .x-input--wrapper:not(.x-input-disabled),.x-form--item-status-validating .x-textarea--wrapper:not(.x-textarea-disabled),.x-form--item-status-validating .x-select--view:not(.x-select--view-disabled),.x-form--item-status-validating .x-input-tag:not(.x-input-tag-disabled){background-color:var(--x-field-status-validating-bg);border-color:var(--x-field-status-validating-border)}.x-form--item-status-validating .x-input--wrapper:not(.x-input-disabled):hover,.x-form--item-status-validating .x-textarea--wrapper:not(.x-textarea-disabled):hover,.x-form--item-status-validating .x-select--view:not(.x-select--view-disabled):hover,.x-form--item-status-validating .x-input-tag:not(.x-input-tag-disabled):hover{background-color:var(--x-field-status-validating-bg-hover);border-color:var(--x-field-status-validating-border-hover)}.x-form--item-status-validating .x-input--wrapper:not(.x-input-disabled):focus-within,.x-form--item-status-validating .x-input--wrapper:not(.x-input-disabled).x-input-focus,.x-form--item-status-validating .x-textarea--wrapper:not(.x-textarea-disabled):focus-within,.x-form--item-status-validating .x-textarea--wrapper:not(.x-textarea-disabled).x-textarea-focus,.x-form--item-status-validating .x-select--view:not(.x-select--view-disabled).x-select--view-opened,.x-form--item-status-validating .x-input-tag:not(.x-input-tag-disabled).x-input-tag-focus{background-color:var(--x-field-status-validating-bg-focus);border-color:var(--x-field-status-validating-border-focus);box-shadow:0 0 0 var(--x-field-status-validating-shadow-size-focus) var(--x-field-status-validating-shadow-color-focus)}.x-form--item-status-validating .x-form--item--message-help,.x-form--item-status-validating .x-feedback-icon{color:var(--x-field-status-validating-text)}.x-form--item-status-validating .x-feedback-icon{color:var(--x-field-status-validating-icon)}.x-form{display:flex;flex-direction:column;width:100%}.x-form-layout-inline{flex-direction:row;flex-wrap:wrap}.x-form-layout-inline .x-form--item{width:auto;margin-right:36px;margin-bottom:16px}.x-form-auto-label-width .x-form--item--label-col>.x-form--item--label{white-space:nowrap}.x-form-size-mini .x-form--item--label-col{line-height:24px}.x-form-size-mini .x-form--item--label-col>.x-form--item--label{font-size:12px}.x-form-size-mini .x-form--item--content,.x-form-size-mini .x-form--item--wrapper-col{min-height:24px}.x-form-size-small .x-form--item--label-col{line-height:28px}.x-form-size-small .x-form--item--label-col>.x-form--item--label{font-size:14px}.x-form-size-small .x-form--item--content,.x-form-size-small .x-form--item--wrapper-col{min-height:28px}.x-form-size-large .x-form--item--label-col{line-height:36px}.x-form-size-large .x-form--item--label-col>.x-form--item--label{font-size:14px}.x-form-size-large .x-form--item--content,.x-form-size-large .x-form--item--wrapper-col{min-height:36px}.x-form .x-form--item{display:flex;align-items:flex-start;justify-content:flex-start;width:100%;margin-bottom:32px}.x-form .x-form--item-layout-vertical{display:block}.x-form .x-form--item-layout-vertical>.x-form--item--label-col{justify-content:flex-start;margin-bottom:16px;padding:0;line-height:1.5715;white-space:normal}.x-form .x-form--item-layout-inline{margin-right:36px}.x-form .x-form--item-error,.x-form .x-form--item-has-help{margin-bottom:0}.x-form .x-form--item--wrapper-col-flex.x-col{flex:1}.x-form .x-form--item-extra{margin-top:8px;color:var(--x-color-text-tertiary);font-size:12px}.x-form .x-form--item--message{min-height:32px;color:var(--x-field-status-error-text);font-size:12px;line-height:32px}.x-form .x-form--item--message-help{color:var(--x-color-text-tertiary)}.x-form .x-form--item--message+.x-form--item-extra{margin-top:0;margin-bottom:8px}.x-form .x-form--item--label-col{display:flex;flex-shrink:0;justify-content:flex-end;padding-right:28px;line-height:32px;white-space:nowrap}.x-form .x-form--item--label-col-left{justify-content:flex-start}.x-form .x-form--item--label-col>.x-form--item--label{max-width:100%;color:var(--x-color-text-secondary);font-size:14px;white-space:normal}.x-form .x-form--item--label-col-flex{box-sizing:content-box}.x-form .x-form--item--wrapper-col{display:flex;flex-direction:column;align-items:flex-start;width:100%;min-width:0;min-height:32px}.x-form .x-form--item--content{flex:1;max-width:100%;min-height:32px}.x-form .x-form--item--content-wrapper{display:flex;align-items:center;justify-content:flex-start;width:100%}.x-form .x-form--item--content-flex{display:flex;align-items:center;justify-content:flex-start}.x-form .x-slider{display:block}.x-form--item--label-required-symbol{color:var(--x-color-danger-solid);font-size:12px;line-height:1}.x-form--item--label-required-symbol svg{display:inline-block;transform:scale(0.5)}.x-form--item--label-tooltip{margin-left:8px;color:var(--x-color-text-tertiary)}.form-blink-enter-from,.form-blink-appear-from{opacity:0}.form-blink-enter-to,.form-blink-appear-to{opacity:1}.form-blink-enter-active,.form-blink-appear-active{transition:opacity .3s cubic-bezier(0, 0, 1, 1);animation:x-form-blink .5s cubic-bezier(0, 0, 1, 1)}@keyframes x-form-blink{0%{opacity:1}50%{opacity:.2}100%{opacity:1}}
package/dist/style/form.js ADDED
@@ -0,0 +1,2 @@
1
+ import './base.css';
2
+ import './form.css';
package/dist/style/grid.css ADDED
@@ -0,0 +1 @@
1
+ .x-col{box-sizing:border-box}.x-col-1{flex:0 0 4.1666666667%;width:4.1666666667%}.x-col-2{flex:0 0 8.3333333333%;width:8.3333333333%}.x-col-3{flex:0 0 12.5%;width:12.5%}.x-col-4{flex:0 0 16.6666666667%;width:16.6666666667%}.x-col-5{flex:0 0 20.8333333333%;width:20.8333333333%}.x-col-6{flex:0 0 25%;width:25%}.x-col-7{flex:0 0 29.1666666667%;width:29.1666666667%}.x-col-8{flex:0 0 33.3333333333%;width:33.3333333333%}.x-col-9{flex:0 0 37.5%;width:37.5%}.x-col-10{flex:0 0 41.6666666667%;width:41.6666666667%}.x-col-11{flex:0 0 45.8333333333%;width:45.8333333333%}.x-col-12{flex:0 0 50%;width:50%}.x-col-13{flex:0 0 54.1666666667%;width:54.1666666667%}.x-col-14{flex:0 0 58.3333333333%;width:58.3333333333%}.x-col-15{flex:0 0 62.5%;width:62.5%}.x-col-16{flex:0 0 66.6666666667%;width:66.6666666667%}.x-col-17{flex:0 0 70.8333333333%;width:70.8333333333%}.x-col-18{flex:0 0 75%;width:75%}.x-col-19{flex:0 0 79.1666666667%;width:79.1666666667%}.x-col-20{flex:0 0 83.3333333333%;width:83.3333333333%}.x-col-21{flex:0 0 87.5%;width:87.5%}.x-col-22{flex:0 0 91.6666666667%;width:91.6666666667%}.x-col-23{flex:0 0 95.8333333333%;width:95.8333333333%}.x-col-24{flex:0 0 100%;width:100%}.x-col-offset-0{margin-left:0%}.x-col-offset-1{margin-left:4.1666666667%}.x-col-offset-2{margin-left:8.3333333333%}.x-col-offset-3{margin-left:12.5%}.x-col-offset-4{margin-left:16.6666666667%}.x-col-offset-5{margin-left:20.8333333333%}.x-col-offset-6{margin-left:25%}.x-col-offset-7{margin-left:29.1666666667%}.x-col-offset-8{margin-left:33.3333333333%}.x-col-offset-9{margin-left:37.5%}.x-col-offset-10{margin-left:41.6666666667%}.x-col-offset-11{margin-left:45.8333333333%}.x-col-offset-12{margin-left:50%}.x-col-offset-13{margin-left:54.1666666667%}.x-col-offset-14{margin-left:58.3333333333%}.x-col-offset-15{margin-left:62.5%}.x-col-offset-16{margin-left:66.6666666667%}.x-col-offset-17{margin-left:70.8333333333%}.x-col-offset-18{margin-left:75%}.x-col-offset-19{margin-left:79.1666666667%}.x-col-offset-20{margin-left:83.3333333333%}.x-col-offset-21{margin-left:87.5%}.x-col-offset-22{margin-left:91.6666666667%}.x-col-offset-23{margin-left:95.8333333333%}.x-col-order-0{order:0}.x-col-order-1{order:1}.x-col-order-2{order:2}.x-col-order-3{order:3}.x-col-order-4{order:4}.x-col-order-5{order:5}.x-col-order-6{order:6}.x-col-order-7{order:7}.x-col-order-8{order:8}.x-col-order-9{order:9}.x-col-order-10{order:10}.x-col-order-11{order:11}.x-col-order-12{order:12}.x-col-order-13{order:13}.x-col-order-14{order:14}.x-col-order-15{order:15}.x-col-order-16{order:16}.x-col-order-17{order:17}.x-col-order-18{order:18}.x-col-order-19{order:19}.x-col-order-20{order:20}.x-col-order-21{order:21}.x-col-order-22{order:22}.x-col-order-23{order:23}.x-col-order-24{order:24}.x-col-xs-1{flex:0 0 4.1666666667%;width:4.1666666667%}.x-col-xs-2{flex:0 0 8.3333333333%;width:8.3333333333%}.x-col-xs-3{flex:0 0 12.5%;width:12.5%}.x-col-xs-4{flex:0 0 16.6666666667%;width:16.6666666667%}.x-col-xs-5{flex:0 0 20.8333333333%;width:20.8333333333%}.x-col-xs-6{flex:0 0 25%;width:25%}.x-col-xs-7{flex:0 0 29.1666666667%;width:29.1666666667%}.x-col-xs-8{flex:0 0 33.3333333333%;width:33.3333333333%}.x-col-xs-9{flex:0 0 37.5%;width:37.5%}.x-col-xs-10{flex:0 0 41.6666666667%;width:41.6666666667%}.x-col-xs-11{flex:0 0 45.8333333333%;width:45.8333333333%}.x-col-xs-12{flex:0 0 50%;width:50%}.x-col-xs-13{flex:0 0 54.1666666667%;width:54.1666666667%}.x-col-xs-14{flex:0 0 58.3333333333%;width:58.3333333333%}.x-col-xs-15{flex:0 0 62.5%;width:62.5%}.x-col-xs-16{flex:0 0 66.6666666667%;width:66.6666666667%}.x-col-xs-17{flex:0 0 70.8333333333%;width:70.8333333333%}.x-col-xs-18{flex:0 0 75%;width:75%}.x-col-xs-19{flex:0 0 79.1666666667%;width:79.1666666667%}.x-col-xs-20{flex:0 0 83.3333333333%;width:83.3333333333%}.x-col-xs-21{flex:0 0 87.5%;width:87.5%}.x-col-xs-22{flex:0 0 91.6666666667%;width:91.6666666667%}.x-col-xs-23{flex:0 0 95.8333333333%;width:95.8333333333%}.x-col-xs-24{flex:0 0 100%;width:100%}.x-col-xs-offset-0{margin-left:0%}.x-col-xs-offset-1{margin-left:4.1666666667%}.x-col-xs-offset-2{margin-left:8.3333333333%}.x-col-xs-offset-3{margin-left:12.5%}.x-col-xs-offset-4{margin-left:16.6666666667%}.x-col-xs-offset-5{margin-left:20.8333333333%}.x-col-xs-offset-6{margin-left:25%}.x-col-xs-offset-7{margin-left:29.1666666667%}.x-col-xs-offset-8{margin-left:33.3333333333%}.x-col-xs-offset-9{margin-left:37.5%}.x-col-xs-offset-10{margin-left:41.6666666667%}.x-col-xs-offset-11{margin-left:45.8333333333%}.x-col-xs-offset-12{margin-left:50%}.x-col-xs-offset-13{margin-left:54.1666666667%}.x-col-xs-offset-14{margin-left:58.3333333333%}.x-col-xs-offset-15{margin-left:62.5%}.x-col-xs-offset-16{margin-left:66.6666666667%}.x-col-xs-offset-17{margin-left:70.8333333333%}.x-col-xs-offset-18{margin-left:75%}.x-col-xs-offset-19{margin-left:79.1666666667%}.x-col-xs-offset-20{margin-left:83.3333333333%}.x-col-xs-offset-21{margin-left:87.5%}.x-col-xs-offset-22{margin-left:91.6666666667%}.x-col-xs-offset-23{margin-left:95.8333333333%}.x-col-xs-order-0{order:0}.x-col-xs-order-1{order:1}.x-col-xs-order-2{order:2}.x-col-xs-order-3{order:3}.x-col-xs-order-4{order:4}.x-col-xs-order-5{order:5}.x-col-xs-order-6{order:6}.x-col-xs-order-7{order:7}.x-col-xs-order-8{order:8}.x-col-xs-order-9{order:9}.x-col-xs-order-10{order:10}.x-col-xs-order-11{order:11}.x-col-xs-order-12{order:12}.x-col-xs-order-13{order:13}.x-col-xs-order-14{order:14}.x-col-xs-order-15{order:15}.x-col-xs-order-16{order:16}.x-col-xs-order-17{order:17}.x-col-xs-order-18{order:18}.x-col-xs-order-19{order:19}.x-col-xs-order-20{order:20}.x-col-xs-order-21{order:21}.x-col-xs-order-22{order:22}.x-col-xs-order-23{order:23}.x-col-xs-order-24{order:24}@media(min-width: 576px){.x-col-sm-1{flex:0 0 4.1666666667%;width:4.1666666667%}.x-col-sm-2{flex:0 0 8.3333333333%;width:8.3333333333%}.x-col-sm-3{flex:0 0 12.5%;width:12.5%}.x-col-sm-4{flex:0 0 16.6666666667%;width:16.6666666667%}.x-col-sm-5{flex:0 0 20.8333333333%;width:20.8333333333%}.x-col-sm-6{flex:0 0 25%;width:25%}.x-col-sm-7{flex:0 0 29.1666666667%;width:29.1666666667%}.x-col-sm-8{flex:0 0 33.3333333333%;width:33.3333333333%}.x-col-sm-9{flex:0 0 37.5%;width:37.5%}.x-col-sm-10{flex:0 0 41.6666666667%;width:41.6666666667%}.x-col-sm-11{flex:0 0 45.8333333333%;width:45.8333333333%}.x-col-sm-12{flex:0 0 50%;width:50%}.x-col-sm-13{flex:0 0 54.1666666667%;width:54.1666666667%}.x-col-sm-14{flex:0 0 58.3333333333%;width:58.3333333333%}.x-col-sm-15{flex:0 0 62.5%;width:62.5%}.x-col-sm-16{flex:0 0 66.6666666667%;width:66.6666666667%}.x-col-sm-17{flex:0 0 70.8333333333%;width:70.8333333333%}.x-col-sm-18{flex:0 0 75%;width:75%}.x-col-sm-19{flex:0 0 79.1666666667%;width:79.1666666667%}.x-col-sm-20{flex:0 0 83.3333333333%;width:83.3333333333%}.x-col-sm-21{flex:0 0 87.5%;width:87.5%}.x-col-sm-22{flex:0 0 91.6666666667%;width:91.6666666667%}.x-col-sm-23{flex:0 0 95.8333333333%;width:95.8333333333%}.x-col-sm-24{flex:0 0 100%;width:100%}.x-col-sm-offset-0{margin-left:0%}.x-col-sm-offset-1{margin-left:4.1666666667%}.x-col-sm-offset-2{margin-left:8.3333333333%}.x-col-sm-offset-3{margin-left:12.5%}.x-col-sm-offset-4{margin-left:16.6666666667%}.x-col-sm-offset-5{margin-left:20.8333333333%}.x-col-sm-offset-6{margin-left:25%}.x-col-sm-offset-7{margin-left:29.1666666667%}.x-col-sm-offset-8{margin-left:33.3333333333%}.x-col-sm-offset-9{margin-left:37.5%}.x-col-sm-offset-10{margin-left:41.6666666667%}.x-col-sm-offset-11{margin-left:45.8333333333%}.x-col-sm-offset-12{margin-left:50%}.x-col-sm-offset-13{margin-left:54.1666666667%}.x-col-sm-offset-14{margin-left:58.3333333333%}.x-col-sm-offset-15{margin-left:62.5%}.x-col-sm-offset-16{margin-left:66.6666666667%}.x-col-sm-offset-17{margin-left:70.8333333333%}.x-col-sm-offset-18{margin-left:75%}.x-col-sm-offset-19{margin-left:79.1666666667%}.x-col-sm-offset-20{margin-left:83.3333333333%}.x-col-sm-offset-21{margin-left:87.5%}.x-col-sm-offset-22{margin-left:91.6666666667%}.x-col-sm-offset-23{margin-left:95.8333333333%}.x-col-sm-order-0{order:0}.x-col-sm-order-1{order:1}.x-col-sm-order-2{order:2}.x-col-sm-order-3{order:3}.x-col-sm-order-4{order:4}.x-col-sm-order-5{order:5}.x-col-sm-order-6{order:6}.x-col-sm-order-7{order:7}.x-col-sm-order-8{order:8}.x-col-sm-order-9{order:9}.x-col-sm-order-10{order:10}.x-col-sm-order-11{order:11}.x-col-sm-order-12{order:12}.x-col-sm-order-13{order:13}.x-col-sm-order-14{order:14}.x-col-sm-order-15{order:15}.x-col-sm-order-16{order:16}.x-col-sm-order-17{order:17}.x-col-sm-order-18{order:18}.x-col-sm-order-19{order:19}.x-col-sm-order-20{order:20}.x-col-sm-order-21{order:21}.x-col-sm-order-22{order:22}.x-col-sm-order-23{order:23}.x-col-sm-order-24{order:24}}@media(min-width: 768px){.x-col-md-1{flex:0 0 4.1666666667%;width:4.1666666667%}.x-col-md-2{flex:0 0 8.3333333333%;width:8.3333333333%}.x-col-md-3{flex:0 0 12.5%;width:12.5%}.x-col-md-4{flex:0 0 16.6666666667%;width:16.6666666667%}.x-col-md-5{flex:0 0 20.8333333333%;width:20.8333333333%}.x-col-md-6{flex:0 0 25%;width:25%}.x-col-md-7{flex:0 0 29.1666666667%;width:29.1666666667%}.x-col-md-8{flex:0 0 33.3333333333%;width:33.3333333333%}.x-col-md-9{flex:0 0 37.5%;width:37.5%}.x-col-md-10{flex:0 0 41.6666666667%;width:41.6666666667%}.x-col-md-11{flex:0 0 45.8333333333%;width:45.8333333333%}.x-col-md-12{flex:0 0 50%;width:50%}.x-col-md-13{flex:0 0 54.1666666667%;width:54.1666666667%}.x-col-md-14{flex:0 0 58.3333333333%;width:58.3333333333%}.x-col-md-15{flex:0 0 62.5%;width:62.5%}.x-col-md-16{flex:0 0 66.6666666667%;width:66.6666666667%}.x-col-md-17{flex:0 0 70.8333333333%;width:70.8333333333%}.x-col-md-18{flex:0 0 75%;width:75%}.x-col-md-19{flex:0 0 79.1666666667%;width:79.1666666667%}.x-col-md-20{flex:0 0 83.3333333333%;width:83.3333333333%}.x-col-md-21{flex:0 0 87.5%;width:87.5%}.x-col-md-22{flex:0 0 91.6666666667%;width:91.6666666667%}.x-col-md-23{flex:0 0 95.8333333333%;width:95.8333333333%}.x-col-md-24{flex:0 0 100%;width:100%}.x-col-md-offset-0{margin-left:0%}.x-col-md-offset-1{margin-left:4.1666666667%}.x-col-md-offset-2{margin-left:8.3333333333%}.x-col-md-offset-3{margin-left:12.5%}.x-col-md-offset-4{margin-left:16.6666666667%}.x-col-md-offset-5{margin-left:20.8333333333%}.x-col-md-offset-6{margin-left:25%}.x-col-md-offset-7{margin-left:29.1666666667%}.x-col-md-offset-8{margin-left:33.3333333333%}.x-col-md-offset-9{margin-left:37.5%}.x-col-md-offset-10{margin-left:41.6666666667%}.x-col-md-offset-11{margin-left:45.8333333333%}.x-col-md-offset-12{margin-left:50%}.x-col-md-offset-13{margin-left:54.1666666667%}.x-col-md-offset-14{margin-left:58.3333333333%}.x-col-md-offset-15{margin-left:62.5%}.x-col-md-offset-16{margin-left:66.6666666667%}.x-col-md-offset-17{margin-left:70.8333333333%}.x-col-md-offset-18{margin-left:75%}.x-col-md-offset-19{margin-left:79.1666666667%}.x-col-md-offset-20{margin-left:83.3333333333%}.x-col-md-offset-21{margin-left:87.5%}.x-col-md-offset-22{margin-left:91.6666666667%}.x-col-md-offset-23{margin-left:95.8333333333%}.x-col-md-order-0{order:0}.x-col-md-order-1{order:1}.x-col-md-order-2{order:2}.x-col-md-order-3{order:3}.x-col-md-order-4{order:4}.x-col-md-order-5{order:5}.x-col-md-order-6{order:6}.x-col-md-order-7{order:7}.x-col-md-order-8{order:8}.x-col-md-order-9{order:9}.x-col-md-order-10{order:10}.x-col-md-order-11{order:11}.x-col-md-order-12{order:12}.x-col-md-order-13{order:13}.x-col-md-order-14{order:14}.x-col-md-order-15{order:15}.x-col-md-order-16{order:16}.x-col-md-order-17{order:17}.x-col-md-order-18{order:18}.x-col-md-order-19{order:19}.x-col-md-order-20{order:20}.x-col-md-order-21{order:21}.x-col-md-order-22{order:22}.x-col-md-order-23{order:23}.x-col-md-order-24{order:24}}@media(min-width: 992px){.x-col-lg-1{flex:0 0 4.1666666667%;width:4.1666666667%}.x-col-lg-2{flex:0 0 8.3333333333%;width:8.3333333333%}.x-col-lg-3{flex:0 0 12.5%;width:12.5%}.x-col-lg-4{flex:0 0 16.6666666667%;width:16.6666666667%}.x-col-lg-5{flex:0 0 20.8333333333%;width:20.8333333333%}.x-col-lg-6{flex:0 0 25%;width:25%}.x-col-lg-7{flex:0 0 29.1666666667%;width:29.1666666667%}.x-col-lg-8{flex:0 0 33.3333333333%;width:33.3333333333%}.x-col-lg-9{flex:0 0 37.5%;width:37.5%}.x-col-lg-10{flex:0 0 41.6666666667%;width:41.6666666667%}.x-col-lg-11{flex:0 0 45.8333333333%;width:45.8333333333%}.x-col-lg-12{flex:0 0 50%;width:50%}.x-col-lg-13{flex:0 0 54.1666666667%;width:54.1666666667%}.x-col-lg-14{flex:0 0 58.3333333333%;width:58.3333333333%}.x-col-lg-15{flex:0 0 62.5%;width:62.5%}.x-col-lg-16{flex:0 0 66.6666666667%;width:66.6666666667%}.x-col-lg-17{flex:0 0 70.8333333333%;width:70.8333333333%}.x-col-lg-18{flex:0 0 75%;width:75%}.x-col-lg-19{flex:0 0 79.1666666667%;width:79.1666666667%}.x-col-lg-20{flex:0 0 83.3333333333%;width:83.3333333333%}.x-col-lg-21{flex:0 0 87.5%;width:87.5%}.x-col-lg-22{flex:0 0 91.6666666667%;width:91.6666666667%}.x-col-lg-23{flex:0 0 95.8333333333%;width:95.8333333333%}.x-col-lg-24{flex:0 0 100%;width:100%}.x-col-lg-offset-0{margin-left:0%}.x-col-lg-offset-1{margin-left:4.1666666667%}.x-col-lg-offset-2{margin-left:8.3333333333%}.x-col-lg-offset-3{margin-left:12.5%}.x-col-lg-offset-4{margin-left:16.6666666667%}.x-col-lg-offset-5{margin-left:20.8333333333%}.x-col-lg-offset-6{margin-left:25%}.x-col-lg-offset-7{margin-left:29.1666666667%}.x-col-lg-offset-8{margin-left:33.3333333333%}.x-col-lg-offset-9{margin-left:37.5%}.x-col-lg-offset-10{margin-left:41.6666666667%}.x-col-lg-offset-11{margin-left:45.8333333333%}.x-col-lg-offset-12{margin-left:50%}.x-col-lg-offset-13{margin-left:54.1666666667%}.x-col-lg-offset-14{margin-left:58.3333333333%}.x-col-lg-offset-15{margin-left:62.5%}.x-col-lg-offset-16{margin-left:66.6666666667%}.x-col-lg-offset-17{margin-left:70.8333333333%}.x-col-lg-offset-18{margin-left:75%}.x-col-lg-offset-19{margin-left:79.1666666667%}.x-col-lg-offset-20{margin-left:83.3333333333%}.x-col-lg-offset-21{margin-left:87.5%}.x-col-lg-offset-22{margin-left:91.6666666667%}.x-col-lg-offset-23{margin-left:95.8333333333%}.x-col-lg-order-0{order:0}.x-col-lg-order-1{order:1}.x-col-lg-order-2{order:2}.x-col-lg-order-3{order:3}.x-col-lg-order-4{order:4}.x-col-lg-order-5{order:5}.x-col-lg-order-6{order:6}.x-col-lg-order-7{order:7}.x-col-lg-order-8{order:8}.x-col-lg-order-9{order:9}.x-col-lg-order-10{order:10}.x-col-lg-order-11{order:11}.x-col-lg-order-12{order:12}.x-col-lg-order-13{order:13}.x-col-lg-order-14{order:14}.x-col-lg-order-15{order:15}.x-col-lg-order-16{order:16}.x-col-lg-order-17{order:17}.x-col-lg-order-18{order:18}.x-col-lg-order-19{order:19}.x-col-lg-order-20{order:20}.x-col-lg-order-21{order:21}.x-col-lg-order-22{order:22}.x-col-lg-order-23{order:23}.x-col-lg-order-24{order:24}}@media(min-width: 1200px){.x-col-xl-1{flex:0 0 4.1666666667%;width:4.1666666667%}.x-col-xl-2{flex:0 0 8.3333333333%;width:8.3333333333%}.x-col-xl-3{flex:0 0 12.5%;width:12.5%}.x-col-xl-4{flex:0 0 16.6666666667%;width:16.6666666667%}.x-col-xl-5{flex:0 0 20.8333333333%;width:20.8333333333%}.x-col-xl-6{flex:0 0 25%;width:25%}.x-col-xl-7{flex:0 0 29.1666666667%;width:29.1666666667%}.x-col-xl-8{flex:0 0 33.3333333333%;width:33.3333333333%}.x-col-xl-9{flex:0 0 37.5%;width:37.5%}.x-col-xl-10{flex:0 0 41.6666666667%;width:41.6666666667%}.x-col-xl-11{flex:0 0 45.8333333333%;width:45.8333333333%}.x-col-xl-12{flex:0 0 50%;width:50%}.x-col-xl-13{flex:0 0 54.1666666667%;width:54.1666666667%}.x-col-xl-14{flex:0 0 58.3333333333%;width:58.3333333333%}.x-col-xl-15{flex:0 0 62.5%;width:62.5%}.x-col-xl-16{flex:0 0 66.6666666667%;width:66.6666666667%}.x-col-xl-17{flex:0 0 70.8333333333%;width:70.8333333333%}.x-col-xl-18{flex:0 0 75%;width:75%}.x-col-xl-19{flex:0 0 79.1666666667%;width:79.1666666667%}.x-col-xl-20{flex:0 0 83.3333333333%;width:83.3333333333%}.x-col-xl-21{flex:0 0 87.5%;width:87.5%}.x-col-xl-22{flex:0 0 91.6666666667%;width:91.6666666667%}.x-col-xl-23{flex:0 0 95.8333333333%;width:95.8333333333%}.x-col-xl-24{flex:0 0 100%;width:100%}.x-col-xl-offset-0{margin-left:0%}.x-col-xl-offset-1{margin-left:4.1666666667%}.x-col-xl-offset-2{margin-left:8.3333333333%}.x-col-xl-offset-3{margin-left:12.5%}.x-col-xl-offset-4{margin-left:16.6666666667%}.x-col-xl-offset-5{margin-left:20.8333333333%}.x-col-xl-offset-6{margin-left:25%}.x-col-xl-offset-7{margin-left:29.1666666667%}.x-col-xl-offset-8{margin-left:33.3333333333%}.x-col-xl-offset-9{margin-left:37.5%}.x-col-xl-offset-10{margin-left:41.6666666667%}.x-col-xl-offset-11{margin-left:45.8333333333%}.x-col-xl-offset-12{margin-left:50%}.x-col-xl-offset-13{margin-left:54.1666666667%}.x-col-xl-offset-14{margin-left:58.3333333333%}.x-col-xl-offset-15{margin-left:62.5%}.x-col-xl-offset-16{margin-left:66.6666666667%}.x-col-xl-offset-17{margin-left:70.8333333333%}.x-col-xl-offset-18{margin-left:75%}.x-col-xl-offset-19{margin-left:79.1666666667%}.x-col-xl-offset-20{margin-left:83.3333333333%}.x-col-xl-offset-21{margin-left:87.5%}.x-col-xl-offset-22{margin-left:91.6666666667%}.x-col-xl-offset-23{margin-left:95.8333333333%}.x-col-xl-order-0{order:0}.x-col-xl-order-1{order:1}.x-col-xl-order-2{order:2}.x-col-xl-order-3{order:3}.x-col-xl-order-4{order:4}.x-col-xl-order-5{order:5}.x-col-xl-order-6{order:6}.x-col-xl-order-7{order:7}.x-col-xl-order-8{order:8}.x-col-xl-order-9{order:9}.x-col-xl-order-10{order:10}.x-col-xl-order-11{order:11}.x-col-xl-order-12{order:12}.x-col-xl-order-13{order:13}.x-col-xl-order-14{order:14}.x-col-xl-order-15{order:15}.x-col-xl-order-16{order:16}.x-col-xl-order-17{order:17}.x-col-xl-order-18{order:18}.x-col-xl-order-19{order:19}.x-col-xl-order-20{order:20}.x-col-xl-order-21{order:21}.x-col-xl-order-22{order:22}.x-col-xl-order-23{order:23}.x-col-xl-order-24{order:24}}@media(min-width: 1600px){.x-col-xxl-1{flex:0 0 4.1666666667%;width:4.1666666667%}.x-col-xxl-2{flex:0 0 8.3333333333%;width:8.3333333333%}.x-col-xxl-3{flex:0 0 12.5%;width:12.5%}.x-col-xxl-4{flex:0 0 16.6666666667%;width:16.6666666667%}.x-col-xxl-5{flex:0 0 20.8333333333%;width:20.8333333333%}.x-col-xxl-6{flex:0 0 25%;width:25%}.x-col-xxl-7{flex:0 0 29.1666666667%;width:29.1666666667%}.x-col-xxl-8{flex:0 0 33.3333333333%;width:33.3333333333%}.x-col-xxl-9{flex:0 0 37.5%;width:37.5%}.x-col-xxl-10{flex:0 0 41.6666666667%;width:41.6666666667%}.x-col-xxl-11{flex:0 0 45.8333333333%;width:45.8333333333%}.x-col-xxl-12{flex:0 0 50%;width:50%}.x-col-xxl-13{flex:0 0 54.1666666667%;width:54.1666666667%}.x-col-xxl-14{flex:0 0 58.3333333333%;width:58.3333333333%}.x-col-xxl-15{flex:0 0 62.5%;width:62.5%}.x-col-xxl-16{flex:0 0 66.6666666667%;width:66.6666666667%}.x-col-xxl-17{flex:0 0 70.8333333333%;width:70.8333333333%}.x-col-xxl-18{flex:0 0 75%;width:75%}.x-col-xxl-19{flex:0 0 79.1666666667%;width:79.1666666667%}.x-col-xxl-20{flex:0 0 83.3333333333%;width:83.3333333333%}.x-col-xxl-21{flex:0 0 87.5%;width:87.5%}.x-col-xxl-22{flex:0 0 91.6666666667%;width:91.6666666667%}.x-col-xxl-23{flex:0 0 95.8333333333%;width:95.8333333333%}.x-col-xxl-24{flex:0 0 100%;width:100%}.x-col-xxl-offset-0{margin-left:0%}.x-col-xxl-offset-1{margin-left:4.1666666667%}.x-col-xxl-offset-2{margin-left:8.3333333333%}.x-col-xxl-offset-3{margin-left:12.5%}.x-col-xxl-offset-4{margin-left:16.6666666667%}.x-col-xxl-offset-5{margin-left:20.8333333333%}.x-col-xxl-offset-6{margin-left:25%}.x-col-xxl-offset-7{margin-left:29.1666666667%}.x-col-xxl-offset-8{margin-left:33.3333333333%}.x-col-xxl-offset-9{margin-left:37.5%}.x-col-xxl-offset-10{margin-left:41.6666666667%}.x-col-xxl-offset-11{margin-left:45.8333333333%}.x-col-xxl-offset-12{margin-left:50%}.x-col-xxl-offset-13{margin-left:54.1666666667%}.x-col-xxl-offset-14{margin-left:58.3333333333%}.x-col-xxl-offset-15{margin-left:62.5%}.x-col-xxl-offset-16{margin-left:66.6666666667%}.x-col-xxl-offset-17{margin-left:70.8333333333%}.x-col-xxl-offset-18{margin-left:75%}.x-col-xxl-offset-19{margin-left:79.1666666667%}.x-col-xxl-offset-20{margin-left:83.3333333333%}.x-col-xxl-offset-21{margin-left:87.5%}.x-col-xxl-offset-22{margin-left:91.6666666667%}.x-col-xxl-offset-23{margin-left:95.8333333333%}.x-col-xxl-order-0{order:0}.x-col-xxl-order-1{order:1}.x-col-xxl-order-2{order:2}.x-col-xxl-order-3{order:3}.x-col-xxl-order-4{order:4}.x-col-xxl-order-5{order:5}.x-col-xxl-order-6{order:6}.x-col-xxl-order-7{order:7}.x-col-xxl-order-8{order:8}.x-col-xxl-order-9{order:9}.x-col-xxl-order-10{order:10}.x-col-xxl-order-11{order:11}.x-col-xxl-order-12{order:12}.x-col-xxl-order-13{order:13}.x-col-xxl-order-14{order:14}.x-col-xxl-order-15{order:15}.x-col-xxl-order-16{order:16}.x-col-xxl-order-17{order:17}.x-col-xxl-order-18{order:18}.x-col-xxl-order-19{order:19}.x-col-xxl-order-20{order:20}.x-col-xxl-order-21{order:21}.x-col-xxl-order-22{order:22}.x-col-xxl-order-23{order:23}.x-col-xxl-order-24{order:24}}.x-grid{display:grid}.x-row{display:flex;flex-flow:row wrap}.x-row-nowrap{flex-wrap:nowrap}.x-row-align-start{align-items:flex-start}.x-row-align-center{align-items:center}.x-row-align-end{align-items:flex-end}.x-row-justify-start{justify-content:flex-start}.x-row-justify-center{justify-content:center}.x-row-justify-end{justify-content:flex-end}.x-row-justify-space-around{justify-content:space-around}.x-row-justify-space-between{justify-content:space-between}
package/dist/style/grid.js ADDED
@@ -0,0 +1,2 @@
1
+ import './base.css';
2
+ import './grid.css';
package/dist/style/image.css ADDED
@@ -0,0 +1 @@
1
+ .x-image{position:relative;display:inline-block;border-radius:8px}.x-image--img{max-width:100%;vertical-align:middle;border-radius:inherit}.x-image--overlay{position:absolute;top:0;left:0;width:100%;height:100%}.x-image--footer{display:flex;width:100%;max-width:100%}.x-image--footer--caption{flex:1 1 auto}.x-image--footer--caption-title{font-weight:600;font-size:18px}.x-image--footer--caption-description{font-size:14px}.x-image--footer--extra{flex:0 0 auto;padding-left:12px}.x-image--with-footer-inner .x-image--footer{position:absolute;bottom:0;left:0;align-items:center;box-sizing:border-box;padding:10px 12px;color:var(--x-image-color-footer-inner-text);background:var(--x-image-color-footer-inner-bg);border-bottom-right-radius:8px;border-bottom-left-radius:8px}.x-image--with-footer-inner .x-image--footer--caption-title{color:var(--x-image-color-title-footer-inner-text)}.x-image--with-footer-inner .x-image--footer--caption-description{color:var(--x-image-color-description-footer-inner-text)}.x-image--with-footer-outer .x-image--footer{margin-top:20px;color:var(--x-image-color-footer-outer-text)}.x-image--with-footer-outer .x-image--footer--caption-title{color:var(--x-image-color-title-footer-outer-text)}.x-image--with-footer-outer .x-image--footer--caption-description{color:var(--x-image-color-description-footer-outer-text)}.x-image--error{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;color:var(--x-image-color-error-text);background-color:var(--x-image-color-error-bg)}.x-image--error-icon{width:24px;max-width:100%;height:24px;max-height:100%}.x-image--error-icon>svg{width:100%;height:100%}.x-image--error-alt{padding:8px 16px;font-size:12px;line-height:1.5;text-align:center}.x-image--loader{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--x-image-color-loader-bg)}.x-image--loader-spin{position:absolute;top:50%;left:50%;color:var(--x-image-color-loader-spin-text);font-size:16px;text-align:center;transform:translate(-50%, -50%)}.x-image--loader-spin-text{color:var(--x-image-color-loader-spin-text);font-size:12px}.x-image--simple.x-image--with-footer-inner .x-image--footer{padding:12px 16px}.x-image--loading .x-image--img,.x-image--loading-error .x-image--img{visibility:hidden}.x-image-preview{position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%}.x-image-preview-hide{display:none}.x-image-preview .x-image-preview--mask,.x-image-preview .x-image-preview--wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.x-image-preview--mask{background-color:var(--x-image-preview-color-mask-bg)}.x-image-preview--img-container{width:100%;height:100%;text-align:center}.x-image-preview--img-container::before{display:inline-block;width:0;height:100%;vertical-align:middle;content:""}.x-image-preview--img-container .x-image-preview--img{display:inline-block;max-width:100%;max-height:100%;vertical-align:middle;cursor:grab;user-select:none}.x-image-preview--img-container .x-image-preview--img.x-image-preview-img-moving{cursor:grabbing}.x-image-preview--scale-value{box-sizing:border-box;padding:10px 12px;color:var(--x-image-preview-color-scale-value-text);font-size:14px;line-height:initial;background-color:var(--x-image-preview-color-scale-value-bg);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.x-image-preview--toolbar{position:absolute;bottom:46px;left:50%;display:flex;align-items:flex-start;padding:4px 16px;background-color:var(--x-image-preview-color-toolbar-bg);border-radius:5px;transform:translateX(-50%)}.x-image-preview .x-image-preview--toolbar-action{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:40px;height:40px;padding:0;color:var(--x-image-preview-color-action-text);font-size:14px;appearance:none;background-color:var(--x-color-transparent);border:0;border-radius:2px;cursor:pointer}.x-image-preview .x-image-preview--toolbar-action:not(:last-of-type){margin-right:10px}.x-image-preview .x-image-preview--toolbar-action:hover,.x-image-preview .x-image-preview--toolbar-action:focus-visible{color:var(--x-image-preview-color-action-hover-text);background-color:var(--x-image-preview-color-action-hover-bg)}.x-image-preview .x-image-preview--toolbar-action-disabled,.x-image-preview .x-image-preview--toolbar-action-disabled:hover,.x-image-preview .x-image-preview--toolbar-action-disabled:focus-visible{color:var(--x-image-preview-color-action-disabled-text);background-color:var(--x-image-preview-color-action-disabled-bg);cursor:not-allowed}.x-image-preview .x-image-preview--toolbar-action--name{padding-right:8px;font-size:12px}.x-image-preview .x-image-preview--toolbar-action--content{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;padding:0;line-height:1}.x-image-preview .x-image-preview--toolbar-action--content>svg{width:1em;height:1em}.x-image-preview--loading{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:40px;height:40px;padding:8px;color:var(--x-image-preview-color-loading-text);font-size:16px;background-color:var(--x-image-preview-color-loading-bg);border-radius:8px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.x-image-preview--close-btn{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:var(--x-image-preview-color-close-btn-text);font-size:18px;line-height:30px;text-align:center;appearance:none;background:var(--x-image-preview-color-close-btn-bg);border:0;border-radius:50%;cursor:pointer}.x-image-preview--arrow--left{position:absolute;top:50%;left:15px;z-index:2;display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:var(--x-image-preview-arrow-color-icon);appearance:none;background-color:var(--x-image-preview-arrow-color-bg);border:0;border-radius:50%;cursor:pointer;transform:translateY(-50%)}.x-image-preview--arrow--left>svg{color:var(--x-image-preview-arrow-color-icon);font-size:20px}.x-image-preview--arrow--left:hover{background-color:var(--x-image-preview-arrow-color-bg-hover)}.x-image-preview--arrow--right{position:absolute;top:50%;right:15px;z-index:2;display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:var(--x-image-preview-arrow-color-icon);appearance:none;background-color:var(--x-image-preview-arrow-color-bg);border:0;border-radius:50%;cursor:pointer;transform:translateY(-50%)}.x-image-preview--arrow--right>svg{color:var(--x-image-preview-arrow-color-icon);font-size:20px}.x-image-preview--arrow--right:hover{background-color:var(--x-image-preview-arrow-color-bg-hover)}.x-image-preview--arrow-disabled,.x-image-preview--arrow-disabled:hover{color:var(--x-image-preview-arrow-color-icon-disabled);background-color:var(--x-image-preview-arrow-color-bg-disabled);cursor:not-allowed}.x-image-preview--arrow-disabled>svg{color:var(--x-image-preview-arrow-color-icon-disabled)}.image-fade-enter-from,.image-fade-leave-to{opacity:0}.image-fade-enter-to,.image-fade-leave-from{opacity:1}.image-fade-enter-active{transition:opacity .4s cubic-bezier(0.3, 1.3, 0.3, 1)}.image-fade-leave-active{transition:opacity .4s cubic-bezier(0.3, 1.3, 0.3, 1)}
package/dist/style/image.js ADDED
@@ -0,0 +1,2 @@
1
+ import './base.css';
2
+ import './image.css';
package/dist/style/layout.css ADDED
@@ -0,0 +1 @@
1
+ .x-layout{display:flex;flex:1;flex-direction:column;margin:0;padding:0}.x-layout--sidebar{position:relative;flex:none;width:auto;margin:0;padding:0;background:var(--x-color-menu-dark-bg);transition:width var(--x-transition-duration-2) var(--x-transition-timing-function-standard)}.x-layout--sidebar--children{height:100%;overflow:auto}.x-layout--sidebar-collapsed .x-layout--sidebar--children::-webkit-scrollbar{width:0}.x-layout--sidebar-has-trigger{box-sizing:border-box;padding-bottom:48px}.x-layout--sidebar--trigger{z-index:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:48px;color:var(--x-color-white);background:var(--x-layout-trigger-dark-bg);cursor:pointer;transition:width var(--x-transition-duration-2) var(--x-transition-timing-function-standard)}.x-layout--sidebar--trigger-light{color:var(--x-color-text-1);background:var(--x-color-menu-light-bg);border-top:1px solid var(--x-color-bg-5)}.x-layout--sidebar-light{background:var(--x-color-menu-light-bg);box-shadow:var(--x-layout-sidebar-light-shadow)}.x-layout--header{flex:0 0 auto;box-sizing:border-box;margin:0}.x-layout--content{flex:1}.x-layout--footer{flex:0 0 auto;margin:0}.x-layout-has-sidebar{flex-direction:row}.x-layout-has-sidebar>.x-layout,.x-layout-has-sidebar>.x-layout--content{overflow-x:hidden}
package/dist/style/layout.js ADDED
@@ -0,0 +1,2 @@
1
+ import './base.css';
2
+ import './layout.css';
package/dist/style/link.css ADDED
@@ -0,0 +1 @@
1
+ :root{--x-link-background-color: var(--x-color-primary-1);--x-link-success-background-color: var(--x-color-success-1);--x-link-danger-background-color: var(--x-color-danger-1);--x-link-warning-background-color: var(--x-color-warning-1)}.x-link{display:inline-flex;align-items:center;justify-content:center;padding:1px var(--x-spacing-2);color:var(--x-color-primary);font-size:var(--x-font-size-body-3);line-height:var(--x-line-height-base);text-decoration:none;background-color:var(--x-color-transparent);border-radius:var(--x-border-radius-small);cursor:pointer;transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-link:hover{color:var(--x-color-primary);background-color:var(--x-link-background-color)}.x-link:active{color:var(--x-color-primary);background-color:var(--x-color-fill-3);transition:none}.x-link.x-link-hoverless{display:inline;padding:0;background-color:unset}.x-link.x-link-hoverless:active,.x-link.x-link-hoverless:hover{background-color:unset}.x-link.x-link-disabled{color:var(--x-color-primary-4);background-color:var(--x-color-transparent);cursor:not-allowed}.x-link.x-link-loading{color:var(--x-color-primary-4);background:none;cursor:default}.x-link.x-link-strong{font-weight:bolder}.x-link-status-success{color:var(--x-color-success)}.x-link-status-success:hover{color:var(--x-color-success);background-color:var(--x-link-success-background-color)}.x-link-status-success:active{color:var(--x-color-success)}.x-link-status-success.x-link-disabled{color:var(--x-color-success-4);background-color:var(--x-color-transparent)}.x-link-status-success.x-link-loading{color:var(--x-color-success-4)}.x-link-status-danger{color:var(--x-color-danger-6)}.x-link-status-danger:hover{color:var(--x-color-danger-6);background-color:var(--x-link-danger-background-color)}.x-link-status-danger:active{color:var(--x-color-danger-6)}.x-link-status-danger.x-link-disabled{color:var(--x-color-danger-4);background-color:var(--x-color-transparent)}.x-link-status-danger.x-link-loading{color:var(--x-color-danger-4)}.x-link-status-warning{color:var(--x-color-warning-6)}.x-link-status-warning:hover{color:var(--x-color-warning-6);background-color:var(--x-link-warning-background-color)}.x-link-status-warning:active{color:var(--x-color-warning-6)}.x-link-status-warning.x-link-disabled{color:var(--x-color-warning-4);background-color:var(--x-color-transparent)}.x-link-status-warning.x-link-loading{color:var(--x-color-warning-4)}.x-link--icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:1em;height:1em;margin-right:var(--x-spacing-4);font-size:var(--x-size-3);line-height:1;vertical-align:-0.125em}
package/dist/style/link.js ADDED
@@ -0,0 +1,2 @@
1
+ import './base.css';
2
+ import './link.css';
package/dist/style/menu.css ADDED
@@ -0,0 +1 @@
1
+ :root{--x-menu-font-size: 14px;--x-menu-line-height: var(--x-line-height-base);--x-menu-border-radius: var(--x-border-radius-small);--x-menu-font-weight-item-selected: var(--x-font-weight-500);--x-menu-color-label-item-selected: var(--x-color-primary-6);--x-menu-height-label-item-selected: 3px;--x-menu-margin-left-item-suffix-icon: var(--x-spacing-3);--x-menu-margin-right-item-prefix-icon: var(--x-spacing-7);--x-menu-horizontal-margin-right-item-prefix-icon: var(--x-spacing-7);--x-menu-item-gap: var(--x-spacing-2);--x-menu-item-indent-spacing: var(--x-spacing-8);--x-menu-width-collapse-button: var(--x-size-6);--x-menu-height-collapse-button: var(--x-size-6);--x-menu-border-radius-collapse-button: var(--x-border-radius-small);--x-menu-light-color-bg: var(--x-color-menu-light-bg);--x-menu-light-color-bg-item_default: var(--x-menu-light-color-bg);--x-menu-light-color-bg-item_hover: var(--x-color-fill-2);--x-menu-light-color-bg-item_selected: var(--x-color-fill-2);--x-menu-light-color-bg-item_disabled: var(--x-menu-light-color-bg);--x-menu-light-color-item_default: var(--x-color-text-2);--x-menu-light-color-item_hover: var(--x-color-text-2);--x-menu-light-color-item_selected: var(--x-color-primary-6);--x-menu-light-color-submenu_selected: var(--x-color-primary-6);--x-menu-light-color-bg-submenu_selected_hover: var(--x-color-fill-2);--x-menu-light-color-item_disabled: var(--x-color-text-4);--x-menu-light-color-icon_default: var(--x-color-text-3);--x-menu-light-color-icon_hover: var(--x-color-text-3);--x-menu-light-color-icon_selected: var(--x-color-primary-6);--x-menu-light-color-icon_disabled: var(--x-color-text-4);--x-menu-light-color-group-title: var(--x-color-text-3);--x-menu-dark-color-default: var(--x-color-menu-dark-text);--x-menu-dark-color-secondary: var(--x-color-menu-dark-text-secondary);--x-menu-dark-color-disabled: var(--x-color-menu-dark-text-disabled);--x-menu-dark-color-bg: var(--x-color-menu-dark-bg);--x-menu-dark-color-bg-item_default: var(--x-menu-dark-color-bg);--x-menu-dark-color-bg-item_hover: var(--x-color-menu-dark-hover);--x-menu-dark-color-bg-item_selected: var(--x-color-menu-dark-hover);--x-menu-dark-color-bg-item_disabled: var(--x-menu-dark-color-bg);--x-menu-dark-color-submenu_selected: var(--x-color-white);--x-menu-dark-color-bg-submenu_selected: var(--x-color-menu-dark-submenu-selected-bg);--x-menu-dark-color-bg-submenu_selected_hover: var(--x-color-menu-dark-hover);--x-menu-dark-color-item_default: var(--x-menu-dark-color-default);--x-menu-dark-color-item_hover: var(--x-color-white);--x-menu-dark-color-item_selected: var(--x-color-white);--x-menu-dark-color-item_disabled: var(--x-menu-dark-color-disabled);--x-menu-dark-color-icon_default: var(--x-menu-dark-color-secondary);--x-menu-dark-color-icon_hover: var(--x-color-white);--x-menu-dark-color-icon_selected: var(--x-color-white);--x-menu-dark-color-icon_disabled: var(--x-menu-dark-color-disabled);--x-menu-dark-color-group-title: var(--x-menu-dark-color-secondary);--x-menu-color-border-popup: var(--x-color-neutral-3);--x-menu-light-color-bg-button: var(--x-color-fill-1);--x-menu-light-color-bg-button_hover: var(--x-color-fill-3);--x-menu-light-color-button: var(--x-color-text-3);--x-menu-dark-color-bg-button: var(--x-color-primary-6);--x-menu-dark-color-bg-button_hover: var(--x-color-primary-7);--x-menu-dark-color-button: var(--x-color-white);--x-menu-horizontal-padding-vertical: 14px;--x-menu-horizontal-padding-horizontal: var(--x-spacing-8);--x-menu-horizontal-item-gap: var(--x-spacing-6);--x-menu-horizontal-item-height: 30px;--x-menu-horizontal-item-padding-horizontal: var(--x-spacing-6);--x-menu-vertical-padding-vertical: var(--x-spacing-2);--x-menu-vertical-padding-horizontal: var(--x-spacing-4);--x-menu-vertical-item-height: 40px;--x-menu-vertical-item-padding-horizontal: var(--x-spacing-6);--x-menu-collapse-width: var(--x-size-12);--x-menu-collapse-padding-vertical: var(--x-spacing-2);--x-menu-collapse-padding-horizontal: var(--x-spacing-2);--x-menu-collapse-item-size: calc( var(--x-menu-collapse-width) - var(--x-menu-collapse-padding-horizontal) * 2 );--x-menu-pop-button-size: var(--x-size-10);--x-menu-pop-button-margin-bottom: var(--x-spacing-7);--x-menu-pop-button-box-shadow: var(--x-shadow2-down);--x-menu-pop-button-border-color: var(--x-color-transparent);--x-dropdown-dark-color-bg: var(--x-color-menu-dark-bg);--x-dropdown-dark-color-border: var(--x-dropdown-dark-color-bg);--x-dropdown-dark-option-color-bg_default: var(--x-color-transparent);--x-dropdown-dark-option-color-bg_hover: var(--x-color-menu-dark-hover);--x-dropdown-dark-option-color-bg_selected: var(--x-color-transparent);--x-dropdown-dark-option-color-bg_disabled: var(--x-color-transparent);--x-dropdown-dark-option-color-text_default: var(--x-menu-dark-color-default);--x-dropdown-dark-option-color-text_hover: var(--x-color-white);--x-dropdown-dark-option-color-text_selected: var(--x-color-white);--x-dropdown-dark-option-color-text_disabled: var(--x-menu-dark-color-disabled);--x-dropdown-dark-group-title-color-text: var(--x-menu-dark-color-secondary)}:root{--x-dropdown-max-height: var(--x-size-50);--x-dropdown-border-radius: var(--x-border-radius-medium);--x-dropdown-padding-vertical: var(--x-spacing-2);--x-dropdown-font-size: var(--x-font-size-body-3);--x-dropdown-color-bg: var(--x-color-bg-popup);--x-dropdown-color-border: var(--x-color-fill-3);--x-dropdown-box-shadow: var(--x-shadow2-down);--x-dropdown-option-height: var(--x-size-9);--x-dropdown-option-padding-horizontal: var(--x-spacing-6);--x-dropdown-option-font-weight_selected: var(--x-font-weight-500);--x-dropdown-option-color-bg_default: var(--x-color-transparent);--x-dropdown-option-color-bg_hover: var(--x-color-fill-2);--x-dropdown-option-color-bg_selected: var(--x-color-transparent);--x-dropdown-option-color-bg_disabled: var(--x-color-transparent);--x-dropdown-option-color-text_default: var(--x-color-text-1);--x-dropdown-option-color-text_hover: var(--x-color-text-1);--x-dropdown-option-color-text_selected: var(--x-color-text-1);--x-dropdown-option-color-text_disabled: var(--x-color-text-4);--x-dropdown-group-title-height: var(--x-size-5);--x-dropdown-group-title-padding-horizontal: var(--x-spacing-6);--x-dropdown-group-title-padding-top: var(--x-spacing-4);--x-dropdown-group-title-margin-top: var(--x-spacing-4);--x-dropdown-group-title-font-size: var(--x-font-size-body-1);--x-dropdown-group-title-color-text: var(--x-color-text-3);--x-dropdown-margin-left-suffix-icon: var(--x-spacing-6)}@keyframes 'x-menu-selected-item-label-enter'{from{opacity:0}to{opacity:1}}.x-menu{position:relative;box-sizing:border-box;width:100%;font-size:var(--x-menu-font-size);line-height:var(--x-menu-line-height);transition:width var(--x-transition-duration-2) var(--x-transition-timing-function-standard)}.x-menu:focus-visible{outline:3px solid var(--x-color-primary-light-2)}.x-menu-indent{display:inline-block;width:var(--x-menu-item-indent-spacing)}.x-menu .x-menu-item,.x-menu .x-menu-group-title,.x-menu .x-menu-pop-header,.x-menu .x-menu-inline-header{position:relative;box-sizing:border-box;border-radius:var(--x-menu-border-radius);cursor:pointer}.x-menu .x-menu-item.x-menu-disabled,.x-menu .x-menu-group-title.x-menu-disabled,.x-menu .x-menu-pop-header.x-menu-disabled,.x-menu .x-menu-inline-header.x-menu-disabled{cursor:not-allowed}.x-menu .x-menu-item.x-menu-disabled:hover,.x-menu .x-menu-group-title.x-menu-disabled:hover,.x-menu .x-menu-pop-header.x-menu-disabled:hover,.x-menu .x-menu-inline-header.x-menu-disabled:hover{color:inherit}.x-menu .x-menu-item.x-menu-selected,.x-menu .x-menu-group-title.x-menu-selected,.x-menu .x-menu-pop-header.x-menu-selected,.x-menu .x-menu-inline-header.x-menu-selected{font-weight:var(--x-menu-font-weight-item-selected);transition:color var(--x-transition-duration-2) var(--x-transition-timing-function-linear)}.x-menu .x-menu-item.x-menu-selected svg,.x-menu .x-menu-group-title.x-menu-selected svg,.x-menu .x-menu-pop-header.x-menu-selected svg,.x-menu .x-menu-inline-header.x-menu-selected svg{transition:color var(--x-transition-duration-2) var(--x-transition-timing-function-linear)}.x-menu .x-menu-item .x-icon,.x-menu .x-menu-item .x-menu-icon,.x-menu .x-menu-group-title .x-icon,.x-menu .x-menu-group-title .x-menu-icon,.x-menu .x-menu-pop-header .x-icon,.x-menu .x-menu-pop-header .x-menu-icon,.x-menu .x-menu-inline-header .x-icon,.x-menu .x-menu-inline-header .x-menu-icon{margin-right:var(--x-menu-margin-right-item-prefix-icon)}.x-menu .x-menu-item .x-menu-icon .x-icon,.x-menu .x-menu-group-title .x-menu-icon .x-icon,.x-menu .x-menu-pop-header .x-menu-icon .x-icon,.x-menu .x-menu-inline-header .x-menu-icon .x-icon{margin-right:0}.x-menu .x-menu-item:focus-visible,.x-menu .x-menu-group-title:focus-visible,.x-menu .x-menu-pop-header:focus-visible,.x-menu .x-menu-inline-header:focus-visible{outline:2px solid var(--x-color-primary-light-2);outline-offset:2px}.x-menu-light{background-color:var(--x-menu-light-color-bg)}.x-menu-light .x-menu-item,.x-menu-light .x-menu-group-title,.x-menu-light .x-menu-pop-header,.x-menu-light .x-menu-inline-header{color:var(--x-menu-light-color-item_default);background-color:var(--x-menu-light-color-bg-item_default)}.x-menu-light .x-menu-item .x-icon,.x-menu-light .x-menu-item .x-menu-icon,.x-menu-light .x-menu-group-title .x-icon,.x-menu-light .x-menu-group-title .x-menu-icon,.x-menu-light .x-menu-pop-header .x-icon,.x-menu-light .x-menu-pop-header .x-menu-icon,.x-menu-light .x-menu-inline-header .x-icon,.x-menu-light .x-menu-inline-header .x-menu-icon{color:var(--x-menu-light-color-icon_default)}.x-menu-light .x-menu-item:hover,.x-menu-light .x-menu-group-title:hover,.x-menu-light .x-menu-pop-header:hover,.x-menu-light .x-menu-inline-header:hover{color:var(--x-menu-light-color-item_hover);background-color:var(--x-menu-light-color-bg-item_hover)}.x-menu-light .x-menu-item:hover .x-icon,.x-menu-light .x-menu-item:hover .x-menu-icon,.x-menu-light .x-menu-group-title:hover .x-icon,.x-menu-light .x-menu-group-title:hover .x-menu-icon,.x-menu-light .x-menu-pop-header:hover .x-icon,.x-menu-light .x-menu-pop-header:hover .x-menu-icon,.x-menu-light .x-menu-inline-header:hover .x-icon,.x-menu-light .x-menu-inline-header:hover .x-menu-icon{color:var(--x-menu-light-color-icon_hover)}.x-menu-light .x-menu-item.x-menu-selected,.x-menu-light .x-menu-group-title.x-menu-selected,.x-menu-light .x-menu-pop-header.x-menu-selected,.x-menu-light .x-menu-inline-header.x-menu-selected{color:var(--x-menu-light-color-item_selected)}.x-menu-light .x-menu-item.x-menu-selected .x-icon,.x-menu-light .x-menu-item.x-menu-selected .x-menu-icon,.x-menu-light .x-menu-group-title.x-menu-selected .x-icon,.x-menu-light .x-menu-group-title.x-menu-selected .x-menu-icon,.x-menu-light .x-menu-pop-header.x-menu-selected .x-icon,.x-menu-light .x-menu-pop-header.x-menu-selected .x-menu-icon,.x-menu-light .x-menu-inline-header.x-menu-selected .x-icon,.x-menu-light .x-menu-inline-header.x-menu-selected .x-menu-icon{color:var(--x-menu-light-color-icon_selected)}.x-menu-light .x-menu-item.x-menu-disabled,.x-menu-light .x-menu-group-title.x-menu-disabled,.x-menu-light .x-menu-pop-header.x-menu-disabled,.x-menu-light .x-menu-inline-header.x-menu-disabled{color:var(--x-menu-light-color-item_disabled);background-color:var(--x-menu-light-color-bg-item_disabled)}.x-menu-light .x-menu-item.x-menu-disabled .x-icon,.x-menu-light .x-menu-item.x-menu-disabled .x-menu-icon,.x-menu-light .x-menu-group-title.x-menu-disabled .x-icon,.x-menu-light .x-menu-group-title.x-menu-disabled .x-menu-icon,.x-menu-light .x-menu-pop-header.x-menu-disabled .x-icon,.x-menu-light .x-menu-pop-header.x-menu-disabled .x-menu-icon,.x-menu-light .x-menu-inline-header.x-menu-disabled .x-icon,.x-menu-light .x-menu-inline-header.x-menu-disabled .x-menu-icon{color:var(--x-menu-light-color-icon_disabled)}.x-menu-light .x-menu-item.x-menu-disabled:hover,.x-menu-light .x-menu-group-title.x-menu-disabled:hover,.x-menu-light .x-menu-pop-header.x-menu-disabled:hover,.x-menu-light .x-menu-inline-header.x-menu-disabled:hover{color:var(--x-menu-light-color-item_disabled);background-color:var(--x-menu-light-color-bg-item_disabled)}.x-menu-light .x-menu-item.x-menu-disabled:hover .x-icon,.x-menu-light .x-menu-item.x-menu-disabled:hover .x-menu-icon,.x-menu-light .x-menu-group-title.x-menu-disabled:hover .x-icon,.x-menu-light .x-menu-group-title.x-menu-disabled:hover .x-menu-icon,.x-menu-light .x-menu-pop-header.x-menu-disabled:hover .x-icon,.x-menu-light .x-menu-pop-header.x-menu-disabled:hover .x-menu-icon,.x-menu-light .x-menu-inline-header.x-menu-disabled:hover .x-icon,.x-menu-light .x-menu-inline-header.x-menu-disabled:hover .x-menu-icon{color:var(--x-menu-light-color-icon_disabled)}.x-menu-light .x-menu-item.x-menu-selected{background-color:var(--x-menu-light-color-bg-item_selected)}.x-menu-light .x-menu-inline-header.x-menu-selected{color:var(--x-menu-light-color-submenu_selected);background-color:var(--x-menu-light-color-bg-submenu_selected)}.x-menu-light .x-menu-inline-header.x-menu-selected .x-icon,.x-menu-light .x-menu-inline-header.x-menu-selected .x-menu-icon{color:var(--x-menu-light-color-submenu_selected)}.x-menu-light .x-menu-inline-header.x-menu-selected:hover{background-color:var(--x-menu-light-color-bg-submenu_selected_hover)}.x-menu-light.x-menu-horizontal .x-menu-item.x-menu-selected,.x-menu-light.x-menu-horizontal .x-menu-group-title.x-menu-selected,.x-menu-light.x-menu-horizontal .x-menu-pop-header.x-menu-selected,.x-menu-light.x-menu-horizontal .x-menu-inline-header.x-menu-selected{background:none;transition:color var(--x-transition-duration-2) var(--x-transition-timing-function-linear)}.x-menu-light.x-menu-horizontal .x-menu-item.x-menu-selected:hover,.x-menu-light.x-menu-horizontal .x-menu-group-title.x-menu-selected:hover,.x-menu-light.x-menu-horizontal .x-menu-pop-header.x-menu-selected:hover,.x-menu-light.x-menu-horizontal .x-menu-inline-header.x-menu-selected:hover{background-color:var(--x-menu-light-color-bg-item_hover)}.x-menu-light .x-menu-group-title{color:var(--x-menu-light-color-group-title);pointer-events:none}.x-menu-light .x-menu-collapse-button{color:var(--x-menu-light-color-button);background-color:var(--x-menu-light-color-bg-button)}.x-menu-light .x-menu-collapse-button:hover{background-color:var(--x-menu-light-color-bg-button_hover)}.x-menu-dark{background-color:var(--x-menu-dark-color-bg)}.x-menu-dark .x-menu-item,.x-menu-dark .x-menu-group-title,.x-menu-dark .x-menu-pop-header,.x-menu-dark .x-menu-inline-header{color:var(--x-menu-dark-color-item_default);background-color:var(--x-menu-dark-color-bg-item_default)}.x-menu-dark .x-menu-item .x-icon,.x-menu-dark .x-menu-item .x-menu-icon,.x-menu-dark .x-menu-group-title .x-icon,.x-menu-dark .x-menu-group-title .x-menu-icon,.x-menu-dark .x-menu-pop-header .x-icon,.x-menu-dark .x-menu-pop-header .x-menu-icon,.x-menu-dark .x-menu-inline-header .x-icon,.x-menu-dark .x-menu-inline-header .x-menu-icon{color:var(--x-menu-dark-color-icon_default)}.x-menu-dark .x-menu-item:hover,.x-menu-dark .x-menu-group-title:hover,.x-menu-dark .x-menu-pop-header:hover,.x-menu-dark .x-menu-inline-header:hover{color:var(--x-menu-dark-color-item_hover);background-color:var(--x-menu-dark-color-bg-item_hover)}.x-menu-dark .x-menu-item:hover .x-icon,.x-menu-dark .x-menu-item:hover .x-menu-icon,.x-menu-dark .x-menu-group-title:hover .x-icon,.x-menu-dark .x-menu-group-title:hover .x-menu-icon,.x-menu-dark .x-menu-pop-header:hover .x-icon,.x-menu-dark .x-menu-pop-header:hover .x-menu-icon,.x-menu-dark .x-menu-inline-header:hover .x-icon,.x-menu-dark .x-menu-inline-header:hover .x-menu-icon{color:var(--x-menu-dark-color-icon_hover)}.x-menu-dark .x-menu-item.x-menu-selected,.x-menu-dark .x-menu-group-title.x-menu-selected,.x-menu-dark .x-menu-pop-header.x-menu-selected,.x-menu-dark .x-menu-inline-header.x-menu-selected{color:var(--x-menu-dark-color-item_selected)}.x-menu-dark .x-menu-item.x-menu-selected .x-icon,.x-menu-dark .x-menu-item.x-menu-selected .x-menu-icon,.x-menu-dark .x-menu-group-title.x-menu-selected .x-icon,.x-menu-dark .x-menu-group-title.x-menu-selected .x-menu-icon,.x-menu-dark .x-menu-pop-header.x-menu-selected .x-icon,.x-menu-dark .x-menu-pop-header.x-menu-selected .x-menu-icon,.x-menu-dark .x-menu-inline-header.x-menu-selected .x-icon,.x-menu-dark .x-menu-inline-header.x-menu-selected .x-menu-icon{color:var(--x-menu-dark-color-icon_selected)}.x-menu-dark .x-menu-item.x-menu-disabled,.x-menu-dark .x-menu-group-title.x-menu-disabled,.x-menu-dark .x-menu-pop-header.x-menu-disabled,.x-menu-dark .x-menu-inline-header.x-menu-disabled{color:var(--x-menu-dark-color-item_disabled);background-color:var(--x-menu-dark-color-bg-item_disabled)}.x-menu-dark .x-menu-item.x-menu-disabled .x-icon,.x-menu-dark .x-menu-item.x-menu-disabled .x-menu-icon,.x-menu-dark .x-menu-group-title.x-menu-disabled .x-icon,.x-menu-dark .x-menu-group-title.x-menu-disabled .x-menu-icon,.x-menu-dark .x-menu-pop-header.x-menu-disabled .x-icon,.x-menu-dark .x-menu-pop-header.x-menu-disabled .x-menu-icon,.x-menu-dark .x-menu-inline-header.x-menu-disabled .x-icon,.x-menu-dark .x-menu-inline-header.x-menu-disabled .x-menu-icon{color:var(--x-menu-dark-color-icon_disabled)}.x-menu-dark .x-menu-item.x-menu-disabled:hover,.x-menu-dark .x-menu-group-title.x-menu-disabled:hover,.x-menu-dark .x-menu-pop-header.x-menu-disabled:hover,.x-menu-dark .x-menu-inline-header.x-menu-disabled:hover{color:var(--x-menu-dark-color-item_disabled);background-color:var(--x-menu-dark-color-bg-item_disabled)}.x-menu-dark .x-menu-item.x-menu-disabled:hover .x-icon,.x-menu-dark .x-menu-item.x-menu-disabled:hover .x-menu-icon,.x-menu-dark .x-menu-group-title.x-menu-disabled:hover .x-icon,.x-menu-dark .x-menu-group-title.x-menu-disabled:hover .x-menu-icon,.x-menu-dark .x-menu-pop-header.x-menu-disabled:hover .x-icon,.x-menu-dark .x-menu-pop-header.x-menu-disabled:hover .x-menu-icon,.x-menu-dark .x-menu-inline-header.x-menu-disabled:hover .x-icon,.x-menu-dark .x-menu-inline-header.x-menu-disabled:hover .x-menu-icon{color:var(--x-menu-dark-color-icon_disabled)}.x-menu-dark .x-menu-item.x-menu-selected{background-color:var(--x-menu-dark-color-bg-item_selected)}.x-menu-dark .x-menu-inline-header.x-menu-selected{color:var(--x-menu-dark-color-submenu_selected);background-color:var(--x-menu-dark-color-bg-submenu_selected)}.x-menu-dark .x-menu-inline-header.x-menu-selected .x-icon,.x-menu-dark .x-menu-inline-header.x-menu-selected .x-menu-icon{color:var(--x-menu-dark-color-submenu_selected)}.x-menu-dark .x-menu-inline-header.x-menu-selected:hover{background-color:var(--x-menu-dark-color-bg-submenu_selected_hover)}.x-menu-dark.x-menu-horizontal .x-menu-item.x-menu-selected,.x-menu-dark.x-menu-horizontal .x-menu-group-title.x-menu-selected,.x-menu-dark.x-menu-horizontal .x-menu-pop-header.x-menu-selected,.x-menu-dark.x-menu-horizontal .x-menu-inline-header.x-menu-selected{background:none;transition:color var(--x-transition-duration-2) var(--x-transition-timing-function-linear)}.x-menu-dark.x-menu-horizontal .x-menu-item.x-menu-selected:hover,.x-menu-dark.x-menu-horizontal .x-menu-group-title.x-menu-selected:hover,.x-menu-dark.x-menu-horizontal .x-menu-pop-header.x-menu-selected:hover,.x-menu-dark.x-menu-horizontal .x-menu-inline-header.x-menu-selected:hover{background-color:var(--x-menu-dark-color-bg-item_hover)}.x-menu-dark .x-menu-group-title{color:var(--x-menu-dark-color-group-title);pointer-events:none}.x-menu-dark .x-menu-collapse-button{color:var(--x-menu-dark-color-button);background-color:var(--x-menu-dark-color-bg-button)}.x-menu-dark .x-menu-collapse-button:hover{background-color:var(--x-menu-dark-color-bg-button_hover)}.x-menu a,.x-menu a:hover,.x-menu a:focus,.x-menu a:active{color:inherit;text-decoration:none;cursor:inherit}.x-menu-scrollbar{box-sizing:border-box;width:100%;height:100%}.x-menu-scrollbar .x-scrollbar--container{height:100%}.x-menu-inner{box-sizing:border-box;width:100%;height:100%}.x-menu-icon-suffix{display:inline-flex;align-items:center;justify-content:center}.x-menu-icon-suffix.is-open .x-icon{transform:rotate(180deg)}.x-menu-vertical .x-menu-item,.x-menu-vertical .x-menu-group-title,.x-menu-vertical .x-menu-pop-header,.x-menu-vertical .x-menu-inline-header{padding:0 var(--x-menu-vertical-item-padding-horizontal);line-height:var(--x-menu-vertical-item-height)}.x-menu-vertical .x-menu-item .x-menu-icon-suffix .x-icon,.x-menu-vertical .x-menu-group-title .x-menu-icon-suffix .x-icon,.x-menu-vertical .x-menu-pop-header .x-menu-icon-suffix .x-icon,.x-menu-vertical .x-menu-inline-header .x-menu-icon-suffix .x-icon{margin-right:0}.x-menu-vertical .x-menu-item,.x-menu-vertical .x-menu-group-title,.x-menu-vertical .x-menu-pop-header,.x-menu-vertical .x-menu-inline-header{margin-bottom:var(--x-menu-item-gap)}.x-menu-vertical .x-menu-item:not(.x-menu-has-icon),.x-menu-vertical .x-menu-group-title:not(.x-menu-has-icon),.x-menu-vertical .x-menu-pop-header:not(.x-menu-has-icon),.x-menu-vertical .x-menu-inline-header:not(.x-menu-has-icon){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-menu-vertical .x-menu-item.x-menu-has-icon,.x-menu-vertical .x-menu-group-title.x-menu-has-icon,.x-menu-vertical .x-menu-pop-header.x-menu-has-icon,.x-menu-vertical .x-menu-inline-header.x-menu-has-icon{display:flex;align-items:center}.x-menu-vertical .x-menu-item.x-menu-has-icon>.x-menu-indent-list,.x-menu-vertical .x-menu-item.x-menu-has-icon>.x-menu-icon,.x-menu-vertical .x-menu-group-title.x-menu-has-icon>.x-menu-indent-list,.x-menu-vertical .x-menu-group-title.x-menu-has-icon>.x-menu-icon,.x-menu-vertical .x-menu-pop-header.x-menu-has-icon>.x-menu-indent-list,.x-menu-vertical .x-menu-pop-header.x-menu-has-icon>.x-menu-icon,.x-menu-vertical .x-menu-inline-header.x-menu-has-icon>.x-menu-indent-list,.x-menu-vertical .x-menu-inline-header.x-menu-has-icon>.x-menu-icon{flex:none}.x-menu-vertical .x-menu-item.x-menu-has-icon .x-menu-icon,.x-menu-vertical .x-menu-group-title.x-menu-has-icon .x-menu-icon,.x-menu-vertical .x-menu-pop-header.x-menu-has-icon .x-menu-icon,.x-menu-vertical .x-menu-inline-header.x-menu-has-icon .x-menu-icon{line-height:1}.x-menu-vertical .x-menu-item.x-menu-has-icon .x-menu-title,.x-menu-vertical .x-menu-group-title.x-menu-has-icon .x-menu-title,.x-menu-vertical .x-menu-pop-header.x-menu-has-icon .x-menu-title,.x-menu-vertical .x-menu-inline-header.x-menu-has-icon .x-menu-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-menu-vertical .x-menu-item .x-menu-item-inner,.x-menu-vertical .x-menu-group-title .x-menu-item-inner,.x-menu-vertical .x-menu-pop-header .x-menu-item-inner,.x-menu-vertical .x-menu-inline-header .x-menu-item-inner{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%}.x-menu-vertical .x-menu-item .x-menu-icon-suffix,.x-menu-vertical .x-menu-group-title .x-menu-icon-suffix,.x-menu-vertical .x-menu-pop-header .x-menu-icon-suffix,.x-menu-vertical .x-menu-inline-header .x-menu-icon-suffix{position:absolute;top:50%;right:var(--x-menu-vertical-item-padding-horizontal);display:inline-flex;align-items:center;transform:translateY(-50%)}.x-menu-vertical .x-menu-item .x-menu-icon-suffix .x-icon,.x-menu-vertical .x-menu-group-title .x-menu-icon-suffix .x-icon,.x-menu-vertical .x-menu-pop-header .x-menu-icon-suffix .x-icon,.x-menu-vertical .x-menu-inline-header .x-menu-icon-suffix .x-icon{display:block;line-height:1}.x-menu-vertical .x-menu-inner{padding:var(--x-menu-vertical-padding-vertical) var(--x-menu-vertical-padding-horizontal)}.x-menu-vertical .x-menu-item.x-menu-item-indented{display:flex}.x-menu-vertical .x-menu-pop-header,.x-menu-vertical .x-menu-inline-header{padding-right:28px}.x-menu-horizontal{width:100%;height:auto}.x-menu-horizontal .x-menu-item,.x-menu-horizontal .x-menu-group-title,.x-menu-horizontal .x-menu-pop-header,.x-menu-horizontal .x-menu-inline-header{padding:0 var(--x-menu-horizontal-item-padding-horizontal);line-height:var(--x-menu-horizontal-item-height)}.x-menu-horizontal .x-menu-item .x-menu-icon-suffix .x-icon,.x-menu-horizontal .x-menu-group-title .x-menu-icon-suffix .x-icon,.x-menu-horizontal .x-menu-pop-header .x-menu-icon-suffix .x-icon,.x-menu-horizontal .x-menu-inline-header .x-menu-icon-suffix .x-icon{margin-right:0}.x-menu-horizontal .x-icon,.x-menu-horizontal .x-menu-icon{margin-right:var(--x-menu-horizontal-margin-right-item-prefix-icon)}.x-menu-horizontal .x-menu-icon-suffix{margin-left:var(--x-menu-margin-left-item-suffix-icon)}.x-menu-horizontal .x-menu-inner{display:flex;align-items:center;padding:var(--x-menu-horizontal-padding-vertical) var(--x-menu-horizontal-padding-horizontal)}.x-menu-horizontal .x-menu-item,.x-menu-horizontal .x-menu-pop{display:inline-block;flex-shrink:0;vertical-align:middle}.x-menu-horizontal .x-menu-item:not(:first-child),.x-menu-horizontal .x-menu-pop:not(:first-child){margin-left:var(--x-menu-horizontal-item-gap)}.x-menu-horizontal .x-menu-pop::after{position:absolute;bottom:-var(--x-menu-horizontal-padding-vertical);left:0;width:100%;height:var(--x-menu-horizontal-padding-vertical);content:" "}.x-menu-overflow-wrap{width:100%}.x-menu-overflow-sub-menu-mirror,.x-menu-overflow-hidden-menu-item{position:absolute;white-space:nowrap;visibility:hidden;pointer-events:none}.x-menu-selected-label{position:absolute;right:var(--x-menu-horizontal-item-padding-horizontal);bottom:calc(-1*var(--x-menu-horizontal-padding-vertical));left:var(--x-menu-horizontal-item-padding-horizontal);height:var(--x-menu-height-label-item-selected);background-color:var(--x-menu-color-label-item-selected);animation:x-menu-selected-item-label-enter var(--x-transition-duration-2) var(--x-transition-timing-function-linear)}.x-menu-pop-button{width:auto;background:none;box-shadow:none}.x-menu-pop-button.x-menu-collapsed{width:auto}.x-menu-pop-button .x-menu-item,.x-menu-pop-button .x-menu-group-title,.x-menu-pop-button .x-menu-pop-header,.x-menu-pop-button .x-menu-inline-header{display:flex;align-items:center;justify-content:center;width:var(--x-menu-pop-button-size);height:var(--x-menu-pop-button-size);padding:0;margin-bottom:var(--x-menu-pop-button-margin-bottom);line-height:var(--x-menu-pop-button-size);border:1px solid var(--x-menu-pop-button-border-color);border-radius:50%;box-shadow:var(--x-menu-pop-button-box-shadow)}.x-menu-pop-button .x-menu-item .x-menu-icon,.x-menu-pop-button .x-menu-group-title .x-menu-icon,.x-menu-pop-button .x-menu-pop-header .x-menu-icon,.x-menu-pop-button .x-menu-inline-header .x-menu-icon{margin-right:0}.x-menu-collapsed{width:var(--x-menu-collapse-width)}.x-menu-collapsed .x-menu-inner{padding:var(--x-menu-collapse-padding-vertical) var(--x-menu-collapse-padding-horizontal)}.x-menu-collapsed .x-menu-icon-suffix{display:none}.x-menu-collapsed .x-menu-has-icon>*:not(.x-menu-icon){display:none}.x-menu-collapsed .x-menu-has-icon>.x-menu-icon{margin-right:0}.x-menu-collapsed .x-menu-item .x-icon,.x-menu-collapsed .x-menu-group-title .x-icon,.x-menu-collapsed .x-menu-pop-header .x-icon,.x-menu-collapsed .x-menu-inline-header .x-icon{margin-right:0}.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar.x-menu-inner,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-scrollbar--container,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner.x-menu-inner,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-scrollbar--container{display:flex;flex-direction:column;align-items:center}.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-item-tooltip-trigger.x-tooltip,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-item-tooltip-trigger.x-tooltip{display:flex;justify-content:center;width:var(--x-menu-collapse-item-size)}.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-item,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-pop-header,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-inline-header,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-item,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-pop-header,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-inline-header{display:flex;align-items:center;justify-content:center;width:var(--x-menu-collapse-item-size);height:var(--x-menu-vertical-item-height);padding:0;line-height:var(--x-menu-vertical-item-height)}.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-item:not(.x-menu-has-icon),.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-pop-header:not(.x-menu-has-icon),.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-inline-header:not(.x-menu-has-icon),.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-group-title,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-item:not(.x-menu-has-icon),.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-pop-header:not(.x-menu-has-icon),.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-inline-header:not(.x-menu-has-icon),.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-group-title{overflow:hidden;color:var(--x-color-transparent);text-indent:-999px}.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-item:not(.x-menu-has-icon) .x-menu-indent-list,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-pop-header:not(.x-menu-has-icon) .x-menu-indent-list,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-inline-header:not(.x-menu-has-icon) .x-menu-indent-list,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-group-title .x-menu-indent-list,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-item:not(.x-menu-has-icon) .x-menu-indent-list,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-pop-header:not(.x-menu-has-icon) .x-menu-indent-list,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-inline-header:not(.x-menu-has-icon) .x-menu-indent-list,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-group-title .x-menu-indent-list{display:none}.x-menu-collapse-button{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;justify-content:center;width:var(--x-menu-width-collapse-button);height:var(--x-menu-height-collapse-button);padding:0;border:0;border-radius:var(--x-menu-border-radius-collapse-button);cursor:pointer}.x-menu-collapse-button:focus-visible{outline:2px solid var(--x-color-primary-light-2);outline-offset:2px}.x-menu-has-collapse-button .x-menu-inner{padding-bottom:calc(var(--x-menu-vertical-padding-vertical) + var(--x-menu-height-collapse-button) + 16px)}.x-menu-inline-content{height:auto;overflow:hidden;transition:height var(--x-transition-duration-2) var(--x-transition-timing-function-standard)}.x-menu-inline-content-hide{height:0}.x-menu-item-tooltip a{color:inherit;cursor:text}.x-menu-item-tooltip a:hover,.x-menu-item-tooltip a:focus,.x-menu-item-tooltip a:active{color:inherit}.x-menu-item-tooltip.x-tooltip--content{min-width:120px;padding:var(--x-dropdown-padding-vertical) var(--x-dropdown-option-padding-horizontal);color:var(--x-dropdown-option-color-text_default);font-size:var(--x-dropdown-font-size);line-height:var(--x-dropdown-option-height);background-color:var(--x-dropdown-color-bg);border:1px solid var(--x-dropdown-color-border);border-radius:var(--x-dropdown-border-radius);box-shadow:var(--x-dropdown-box-shadow)}.x-menu-item-tooltip-arrow.x-tooltip--popup-arrow{background-color:var(--x-dropdown-color-bg);border:1px solid var(--x-dropdown-color-border)}.x-menu-pop-trigger.x-trigger--popup[trigger-placement=bl]{transform:translateY(var(--x-menu-horizontal-padding-vertical))}.x-menu-pop-trigger.x-trigger--popup[trigger-placement=bl] .x-trigger--arrow{z-index:0;border-top:1px solid var(--x-menu-color-border-popup);border-left:1px solid var(--x-menu-color-border-popup)}.x-menu-pop-trigger.x-trigger--popup[trigger-placement=rt]{transform:translateX(var(--x-menu-vertical-padding-horizontal))}.x-menu-pop-trigger.x-trigger--popup[trigger-placement=rt] .x-trigger--arrow{z-index:0;border-bottom:1px solid var(--x-menu-color-border-popup);border-left:1px solid var(--x-menu-color-border-popup)}.x-menu-pop-trigger.x-menu-pop-trigger-dark .x-trigger--arrow{background-color:var(--x-menu-dark-color-bg);border-color:var(--x-menu-dark-color-bg)}.x-trigger-menu{position:relative;box-sizing:border-box;max-height:var(--x-dropdown-max-height);padding:0;overflow:hidden;background-color:var(--x-dropdown-color-bg);border:1px solid var(--x-dropdown-color-border);border-radius:var(--x-dropdown-border-radius);box-shadow:var(--x-dropdown-box-shadow)}.x-trigger-menu .x-trigger-menu-scrollbar,.x-trigger-menu .x-trigger-menu-inner{max-height:inherit}.x-trigger-menu .x-trigger-menu-scrollbar .x-scrollbar--container{max-height:inherit}.x-trigger-menu .x-trigger-menu-inner{padding:var(--x-dropdown-padding-vertical) 0}.x-trigger-menu-hidden{display:none}.x-trigger-menu-item,.x-trigger-menu-pop-header{position:relative;z-index:1;box-sizing:border-box;width:100%;height:var(--x-dropdown-option-height);padding:0 var(--x-dropdown-option-padding-horizontal);color:var(--x-dropdown-option-color-text_default);font-size:var(--x-dropdown-font-size);line-height:var(--x-dropdown-option-height);text-align:left;background-color:var(--x-dropdown-option-color-bg_default);cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-trigger-menu-item.x-trigger-menu-selected,.x-trigger-menu-pop-header.x-trigger-menu-selected{color:var(--x-dropdown-option-color-text_selected);font-weight:var(--x-dropdown-option-font-weight_selected);background-color:var(--x-dropdown-option-color-bg_selected);transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-trigger-menu-item:hover,.x-trigger-menu-pop-header:hover{color:var(--x-dropdown-option-color-text_hover);background-color:var(--x-dropdown-option-color-bg_hover)}.x-trigger-menu-item.x-trigger-menu-disabled,.x-trigger-menu-pop-header.x-trigger-menu-disabled{color:var(--x-dropdown-option-color-text_disabled);background-color:var(--x-dropdown-option-color-bg_disabled);cursor:not-allowed}.x-trigger-menu .x-trigger-menu-has-icon{display:flex;align-items:center}.x-trigger-menu .x-trigger-menu-has-icon .x-trigger-menu-icon{margin-right:8px;line-height:1}.x-trigger-menu .x-trigger-menu-has-icon>*{flex:none}.x-trigger-menu .x-trigger-menu-has-icon .x-trigger-menu-title{flex:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-trigger-menu-pop-header{display:flex;align-items:center;justify-content:space-between}.x-trigger-menu-pop-header .x-trigger-menu-icon-suffix{display:flex;margin-left:var(--x-dropdown-margin-left-suffix-icon)}.x-trigger-menu-group:first-child .x-trigger-menu-group-title{padding-top:var(--x-dropdown-group-title-padding-top)-var(--x-dropdown-padding-vertical)}.x-trigger-menu-group-title{box-sizing:border-box;width:100%;padding:var(--x-dropdown-group-title-padding-top) var(--x-dropdown-group-title-padding-horizontal) 0 var(--x-dropdown-group-title-padding-horizontal);color:var(--x-dropdown-group-title-color-text);font-size:var(--x-dropdown-group-title-font-size);line-height:var(--x-dropdown-group-title-height);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-trigger-menu-pop-trigger .x-trigger--arrow{display:none}.x-trigger-menu-dark{background-color:var(--x-dropdown-dark-color-bg);border-color:var(--x-dropdown-dark-color-border)}.x-trigger-menu-dark .x-trigger-menu-item,.x-trigger-menu-dark .x-trigger-menu-pop-header{color:var(--x-dropdown-dark-option-color-text_default);background-color:var(--x-dropdown-dark-option-color-bg_default)}.x-trigger-menu-dark .x-trigger-menu-item.x-trigger-menu-selected,.x-trigger-menu-dark .x-trigger-menu-pop-header.x-trigger-menu-selected{color:var(--x-dropdown-dark-option-color-text_selected);background-color:var(--x-dropdown-dark-option-color-bg_selected)}.x-trigger-menu-dark .x-trigger-menu-item.x-trigger-menu-selected:hover,.x-trigger-menu-dark .x-trigger-menu-pop-header.x-trigger-menu-selected:hover{color:var(--x-dropdown-dark-option-color-text_selected)}.x-trigger-menu-dark .x-trigger-menu-item:hover,.x-trigger-menu-dark .x-trigger-menu-pop-header:hover{color:var(--x-dropdown-dark-option-color-text_hover);background-color:var(--x-dropdown-dark-option-color-bg_hover)}.x-trigger-menu-dark .x-trigger-menu-item.x-trigger-menu-disabled,.x-trigger-menu-dark .x-trigger-menu-pop-header.x-trigger-menu-disabled{color:var(--x-dropdown-dark-option-color-text_disabled);background-color:var(--x-dropdown-dark-option-color-bg_disabled)}.x-trigger-menu-dark .x-trigger-menu-group-title{color:var(--x-dropdown-dark-group-title-color-text)}
package/dist/style/menu.js ADDED
@@ -0,0 +1,2 @@
1
+ import './base.css';
2
+ import './menu.css';
package/dist/style/message-box.css ADDED
@@ -0,0 +1 @@
1
+ .x-message-box{--x-message-box-color-title: var(--x-color-text-elevated-title);--x-message-box-color-content: var(--x-color-text-elevated-body);--x-message-box-color-icon-warning: var(--x-color-warning-solid);--x-message-box-color-icon-strong: var(--x-color-strong-solid);--x-message-box-color-icon-error: var(--x-color-danger-solid);--x-message-box-color-icon-success: var(--x-color-success-solid);--x-message-box-color-icon-info: var(--x-color-primary-solid)}.x-message-box--header{padding:25px 0 10px;line-height:1;display:flex;justify-content:center;align-items:center}.x-message-box--body{padding:0 25px;box-sizing:border-box;text-align:center}.x-message-box--footer{padding:15px 0 20px;box-sizing:border-box}.x-message-box--icon{margin-right:4px}.x-message-box-icon-warning{color:var(--x-message-box-color-icon-warning)}.x-message-box-icon-strong{color:var(--x-message-box-color-icon-strong)}.x-message-box-icon-error{color:var(--x-message-box-color-icon-error)}.x-message-box-icon-success{color:var(--x-message-box-color-icon-success)}.x-message-box-icon-info{color:var(--x-message-box-color-icon-info)}.x-message-box--title{font-size:18px;font-weight:600;color:var(--x-message-box-color-title);line-height:1}.x-message-box--content{font-size:15px;font-weight:400;color:var(--x-message-box-color-content);line-height:1.5}.x-message-box--close-icon{top:28px;right:20px}
package/dist/style/message-box.js ADDED
@@ -0,0 +1,2 @@
1
+ import './base.css';
2
+ import './message-box.css';
package/dist/style/message.css ADDED
@@ -0,0 +1 @@
1
+ .x-message-list{position:fixed;left:0;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;width:100%;padding:0 16px;pointer-events:none}.x-message-list-bottom{flex-direction:column-reverse}.x-message-list-local{position:absolute}.x-message{--x-message-current-accent: var(--x-message-color-accent-info);--x-message-current-icon-bg: var(--x-message-color-icon-bg-info);--x-message-border-radius: 8px;position:relative;display:inline-flex;align-items:center;box-sizing:border-box;max-width:min(680px,100vw - 32px);min-height:40px;margin-bottom:12px;padding:9px 14px 9px 12px;overflow:hidden;color:var(--x-message-color-text);font-weight:400;background-color:var(--x-message-color-bg);border:1px solid var(--x-message-color-border);border-radius:var(--x-message-border-radius);box-shadow:var(--x-message-box-shadow);pointer-events:auto;backdrop-filter:saturate(180%) blur(14px);transition:opacity var(--x-transition-duration-2) var(--x-transition-timing-function-linear),transform var(--x-transition-duration-2) var(--x-transition-timing-function-standard)}.x-message--icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:22px;height:22px;margin-right:8px;color:var(--x-message-current-accent);font-size:16px;background:var(--x-message-current-icon-bg);border-radius:999px}.x-message--content{min-width:0;font-size:var(--x-font-size-body-3);line-height:var(--x-line-height-base);word-break:break-word}.x-message--show-close{justify-content:space-between}.x-message--close-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:22px;height:22px;margin-left:8px;color:var(--x-message-color-close);font-size:13px;line-height:1;border-radius:999px;cursor:pointer}.x-message--close-icon::before{display:none}.x-message--close-icon:hover{background-color:var(--x-message-color-close-bg-hover)}.x-message--close-icon .x-icon{display:block;width:14px;height:14px}.x-message-success{--x-message-current-accent: var(--x-message-color-accent-success);--x-message-current-icon-bg: var(--x-message-color-icon-bg-success)}.x-message-warning{--x-message-current-accent: var(--x-message-color-accent-warning);--x-message-current-icon-bg: var(--x-message-color-icon-bg-warning)}.x-message-strong{--x-message-current-accent: var(--x-message-color-accent-strong);--x-message-current-icon-bg: var(--x-message-color-icon-bg-strong)}.x-message-error{--x-message-current-accent: var(--x-message-color-accent-error);--x-message-current-icon-bg: var(--x-message-color-icon-bg-error)}.x-message-info{--x-message-current-accent: var(--x-message-color-accent-info);--x-message-current-icon-bg: var(--x-message-color-icon-bg-info)}.x-message-loading{--x-message-current-accent: var(--x-message-color-accent-loading);--x-message-current-icon-bg: var(--x-message-color-icon-bg-loading)}.x-message-normal{--x-message-current-accent: var(--x-message-color-accent-normal);--x-message-current-icon-bg: var(--x-message-color-icon-bg-normal)}.x-message-center{justify-content:center}.x-message-fade-enter-from,.x-message-fade-leave-to{opacity:0;transform:translateY(-12px)}.x-message-fade-enter-to,.x-message-fade-leave-from{opacity:1;transform:translateY(0)}.x-message-fade-enter-active,.x-message-fade-leave-active,.x-message-fade-move{transition:opacity var(--x-transition-duration-2) var(--x-transition-timing-function-linear),transform var(--x-transition-duration-2) var(--x-transition-timing-function-standard)}.x-message-fade-leave-active{position:absolute}
package/dist/style/message.js ADDED
@@ -0,0 +1,2 @@
1
+ import './base.css';
2
+ import './message.css';
package/dist/style/network.css ADDED
@@ -0,0 +1 @@
1
+ .x-network{--x-network-height: 18px;--x-network-width: 20px;--x-network-signal-width: 3px;--x-network-gap: 3px;--x-network-color-good: var(--x-color-success-6);--x-network-color-medium: var(--x-color-warning-6);--x-network-color-poor: var(--x-color-strong-6);--x-network-color-offline: var(--x-color-neutral-4);--x-network-color-unknown: var(--x-color-neutral-4);--x-network-color-inactive: var(--x-color-fill-4);--x-network-text-color: var(--x-color-text-2);display:inline-flex;justify-content:center;align-items:flex-end;gap:var(--x-network-gap);user-select:none;vertical-align:middle}.x-network-mini{--x-network-width: 13px;--x-network-height: 10px;--x-network-signal-width: 3px;--x-network-gap: 3px}.x-network-small{--x-network-width: 16px;--x-network-height: 14px;--x-network-signal-width: 4px;--x-network-gap: 3px}.x-network-medium{--x-network-width: 22px;--x-network-height: 16px;--x-network-signal-width: 4px}.x-network-large{--x-network-width: 28px;--x-network-height: 20px;--x-network-signal-width: 4px}.x-network--signal{width:var(--x-network-width);height:var(--x-network-height);display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}.x-network--signal--item{width:var(--x-network-signal-width);height:100%;border-radius:3px;overflow:hidden;background:var(--x-network-color-inactive)}.x-network--signal--item i{display:block;width:100%;height:100%;background:var(--x-network-line-color, var(--x-network-color-inactive));transition:background-color .2s ease}.x-network--metrics{display:inline-flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:1px;height:var(--x-network-height);font-size:9px;font-weight:500;line-height:1;white-space:nowrap}.x-network--latency{color:var(--x-color-text-3)}.x-network--speed{color:var(--x-network-text-color);text-align:right}.x-network-status-good{--x-network-text-color: var(--x-color-success-7)}.x-network-status-medium{--x-network-text-color: var(--x-color-warning-7)}.x-network-status-poor{--x-network-text-color: var(--x-color-strong-7)}.x-network-status-offline{--x-network-text-color: var(--x-color-text-3)}
package/dist/style/network.js ADDED
@@ -0,0 +1,2 @@
1
+ import './base.css';
2
+ import './network.css';
package/dist/style/notification.css ADDED
@@ -0,0 +1 @@
1
+ .x-notification-list{position:fixed;display:flex;flex-direction:column;box-sizing:border-box;width:min(360px,100vw - 32px);pointer-events:none}.x-notification-list-top-right{right:20px}.x-notification-list-top-left{left:20px}.x-notification-list-bottom-right{right:20px;flex-direction:column-reverse}.x-notification-list-bottom-left{left:20px;flex-direction:column-reverse}.x-notification-list-local{position:absolute}.x-notification{--x-notification-current-accent: var(--x-notification-color-accent-info);--x-notification-current-icon-bg: var(--x-notification-color-icon-bg-info);--x-notification-border-radius: 8px;position:relative;box-sizing:border-box;width:100%;min-height:72px;margin-bottom:12px;padding:16px 44px 16px 16px;overflow:hidden;color:var(--x-notification-color-content);background-color:var(--x-notification-color-bg);border:1px solid var(--x-notification-color-border);border-radius:var(--x-notification-border-radius);box-shadow:var(--x-notification-box-shadow);pointer-events:auto;backdrop-filter:saturate(180%) blur(14px)}.x-notification--main{display:flex;align-items:flex-start;min-width:0}.x-notification--icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:24px;height:24px;margin-right:10px;color:var(--x-notification-current-accent);font-size:18px;background:var(--x-notification-current-icon-bg);border-radius:999px}.x-notification--icon-custom{color:inherit;background:var(--x-color-transparent)}.x-notification--content-wrap{min-width:0;flex:1}.x-notification--title{color:var(--x-notification-color-title);font-weight:600;font-size:var(--x-font-size-title-1);line-height:24px;word-break:break-word}.x-notification--message{box-sizing:border-box;margin-top:6px;color:var(--x-notification-color-content);font-weight:400;font-size:var(--x-font-size-body-3);line-height:var(--x-line-height-base);word-break:break-word}.x-notification--footer{margin-top:12px}.x-notification--close-icon{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--x-notification-color-close);font-size:14px;line-height:1;border-radius:999px;cursor:pointer;transition:color var(--x-transition-duration-1) var(--x-transition-timing-function-standard),background-color var(--x-transition-duration-1) var(--x-transition-timing-function-standard)}.x-notification--close-icon:hover,.x-notification--close-icon:focus-visible{background-color:var(--x-notification-color-close-bg-hover);outline:none}.x-notification--close-icon .x-icon{display:block;width:14px;height:14px}.x-notification-success{--x-notification-current-accent: var(--x-notification-color-accent-success);--x-notification-current-icon-bg: var(--x-notification-color-icon-bg-success)}.x-notification-warning{--x-notification-current-accent: var(--x-notification-color-accent-warning);--x-notification-current-icon-bg: var(--x-notification-color-icon-bg-warning)}.x-notification-strong{--x-notification-current-accent: var(--x-notification-color-accent-strong);--x-notification-current-icon-bg: var(--x-notification-color-icon-bg-strong)}.x-notification-error{--x-notification-current-accent: var(--x-notification-color-accent-error);--x-notification-current-icon-bg: var(--x-notification-color-icon-bg-error)}.x-notification-info{--x-notification-current-accent: var(--x-notification-color-accent-info);--x-notification-current-icon-bg: var(--x-notification-color-icon-bg-info)}.x-notification-slide-right-enter-from{opacity:0;transform:translateX(24px)}.x-notification-slide-left-enter-from{opacity:0;transform:translateX(-24px)}.x-notification-slide-right-enter-to,.x-notification-slide-left-enter-to,.x-notification-slide-right-leave-from,.x-notification-slide-left-leave-from{opacity:1;transform:translateX(0)}.x-notification-slide-right-leave-to{opacity:0;transform:translateX(24px)}.x-notification-slide-left-leave-to{opacity:0;transform:translateX(-24px)}.x-notification-slide-right-enter-active,.x-notification-slide-right-leave-active,.x-notification-slide-right-move,.x-notification-slide-left-enter-active,.x-notification-slide-left-leave-active,.x-notification-slide-left-move{transition:opacity var(--x-transition-duration-2) var(--x-transition-timing-function-linear),transform var(--x-transition-duration-2) var(--x-transition-timing-function-standard)}.x-notification-slide-right-leave-active,.x-notification-slide-left-leave-active{position:absolute}
package/dist/style/notification.js ADDED
@@ -0,0 +1,2 @@
1
+ import './base.css';
2
+ import './notification.css';