@milaboratories/uikit 2.1.2 → 2.2.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 (274) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/pl-uikit.js +3118 -2901
  3. package/dist/pl-uikit.umd.cjs +10 -10
  4. package/dist/src/components/PlDropdownLegacy/PlDropdownLegacy.vue.d.ts +78 -0
  5. package/dist/src/components/PlDropdownLegacy/__tests__/PlDropdownLegacy.spec.d.ts +1 -0
  6. package/dist/src/components/PlDropdownLegacy/index.d.ts +1 -0
  7. package/dist/src/components/PlDropdownRef/PlDropdownRef.vue.d.ts +2 -1
  8. package/dist/src/components/PlTooltip/PlTooltip.vue.d.ts +1 -1
  9. package/dist/src/composition/useEventListener.d.ts +1 -1
  10. package/dist/src/generated/icons-16.d.ts +1 -1
  11. package/dist/src/generated/icons-24.d.ts +1 -1
  12. package/dist/src/index.d.ts +28 -59
  13. package/dist/style.css +1 -1
  14. package/dist/tsconfig.lib.tsbuildinfo +1 -1
  15. package/package.json +1 -1
  16. package/src/assets/base.scss +4 -0
  17. package/src/assets/icons/icon-assets/16_calendar.svg +7 -0
  18. package/src/assets/icons/icon-assets/16_caret-down.svg +3 -0
  19. package/src/assets/icons/icon-assets/16_caret-left.svg +3 -0
  20. package/src/assets/icons/icon-assets/16_caret-right.svg +3 -0
  21. package/src/assets/icons/icon-assets/16_caret-up.svg +3 -0
  22. package/src/assets/icons/icon-assets/16_clipboard-copied.svg +1 -3
  23. package/src/assets/icons/icon-assets/16_clipboard.svg +1 -11
  24. package/src/assets/icons/icon-assets/16_delete-bin.svg +2 -6
  25. package/src/assets/icons/icon-assets/16_delete-circle.svg +1 -2
  26. package/src/assets/icons/icon-assets/16_error.svg +1 -2
  27. package/src/assets/icons/icon-assets/16_help-outline.svg +1 -1
  28. package/src/assets/icons/icon-assets/16_link.svg +1 -2
  29. package/src/assets/icons/icon-assets/16_paper-clip.svg +3 -0
  30. package/src/assets/icons/icon-assets/16_renew.svg +3 -0
  31. package/src/assets/icons/icon-assets/16_restart.svg +1 -1
  32. package/src/assets/icons/icon-assets/16_settings.svg +1 -1
  33. package/src/assets/icons/icon-assets/16_stop.svg +1 -1
  34. package/src/assets/icons/icon-assets/16_success.svg +1 -2
  35. package/src/assets/icons/icon-assets/16_time.svg +10 -0
  36. package/src/assets/icons/icon-assets/16_zip.svg +1 -2
  37. package/src/assets/icons/icon-assets/24_annotate.svg +2 -2
  38. package/src/assets/icons/icon-assets/24_annotation.svg +6 -6
  39. package/src/assets/icons/icon-assets/24_calendar.svg +6 -0
  40. package/src/assets/icons/icon-assets/24_clipboard-copied.svg +1 -3
  41. package/src/assets/icons/icon-assets/24_clipboard.svg +2 -2
  42. package/src/assets/icons/icon-assets/24_cluster.svg +1 -1
  43. package/src/assets/icons/icon-assets/24_container.svg +7 -0
  44. package/src/assets/icons/icon-assets/24_cookie.svg +1 -1
  45. package/src/assets/icons/icon-assets/24_copy.svg +1 -1
  46. package/src/assets/icons/icon-assets/24_cpu.svg +1 -1
  47. package/src/assets/icons/icon-assets/24_debug.svg +1 -1
  48. package/src/assets/icons/icon-assets/24_file-doc-add.svg +4 -0
  49. package/src/assets/icons/icon-assets/24_file-doc-download.svg +4 -0
  50. package/src/assets/icons/icon-assets/24_file-doc-import.svg +4 -0
  51. package/src/assets/icons/icon-assets/24_file-doc.svg +5 -0
  52. package/src/assets/icons/icon-assets/24_fire-tips.svg +1 -1
  53. package/src/assets/icons/icon-assets/24_folder-parent.svg +1 -1
  54. package/src/assets/icons/icon-assets/24_generate.svg +1 -1
  55. package/src/assets/icons/icon-assets/24_heatmap.svg +10 -9
  56. package/src/assets/icons/icon-assets/24_link.svg +2 -2
  57. package/src/assets/icons/icon-assets/24_paper-clip.svg +1 -1
  58. package/src/assets/icons/icon-assets/24_pin.svg +1 -1
  59. package/src/assets/icons/icon-assets/24_product.svg +3 -0
  60. package/src/assets/icons/icon-assets/24_renew.svg +3 -0
  61. package/src/assets/icons/icon-assets/24_restart.svg +1 -1
  62. package/src/assets/icons/icon-assets/24_slice.svg +2 -2
  63. package/src/assets/icons/icon-assets/24_social-github.svg +1 -1
  64. package/src/assets/icons/icon-assets/24_social-twitter-X.svg +1 -1
  65. package/src/assets/icons/icon-assets/24_social-twitter-bird.svg +1 -1
  66. package/src/assets/icons/icon-assets/24_stop.svg +1 -1
  67. package/src/assets/icons/icon-assets/24_table-add.svg +3 -0
  68. package/src/assets/icons/icon-assets/24_table-alias.svg +3 -0
  69. package/src/assets/icons/icon-assets/24_table-import.svg +3 -0
  70. package/src/assets/icons/icon-assets/24_table.svg +1 -2
  71. package/src/assets/icons/icon-assets/24_theme-dark.svg +3 -0
  72. package/src/assets/icons/icon-assets/24_theme-light.svg +3 -0
  73. package/src/assets/icons/icon-assets/24_time.svg +3 -0
  74. package/src/assets/icons/icon-assets/24_view-hide.svg +3 -0
  75. package/src/assets/icons/icon-assets/24_view-show.svg +3 -0
  76. package/src/assets/icons/icon-assets/24_warning.svg +1 -3
  77. package/src/assets/icons/icon-assets/24_wetlab.svg +1 -1
  78. package/src/assets/icons/icon-assets/24_zip.svg +1 -2
  79. package/src/assets/icons/icon-assets-min/16_calendar.svg +1 -0
  80. package/src/assets/icons/icon-assets-min/16_caret-down.svg +1 -0
  81. package/src/assets/icons/icon-assets-min/16_caret-left.svg +1 -0
  82. package/src/assets/icons/icon-assets-min/16_caret-right.svg +1 -0
  83. package/src/assets/icons/icon-assets-min/16_caret-up.svg +1 -0
  84. package/src/assets/icons/icon-assets-min/16_clipboard-copied.svg +1 -1
  85. package/src/assets/icons/icon-assets-min/16_clipboard.svg +1 -1
  86. package/src/assets/icons/icon-assets-min/16_delete-bin.svg +1 -1
  87. package/src/assets/icons/icon-assets-min/16_delete-circle.svg +1 -1
  88. package/src/assets/icons/icon-assets-min/16_download.svg +1 -0
  89. package/src/assets/icons/icon-assets-min/16_error.svg +1 -1
  90. package/src/assets/icons/icon-assets-min/16_link.svg +1 -1
  91. package/src/assets/icons/icon-assets-min/16_paper-clip.svg +1 -0
  92. package/src/assets/icons/icon-assets-min/16_renew.svg +1 -0
  93. package/src/assets/icons/icon-assets-min/16_restart.svg +1 -1
  94. package/src/assets/icons/icon-assets-min/16_stop.svg +1 -1
  95. package/src/assets/icons/icon-assets-min/16_success.svg +1 -1
  96. package/src/assets/icons/icon-assets-min/16_time.svg +1 -0
  97. package/src/assets/icons/icon-assets-min/16_zip.svg +1 -1
  98. package/src/assets/icons/icon-assets-min/24_annotate.svg +1 -1
  99. package/src/assets/icons/icon-assets-min/24_annotation.svg +1 -1
  100. package/src/assets/icons/icon-assets-min/24_calendar.svg +1 -0
  101. package/src/assets/icons/icon-assets-min/24_clipboard-copied.svg +1 -1
  102. package/src/assets/icons/icon-assets-min/24_clipboard.svg +1 -1
  103. package/src/assets/icons/icon-assets-min/24_cluster.svg +1 -1
  104. package/src/assets/icons/icon-assets-min/24_container.svg +1 -0
  105. package/src/assets/icons/icon-assets-min/24_cookie.svg +1 -1
  106. package/src/assets/icons/icon-assets-min/24_copy.svg +1 -1
  107. package/src/assets/icons/icon-assets-min/24_cpu.svg +1 -1
  108. package/src/assets/icons/icon-assets-min/24_debug.svg +1 -1
  109. package/src/assets/icons/icon-assets-min/24_download.svg +1 -0
  110. package/src/assets/icons/icon-assets-min/24_file-doc-add.svg +1 -0
  111. package/src/assets/icons/icon-assets-min/24_file-doc-download.svg +1 -0
  112. package/src/assets/icons/icon-assets-min/24_file-doc-import.svg +1 -0
  113. package/src/assets/icons/icon-assets-min/24_file-doc.svg +1 -0
  114. package/src/assets/icons/icon-assets-min/24_fire-tips.svg +1 -1
  115. package/src/assets/icons/icon-assets-min/24_folder-parent.svg +1 -1
  116. package/src/assets/icons/icon-assets-min/24_generate.svg +1 -1
  117. package/src/assets/icons/icon-assets-min/24_heatmap.svg +1 -1
  118. package/src/assets/icons/icon-assets-min/24_link.svg +1 -1
  119. package/src/assets/icons/icon-assets-min/24_paper-clip.svg +1 -1
  120. package/src/assets/icons/icon-assets-min/24_pin.svg +1 -1
  121. package/src/assets/icons/icon-assets-min/24_product.svg +1 -0
  122. package/src/assets/icons/icon-assets-min/24_renew.svg +1 -0
  123. package/src/assets/icons/icon-assets-min/24_restart.svg +1 -1
  124. package/src/assets/icons/icon-assets-min/24_slice.svg +1 -1
  125. package/src/assets/icons/icon-assets-min/24_social-github.svg +1 -1
  126. package/src/assets/icons/icon-assets-min/24_social-twitter-X.svg +1 -1
  127. package/src/assets/icons/icon-assets-min/24_social-twitter-bird.svg +1 -1
  128. package/src/assets/icons/icon-assets-min/24_stop.svg +1 -1
  129. package/src/assets/icons/icon-assets-min/24_table-add.svg +1 -0
  130. package/src/assets/icons/icon-assets-min/24_table-alias.svg +1 -0
  131. package/src/assets/icons/icon-assets-min/24_table-import.svg +1 -0
  132. package/src/assets/icons/icon-assets-min/24_table.svg +1 -1
  133. package/src/assets/icons/icon-assets-min/24_theme-dark.svg +1 -0
  134. package/src/assets/icons/icon-assets-min/24_theme-light.svg +1 -0
  135. package/src/assets/icons/icon-assets-min/24_time.svg +1 -0
  136. package/src/assets/icons/icon-assets-min/24_view-hide.svg +1 -0
  137. package/src/assets/icons/icon-assets-min/24_view-show.svg +1 -0
  138. package/src/assets/icons/icon-assets-min/24_warning.svg +1 -1
  139. package/src/assets/icons/icon-assets-min/24_wetlab.svg +1 -1
  140. package/src/assets/icons/icon-assets-min/24_zip.svg +1 -1
  141. package/src/assets/icons/icons-16-generated.json +9 -11
  142. package/src/assets/icons/icons-16-generated.scss +9 -11
  143. package/src/assets/icons/icons-24-generated.json +18 -48
  144. package/src/assets/icons/icons-24-generated.scss +18 -48
  145. package/src/assets/variables.scss +3 -1
  146. package/src/components/PlCheckbox/pl-checkbox.scss +2 -0
  147. package/src/components/PlChip/PlChip.vue +5 -5
  148. package/src/components/PlChip/pl-chip.scss +2 -2
  149. package/src/components/PlDropdown/PlDropdown.vue +61 -24
  150. package/src/components/PlDropdown/__tests__/PlDropdown.spec.ts +7 -6
  151. package/src/components/PlDropdown/pl-dropdown.scss +65 -67
  152. package/src/components/PlDropdownLegacy/PlDropdownLegacy.vue +372 -0
  153. package/src/components/PlDropdownLegacy/__tests__/PlDropdownLegacy.spec.ts +33 -0
  154. package/src/components/PlDropdownLegacy/index.ts +1 -0
  155. package/src/components/PlDropdownLegacy/pl-dropdown-legacy.scss +260 -0
  156. package/src/components/PlDropdownLine/PlDropdownLine.vue +81 -42
  157. package/src/components/PlDropdownLine/pl-dropdown-line.scss +5 -5
  158. package/src/components/PlDropdownMulti/PlDropdownMulti.vue +62 -27
  159. package/src/components/PlDropdownMulti/__tests__/PlDropdownMulti.spec.ts +12 -7
  160. package/src/components/PlDropdownMulti/pl-dropdown-multi.scss +11 -8
  161. package/src/components/PlDropdownRef/PlDropdownRef.vue +1 -0
  162. package/src/components/PlDropdownRef/__tests__/PlDropdownRef.spec.ts +11 -8
  163. package/src/components/PlFileInput/PlFileInput.vue +1 -1
  164. package/src/components/PlTextField/PlTextField.vue +1 -1
  165. package/src/composition/useEventListener.ts +3 -3
  166. package/src/composition/usePosition.ts +2 -2
  167. package/src/generated/icons-16.ts +9 -11
  168. package/src/generated/icons-24.ts +18 -48
  169. package/src/index.ts +1 -0
  170. package/src/assets/icons/icon-assets/16_clear.svg +0 -10
  171. package/src/assets/icons/icon-assets/16_comp.svg +0 -3
  172. package/src/assets/icons/icon-assets/16_compare.svg +0 -4
  173. package/src/assets/icons/icon-assets/16_delete.svg +0 -4
  174. package/src/assets/icons/icon-assets/16_filter-2.svg +0 -4
  175. package/src/assets/icons/icon-assets/16_link-arrow.svg +0 -3
  176. package/src/assets/icons/icon-assets/16_more-horizontal.svg +0 -5
  177. package/src/assets/icons/icon-assets/16_required.svg +0 -3
  178. package/src/assets/icons/icon-assets/16_settings-2.svg +0 -4
  179. package/src/assets/icons/icon-assets/16_sorter.svg +0 -9
  180. package/src/assets/icons/icon-assets/24_box-dot.svg +0 -6
  181. package/src/assets/icons/icon-assets/24_boxplot-1.svg +0 -5
  182. package/src/assets/icons/icon-assets/24_cloud-down.svg +0 -4
  183. package/src/assets/icons/icon-assets/24_cloud-up.svg +0 -4
  184. package/src/assets/icons/icon-assets/24_code-2.svg +0 -5
  185. package/src/assets/icons/icon-assets/24_cross-bars.svg +0 -13
  186. package/src/assets/icons/icon-assets/24_dark-mode.svg +0 -5
  187. package/src/assets/icons/icon-assets/24_delete.svg +0 -6
  188. package/src/assets/icons/icon-assets/24_dendrogram-X-1.svg +0 -8
  189. package/src/assets/icons/icon-assets/24_dendrogram-Y-1.svg +0 -8
  190. package/src/assets/icons/icon-assets/24_download-files.svg +0 -6
  191. package/src/assets/icons/icon-assets/24_export-2.svg +0 -4
  192. package/src/assets/icons/icon-assets/24_external-link.svg +0 -3
  193. package/src/assets/icons/icon-assets/24_fill-color.svg +0 -3
  194. package/src/assets/icons/icon-assets/24_filters-gate.svg +0 -11
  195. package/src/assets/icons/icon-assets/24_frame-type.svg +0 -11
  196. package/src/assets/icons/icon-assets/24_hide.svg +0 -5
  197. package/src/assets/icons/icon-assets/24_import-2.svg +0 -4
  198. package/src/assets/icons/icon-assets/24_import-download.svg +0 -4
  199. package/src/assets/icons/icon-assets/24_info-circle-outline.svg +0 -5
  200. package/src/assets/icons/icon-assets/24_light-mode.svg +0 -18
  201. package/src/assets/icons/icon-assets/24_linetype.svg +0 -13
  202. package/src/assets/icons/icon-assets/24_local.svg +0 -5
  203. package/src/assets/icons/icon-assets/24_logout.svg +0 -4
  204. package/src/assets/icons/icon-assets/24_mode-dark.svg +0 -5
  205. package/src/assets/icons/icon-assets/24_mode-light.svg +0 -18
  206. package/src/assets/icons/icon-assets/24_more-horizontal.svg +0 -5
  207. package/src/assets/icons/icon-assets/24_outlier-shape.svg +0 -28
  208. package/src/assets/icons/icon-assets/24_position.svg +0 -28
  209. package/src/assets/icons/icon-assets/24_progress-2.svg +0 -9
  210. package/src/assets/icons/icon-assets/24_progress.svg +0 -10
  211. package/src/assets/icons/icon-assets/24_radio-btn.svg +0 -29
  212. package/src/assets/icons/icon-assets/24_rotation.svg +0 -11
  213. package/src/assets/icons/icon-assets/24_save.svg +0 -3
  214. package/src/assets/icons/icon-assets/24_server-2.svg +0 -10
  215. package/src/assets/icons/icon-assets/24_settings-2.svg +0 -4
  216. package/src/assets/icons/icon-assets/24_show.svg +0 -4
  217. package/src/assets/icons/icon-assets/24_social-media.svg +0 -16
  218. package/src/assets/icons/icon-assets/24_stacked-bar.svg +0 -17
  219. package/src/assets/icons/icon-assets/24_stroke-non.svg +0 -6
  220. package/src/assets/icons/icon-assets/24_stroke.svg +0 -3
  221. package/src/assets/icons/icon-assets/24_table-upload.svg +0 -4
  222. package/src/assets/icons/icon-assets/24_title-position.svg +0 -15
  223. package/src/assets/icons/icon-assets/24_upload-files.svg +0 -6
  224. package/src/assets/icons/icon-assets/24_view-off.svg +0 -5
  225. package/src/assets/icons/icon-assets/24_view-on.svg +0 -4
  226. package/src/assets/icons/icon-assets-min/16_comp.svg +0 -1
  227. package/src/assets/icons/icon-assets-min/16_delete.svg +0 -1
  228. package/src/assets/icons/icon-assets-min/16_filter-2.svg +0 -1
  229. package/src/assets/icons/icon-assets-min/16_more-horizontal.svg +0 -1
  230. package/src/assets/icons/icon-assets-min/16_settings-2.svg +0 -1
  231. package/src/assets/icons/icon-assets-min/24_box-dot.svg +0 -1
  232. package/src/assets/icons/icon-assets-min/24_boxplot-1.svg +0 -1
  233. package/src/assets/icons/icon-assets-min/24_cloud-down.svg +0 -1
  234. package/src/assets/icons/icon-assets-min/24_cloud-up.svg +0 -1
  235. package/src/assets/icons/icon-assets-min/24_code-2.svg +0 -1
  236. package/src/assets/icons/icon-assets-min/24_cross-bars.svg +0 -1
  237. package/src/assets/icons/icon-assets-min/24_dark-mode.svg +0 -1
  238. package/src/assets/icons/icon-assets-min/24_delete.svg +0 -1
  239. package/src/assets/icons/icon-assets-min/24_dendrogram-X-1.svg +0 -1
  240. package/src/assets/icons/icon-assets-min/24_dendrogram-Y-1.svg +0 -1
  241. package/src/assets/icons/icon-assets-min/24_download-files.svg +0 -1
  242. package/src/assets/icons/icon-assets-min/24_fill-color.svg +0 -1
  243. package/src/assets/icons/icon-assets-min/24_filters-gate.svg +0 -1
  244. package/src/assets/icons/icon-assets-min/24_frame-type.svg +0 -1
  245. package/src/assets/icons/icon-assets-min/24_import-2.svg +0 -1
  246. package/src/assets/icons/icon-assets-min/24_import-download.svg +0 -1
  247. package/src/assets/icons/icon-assets-min/24_info-circle-outline.svg +0 -1
  248. package/src/assets/icons/icon-assets-min/24_light-mode.svg +0 -1
  249. package/src/assets/icons/icon-assets-min/24_linetype.svg +0 -1
  250. package/src/assets/icons/icon-assets-min/24_local.svg +0 -1
  251. package/src/assets/icons/icon-assets-min/24_logout.svg +0 -1
  252. package/src/assets/icons/icon-assets-min/24_mode-dark.svg +0 -1
  253. package/src/assets/icons/icon-assets-min/24_mode-light.svg +0 -1
  254. package/src/assets/icons/icon-assets-min/24_more-horizontal.svg +0 -1
  255. package/src/assets/icons/icon-assets-min/24_outlier-shape.svg +0 -1
  256. package/src/assets/icons/icon-assets-min/24_position.svg +0 -1
  257. package/src/assets/icons/icon-assets-min/24_progress-2.svg +0 -1
  258. package/src/assets/icons/icon-assets-min/24_progress.svg +0 -1
  259. package/src/assets/icons/icon-assets-min/24_radio-btn.svg +0 -1
  260. package/src/assets/icons/icon-assets-min/24_rotation.svg +0 -1
  261. package/src/assets/icons/icon-assets-min/24_save.svg +0 -1
  262. package/src/assets/icons/icon-assets-min/24_server-2.svg +0 -1
  263. package/src/assets/icons/icon-assets-min/24_settings-2.svg +0 -1
  264. package/src/assets/icons/icon-assets-min/24_social-media.svg +0 -1
  265. package/src/assets/icons/icon-assets-min/24_stacked-bar.svg +0 -1
  266. package/src/assets/icons/icon-assets-min/24_stroke-non.svg +0 -1
  267. package/src/assets/icons/icon-assets-min/24_stroke.svg +0 -1
  268. package/src/assets/icons/icon-assets-min/24_upload-files.svg +0 -1
  269. package/src/assets/icons/icon-assets-min/24_view-off.svg +0 -1
  270. package/src/assets/icons/icon-assets-min/24_view-on.svg +0 -1
  271. /package/src/assets/icons/icon-assets/{16_import.svg → 16_download.svg} +0 -0
  272. /package/src/assets/icons/icon-assets/{24_import.svg → 24_download.svg} +0 -0
  273. /package/src/assets/icons/icon-assets/{24_frame-type--left.svg → 24_frame-type-left.svg} +0 -0
  274. /package/src/assets/icons/icon-assets-min/{24_frame-type--left.svg → 24_frame-type-left.svg} +0 -0
@@ -0,0 +1,78 @@
1
+ import './pl-dropdown-legacy.scss';
2
+ import type { ListOption } from '../../types';
3
+ /**
4
+ * A component for selecting one value from a list of options
5
+ */
6
+ declare const _default: <M = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
7
+ props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
8
+ readonly "onUpdate:modelValue"?: ((value: M | undefined) => any) | undefined;
9
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & {
10
+ /**
11
+ * The current selected value of the dropdown.
12
+ */
13
+ modelValue: M;
14
+ /**
15
+ * The label text for the dropdown field (optional)
16
+ */
17
+ label?: string;
18
+ /**
19
+ * List of available options for the dropdown
20
+ */
21
+ options?: Readonly<ListOption<M>[]>;
22
+ /**
23
+ * A helper text displayed below the dropdown when there are no errors (optional).
24
+ */
25
+ helper?: string;
26
+ /**
27
+ * A helper text displayed below the dropdown when there are no options yet or options is undefined (optional).
28
+ */
29
+ loadingOptionsHelper?: string;
30
+ /**
31
+ * Error message displayed below the dropdown (optional)
32
+ */
33
+ error?: string;
34
+ /**
35
+ * Placeholder text shown when no value is selected.
36
+ */
37
+ placeholder?: string;
38
+ /**
39
+ * Enables a button to clear the selected value (default: false)
40
+ */
41
+ clearable?: boolean;
42
+ /**
43
+ * If `true`, the dropdown component is marked as required.
44
+ */
45
+ required?: boolean;
46
+ /**
47
+ * If `true`, the dropdown component is disabled and cannot be interacted with.
48
+ */
49
+ disabled?: boolean;
50
+ /**
51
+ * Custom icon (16px) class for the dropdown arrow (optional)
52
+ */
53
+ arrowIcon?: string;
54
+ /**
55
+ * Custom icon (24px) class for the dropdown arrow (optional)
56
+ */
57
+ arrowIconLarge?: string;
58
+ /**
59
+ * Option list item size
60
+ */
61
+ optionSize?: "small" | "medium";
62
+ }> & import("vue").PublicProps;
63
+ expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
64
+ attrs: any;
65
+ slots: {
66
+ append?(_: {}): any;
67
+ tooltip?(_: {}): any;
68
+ };
69
+ emit: (e: "update:modelValue", value: M | undefined) => void;
70
+ }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
71
+ [key: string]: any;
72
+ }> & {
73
+ __ctx?: Awaited<typeof __VLS_setup>;
74
+ };
75
+ export default _default;
76
+ type __VLS_PrettifyLocal<T> = {
77
+ [K in keyof T]: T[K];
78
+ } & {};
@@ -0,0 +1 @@
1
+ export { default as PlDropdownLegacy } from './PlDropdownLegacy.vue';
@@ -108,11 +108,12 @@ declare const _default: import("vue").DefineComponent<{
108
108
  error: string;
109
109
  options: Readonly<RefOption[]>;
110
110
  label: string;
111
- required: boolean;
112
111
  disabled: boolean;
113
112
  helper: string;
114
113
  clearable: boolean;
114
+ required: boolean;
115
115
  placeholder: string;
116
+ loadingOptionsHelper: string;
116
117
  optionSize: "small" | "medium";
117
118
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
118
119
  export default _default;
@@ -56,9 +56,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
56
56
  "onTooltip:close"?: ((...args: any[]) => any) | undefined;
57
57
  }>, {
58
58
  gap: number;
59
- position: "top-left" | "left" | "right" | "top";
60
59
  openDelay: number;
61
60
  closeDelay: number;
61
+ position: "top-left" | "left" | "right" | "top";
62
62
  element: "div" | "span" | "a" | "p" | "h1" | "h2" | "h3";
63
63
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
64
64
  default?(_: {}): any;
@@ -2,5 +2,5 @@ import type { MaybeRef } from '../types';
2
2
  type EventMap = WindowEventMap & HTMLElementEventMap & {
3
3
  adjust: Event;
4
4
  };
5
- export declare function useEventListener<T extends EventTarget, E extends EventMap[K], K extends keyof EventMap>(target: MaybeRef<T | undefined>, type: K, callback: (this: T, evt: E) => void, capture?: boolean): void;
5
+ export declare function useEventListener<T extends EventTarget, E extends EventMap[K], K extends keyof EventMap>(target: MaybeRef<T | undefined>, type: K, callback: (this: T, evt: E) => void, options?: AddEventListenerOptions | boolean): void;
6
6
  export {};
@@ -1 +1 @@
1
- export declare const maskIcons16: readonly ["add", "arrow-down", "arrow-left", "arrow-link", "arrow-right", "arrow-up", "box", "cell-type-num", "cell-type-txt", "checkmark", "chevron-down", "chevron-first", "chevron-last", "chevron-left", "chevron-right", "chevron-up", "clear", "clipboard-copied", "clipboard", "close", "comp", "compare", "copy", "data-dimentions", "delete-bin", "delete-circle", "delete-clear", "delete", "drag-dots", "duplicate", "edit", "error", "export", "filter-2", "filter-on", "filter", "help-outline", "help", "import", "info-outline", "info", "jump-link", "link-arrow", "link", "loading", "lock", "maximize", "minimize", "minus", "more-horizontal", "more", "open", "pause", "play", "required", "restart", "reverse", "settings-2", "settings", "sort", "sorter", "stop", "success", "tune", "warning", "x-axis", "y-axis", "zip"];
1
+ export declare const maskIcons16: readonly ["add", "arrow-down", "arrow-left", "arrow-link", "arrow-right", "arrow-up", "box", "calendar", "caret-down", "caret-left", "caret-right", "caret-up", "cell-type-num", "cell-type-txt", "checkmark", "chevron-down", "chevron-first", "chevron-last", "chevron-left", "chevron-right", "chevron-up", "clipboard-copied", "clipboard", "close", "copy", "data-dimentions", "delete-bin", "delete-circle", "delete-clear", "download", "drag-dots", "duplicate", "edit", "error", "export", "filter-on", "filter", "help-outline", "help", "info-outline", "info", "jump-link", "link", "loading", "lock", "maximize", "minimize", "minus", "more", "open", "paper-clip", "pause", "play", "renew", "restart", "reverse", "settings", "sort", "stop", "success", "time", "tune", "warning", "x-axis", "y-axis", "zip"];
@@ -1 +1 @@
1
- export declare const maskIcons24: readonly ["add-layer", "add", "align-center", "align-left", "align-right", "annotate", "annotation", "area", "arrow-down", "arrow-left", "arrow-link", "arrow-right", "arrow-up", "axes", "bar-cross", "bar-error", "bar-stacked", "bar-trend", "bar", "bindot", "box-dot", "box", "boxplot-1", "boxplot-binned", "boxplot-jitter", "boxplot-notched", "boxplot", "bubble", "canvas", "cell-type-num", "cell-type-txt", "checkbox-checked", "checkbox-intermediate", "checkbox", "checkmark", "chevron-down", "chevron-first", "chevron-last", "chevron-left", "chevron-right", "chevron-sort", "chevron-up", "clipboard-copied", "clipboard", "close", "cloud-down", "cloud-download", "cloud-offline", "cloud-online", "cloud-up", "cloud-upload", "cluster", "code-2", "code", "color-fill", "color-none", "color-stroke", "color", "columns", "connected-points", "cookie", "copy", "cpu", "cross-bars", "dark-mode", "data-dimentions", "debug", "delete-bin", "delete-circle", "delete-clear", "delete", "dendrogram-X-1", "dendrogram-X-line", "dendrogram-X", "dendrogram-Y-1", "dendrogram-Y-line", "dendrogram-Y", "dna", "download-files", "drag-dots", "drag-horizontal", "drag-vertical", "duplicate", "edit", "error-bar", "error", "expand-left", "expand-right", "export-2", "export", "external-link", "files-export", "files-import", "fill-color", "filter-on", "filter", "filters-gate", "fire-tips", "folder-parent", "frame-type--left", "frame-type-all", "frame-type-bottom", "frame-type-left-bottom", "frame-type-none", "frame-type", "generate", "graph", "heatmap", "help-outline", "help", "hide", "import-2", "import-download", "import", "info-circle-outline", "info-outline", "info", "jitter", "jump-link", "lasso", "layers", "learn", "legend-box-dot", "legend-box", "legend", "light-mode", "line-binned", "line-error", "line-jitter", "line", "linetype-dashed", "linetype-dotdash", "linetype-dotted", "linetype-longdash", "linetype-solid", "linetype-twodash", "linetype", "link-disabled", "link", "loading", "local", "lock", "logout", "maximize", "menu", "minimize", "minus", "mode-dark", "mode-light", "more-horizontal", "more", "outlier-shape", "paper-clip", "pause", "pin", "play", "position-bottom-annotation", "position-bottom", "position-left-annotation", "position-left", "position-right-annotation", "position-right", "position-top-annotation", "position-top", "position", "progress-2", "progress", "publications", "radio-btn", "radio-button-checked", "radio-button", "restart", "reverse", "rotation-0", "rotation-45", "rotation-90", "rotation", "save", "search", "server-2", "server-on", "server", "settings-2", "settings", "show", "sina", "skatterplot", "slice", "social-github", "social-linkedin", "social-media", "social-twitter-X", "social-twitter-bird", "social-youtube", "sort-list-down", "sort-list-up", "sort", "stacked-bar", "statistics", "stop", "strip-plot", "stroke-non", "stroke", "success", "table-upload", "table", "template", "terminal", "text-align-center", "text-align-left", "text-align-right", "title-position", "tune", "upload-files", "venn", "view-off", "view-on", "violin-binned", "violin-jitter", "violin", "warning", "wetlab", "windows-collapse", "windows-expand", "x-axis", "y-axis", "zip", "zoom-in", "zoom-out"];
1
+ export declare const maskIcons24: readonly ["add-layer", "add", "align-center", "align-left", "align-right", "annotate", "annotation", "area", "arrow-down", "arrow-left", "arrow-link", "arrow-right", "arrow-up", "axes", "bar-cross", "bar-error", "bar-stacked", "bar-trend", "bar", "bindot", "box", "boxplot-binned", "boxplot-jitter", "boxplot-notched", "boxplot", "bubble", "calendar", "canvas", "cell-type-num", "cell-type-txt", "checkbox-checked", "checkbox-intermediate", "checkbox", "checkmark", "chevron-down", "chevron-first", "chevron-last", "chevron-left", "chevron-right", "chevron-sort", "chevron-up", "clipboard-copied", "clipboard", "close", "cloud-download", "cloud-offline", "cloud-online", "cloud-upload", "cluster", "code", "color-fill", "color-none", "color-stroke", "color", "columns", "connected-points", "container", "cookie", "copy", "cpu", "data-dimentions", "debug", "delete-bin", "delete-circle", "delete-clear", "dendrogram-X-line", "dendrogram-X", "dendrogram-Y-line", "dendrogram-Y", "dna", "download", "drag-dots", "drag-horizontal", "drag-vertical", "duplicate", "edit", "error-bar", "error", "expand-left", "expand-right", "export", "file-doc-add", "file-doc-download", "file-doc-import", "file-doc", "files-export", "files-import", "filter-on", "filter", "fire-tips", "folder-parent", "frame-type-all", "frame-type-bottom", "frame-type-left-bottom", "frame-type-left", "frame-type-none", "generate", "graph", "heatmap", "help-outline", "help", "info-outline", "info", "jitter", "jump-link", "lasso", "layers", "learn", "legend-box-dot", "legend-box", "legend", "line-binned", "line-error", "line-jitter", "line", "linetype-dashed", "linetype-dotdash", "linetype-dotted", "linetype-longdash", "linetype-solid", "linetype-twodash", "link-disabled", "link", "loading", "lock", "maximize", "menu", "minimize", "minus", "more", "paper-clip", "pause", "pin", "play", "position-bottom-annotation", "position-bottom", "position-left-annotation", "position-left", "position-right-annotation", "position-right", "position-top-annotation", "position-top", "product", "publications", "radio-button-checked", "radio-button", "renew", "restart", "reverse", "rotation-0", "rotation-45", "rotation-90", "search", "server-on", "server", "settings", "sina", "skatterplot", "slice", "social-github", "social-linkedin", "social-twitter-X", "social-twitter-bird", "social-youtube", "sort-list-down", "sort-list-up", "sort", "statistics", "stop", "strip-plot", "success", "table-add", "table-alias", "table-import", "table", "template", "terminal", "text-align-center", "text-align-left", "text-align-right", "theme-dark", "theme-light", "time", "tune", "venn", "view-hide", "view-show", "violin-binned", "violin-jitter", "violin", "warning", "wetlab", "windows-collapse", "windows-expand", "x-axis", "y-axis", "zip", "zoom-in", "zoom-out"];
@@ -25,6 +25,7 @@ export * from './components/PlTextArea';
25
25
  export * from './components/PlDropdown';
26
26
  export * from './components/PlDropdownRef';
27
27
  export * from './components/PlDropdownLine';
28
+ export * from './components/PlDropdownLegacy';
28
29
  export * from './components/PlTooltip';
29
30
  export * from './components/PlProgressBar';
30
31
  export * from './components/PlNumberField';
@@ -102,6 +103,11 @@ declare const DemoData: {
102
103
  "arrow-right": string;
103
104
  "arrow-up": string;
104
105
  box: string;
106
+ calendar: string;
107
+ "caret-down": string;
108
+ "caret-left": string;
109
+ "caret-right": string;
110
+ "caret-up": string;
105
111
  "cell-type-num": string;
106
112
  "cell-type-txt": string;
107
113
  checkmark: string;
@@ -111,53 +117,46 @@ declare const DemoData: {
111
117
  "chevron-left": string;
112
118
  "chevron-right": string;
113
119
  "chevron-up": string;
114
- clear: string;
115
120
  "clipboard-copied": string;
116
121
  clipboard: string;
117
122
  close: string;
118
- comp: string;
119
- compare: string;
120
123
  copy: string;
121
124
  "data-dimentions": string;
122
125
  "delete-bin": string;
123
126
  "delete-circle": string;
124
127
  "delete-clear": string;
125
- delete: string;
128
+ download: string;
126
129
  "drag-dots": string;
127
130
  duplicate: string;
128
131
  edit: string;
129
132
  error: string;
130
133
  export: string;
131
- "filter-2": string;
132
134
  "filter-on": string;
133
135
  filter: string;
134
136
  "help-outline": string;
135
137
  help: string;
136
- import: string;
137
138
  "info-outline": string;
138
139
  info: string;
139
140
  "jump-link": string;
140
- "link-arrow": string;
141
141
  link: string;
142
142
  loading: string;
143
143
  lock: string;
144
144
  maximize: string;
145
145
  minimize: string;
146
146
  minus: string;
147
- "more-horizontal": string;
148
147
  more: string;
149
148
  open: string;
149
+ "paper-clip": string;
150
150
  pause: string;
151
151
  play: string;
152
- required: string;
152
+ renew: string;
153
153
  restart: string;
154
154
  reverse: string;
155
- "settings-2": string;
156
155
  settings: string;
157
156
  sort: string;
158
- sorter: string;
159
157
  stop: string;
160
158
  success: string;
159
+ time: string;
161
160
  tune: string;
162
161
  warning: string;
163
162
  "x-axis": string;
@@ -185,14 +184,13 @@ declare const DemoData: {
185
184
  "bar-trend": string;
186
185
  bar: string;
187
186
  bindot: string;
188
- "box-dot": string;
189
187
  box: string;
190
- "boxplot-1": string;
191
188
  "boxplot-binned": string;
192
189
  "boxplot-jitter": string;
193
190
  "boxplot-notched": string;
194
191
  boxplot: string;
195
192
  bubble: string;
193
+ calendar: string;
196
194
  canvas: string;
197
195
  "cell-type-num": string;
198
196
  "cell-type-txt": string;
@@ -210,14 +208,11 @@ declare const DemoData: {
210
208
  "clipboard-copied": string;
211
209
  clipboard: string;
212
210
  close: string;
213
- "cloud-down": string;
214
211
  "cloud-download": string;
215
212
  "cloud-offline": string;
216
213
  "cloud-online": string;
217
- "cloud-up": string;
218
214
  "cloud-upload": string;
219
215
  cluster: string;
220
- "code-2": string;
221
216
  code: string;
222
217
  "color-fill": string;
223
218
  "color-none": string;
@@ -225,25 +220,21 @@ declare const DemoData: {
225
220
  color: string;
226
221
  columns: string;
227
222
  "connected-points": string;
223
+ container: string;
228
224
  cookie: string;
229
225
  copy: string;
230
226
  cpu: string;
231
- "cross-bars": string;
232
- "dark-mode": string;
233
227
  "data-dimentions": string;
234
228
  debug: string;
235
229
  "delete-bin": string;
236
230
  "delete-circle": string;
237
231
  "delete-clear": string;
238
- delete: string;
239
- "dendrogram-X-1": string;
240
232
  "dendrogram-X-line": string;
241
233
  "dendrogram-X": string;
242
- "dendrogram-Y-1": string;
243
234
  "dendrogram-Y-line": string;
244
235
  "dendrogram-Y": string;
245
236
  dna: string;
246
- "download-files": string;
237
+ download: string;
247
238
  "drag-dots": string;
248
239
  "drag-horizontal": string;
249
240
  "drag-vertical": string;
@@ -253,33 +244,27 @@ declare const DemoData: {
253
244
  error: string;
254
245
  "expand-left": string;
255
246
  "expand-right": string;
256
- "export-2": string;
257
247
  export: string;
258
- "external-link": string;
248
+ "file-doc-add": string;
249
+ "file-doc-download": string;
250
+ "file-doc-import": string;
251
+ "file-doc": string;
259
252
  "files-export": string;
260
253
  "files-import": string;
261
- "fill-color": string;
262
254
  "filter-on": string;
263
255
  filter: string;
264
- "filters-gate": string;
265
256
  "fire-tips": string;
266
257
  "folder-parent": string;
267
- "frame-type--left": string;
268
258
  "frame-type-all": string;
269
259
  "frame-type-bottom": string;
270
260
  "frame-type-left-bottom": string;
261
+ "frame-type-left": string;
271
262
  "frame-type-none": string;
272
- "frame-type": string;
273
263
  generate: string;
274
264
  graph: string;
275
265
  heatmap: string;
276
266
  "help-outline": string;
277
267
  help: string;
278
- hide: string;
279
- "import-2": string;
280
- "import-download": string;
281
- import: string;
282
- "info-circle-outline": string;
283
268
  "info-outline": string;
284
269
  info: string;
285
270
  jitter: string;
@@ -290,7 +275,6 @@ declare const DemoData: {
290
275
  "legend-box-dot": string;
291
276
  "legend-box": string;
292
277
  legend: string;
293
- "light-mode": string;
294
278
  "line-binned": string;
295
279
  "line-error": string;
296
280
  "line-jitter": string;
@@ -301,22 +285,15 @@ declare const DemoData: {
301
285
  "linetype-longdash": string;
302
286
  "linetype-solid": string;
303
287
  "linetype-twodash": string;
304
- linetype: string;
305
288
  "link-disabled": string;
306
289
  link: string;
307
290
  loading: string;
308
- local: string;
309
291
  lock: string;
310
- logout: string;
311
292
  maximize: string;
312
293
  menu: string;
313
294
  minimize: string;
314
295
  minus: string;
315
- "mode-dark": string;
316
- "mode-light": string;
317
- "more-horizontal": string;
318
296
  more: string;
319
- "outlier-shape": string;
320
297
  "paper-clip": string;
321
298
  pause: string;
322
299
  pin: string;
@@ -329,59 +306,51 @@ declare const DemoData: {
329
306
  "position-right": string;
330
307
  "position-top-annotation": string;
331
308
  "position-top": string;
332
- position: string;
333
- "progress-2": string;
334
- progress: string;
309
+ product: string;
335
310
  publications: string;
336
- "radio-btn": string;
337
311
  "radio-button-checked": string;
338
312
  "radio-button": string;
313
+ renew: string;
339
314
  restart: string;
340
315
  reverse: string;
341
316
  "rotation-0": string;
342
317
  "rotation-45": string;
343
318
  "rotation-90": string;
344
- rotation: string;
345
- save: string;
346
319
  search: string;
347
- "server-2": string;
348
320
  "server-on": string;
349
321
  server: string;
350
- "settings-2": string;
351
322
  settings: string;
352
- show: string;
353
323
  sina: string;
354
324
  skatterplot: string;
355
325
  slice: string;
356
326
  "social-github": string;
357
327
  "social-linkedin": string;
358
- "social-media": string;
359
328
  "social-twitter-X": string;
360
329
  "social-twitter-bird": string;
361
330
  "social-youtube": string;
362
331
  "sort-list-down": string;
363
332
  "sort-list-up": string;
364
333
  sort: string;
365
- "stacked-bar": string;
366
334
  statistics: string;
367
335
  stop: string;
368
336
  "strip-plot": string;
369
- "stroke-non": string;
370
- stroke: string;
371
337
  success: string;
372
- "table-upload": string;
338
+ "table-add": string;
339
+ "table-alias": string;
340
+ "table-import": string;
373
341
  table: string;
374
342
  template: string;
375
343
  terminal: string;
376
344
  "text-align-center": string;
377
345
  "text-align-left": string;
378
346
  "text-align-right": string;
379
- "title-position": string;
347
+ "theme-dark": string;
348
+ "theme-light": string;
349
+ time: string;
380
350
  tune: string;
381
- "upload-files": string;
382
351
  venn: string;
383
- "view-off": string;
384
- "view-on": string;
352
+ "view-hide": string;
353
+ "view-show": string;
385
354
  "violin-binned": string;
386
355
  "violin-jitter": string;
387
356
  violin: string;